Feature - update state management (#6)

* refresh

* switch to react 17

* bump version

Author: Ryan Sites

.eslintignore

@@ -1,18 +1,25 @@
+const path = require("path");
+
+const toPath = (_path) => path.join(process.cwd(), _path);
+
 module.exports = {
-  "stories": [
-    "../src/stories/*.@(tsx|mdx)"
-  ],
-  "addons": [
+  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/preset-create-react-app"
+    "@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),
-    },
-  }
-}
+  webpackFinal: async (config) => {
+    return {
+      ...config,
+      resolve: {
+        ...config.resolve,
+        alias: {
+          ...config.resolve.alias,
+          "@emotion/core": toPath("node_modules/@emotion/react"),
+          "emotion-theming": toPath("node_modules/@emotion/react"),
+        },
+      },
+    };
+  },
+};

.eslintrc

@@ -1,20 +1 @@
-import { addDecorator } from "@storybook/react";
-import * as React from "react";
-import { CSSReset, ThemeProvider } from "@chakra-ui/core";
-import '@storybook/addon-console';
-
-
-export const parameters = {
-  controls: { expanded: false },
-};
-
-const AppProvider = ({ children }) => {
-  return (
-    <ThemeProvider>
-      <CSSReset />
-      {children}
-    </ThemeProvider>
-  );
-};
-
-addDecorator(storyFn => <AppProvider>{storyFn()}</AppProvider>);
+import "@storybook/addon-console";

.storybook/main.js

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

.storybook/preview.js

@@ -1,6 +1,4 @@
 {
-	"xo.enable": true,
-	"xo.format.enable": true,
 	"javascript.format.enable": false,
 	"javascript.validate.enable": false,
 	"prettier.tabWidth": 4,
@@ -11,14 +9,14 @@
 	},
 	"[javascript]": {
 		"editor.formatOnSave": true,
-		"editor.defaultFormatter": "samverschueren.linter-xo"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"[typescript]": {
 		"editor.formatOnSave": true,
-		"editor.defaultFormatter": "samverschueren.linter-xo"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"[typescriptreact]": {
 		"editor.formatOnSave": true,
-		"editor.defaultFormatter": "samverschueren.linter-xo"
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	}
 }