Refactor stories

GoogleChromeLabs · Aug 2, 2023 · ef10c90 · ef10c90
1 parent 5c5a553
commit ef10c90
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 13 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -36,8 +36,8 @@
     "**/node_modules/**",
     "dist/**",
     "out/**",
-    "data/",
-    "coverage/"
+    "data/**",
+    "coverage/**"
   ],
   "rules": {
     "array-callback-return": "error",

diff --git a/packages/extension/src/view/design-system/components/circle/stories/circle.stories.tsx b/packages/extension/src/view/design-system/components/circle/stories/circle.stories.tsx
@@ -16,7 +16,7 @@
 /**
  * External dependencies.
  */
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 /**
  * Internal dependencies.
@@ -27,11 +27,12 @@ import { COLOR_MAP } from '../../../theme/colors';
 const meta: Meta<typeof Circle> = {
   title: 'Extension/DesignSystem/Circle',
   component: Circle,
+  tags: ['autodocs'],
 };
 
 export default meta;
 
-export const Primary = {
+export const Primary: StoryObj<typeof meta> = {
   args: {
     color: COLOR_MAP.functional,
   },

diff --git a/...nsion/src/view/design-system/components/circlePieChart/stories/circlePieChart.stories.tsx b/...nsion/src/view/design-system/components/circlePieChart/stories/circlePieChart.stories.tsx
@@ -16,7 +16,7 @@
 /**
  * External dependencies.
  */
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 /**
  * Internal dependencies.
@@ -27,11 +27,12 @@ import { COLOR_MAP } from '../../../theme/colors';
 const meta: Meta<typeof CirclePieChart> = {
   title: 'Extension/DesignSystem/CirclePieChart',
   component: CirclePieChart,
+  tags: ['autodocs'],
 };
 
 export default meta;
 
-export const Primary = {
+export const Primary: StoryObj<typeof meta> = {
   args: {
     centerCount: 5,
     data: [

diff --git a/...ges/extension/src/view/devtools/components/sidebar/accordion/stories/accordion.stories.ts b/...ges/extension/src/view/devtools/components/sidebar/accordion/stories/accordion.stories.ts
@@ -26,7 +26,7 @@ import Accordion from '..';
 // @todo To be removed after we add any story.
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
 const meta: Meta<typeof Accordion> = {
-  title: 'Extension/Accordion',
+  title: 'Extension/DevTools/Accordion',
   component: Accordion,
   tags: ['autodocs'],
   argTypes: {

diff --git a/...s/components/tabContent/cookies/components/cookieDetails/stories/cookieDetails.stories.ts b/...s/components/tabContent/cookies/components/cookieDetails/stories/cookieDetails.stories.ts
@@ -25,7 +25,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { CookieDetails } from '../..';
 
 const meta = {
-  title: 'Extension/CookiesPanel/CookieDetails',
+  title: 'Extension/DevTools/CookiesPanel/CookieDetails',
   component: CookieDetails,
   tags: ['autodocs'],
 } as Meta<typeof CookieDetails>;

diff --git a/...evtools/components/tabContent/cookies/components/cookieDetails/stories/details.stories.ts b/...evtools/components/tabContent/cookies/components/cookieDetails/stories/details.stories.ts
@@ -25,7 +25,7 @@ import Details from '../details';
 import type { CookieTableData } from '../../../../../../stateProviders/syncCookieStore';
 
 const meta = {
-  title: 'Extension/CookiesPanel/CookieDetails/Details',
+  title: 'Extension/DevTools/CookiesPanel/CookieDetails/Details',
   component: Details,
   tags: ['autodocs'],
 } as Meta<typeof Details>;

diff --git a/...tools/components/tabContent/cookies/components/cookieTable/stories/cookieTable.stories.ts b/...tools/components/tabContent/cookies/components/cookieTable/stories/cookieTable.stories.ts
@@ -26,7 +26,7 @@ import { TempCookieData } from './tempData';
 import { CookieTable } from '../..';
 
 const meta = {
-  title: 'Extension/CookiesPanel/CookieTable',
+  title: 'Extension/DevTools/CookiesPanel/CookieTable',
   component: CookieTable,
   tags: ['autodocs'],
 } as Meta<typeof CookieTable>;

diff --git a/packages/extension/src/view/popup/components/legend/stories/legend.stories.tsx b/packages/extension/src/view/popup/components/legend/stories/legend.stories.tsx
@@ -16,7 +16,7 @@
 /**
  * External dependencies.
  */
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 /**
  * Internal dependencies.
@@ -25,13 +25,14 @@ import Legend from '..';
 import { COLOR_MAP } from '../../../../design-system/theme/colors';
 
 const meta: Meta<typeof Legend> = {
-  title: 'Extension/Popup/components',
+  title: 'Extension/Popup/Legend',
   component: Legend,
+  tags: ['autodocs'],
 };
 
 export default meta;
 
-export const Primary = {
+export const Primary: StoryObj<typeof meta> = {
   args: {
     legendItemList: [
       { label: 'Functional', count: 10, color: COLOR_MAP.functional },