Merge pull request #116 from jdeniau/upgrade-storybook

upgrade storybook to 8.3

.storybook/main.ts

@@ -6,6 +6,7 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    '@chromatic-com/storybook',
   ],
   framework: {
     name: '@storybook/react-vite',
@@ -20,8 +21,6 @@ const config: StorybookConfig = {
       },
     },
   },
-  docs: {
-    autodocs: 'tag',
-  },
+  docs: {},
 };
 export default config;

chromatic.config.json

@@ -0,0 +1,5 @@
+{
+  "onlyChanged": true,
+  "projectId": "Project:65d931ecf2dac84b78cc43f2",
+  "zip": true
+}

package.json

@@ -57,6 +57,7 @@
     "update-electron-app": "^3.0.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "1",
     "@electron-forge/cli": "^7.2.0 <7.3.0",
     "@electron-forge/maker-deb": "^7.2.0 <7.3.0",
     "@electron-forge/maker-dmg": "^7.2.0 <7.3.0",
@@ -66,13 +67,13 @@
     "@electron-forge/plugin-auto-unpack-natives": "^7.2.0 <7.3.0",
     "@electron-forge/plugin-vite": "^7.2.0 <7.3.0",
     "@electron-forge/publisher-github": "^7.2.0 <7.3.0",
-    "@storybook/addon-essentials": "^8.0.0-rc.3",
-    "@storybook/addon-interactions": "^8.0.0-rc.3",
-    "@storybook/addon-links": "^8.0.0-rc.3",
-    "@storybook/blocks": "^8.0.0-rc.3",
-    "@storybook/react": "^8.0.0-rc.3",
-    "@storybook/react-vite": "^8.0.0-rc.3",
-    "@storybook/test": "^8.0.0-rc.3",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/test": "^8.3.5",
     "@types/mysql": "^2.15.25",
     "@types/node": "^20.11.19",
     "@types/react": "^18.2.57",
@@ -87,14 +88,14 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.9.0",
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",
     "mysql2": "^3.9.8",
     "prettier": "^3.3.2",
     "react-router-dom": "^6.22.1",
-    "storybook": "^8.0.0-rc.3",
+    "storybook": "^8.3.5",
     "ts-node": "^10.9.2",
     "typescript": "~5.3.3",
     "vitest": "^1.3.1"

src/renderer/component/Cell.stories.tsx

@@ -56,7 +56,7 @@ export const WithNULLValue: Story = {
     value: null,
   },
   argTypes: {
-    value: { control: { type: null } },
+    value: { control: { type: undefined } },
   },
 };