feat(storybook): add @storybook/addon-docs. update stories

core-ds · Mar 26, 2020 · 1e66461 · 1e66461
1 parent 9d7c2f2
commit 1e66461
Show file tree

Hide file tree

Showing 7 changed files with 1,489 additions and 52 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -2,6 +2,7 @@ module.exports = {
   addons: [
     '@storybook/addon-actions',
     '@storybook/addon-knobs',
+    '@storybook/addon-docs',
     '@storybook/preset-create-react-app',
   ],
 };
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -24,7 +24,20 @@ module.exports = ({ config }) => ({
               ],
             },
           },
-          require.resolve('react-docgen-typescript-loader'),
+          {
+            loader: require.resolve("react-docgen-typescript-loader"),
+            options: {
+              tsconfigPath: path.resolve(__dirname, "../tsconfig.storybook.json"),
+              propFilter: (props, component) => {
+                if (props.parent) {
+                    // Показываем только пользовательские пропсы. (Иначе будет простыня из HTMLAttributes)
+                    return !props.parent.fileName.includes('node_modules');
+                } else {
+                    return true;
+                }
+              }
+            }
+          }
         ],
         include: [path.resolve('./')],
       },

diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
     "@storybook/addon-actions": "^5.3.8",
+    "@storybook/addon-docs": "^5.3.17",
     "@storybook/addon-knobs": "^5.3.8",
     "@storybook/addons": "^5.3.8",
     "@storybook/preset-typescript": "^1.2.0",
@@ -53,10 +54,10 @@
     "@testing-library/react": "^9.4.0",
     "@testing-library/user-event": "^8.0.4",
     "@types/classnames": "^2.2.9",
+    "@types/jest": "^25.1.2",
     "@types/node": "^13.5.0",
     "@types/react": "^16.9.19",
     "@types/react-dom": "^16.9.5",
-    "@types/jest": "^25.1.2",
     "@typescript-eslint/eslint-plugin": "^2.23.0",
     "@typescript-eslint/parser": "^2.23.0",
     "alfa-ui-primitives": "2.5.0",

diff --git a/src/button/src/Component.stories.tsx b/src/button/src/Component.stories.tsx
@@ -23,7 +23,7 @@ const icon = (
 );
 
 export default {
-    title: 'Common',
+    title: 'Common|Button',
     component: Button,
     decorators: [withKnobs],
 };

diff --git a/src/input/src/Component.stories.tsx b/src/input/src/Component.stories.tsx
@@ -13,7 +13,7 @@ import { withDesign } from 'storybook-addon-designs';
 import { Input } from './Component';
 
 export default {
-    title: 'Common',
+    title: 'Common|Input',
     component: Input,
     decorators: [withDesign, withKnobs],
 };

diff --git a/src/pure-input/src/Component.stories.tsx b/src/pure-input/src/Component.stories.tsx
@@ -13,7 +13,7 @@ import { withDesign } from 'storybook-addon-designs';
 import { PureInput } from './Component';
 
 export default {
-    title: 'Common',
+    title: 'Common|PureInput',
     component: PureInput,
     decorators: [withDesign, withKnobs],
 };