Upgrade storybook

deskpro · Dec 4, 2024 · 7ea7fb0 · 7ea7fb0
1 parent 5feca12
commit 7ea7fb0
Show file tree

Hide file tree

Showing 4 changed files with 668 additions and 2,871 deletions.
diff --git a/packages/components/.storybook/main.ts b/packages/components/.storybook/main.ts
@@ -11,18 +11,24 @@ function getAbsolutePath(value: string): any {
 }
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+
   addons: [
     getAbsolutePath("@storybook/addon-links"),
     getAbsolutePath("@storybook/addon-essentials"),
     getAbsolutePath("@storybook/addon-onboarding"),
     getAbsolutePath("@storybook/addon-interactions"),
+    "@chromatic-com/storybook"
   ],
+
   framework: {
     name: getAbsolutePath("@storybook/react-vite"),
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript"
+  }
 };
 export default config;
diff --git a/packages/components/.storybook/preview.ts b/packages/components/.storybook/preview.ts
@@ -3,7 +3,6 @@ import '@deskpro/portal-components/dist/style.css';
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -13,7 +13,7 @@
     "@deskpro/js-utils": "1.0.13",
     "@emotion/css": "^11.7.1",
     "@emotion/react": "^11.8.2",
-    "accessible-autocomplete": "2.0.4",
+    "accessible-autocomplete": "3.0.1",
     "classnames": "^2.3.2",
     "date-fns": "2.28.0",
     "dompurify": "2.5.4",
@@ -50,18 +50,19 @@
   "license": "BSD-3-Clause",
   "devDependencies": {
     "@alexlafroscia/postcss-color-mod-function": "^4.0.0",
+    "@chromatic-com/storybook": "^1",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^21.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addon-onboarding": "^1.0.10",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/react": "^7.6.7",
-    "@storybook/react-vite": "^7.6.7",
-    "@storybook/test": "^7.6.7",
+    "@storybook/addon-essentials": "^8.3.1",
+    "@storybook/addon-interactions": "^8.3.1",
+    "@storybook/addon-links": "^8.3.1",
+    "@storybook/addon-onboarding": "^8.3.1",
+    "@storybook/blocks": "^8.3.1",
+    "@storybook/react": "^8.3.1",
+    "@storybook/react-vite": "^8.3.1",
+    "@storybook/test": "^8.3.1",
     "@svgr/rollup": "^6.2.1",
     "@testing-library/react": "^12.1.4",
     "@types/dompurify": "^2.3.3",
@@ -92,7 +93,7 @@
     "rollup": "^2.70.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.31.2",
-    "storybook": "^7.6.7",
+    "storybook": "^8.3.1",
     "ts-jest": "^27.1.3",
     "typescript": "^4.6.2",
     "vite": "^5.0.10",