Added storybook

.gitignore

@@ -1,4 +1,3 @@
-.storybook
 *.iml
 *.log
 .doc/
@@ -26,6 +25,7 @@ node_modules
 .cache
 dist
 *.css
+!src/stories/default.css
 build
 lib
 /coverage

.storybook/main.js

@@ -0,0 +1,15 @@
+module.exports = {
+  stories: ['../src/stories/**/*.stories.js'],
+  webpackFinal: async config => {
+    config.module.rules.push({
+      test: /\.(ts|tsx)$/,
+      loader: require.resolve('babel-loader'),
+      options: {
+        presets: [['react-app', { flow: false, typescript: true }]],
+      },
+    });
+    config.resolve.extensions.push('.ts', '.tsx');
+    return config;
+  },
+  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
+};

package.json

@@ -41,16 +41,25 @@
     "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.js",
     "test": "father test",
     "gh-pages": "npm run build && father doc deploy",
-    "now-build": "npm run build"
+    "now-build": "npm run build",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
+    "@babel/core": "^7.9.0",
+    "@storybook/addon-actions": "^5.3.18",
+    "@storybook/addon-links": "^5.3.18",
+    "@storybook/addons": "^5.3.18",
+    "@storybook/preset-typescript": "^3.0.0",
+    "@storybook/react": "^5.3.18",
     "@types/react": "^16.8.19",
     "@types/react-dom": "^16.8.4",
     "@types/warning": "^3.0.0",
+    "babel-loader": "^8.1.0",
     "css-animation": "^1.2.0",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
@@ -63,6 +72,7 @@
     "rc-trigger": "^4.0.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
+    "ts-loader": "^7.0.1",
     "typescript": "^3.5.2"
   },
   "dependencies": {

src/stories/Tree.stories.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Tree from '../Tree'
+import mockData from './mockData';
+
+import './default.css';
+
+export default {
+  title: 'Tree',
+  component: Tree,
+};
+
+export const Default = () => <Tree treeData={mockData} />;