Configure docs

Author: openscript

.storybook/main.js

@@ -1,6 +1,14 @@
 module.exports = {
-  stories: ['../src/**/*.stories.([tj]sx|mdx)'],
-  addons: ['@storybook/preset-typescript', '@storybook/addon-actions/register', '@storybook/addon-storysource', '@storybook/addon-docs'],
+  stories: [
+    '../docs/**/*.stories.([tj]sx|mdx)',
+    '../src/**/*.stories.([tj]sx|mdx)'
+  ],
+  addons: [
+    '@storybook/preset-typescript', 
+    '@storybook/addon-actions/register', 
+    '@storybook/addon-storysource', 
+    '@storybook/addon-docs'
+  ],
   webpackFinal: async config => {
     config.module.rules.push({
       test: /\.(ts|tsx)$/,

docs/start.stories.mdx

@@ -0,0 +1,7 @@
+import { Meta, Description } from '@storybook/addon-docs/blocks';
+import Readme from '../README.md';
+
+
+<Meta title="Start" />
+
+<Description markdown={Readme} />

package.json

@@ -28,6 +28,7 @@
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.19.0",
     "prettier": "^2.0.4",
+    "react-is": "^16.13.1",
     "rollup": "^2.6.0",
     "ts-node": "^8.8.2",
     "tslib": "^1.11.1",

src/components/DSVImport.stories.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { DSVImport, ColumnsType } from './DSVImport';
 import { actions } from '@storybook/addon-actions';
 
-export default { title: 'DSVImport' };
+export default { title: 'Components/DSVImport' };
 
 const defaultActions = actions('onChange');
 

yarn.lock

@@ -8312,7 +8312,7 @@ react-inspector@^4.0.0:
     is-dom "^1.0.9"
     prop-types "^15.6.1"
 
-react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.3:
+react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.3:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -8372,7 +8372,7 @@ react-textarea-autosize@^7.1.0:
     "@babel/runtime" "^7.1.2"
     prop-types "^15.6.0"
 
-react@^16.8.3:
+react@^16.13.1, react@^16.8.3:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
   integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==