M3-5536: Add Storybook components (#7995)

## Description Remove unused stories and create placeholders for stories to be added ## How to test Run `yarn storybook`
linode · Oct 27, 2021 · 99385fd · 99385fd
1 parent 27a0cc1
commit 99385fd
Show file tree

Hide file tree

Showing 21 changed files with 78 additions and 291 deletions.
diff --git a/packages/manager/src/components/Button/button.stories.mdx b/packages/manager/src/components/Button/button.stories.mdx
@@ -2,7 +2,7 @@ import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
 import Button from 'src/components/Button';
 
 <Meta
-  title="UI Elements/Button"
+  title="UI Elements/Buttons"
   component={Button}
   decorators={[
     (Story) => (

diff --git a/packages/manager/src/components/Chip.stories.mdx b/packages/manager/src/components/Chip.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import Chip from '/src/components/core/Chip';
+
+<Meta title="UI Elements/Chips" component={Chip} />
+
+# Chips
diff --git a/packages/manager/src/components/DismissibleBanner/DismissibleBanner.stories.mdx b/packages/manager/src/components/DismissibleBanner/DismissibleBanner.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import Banner from './DismissibleBanner';
+
+<Meta title="UI Elements/Notifications/Banners" component={Banner} />
+
+# Banners
diff --git a/packages/manager/src/components/DragAndDrop.stories.mdx b/packages/manager/src/components/DragAndDrop.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import Table from '/src/components/Table/Table';
+
+<Meta title="UI Elements/Drag and Drop" component={Table} />
+
+# Drag and Drop
diff --git a/packages/manager/src/components/EditableEntityLabel/EditableEntityLabel.stories.tsx b/packages/manager/src/components/EditableEntityLabel/EditableEntityLabel.stories.tsx
diff --git a/packages/manager/src/components/EntityHeader/EntityHeader.stories.tsx b/packages/manager/src/components/EntityHeader/EntityHeader.stories.tsx
diff --git a/packages/manager/src/components/EntityIcon/EntityIcon.stories.mdx b/packages/manager/src/components/EntityIcon/EntityIcon.stories.mdx
@@ -5,12 +5,6 @@ import EntityIconStory from './EntityIconStory';
 
 # Entity Icons
 
-### Overview
-
-<hr />
-
-[insert text...]
-
 <Canvas>
   <Story name="Entity Icons">
     <EntityIconStory />

diff --git a/packages/manager/src/components/EntityTable/EntityTable.stories.tsx b/packages/manager/src/components/EntityTable/EntityTable.stories.tsx
@@ -59,12 +59,7 @@ export default {
 export const ListView = () => (
   <Provider store={store}>
     <Grid spacing={8}>
-      <EntityTable
-        entity="domains"
-        headers={headers}
-        row={domainRow}
-        isGroupedByTag
-      />
+      <EntityTable entity="domains" headers={headers} row={domainRow} />
     </Grid>
   </Provider>
 );

diff --git a/packages/manager/src/components/FileUpload.stories.mdx b/packages/manager/src/components/FileUpload.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import FileUpload from '/src/features/ObjectStorage/ObjectUploader/FileUpload';
+
+<Meta title="Components/File Upload" component={FileUpload} />
+
+# File Upload
diff --git a/packages/manager/src/components/Grid/Grid.stories.mdx b/packages/manager/src/components/Grid/Grid.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import Grid from './Grid';
+
+<Meta title="Core/Grid" component={Grid} />
+
+# Grid
diff --git a/packages/manager/src/components/LinearProgress/LinearProgress.stories.tsx b/packages/manager/src/components/LinearProgress/LinearProgress.stories.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
 import LinearProgress from './LinearProgress';
 
 export default {
-  title: 'UI Elements/Loading/Linear Progress Indicator',
+  title: 'UI Elements/Linear Progress Indicator',
 };
 
 export const Indefinite = () => <LinearProgress />;
diff --git a/packages/manager/src/components/Notice/Notice.stories.tsx b/packages/manager/src/components/Notice/Notice.stories.tsx
@@ -4,7 +4,7 @@ import store from 'src/store';
 import Notice from './Notice';
 
 export default {
-  title: 'UI Elements/Notification/Notice',
+  title: 'UI Elements/Notifications/Notice',
 };
 
 export const AllNotices = () => (

diff --git a/packages/manager/src/components/NotificationDrawer.stories.mdx b/packages/manager/src/components/NotificationDrawer.stories.mdx
@@ -0,0 +1,9 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import NotificationDrawer from '/src/features/NotificationCenter/NotificationDrawer.tsx';
+
+<Meta
+  title="Components/Drawer/Notifications Drawer"
+  component={NotificationDrawer}
+/>
+
+# Notifications Drawer
diff --git a/packages/manager/src/components/Paper.stories.mdx b/packages/manager/src/components/Paper.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import Paper from '/src/components/core/Paper';
+
+<Meta title="Components/Papers" component={Paper} />
+
+# Papers
diff --git a/packages/manager/src/components/Placeholder/Placeholder.stories.mdx b/packages/manager/src/components/Placeholder/Placeholder.stories.mdx
@@ -0,0 +1,9 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import Placeholder from '/src/components/Placeholder';
+
+<Meta
+  title="UI Elements/Entity Landing Page/Placeholders"
+  component={Placeholder}
+/>
+
+# Placeholders
diff --git a/packages/manager/src/components/ScriptCode/ScriptCode.stories.tsx b/packages/manager/src/components/ScriptCode/ScriptCode.stories.tsx
diff --git a/packages/manager/src/components/SideMenu.stories.mdx b/packages/manager/src/components/SideMenu.stories.mdx
@@ -0,0 +1,6 @@
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import SideMenu from './SideMenu';
+
+<Meta title="Components/Navigation/Side Menu" component={SideMenu} />
+
+# Side Menu