diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 00000000..c6ecc32f --- /dev/null +++ b/.eslintignore @@ -0,0 +1,9 @@ +node_modules/ +dist/ +build/ +build_* +.prettierrc.js +.eslintrc.cjs +*.json +*.d.ts +vite.config.ts \ No newline at end of file diff --git a/.eslintrc.cjs b/.eslintrc.cjs index 46570f3e..dc1e293a 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -1,14 +1,27 @@ +const path = require('path'); + +const tsconfigPath = path.join(__dirname, 'tsconfig.json'); + module.exports = { - env: { browser: true, es2020: true }, - extends: [ - "eslint:recommended", - "plugin:@typescript-eslint/recommended", - "plugin:react-hooks/recommended", - ], - parser: "@typescript-eslint/parser", - parserOptions: { ecmaVersion: "latest", sourceType: "module" }, - plugins: ["react-refresh"], - rules: { - "react-refresh/only-export-components": "warn", - }, + env: { browser: true, es2020: true }, + parser: '@typescript-eslint/parser', + parserOptions: { ecmaVersion: 'latest', sourceType: 'module', project: [tsconfigPath] }, + plugins: ['react-refresh'], + extends: [ + 'eslint:recommended', + 'plugin:@typescript-eslint/recommended', + 'plugin:react-hooks/recommended', + 'plugin:react/recommended', + 'plugin:import/typescript', + 'plugin:prettier/recommended', + ], + rules: { + 'react-refresh/only-export-components': 'warn', + 'react/react-in-jsx-scope': 0, + }, + settings: { + react: { + version: 'detect', + }, + }, }; diff --git a/.prettierrc b/.prettierrc index f73d9668..b5568ff9 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,10 +1,10 @@ { - "singleQuote": true, - "trailingComma": "all", - "bracketSpacing": true, - "semi": true, - "printWidth": 120, - "tabWidth": 2, - "bracketSameLine": true, - "useTabs": true + "singleQuote": true, + "trailingComma": "all", + "bracketSpacing": true, + "semi": true, + "printWidth": 120, + "tabWidth": 2, + "bracketSameLine": true, + "useTabs": true } diff --git a/package.json b/package.json index af085251..019a96c9 100644 --- a/package.json +++ b/package.json @@ -38,8 +38,13 @@ "@typescript-eslint/parser": "^5.57.1", "@vitejs/plugin-react-swc": "^3.0.0", "eslint": "^8.38.0", + "eslint-config-prettier": "^8.8.0", + "eslint-plugin-import": "^2.27.5", + "eslint-plugin-prettier": "^4.2.1", + "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.3.4", + "prettier": "^2.8.8", "pretty-quick": "^3.1.3", "typescript": "^5.0.2", "vite": "^4.3.2" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7950400d..d4f3363c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -72,12 +72,27 @@ devDependencies: eslint: specifier: ^8.38.0 version: 8.41.0 + eslint-config-prettier: + specifier: ^8.8.0 + version: 8.8.0(eslint@8.41.0) + eslint-plugin-import: + specifier: ^2.27.5 + version: 2.27.5(@typescript-eslint/parser@5.59.7)(eslint@8.41.0) + eslint-plugin-prettier: + specifier: ^4.2.1 + version: 4.2.1(eslint-config-prettier@8.8.0)(eslint@8.41.0)(prettier@2.8.8) + eslint-plugin-react: + specifier: ^7.32.2 + version: 7.32.2(eslint@8.41.0) eslint-plugin-react-hooks: specifier: ^4.6.0 version: 4.6.0(eslint@8.41.0) eslint-plugin-react-refresh: specifier: ^0.3.4 version: 0.3.5(eslint@8.41.0) + prettier: + specifier: ^2.8.8 + version: 2.8.8 pretty-quick: specifier: ^3.1.3 version: 3.1.3(prettier@2.8.8) @@ -915,6 +930,10 @@ packages: resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==} dev: true + /@types/json5@0.0.29: + resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==} + dev: true + /@types/minimatch@3.0.5: resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==} dev: true @@ -1144,16 +1163,64 @@ packages: tslib: 2.5.2 dev: false + /array-buffer-byte-length@1.0.0: + resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==} + dependencies: + call-bind: 1.0.2 + is-array-buffer: 3.0.2 + dev: true + /array-differ@3.0.0: resolution: {integrity: sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==} engines: {node: '>=8'} dev: true + /array-includes@3.1.6: + resolution: {integrity: sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + get-intrinsic: 1.2.1 + is-string: 1.0.7 + dev: true + /array-union@2.1.0: resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==} engines: {node: '>=8'} dev: true + /array.prototype.flat@1.3.1: + resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + es-shim-unscopables: 1.0.0 + dev: true + + /array.prototype.flatmap@1.3.1: + resolution: {integrity: sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + es-shim-unscopables: 1.0.0 + dev: true + + /array.prototype.tosorted@1.1.1: + resolution: {integrity: sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + es-shim-unscopables: 1.0.0 + get-intrinsic: 1.2.1 + dev: true + /arrify@2.0.1: resolution: {integrity: sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==} engines: {node: '>=8'} @@ -1163,6 +1230,11 @@ packages: resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==} dev: false + /available-typed-arrays@1.0.5: + resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==} + engines: {node: '>= 0.4'} + dev: true + /axios@1.4.0: resolution: {integrity: sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==} dependencies: @@ -1200,6 +1272,13 @@ packages: fill-range: 7.0.1 dev: true + /call-bind@1.0.2: + resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==} + dependencies: + function-bind: 1.1.1 + get-intrinsic: 1.2.1 + dev: true + /callsites@3.1.0: resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} engines: {node: '>=6'} @@ -1301,6 +1380,17 @@ packages: resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==} dev: false + /debug@3.2.7: + resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==} + peerDependencies: + supports-color: '*' + peerDependenciesMeta: + supports-color: + optional: true + dependencies: + ms: 2.1.2 + dev: true + /debug@4.3.4: resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==} engines: {node: '>=6.0'} @@ -1317,6 +1407,14 @@ packages: resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} dev: true + /define-properties@1.2.0: + resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==} + engines: {node: '>= 0.4'} + dependencies: + has-property-descriptors: 1.0.0 + object-keys: 1.1.1 + dev: true + /delayed-stream@1.0.0: resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==} engines: {node: '>=0.4.0'} @@ -1333,6 +1431,13 @@ packages: path-type: 4.0.0 dev: true + /doctrine@2.1.0: + resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==} + engines: {node: '>=0.10.0'} + dependencies: + esutils: 2.0.3 + dev: true + /doctrine@3.0.0: resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==} engines: {node: '>=6.0.0'} @@ -1359,6 +1464,70 @@ packages: is-arrayish: 0.2.1 dev: false + /es-abstract@1.21.2: + resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==} + engines: {node: '>= 0.4'} + dependencies: + array-buffer-byte-length: 1.0.0 + available-typed-arrays: 1.0.5 + call-bind: 1.0.2 + es-set-tostringtag: 2.0.1 + es-to-primitive: 1.2.1 + function.prototype.name: 1.1.5 + get-intrinsic: 1.2.1 + get-symbol-description: 1.0.0 + globalthis: 1.0.3 + gopd: 1.0.1 + has: 1.0.3 + has-property-descriptors: 1.0.0 + has-proto: 1.0.1 + has-symbols: 1.0.3 + internal-slot: 1.0.5 + is-array-buffer: 3.0.2 + is-callable: 1.2.7 + is-negative-zero: 2.0.2 + is-regex: 1.1.4 + is-shared-array-buffer: 1.0.2 + is-string: 1.0.7 + is-typed-array: 1.1.10 + is-weakref: 1.0.2 + object-inspect: 1.12.3 + object-keys: 1.1.1 + object.assign: 4.1.4 + regexp.prototype.flags: 1.5.0 + safe-regex-test: 1.0.0 + string.prototype.trim: 1.2.7 + string.prototype.trimend: 1.0.6 + string.prototype.trimstart: 1.0.6 + typed-array-length: 1.0.4 + unbox-primitive: 1.0.2 + which-typed-array: 1.1.9 + dev: true + + /es-set-tostringtag@2.0.1: + resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==} + engines: {node: '>= 0.4'} + dependencies: + get-intrinsic: 1.2.1 + has: 1.0.3 + has-tostringtag: 1.0.0 + dev: true + + /es-shim-unscopables@1.0.0: + resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==} + dependencies: + has: 1.0.3 + dev: true + + /es-to-primitive@1.2.1: + resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==} + engines: {node: '>= 0.4'} + dependencies: + is-callable: 1.2.7 + is-date-object: 1.0.5 + is-symbol: 1.0.4 + dev: true + /esbuild@0.17.19: resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==} engines: {node: '>=12'} @@ -1398,6 +1567,104 @@ packages: resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==} engines: {node: '>=10'} + /eslint-config-prettier@8.8.0(eslint@8.41.0): + resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==} + hasBin: true + peerDependencies: + eslint: '>=7.0.0' + dependencies: + eslint: 8.41.0 + dev: true + + /eslint-import-resolver-node@0.3.7: + resolution: {integrity: sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==} + dependencies: + debug: 3.2.7 + is-core-module: 2.12.1 + resolve: 1.22.2 + transitivePeerDependencies: + - supports-color + dev: true + + /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.59.7)(eslint-import-resolver-node@0.3.7)(eslint@8.41.0): + resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==} + engines: {node: '>=4'} + peerDependencies: + '@typescript-eslint/parser': '*' + eslint: '*' + eslint-import-resolver-node: '*' + eslint-import-resolver-typescript: '*' + eslint-import-resolver-webpack: '*' + peerDependenciesMeta: + '@typescript-eslint/parser': + optional: true + eslint: + optional: true + eslint-import-resolver-node: + optional: true + eslint-import-resolver-typescript: + optional: true + eslint-import-resolver-webpack: + optional: true + dependencies: + '@typescript-eslint/parser': 5.59.7(eslint@8.41.0)(typescript@5.0.4) + debug: 3.2.7 + eslint: 8.41.0 + eslint-import-resolver-node: 0.3.7 + transitivePeerDependencies: + - supports-color + dev: true + + /eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.59.7)(eslint@8.41.0): + resolution: {integrity: sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==} + engines: {node: '>=4'} + peerDependencies: + '@typescript-eslint/parser': '*' + eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 + peerDependenciesMeta: + '@typescript-eslint/parser': + optional: true + dependencies: + '@typescript-eslint/parser': 5.59.7(eslint@8.41.0)(typescript@5.0.4) + array-includes: 3.1.6 + array.prototype.flat: 1.3.1 + array.prototype.flatmap: 1.3.1 + debug: 3.2.7 + doctrine: 2.1.0 + eslint: 8.41.0 + eslint-import-resolver-node: 0.3.7 + eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.59.7)(eslint-import-resolver-node@0.3.7)(eslint@8.41.0) + has: 1.0.3 + is-core-module: 2.12.1 + is-glob: 4.0.3 + minimatch: 3.1.2 + object.values: 1.1.6 + resolve: 1.22.2 + semver: 6.3.0 + tsconfig-paths: 3.14.2 + transitivePeerDependencies: + - eslint-import-resolver-typescript + - eslint-import-resolver-webpack + - supports-color + dev: true + + /eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.8.0)(eslint@8.41.0)(prettier@2.8.8): + resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==} + engines: {node: '>=12.0.0'} + peerDependencies: + eslint: '>=7.28.0' + eslint-config-prettier: '*' + prettier: '>=2.0.0' + peerDependenciesMeta: + eslint-config-prettier: + optional: true + dependencies: + eslint: 8.41.0 + eslint-config-prettier: 8.8.0(eslint@8.41.0) + prettier: 2.8.8 + prettier-linter-helpers: 1.0.0 + dev: true + /eslint-plugin-react-hooks@4.6.0(eslint@8.41.0): resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==} engines: {node: '>=10'} @@ -1415,6 +1682,30 @@ packages: eslint: 8.41.0 dev: true + /eslint-plugin-react@7.32.2(eslint@8.41.0): + resolution: {integrity: sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==} + engines: {node: '>=4'} + peerDependencies: + eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 + dependencies: + array-includes: 3.1.6 + array.prototype.flatmap: 1.3.1 + array.prototype.tosorted: 1.1.1 + doctrine: 2.1.0 + eslint: 8.41.0 + estraverse: 5.3.0 + jsx-ast-utils: 3.3.3 + minimatch: 3.1.2 + object.entries: 1.1.6 + object.fromentries: 2.0.6 + object.hasown: 1.1.2 + object.values: 1.1.6 + prop-types: 15.8.1 + resolve: 2.0.0-next.4 + semver: 6.3.0 + string.prototype.matchall: 4.0.8 + dev: true + /eslint-scope@5.1.1: resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==} engines: {node: '>=8.0.0'} @@ -1540,6 +1831,10 @@ packages: /fast-deep-equal@3.1.3: resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} + /fast-diff@1.3.0: + resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==} + dev: true + /fast-glob@3.2.12: resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==} engines: {node: '>=8.6.0'} @@ -1621,6 +1916,12 @@ packages: optional: true dev: false + /for-each@0.3.3: + resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==} + dependencies: + is-callable: 1.2.7 + dev: true + /form-data@4.0.0: resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==} engines: {node: '>= 6'} @@ -1644,7 +1945,29 @@ packages: /function-bind@1.1.1: resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==} - dev: false + + /function.prototype.name@1.1.5: + resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + functions-have-names: 1.2.3 + dev: true + + /functions-have-names@1.2.3: + resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==} + dev: true + + /get-intrinsic@1.2.1: + resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==} + dependencies: + function-bind: 1.1.1 + has: 1.0.3 + has-proto: 1.0.1 + has-symbols: 1.0.3 + dev: true /get-nonce@1.0.1: resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==} @@ -1658,6 +1981,14 @@ packages: pump: 3.0.0 dev: true + /get-symbol-description@1.0.0: + resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + dev: true + /glob-parent@5.1.2: resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} engines: {node: '>= 6'} @@ -1690,6 +2021,13 @@ packages: type-fest: 0.20.2 dev: true + /globalthis@1.0.3: + resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==} + engines: {node: '>= 0.4'} + dependencies: + define-properties: 1.2.0 + dev: true + /globby@11.1.0: resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==} engines: {node: '>=10'} @@ -1702,6 +2040,12 @@ packages: slash: 3.0.0 dev: true + /gopd@1.0.1: + resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==} + dependencies: + get-intrinsic: 1.2.1 + dev: true + /grapheme-splitter@1.0.4: resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==} dev: true @@ -1710,6 +2054,10 @@ packages: resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==} dev: true + /has-bigints@1.0.2: + resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==} + dev: true + /has-flag@3.0.0: resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==} engines: {node: '>=4'} @@ -1720,12 +2068,34 @@ packages: engines: {node: '>=8'} dev: true + /has-property-descriptors@1.0.0: + resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==} + dependencies: + get-intrinsic: 1.2.1 + dev: true + + /has-proto@1.0.1: + resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==} + engines: {node: '>= 0.4'} + dev: true + + /has-symbols@1.0.3: + resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==} + engines: {node: '>= 0.4'} + dev: true + + /has-tostringtag@1.0.0: + resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==} + engines: {node: '>= 0.4'} + dependencies: + has-symbols: 1.0.3 + dev: true + /has@1.0.3: resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==} engines: {node: '>= 0.4.0'} dependencies: function-bind: 1.1.1 - dev: false /hoist-non-react-statics@3.3.2: resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==} @@ -1770,21 +2140,63 @@ packages: resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==} dev: true + /internal-slot@1.0.5: + resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==} + engines: {node: '>= 0.4'} + dependencies: + get-intrinsic: 1.2.1 + has: 1.0.3 + side-channel: 1.0.4 + dev: true + /invariant@2.2.4: resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==} dependencies: loose-envify: 1.4.0 dev: false + /is-array-buffer@3.0.2: + resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + is-typed-array: 1.1.10 + dev: true + /is-arrayish@0.2.1: resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==} dev: false + /is-bigint@1.0.4: + resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==} + dependencies: + has-bigints: 1.0.2 + dev: true + + /is-boolean-object@1.1.2: + resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + has-tostringtag: 1.0.0 + dev: true + + /is-callable@1.2.7: + resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==} + engines: {node: '>= 0.4'} + dev: true + /is-core-module@2.12.1: resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==} dependencies: has: 1.0.3 - dev: false + + /is-date-object@1.0.5: + resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==} + engines: {node: '>= 0.4'} + dependencies: + has-tostringtag: 1.0.0 + dev: true /is-extglob@2.1.1: resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} @@ -1798,6 +2210,18 @@ packages: is-extglob: 2.1.1 dev: true + /is-negative-zero@2.0.2: + resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==} + engines: {node: '>= 0.4'} + dev: true + + /is-number-object@1.0.7: + resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==} + engines: {node: '>= 0.4'} + dependencies: + has-tostringtag: 1.0.0 + dev: true + /is-number@7.0.0: resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} engines: {node: '>=0.12.0'} @@ -1808,18 +2232,62 @@ packages: engines: {node: '>=8'} dev: true + /is-regex@1.1.4: + resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + has-tostringtag: 1.0.0 + dev: true + + /is-shared-array-buffer@1.0.2: + resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==} + dependencies: + call-bind: 1.0.2 + dev: true + /is-stream@2.0.1: resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==} engines: {node: '>=8'} dev: true + /is-string@1.0.7: + resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==} + engines: {node: '>= 0.4'} + dependencies: + has-tostringtag: 1.0.0 + dev: true + + /is-symbol@1.0.4: + resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==} + engines: {node: '>= 0.4'} + dependencies: + has-symbols: 1.0.3 + dev: true + + /is-typed-array@1.1.10: + resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==} + engines: {node: '>= 0.4'} + dependencies: + available-typed-arrays: 1.0.5 + call-bind: 1.0.2 + for-each: 0.3.3 + gopd: 1.0.1 + has-tostringtag: 1.0.0 + dev: true + + /is-weakref@1.0.2: + resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==} + dependencies: + call-bind: 1.0.2 + dev: true + /isexe@2.0.0: resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} dev: true /js-tokens@4.0.0: resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} - dev: false /js-yaml@4.1.0: resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==} @@ -1840,6 +2308,21 @@ packages: resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} dev: true + /json5@1.0.2: + resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==} + hasBin: true + dependencies: + minimist: 1.2.8 + dev: true + + /jsx-ast-utils@3.3.3: + resolution: {integrity: sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==} + engines: {node: '>=4.0'} + dependencies: + array-includes: 3.1.6 + object.assign: 4.1.4 + dev: true + /klona@2.0.6: resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==} engines: {node: '>= 8'} @@ -1880,7 +2363,6 @@ packages: hasBin: true dependencies: js-tokens: 4.0.0 - dev: false /lru-cache@6.0.0: resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} @@ -1929,6 +2411,10 @@ packages: brace-expansion: 1.1.11 dev: true + /minimist@1.2.8: + resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==} + dev: true + /mri@1.2.0: resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} engines: {node: '>=4'} @@ -1973,7 +2459,59 @@ packages: /object-assign@4.1.1: resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} engines: {node: '>=0.10.0'} - dev: false + + /object-inspect@1.12.3: + resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==} + dev: true + + /object-keys@1.1.1: + resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==} + engines: {node: '>= 0.4'} + dev: true + + /object.assign@4.1.4: + resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + has-symbols: 1.0.3 + object-keys: 1.1.1 + dev: true + + /object.entries@1.1.6: + resolution: {integrity: sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true + + /object.fromentries@2.0.6: + resolution: {integrity: sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true + + /object.hasown@1.1.2: + resolution: {integrity: sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==} + dependencies: + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true + + /object.values@1.1.6: + resolution: {integrity: sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true /once@1.4.0: resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==} @@ -2066,7 +2604,6 @@ packages: /path-parse@1.0.7: resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==} - dev: false /path-type@4.0.0: resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==} @@ -2095,6 +2632,13 @@ packages: engines: {node: '>= 0.8.0'} dev: true + /prettier-linter-helpers@1.0.0: + resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==} + engines: {node: '>=6.0.0'} + dependencies: + fast-diff: 1.3.0 + dev: true + /prettier@2.8.8: resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==} engines: {node: '>=10.13.0'} @@ -2131,7 +2675,6 @@ packages: loose-envify: 1.4.0 object-assign: 4.1.1 react-is: 16.13.1 - dev: false /proxy-from-env@1.1.0: resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==} @@ -2174,7 +2717,6 @@ packages: /react-is@16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} - dev: false /react-remove-scroll-bar@2.3.4(@types/react@18.2.6)(react@18.2.0): resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==} @@ -2290,6 +2832,15 @@ packages: resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==} dev: false + /regexp.prototype.flags@1.5.0: + resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + functions-have-names: 1.2.3 + dev: true + /resolve-from@4.0.0: resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==} engines: {node: '>=4'} @@ -2301,7 +2852,15 @@ packages: is-core-module: 2.12.1 path-parse: 1.0.7 supports-preserve-symlinks-flag: 1.0.0 - dev: false + + /resolve@2.0.0-next.4: + resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==} + hasBin: true + dependencies: + is-core-module: 2.12.1 + path-parse: 1.0.7 + supports-preserve-symlinks-flag: 1.0.0 + dev: true /reusify@1.0.4: resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==} @@ -2329,12 +2888,25 @@ packages: queue-microtask: 1.2.3 dev: true + /safe-regex-test@1.0.0: + resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + is-regex: 1.1.4 + dev: true + /scheduler@0.23.0: resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==} dependencies: loose-envify: 1.4.0 dev: false + /semver@6.3.0: + resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==} + hasBin: true + dev: true + /semver@7.5.1: resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==} engines: {node: '>=10'} @@ -2355,6 +2927,14 @@ packages: engines: {node: '>=8'} dev: true + /side-channel@1.0.4: + resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==} + dependencies: + call-bind: 1.0.2 + get-intrinsic: 1.2.1 + object-inspect: 1.12.3 + dev: true + /signal-exit@3.0.7: resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==} dev: true @@ -2374,6 +2954,44 @@ packages: engines: {node: '>=0.10.0'} dev: false + /string.prototype.matchall@4.0.8: + resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + get-intrinsic: 1.2.1 + has-symbols: 1.0.3 + internal-slot: 1.0.5 + regexp.prototype.flags: 1.5.0 + side-channel: 1.0.4 + dev: true + + /string.prototype.trim@1.2.7: + resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==} + engines: {node: '>= 0.4'} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true + + /string.prototype.trimend@1.0.6: + resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true + + /string.prototype.trimstart@1.0.6: + resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==} + dependencies: + call-bind: 1.0.2 + define-properties: 1.2.0 + es-abstract: 1.21.2 + dev: true + /strip-ansi@6.0.1: resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==} engines: {node: '>=8'} @@ -2381,6 +2999,11 @@ packages: ansi-regex: 5.0.1 dev: true + /strip-bom@3.0.0: + resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==} + engines: {node: '>=4'} + dev: true + /strip-final-newline@2.0.0: resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==} engines: {node: '>=6'} @@ -2412,7 +3035,6 @@ packages: /supports-preserve-symlinks-flag@1.0.0: resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} engines: {node: '>= 0.4'} - dev: false /tabbable@6.1.2: resolution: {integrity: sha512-qCN98uP7i9z0fIS4amQ5zbGBOq+OSigYeGvPy7NDk8Y9yncqDZ9pRPgfsc2PJIVM9RrJj7GIfuRgmjoUU9zTHQ==} @@ -2434,6 +3056,15 @@ packages: is-number: 7.0.0 dev: true + /tsconfig-paths@3.14.2: + resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==} + dependencies: + '@types/json5': 0.0.29 + json5: 1.0.2 + minimist: 1.2.8 + strip-bom: 3.0.0 + dev: true + /tslib@1.14.1: resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==} dev: true @@ -2464,12 +3095,29 @@ packages: engines: {node: '>=10'} dev: true + /typed-array-length@1.0.4: + resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==} + dependencies: + call-bind: 1.0.2 + for-each: 0.3.3 + is-typed-array: 1.1.10 + dev: true + /typescript@5.0.4: resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==} engines: {node: '>=12.20'} hasBin: true dev: true + /unbox-primitive@1.0.2: + resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==} + dependencies: + call-bind: 1.0.2 + has-bigints: 1.0.2 + has-symbols: 1.0.3 + which-boxed-primitive: 1.0.2 + dev: true + /uri-js@4.4.1: resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} dependencies: @@ -2583,6 +3231,28 @@ packages: fsevents: 2.3.2 dev: true + /which-boxed-primitive@1.0.2: + resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==} + dependencies: + is-bigint: 1.0.4 + is-boolean-object: 1.1.2 + is-number-object: 1.0.7 + is-string: 1.0.7 + is-symbol: 1.0.4 + dev: true + + /which-typed-array@1.1.9: + resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==} + engines: {node: '>= 0.4'} + dependencies: + available-typed-arrays: 1.0.5 + call-bind: 1.0.2 + for-each: 0.3.3 + gopd: 1.0.1 + has-tostringtag: 1.0.0 + is-typed-array: 1.1.10 + dev: true + /which@2.0.2: resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} engines: {node: '>= 8'} diff --git a/src/api/constants.ts b/src/api/constants.ts index 6fdd6e31..d951266f 100644 --- a/src/api/constants.ts +++ b/src/api/constants.ts @@ -1,4 +1,4 @@ const API_V1 = 'api/v1'; -export const HEALTH_LIVENESS_QUERY_KEY = `health_liveness`; +export const HEALTH_LIVENESS_QUERY_KEY = 'health_liveness'; export const HEALTH_LIVENESS_URL = `${API_V1}/liveness`; diff --git a/src/components/App/ScrollToTop.tsx b/src/components/App/ScrollToTop.tsx index 5642f61a..dff54b7b 100644 --- a/src/components/App/ScrollToTop.tsx +++ b/src/components/App/ScrollToTop.tsx @@ -1,34 +1,33 @@ -import { scrollTo } from "@/utils"; -import { Affix, Button, Transition } from "@mantine/core"; -import { useWindowScroll } from "@mantine/hooks"; -import { IconArrowUp } from "@tabler/icons-react"; -import type { FC } from "react"; -import { useEffect } from "react"; -import { useLocation } from "react-router-dom"; +import { scrollTo } from '@/utils'; +import { Affix, Button, Transition } from '@mantine/core'; +import { useWindowScroll } from '@mantine/hooks'; +import { IconArrowUp } from '@tabler/icons-react'; +import type { FC } from 'react'; +import { useEffect } from 'react'; +import { useLocation } from 'react-router-dom'; const ScrollToTop: FC = () => { - const [scroll] = useWindowScroll(); - const location = useLocation(); + const [scroll] = useWindowScroll(); + const location = useLocation(); - useEffect(() => { - scrollTo(); - }, [location]); + useEffect(() => { + scrollTo(); + }, [location]); - return ( - - 20}> - {(transitionStyles) => ( - - )} - - - ); + return ( + + 20}> + {(transitionStyles) => ( + + )} + + + ); }; export default ScrollToTop; diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx index 23483077..09f510a8 100644 --- a/src/components/App/index.tsx +++ b/src/components/App/index.tsx @@ -1,14 +1,14 @@ -import AppRouter from "@/routes"; -import { Fragment } from "react"; -import ScrollToTop from "./ScrollToTop"; +import AppRouter from '@/routes'; +import { Fragment } from 'react'; +import ScrollToTop from './ScrollToTop'; const App = () => { - return ( - - - - - ); + return ( + + + + + ); }; export default App; diff --git a/src/components/ErrorBoundary/index.tsx b/src/components/ErrorBoundary/index.tsx index 49f9428e..5ac0ec9c 100644 --- a/src/components/ErrorBoundary/index.tsx +++ b/src/components/ErrorBoundary/index.tsx @@ -1,28 +1,29 @@ -import BugPage from "@/pages/Errors/Bug"; -import type { FC, ReactNode } from "react"; -import { ErrorBoundary as ErrorShell } from "react-error-boundary"; +import BugPage from '@/pages/Errors/Bug'; +import type { FC, ReactNode } from 'react'; +import { ErrorBoundary as ErrorShell } from 'react-error-boundary'; const ErrorFallback: FC = () => { - return ; + return ; }; type ErrorBoundaryProps = { - children: ReactNode; + children: ReactNode; }; type ErrorHandlerFn = (error: Error, info: { componentStack: string }) => void; const ErrorBoundary: FC = ({ children }) => { - const errorHandler: ErrorHandlerFn = (error, info) => { - // TODO: Send Errors to parseable maybe ? - console.log(error); - console.log(info); - }; - return ( - - {children} - - ); + const errorHandler: ErrorHandlerFn = (error, info) => { + // TODO: Send Errors to parseable maybe ? + console.log(error); + console.log(info); + }; + + return ( + + {children} + + ); }; export default ErrorBoundary; diff --git a/src/components/Loading/index.tsx b/src/components/Loading/index.tsx index 3709e505..cc417ac9 100644 --- a/src/components/Loading/index.tsx +++ b/src/components/Loading/index.tsx @@ -1,40 +1,40 @@ -import type { LoaderProps, LoadingOverlayProps } from "@mantine/core"; -import { LoadingOverlay, useMantineTheme } from "@mantine/core"; -import type { FC } from "react"; +import type { LoaderProps, LoadingOverlayProps } from '@mantine/core'; +import { LoadingOverlay, useMantineTheme } from '@mantine/core'; +import type { FC } from 'react'; interface LoadingProps { - variant?: LoaderProps["variant"]; - position?: "absolute" | "fixed" | "relative" | "static" | "sticky"; + variant?: LoaderProps['variant']; + position?: 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'; } const Loading: FC = (props) => { - const { visible, variant, position, ...restProps } = props; - const { colors, primaryColor, radius, spacing } = useMantineTheme(); + const { visible, variant, position, ...restProps } = props; + const { colors, primaryColor, radius, spacing } = useMantineTheme(); - return ( - - ); + return ( + + ); }; Loading.defaultProps = { - variant: "bars", - position: "relative", + variant: 'bars', + position: 'relative', }; export default Loading; diff --git a/src/components/Mantine/sizing.ts b/src/components/Mantine/sizing.ts index 29df7022..495774b9 100644 --- a/src/components/Mantine/sizing.ts +++ b/src/components/Mantine/sizing.ts @@ -1,78 +1,78 @@ export const sizing = { - "0": "0px", - px: "1px", - "0.5": "0.125rem", - "1": "0.25rem", - "1.5": "0.375rem", - "2": "0.5rem", - "2.5": "0.625rem", - "3": "0.75rem", - "3.5": "0.875rem", - "4": "1rem", - "5": "1.25rem", - "6": "1.5rem", - "7": "1.75rem", - "8": "2rem", - "9": "2.25rem", - "10": "2.5rem", - "11": "2.75rem", - "12": "3rem", - "14": "3.5rem", - "16": "4rem", - "20": "5rem", - "24": "6rem", - "28": "7rem", - "32": "8rem", - "36": "9rem", - "40": "10rem", - "44": "11rem", - "48": "12rem", - "52": "13rem", - "56": "14rem", - "60": "15rem", - "64": "16rem", - "72": "18rem", - "80": "20rem", - "96": "24rem", - auto: "auto", - "1/2": "50%", - "1/3": "33.333333%", - "2/3": "66.666667%", - "1/4": "25%", - "2/4": "50%", - "3/4": "75%", - "1/5": "20%", - "2/5": "40%", - "3/5": "60%", - "4/5": "80%", - "1/6": "16.666667%", - "2/6": "33.333333%", - "3/6": "50%", - "4/6": "66.666667%", - "5/6": "83.333333%", - full: "100%", - min: "min-content", - max: "max-content", - fit: "fit-content", + '0': '0px', + px: '1px', + '0.5': '0.125rem', + '1': '0.25rem', + '1.5': '0.375rem', + '2': '0.5rem', + '2.5': '0.625rem', + '3': '0.75rem', + '3.5': '0.875rem', + '4': '1rem', + '5': '1.25rem', + '6': '1.5rem', + '7': '1.75rem', + '8': '2rem', + '9': '2.25rem', + '10': '2.5rem', + '11': '2.75rem', + '12': '3rem', + '14': '3.5rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '28': '7rem', + '32': '8rem', + '36': '9rem', + '40': '10rem', + '44': '11rem', + '48': '12rem', + '52': '13rem', + '56': '14rem', + '60': '15rem', + '64': '16rem', + '72': '18rem', + '80': '20rem', + '96': '24rem', + auto: 'auto', + '1/2': '50%', + '1/3': '33.333333%', + '2/3': '66.666667%', + '1/4': '25%', + '2/4': '50%', + '3/4': '75%', + '1/5': '20%', + '2/5': '40%', + '3/5': '60%', + '4/5': '80%', + '1/6': '16.666667%', + '2/6': '33.333333%', + '3/6': '50%', + '4/6': '66.666667%', + '5/6': '83.333333%', + full: '100%', + min: 'min-content', + max: 'max-content', + fit: 'fit-content', }; export const heights = { - ...sizing, - screen: "100vh", + ...sizing, + screen: '100vh', }; export const widths = { - ...sizing, - "1/12": "8.333333%", - "2/12": "16.666667%", - "3/12": "25%", - "4/12": "33.333333%", - "5/12": "41.666667%", - "6/12": "50%", - "7/12": "58.333333%", - "8/12": "66.666667%", - "9/12": "75%", - "10/12": "83.333333%", - "11/12": "91.666667%", - screen: "100vw", + ...sizing, + '1/12': '8.333333%', + '2/12': '16.666667%', + '3/12': '25%', + '4/12': '33.333333%', + '5/12': '41.666667%', + '6/12': '50%', + '7/12': '58.333333%', + '8/12': '66.666667%', + '9/12': '75%', + '10/12': '83.333333%', + '11/12': '91.666667%', + screen: '100vw', }; diff --git a/src/components/Mantine/theme.tsx b/src/components/Mantine/theme.tsx index 8072c3d0..bf2e2b45 100644 --- a/src/components/Mantine/theme.tsx +++ b/src/components/Mantine/theme.tsx @@ -24,9 +24,9 @@ export const theme: MantineThemeOverride = { }, primaryColor: 'brandPrimary', other: { - sizing: sizing, - heights: heights, - widths: widths, + sizing, + heights, + widths, fontWeights: { thin: 100, extraLight: 200, diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx index cdffea4b..5e05584e 100644 --- a/src/components/Modal/index.tsx +++ b/src/components/Modal/index.tsx @@ -1,24 +1,23 @@ -import { Modal as MantineModal, useMantineTheme } from "@mantine/core"; -import type { ModalProps as MantineModalProps } from "@mantine/core"; -import type { FC } from "react"; +import { Modal as MantineModal, useMantineTheme } from '@mantine/core'; +import type { ModalProps as MantineModalProps } from '@mantine/core'; +import type { FC } from 'react'; const Modal: FC = (props) => { - const { children, ...rest } = props; + const { children, ...rest } = props; - const { colors } = useMantineTheme(); + const { colors } = useMantineTheme(); - return ( - - {children} - - ); + return ( + + {children} + + ); }; export default Modal; diff --git a/src/constants/routes.ts b/src/constants/routes.ts index 741ac420..9fecd182 100644 --- a/src/constants/routes.ts +++ b/src/constants/routes.ts @@ -1,3 +1,3 @@ -export const HOME_ROUTE = "/"; -export const LOGIN_ROUTE = "/login"; -export const ALL_ROUTE = "*"; +export const HOME_ROUTE = '/'; +export const LOGIN_ROUTE = '/login'; +export const ALL_ROUTE = '*'; diff --git a/src/hooks/useMountedRef.ts b/src/hooks/useMountedRef.ts index 0ce25ee4..49e34612 100644 --- a/src/hooks/useMountedRef.ts +++ b/src/hooks/useMountedRef.ts @@ -1,17 +1,17 @@ import { useRef, useEffect } from 'react'; const useMountedRef = () => { - const mounted = useRef(false); + const mounted = useRef(false); - useEffect(() => { - mounted.current = true; + useEffect(() => { + mounted.current = true; - return () => { - mounted.current = false; - }; - }, []); + return () => { + mounted.current = false; + }; + }, []); - return mounted; + return mounted; }; export default useMountedRef; diff --git a/src/hooks/useMountedState.ts b/src/hooks/useMountedState.ts index fa192b58..cc7a9f36 100644 --- a/src/hooks/useMountedState.ts +++ b/src/hooks/useMountedState.ts @@ -3,19 +3,19 @@ import { useState, useCallback, SetStateAction } from 'react'; import useMountedRef from './useMountedRef'; const useMountedState = (value: T | (() => T)): [T, (newState: SetStateAction) => void] => { - const mountedRef = useMountedRef(); - const [state, setState] = useState(value); + const mountedRef = useMountedRef(); + const [state, setState] = useState(value); - const setMountedState = useCallback( - (newValue: SetStateAction) => { - if (mountedRef.current) { - setState(newValue); - } - }, - [mountedRef], - ); + const setMountedState = useCallback( + (newValue: SetStateAction) => { + if (mountedRef.current) { + setState(newValue); + } + }, + [mountedRef], + ); - return [state, setMountedState]; + return [state, setMountedState]; }; export default useMountedState; diff --git a/src/layouts/FullPage.tsx b/src/layouts/FullPage.tsx index 2c4b696e..f0857357 100644 --- a/src/layouts/FullPage.tsx +++ b/src/layouts/FullPage.tsx @@ -1,34 +1,32 @@ -import { heights, widths } from "@/components/Mantine/sizing"; -import { Box } from "@mantine/core"; -import type { FC, ReactNode } from "react"; +import { heights, widths } from '@/components/Mantine/sizing'; +import { Box } from '@mantine/core'; +import type { FC, ReactNode } from 'react'; type FullPageLayoutProps = { - children?: ReactNode; + children?: ReactNode; }; const FullPageLayout: FC = (props) => { - const { children } = props; - return ( - - - {children} - - - ); + const { children } = props; + return ( + + + {children} + + + ); }; export default FullPageLayout; diff --git a/src/pages/Errors/Bug.tsx b/src/pages/Errors/Bug.tsx index cfc7ec20..5855e9bc 100644 --- a/src/pages/Errors/Bug.tsx +++ b/src/pages/Errors/Bug.tsx @@ -1,51 +1,46 @@ -import bugError from "@/assets/images/bug_error.png"; -import { HOME_ROUTE } from "@/constants/routes"; -import FullPageLayout from "@/layouts/FullPage"; -import type { ImageProps } from "@mantine/core"; -import { Box, Button, Center, Group, Image, Text, Title } from "@mantine/core"; -import { useDocumentTitle } from "@mantine/hooks"; -import type { FC } from "react"; -import useErrorPageStyles from "./styles"; +import bugError from '@/assets/images/bug_error.png'; +import { HOME_ROUTE } from '@/constants/routes'; +import FullPageLayout from '@/layouts/FullPage'; +import type { ImageProps } from '@mantine/core'; +import { Box, Button, Center, Group, Image, Text, Title } from '@mantine/core'; +import { useDocumentTitle } from '@mantine/hooks'; +import type { FC } from 'react'; +import useErrorPageStyles from './styles'; const Illustration: FC = (props) => { - return Bug; + return Bug; }; const BugPage: FC = () => { - useDocumentTitle("Oops!"); + useDocumentTitle('Oops!'); - const onHome = () => { - window.location.href = HOME_ROUTE; - }; + const onHome = () => { + window.location.href = HOME_ROUTE; + }; - const { classes } = useErrorPageStyles(); + const { classes } = useErrorPageStyles(); - const { container, titleStyle, descriptionStyle, btnStyle } = classes; + const { container, titleStyle, descriptionStyle, btnStyle } = classes; - return ( - -
- - - Oops!! - - Sorry, it seems like something unexpected happened. We now know - about this mistake and are working to fix it. - - - - - -
- - ); + return ( + +
+ + + Oops!! + + Sorry, it seems like something unexpected happened. We now know about this mistake and are working to fix + it. + + + + + +
+ + ); }; export default BugPage; diff --git a/src/pages/Errors/NotFound.tsx b/src/pages/Errors/NotFound.tsx index cd30c55a..10dab4cf 100644 --- a/src/pages/Errors/NotFound.tsx +++ b/src/pages/Errors/NotFound.tsx @@ -1,57 +1,50 @@ -import { HOME_ROUTE } from "@/constants/routes"; -import { Box, Button, Center, Group, Text, Title } from "@mantine/core"; -import { useDocumentTitle } from "@mantine/hooks"; -import { ComponentPropsWithoutRef, FC } from "react"; -import { useNavigate } from "react-router-dom"; -import useErrorPageStyles from "./styles"; - -const Illustration: FC> = (props) => { - return ( - - - - ); +import { HOME_ROUTE } from '@/constants/routes'; +import { Box, Button, Center, Group, Text, Title } from '@mantine/core'; +import { useDocumentTitle } from '@mantine/hooks'; +import { ComponentPropsWithoutRef, FC } from 'react'; +import { useNavigate } from 'react-router-dom'; +import useErrorPageStyles from './styles'; + +const Illustration: FC> = (props) => { + return ( + + + + ); }; const NotFound: FC = () => { - useDocumentTitle("404 | Not Found"); - - const nav = useNavigate(); - - const onHome = () => { - nav(HOME_ROUTE, { replace: true }); - }; - - const { classes } = useErrorPageStyles(); - - const { container, illustration, titleStyle, descriptionStyle, btnStyle } = - classes; - - return ( -
- - -
- Nothing to see here - - Page you are trying to open does not exist. You may have mistyped - the address, or the page has been moved to another URL. If you think - this is an error contact support. - - - - -
- -
- ); + useDocumentTitle('404 | Not Found'); + + const nav = useNavigate(); + + const onHome = () => { + nav(HOME_ROUTE, { replace: true }); + }; + + const { classes } = useErrorPageStyles(); + + const { container, illustration, titleStyle, descriptionStyle, btnStyle } = classes; + + return ( +
+ + +
+ Nothing to see here + + Page you are trying to open does not exist. You may have mistyped the address, or the page has been moved to + another URL. If you think this is an error contact support. + + + + +
+ +
+ ); }; export default NotFound; diff --git a/src/pages/Errors/styles.tsx b/src/pages/Errors/styles.tsx index ab208c49..a2f6c039 100644 --- a/src/pages/Errors/styles.tsx +++ b/src/pages/Errors/styles.tsx @@ -1,41 +1,41 @@ -import { createStyles } from "@mantine/core"; +import { createStyles } from '@mantine/core'; const useErrorPageStyles = createStyles((theme) => { - const { colors, primaryColor, spacing } = theme; - - const pColor = colors[primaryColor][2]; - const sColor = colors.brandSecondary[2]; - - return { - container: { - flex: 1, - padding: spacing.xl, - }, - - illustration: { - fill: pColor, - maxHeight: 250, - }, - - titleStyle: { - textAlign: "center", - fontWeight: 900, - fontSize: 38, - marginTop: 20, - color: pColor, - }, - - descriptionStyle: { - maxWidth: 540, - margin: "auto", - marginTop: spacing.xl, - marginBottom: spacing.xl, - }, - - btnStyle: { - background: sColor, - }, - }; + const { colors, primaryColor, spacing } = theme; + + const pColor = colors[primaryColor][2]; + const sColor = colors.brandSecondary[2]; + + return { + container: { + flex: 1, + padding: spacing.xl, + }, + + illustration: { + fill: pColor, + maxHeight: 250, + }, + + titleStyle: { + textAlign: 'center', + fontWeight: 900, + fontSize: 38, + marginTop: 20, + color: pColor, + }, + + descriptionStyle: { + maxWidth: 540, + margin: 'auto', + marginTop: spacing.xl, + marginBottom: spacing.xl, + }, + + btnStyle: { + background: sColor, + }, + }; }); export default useErrorPageStyles; diff --git a/src/pages/Login/ForgotPassword.tsx b/src/pages/Login/ForgotPassword.tsx index ee6e6cba..c59013ad 100644 --- a/src/pages/Login/ForgotPassword.tsx +++ b/src/pages/Login/ForgotPassword.tsx @@ -1,110 +1,81 @@ -import logo from "@/assets/images/brand/logo.svg"; -import Modal from "@/components/Modal"; -import { - Box, - Divider, - Image, - Space, - Text, - UnstyledButton, -} from "@mantine/core"; -import { useDisclosure } from "@mantine/hooks"; -import { FC, Fragment } from "react"; -import { useForgetPassStyle } from "./styles"; +import logo from '@/assets/images/brand/logo.svg'; +import Modal from '@/components/Modal'; +import { Box, Divider, Image, Space, Text, UnstyledButton } from '@mantine/core'; +import { useDisclosure } from '@mantine/hooks'; +import { FC, Fragment } from 'react'; +import { useForgetPassStyle } from './styles'; const steps = [ - { - title: "Log into your console", - description: "Small description of the step above to be added", - }, - { - title: "Update Password", - description: "Small description of the step above to be added", - }, - { - title: "Reset the environment", - description: "Small description of the step above to be added", - }, + { + title: 'Log into your console', + description: 'Small description of the step above to be added', + }, + { + title: 'Update Password', + description: 'Small description of the step above to be added', + }, + { + title: 'Reset the environment', + description: 'Small description of the step above to be added', + }, ]; const ForgotPassword: FC = () => { - const [opened, { open, close }] = useDisclosure(false); + const [opened, { open, close }] = useDisclosure(false); - const { classes } = useForgetPassStyle(); + const { classes } = useForgetPassStyle(); - const { forgetPassBtnText, titleStyle, descriptionStyle } = classes; + const { forgetPassBtnText, titleStyle, descriptionStyle } = classes; - return ( - - - Forgot password? - - - Parseable Logo - - How to reset your password - - - Follow the steps below to reset your password - - - {steps.map((step, index) => { - const number = index + 1; + return ( + + + Forgot password? + + + Parseable Logo + + How to reset your password + + Follow the steps below to reset your password + + {steps.map((step, index) => { + const number = index + 1; - return ( - = steps.length} - number={index + 1} - {...step} - /> - ); - })} - - - - ); + return = steps.length} number={index + 1} {...step} />; + })} + + + + ); }; type StepProps = { - isLast: boolean; - number: number; - title: string; - description: string; + isLast: boolean; + number: number; + title: string; + description: string; }; const Step: FC = (props) => { - const { number, title, description, isLast } = props; - const { classes } = useForgetPassStyle(); + const { number, title, description, isLast } = props; + const { classes } = useForgetPassStyle(); - const { - stepContainer, - stepNumberContainer, - stepNumber, - stepVerticalLine, - stepTitle, - stepDescription, - } = classes; + const { stepContainer, stepNumberContainer, stepNumber, stepVerticalLine, stepTitle, stepDescription } = classes; - return ( - - - {number} - {!isLast && } - - - {title} - {description} - {!isLast && } - - - ); + return ( + + + {number} + {!isLast && } + + + {title} + {description} + {!isLast && } + + + ); }; export default ForgotPassword; diff --git a/src/pages/Login/styles.tsx b/src/pages/Login/styles.tsx index 074b1124..ad993c76 100644 --- a/src/pages/Login/styles.tsx +++ b/src/pages/Login/styles.tsx @@ -40,7 +40,7 @@ export const useLoginStyle = createStyles((theme) => { background: colors.brandSecondary[1], width: widths.full, - ['&:hover']: { + '&:hover': { background: colors.brandSecondary[0], }, }, diff --git a/src/utils/index.ts b/src/utils/index.ts index a87bafbf..24a8e0dd 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -1,16 +1,14 @@ -export const wait = async (sec = 1) => - new Promise((res) => setTimeout(res, sec * 1000)); +export const wait = (sec = 1) => new Promise((res) => setTimeout(res, sec * 1000)); -export const randNum = (min = 1, max = 5) => - Math.floor(Math.random() * (max - min + 1)) + min; +export const randNum = (min = 1, max = 5) => Math.floor(Math.random() * (max - min + 1)) + min; type ScrollToOptions = { - y?: number; - x?: number; - behavior?: "auto" | "smooth"; + y?: number; + x?: number; + behavior?: 'auto' | 'smooth'; }; export const scrollTo = (opts?: ScrollToOptions) => { - const { y = 0, x = 0, behavior = "auto" } = opts || {}; - window.scrollTo({ top: y, left: x, behavior }); + const { y = 0, x = 0, behavior = 'auto' } = opts || {}; + window.scrollTo({ top: y, left: x, behavior }); };