From 112f59dd90b1bb5015c335648b9787e938e73f67 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Thu, 14 Mar 2024 17:14:30 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7(deps)=20upgrade=20Storybook=20conf?=
 =?UTF-8?q?iguration=20files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This upgrade requires to update the configuration files.
---
 packages/react/.storybook/main.ts     | 28 +++++++++++++++++----------
 packages/react/.storybook/manager.tsx |  2 +-
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/packages/react/.storybook/main.ts b/packages/react/.storybook/main.ts
index c26d891..d3a08a8 100644
--- a/packages/react/.storybook/main.ts
+++ b/packages/react/.storybook/main.ts
@@ -1,14 +1,15 @@
+import { dirname, join } from "path";
 import { StorybookConfig } from "@storybook/react-vite";
-import remarkGfm from "remark-gfm";
+import remarkGfm from 'remark-gfm';
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/addon-a11y",
-    "@storybook/preset-scss",
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@storybook/addon-interactions"),
+    getAbsolutePath("@storybook/addon-a11y"),
+    getAbsolutePath("@storybook/preset-scss"),
     {
       name: "@storybook/addon-docs",
       options: {
@@ -20,14 +21,14 @@ const config: StorybookConfig = {
       },
     },
   ],
+
   framework: {
-    name: "@storybook/react-vite",
+    name: getAbsolutePath("@storybook/react-vite"),
     options: {},
   },
+
   staticDirs: ["../src", "../public"],
-  features: {
-    storyStoreV7: true,
-  },
+
   async viteFinal(config, options) {
     // We don't want the Storybook build to generate type definitions.
     const newConfig = {
@@ -41,6 +42,13 @@ const config: StorybookConfig = {
     };
     return newConfig;
   },
+  docs: {
+    autodocs: false
+  }
 };
 
 export default config;
+
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}
diff --git a/packages/react/.storybook/manager.tsx b/packages/react/.storybook/manager.tsx
index 31a915f..9ec4ca9 100644
--- a/packages/react/.storybook/manager.tsx
+++ b/packages/react/.storybook/manager.tsx
@@ -1,7 +1,7 @@
 import { addons, types, useStorybookApi } from '@storybook/manager-api';
 import { getThemeFromGlobals, themes } from './themes';
 import React, { useEffect } from 'react';
-import { useGlobals } from '@storybook/api';
+import { useGlobals } from '@storybook/manager-api';
 
 addons.setConfig({ theme: themes.default });