Merge branch 'main' into docs-import

.editorconfig

@@ -1,28 +1,9 @@
 root = true
 
-[*.js]
-[*.jsx]
-[*.ts]
-[*.tsx]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
+[*]
 insert_final_newline = true
-
-[*.json]
-indent_style = space
-indent_size = 2
-end_of_line = lf
 charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = false
-
-[*.md]
 indent_style = space
 indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = false
-insert_final_newline = false
+trim_trailing_whitespace = true
+max_line_length = 80

.eslintignore

@@ -1,9 +1,11 @@
 .now/*
 .next/*
+*.css
 examples/*
 dist/*
 esm/*
 public/*
 scripts/*
 tests/*
 *.config.js
+.DS_Store

.eslintrc.json

@@ -1,88 +1,99 @@
 {
-  "plugins": ["prettier", "@typescript-eslint", "jsx-a11y"],
-  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier", "plugin:jsx-a11y/recommended"],
-  "parser": "@typescript-eslint/parser",
-  "globals": {
-    "JSX": true
-  },
   "env": {
-    "browser": true,
-    "amd": true,
-    "node": true,
-    "jest": true
+    "browser": false,
+    "es2021": true,
+    "node": true
   },
+  "extends": [
+    "plugin:react/recommended",
+    "plugin:prettier/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended"
+  ],
+  "plugins": ["react", "prettier", "import", "@typescript-eslint", "jsx-a11y"],
+  "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
       "jsx": true
-    }
+    },
+    "ecmaVersion": 12,
+    "sourceType": "module"
   },
   "settings": {
     "react": {
-      "pragma": "React",
       "version": "detect"
-    },
-    "import/resolver": {
-      "typescript": {
-        "alwaysTryTypes": true
-      }
     }
   },
   "rules": {
-    "object-curly-spacing": ["warn", "always"],
-    "no-unused-vars": [
+    "no-console": "warn",
+    "react/prop-types": "off",
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
+    "react-hooks/exhaustive-deps": "off",
+    "jsx-a11y/click-events-have-key-events": "warn",
+    "jsx-a11y/interactive-supports-focus": "warn",
+    "prettier/prettier": [
       "warn",
       {
-        "vars": "all",
-        "args": "none"
+        "printWidth": 100,
+        "trailingComma": "all",
+        "tabWidth": 2,
+        "semi": true,
+        "singleQuote": false,
+        "bracketSpacing": false,
+        "arrowParens": "always",
+        "endOfLine": "auto"
       }
     ],
-    "jsx-a11y/no-static-element-interactions": ["warn"],
-    "jsx-a11y/click-events-have-key-events": ["warn"],
     "@typescript-eslint/no-unused-vars": [
       "warn",
       {
-        "vars": "all",
-        "args": "none"
+        "args": "after-used",
+        "ignoreRestSiblings": false,
+        "argsIgnorePattern": "^_.*?$"
       }
     ],
-    "@typescript-eslint/no-explicit-any": [
+    "import/order": [
       "warn",
       {
-        "ignoreRestArgs": true
+        "groups": [
+          "type",
+          "builtin",
+          "object",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index"
+        ],
+        "pathGroups": [
+          {
+            "pattern": "~/**",
+            "group": "external",
+            "position": "after"
+          }
+        ],
+        "newlines-between": "always"
       }
     ],
-    "max-len": [
+    "react/self-closing-comp": "warn",
+    "react/jsx-sort-props": [
       "warn",
       {
-        "code": 80,
-        "ignoreStrings": true,
-        "ignoreTemplateLiterals": true,
-        "ignoreComments": true
-      }
-    ],
-    "no-plusplus": [
-      "error",
-      {
-        "allowForLoopAfterthoughts": true
+        "callbacksLast": true,
+        "shorthandFirst": true,
+        "noSortAlphabetically": false,
+        "reservedFirst": true
       }
     ],
-    "react/jsx-key": "error",
-    "react/jsx-props-no-spreading": "off",
-    "import/prefer-default-export": "off",
-    "react/jsx-boolean-value": "off",
-    "react/prop-types": "off",
-    "react/no-unescaped-entities": "off",
-    "react/jsx-one-expression-per-line": "off",
-    "react/jsx-wrap-multilines": "off",
-    "react/destructuring-assignment": "off",
-    "@typescript-eslint/comma-dangle": [
-      "error",
+    "padding-line-between-statements": [
+      "warn",
+      { "blankLine": "always", "prev": "*", "next": "return" },
+      { "blankLine": "always", "prev": ["const", "let", "var"], "next": "*" },
       {
-        "arrays": "only-multiline",
-        "objects": "only-multiline",
-        "imports": "only-multiline",
-        "exports": "only-multiline",
-        "functions": "never"
+        "blankLine": "any",
+        "prev": ["const", "let", "var"],
+        "next": ["const", "let", "var"]
       }
     ]
   }

.github/workflows/main.yaml

@@ -11,7 +11,7 @@ on:
 
 jobs:
   avoid_reduncy:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     if: ${{ github.event_name == 'push' }}
     steps:
       - name: Cancel Previous Redundant Builds
@@ -20,54 +20,54 @@ jobs:
           access_token: ${{ github.token }}
 
   lint:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v3
         with:
           cache: 'yarn'
-          node-version: '14'
+          node-version: '16'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Lint
         run: yarn lint
 
   build:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v3
         with:
           cache: 'yarn'
-          node-version: '14'
+          node-version: '16'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
-      - uses: actions/cache@v2
+      - uses: actions/cache@v3
         with:
           path: ${{ github.workspace }}/.next/cache
           # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
           # If source files changed but packages didn't, rebuild from a prior cache.
           restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/yarn.lock') }}-
       - name: Build
         run: yarn build
 
   tests:
     needs: [lint, build]
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v3
         with:
           cache: 'yarn'
-          node-version: '14'
+          node-version: '16'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Test
@@ -78,16 +78,16 @@ jobs:
 
   publish:
     needs: [build, tests]
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     if: ${{ github.event_name == 'push' }}
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
           cache: 'yarn'
-          node-version: '14'
+          node-version: '16'
       - name: Install dependencies
-        run: yarn install --frozen-lockfile     
+        run: yarn install --frozen-lockfile
       - name: Pre puiblish NextUI package
         run: yarn pre-publish:nextui
       - uses: JS-DevTools/npm-publish@v1
@@ -106,38 +106,18 @@ jobs:
           tag_prefix: "v"
           package_root: "./packages/react"
 
-  deploy:
-    needs: [publish]
-    runs-on: ubuntu-18.04
-    if: ${{ github.event_name == 'push' }}
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
-      - name: Deploy to Vercel
-        uses: amondnet/vercel-action@v20
-        with:
-          vercel-token: ${{ secrets.VERCEL_TOKEN }} 
-          github-comment: true
-          github-token: ${{ github.token }}
-          vercel-args: '--prod'
-          vercel-org-id: ${{ secrets.VERCEL_ORG_ID}}
-          vercel-project-name: ${{ secrets.VERCEL_PROJECT_NAME}}
-          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID}} 
-          working-directory: './apps/docs'
-
   update_algolia_index:
     needs: [publish]
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     if: ${{ github.event_name == 'push' }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v3
         with:
           cache: 'yarn'
-          node-version: '14'
+          node-version: '16'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Upload docs on Algolia