Draft: update theme to the new design

.eslint-config-falcon-2-7-23.json

@@ -0,0 +1,246 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "airbnb",
+    "prettier"
+  ],
+  "plugins": [
+    "react",
+    "react-hooks",
+    "import",
+    "prettier",
+    "jsdoc",
+    "jsx-a11y"
+  ],
+  "settings": {
+    "import/parser": "babel-eslint",
+    "import/resolver": {
+      "node": true
+    },
+    "jsdoc": {
+      "ignorePrivate": true,
+      "ignoreInternal": true,
+      "tagNamePreference": {
+        "return": "returns"
+      }
+    }
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "jest": true
+  },
+  "rules": {
+    "arrow-body-style": [
+      "warn",
+      "as-needed"
+    ],
+    "no-useless-constructor": "off",
+    "class-methods-use-this": "off",
+    "consistent-return": "off",
+    "global-require": "off",
+    "max-classes-per-file": "off",
+    "import/default": "off",
+    "import/extensions": [
+      "off",
+      "never"
+    ],
+    "import/no-duplicates": [
+      "error"
+    ],
+    "import/named": "off",
+    "import/namespace": "off",
+    "import/no-unresolved": "off",
+    "import/no-named-as-default": "error",
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "devDependencies": true
+      }
+    ],
+    "import/order": [
+      "error",
+      {
+        "newlines-between": "never",
+        "groups": [
+          "builtin",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index",
+          "object"
+        ]
+      }
+    ],
+    "import/prefer-default-export": "off",
+    "jsx-a11y/anchor-is-valid": [
+      "off",
+      {
+        "components": [
+          "Link"
+        ]
+      }
+    ],
+    "jsx-a11y/click-events-have-key-events": "off",
+    "jsx-a11y/label-has-associated-control": [
+      2,
+      {
+        "labelComponents": [
+          "Label"
+        ],
+        "controlComponents": [
+          "Input",
+          "InputElement",
+          "Checkbox",
+          "NumberInput",
+          "Radio",
+          "RangeInput"
+        ],
+        "assert": "htmlFor",
+        "depth": 3
+      }
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "no-alert": "off",
+    "no-console": "off",
+    "no-param-reassign": "off",
+    "no-plusplus": "off",
+    "one-var": "off",
+    "prefer-destructuring": [
+      "error",
+      {
+        "array": false,
+        "object": true
+      },
+      {
+        "enforceForRenamedProperties": false
+      }
+    ],
+    "prettier/prettier": [
+      "error",
+      {
+        "tabWidth": 2,
+        "singleQuote": true,
+        "printWidth": 120,
+        "trailingComma": "none",
+        "arrowParens": "avoid"
+      }
+    ],
+    "react/jsx-filename-extension": [
+      "warn",
+      {
+        "extensions": [
+          ".js",
+          ".jsx",
+          ".tsx"
+        ]
+      }
+    ],
+    "react/jsx-one-expression-per-line": "off",
+    "react/jsx-wrap-multilines": [
+      "warn",
+      {
+        "prop": "ignore"
+      }
+    ],
+    "react/no-danger": "off",
+    "react/no-multi-comp": "off",
+    "react/require-default-props": [
+      "off"
+    ],
+    "react/no-access-state-in-setstate": "error",
+    "react/prop-types": "off",
+    "react/default-props-match-prop-types": "warn",
+    "react/forbid-prop-types": "off",
+    "react/destructuring-assignment": "off",
+    "react/jsx-props-no-spreading": "off",
+    "react/static-property-placement": "off",
+    "react/jsx-curly-newline": "off",
+    "react/state-in-constructor": "off",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "jsdoc/check-alignment": "warn",
+    "jsdoc/check-indentation": "off",
+    "jsdoc/check-param-names": "warn",
+    "jsdoc/check-syntax": "warn",
+    "jsdoc/check-tag-names": "warn",
+    "jsdoc/check-types": "warn",
+    "jsdoc/require-hyphen-before-param-description": [
+      "warn",
+      "never"
+    ],
+    "jsdoc/newline-after-description": [
+      "warn",
+      "never"
+    ],
+    "jsdoc/require-param": [
+      "warn",
+      {
+        "enableFixer": false
+      }
+    ],
+    "jsdoc/require-param-name": "warn",
+    "jsdoc/require-param-type": "off",
+    "jsdoc/require-returns-check": "warn",
+    "jsdoc/require-returns-type": "off"
+  },
+  "globals": {
+    "__DEVELOPMENT__": true,
+    "__CLIENT__": true,
+    "__SERVER__": true,
+    "__DEVTOOLS__": true,
+    "socket": true,
+    "webpackIsomorphicTools": true
+  },
+  "overrides": [
+    {
+      "files": [
+        "**/*.ts",
+        "**/*.tsx"
+      ],
+      "parser": "@typescript-eslint/parser",
+      "plugins": [
+        "@typescript-eslint"
+      ],
+      "rules": {
+        "lines-between-class-members": "off",
+        "@typescript-eslint/lines-between-class-members": [
+          "error",
+          "always",
+          {
+            "exceptAfterOverload": true
+          }
+        ],
+        "@typescript-eslint/no-redeclare": [
+          "error"
+        ],
+        "@typescript-eslint/no-shadow": [
+          "error"
+        ],
+        "no-dupe-class-members": "off",
+        "no-undef": "off",
+        "no-unused-vars": "off",
+        "no-restricted-globals": "off",
+        "no-redeclare": "off",
+        "no-shadow": "off",
+        "react/prefer-stateless-function": "off",
+        "react/react-in-jsx-scope": "off",
+        "no-use-before-define": "off",
+        "no-continue": "off",
+        "dot-notation": "off",
+        "react/prop-types": "off",
+        "import/prefer-default-export": "off",
+        "jsdoc/require-param": "off",
+        "jsdoc/require-param-name": "off",
+        "jsdoc/require-param-type": "off",
+        "jsdoc/require-param-description": "off",
+        "jsdoc/require-returns-check": "off",
+        "jsdoc/require-returns-type": "off"
+      }
+    }
+  ]
+}

.eslintignore

@@ -1,3 +1,6 @@
 node_modules/
 build/
 .docusaurus/
+prettier.config.js
+src/components/Intercom/Chat.tsx
+src/theme/DocSidebarItem/DocSidebarItemCategory.tsx

.eslintrc.json

@@ -1,26 +1,33 @@
 {
-    "env": {
-        "browser": true,
-        "es6": true
+  "env": {
+    "browser": true,
+    "es6": true,
+    "serviceworker": true
+  },
+  "extends": "./.eslint-config-falcon-2-7-23.json",
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
     },
-    "extends": [
-        "plugin:react/recommended",
-        "airbnb"
-    ],
-    "globals": {
-        "Atomics": "readonly",
-        "SharedArrayBuffer": "readonly"
-    },
-    "parserOptions": {
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "ecmaVersion": 2018,
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-    "rules": {
-    }
-}
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": ["react"],
+  "rules": {
+    "no-use-before-define": "off",
+    "import/newline-after-import": "off",
+    "no-return-await": "off",
+    "import/order": [
+      "error",
+      {
+        "newlines-between": "never",
+        "groups": ["builtin", "external", "internal", "parent", "sibling", "index"]
+      }
+    ]
+  }
+}

.nvmrc

@@ -1 +1 @@
-v14.16.0
+v14.18.2