Reorganise stories

Author: openscript

package.json

@@ -1,16 +1,20 @@
 {
   "name": "react-dsv-import",
   "description": "Flexible, typed and easy to use React Component ⚛ to provide CSV, TSV and other delimiter-separated values formats (DSV) import functionality.",
-  "keywords": ["react-component", "typescript", "react"],
+  "keywords": [
+    "react-component",
+    "typescript",
+    "react"
+  ],
   "homepage": "https://openscript.github.io/react-dsv-import/",
-  "version": "0.0.7",
+  "version": "0.1.0",
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {},
   "devDependencies": {
     "@babel/core": "^7.9.0",
-    "@rollup/plugin-typescript": "^4.0.0",
+    "@rollup/plugin-typescript": "^4.1.1",
     "@storybook/addon-actions": "^5.3.18",
     "@storybook/addon-docs": "^5.3.18",
     "@storybook/addon-info": "^5.3.18",
@@ -22,17 +26,17 @@
     "@types/node": "^13.11.1",
     "@types/react": "^16.9.34",
     "@types/react-dom": "^16.9.6",
-    "@typescript-eslint/eslint-plugin": "^2.27.0",
-    "@typescript-eslint/parser": "^2.27.0",
+    "@typescript-eslint/eslint-plugin": "^2.28.0",
+    "@typescript-eslint/parser": "^2.28.0",
     "babel-loader": "^8.1.0",
     "babel-preset-react-app": "^9.1.2",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.10.1",
-    "eslint-plugin-prettier": "^3.1.2",
+    "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-react": "^7.19.0",
     "prettier": "^2.0.4",
     "react-is": "^16.13.1",
-    "rollup": "^2.6.0",
+    "rollup": "^2.6.1",
     "ts-node": "^8.8.2",
     "tslib": "^1.11.1",
     "typescript": "^3.8.3"

src/DSVImport.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DSVImport, ColumnsType, TablePreview, TextareaInput } from './';
 
-export default { title: 'Usage/DSVImport' };
+export default { title: 'Usage' };
 
 type BasicType = { forename: string; surname: string; email: string };
 
@@ -19,3 +19,4 @@ export const BasicUsage = () => {
     </DSVImport>
   );
 };
+BasicUsage.story = { name: 'Basic usage' };

src/index.tsx

@@ -5,5 +5,8 @@ export * from './DSVImport';
 export * from './components/inputs/TextareaInput';
 export * from './components/previews/TablePreview';
 
+// features
+export { useDSVImport } from './features/context';
+
 // models
 export * from './models/column';