Fix must have default exports errors on stories: https://github.com/s…

…torybookjs/eslint-plugin-storybook/blob/main/docs/rules/default-exports.md
vimeo · Jun 23, 2023 · 79e1339 · 79e1339
1 parent 0650f31
commit 79e1339
Show file tree

Hide file tree

Showing 27 changed files with 92 additions and 43 deletions.
diff --git a/src/components/Panel/Panel.story.tsx b/src/components/Panel/Panel.story.tsx
@@ -1,17 +1,18 @@
 import React, { useState } from 'react';
-import { Story } from '@storybook/react';
+import { StoryFn } from '@storybook/react';
 
 import { Panel } from './Panel';
 import { Props } from './Panel.types';
 
 import { Button } from '../../components';
+import { Layout } from '../../storybook';
 
 export default {
   title: 'components/Panel',
   component: Panel,
 };
 
-const Template: Story<Props> = ({ content = <div />, ...args }) => {
+const Template: StoryFn<Props> = ({ content = <div />, ...args }) => {
   const [active, activeSet] = useState(true);
   const toggle = () => activeSet((active) => !active);
 

diff --git a/src/components/Panel/props/active.story.tsx b/src/components/Panel/props/active.story.tsx
@@ -4,6 +4,10 @@ import { Panel } from '../Panel';
 
 import { Layout } from '../../../storybook';
 
+export default {
+  component: Panel,
+  title: 'components/Panel/props',
+};
 export function Active() {
   const content = <div />;
 

diff --git a/src/components/Panel/props/attach.story.tsx b/src/components/Panel/props/attach.story.tsx
@@ -5,6 +5,10 @@ import { Panel } from '../Panel';
 import { Button } from '../../../components';
 import { Layout } from '../../../storybook';
 
+export default {
+  component: Panel,
+  title: 'components/Panel/props',
+};
 export function Attach() {
   const [active, setActive] = useState({ right: false, left: false });
 

diff --git a/src/components/Panel/props/props.story.tsx b/src/components/Panel/props/props.story.tsx
diff --git a/src/components/Panel/props/resizable.story.tsx b/src/components/Panel/props/resizable.story.tsx
@@ -5,6 +5,10 @@ import { Panel } from '../Panel';
 import { Button } from '../../../components';
 import { Layout } from '../../../storybook';
 
+export default {
+  component: Panel,
+  title: 'components/Panel/props',
+};
 export function Resizable() {
   const [active, activeSet] = useState(true);
   const toggle = () => activeSet((active) => !active);

diff --git a/src/components/TourPoint/examples/ChildrenResize.story.tsx b/src/components/TourPoint/examples/ChildrenResize.story.tsx
@@ -8,6 +8,11 @@ import { Header, Paragraph } from '../../../typography';
 import { History, Plus } from '../../../icons';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/examples',
+};
+
 export function ChildrenResize() {
   function Children() {
     const { active, activeSet } = useContext(TourContext);

diff --git a/src/components/TourPoint/examples/InsidePopOver.story.tsx b/src/components/TourPoint/examples/InsidePopOver.story.tsx
@@ -7,6 +7,11 @@ import { Tour } from '../TourPoint.context';
 import { PopOver } from '../../PopOver/PopOver';
 import { Paragraph } from '../../../typography';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/examples',
+};
+
 export function InsidePopOver() {
   const [active, activeSet] = useState(false);
   const getStepsTranslation = ({

diff --git a/src/components/TourPoint/examples/Sequence.story.tsx b/src/components/TourPoint/examples/Sequence.story.tsx
@@ -7,6 +7,11 @@ import { Card } from '../TourPoint.story';
 import { Button } from '../../../components';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/examples',
+};
+
 export function Sequence() {
   function Children() {
     const { active, activeSet } = useContext(TourContext);

diff --git a/src/components/TourPoint/examples/examples.story.tsx b/src/components/TourPoint/examples/examples.story.tsx
diff --git a/src/components/TourPoint/props/active.story.tsx b/src/components/TourPoint/props/active.story.tsx
@@ -7,6 +7,10 @@ import { Card } from '../TourPoint.story';
 import { Button } from '../../../components';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/props',
+};
 export function Active() {
   const [active, activeSet] = useState(true);
 

diff --git a/src/components/TourPoint/props/attach.story.tsx b/src/components/TourPoint/props/attach.story.tsx
@@ -7,6 +7,10 @@ import { Card } from '../TourPoint.story';
 import { Button } from '../../../components';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/props',
+};
 export function Attach() {
   function Children() {
     const { active, activeSet } = useContext(TourContext);

diff --git a/src/components/TourPoint/props/confirmation.story.tsx b/src/components/TourPoint/props/confirmation.story.tsx
@@ -8,6 +8,10 @@ import { Button } from '../../../components';
 import { Gear } from '../../../icons';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/props',
+};
 export function Confirmation() {
   function Children() {
     const { active, activeSet } = useContext(TourContext);

diff --git a/src/components/TourPoint/props/dismission.story.tsx b/src/components/TourPoint/props/dismission.story.tsx
@@ -8,6 +8,10 @@ import { Button } from '../../../components';
 import { Gear } from '../../../icons';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/props',
+};
 export function Dismission() {
   function Children() {
     const { active, activeSet } = useContext(TourContext);

diff --git a/src/components/TourPoint/props/props.story.tsx b/src/components/TourPoint/props/props.story.tsx
diff --git a/src/components/TourPoint/props/src.story.tsx b/src/components/TourPoint/props/src.story.tsx
@@ -7,6 +7,10 @@ import { Card } from '../TourPoint.story';
 import { Input } from '../../../components';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/props',
+};
 export function Src() {
   const [src, srcSet] = useState('http://placekitten.com/320/213');
 

diff --git a/src/components/TourPoint/props/title.story.tsx b/src/components/TourPoint/props/title.story.tsx
@@ -7,6 +7,10 @@ import { Card } from '../TourPoint.story';
 import { Input } from '../../../components';
 import { StoryControlBar } from '../../../storybook';
 
+export default {
+  component: TourPoint,
+  title: 'components/TourPoint/props',
+};
 export function Title() {
   const [title, titleSet] = useState('A Fresh New Look');
 

diff --git a/src/tokens/color/background/background.story.tsx b/src/tokens/color/background/background.story.tsx
@@ -8,6 +8,10 @@ import { core } from '../../core';
 import { Card, Canvas } from '../../storybook';
 import { tx } from '../../util';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <>

diff --git a/src/tokens/color/format/format.story.tsx b/src/tokens/color/format/format.story.tsx
@@ -10,6 +10,10 @@ import { Card, Canvas } from '../../storybook';
 
 import { Text } from '../../../typography';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <Canvas>

diff --git a/src/tokens/color/livestream/livestream.story.tsx b/src/tokens/color/livestream/livestream.story.tsx
@@ -8,6 +8,10 @@ import { Card, Canvas } from '../../storybook';
 
 import { Text } from '../../../typography';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <Canvas>

diff --git a/src/tokens/color/rainbow/rainbow.story.tsx b/src/tokens/color/rainbow/rainbow.story.tsx
@@ -7,6 +7,10 @@ import { Card, Canvas } from '../../storybook';
 
 import { Text } from '../../../typography';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   const styleText = {
     background: 'rgba(0,0,0,0.2)',

diff --git a/src/tokens/color/status/status.story.tsx b/src/tokens/color/status/status.story.tsx
@@ -10,6 +10,10 @@ import { Canvas, Card } from '../../storybook';
 
 import { Text } from '../../../typography';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <Canvas>

diff --git a/src/tokens/color/stroke/stroke.story.tsx b/src/tokens/color/stroke/stroke.story.tsx
@@ -8,6 +8,10 @@ import { Card, Canvas } from '../../storybook';
 
 import { Text } from '../../../typography';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <Canvas>

diff --git a/src/tokens/color/surface/surface.story.tsx b/src/tokens/color/surface/surface.story.tsx
@@ -8,6 +8,10 @@ import { core } from '../../core';
 import { Card, Canvas } from '../../storybook';
 import { tx } from '../../util';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <>

diff --git a/src/tokens/color/text/text.story.tsx b/src/tokens/color/text/text.story.tsx
@@ -8,6 +8,10 @@ import { core } from '../../core';
 import { Card, Canvas } from '../../storybook';
 import { tx } from '../../util';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   return (
     <>

diff --git a/src/tokens/color/upsell/upsell.story.tsx b/src/tokens/color/upsell/upsell.story.tsx
@@ -7,6 +7,10 @@ import { Card, Canvas } from '../../storybook';
 
 import { Text } from '../../../typography';
 
+export default {
+  title: 'Tokens/color',
+};
+
 export function Tokens() {
   const styleText = {
     background: 'rgba(0,0,0,0.2)',

diff --git a/src/tokens/typography/size/size.story.tsx b/src/tokens/typography/size/size.story.tsx
@@ -7,6 +7,8 @@ import { Text } from '../../../typography';
 import { core } from '../../core';
 import { Canvas } from '../../storybook';
 
+export default { title: 'Tokens/typography' };
+
 export function Tokens() {
   return (
     <Canvas>

diff --git a/src/tokens/typography/typography.story.tsx b/src/tokens/typography/typography.story.tsx