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 --- .../page/loading-page-comments.stories.tsx | 37 +- .../templates/page/loading-page.stories.ts | 15 + .../templates/page/loading-page.stories.tsx | 22 - .../templates/page/page-comments.stories.tsx | 96 +-- .../templates/page/page-footer.stories.tsx | 58 +- .../templates/page/page-header.stories.tsx | 106 ++- src/components/templates/page/page.stories.tsx | 723 ++++++++++----------- 7 files changed, 498 insertions(+), 559 deletions(-) create mode 100644 src/components/templates/page/loading-page.stories.ts delete mode 100644 src/components/templates/page/loading-page.stories.tsx (limited to 'src/components/templates/page') diff --git a/src/components/templates/page/loading-page-comments.stories.tsx b/src/components/templates/page/loading-page-comments.stories.tsx index 6069068..1ebb4bd 100644 --- a/src/components/templates/page/loading-page-comments.stories.tsx +++ b/src/components/templates/page/loading-page-comments.stories.tsx @@ -1,22 +1,29 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { LoadingPageComments } from './loading-page-comments'; +import type { Meta, StoryObj } from '@storybook/react'; +import { + LoadingPageComments, + type LoadingPageCommentsProps, +} from './loading-page-comments'; +import { Page } from './page'; -/** - * LoadingPageComments - Storybook Meta - */ -export default { - title: 'Templates/LoadingPageComments', +const WrappedLoadingPageComments = (props: LoadingPageCommentsProps) => ( + + + +); + +const meta = { component: LoadingPageComments, + title: 'Templates/Page/LoadingPageComments', + render: WrappedLoadingPageComments, parameters: { layout: 'fullscreen', }, -} as ComponentMeta; +} satisfies Meta; -const Template: ComponentStory = (args) => ( - -); +export default meta; + +type Story = StoryObj; -/** - * LoadingPageComments Stories - Example - */ -export const Example = Template.bind({}); +export const Default: Story = { + args: {}, +}; diff --git a/src/components/templates/page/loading-page.stories.ts b/src/components/templates/page/loading-page.stories.ts new file mode 100644 index 0000000..a5d9b2b --- /dev/null +++ b/src/components/templates/page/loading-page.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { LoadingPage } from './loading-page'; + +const meta = { + component: LoadingPage, + title: 'Templates/Page/LoadingPage', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: {}, +}; diff --git a/src/components/templates/page/loading-page.stories.tsx b/src/components/templates/page/loading-page.stories.tsx deleted file mode 100644 index 2ea0b33..0000000 --- a/src/components/templates/page/loading-page.stories.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { LoadingPage } from './loading-page'; - -/** - * LoadingPage - Storybook Meta - */ -export default { - title: 'Templates/LoadingPage', - component: LoadingPage, - parameters: { - layout: 'fullscreen', - }, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * LoadingPage Stories - Example - */ -export const Example = Template.bind({}); diff --git a/src/components/templates/page/page-comments.stories.tsx b/src/components/templates/page/page-comments.stories.tsx index 362f0a4..ba73747 100644 --- a/src/components/templates/page/page-comments.stories.tsx +++ b/src/components/templates/page/page-comments.stories.tsx @@ -1,45 +1,27 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import type { CommentData } from '../../organisms/comments-list'; +import type { Meta, StoryObj } from '@storybook/react'; +import type { CommentData } from '../../organisms'; import { Page } from './page'; -import { PageComments } from './page-comments'; +import { PageComments, type PageCommentsProps } from './page-comments'; -/** - * PageComments - Storybook Meta - */ -export default { - title: 'Templates/Page/Comments Section', - component: PageComments, - argTypes: { - comments: { - control: { - type: null, - }, - description: 'An array of comments.', - type: { - name: 'object', - required: true, - value: {}, - }, - }, - pageId: { - control: { - type: 'number', - }, - description: 'Define the page id in the database.', - type: { - name: 'number', - required: true, - }, - }, - }, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( +const WrappedPageComments = (props: PageCommentsProps) => ( - + ); +const meta = { + component: PageComments, + title: 'Templates/Page/PageComments', + render: WrappedPageComments, + parameters: { + layout: 'fullscreen', + }, +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + const comments = [ { author: { @@ -139,32 +121,26 @@ const comments = [ }, ] satisfies CommentData[]; -/** - * PageComments Stories - Without comments - */ -export const WithoutComments = Template.bind({}); -WithoutComments.args = { - comments: [], - pageId: 1, +export const WithoutComments: Story = { + args: { + comments: [], + pageId: 1, + }, }; -/** - * PageComments Stories - With comments - */ -export const WithComments = Template.bind({}); -WithComments.args = { - comments, - depth: 2, - pageId: 1, +export const WithComments: Story = { + args: { + comments, + depth: 2, + pageId: 1, + }, }; -/** - * PageComments Stories - With comments closed - */ -export const WithCommentsClosed = Template.bind({}); -WithCommentsClosed.args = { - areCommentsClosed: true, - comments, - depth: 2, - pageId: 1, +export const WithCommentsClosed: Story = { + args: { + areCommentsClosed: true, + comments, + depth: 2, + pageId: 1, + }, }; diff --git a/src/components/templates/page/page-footer.stories.tsx b/src/components/templates/page/page-footer.stories.tsx index aee8979..5c72583 100644 --- a/src/components/templates/page/page-footer.stories.tsx +++ b/src/components/templates/page/page-footer.stories.tsx @@ -1,41 +1,31 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { Page } from './page'; -import { PageFooter } from './page-footer'; +import { PageFooter, type PageFooterProps } from './page-footer'; -/** - * PageFooter - Storybook Meta - */ -export default { - title: 'Templates/Page/Footer', - component: PageFooter, - argTypes: { - readMoreAbout: { - control: { - type: null, - }, - description: 'An array of page links.', - type: { - name: 'object', - required: true, - value: {}, - }, - }, - }, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( +const WrappedPageFooter = (props: PageFooterProps) => ( - + ); -/** - * PageFooter Stories - Footer - */ -export const Footer = Template.bind({}); -Footer.args = { - readMoreAbout: [ - { id: 1, name: 'Topic 1', url: '#topic1' }, - { id: 2, name: 'Topic 2', url: '#topic2' }, - ], +const meta = { + component: PageFooter, + title: 'Templates/Page/PageFooter', + render: WrappedPageFooter, + parameters: { + layout: 'fullscreen', + }, +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Example: Story = { + args: { + readMoreAbout: [ + { id: 1, name: 'Topic 1', url: '#topic1' }, + { id: 2, name: 'Topic 2', url: '#topic2' }, + ], + }, }; diff --git a/src/components/templates/page/page-header.stories.tsx b/src/components/templates/page/page-header.stories.tsx index 3af9b47..8640823 100644 --- a/src/components/templates/page/page-header.stories.tsx +++ b/src/components/templates/page/page-header.stories.tsx @@ -1,76 +1,60 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { Page } from './page'; -import { PageHeader } from './page-header'; +import { PageHeader, type PageHeaderProps } from './page-header'; -/** - * PageHeader - Storybook Meta - */ -export default { - title: 'Templates/Page/Header', - component: PageHeader, - argTypes: { - meta: { - control: { - type: null, - }, - description: 'Define the page meta.', - type: { - name: 'object', - required: true, - value: {}, - }, - }, - }, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( +const WrappedPageHeader = (props: PageHeaderProps) => ( - + ); -/** - * PageHeader Stories - TitleOnly - */ -export const TitleOnly = Template.bind({}); -TitleOnly.args = { - heading: 'The page title', +const meta = { + component: PageHeader, + title: 'Templates/Page/PageHeader', + render: WrappedPageHeader, + parameters: { + layout: 'fullscreen', + }, +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const TitleOnly: Story = { + args: { + heading: 'The page title', + }, }; -/** - * PageHeader Stories - TitleAndIntro - */ -export const TitleAndIntro = Template.bind({}); -TitleAndIntro.args = { - heading: 'The page title', - intro: - 'Eos similique impedit dolor illo. Rerum voluptates corporis quod et molestiae eum. Ut tenetur repellat hic eum. Doloremque et illum sequi aspernatur.', +export const TitleAndIntro: Story = { + args: { + heading: 'The page title', + intro: + 'Eos similique impedit dolor illo. Rerum voluptates corporis quod et molestiae eum. Ut tenetur repellat hic eum. Doloremque et illum sequi aspernatur.', + }, }; -/** - * PageHeader Stories - TitleAndMeta - */ -export const TitleAndMeta = Template.bind({}); -TitleAndMeta.args = { - heading: 'The page title', - meta: { - author: 'Robin_Schroeder77', - publicationDate: '2023-11-15', - updateDate: '2023-11-16', +export const TitleAndMeta: Story = { + args: { + heading: 'The page title', + meta: { + author: 'Robin_Schroeder77', + publicationDate: '2023-11-15', + updateDate: '2023-11-16', + }, }, }; -/** - * PageHeader Stories - All - */ -export const All = Template.bind({}); -All.args = { - heading: 'The page title', - intro: - 'Eos similique impedit dolor illo. Rerum voluptates corporis quod et molestiae eum. Ut tenetur repellat hic eum. Doloremque et illum sequi aspernatur.', - meta: { - author: 'Robin_Schroeder77', - publicationDate: '2023-11-15', - updateDate: '2023-11-16', +export const TitleMetaAndIntro: Story = { + args: { + heading: 'The page title', + intro: + 'Eos similique impedit dolor illo. Rerum voluptates corporis quod et molestiae eum. Ut tenetur repellat hic eum. Doloremque et illum sequi aspernatur.', + meta: { + author: 'Robin_Schroeder77', + publicationDate: '2023-11-15', + updateDate: '2023-11-16', + }, }, }; diff --git a/src/components/templates/page/page.stories.tsx b/src/components/templates/page/page.stories.tsx index 3f03b44..1dbb63a 100644 --- a/src/components/templates/page/page.stories.tsx +++ b/src/components/templates/page/page.stories.tsx @@ -1,7 +1,6 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import { Heading } from '../../atoms'; -import type { CommentData } from '../../organisms/comments-list'; -import { SharingWidget, TocWidget } from '../../organisms/widgets'; +import { type CommentData, SharingWidget, TocWidget } from '../../organisms'; import { Page } from './page'; import { PageBody } from './page-body'; import { PageComments } from './page-comments'; @@ -10,19 +9,17 @@ import { PageHeader } from './page-header'; import { PageSection } from './page-section'; import { PageSidebar } from './page-sidebar'; -/** - * Page - Storybook Meta - */ -export default { - title: 'Templates/Page', +const meta = { component: Page, - argTypes: {}, + title: 'Templates/Page', parameters: { layout: 'fullscreen', }, -} as ComponentMeta; +} satisfies Meta; + +export default meta; -const Template: ComponentStory = (args) => ; +type Story = StoryObj; const comments = [ { @@ -123,374 +120,366 @@ const comments = [ }, ] satisfies CommentData[]; -/** - * Page Stories - HeaderBody - */ -export const HeaderBody = Template.bind({}); -HeaderBody.args = { - children: ( - <> - - - Sint debitis blanditiis -

- Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui - minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi - est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi - facere voluptas. -

-

- Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias - atque rerum quam eos doloremque dolor dolor non. Rerum laudantium - provident eos voluptas minus sit mollitia ex neque. Ea est ut est. Id - quaerat repudiandae sint autem architecto adipisci est. -

- Non nisi similique -

- Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam non - necessitatibus mollitia voluptatibus dolorem non ducimus. Et non illo - aut quasi accusantium fugiat laudantium veritatis. Odit dicta vel et - et rem ipsa nihil. Possimus architecto voluptatibus labore repellat - sint aperiam reprehenderit est ratione. -

-

- Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non dolore - placeat eos qui praesentium sunt dolores. Consequatur atque quibusdam - tempore aut. Quas officiis adipisci consequatur nisi. Quasi veniam qui - mollitia sapiente eius ratione necessitatibus nobis molestiae. -

- - - ), +export const HeaderBody: Story = { + args: { + children: ( + <> + + + Sint debitis blanditiis +

+ Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui + minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi + est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi + facere voluptas. +

+

+ Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias + atque rerum quam eos doloremque dolor dolor non. Rerum laudantium + provident eos voluptas minus sit mollitia ex neque. Ea est ut est. + Id quaerat repudiandae sint autem architecto adipisci est. +

+ Non nisi similique +

+ Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam + non necessitatibus mollitia voluptatibus dolorem non ducimus. Et non + illo aut quasi accusantium fugiat laudantium veritatis. Odit dicta + vel et et rem ipsa nihil. Possimus architecto voluptatibus labore + repellat sint aperiam reprehenderit est ratione. +

+

+ Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non + dolore placeat eos qui praesentium sunt dolores. Consequatur atque + quibusdam tempore aut. Quas officiis adipisci consequatur nisi. + Quasi veniam qui mollitia sapiente eius ratione necessitatibus nobis + molestiae. +

+ + + ), + }, }; -/** - * Page Stories - BreadcrumbsHeaderBody - */ -export const BreadcrumbsHeaderBody = Template.bind({}); -BreadcrumbsHeaderBody.args = { - breadcrumbs: [ - { id: 'home', label: 'Home', slug: '#home' }, - { id: 'blog', label: 'Blog', slug: '#blog' }, - ], - children: ( - <> - - - Sint debitis blanditiis -

- Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui - minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi - est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi - facere voluptas. -

-

- Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias - atque rerum quam eos doloremque dolor dolor non. Rerum laudantium - provident eos voluptas minus sit mollitia ex neque. Ea est ut est. Id - quaerat repudiandae sint autem architecto adipisci est. -

- Non nisi similique -

- Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam non - necessitatibus mollitia voluptatibus dolorem non ducimus. Et non illo - aut quasi accusantium fugiat laudantium veritatis. Odit dicta vel et - et rem ipsa nihil. Possimus architecto voluptatibus labore repellat - sint aperiam reprehenderit est ratione. -

-

- Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non dolore - placeat eos qui praesentium sunt dolores. Consequatur atque quibusdam - tempore aut. Quas officiis adipisci consequatur nisi. Quasi veniam qui - mollitia sapiente eius ratione necessitatibus nobis molestiae. -

- - - ), +export const BreadcrumbsHeaderBody: Story = { + args: { + breadcrumbs: [ + { id: 'home', label: 'Home', slug: '#home' }, + { id: 'blog', label: 'Blog', slug: '#blog' }, + ], + children: ( + <> + + + Sint debitis blanditiis +

+ Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui + minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi + est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi + facere voluptas. +

+

+ Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias + atque rerum quam eos doloremque dolor dolor non. Rerum laudantium + provident eos voluptas minus sit mollitia ex neque. Ea est ut est. + Id quaerat repudiandae sint autem architecto adipisci est. +

+ Non nisi similique +

+ Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam + non necessitatibus mollitia voluptatibus dolorem non ducimus. Et non + illo aut quasi accusantium fugiat laudantium veritatis. Odit dicta + vel et et rem ipsa nihil. Possimus architecto voluptatibus labore + repellat sint aperiam reprehenderit est ratione. +

+

+ Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non + dolore placeat eos qui praesentium sunt dolores. Consequatur atque + quibusdam tempore aut. Quas officiis adipisci consequatur nisi. + Quasi veniam qui mollitia sapiente eius ratione necessitatibus nobis + molestiae. +

+ + + ), + }, }; -/** - * Page Stories - HeaderBodyToc - */ -export const HeaderBodyToc = Template.bind({}); -HeaderBodyToc.args = { - children: ( - <> - - - Table of Contents} - tree={[ - { - children: [], - depth: 2, - id: 'sint-debitis', - label: 'Sint debitis blanditiis', - }, - { - children: [], - depth: 2, - id: 'non-nisi', - label: 'Non nisi similique', - }, - ]} +export const HeaderBodyToc: Story = { + args: { + children: ( + <> + - - - - Sint debitis blanditiis - -

- Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui - minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi - est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi - facere voluptas. -

-

- Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias - atque rerum quam eos doloremque dolor dolor non. Rerum laudantium - provident eos voluptas minus sit mollitia ex neque. Ea est ut est. Id - quaerat repudiandae sint autem architecto adipisci est. -

- - Non nisi similique - -

- Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam non - necessitatibus mollitia voluptatibus dolorem non ducimus. Et non illo - aut quasi accusantium fugiat laudantium veritatis. Odit dicta vel et - et rem ipsa nihil. Possimus architecto voluptatibus labore repellat - sint aperiam reprehenderit est ratione. -

-

- Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non dolore - placeat eos qui praesentium sunt dolores. Consequatur atque quibusdam - tempore aut. Quas officiis adipisci consequatur nisi. Quasi veniam qui - mollitia sapiente eius ratione necessitatibus nobis molestiae. -

- - - ), + + Table of Contents} + tree={[ + { + children: [], + depth: 2, + id: 'sint-debitis', + label: 'Sint debitis blanditiis', + }, + { + children: [], + depth: 2, + id: 'non-nisi', + label: 'Non nisi similique', + }, + ]} + /> + + + + Sint debitis blanditiis + +

+ Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui + minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi + est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi + facere voluptas. +

+

+ Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias + atque rerum quam eos doloremque dolor dolor non. Rerum laudantium + provident eos voluptas minus sit mollitia ex neque. Ea est ut est. + Id quaerat repudiandae sint autem architecto adipisci est. +

+ + Non nisi similique + +

+ Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam + non necessitatibus mollitia voluptatibus dolorem non ducimus. Et non + illo aut quasi accusantium fugiat laudantium veritatis. Odit dicta + vel et et rem ipsa nihil. Possimus architecto voluptatibus labore + repellat sint aperiam reprehenderit est ratione. +

+

+ Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non + dolore placeat eos qui praesentium sunt dolores. Consequatur atque + quibusdam tempore aut. Quas officiis adipisci consequatur nisi. + Quasi veniam qui mollitia sapiente eius ratione necessitatibus nobis + molestiae. +

+ + + ), + }, }; -/** - * Page Stories - HeaderBodyTocSidebar - */ -export const HeaderBodyTocSidebar = Template.bind({}); -HeaderBodyTocSidebar.args = { - children: ( - <> - - - Table of Contents} - tree={[ - { - children: [], - depth: 2, - id: 'sint-debitis', - label: 'Sint debitis blanditiis', - }, - { - children: [], - depth: 2, - id: 'non-nisi', - label: 'Non nisi similique', - }, - ]} - /> - - - - Sint debitis blanditiis - -

- Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui - minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi - est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi - facere voluptas. -

-

- Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias - atque rerum quam eos doloremque dolor dolor non. Rerum laudantium - provident eos voluptas minus sit mollitia ex neque. Ea est ut est. Id - quaerat repudiandae sint autem architecto adipisci est. -

- - Non nisi similique - -

- Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam non - necessitatibus mollitia voluptatibus dolorem non ducimus. Et non illo - aut quasi accusantium fugiat laudantium veritatis. Odit dicta vel et - et rem ipsa nihil. Possimus architecto voluptatibus labore repellat - sint aperiam reprehenderit est ratione. -

-

- Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non dolore - placeat eos qui praesentium sunt dolores. Consequatur atque quibusdam - tempore aut. Quas officiis adipisci consequatur nisi. Quasi veniam qui - mollitia sapiente eius ratione necessitatibus nobis molestiae. -

- - - Share} - media={['diaspora', 'email', 'facebook']} +export const HeaderBodyTocSidebar: Story = { + args: { + children: ( + <> + - - - ), + + Table of Contents} + tree={[ + { + children: [], + depth: 2, + id: 'sint-debitis', + label: 'Sint debitis blanditiis', + }, + { + children: [], + depth: 2, + id: 'non-nisi', + label: 'Non nisi similique', + }, + ]} + /> + + + + Sint debitis blanditiis + +

+ Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui + minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi + est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi + facere voluptas. +

+

+ Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias + atque rerum quam eos doloremque dolor dolor non. Rerum laudantium + provident eos voluptas minus sit mollitia ex neque. Ea est ut est. + Id quaerat repudiandae sint autem architecto adipisci est. +

+ + Non nisi similique + +

+ Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam + non necessitatibus mollitia voluptatibus dolorem non ducimus. Et non + illo aut quasi accusantium fugiat laudantium veritatis. Odit dicta + vel et et rem ipsa nihil. Possimus architecto voluptatibus labore + repellat sint aperiam reprehenderit est ratione. +

+

+ Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non + dolore placeat eos qui praesentium sunt dolores. Consequatur atque + quibusdam tempore aut. Quas officiis adipisci consequatur nisi. + Quasi veniam qui mollitia sapiente eius ratione necessitatibus nobis + molestiae. +

+ + + Share} + media={['diaspora', 'email', 'facebook']} + /> + + + ), + }, }; -/** - * Page Stories - HeaderBodyFooter - */ -export const HeaderBodyFooter = Template.bind({}); -HeaderBodyFooter.args = { - children: ( - <> - - - Sint debitis blanditiis -

- Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui - minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi - est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi - facere voluptas. -

-

- Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias - atque rerum quam eos doloremque dolor dolor non. Rerum laudantium - provident eos voluptas minus sit mollitia ex neque. Ea est ut est. Id - quaerat repudiandae sint autem architecto adipisci est. -

- Non nisi similique -

- Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam non - necessitatibus mollitia voluptatibus dolorem non ducimus. Et non illo - aut quasi accusantium fugiat laudantium veritatis. Odit dicta vel et - et rem ipsa nihil. Possimus architecto voluptatibus labore repellat - sint aperiam reprehenderit est ratione. -

-

- Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non dolore - placeat eos qui praesentium sunt dolores. Consequatur atque quibusdam - tempore aut. Quas officiis adipisci consequatur nisi. Quasi veniam qui - mollitia sapiente eius ratione necessitatibus nobis molestiae. -

- - - - ), +export const HeaderBodyFooter: Story = { + args: { + children: ( + <> + + + Sint debitis blanditiis +

+ Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui + minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi + est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi + facere voluptas. +

+

+ Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias + atque rerum quam eos doloremque dolor dolor non. Rerum laudantium + provident eos voluptas minus sit mollitia ex neque. Ea est ut est. + Id quaerat repudiandae sint autem architecto adipisci est. +

+ Non nisi similique +

+ Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam + non necessitatibus mollitia voluptatibus dolorem non ducimus. Et non + illo aut quasi accusantium fugiat laudantium veritatis. Odit dicta + vel et et rem ipsa nihil. Possimus architecto voluptatibus labore + repellat sint aperiam reprehenderit est ratione. +

+

+ Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non + dolore placeat eos qui praesentium sunt dolores. Consequatur atque + quibusdam tempore aut. Quas officiis adipisci consequatur nisi. + Quasi veniam qui mollitia sapiente eius ratione necessitatibus nobis + molestiae. +

+ + + + ), + }, }; -/** - * Page Stories - HeaderBodyComments - */ -export const HeaderBodyComments = Template.bind({}); -HeaderBodyComments.args = { - children: ( - <> - - - Sint debitis blanditiis -

- Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui - minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi - est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi - facere voluptas. -

-

- Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias - atque rerum quam eos doloremque dolor dolor non. Rerum laudantium - provident eos voluptas minus sit mollitia ex neque. Ea est ut est. Id - quaerat repudiandae sint autem architecto adipisci est. -

- Non nisi similique -

- Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam non - necessitatibus mollitia voluptatibus dolorem non ducimus. Et non illo - aut quasi accusantium fugiat laudantium veritatis. Odit dicta vel et - et rem ipsa nihil. Possimus architecto voluptatibus labore repellat - sint aperiam reprehenderit est ratione. -

-

- Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non dolore - placeat eos qui praesentium sunt dolores. Consequatur atque quibusdam - tempore aut. Quas officiis adipisci consequatur nisi. Quasi veniam qui - mollitia sapiente eius ratione necessitatibus nobis molestiae. -

- - - - ), +export const HeaderBodyComments: Story = { + args: { + children: ( + <> + + + Sint debitis blanditiis +

+ Exercitationem dolorum sed incidunt commodi sapiente fuga. Qui qui + minima nulla ullam alias magnam et. Reiciendis ea voluptatem ab nisi + est aut repudiandae eum magnam. Iusto ex ut velit voluptatem sequi + facere voluptas. +

+

+ Vel ut ullam veritatis aut quaerat a eveniet. Voluptatem molestias + atque rerum quam eos doloremque dolor dolor non. Rerum laudantium + provident eos voluptas minus sit mollitia ex neque. Ea est ut est. + Id quaerat repudiandae sint autem architecto adipisci est. +

+ Non nisi similique +

+ Non ut id. Dolorem in ex voluptas quis quod ut facere. Laboriosam + non necessitatibus mollitia voluptatibus dolorem non ducimus. Et non + illo aut quasi accusantium fugiat laudantium veritatis. Odit dicta + vel et et rem ipsa nihil. Possimus architecto voluptatibus labore + repellat sint aperiam reprehenderit est ratione. +

+

+ Nemo quod est ex ut et quasi. Sed minima voluptatem dolore. Non + dolore placeat eos qui praesentium sunt dolores. Consequatur atque + quibusdam tempore aut. Quas officiis adipisci consequatur nisi. + Quasi veniam qui mollitia sapiente eius ratione necessitatibus nobis + molestiae. +

+ + + + ), + }, }; -/** - * Page Stories - SectionedPage - */ -export const SectionedPage = Template.bind({}); -SectionedPage.args = { - children: ( - <> - - A section title -

- Illo temporibus nihil maiores nesciunt. Veritatis distinctio aperiam - culpa eveniet incidunt eos harum porro labore. Soluta culpa unde - adipisci fugiat voluptas eos. -

- - - Another section title -

- Sint consequatur animi eum beatae. Non corporis quos quia et magnam. - Cumque molestiae blanditiis aut. Et suscipit iusto laudantium iusto - dignissimos. -

- - - A third section title -

- Omnis corporis perferendis animi iste quidem placeat est minus. Enim - autem consequatur voluptatem provident qui culpa. Aliquid aliquam - consequatur non explicabo ut distinctio quis a non. Delectus unde odio - eveniet temporibus omnis. Reprehenderit consequatur minima in - consequatur saepe est sed. Accusantium quia quae magnam expedita nihil - rerum omnis temporibus perspiciatis. -

- - - ), - hasSections: true, +export const SectionedPage: Story = { + args: { + children: ( + <> + + A section title +

+ Illo temporibus nihil maiores nesciunt. Veritatis distinctio aperiam + culpa eveniet incidunt eos harum porro labore. Soluta culpa unde + adipisci fugiat voluptas eos. +

+ + + Another section title +

+ Sint consequatur animi eum beatae. Non corporis quos quia et magnam. + Cumque molestiae blanditiis aut. Et suscipit iusto laudantium iusto + dignissimos. +

+ + + A third section title +

+ Omnis corporis perferendis animi iste quidem placeat est minus. Enim + autem consequatur voluptatem provident qui culpa. Aliquid aliquam + consequatur non explicabo ut distinctio quis a non. Delectus unde + odio eveniet temporibus omnis. Reprehenderit consequatur minima in + consequatur saepe est sed. Accusantium quia quae magnam expedita + nihil rerum omnis temporibus perspiciatis. +

+ + + ), + hasSections: true, + }, }; -- cgit v1.2.3