[feature/setting-for-v7] support v7

.github/workflows/deploy.yml

@@ -44,7 +44,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
 
       - name: Setup Pages

.github/workflows/release.yml

@@ -17,10 +17,10 @@ jobs:
       - name: Prepare repository
         run: git fetch --unshallow --tags
 
-      - name: Use Node.js 16.x
+      - name: Use Node.js 18.x
         uses: actions/setup-node@v3
         with:
-          node-version: 16.x
+          node-version: 18.x
           registry-url: https://registry.npmjs.org/
 
       - name: Install dependencies

.storybook/local-preset.js

@@ -1,9 +1,9 @@
 function previewAnnotations(entry = []) {
-  return [...entry, require.resolve("../dist/esm/preview")];
+  return [...entry, require.resolve("../dist/preview.mjs")];
 }
 
 function managerEntries(entry = []) {
-  return [...entry, require.resolve("../dist/esm/manager")];
+  return [...entry, require.resolve("../dist/manager.mjs")];
 }
 
 module.exports = {

.storybook/main.ts

@@ -0,0 +1,22 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    {
+      name: "@storybook/addon-essentials",
+      options: {
+        actions: false,
+      },
+    },
+    "./local-preset.js",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,11 @@
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    previewTabs: {
+      "storybook/docs/panel": { hidden: true },
+    },
+  },
+};
+
+export default preview;

README.md

@@ -47,7 +47,7 @@ yarn:
 yarn add storybook-addon-useragent -D
 ```
 
-### Add it to addons in `.storybook/main.js`.
+### Add it to addons in `.storybook/main.ts`.
 
 ```js
 module.exports = {

manager.js

@@ -1 +1 @@
-export * from "./dist/esm/manager";
+export * from "./dist/manager";