@perfective/eslint-config-react 0.16.0 → 0.18.0

package/config/react-perf/react-perf-config.js

@@ -0,0 +1,14 @@
+import reactPerfPlugin from 'eslint-plugin-react-perf';
+export function reactPerfConfig() {
+  return {
+    plugins: {
+      'react-perf': reactPerfPlugin
+    },
+    rules: {
+      'react-perf/jsx-no-jsx-as-prop': 'error',
+      'react-perf/jsx-no-new-array-as-prop': 'error',
+      'react-perf/jsx-no-new-function-as-prop': 'error',
+      'react-perf/jsx-no-new-object-as-prop': 'error'
+    }
+  };
+}

package/config/testing-library/index.d.ts

@@ -0,0 +1 @@
+export { testingLibraryConfig } from './testing-library-config';

package/config/testing-library/index.js

@@ -0,0 +1 @@
+export { testingLibraryConfig } from "./testing-library-config.js";

package/config/testing-library/testing-library-config.d.ts

@@ -0,0 +1,8 @@
+import { Linter } from 'eslint';
+import { Glob } from '@perfective/eslint-config';
+/**
+ * Creates a flat config for `eslint-plugin-testing-library` for a given list of files globs.
+ *
+ * @since v0.17.0
+ */
+export declare function testingLibraryConfig(files?: Glob[]): Linter.Config;

package/config/testing-library/testing-library-config.js

@@ -0,0 +1,14 @@
+import { jestFiles } from '@perfective/eslint-config';
+import { testingLibraryConfig as perfectiveTestingLibraryConfig } from '@perfective/eslint-config/testing-library';
+export function testingLibraryConfig(files = jestFiles) {
+  const config = perfectiveTestingLibraryConfig(files);
+  return {
+    files: config.files,
+    plugins: config.plugins,
+    rules: Object.assign(Object.assign({}, config.rules), {
+      'testing-library/no-unnecessary-act': ['error', {
+        isStrict: true
+      }]
+    })
+  };
+}

package/config/typescript-eslint/index.d.ts

@@ -0,0 +1 @@
+export { typescriptEslintNamingConvention } from './rules/typescript-eslint';

package/config/typescript-eslint/index.js

@@ -0,0 +1 @@
+export { typescriptEslintNamingConvention } from "./rules/typescript-eslint.js";

package/{rules/eslint-config → config/typescript-eslint}/rules/typescript-eslint.d.ts

@@ -1,2 +1,6 @@
-import { TypescriptEslintNamingConvention } from '@perfective/eslint-config/rules';
+import { TypescriptEslintNamingConvention } from '@perfective/eslint-config/typescript-eslint';
+/**
+ * Creates a React-compatible configuration with the given extensions
+ * for the `@typescript-eslint/naming-convention` rule.
+ */
 export declare function typescriptEslintNamingConvention(extensions?: TypescriptEslintNamingConvention[]): TypescriptEslintNamingConvention[];

package/config/typescript-eslint/rules/typescript-eslint.js

@@ -0,0 +1,11 @@
+import { typescriptEslintNamingConvention as typescriptEslintNamingConventionDefaults } from '@perfective/eslint-config/typescript-eslint';
+export function typescriptEslintNamingConvention(extensions = []) {
+  return typescriptEslintNamingConventionDefaults([{
+    selector: ['variable'],
+    modifiers: ['const'],
+    format: ['strictCamelCase', 'StrictPascalCase']
+  }, {
+    selector: ['function'],
+    format: ['strictCamelCase', 'StrictPascalCase']
+  }].concat(extensions));
+}

package/config/unicorn/index.d.ts

@@ -0,0 +1 @@
+export { unicornPreventAbbreviations } from './rules/unicorn';

package/config/unicorn/index.js

@@ -0,0 +1 @@
+export { unicornPreventAbbreviations } from "./rules/unicorn.js";

package/{rules/eslint-config → config/unicorn}/rules/unicorn.d.ts

@@ -1,2 +1,5 @@
-import { UnicornPreventAbbreviationReplacements, UnicornPreventAbbreviations } from '@perfective/eslint-config/rules';
+import { UnicornPreventAbbreviationReplacements, UnicornPreventAbbreviations } from '@perfective/eslint-config/unicorn';
+/**
+ * Adds React-specific abbreviations for the `unicorn/prevent-abbreviations` rule.
+ */
 export declare function unicornPreventAbbreviations(replacements?: UnicornPreventAbbreviationReplacements, options?: Partial<Pick<UnicornPreventAbbreviations, 'checkProperties'>>): UnicornPreventAbbreviations;

package/config/unicorn/rules/unicorn.js

@@ -0,0 +1,9 @@
+import { unicornPreventAbbreviations as unicornPreventAbbreviationsDefaults } from '@perfective/eslint-config/unicorn';
+export function unicornPreventAbbreviations(replacements = {}, options = {}) {
+  return unicornPreventAbbreviationsDefaults(Object.assign({
+    prop: false,
+    props: false,
+    ref: false,
+    refs: false
+  }, replacements), options);
+}

package/index.d.ts

@@ -0,0 +1 @@
+export { perfectiveEslintReactConfig } from './config/perfective-eslint-react-config';

package/index.js

@@ -1,58 +1 @@
-"use strict";
-const config_1 = require("@perfective/eslint-config/config");
-module.exports = {
-    extends: [
-        '@perfective/eslint-config',
-    ],
-    overrides: [
-        {
-            files: ['*.ts', '*.tsx'],
-            env: {
-                browser: true,
-                commonjs: true,
-                es6: true,
-                jest: true,
-                node: true,
-            },
-            parserOptions: {
-                ecmaVersion: 2018,
-                sourceType: 'module',
-                ecmaFeatures: {
-                    jsx: true,
-                },
-            },
-            extends: [
-                './rules/eslint-config',
-                './rules/jsx-a11y',
-                './rules/react',
-                './rules/react-hooks',
-                './rules/react-hooks-ssr',
-                './rules/react-perf',
-            ],
-            settings: {
-                react: {
-                    version: 'detect',
-                    createClass: 'createReactClass',
-                    pragma: 'React',
-                    fragment: 'Fragment',
-                },
-                propWrapperFunctions: [
-                    'exactPropTypes',
-                ],
-                linkComponents: [],
-            },
-        },
-        {
-            files: ['*.tsx', '*.jsx'],
-            rules: {
-                'prefer-arrow/prefer-arrow-functions': 'off',
-            },
-        },
-        {
-            files: ['*.@(spec|test).[jt]s?(x)'],
-            rules: Object.assign({}, (0, config_1.optionalRule)('testing-library/no-unnecessary-act', ['error', {
-                    isStrict: true,
-                }])),
-        },
-    ],
-};
+export { perfectiveEslintReactConfig } from "./config/perfective-eslint-react-config.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@perfective/eslint-config-react",
-    "version": "0.16.0",
+    "version": "0.18.0",
     "description": "ESLint shareable rules configuration for React",
     "keywords": ["react", "code quality", "code standard", "code style", "eslint", "eslint-config", "lint", "perfective", "typescript"],
     "author": "Andrey Mikheychik <a.mikheychik@gmail.com>",
@@ -9,21 +9,42 @@
         "type": "git",
         "url": "git+https://github.com/perfective/eslint-config-react.git"
     },
+    "type": "module",
     "license": "MIT",
     "dependencies": {
-        "@perfective/eslint-config": "~0.27.1"
+        "@perfective/eslint-config": "~0.34.1"
     },
     "peerDependencies": {
+        "eslint": "^9.39.2",
         "eslint-plugin-jsx-a11y": "^6.10.2",
-        "eslint-plugin-react": "^7.37.2",
-        "eslint-plugin-react-hooks": "^5.0.0",
-        "eslint-plugin-react-hooks-ssr": "^0.1.5",
-        "eslint-plugin-react-perf": "^3.3.2"
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-plugin-react-perf": "^3.3.3",
+        "globals": "^17.0.0"
     },
-    "main": "./index.js",
+    "module": "./index.js",
+    "types": "./index.d.ts",
     "directories": {
         "lib": "./"
     },
-    "files": ["**/*.js", "rules.d.ts", "rules/**/rules/*.d.ts"],
+    "files": ["**/package.json", "**/*.js", "**/*.d.ts"],
+    "exports": {
+        ".": {
+            "types": "./index.d.ts",
+            "import": "./index.js"
+        },
+        "./testing-library": {
+            "import": "./config/testing-library/index.js",
+            "types": "./config/testing-library/index.d.ts"
+        },
+        "./typescript-eslint": {
+            "import": "./config/typescript-eslint/index.js",
+            "types": "./config/typescript-eslint/index.d.ts"
+        },
+        "./unicorn": {
+            "import": "./config/unicorn/index.js",
+            "types": "./config/unicorn/index.d.ts"
+        }
+    },
     "scripts": {}
 }

package/testing-library/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@perfective/eslint-config-react/testing-library",
+  "type": "module",
+  "module": "../config/testing-library/index.js",
+  "types": "../config/testing-library/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "../config/testing-library/index.d.ts",
+      "import": "../config/testing-library/index.js"
+    }
+  },
+  "sideEffects": false
+}

package/typescript-eslint/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@perfective/eslint-config-react/typescript-eslint",
+  "type": "module",
+  "module": "../config/typescript-eslint/index.js",
+  "types": "../config/typescript-eslint/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "../config/typescript-eslint/index.d.ts",
+      "import": "../config/typescript-eslint/index.js"
+    }
+  },
+  "sideEffects": false
+}

package/unicorn/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@perfective/eslint-config-react/unicorn",
+  "type": "module",
+  "module": "../config/unicorn/index.js",
+  "types": "../config/unicorn/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "../config/unicorn/index.d.ts",
+      "import": "../config/unicorn/index.js"
+    }
+  },
+  "sideEffects": false
+}

package/rules/eslint-config/index.js

@@ -1,15 +0,0 @@
-"use strict";
-const typescript_eslint_1 = require("./rules/typescript-eslint");
-const unicorn_1 = require("./rules/unicorn");
-module.exports = {
-    rules: {
-        '@stylistic/ts/indent': ['warn', 4, {
-                SwitchCase: 1,
-                ignoredNodes: [
-                    'TSTypeParameterInstantiation',
-                ],
-            }],
-        '@typescript-eslint/naming-convention': ['error', ...(0, typescript_eslint_1.typescriptEslintNamingConvention)()],
-        'unicorn/prevent-abbreviations': ['warn', (0, unicorn_1.unicornPreventAbbreviations)()],
-    },
-};

package/rules/eslint-config/rules/typescript-eslint.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typescriptEslintNamingConvention = typescriptEslintNamingConvention;
-const rules_1 = require("@perfective/eslint-config/rules");
-function typescriptEslintNamingConvention(extensions = []) {
-    return (0, rules_1.typescriptEslintNamingConvention)([
-        {
-            selector: ['variable'],
-            modifiers: ['const'],
-            format: ['strictCamelCase', 'StrictPascalCase'],
-        },
-        {
-            selector: ['function'],
-            format: ['strictCamelCase', 'StrictPascalCase'],
-        },
-    ].concat(extensions));
-}

package/rules/eslint-config/rules/unicorn.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unicornPreventAbbreviations = unicornPreventAbbreviations;
-const rules_1 = require("@perfective/eslint-config/rules");
-function unicornPreventAbbreviations(replacements = {}, options = {}) {
-    return (0, rules_1.unicornPreventAbbreviations)(Object.assign({ prop: false, props: false, ref: false, refs: false }, replacements), options);
-}

package/rules/jsx-a11y/index.js

@@ -1,79 +0,0 @@
-"use strict";
-module.exports = {
-    plugins: [
-        'jsx-a11y',
-    ],
-    rules: {
-        'jsx-a11y/accessible-emoji': 'error',
-        'jsx-a11y/alt-text': 'error',
-        'jsx-a11y/anchor-has-content': ['error', {
-                components: [],
-            }],
-        'jsx-a11y/anchor-is-valid': ['error', {
-                components: [],
-                specialLink: [],
-                aspects: ['noHref', 'invalidHref', 'preferButton'],
-            }],
-        'jsx-a11y/aria-activedescendant-has-tabindex': 'error',
-        'jsx-a11y/aria-props': 'error',
-        'jsx-a11y/aria-proptypes': 'error',
-        'jsx-a11y/aria-role': ['error', {
-                allowedInvalidRoles: [],
-                ignoreNonDOM: false,
-            }],
-        'jsx-a11y/aria-unsupported-elements': 'error',
-        'jsx-a11y/autocomplete-valid': ['error', {
-                inputComponents: [],
-            }],
-        'jsx-a11y/click-events-have-key-events': 'error',
-        'jsx-a11y/heading-has-content': ['error', {
-                components: [],
-            }],
-        'jsx-a11y/html-has-lang': 'error',
-        'jsx-a11y/iframe-has-title': 'error',
-        'jsx-a11y/img-redundant-alt': ['error', {
-                components: [],
-                words: [],
-            }],
-        'jsx-a11y/interactive-supports-focus': ['error', {
-                tabbable: [],
-            }],
-        'jsx-a11y/label-has-associated-control': ['error', {
-                labelComponents: [],
-                labelAttributes: [],
-                controlComponents: [],
-                assert: 'either',
-                depth: 2,
-            }],
-        'jsx-a11y/lang': 'error',
-        'jsx-a11y/media-has-caption': ['error', {
-                audio: [],
-                video: [],
-                track: [],
-            }],
-        'jsx-a11y/mouse-events-have-key-events': ['error', {
-                hoverInHandlers: ['onMouseOver'],
-                hoverOutHandlers: ['onMouseOut'],
-            }],
-        'jsx-a11y/no-access-key': 'error',
-        'jsx-a11y/no-aria-hidden-on-focusable': 'error',
-        'jsx-a11y/no-autofocus': ['error', {
-                ignoreNonDOM: false,
-            }],
-        'jsx-a11y/no-distracting-elements': 'error',
-        'jsx-a11y/no-interactive-element-to-noninteractive-role': 'error',
-        'jsx-a11y/no-noninteractive-element-interactions': 'error',
-        'jsx-a11y/no-noninteractive-element-to-interactive-role': 'error',
-        'jsx-a11y/no-noninteractive-tabindex': 'error',
-        'jsx-a11y/no-onchange': 'error',
-        'jsx-a11y/no-redundant-roles': ['error', {
-                nav: ['navigation'],
-            }],
-        'jsx-a11y/no-static-element-interactions': 'error',
-        'jsx-a11y/prefer-tag-over-role': 'error',
-        'jsx-a11y/role-has-required-aria-props': 'error',
-        'jsx-a11y/role-supports-aria-props': 'error',
-        'jsx-a11y/scope': 'error',
-        'jsx-a11y/tabindex-no-positive': 'error',
-    },
-};

package/rules/react/index.js

@@ -1,159 +0,0 @@
-"use strict";
-module.exports = {
-    plugins: [
-        'react',
-    ],
-    extends: [
-        './jsx',
-    ],
-    rules: {
-        'react/boolean-prop-naming': ['error', {
-                propTypeNames: ['bool'],
-                rule: '^(is|has)[A-Z]([A-Za-z0-9]?)+',
-                validateNested: true,
-            }],
-        'react/button-has-type': ['error', {
-                button: true,
-                submit: true,
-                reset: true,
-            }],
-        'react/checked-requires-onchange-or-readonly': 'error',
-        'react/default-props-match-prop-types': 'error',
-        'react/destructuring-assignment': ['error', 'never'],
-        'react/display-name': ['error', {
-                checkContextObjects: true,
-                ignoreTranspilerName: false,
-            }],
-        'react/forbid-component-props': 'error',
-        'react/forbid-dom-props': ['error', {
-                forbid: [],
-            }],
-        'react/forbid-elements': ['error', {
-                forbid: [],
-            }],
-        'react/forbid-foreign-prop-types': 'error',
-        'react/forbid-prop-types': ['error', {
-                forbid: ['any', 'array', 'object'],
-                checkContextTypes: true,
-                checkChildContextTypes: true,
-            }],
-        'react/forward-ref-uses-ref': 'error',
-        'react/function-component-definition': ['warn', {
-                namedComponents: 'function-declaration',
-                unnamedComponents: 'function-expression',
-            }],
-        'react/hook-use-state': ['error', {
-                allowDestructuredState: false,
-            }],
-        'react/iframe-missing-sandbox': 'error',
-        'react/no-access-state-in-setstate': 'error',
-        'react/no-adjacent-inline-elements': 'error',
-        'react/no-array-index-key': 'error',
-        'react/no-arrow-function-lifecycle': 'warn',
-        'react/no-children-prop': ['error', {
-                allowFunctions: false,
-            }],
-        'react/no-danger': 'error',
-        'react/no-danger-with-children': 'error',
-        'react/no-deprecated': 'error',
-        'react/no-did-mount-set-state': ['error', 'disallow-in-func'],
-        'react/no-did-update-set-state': ['error', 'disallow-in-func'],
-        'react/no-direct-mutation-state': 'error',
-        'react/no-find-dom-node': 'error',
-        'react/no-invalid-html-attribute': 'warn',
-        'react/no-is-mounted': 'error',
-        'react/no-multi-comp': ['error', {
-                ignoreStateless: false,
-            }],
-        'react/no-namespace': 'error',
-        'react/no-object-type-as-default-prop': 'error',
-        'react/no-redundant-should-component-update': 'error',
-        'react/no-render-return-value': 'error',
-        'react/no-set-state': 'off',
-        'react/no-string-refs': ['error', {
-                noTemplateLiterals: true,
-            }],
-        'react/no-this-in-sfc': 'error',
-        'react/no-typos': 'error',
-        'react/no-unescaped-entities': ['error', {
-                forbid: ['>', '}'],
-            }],
-        'react/no-unknown-property': ['warn', {
-                ignore: [],
-                requireDataLowercase: true,
-            }],
-        'react/no-unsafe': 'error',
-        'react/no-unstable-nested-components': ['error', {
-                allowAsProps: false,
-            }],
-        'react/no-unused-prop-types': 'error',
-        'react/no-unused-state': 'error',
-        'react/no-will-update-set-state': ['error', 'disallow-in-func'],
-        'react/prefer-es6-class': ['error', 'always'],
-        'react/prefer-exact-props': 'off',
-        'react/prefer-read-only-props': 'warn',
-        'react/prefer-stateless-function': 'off',
-        'react/prop-types': 'error',
-        'react/react-in-jsx-scope': 'error',
-        'react/require-default-props': 'error',
-        'react/require-optimization': ['error', {
-                allowDecorators: [],
-            }],
-        'react/require-render-return': 'error',
-        'react/self-closing-comp': ['warn', {
-                component: true,
-                html: true,
-            }],
-        'react/sort-comp': ['error', {
-                order: [
-                    'static-methods',
-                    'lifecycle',
-                    'everything-else',
-                    'render',
-                ],
-                groups: {
-                    lifecycle: [
-                        'displayName',
-                        'propTypes',
-                        'contextTypes',
-                        'childContextTypes',
-                        'mixins',
-                        'statics',
-                        'defaultProps',
-                        'constructor',
-                        'getDefaultProps',
-                        'state',
-                        'getInitialState',
-                        'getChildContext',
-                        'getDerivedStateFromProps',
-                        'componentWillMount',
-                        'UNSAFE_componentWillMount',
-                        'componentDidMount',
-                        'componentWillReceiveProps',
-                        'UNSAFE_componentWillReceiveProps',
-                        'shouldComponentUpdate',
-                        'componentWillUpdate',
-                        'UNSAFE_componentWillUpdate',
-                        'getSnapshotBeforeUpdate',
-                        'componentDidUpdate',
-                        'componentDidCatch',
-                        'componentWillUnmount',
-                    ],
-                },
-            }],
-        'react/sort-default-props': ['error', {
-                ignoreCase: false,
-            }],
-        'react/sort-prop-types': ['error', {
-                ignoreCase: false,
-                callbacksLast: true,
-                requiredFirst: true,
-                sortShapeProp: true,
-                noSortAlphabetically: false,
-            }],
-        'react/state-in-constructor': ['error', 'always'],
-        'react/static-property-placement': ['error', 'static public field'],
-        'react/style-prop-object': 'error',
-        'react/void-dom-elements-no-children': 'error',
-    },
-};

package/rules/react/jsx.js

@@ -1,91 +0,0 @@
-"use strict";
-module.exports = {
-    rules: {
-        'react/jsx-boolean-value': ['warn', 'always'],
-        'react/jsx-child-element-spacing': 'off',
-        'react/jsx-closing-bracket-location': 'off',
-        'react/jsx-closing-tag-location': 'off',
-        'react/jsx-curly-brace-presence': 'off',
-        'react/jsx-curly-newline': 'off',
-        'react/jsx-curly-spacing': 'off',
-        'react/jsx-equals-spacing': 'off',
-        'react/jsx-filename-extension': ['error', {
-                allow: 'always',
-                extensions: ['.jsx', '.tsx'],
-                ignoreFilesWithoutCode: false,
-            }],
-        'react/jsx-first-prop-new-line': 'off',
-        'react/jsx-fragments': ['warn', 'element'],
-        'react/jsx-handler-names': ['error', {
-                eventHandlerPrefix: 'handle',
-                eventHandlerPropPrefix: 'on',
-                checkLocalVariables: true,
-                checkInlineFunction: true,
-            }],
-        'react/jsx-indent': 'off',
-        'react/jsx-indent-props': 'off',
-        'react/jsx-key': ['error', {
-                checkFragmentShorthand: true,
-                checkKeyMustBeforeSpread: true,
-                warnOnDuplicates: true,
-            }],
-        'react/jsx-max-depth': ['error', {
-                max: 4,
-            }],
-        'react/jsx-max-props-per-line': 'off',
-        'react/jsx-newline': 'off',
-        'react/jsx-no-bind': ['error', {
-                ignoreDOMComponents: false,
-                ignoreRefs: false,
-                allowArrowFunctions: false,
-                allowFunctions: false,
-            }],
-        'react/jsx-no-comment-textnodes': 'error',
-        'react/jsx-no-constructed-context-values': 'error',
-        'react/jsx-no-duplicate-props': ['error', {
-                ignoreCase: true,
-            }],
-        'react/jsx-no-leaked-render': ['warn', {
-                validStrategies: ['ternary'],
-            }],
-        'react/jsx-no-literals': ['error', {
-                noStrings: false,
-                allowedStrings: [],
-                ignoreProps: true,
-                noAttributeStrings: false,
-            }],
-        'react/jsx-props-no-spread-multi': 'error',
-        'react/jsx-no-script-url': ['error', {
-                includeFromSettings: false,
-            }],
-        'react/jsx-no-target-blank': ['warn', {
-                allowReferrer: false,
-                enforceDynamicLinks: 'always',
-                forms: true,
-                links: true,
-                warnOnSpreadAttributes: true,
-            }],
-        'react/jsx-no-undef': ['error', {
-                allowGlobals: false,
-            }],
-        'react/jsx-no-useless-fragment': ['warn', {
-                allowExpressions: true,
-            }],
-        'react/jsx-one-expression-per-line': 'off',
-        'react/jsx-pascal-case': 'off',
-        'react/jsx-props-no-multi-spaces': 'off',
-        'react/jsx-props-no-spreading': ['error', {
-                html: 'enforce',
-                custom: 'enforce',
-                explicitSpread: 'enforce',
-                exceptions: [],
-            }],
-        'react/jsx-sort-default-props': 'off',
-        'react/jsx-sort-props': 'off',
-        'react/jsx-space-before-closing': 'off',
-        'react/jsx-tag-spacing': 'off',
-        'react/jsx-uses-react': 'error',
-        'react/jsx-uses-vars': 'error',
-        'react/jsx-wrap-multilines': 'off',
-    },
-};

package/rules/react-hooks/index.js

@@ -1,10 +0,0 @@
-"use strict";
-module.exports = {
-    plugins: [
-        'react-hooks',
-    ],
-    rules: {
-        'react-hooks/rules-of-hooks': 'error',
-        'react-hooks/exhaustive-deps': 'warn',
-    },
-};