From 0f936ec0e7606cb79434d94096b6e113a7ce78eb Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 15 Dec 2023 18:35:16 +0100 Subject: refactor(stories): migrate stories to CSF3 format --- .../ackee-toggle/ackee-toggle.stories.ts | 15 ++++++++++++++ .../ackee-toggle/ackee-toggle.stories.tsx | 21 ------------------- .../motion-toggle/motion-toggle.stories.ts | 15 ++++++++++++++ .../motion-toggle/motion-toggle.stories.tsx | 21 ------------------- .../prism-theme-toggle.stories.ts | 15 ++++++++++++++ .../prism-theme-toggle.stories.tsx | 20 ------------------ .../forms/settings-form/settings-form.stories.ts | 24 ++++++++++++++++++++++ .../forms/settings-form/settings-form.stories.tsx | 21 ------------------- .../theme-toggle/theme-toggle.stories.ts | 15 ++++++++++++++ .../theme-toggle/theme-toggle.stories.tsx | 20 ------------------ 10 files changed, 84 insertions(+), 103 deletions(-) create mode 100644 src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts delete mode 100644 src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx create mode 100644 src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts delete mode 100644 src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx create mode 100644 src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts delete mode 100644 src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx create mode 100644 src/components/organisms/forms/settings-form/settings-form.stories.ts delete mode 100644 src/components/organisms/forms/settings-form/settings-form.stories.tsx create mode 100644 src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts delete mode 100644 src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx (limited to 'src/components/organisms/forms/settings-form') diff --git a/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts b/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts new file mode 100644 index 0000000..1ec157d --- /dev/null +++ b/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { AckeeToggle } from './ackee-toggle'; + +const meta = { + component: AckeeToggle, + title: 'Organisms/Forms/Settings/Ackee', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx b/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx deleted file mode 100644 index abaf59f..0000000 --- a/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { AckeeToggle } from './ackee-toggle'; - -/** - * AckeeToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: AckeeToggle, - argTypes: {}, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * Toggle Stories - Ackee - */ -export const Ackee = Template.bind({}); -Ackee.args = {}; diff --git a/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts b/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts new file mode 100644 index 0000000..5244ae1 --- /dev/null +++ b/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { MotionToggle } from './motion-toggle'; + +const meta = { + component: MotionToggle, + title: 'Organisms/Forms/Settings/Motion', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx b/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx deleted file mode 100644 index 67cea37..0000000 --- a/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { MotionToggle } from './motion-toggle'; - -/** - * MotionToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: MotionToggle, - argTypes: {}, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * Toggle Stories - Motion - */ -export const Motion = Template.bind({}); -Motion.args = {}; diff --git a/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts b/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts new file mode 100644 index 0000000..0e4c746 --- /dev/null +++ b/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { PrismThemeToggle } from './prism-theme-toggle'; + +const meta = { + component: PrismThemeToggle, + title: 'Organisms/Forms/Settings/Prism Theme', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx b/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx deleted file mode 100644 index 9313bf2..0000000 --- a/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { PrismThemeToggle } from './prism-theme-toggle'; - -/** - * PrismThemeToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: PrismThemeToggle, - argTypes: {}, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * Toggle Stories - Prism theme - */ -export const PrismTheme = Template.bind({}); diff --git a/src/components/organisms/forms/settings-form/settings-form.stories.ts b/src/components/organisms/forms/settings-form/settings-form.stories.ts new file mode 100644 index 0000000..3f9ec3e --- /dev/null +++ b/src/components/organisms/forms/settings-form/settings-form.stories.ts @@ -0,0 +1,24 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import type { FormEventHandler } from 'react'; +import { SettingsForm } from './settings-form'; + +const meta = { + component: SettingsForm, + title: 'Organisms/Forms/Settings', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +const doNothing: FormEventHandler = (e) => { + e.preventDefault(); + + return undefined; +}; + +export const Example: Story = { + args: { + onSubmit: doNothing, + }, +}; diff --git a/src/components/organisms/forms/settings-form/settings-form.stories.tsx b/src/components/organisms/forms/settings-form/settings-form.stories.tsx deleted file mode 100644 index da93bfa..0000000 --- a/src/components/organisms/forms/settings-form/settings-form.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { SettingsForm } from './settings-form'; - -/** - * SettingsForm - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings', - component: SettingsForm, - argTypes: {}, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * Forms Stories - Settings - */ -export const Settings = Template.bind({}); -Settings.args = {}; diff --git a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts new file mode 100644 index 0000000..eecc3c1 --- /dev/null +++ b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { ThemeToggle } from './theme-toggle'; + +const meta = { + component: ThemeToggle, + title: 'Organisms/Forms/Settings/Theme', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx deleted file mode 100644 index 4742adf..0000000 --- a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { ThemeToggle } from './theme-toggle'; - -/** - * ThemeToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: ThemeToggle, - argTypes: {}, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * Toggle Stories - Theme - */ -export const Theme = Template.bind({}); -- cgit v1.2.3