feat: bump storybook version to 7 (#1091) (#1095)

varfish-org · Jul 31, 2023 · bfec8a8 · bfec8a8
1 parent d8785cb
commit bfec8a8
Show file tree

Hide file tree

Showing 29 changed files with 16,135 additions and 44,860 deletions.
diff --git a/cases/vueapp/src/common.js b/cases/vueapp/src/common.js
@@ -55,7 +55,7 @@ export const connectTopRowControls = () => {
         )
       }
       const elem = $('#vueapp-filtration-complexity-mode')
-      if (elem) {
+      if (elem && elem.val(newValue)) {
         elem.val(newValue).change()
       }
     }

diff --git a/cases/vueapp/tests/unit/cases/CaseListPaneCases.spec.js b/cases/vueapp/tests/unit/cases/CaseListPaneCases.spec.js
@@ -30,7 +30,7 @@ describe('CaseListPaneCases.vue', () => {
     // Disable warnings
     vi.spyOn(console, 'warn').mockImplementation(vi.fn())
     // Set reproducible time
-    vi.useFakeTimers('modern')
+    vi.useFakeTimers()
     vi.setSystemTime(new Date(2020, 3, 1))
   })
 

diff --git a/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetList.spec.js b/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetList.spec.js
@@ -48,7 +48,7 @@ describe('SubmissionSetList.vue', () => {
     // Disable warnings
     vi.spyOn(console, 'warn').mockImplementation(vi.fn())
     // Set reproducible time
-    vi.useFakeTimers('modern')
+    vi.useFakeTimers()
     vi.setSystemTime(new Date(2020, 3, 1))
     // Mock out jquery dollar function for showing modals
     global.$ = vi.fn()

diff --git a/clinvar_export/vueapp/tests/unit/clinvarExport/store.actions.spec.js b/clinvar_export/vueapp/tests/unit/clinvarExport/store.actions.spec.js
@@ -62,7 +62,7 @@ describe('actions', () => {
     // Disable warnings
     vi.spyOn(console, 'warn').mockImplementation(vi.fn())
     // Set reproducible time
-    vi.useFakeTimers('modern')
+    vi.useFakeTimers()
     vi.setSystemTime(new Date(2020, 3, 1))
   })
 

diff --git a/svs/vueapp/src/components/SvFilterResultsTable.vue b/svs/vueapp/src/components/SvFilterResultsTable.vue
@@ -1,5 +1,5 @@
 <script setup>
-import sortBy from 'sort-by'
+import sortBy from 'sort-by-typescript'
 import { computed, onBeforeMount, onMounted, watch, ref } from 'vue'
 
 import EasyDataTable from 'vue3-easy-data-table'

diff --git a/utils/docker/Dockerfile b/utils/docker/Dockerfile
@@ -31,7 +31,7 @@ RUN git clone --depth 1 --branch $WORKER_GIT_TREEISH $WORKER_GIT_URL \
 # NodeJS Base Image
 # ---------------------------------------------------------------------------
 
-FROM node:16-slim AS node-base
+FROM node:20-slim AS node-base
 
 ENV LANG C.UTF-8
 ENV LC_ALL C.UTF-8

diff --git a/utils/install_vue_dev.sh b/utils/install_vue_dev.sh
@@ -2,5 +2,5 @@
 echo "***********************************************"
 echo "Installing Node.js"
 echo "***********************************************"
-curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -
+curl -sL https://deb.nodesource.com/setup_20.x | sudo -E bash -
 sudo apt-get install -y nodejs
diff --git a/varfish/vueapp/.eslintrc.js b/varfish/vueapp/.eslintrc.js
@@ -6,11 +6,19 @@ module.exports = {
     'simple-import-sort/exports': 'error',
     'no-unused-vars': [
       'error',
-      { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
     ],
   },
   ignorePatterns: ['static/**'],
-  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'prettier',
+    'plugin:storybook/recommended',
+  ],
   root: true,
   env: {
     node: true,

diff --git a/varfish/vueapp/.storybook/main.js b/varfish/vueapp/.storybook/main.js
diff --git a/varfish/vueapp/.storybook/main.ts b/varfish/vueapp/.storybook/main.ts
@@ -0,0 +1,18 @@
+import type { StorybookConfig } from '@storybook/vue3-vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: false,
+  },
+}
+export default config
diff --git a/varfish/vueapp/.storybook/preview.js b/varfish/vueapp/.storybook/preview.js
diff --git a/varfish/vueapp/.storybook/preview.ts b/varfish/vueapp/.storybook/preview.ts
@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/vue3'
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+}
+
+export default preview
diff --git a/varfish/vueapp/components.d.ts b/varfish/vueapp/components.d.ts
@@ -1,11 +1,11 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     IBiExclamationCircle: typeof import('~icons/bi/exclamation-circle')['default']
     ICilLinkBroken: typeof import('~icons/cil/link-broken')['default']