Feature/react peer dependency (#3)

* close

* linting after upgrade to react 17

* update docs

Author: Ryan Sites

.eslintignore

@@ -0,0 +1 @@
+**/*.js

.eslintrc

@@ -0,0 +1,17 @@
+{
+	"root": true,
+	"parser": "@typescript-eslint/parser",
+	"plugins": [
+	  "@typescript-eslint"
+	],
+	"extends": [
+	  "eslint:recommended",
+	  "plugin:@typescript-eslint/eslint-recommended",
+	  "plugin:@typescript-eslint/recommended"
+	],
+	"rules": {
+		"@typescript-eslint/consistent-type-assertions": 0,
+		"@typescript-eslint/no-explicit-any": 0,
+		"no-mixed-spaces-and-tabs": 0
+	}
+  }

.gitignore

@@ -48,9 +48,6 @@ typings/
 # dotenv environment variables file
 .env
 
-# VS Code
-.vscode
-
 # OSX
 .DS_Store
 

.storybook/main.js

@@ -1,21 +1,18 @@
 module.exports = {
-	stories: ['../stories/**/*.(tsx|mdx)'],
-	addons: ['@storybook/addon-actions', '@storybook/addon-links',  '@storybook/addon-docs'],
-	webpackFinal: async config => {
-		config.module.rules.push({
-			test: /\.(ts|tsx)$/,
-			use: [
-				{
-					loader: require.resolve('ts-loader'),
-				},
-				// Optional
-				{
-					loader: require.resolve('react-docgen-typescript-loader'),
-				},
-			],
-		});
-		config.resolve.extensions.push('.ts', '.tsx');
-		return config;
-	},
-	};
-
+  "stories": [
+    "../src/stories/*.@(tsx|mdx)"
+  ],
+  "addons": [
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app"
+  ],
+	typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
+    },
+  }
+}

.storybook/preview.js

@@ -4,6 +4,10 @@ import { CSSReset, ThemeProvider } from "@chakra-ui/core";
 import '@storybook/addon-console';
 
 
+export const parameters = {
+  controls: { expanded: false },
+};
+
 const AppProvider = ({ children }) => {
   return (
     <ThemeProvider>

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+	"recommendations": [
+	  "samverschueren.linter-xo",
+	  "esbenp.prettier-vscode"
+	]
+  }

.vscode/settings.json

@@ -0,0 +1,24 @@
+{
+	"xo.enable": true,
+	"xo.format.enable": true,
+	"javascript.format.enable": false,
+	"javascript.validate.enable": false,
+	"prettier.tabWidth": 4,
+	"prettier.singleQuote": true,
+	"[json]": {
+		"editor.formatOnSave": true,
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[javascript]": {
+		"editor.formatOnSave": true,
+		"editor.defaultFormatter": "samverschueren.linter-xo"
+	},
+	"[typescript]": {
+		"editor.formatOnSave": true,
+		"editor.defaultFormatter": "samverschueren.linter-xo"
+	},
+	"[typescriptreact]": {
+		"editor.formatOnSave": true,
+		"editor.defaultFormatter": "samverschueren.linter-xo"
+	}
+}

docs-wrapper.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import {ThemeProvider} from '@chakra-ui/core'
 
 const DocsWrapper = (props: any): JSX.Element => {
-    return <ThemeProvider>{props.children}</ThemeProvider>
+	return <ThemeProvider>{props.children}</ThemeProvider>
 }
 
 export default DocsWrapper

docs/_config.yml

@@ -0,0 +1,17 @@
+{
+  "files": {
+    "main.js": "./main.1566dacf1a4a4329815e.bundle.js",
+    "main.js.map": "./main.1566dacf1a4a4329815e.bundle.js.map",
+    "runtime~main.js": "./runtime~main.1566dacf1a4a4329815e.bundle.js",
+    "runtime~main.js.map": "./runtime~main.1566dacf1a4a4329815e.bundle.js.map",
+    "vendors~main.js": "./vendors~main.1566dacf1a4a4329815e.bundle.js",
+    "vendors~main.js.map": "./vendors~main.1566dacf1a4a4329815e.bundle.js.map",
+    "iframe.html": "./iframe.html",
+    "vendors~main.1566dacf1a4a4329815e.bundle.js.LICENSE.txt": "./vendors~main.1566dacf1a4a4329815e.bundle.js.LICENSE.txt"
+  },
+  "entrypoints": [
+    "runtime~main.1566dacf1a4a4329815e.bundle.js",
+    "vendors~main.1566dacf1a4a4329815e.bundle.js",
+    "main.1566dacf1a4a4329815e.bundle.js"
+  ]
+}