Migrate stories to new storybook format

shafiqrbs · Nov 21, 2023 · f9b8b55 · f9b8b55
1 parent 4fe897f
commit f9b8b55
Show file tree

Hide file tree

Showing 126 changed files with 627 additions and 499 deletions.
diff --git a/lib/ActionToggle/ActionToggle.story.tsx b/lib/ActionToggle/ActionToggle.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ActionToggle } from './ActionToggle';
 
-storiesOf('ActionToggle', module).add('ActionToggle', () => (
-  <StoryWrapper attributes={attributes} component={ActionToggle} />
-));
 export default { title: 'ActionToggle' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ActionToggle} />;
 }
diff --git a/lib/ActionsGrid/ActionsGrid.story.tsx b/lib/ActionsGrid/ActionsGrid.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ActionsGrid } from './ActionsGrid';
 
-storiesOf('ActionsGrid', module).add('ActionsGrid', () => (
-  <StoryWrapper attributes={attributes} component={ActionsGrid} />
-));
 export default { title: 'ActionsGrid' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ActionsGrid} />;
 }
diff --git a/lib/ArticleCard/ArticleCard.story.tsx b/lib/ArticleCard/ArticleCard.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ArticleCard } from './ArticleCard';
 
-storiesOf('ArticleCard', module).add('ArticleCard', () => (
-  <StoryWrapper attributes={attributes} component={ArticleCard} />
-));
 export default { title: 'ArticleCard' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ArticleCard} />;
 }
diff --git a/lib/ArticleCardFooter/ArticleCardFooter.story.tsx b/lib/ArticleCardFooter/ArticleCardFooter.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ArticleCardFooter } from './ArticleCardFooter';
 
-storiesOf('ArticleCardFooter', module).add('ArticleCardFooter', () => (
-  <StoryWrapper attributes={attributes} component={ArticleCardFooter} />
-));
 export default { title: 'ArticleCardFooter' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ArticleCardFooter} />;
 }
diff --git a/lib/ArticleCardImage/ArticleCardImage.story.tsx b/lib/ArticleCardImage/ArticleCardImage.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ArticleCardImage } from './ArticleCardImage';
 
-storiesOf('ArticleCardImage', module).add('ArticleCardImage', () => (
-  <StoryWrapper attributes={attributes} component={ArticleCardImage} />
-));
 export default { title: 'ArticleCardImage' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ArticleCardImage} />;
 }
diff --git a/lib/ArticleCardVertical/ArticleCardVertical.story.tsx b/lib/ArticleCardVertical/ArticleCardVertical.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ArticleCardVertical } from './ArticleCardVertical';
 
-storiesOf('ArticleCardVertical', module).add('ArticleCardVertical', () => (
-  <StoryWrapper attributes={attributes} component={ArticleCardVertical} />
-));
 export default { title: 'ArticleCardVertical' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ArticleCardVertical} />;
 }
diff --git a/lib/ArticlesCardsGrid/ArticlesCardsGrid.story.tsx b/lib/ArticlesCardsGrid/ArticlesCardsGrid.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ArticlesCardsGrid } from './ArticlesCardsGrid';
 
-storiesOf('ArticlesCardsGrid', module).add('ArticlesCardsGrid', () => (
-  <StoryWrapper attributes={attributes} component={ArticlesCardsGrid} />
-));
 export default { title: 'ArticlesCardsGrid' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ArticlesCardsGrid} />;
 }
diff --git a/lib/AuthenticationForm/AuthenticationForm.story.tsx b/lib/AuthenticationForm/AuthenticationForm.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { AuthenticationForm } from './AuthenticationForm';
 
-storiesOf('AuthenticationForm', module).add('AuthenticationForm', () => (
-  <StoryWrapper attributes={attributes} component={AuthenticationForm} />
-));
 export default { title: 'AuthenticationForm' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={AuthenticationForm} />;
 }
diff --git a/lib/AuthenticationImage/AuthenticationImage.story.tsx b/lib/AuthenticationImage/AuthenticationImage.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { AuthenticationImage } from './AuthenticationImage';
 
-storiesOf('AuthenticationImage', module).add('AuthenticationImage', () => (
-  <StoryWrapper attributes={attributes} component={AuthenticationImage} />
-));
 export default { title: 'AuthenticationImage' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={AuthenticationImage} />;
 }
diff --git a/lib/AuthenticationTitle/AuthenticationTitle.story.tsx b/lib/AuthenticationTitle/AuthenticationTitle.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { AuthenticationTitle } from './AuthenticationTitle';
 
-storiesOf('AuthenticationTitle', module).add('AuthenticationTitle', () => (
-  <StoryWrapper attributes={attributes} component={AuthenticationTitle} />
-));
 export default { title: 'AuthenticationTitle' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={AuthenticationTitle} />;
 }
diff --git a/lib/AutocompleteLoading/AutocompleteLoading.story.tsx b/lib/AutocompleteLoading/AutocompleteLoading.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { AutocompleteLoading } from './AutocompleteLoading';
 
-storiesOf('AutocompleteLoading', module).add('AutocompleteLoading', () => (
-  <StoryWrapper attributes={attributes} component={AutocompleteLoading} />
-));
 export default { title: 'AutocompleteLoading' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={AutocompleteLoading} />;
 }
diff --git a/lib/BadgeCard/BadgeCard.story.tsx b/lib/BadgeCard/BadgeCard.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { BadgeCard } from './BadgeCard';
 
-storiesOf('BadgeCard', module).add('BadgeCard', () => (
-  <StoryWrapper attributes={attributes} component={BadgeCard} />
-));
 export default { title: 'BadgeCard' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={BadgeCard} />;
 }
diff --git a/lib/ButtonCopy/ButtonCopy.story.tsx b/lib/ButtonCopy/ButtonCopy.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ButtonCopy } from './ButtonCopy';
 
-storiesOf('ButtonCopy', module).add('ButtonCopy', () => (
-  <StoryWrapper attributes={attributes} component={ButtonCopy} />
-));
 export default { title: 'ButtonCopy' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ButtonCopy} />;
 }
diff --git a/lib/ButtonMenu/ButtonMenu.story.tsx b/lib/ButtonMenu/ButtonMenu.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ButtonMenu } from './ButtonMenu';
 
-storiesOf('ButtonMenu', module).add('ButtonMenu', () => (
-  <StoryWrapper attributes={attributes} component={ButtonMenu} />
-));
 export default { title: 'ButtonMenu' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ButtonMenu} />;
 }
diff --git a/lib/ButtonProgress/ButtonProgress.story.tsx b/lib/ButtonProgress/ButtonProgress.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ButtonProgress } from './ButtonProgress';
 
-storiesOf('ButtonProgress', module).add('ButtonProgress', () => (
-  <StoryWrapper attributes={attributes} component={ButtonProgress} />
-));
 export default { title: 'ButtonProgress' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ButtonProgress} />;
 }
diff --git a/lib/CardGradient/CardGradient.story.tsx b/lib/CardGradient/CardGradient.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CardGradient } from './CardGradient';
 
-storiesOf('CardGradient', module).add('CardGradient', () => (
-  <StoryWrapper attributes={attributes} component={CardGradient} />
-));
 export default { title: 'CardGradient' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CardGradient} />;
 }
diff --git a/lib/CardWithStats/CardWithStats.story.tsx b/lib/CardWithStats/CardWithStats.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CardWithStats } from './CardWithStats';
 
-storiesOf('CardWithStats', module).add('CardWithStats', () => (
-  <StoryWrapper attributes={attributes} component={CardWithStats} />
-));
 export default { title: 'CardWithStats' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CardWithStats} />;
 }
diff --git a/lib/CardsCarousel/CardsCarousel.story.tsx b/lib/CardsCarousel/CardsCarousel.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CardsCarousel } from './CardsCarousel';
 
-storiesOf('CardsCarousel', module).add('CardsCarousel', () => (
-  <StoryWrapper attributes={attributes} component={CardsCarousel} />
-));
 export default { title: 'CardsCarousel' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CardsCarousel} />;
 }
diff --git a/lib/CarouselCard/CarouselCard.story.tsx b/lib/CarouselCard/CarouselCard.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CarouselCard } from './CarouselCard';
 
-storiesOf('CarouselCard', module).add('CarouselCard', () => (
-  <StoryWrapper attributes={attributes} component={CarouselCard} />
-));
 export default { title: 'CarouselCard' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CarouselCard} />;
 }
diff --git a/lib/CheckboxCard/CheckboxCard.story.tsx b/lib/CheckboxCard/CheckboxCard.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CheckboxCard } from './CheckboxCard';
 
-storiesOf('CheckboxCard', module).add('CheckboxCard', () => (
-  <StoryWrapper attributes={attributes} component={CheckboxCard} />
-));
 export default { title: 'CheckboxCard' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CheckboxCard} />;
 }
diff --git a/lib/CommentHtml/CommentHtml.story.tsx b/lib/CommentHtml/CommentHtml.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CommentHtml } from './CommentHtml';
 
-storiesOf('CommentHtml', module).add('CommentHtml', () => (
-  <StoryWrapper attributes={attributes} component={CommentHtml} />
-));
 export default { title: 'CommentHtml' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CommentHtml} />;
 }
diff --git a/lib/CommentSimple/CommentSimple.story.tsx b/lib/CommentSimple/CommentSimple.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CommentSimple } from './CommentSimple';
 
-storiesOf('CommentSimple', module).add('CommentSimple', () => (
-  <StoryWrapper attributes={attributes} component={CommentSimple} />
-));
 export default { title: 'CommentSimple' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CommentSimple} />;
 }
diff --git a/lib/ContactUs/ContactUs.story.tsx b/lib/ContactUs/ContactUs.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ContactUs } from './ContactUs';
 
-storiesOf('ContactUs', module).add('ContactUs', () => (
-  <StoryWrapper attributes={attributes} component={ContactUs} />
-));
 export default { title: 'ContactUs' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ContactUs} />;
 }
diff --git a/lib/ContainedInputs/ContainedInputs.story.tsx b/lib/ContainedInputs/ContainedInputs.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { ContainedInputs } from './ContainedInputs';
 
-storiesOf('ContainedInputs', module).add('ContainedInputs', () => (
-  <StoryWrapper attributes={attributes} component={ContainedInputs} />
-));
 export default { title: 'ContainedInputs' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={ContainedInputs} />;
 }
diff --git a/lib/CookiesBanner/CookiesBanner.story.tsx b/lib/CookiesBanner/CookiesBanner.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CookiesBanner } from './CookiesBanner';
 
-storiesOf('CookiesBanner', module).add('CookiesBanner', () => (
-  <StoryWrapper attributes={attributes} component={CookiesBanner} />
-));
 export default { title: 'CookiesBanner' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CookiesBanner} />;
 }
diff --git a/lib/CurrencyInput/CurrencyInput.story.tsx b/lib/CurrencyInput/CurrencyInput.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CurrencyInput } from './CurrencyInput';
 
-storiesOf('CurrencyInput', module).add('CurrencyInput', () => (
-  <StoryWrapper attributes={attributes} component={CurrencyInput} />
-));
 export default { title: 'CurrencyInput' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CurrencyInput} />;
 }
diff --git a/lib/CustomSwitch/CustomSwitch.story.tsx b/lib/CustomSwitch/CustomSwitch.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { CustomSwitch } from './CustomSwitch';
 
-storiesOf('CustomSwitch', module).add('CustomSwitch', () => (
-  <StoryWrapper attributes={attributes} component={CustomSwitch} />
-));
 export default { title: 'CustomSwitch' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={CustomSwitch} />;
 }
diff --git a/lib/DndList/DndList.story.tsx b/lib/DndList/DndList.story.tsx
@@ -1,8  1,9 @@
-import { storiesOf } from '@storybook/react';
 import attributes from './attributes.json';
 import { StoryWrapper } from '../../components/StoryWrapper/StoryWrapper';
 import { DndList } from './DndList';
 
-storiesOf('DndList', module).add('DndList', () => (
-  <StoryWrapper attributes={attributes} component={DndList} />
-));
 export default { title: 'DndList' };
 
 export function Usage() {
   return <StoryWrapper attributes={attributes} component={DndList} />;
 }