feat(deps): ✨ updated dev deps & improved support

.eslintrc.json

@@ -1,37 +1,8 @@
 {
   "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "plugins": ["@typescript-eslint", "react-hooks", "jsx-a11y", "prettier"],
-  "extends": [
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:jsx-a11y/recommended",
-    "plugin:prettier/recommended",
-    "prettier/@typescript-eslint",
-    "prettier/react"
-  ],
+  "extends": ["react-app", "plugin:prettier/recommended"],
+  "plugins": ["@typescript-eslint"],
   "rules": {
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "@typescript-eslint/no-empty-interface": "off",
-    "@typescript-eslint/camelcase": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/ban-ts-ignore": "off",
-    "@typescript-eslint/no-unused-vars": "off",
-    "@typescript-eslint/no-use-before-define": "off",
-    "@typescript-eslint/no-empty-function": "off",
-    "@typescript-eslint/indent": "off",
-    "@typescript-eslint/array-callback-return": "off",
-    "@typescript-eslint/array-type": "off",
-    "@typescript-eslint/member-delimiter-style": "off",
-    "@typescript-eslint/no-var-requires": "off",
-    "@typescript-eslint/ban-types": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
     "no-console": "off"
   }
 }

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn commitlint --edit $1

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm test

.storybook/main.ts → .storybook/main.js

@@ -5,10 +5,16 @@ module.exports = {
   stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "storybook-addon-preview",
-    "@storybook/addon-docs",
-    "@storybook/addon-controls",
-    "@storybook/addon-a11y",
     "@storybook/addon-essentials",
+    "@storybook/addon-a11y",
+    {
+      name: "@storybook/addon-postcss",
+      options: {
+        postcssLoaderOptions: {
+          implementation: require("postcss"),
+        },
+      },
+    },
   ],
   // Need to configure typescript manually otherwise addons will not infer from types
   // https://github.com/storybookjs/storybook/issues/11146#issuecomment-643878741

.storybook/manager.ts → .storybook/manager.js

@@ -10,5 +10,7 @@ addons.setConfig({
   isToolshown: true,
   theme: undefined,
   initialActive: "sidebar",
-  showRoots: false,
+  sidebar: {
+    showRoots: false,
+  },
 });

.storybook/preview-body.html

@@ -4,7 +4,6 @@
     height: 100%;
   }
   body {
-    box-sizing: border-box;
     font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
       "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
       "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",

.storybook/preview.tsx → .storybook/preview.js

@@ -13,6 +13,7 @@ export const parameters = {
 export const decorators = [
   (Story, context) => {
     document.body.id = kebabCase(context.kind);
+
     return <Story />;
   },
 ];

.storybook/webpack.config.js

@@ -5,22 +5,6 @@ module.exports = ({ config }) => {
     ...config.resolve.alias,
     "@renderlesskit/react": path.resolve(__dirname, "../src"),
   };
-  config.module.rules.push({
-    test: /\.css$/,
-    exclude: /node_modules/,
-    include: path.resolve(process.cwd(), "src"),
-
-    use: [
-      {
-        loader: require.resolve("postcss-loader"),
-        options: {
-          config: {
-            path: __dirname,
-          },
-        },
-      },
-    ],
-  });
 
   return config;
 };

babel.config.js

@@ -23,8 +23,8 @@ module.exports = function (api) {
 
   const plugins = [
     "date-fns",
-    "@chakra-ui/babel-plugin",
     ["@babel/plugin-proposal-class-properties", { loose: true }],
+    "@babel/plugin-proposal-logical-assignment-operators",
   ];
 
   return {

package.json

@@ -47,129 +47,161 @@
     "contributors:generate": "all-contributors generate",
     "docs": "node scripts/builds/docs.js",
     "format": "prettier --write \"./**/*.{js,ts,css,less,json,md,html,yml,yaml,pcss,jsx,tsx}\"",
+    "format:package": "sort-package-json",
     "generatejs": "node scripts/generate-js",
     "keys": "node scripts/builds/keys",
-    "lint": "eslint . --ext .tsx,.ts,.jsx,.js --fix",
+    "lint": "eslint . --ext .tsx,.ts,.jsx,.js",
+    "lint:fix": "eslint . --ext .tsx,.ts,.jsx,.js --fix",
     "lint:package": "sort-package-json",
-    "prepublishOnly": "yarn test && yarn build",
+    "postinstall": "concurrently \"husky install\" \"patch-package\"",
+    "prepublishOnly": "yarn test && yarn build && pinst --disable",
+    "postpublish": "pinst --enable",
     "release": "git add . && standard-version -a",
     "postrelease": "concurrently yarn:release:*",
-    "release:github": "conventional-github-releaser -p angular",
-    "release:tags": "git push --follow-tags origin master",
-    "storybook": "yarn generatejs && start-storybook -p 6006 --no-dll",
-    "storybook-build": "yarn generatejs && build-storybook --no-dll",
+    "release:github": "conventional-github-releaser -p angular && git push",
+    "storybook": "yarn generatejs && start-storybook -p 6006",
+    "storybook-build": "yarn generatejs && build-storybook",
     "test": "jest --config ./jest.config.ts --no-cache",
     "tsd": "tsd"
   },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "**/*.{js,jsx,tx,tsx}": [
+      "yarn lint:fix"
+    ],
+    "**/*.{js,ts,css,less,json,md,html,yml,yaml,pcss,jsx,tsx}": [
+      "yarn format"
+    ],
+    "package.json": [
+      "yarn format:package"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "dependencies": {
-    "@chakra-ui/counter": "1.0.6",
-    "@chakra-ui/hooks": "1.1.3",
-    "@chakra-ui/utils": "1.1.0",
-    "@react-aria/button": "3.3.0",
-    "@react-aria/i18n": "3.2.0",
-    "@react-aria/interactions": "^3.3.2",
-    "@react-aria/utils": "3.5.0",
-    "date-fns": "2.16.1",
+    "@chakra-ui/counter": "1.1.1",
+    "@chakra-ui/hooks": "1.3.1",
+    "@chakra-ui/react-utils": "1.1.1",
+    "@chakra-ui/utils": "1.5.1",
+    "@react-aria/i18n": "3.3.0",
+    "@react-aria/interactions": "^3.3.4",
+    "@react-aria/spinbutton": "^3.0.0-rc.0",
+    "@react-aria/utils": "3.7.0",
+    "date-fns": "2.20.0",
     "reakit-system": "0.15.1",
     "reakit-utils": "0.15.1",
     "reakit-warning": "^0.6.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.12.10",
-    "@babel/core": "7.12.10",
-    "@babel/plugin-proposal-class-properties": "7.12.1",
-    "@babel/preset-env": "7.12.11",
-    "@babel/preset-react": "7.12.10",
-    "@babel/preset-typescript": "7.12.7",
-    "@chakra-ui/babel-plugin": "1.0.0",
-    "@commitlint/cli": "11.0.0",
-    "@commitlint/config-conventional": "11.0.0",
+    "@babel/cli": "7.13.14",
+    "@babel/core": "7.13.14",
+    "@babel/plugin-proposal-class-properties": "7.13.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.13.8",
+    "@babel/preset-env": "7.13.12",
+    "@babel/preset-react": "7.13.13",
+    "@babel/preset-typescript": "7.13.0",
+    "@commitlint/cli": "12.1.1",
+    "@commitlint/config-conventional": "12.1.1",
     "@emotion/css": "11.1.3",
-    "@storybook/addon-a11y": "6.1.16",
-    "@storybook/addon-actions": "6.1.16",
-    "@storybook/addon-essentials": "6.1.16",
-    "@storybook/react": "6.1.16",
-    "@tailwindcss/postcss7-compat": "^2.0.3",
+    "@storybook/addon-a11y": "6.2.5",
+    "@storybook/addon-actions": "6.2.5",
+    "@storybook/addon-essentials": "6.2.5",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/react": "6.2.5",
     "@testing-library/dom": "^7.28.1",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.4",
-    "@testing-library/react-hooks": "^5.0.3",
-    "@testing-library/user-event": "^12.6.3",
-    "@textlint/markdown-to-ast": "^6.3.1",
-    "@types/jest": "26.0.20",
+    "@testing-library/jest-dom": "^5.11.10",
+    "@testing-library/react": "^11.2.6",
+    "@testing-library/react-hooks": "^5.1.1",
+    "@testing-library/user-event": "^13.1.1",
+    "@textlint/markdown-to-ast": "^6.3.4",
+    "@types/jest": "26.0.22",
     "@types/jest-axe": "3.5.1",
     "@types/jest-in-case": "1.0.3",
     "@types/mockdate": "^2.0.0",
-    "@types/react": "17.0.0",
-    "@types/react-dom": "17.0.0",
-    "@types/react-transition-group": "4.4.0",
+    "@types/react": "17.0.3",
+    "@types/react-dom": "17.0.3",
+    "@types/react-transition-group": "4.4.1",
     "@types/testing-library__jest-dom": "5.9.5",
-    "@typescript-eslint/eslint-plugin": "4.14.2",
-    "@typescript-eslint/parser": "4.14.2",
-    "all-contributors-cli": "^6.19.0",
+    "@typescript-eslint/eslint-plugin": "4.21.0",
+    "@typescript-eslint/parser": "4.21.0",
+    "all-contributors-cli": "^6.20.0",
     "ast-to-markdown": "^1.0.0",
-    "autoprefixer": "^9.8.6",
+    "autoprefixer": "^10.2.5",
     "axios": "^0.21.1",
     "babel-eslint": "10.1.0",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "babel-plugin-date-fns": "^2.0.0",
     "chalk": "4.1.0",
     "codesandbox": "^2.2.1",
-    "concurrently": "5.3.0",
+    "concurrently": "6.0.1",
     "conventional-github-releaser": "3.1.5",
     "cross-env": "7.0.3",
-    "eslint": "7.19.0",
-    "eslint-config-prettier": "7.2.0",
+    "eslint": "7.23.0",
+    "eslint-config-prettier": "8.1.0",
     "eslint-config-react-app": "6.0.0",
-    "eslint-plugin-flowtype": "5.2.0",
+    "eslint-plugin-flowtype": "5.6.0",
     "eslint-plugin-import": "2.22.1",
     "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-prettier": "3.3.1",
-    "eslint-plugin-react": "7.22.0",
+    "eslint-plugin-react": "7.23.1",
     "eslint-plugin-react-hooks": "4.2.0",
     "gacp": "2.10.2",
     "glob": "^7.1.6",
     "glob-fs": "^0.1.7",
-    "husky": "4.3.8",
+    "husky": "^6.0.0",
     "jest": "26.6.3",
     "jest-axe": "4.1.0",
     "jest-in-case": "1.0.2",
     "jest-matcher-utils": "26.6.2",
-    "lint-staged": "10.5.3",
-    "lodash": "4.17.20",
+    "lint-staged": "10.5.4",
+    "lodash": "4.17.21",
     "markdown-to-ast": "^6.0.3",
     "markdown-toc": "^1.2.0",
     "md-node-inject": "^1.0.1",
-    "mockdate": "^3.0.2",
+    "mockdate": "^3.0.5",
     "outdent": "^0.8.0",
-    "postcss": "^7.0.35",
-    "postcss-import": "^12.0.1",
+    "patch-package": "^6.4.7",
+    "postcss": "^8.2.9",
+    "postcss-import": "^14.0.1",
     "postcss-scopify": "^0.1.9",
     "prettier": "2.2.1",
     "raw-loader": "^4.0.2",
-    "react": "17.0.1",
-    "react-dom": "17.0.1",
-    "react-hook-form": "6.15.1",
-    "react-spring": "8.0.27",
-    "react-test-renderer": "17.0.1",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-hook-form": "7.0.4",
+    "react-spring": "9.0.0",
+    "react-test-renderer": "17.0.2",
     "react-transition-group": "4.4.1",
-    "react-virtual": "^2.4.0",
-    "reakit": "1.3.5",
+    "react-virtual": "^2.6.1",
+    "reakit": "1.3.7",
     "reakit-test-utils": "^0.15.1",
     "rimraf": "3.0.2",
-    "sort-package-json": "^1.48.1",
-    "standard-version": "9.1.0",
-    "storybook-addon-preview": "^2.1.0",
+    "sort-package-json": "^1.49.0",
+    "standard-version": "9.2.0",
+    "storybook-addon-preview": "^2.1.2",
     "strip-comments": "^2.0.1",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.3",
-    "ts-jest": "26.5.0",
-    "ts-morph": "^9.1.0",
+    "tailwindcss": "^2.1.1",
+    "ts-jest": "^26.5.4",
+    "ts-morph": "^10.0.2",
     "ts-node": "^9.1.1",
     "tsd": "^0.14.0",
-    "typescript": "4.1.3",
-    "webpack": "^5.19.0",
-    "yaml": "^1.10.0"
+    "typescript": "4.2.4",
+    "yaml": "^1.10.2"
   },
   "peerDependencies": {
     "react": "16.x || 17.x",
@@ -179,6 +211,12 @@
   "publishConfig": {
     "access": "public"
   },
+  "gacp": {
+    "add": false,
+    "push": false,
+    "emoji": "emoji",
+    "editor": false
+  },
   "tsd": {
     "directory": "@types-tests"
   }