chore(file-uploader): update file-uploader to sb v7 (carbon-design-sy…

…stem#11317)
kennylam · Jan 4, 2024 · aa53aac · aa53aac
1 parent d6d2f3f
commit aa53aac
Show file tree

Hide file tree

Showing 4 changed files with 227 additions and 176 deletions.
diff --git a/web-components/packages/carbon-web-components/.storybook/main.ts b/web-components/packages/carbon-web-components/.storybook/main.ts
@@ -13,6 +13,8 @@ const stories = glob.sync(
     // add mdx/story files as they are being worked on
     '../src/**/link.mdx',
     '../src/**/link.stories.ts',
+    '../src/**/file-uploader.mdx',
+    '../src/**/file-uploader.stories.ts',
   ],
   {
     ignore: ['../src/**/docs/*.mdx'],

diff --git a/...onents/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.ts b/...onents/packages/carbon-web-components/src/components/file-uploader/file-uploader-story.ts
diff --git a/...nts/file-uploader/file-uploader-story.mdx → ...omponents/file-uploader/file-uploader.mdx b/...nts/file-uploader/file-uploader-story.mdx → ...omponents/file-uploader/file-uploader.mdx
@@ -1,5 +1,8 @@
-import { Props, Description } from '@storybook/addon-docs/blocks';
+import { ArgsTable, Meta, Description } from '@storybook/addon-docs/blocks';
 import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
+import * as FileUploaderStories from './file-uploader.stories';
+
+<Meta of={FileUploaderStories} />
 
 # File uploader
 
@@ -40,20 +43,20 @@ import '@carbon/web-components/es/components/file-uploader/index.js';
 
 ## `<cds-file-uploader>` attributes, properties and events
 
-<Props of="cds-file-uploader" />
+<ArgsTable of="cds-file-uploader" />
 
 ## `<cds-file-uploader-drop-container>` attributes, properties and events
 
-<Props of="cds-file-uploader-drop-container" />
+<ArgsTable of="cds-file-uploader-drop-container" />
 
 ## `<cds-file-uploader-button>` attributes, properties and events
 
-<Props of="cds-file-uploader-button" />
+<ArgsTable of="cds-file-uploader-button" />
 
 ## `<cds-file-uploader-item>` attributes, properties and events
 
 Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
 `<cds-file-uploader-item invalid>`) and `false` means not setting the attribute
 (e.g. `<cds-file-uploader-item>` without `invalid` attribute).
 
-<Props of="cds-file-uploader-item" />
+<ArgsTable of="cds-file-uploader-item" />