From 53fb5c0572d1f938dbde38bcb39778edfe51eb01 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 12 Apr 2023 17:47:13 +0200
Subject: [PATCH] Fix ts lint, remove unused component

---
 client/cypress/tsconfig.json                  |  8 +++
 .../src/components/ui/ItRadioGroup.stories.ts |  2 +-
 .../components/ui/ItRadiobutton.stories.ts    | 21 ------
 client/src/components/ui/ItRadiobutton.vue    | 67 -------------------
 client/tsconfig.app.json                      |  2 +-
 client/tsconfig.cypress.json                  |  8 +++
 client/tsconfig.json                          |  3 +
 7 files changed, 21 insertions(+), 90 deletions(-)
 create mode 100644 client/cypress/tsconfig.json
 delete mode 100644 client/src/components/ui/ItRadiobutton.stories.ts
 delete mode 100644 client/src/components/ui/ItRadiobutton.vue
 create mode 100644 client/tsconfig.cypress.json

diff --git a/client/cypress/tsconfig.json b/client/cypress/tsconfig.json
new file mode 100644
index 00000000..31a631a8
--- /dev/null
+++ b/client/cypress/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "lib": ["es5", "dom"],
+    "target": "es5",
+    "types": ["cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}
diff --git a/client/src/components/ui/ItRadioGroup.stories.ts b/client/src/components/ui/ItRadioGroup.stories.ts
index fa0e8e57..b33a1bef 100644
--- a/client/src/components/ui/ItRadioGroup.stories.ts
+++ b/client/src/components/ui/ItRadioGroup.stories.ts
@@ -28,7 +28,7 @@ export const RadioGroup: Story = {
     modelValue: modelValue,
     items: items,
     label: "Radiogroup",
-    "onUpdate:modelValue": (newValue) => {
+    "onUpdate:modelValue": (newValue: any) => {
       modelValue = newValue;
     },
   },
diff --git a/client/src/components/ui/ItRadiobutton.stories.ts b/client/src/components/ui/ItRadiobutton.stories.ts
deleted file mode 100644
index 2161cb59..00000000
--- a/client/src/components/ui/ItRadiobutton.stories.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import ItRadiobutton from "./ItRadiobutton.vue";
-
-const meta: Meta<typeof ItRadiobutton> = {
-  title: "VBV/Radiobutton",
-  component: ItRadiobutton,
-};
-
-export default meta;
-type Story = StoryObj<typeof ItRadiobutton>;
-
-export const Radiobutton: Story = {
-  args: {
-    item: {
-      value: "Hallo",
-      label: "Velo",
-      subtitle: "Subtitle",
-    },
-    selected: false,
-  },
-};
diff --git a/client/src/components/ui/ItRadiobutton.vue b/client/src/components/ui/ItRadiobutton.vue
deleted file mode 100644
index 9157a5ae..00000000
--- a/client/src/components/ui/ItRadiobutton.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-import type { RadioItem } from "@/components/ui/checkbox.types";
-import log from "loglevel";
-
-const props = defineProps<{
-  item: RadioItem<any>;
-  disabled?: boolean;
-}>();
-
-const emit = defineEmits(["toggle"]);
-const toggle = () => {
-  emit("toggle");
-};
-const keydown = (e: KeyboardEvent) => {
-  log.debug("keydown", e.type, e.key);
-  if (e.key === " " && !props.disabled) {
-    e.preventDefault();
-    toggle();
-  }
-};
-const input = (e: Event) => {
-  const target = e.target as HTMLInputElement;
-  log.debug("input", e.type, target.checked, target.value);
-  emit("toggle");
-};
-</script>
-
-<template>
-  <div
-    :class="{
-      'opacity-50': disabled,
-      'cursor-not-allowed': disabled,
-    }"
-    class="inline-flex cursor-pointer"
-  >
-    <label
-      class="cy-checkbox cy-checkbox-checked block flex h-8 items-center bg-contain bg-no-repeat pl-8 disabled:opacity-50"
-      :class="
-        item.checked
-          ? 'bg-[url(/static/icons/icon-checkbox-checked.svg)] hover:bg-[url(/static/icons/icon-checkbox-checked-hover.svg)]'
-          : 'bg-[url(/static/icons/icon-checkbox-unchecked.svg)] hover:bg-[url(/static/icons/icon-checkbox-unchecked-hover.svg)]'
-      "
-      tabindex="0"
-      @keydown.stop="keydown"
-    >
-      <input
-        ref="checkbox"
-        :checked="item.checked"
-        :value="item.value"
-        :disabled="disabled"
-        :data-cy="`it-checkbox-${item.value}`"
-        class="sr-only"
-        type="checkbox"
-        @keydown="keydown"
-        @input="input"
-      />
-      <div class="ml-4 flex-col">
-        <div v-if="item.label">
-          {{ item.label }}
-        </div>
-        <div v-if="item.subtitle" class="text-gray-900">
-          {{ item.subtitle }}
-        </div>
-      </div>
-    </label>
-  </div>
-</template>
diff --git a/client/tsconfig.app.json b/client/tsconfig.app.json
index b2a55613..6db0671d 100644
--- a/client/tsconfig.app.json
+++ b/client/tsconfig.app.json
@@ -10,7 +10,7 @@
     },
     "strict": true
   },
-  "exclude": ["src/**/__tests__/*"],
+  "exclude": ["src/**/__tests__/*", "src/**/*.cy.ts"],
   "extends": "@vue/tsconfig/tsconfig.web.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"]
 }
diff --git a/client/tsconfig.cypress.json b/client/tsconfig.cypress.json
new file mode 100644
index 00000000..e12e99ec
--- /dev/null
+++ b/client/tsconfig.cypress.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "lib": ["es5", "dom"],
+    "target": "es5",
+    "types": ["cypress", "node"]
+  },
+  "include": ["src/**/*.cy.ts"]
+}
diff --git a/client/tsconfig.json b/client/tsconfig.json
index 24f21b06..1bca1709 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -9,6 +9,9 @@
     },
     {
       "path": "./tsconfig.vitest.json"
+    },
+    {
+      "path": "./tsconfig.cypress.json"
     }
   ]
 }