chore(MUI5): Upgrade all versions (#41)

* chore(Table): upgrade versions

* chore(Forma): Prettier

* chore(Version): V2.0.0

.eslintignore

@@ -6,4 +6,6 @@ test/global-test-setup
 node_modules/*
 README.md
 stats.json
-jest-test-results.json
+jest-test-results.json
+jest.config.js
+.eslintrc.js

.eslintrc.js

@@ -1,58 +1,63 @@
 module.exports = {
+  parser: `@typescript-eslint/parser`,
   env: {
     browser: true,
-    es6: true,
-    jest: true
+    node: true,
+    es2020: true,
+    jest: true,
   },
   extends: [
+    "airbnb-typescript",
+    "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
-    "airbnb",
     "prettier",
-    "prettier/react",
-    "prettier/@typescript-eslint"
   ],
-  globals: {
-    Atomics: "readonly",
-    SharedArrayBuffer: "readonly"
-  },
-  parser: "@typescript-eslint/parser",
   parserOptions: {
+    project: `./tsconfig.eslint.json`,
     ecmaFeatures: {
-      jsx: true
+      jsx: true,
     },
-    ecmaVersion: 2018,
-    sourceType: "module"
+    ecmaVersion: 11,
+    sourceType: "module",
   },
-  plugins: ["react", "@typescript-eslint", "jest"],
+  settings: {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx", ".js", ".jsx", ".svg"],
+    },
+    "import/resolver": {
+      typescript: {
+        alwaysTryTypes: true, // always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/unist`
+      },
+    },
+  },
+  plugins: ["@typescript-eslint", "prettier", "react", "jsx-a11y", "import"],
   rules: {
-    "object-shorthand": 0,
-    "@typescript-eslint/interface-name-prefix": 0,
-    "import/no-unresolved": 0,
+    "prettier/prettier": ["error"],
+    "import/prefer-default-export": 0,
     "react/jsx-props-no-spreading": 0,
-    "@typescript-eslint/ban-ts-ignore": 0,
-    "react/jsx-filename-extension": 0,
-    "no-shadow": 0,
     "react/prop-types": 0,
+    "arrow-body-style": 0,
+    "react/self-closing-comp": 0,
+    "react/react-in-jsx-scope": 0,
+    "react/jsx-fragments": 0,
+    "react/require-default-props": 0,
+    "react/display-name": 1,
+    "@typescript-eslint/naming-convention": 0,
+    "@typescript-eslint/no-redeclare": 0,
+    "@typescript-eslint/ban-types": 0,
+    "@typescript-eslint/no-shadow": 0,
     "@typescript-eslint/no-use-before-define": 0,
-    "no-use-before-define": 0,
-    "react/static-property-placement": 0,
-    "no-self-compare": 0,
-    "no-restricted-syntax": 0,
-    "spaced-comment": 0,
+    "@typescript-eslint/no-var-requires": 1,
+    "@typescript-eslint/ban-ts-comment": 1,
     "@typescript-eslint/triple-slash-reference": 0,
-    "react/sort-comp": 1,
-    "no-restricted-globals": 1,
-    "react/no-did-update-set-state": 1,
-    radix: 0,
-    "react/no-array-index-key": 1,
-    "@typescript-eslint/camelcase": 1,
-    camelcase: 1,
-    "import/prefer-default-export": 1,
-    "no-param-reassign": 1,
-    "no-plusplus": 1,
-    "no-unused-expressions": 1,
-    "jsx-a11y/click-events-have-key-events": 1,
-    "jsx-a11y/no-static-element-interactions": 1
-  }
+    "@typescript-eslint/no-unused-expressions": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        devDependencies: true,
+      },
+    ],
+  },
 };

.github/ISSUE_TEMPLATE/Bug_report.md

@@ -1,37 +1,37 @@
----
-name: Bug report
-about: Create a report to help us improve
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
-
-- OS: [e.g. iOS]
-- Browser [e.g. chrome, safari]
-- Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
-
-- Device: [e.g. iPhone6]
-- OS: [e.g. iOS8.1]
-- Browser name and version [e.g. stock browser, safari 10]
-- NodeJS version [e.g. 8.11.1]
-
-**Additional context**
-Add any other context about the problem here.
+---
+name: Bug report
+about: Create a report to help us improve
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser name and version [e.g. stock browser, safari 10]
+- NodeJS version [e.g. 8.11.1]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/Feature_request.md

@@ -1,16 +1,16 @@
----
-name: Feature request
-about: Suggest an idea for this project
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.
+---
+name: Feature request
+about: Suggest an idea for this project
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.storybook/main.js

@@ -0,0 +1,14 @@
+const path = require("path");
+const toPath = (filePath) => path.join(process.cwd(), filePath);
+
+module.exports = {
+  stories: ["../stories/**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-actions",
+    "@storybook/addon-viewport",
+    "@storybook/addon-knobs",
+    "@storybook/addon-jest",
+    "@storybook/addon-a11y",
+    "@storybook/addon-storysource",
+  ],
+};

.storybook/manager.js

@@ -0,0 +1,15 @@
+import { addons } from "@storybook/addons";
+import { themes } from "@storybook/theming";
+
+addons.setConfig({
+  panelPosition: "right",
+  theme: {
+    ...themes.normal,
+    brandTitle: "@decathlon/react-table",
+    brandUrl: "#",
+
+    // UI
+    appBg: "white",
+    appBorderRadius: 4,
+  },
+});

.storybook/preview-head.html

@@ -0,0 +1 @@
+<style id="stories-style"></style>

.storybook/preview.js

@@ -0,0 +1,13 @@
+import "../dist/style/index.css";
+import results from "../jest-test-results.json";
+import { withTests } from "@storybook/addon-jest";
+
+const withStoryStyles = (Story) => {
+  return <Story />;
+};
+
+export const decorators = [withStoryStyles, withTests({ results })];
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+};

jest.config.js

@@ -1,13 +1,14 @@
 module.exports = {
   verbose: false,
+  testEnvironment: "jsdom",
   roots: ["test"],
   transform: {
-    "^.+\\.tsx?$": "ts-jest"
+    "^.+\\.tsx?$": "ts-jest",
   },
   testPathIgnorePatterns: ["/node_modules/", "/dist/"],
   testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
   moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
   moduleDirectories: ["node_modules", "src"],
   globalSetup: "./test/global-test-setup.js",
-  setupFilesAfterEnv: ["./test/polyfill/array.find.polyfill.js", "./test/tests.entry.js"]
+  setupFilesAfterEnv: ["./test/polyfill/array.find.polyfill.js", "./test/tests.entry.js"],
 };