enable view source on all stories

scality · Sep 22, 2022 · 94a9977 · 94a9977
1 parent c20cab0
commit 94a9977
Show file tree

Hide file tree

Showing 59 changed files with 110 additions and 112 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,3 +1,4 @@
 {
-  "extends": "react-app"
+  "extends": "react-app",
+  "ignorePatterns": "stories"
 }
diff --git a/stories/areachart.stories.tsx b/stories/areachart.stories.tsx
@@ -107,7 +107,7 @@ export default {
   title: 'Components/Chart/AreaChart',
   component: AreaChart,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>Vege-Lite area chart</Title>

diff --git a/stories/banner.stories.tsx b/stories/banner.stories.tsx
@@ -33,7 +33,7 @@ export default {
     },
   },
 };
-export const ErrorBanner = () => (
+export const ErrorBanner = ({}) => (
   <Wrapper>
     <Banner
       variant="danger"
@@ -44,7 +44,7 @@ export const ErrorBanner = () => (
     </Banner>
   </Wrapper>
 );
-export const WarningBanner = () => (
+export const WarningBanner = ({}) => (
   <Wrapper>
     <Banner
       variant="warning"
@@ -55,7 +55,7 @@ export const WarningBanner = () => (
     </Banner>
   </Wrapper>
 );
-export const SuccessBanner = () => (
+export const SuccessBanner = ({}) => (
   <Wrapper>
     <Banner
       variant="healthy"

diff --git a/stories/barchart.stories.tsx b/stories/barchart.stories.tsx
@@ -89,7 +89,7 @@ export default {
   title: 'Components/Chart/BarChart',
   component: BarChart,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <SyncedCursorCharts>

diff --git a/stories/box.stories.tsx b/stories/box.stories.tsx
@@ -18,7 +18,7 @@ const HighlightBorder = styled.div`
   }
 `;
 
-export const margin = () => {
+export const margin = ({}) => {
   return (
     <HighlightBorder>
       <Box m={0}>Props m 0 = 0</Box>
@@ -39,7 +39,7 @@ export const margin = () => {
     </HighlightBorder>
   );
 };
-export const font = () => {
+export const font = ({}) => {
   return (
     <HighlightBorder>
       <Box fontSize="smaller">Smaller font</Box>
@@ -52,7 +52,7 @@ export const font = () => {
     </HighlightBorder>
   );
 };
-export const position = () => {
+export const position = ({}) => {
   return (
     <HighlightBorder>
       <Box display="flex" justifyContent="space-between" fontSize="smaller">
@@ -91,7 +91,7 @@ export const position = () => {
     </HighlightBorder>
   );
 };
-export const colors = () => {
+export const colors = ({}) => {
   return (
     <HighlightBorder>
       <Box color="red">red</Box>

diff --git a/stories/breadcrumb.stories.tsx b/stories/breadcrumb.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Navigation/Breadcrumb',
   component: Breadcrumb,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>Default Breadcrumb </Title>

diff --git a/stories/button.stories.tsx b/stories/button.stories.tsx
@@ -6,7 +6,7 @@ export default {
   title: 'Components/Button',
   component: Button,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper className="storybook-button">
       <Title>Button Default</Title>

diff --git a/stories/buttonv2.stories.tsx b/stories/buttonv2.stories.tsx
@@ -3,13 +3,12 @@ import { action } from '@storybook/addon-actions';
 import { Button } from '../src/lib/components/buttonv2/Buttonv2.component';
 import { Wrapper, Title } from './common';
 import { CopyButton } from '../src/lib/next';
-//eslint-disable-next-line
+
 export default {
   title: 'Components/v2/Button',
   component: Button,
 };
 
-//eslint-disable-next-line
 export const Default = ({}) => {
   return (
     <Wrapper className="storybook-button">
@@ -180,7 +179,6 @@ export const Default = ({}) => {
   );
 };
 
-//eslint-disable-next-line
 export const CopyButtonStory = ({}) => {
   return <Wrapper className="storybook-button">
     <Title>Ghost: Without label</Title>

diff --git a/stories/card.stories.tsx b/stories/card.stories.tsx
@@ -44,7 +44,7 @@ const defaultPropsCard = {
   onClick: () => console.log('Clicked!'),
 };
 const statuses = ['healthy', 'warning', 'critical'];
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>
@@ -111,7 +111,7 @@ export const Default = () => {
     </Wrapper>
   );
 };
-export const Customized = () => {
+export const Customized = ({}) => {
   return (
     <Wrapper>
       <Title>No Header</Title>

diff --git a/stories/checkbox.stories.tsx b/stories/checkbox.stories.tsx
@@ -6,7 +6,7 @@ export default {
   title: 'Components/Checkbox',
   component: Checkbox,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>Checkbox checked</Title>

diff --git a/stories/chips.stories.tsx b/stories/chips.stories.tsx
@@ -6,7 +6,7 @@ export default {
   title: 'Components/Chips',
   component: Chips,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper className="storybook-chips">
       <Title>Basic Chip</Title>

diff --git a/stories/circularprogressbar.stories.tsx b/stories/circularprogressbar.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Progress & loading/CircularProgressBar',
   component: CircularProgressBar,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>With Default Color</Title>

diff --git a/stories/cloudprogressbar.stories.tsx b/stories/cloudprogressbar.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Progress & loading/CloudProgressBar',
   component: CloudProgressBar,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>CloudProgressBar</Title>

diff --git a/stories/collapsiblepanel.stories.tsx b/stories/collapsiblepanel.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Navigation/CollapsiblePanel',
   component: CollapsiblePanel,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper className="storybook-collapsiblepanel">
       <Title>Collapsed</Title>

diff --git a/stories/constrainedtext.stories.tsx b/stories/constrainedtext.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Constrainedtext',
   component: ConstrainedText,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>Constrained Text</Title>

diff --git a/stories/dropdown.stories.tsx b/stories/dropdown.stories.tsx
@@ -23,7 +23,7 @@ export default {
   title: 'Components/Dropdown',
   component: Dropdown,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper className="storybook-dropdown">
       <Title>Dropdown with text/icon</Title>

diff --git a/stories/emptystate.stories.tsx b/stories/emptystate.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/EmptyState',
   component: EmptyState,
 };
-export const WithLink = () => {
+export const WithLink = ({}) =>=> {
   return (
     <Wrapper>
       <EmptyState
@@ -19,7 +19,7 @@ export const WithLink = () => {
     </Wrapper>
   );
 };
-export const WithoutLink = () => {
+export const WithoutLink = ({}) =>=> {
   return (
     <Wrapper>
       <EmptyState icon="Node-backend" label="node" />

diff --git a/stories/errorpage401.stories.tsx b/stories/errorpage401.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Navigation/ErrorPages/401',
   component: ErrorPage401,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <div
@@ -21,7 +21,7 @@ export const Default = () => {
     </Wrapper>
   );
 };
-export const WithLocale = () => {
+export const WithLocale = ({}) => {
   return (
     <Wrapper>
       <div

diff --git a/stories/errorpage404.stories.tsx b/stories/errorpage404.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Navigation/ErrorPages/404',
   component: ErrorPage404,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <div
@@ -18,7 +18,7 @@ export const Default = () => {
     </Wrapper>
   );
 };
-export const WithLocale = () => {
+export const WithLocale = ({}) => {
   return (
     <Wrapper>
       <div

diff --git a/stories/errorpage500.stories.tsx b/stories/errorpage500.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Navigation/ErrorPages/500',
   component: ErrorPage500,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <div
@@ -18,7 +18,7 @@ export const Default = () => {
     </Wrapper>
   );
 };
-export const WithSupportLink = () => {
+export const WithSupportLink = ({}) => {
   return (
     <Wrapper>
       <div
@@ -34,7 +34,7 @@ export const WithSupportLink = () => {
     </Wrapper>
   );
 };
-export const WithLocale = () => {
+export const WithLocale = ({}) => {
   return (
     <Wrapper>
       <div

diff --git a/stories/errorpageauth.stories.tsx b/stories/errorpageauth.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Navigation/ErrorPages/Auth',
   component: ErrorPageAuth,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <div
@@ -18,7 +18,7 @@ export const Default = () => {
     </Wrapper>
   );
 };
-export const WithSupportLink = () => {
+export const WithSupportLink = ({}) => {
   return (
     <Wrapper>
       <div
@@ -34,7 +34,7 @@ export const WithSupportLink = () => {
     </Wrapper>
   );
 };
-export const WithLocale = () => {
+export const WithLocale = ({}) => {
   return (
     <Wrapper>
       <div

diff --git a/stories/form.stories.tsx b/stories/form.stories.tsx
@@ -18,7 +18,7 @@ export default {
   component: Form,
 };
 
-export const PageForm = () => {
+export const PageForm = ({}) => {
   return (
     <div
       style={{
@@ -160,7 +160,7 @@ export const PageForm = () => {
   );
 };
 
-export const AllRequiredPageForm = () => {
+export const AllRequiredPageForm = ({}) => {
   return (
     <div
       style={{
@@ -213,7 +213,7 @@ export const AllRequiredPageForm = () => {
   );
 };
 
-export const TabForm = () => {
+export const TabForm = ({}) => {
   return (
     <div
       style={{

diff --git a/stories/globalhealthbar.stories.tsx b/stories/globalhealthbar.stories.tsx
@@ -106,7 +106,7 @@ const startLast24h = '2021-02-01T00:00:00Z';
 const endLast24h = '2021-02-02T00:00:00Z';
 const startNotFirstDay = '2021-02-23T23:00:00Z';
 const endNotFirstDay = '2021-03-01T23:00:00Z';
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <div>
       <Wrapper>

diff --git a/stories/guideline/mdxExampleComponents.tsx b/stories/guideline/mdxExampleComponents.tsx
@@ -44,7 +44,7 @@ const barConfig = {
   cornerRadius: 8,
   size: 12,
 };
-export const ChartExample = () => (
+export const ChartExample = ({}) => (
   <BarChart
     id={idVerticalStacked}
     data={verticalStackedData}

diff --git a/stories/healthselector.stories.tsx b/stories/healthselector.stories.tsx
@@ -14,7 +14,7 @@ export default {
   title: 'Components/Selector/Healthselector',
   component: Healthselector,
 };
-export const Default = () => {
+export const Default = ({}) => {
   const [selected, setSelected] = useState(0);
   action('All clicked');
   let items = [

diff --git a/stories/healthselectorv2.stories.tsx b/stories/healthselectorv2.stories.tsx
@@ -14,7 +14,7 @@ export default {
 const HealthSelectorWrapper = styled.div`
   width: 205px;
 `;
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>Basic usage</Title>

diff --git a/stories/icon.stories.tsx b/stories/icon.stories.tsx
@@ -5,7 +5,7 @@ export default {
   title: 'Components/Icon',
   component: Icon,
 };
-export const Default = () => {
+export const Default = ({}) => {
   return (
     <Wrapper>
       <Title>Customized Icons</Title>