docs(ui-icons): add rudimentary storybook generation for icons

dhis2 · Nov 30, 2020 · 3e30d69 · 3e30d69
1 parent 5dfdb62
commit 3e30d69
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 12 deletions.
diff --git a/packages/icons/stories/icons.stories.js b/packages/icons/stories/icons.stories.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import * as icons from '../build'
+
+storiesOf('Icons', module).add('List of all icons', () => {
+    const exported = Object.entries(icons)
+    const components = exported.map(([name, Icon]) => {
+        const importStatement = `import { ${name} } from '@dhis2/ui'`
+
+        return (
+            <tr key={name}>
+                <td>{importStatement}</td>
+                <td>
+                    <Icon />
+                </td>
+            </tr>
+        )
+    })
+
+    return (
+        <table>
+            <tr>
+                <td>Import</td>
+                <td>Example</td>
+            </tr>
+            {components}
+        </table>
+    )
+})
diff --git a/storybook/.storybook/main.js b/storybook/.storybook/main.js
@@ -10,6 +10,8 @@ module.exports = {
                 // add our src folders for webpack loaders
                 src.include.push(/packages\/core\/src/)
                 src.include.push(/packages\/forms\/src/)
+                src.include.push(/packages\/icons\/build/)
+                src.include.push(/packages\/icons\/stories/)
                 src.include.push(/packages\/widgets\/src/)
             }
         }
@@ -19,18 +21,16 @@ module.exports = {
 
     stories: isTesting
         ? [
-            '@dhis2/ui-core/src/**/*.stories.e2e.js',
-            '@dhis2/ui-forms/src/**/*.stories.e2e.js',
-            '@dhis2/ui-widgets/src/**/*.stories.e2e.js',
-        ]
+              '@dhis2/ui-core/src/**/*.stories.e2e.js',
+              '@dhis2/ui-forms/src/**/*.stories.e2e.js',
+              '@dhis2/ui-widgets/src/**/*.stories.e2e.js',
+          ]
         : [
-            '@dhis2/ui-core/src/**/*.stories.js',
-            '@dhis2/ui-forms/src/**/*.stories.js',
-            '@dhis2/ui-widgets/src/**/*.stories.js',
-        ],
+              '@dhis2/ui-core/src/**/*.stories.js',
+              '@dhis2/ui-forms/src/**/*.stories.js',
+              '@dhis2/ui-widgets/src/**/*.stories.js',
+              '@dhis2/ui-icons/stories/**/*.stories.js',
+          ],
 
-    addons: [
-        '@storybook/preset-create-react-app',
-        'storybook-addon-jsx'
-    ],
+    addons: ['@storybook/preset-create-react-app', 'storybook-addon-jsx'],
 }