.eslintrc.js

'use strict';

const rules = {
  // Possible Errors
  // https://eslint.org/docs/rules/#possible-errors
  'for-direction': 2,
  'getter-return': 2,
  'no-async-promise-executor': 2,
  'no-await-in-loop': 0,
  'no-compare-neg-zero': 2,
  'no-cond-assign': 2,
  'no-console': 0,
  'no-constant-condition': 2,
  'no-control-regex': 2,
  'no-debugger': 2,
  'no-dupe-args': 2,
  'no-dupe-keys': 2,
  'no-duplicate-case': 2,
  'no-empty': [2, { allowEmptyCatch: true }],
  'no-empty-character-class': 2,
  'no-ex-assign': 2,
  'no-extra-boolean-cast': 2,
  'no-extra-parens': 0, // replaced by @typescript-eslint/no-extra-parens
  'no-extra-semi': 2,
  'no-func-assign': 2,
  'no-import-assign': 2,
  'no-inner-declarations': 0,
  'no-invalid-regexp': 2,
  'no-irregular-whitespace': 2,
  'no-misleading-character-class': 2,
  'no-obj-calls': 2,
  'no-prototype-builtins': 0,
  'no-regex-spaces': 2,
  'no-sparse-arrays': 2,
  'no-template-curly-in-string': 2,
  'no-unexpected-multiline': 2,
  'no-unreachable': 2,
  'no-unsafe-finally': 2,
  'no-unsafe-negation': 2,
  'require-atomic-updates': 2,
  'use-isnan': [2, { enforceForSwitchCase: true }],
  'valid-typeof': [2, { requireStringLiterals: true }],

  // Best Practices
  // https://eslint.org/docs/rules/#best-practices
  'accessor-pairs': [2, { setWithoutGet: true, enforceForClassMembers: true }],
  'array-callback-return': 2,
  'block-scoped-var': 2,
  'class-methods-use-this': 0,
  'complexity': 0,
  'consistent-return': 0,
  'curly': [2, 'multi-line'],
  'default-case': 2,
  'default-param-last': 0,
  'dot-location': [1, 'property'],
  'dot-notation': 1,
  'eqeqeq': [2, 'always', { null: 'ignore' }],
  'guard-for-in': 0,
  'max-classes-per-file': 0,
  'no-alert': 0,
  'no-caller': 2,
  'no-case-declarations': 2,
  'no-div-regex': 0,
  'no-else-return': [1, { allowElseIf: false }],
  'no-empty-function': 0, // replaced by @typescript-eslint/no-empty-function
  'no-empty-pattern': 2,
  'no-eq-null': 0,
  'no-eval': 2,
  'no-extend-native': 2,
  'no-extra-bind': 1,
  'no-extra-label': 2,
  'no-fallthrough': 2,
  'no-floating-decimal': 1,
  'no-global-assign': 2,
  'no-implicit-coercion': 0,
  'no-implicit-globals': 2,
  'no-implied-eval': 2,
  'no-invalid-this': 0,
  'no-iterator': 2,
  'no-labels': 2,
  'no-lone-blocks': 1,
  'no-loop-func': 0,
  'no-magic-numbers': 0, // replaced by @typescript-eslint/no-magic-numbers
  'no-multi-spaces': 1,
  'no-multi-str': 2,
  'no-new': 2,
  'no-new-func': 2,
  'no-new-wrappers': 2,
  'no-octal': 2,
  'no-octal-escape': 2,
  'no-param-reassign': 0,
  'no-proto': 2,
  'no-redeclare': 2,
  'no-restricted-properties': 0,
  'no-return-assign': 0,
  'no-return-await': 2,
  'no-script-url': 2,
  'no-self-assign': 2,
  'no-self-compare': 2,
  'no-sequences': 2,
  'no-throw-literal': 2,
  'no-unmodified-loop-condition': 2,
  'no-unused-expressions': [2, { allowShortCircuit: true }],
  'no-unused-labels': 2,
  'no-useless-call': 2,
  'no-useless-catch': 2,
  'no-useless-concat': 1,
  'no-useless-escape': 1,
  'no-useless-return': 1,
  'no-void': 1,
  'no-warning-comments': 0,
  'no-with': 2,
  'prefer-named-capture-group': 0,
  'prefer-promise-reject-errors': [2, { allowEmptyReject: true }],
  'prefer-regex-literals': 1,
  'radix': 2,
  'require-await': 2,
  'require-unicode-regexp': 0,
  'vars-on-top': 0,
  'wrap-iife': [2, 'inside', { functionPrototypeMethods: true }],
  'yoda': 0,

  // Strict Mode
  // https://eslint.org/docs/rules/#strict-mode
  'strict': 2,

  // Variables
  // https://eslint.org/docs/rules/#variables
  'init-declarations': 0,
  'no-delete-var': 2,
  'no-label-var': 2,
  'no-restricted-globals': 0,
  'no-shadow': 0,
  'no-shadow-restricted-names': 2,
  'no-undef': 0,
  'no-undef-init': 1,
  'no-undefined': 0,
  'no-unused-vars': 0, // replaced by @typescript-eslint/no-unused-vars
  'no-use-before-define': 0, // replaced by @typescript-eslint/no-use-before-define

  // Node.js and CommonJS
  // https://eslint.org/docs/rules/#nodejs-and-commonjs
  'callback-return': 0,
  'global-require': 0,
  'handle-callback-err': 0,
  'no-buffer-constructor': 0,
  'no-mixed-requires': 0,
  'no-new-require': 0,
  'no-path-concat': 0,
  'no-process-env': 0,
  'no-process-exit': 0,
  'no-restricted-modules': 0,
  'no-sync': 0,

  // Stylistic Issues
  // https://eslint.org/docs/rules/#stylistic-issues
  'array-bracket-newline': [1, 'consistent'],
  'array-bracket-spacing': 1,
  'array-element-newline': [1, 'consistent'],
  'block-spacing': 1,
  'brace-style': 0, // replaced by @typescript-eslint/brace-style
  'camelcase': 0, // replaced by @typescript-eslint/camelcase
  'capitalized-comments': 0,
  'comma-dangle': 1,
  'comma-spacing': 1,
  'comma-style': 1,
  'computed-property-spacing': [1, 'never', { enforceForClassMembers: true }],
  'consistent-this': 0,
  'eol-last': 1,
  'func-call-spacing': 0, // replaced by @typescript-eslint/func-call-spacing
  'func-name-matching': 0,
  'func-names': 0,
  'func-style': 0,
  'function-call-argument-newline': 0,
  'function-paren-newline': 0,
  'id-blacklist': 0,
  'id-length': 0,
  'id-match': 0,
  'implicit-arrow-linebreak': 0,
  'indent': 0, // replaced by @typescript-eslint/indent
  'jsx-quotes': 1,
  'key-spacing': 1,
  'keyword-spacing': 1,
  'line-comment-position': 0,
  'linebreak-style': 0,
  'lines-around-comment': 0,
  'lines-between-class-members': [1, 'always', { exceptAfterSingleLine: true }],
  'max-depth': 0,
  'max-len': 0,
  'max-lines': 0,
  'max-lines-per-function': 0,
  'max-nested-callbacks': 0,
  'max-params': 0,
  'max-statements': 0,
  'max-statements-per-line': 0,
  'multiline-comment-style': 0,
  'multiline-ternary': 0,
  'new-cap': 0,
  'new-parens': 1,
  'newline-per-chained-call': 0,
  'no-array-constructor': 0, // replaced by @typescript-eslint/no-array-constructor
  'no-bitwise': 0,
  'no-continue': 0,
  'no-inline-comments': 0,
  'no-lonely-if': 1,
  'no-mixed-operators': 0,
  'no-mixed-spaces-and-tabs': 1,
  'no-multi-assign': 0,
  'no-multiple-empty-lines': [1, { max: 2, maxEOF: 0, maxBOF: 0 }],
  'no-negated-condition': 0,
  'no-nested-ternary': 0,
  'no-new-object': 1,
  'no-plusplus': 0,
  'no-restricted-syntax': [2, 'SequenceExpression'],
  'no-tabs': 1,
  'no-ternary': 0,
  'no-trailing-spaces': 1,
  'no-underscore-dangle': 0,
  'no-unneeded-ternary': [1, { defaultAssignment: false }],
  'no-whitespace-before-property': 1,
  'nonblock-statement-body-position': 0,
  'object-curly-newline': [1, { consistent: true, multiline: true }],
  'object-curly-spacing': [1, 'always'],
  'object-property-newline': [1, { allowAllPropertiesOnSameLine: true }],
  'one-var': [1, 'never'],
  'one-var-declaration-per-line': 0,
  'operator-assignment': 1,
  'operator-linebreak': [1, 'before', { overrides: { '=': 'after' } }],
  'padded-blocks': [1, 'never'],
  'padding-line-between-statements': 0,
  'prefer-object-spread': 1,
  'quote-props': [1, 'as-needed'],
  'quotes': 0, // replaced by @typescript-eslint/quotes
  'semi': 0, // replaced by @typescript-eslint/semi
  'semi-spacing': 1,
  'semi-style': 1,
  'sort-keys': 0,
  'sort-vars': 0,
  'space-before-blocks': 1,
  'space-before-function-paren': [1, { anonymous: 'never', named: 'never', asyncArrow: 'always' }],
  'space-in-parens': 1,
  'space-infix-ops': 1,
  'space-unary-ops': 1,
  'spaced-comment': 0,
  'switch-colon-spacing': 1,
  'template-tag-spacing': 1,
  'unicode-bom': 1,
  'wrap-regex': 0,

  // ECMAScript 6
  // https://eslint.org/docs/rules/#ecmascript-6
  'arrow-body-style': 0,
  'arrow-parens': 0,
  'arrow-spacing': 1,
  'constructor-super': 0,
  'generator-star-spacing': 0,
  'no-class-assign': 0,
  'no-confusing-arrow': 0,
  'no-const-assign': 0,
  'no-dupe-class-members': 0,
  'no-duplicate-imports': 1,
  'no-new-symbol': 0,
  'no-restricted-imports': 0,
  'no-this-before-super': 0,
  'no-useless-computed-key': 1,
  'no-useless-constructor': 0, // replaced by @typescript-eslint/no-useless-constructor
  'no-useless-rename': 1,
  'no-var': 2,
  'object-shorthand': [1, 'always', { avoidExplicitReturnArrows: true }],
  'prefer-arrow-callback': 0,
  'prefer-const': 2,
  'prefer-destructuring': 0, // TODO
  'prefer-numeric-literals': 1,
  'prefer-rest-params': 2,
  'prefer-spread': 1,
  'prefer-template': 1,
  'require-yield': 2,
  'rest-spread-spacing': 1,
  'sort-imports': 0,
  'symbol-description': 1,
  'template-curly-spacing': 1,
  'yield-star-spacing': 0,

  // React rules
  // https://github.com/yannickcr/eslint-plugin-react#list-of-supported-rules
  'react/boolean-prop-naming': 0,
  'react/button-has-type': 0,
  'react/default-props-match-prop-types': 0,
  'react/destructuring-assignment': 0,
  'react/display-name': 0,
  'react/forbid-component-props': 0,
  'react/forbid-dom-props': 0,
  'react/forbid-elements': 0,
  'react/forbid-prop-types': 0,
  'react/forbid-foreign-prop-types': 0,
  'react/no-access-state-in-setstate': 0, // TODO
  'react/no-array-index-key': 0,
  'react/no-children-prop': 0,
  'react/no-danger': 2,
  'react/no-danger-with-children': 2,
  'react/no-deprecated': 2,
  'react/no-did-mount-set-state': 2,
  'react/no-did-update-set-state': 2,
  'react/no-direct-mutation-state': 2,
  'react/no-find-dom-node': 0,
  'react/no-is-mounted': 2,
  'react/no-multi-comp': 0,
  'react/no-redundant-should-component-update': 2,
  'react/no-render-return-value': 0,
  'react/no-set-state': 0,
  'react/no-typos': 2,
  'react/no-string-refs': [2, { noTemplateLiterals: true }],
  'react/no-this-in-sfc': 0,
  'react/no-unescaped-entities': 0,
  'react/no-unknown-property': 2,
  'react/no-unsafe': 2,
  'react/no-unused-prop-types': 0,
  'react/no-unused-state': 0,
  'react/no-will-update-set-state': 2,
  'react/prefer-es6-class': 2,
  'react/prefer-stateless-function': 0,
  'react/prop-types': 0,
  'react/react-in-jsx-scope': 0,
  'react/require-default-props': 0,
  'react/require-optimization': 0,
  'react/require-render-return': 2,
  'react/self-closing-comp': 1,
  'react/sort-comp': 0,
  'react/sort-prop-types': 0,
  'react/state-in-constructor': 0,
  'react/static-property-placement': 1,
  'react/style-prop-object': 2,
  'react/void-dom-elements-no-children': 2,

  // JSX rules
  // https://github.com/yannickcr/eslint-plugin-react#jsx-specific-rules
  'react/jsx-boolean-value': 1,
  'react/jsx-child-element-spacing': 0,
  'react/jsx-closing-bracket-location': 1,
  'react/jsx-closing-tag-location': 1,
  'react/jsx-curly-newline': 1,
  'react/jsx-curly-spacing': 1,
  'react/jsx-equals-spacing': 1,
  'react/jsx-filename-extension': [1, { extensions: ['.js', '.tsx'] }],
  'react/jsx-first-prop-new-line': 1,
  'react/jsx-handler-names': 0,
  'react/jsx-indent': [1, 2],
  'react/jsx-indent-props': [1, 2],
  'react/jsx-key': 0,
  'react/jsx-max-depth': 0,
  'react/jsx-max-props-per-line': [1, { when: 'multiline' }],
  'react/jsx-no-bind': 0,
  'react/jsx-no-comment-textnodes': 1,
  'react/jsx-no-duplicate-props': 0,
  'react/jsx-no-literals': 0,
  'react/jsx-no-target-blank': 0,
  'react/jsx-no-undef': 0,
  'react/jsx-no-useless-fragment': 0,
  'react/jsx-one-expression-per-line': 0,
  'react/jsx-curly-brace-presence': 1,
  'react/jsx-fragments': 1,
  'react/jsx-pascal-case': 1,
  'react/jsx-props-no-multi-spaces': 1,
  'react/jsx-props-no-spreading': 0,
  'react/jsx-sort-default-props': 0,
  'react/jsx-sort-props': 0,
  'react/jsx-tag-spacing': [1, {
    closingSlash: 'never',
    beforeSelfClosing: 'always',
    afterOpening: 'never',
    beforeClosing: 'never'
  }],
  'react/jsx-uses-react': 1,
  'react/jsx-uses-vars': 1,
  'react/jsx-wrap-multilines': [1, {
    declaration: 'parens-new-line',
    assignment: 'parens-new-line',
    return: 'parens-new-line',
    arrow: 'parens-new-line',
    condition: 'parens-new-line',
    logical: 'parens-new-line',
    prop: 'parens-new-line'
  }],

  // React Hooks
  // https://www.npmjs.com/package/eslint-plugin-react-hooks
  'react-hooks/rules-of-hooks': 2,
  'react-hooks/exhaustive-deps': 1,

  // SonarJS rules
  // https://github.com/SonarSource/eslint-plugin-sonarjs#rules
  'sonarjs/no-all-duplicated-branches': 2,
  'sonarjs/no-element-overwrite': 2,
  'sonarjs/no-extra-arguments': 0,
  'sonarjs/no-identical-conditions': 2,
  'sonarjs/no-identical-expressions': 2,
  'sonarjs/no-one-iteration-loop': 2,
  'sonarjs/no-use-of-empty-return-value': 2,
  'sonarjs/cognitive-complexity': 0,
  'sonarjs/max-switch-cases': 0,
  'sonarjs/no-collapsible-if': 1,
  'sonarjs/no-duplicate-string': 0,
  'sonarjs/no-duplicated-branches': 1,
  'sonarjs/no-identical-functions': 1,
  'sonarjs/no-inverted-boolean-check': 1,
  'sonarjs/no-redundant-boolean': 1,
  'sonarjs/no-small-switch': 1,
  'sonarjs/no-useless-catch': 1,
  'sonarjs/prefer-immediate-return': 1,
  'sonarjs/prefer-object-literal': 1,
  'sonarjs/prefer-single-boolean-return': 1,
  'sonarjs/prefer-while': 1,

  // @typescript-eslint/eslint-plugin rules
  // https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#supported-rules
  '@typescript-eslint/adjacent-overload-signatures': 1,
  '@typescript-eslint/array-type': 0,
  '@typescript-eslint/await-thenable': 0,
  '@typescript-eslint/ban-ts-ignore': 1,
  '@typescript-eslint/ban-types': 2,
  '@typescript-eslint/brace-style': [1, '1tbs', { allowSingleLine: true }],
  '@typescript-eslint/camelcase': 0,
  '@typescript-eslint/class-name-casing': 0,
  '@typescript-eslint/consistent-type-assertions': [2, { assertionStyle: 'as', objectLiteralTypeAssertions: 'allow' }],
  '@typescript-eslint/consistent-type-definitions': [1, 'interface'],
  '@typescript-eslint/explicit-function-return-type': 0,
  '@typescript-eslint/explicit-member-accessibility': 0,
  '@typescript-eslint/func-call-spacing': 1,
  '@typescript-eslint/generic-type-naming': 0,
  '@typescript-eslint/indent': [1, 2, { SwitchCase: 1 }],
  '@typescript-eslint/interface-name-prefix': 0,
  '@typescript-eslint/member-delimiter-style': 1,
  '@typescript-eslint/member-naming': 0,
  '@typescript-eslint/member-ordering': 0,
  '@typescript-eslint/no-array-constructor': 2,
  '@typescript-eslint/no-empty-function': 0,
  '@typescript-eslint/no-empty-interface': 2,
  '@typescript-eslint/no-explicit-any': [2, { fixToUnknown: true }],
  '@typescript-eslint/no-extra-parens': [1, 'all', {
    nestedBinaryExpressions: false,
    ignoreJSX: 'all'
  }],
  '@typescript-eslint/no-extraneous-class': 2,
  '@typescript-eslint/no-floating-promises': 0,
  '@typescript-eslint/no-for-in-array': 0,
  '@typescript-eslint/no-inferrable-types': 1,
  '@typescript-eslint/no-magic-numbers': 0,
  '@typescript-eslint/no-misused-new': 2,
  '@typescript-eslint/no-misused-promises': 0,
  '@typescript-eslint/no-namespace': 2,
  '@typescript-eslint/no-non-null-assertion': 0,
  '@typescript-eslint/no-parameter-properties': 0,
  '@typescript-eslint/no-require-imports': 1,
  '@typescript-eslint/no-this-alias': 0,
  '@typescript-eslint/no-type-alias': 0,
  '@typescript-eslint/no-unnecessary-condition': 0,
  '@typescript-eslint/no-unnecessary-qualifier': 0,
  '@typescript-eslint/no-unnecessary-type-arguments': 0,
  '@typescript-eslint/no-unnecessary-type-assertion': 0,
  '@typescript-eslint/no-unused-vars': [1, { ignoreRestSiblings: true }],
  '@typescript-eslint/no-use-before-define': 0,
  '@typescript-eslint/no-useless-constructor': 1,
  '@typescript-eslint/no-var-requires': 0,
  '@typescript-eslint/prefer-for-of': 1,
  '@typescript-eslint/prefer-function-type': 1,
  '@typescript-eslint/prefer-includes': 0,
  '@typescript-eslint/prefer-namespace-keyword': 0,
  '@typescript-eslint/prefer-readonly': 0,
  '@typescript-eslint/prefer-regexp-exec': 0,
  '@typescript-eslint/prefer-string-starts-ends-with': 0,
  '@typescript-eslint/promise-function-async': 0,
  '@typescript-eslint/quotes': [1, 'single', { avoidEscape: true }],
  '@typescript-eslint/require-array-sort-compare': 0,
  '@typescript-eslint/require-await': 0,
  '@typescript-eslint/restrict-plus-operands': 0,
  '@typescript-eslint/semi': 1,
  '@typescript-eslint/strict-boolean-expressions': 0,
  '@typescript-eslint/triple-slash-reference': [2, { path: 'never', types: 'never', lib: 'never' }],
  '@typescript-eslint/type-annotation-spacing': 1,
  '@typescript-eslint/typedef': 0,
  '@typescript-eslint/unbound-method': 0,
  '@typescript-eslint/unified-signatures': 0
};

const jsRules = {
  'no-undef': 2,
  'no-use-before-define': [2, { functions: false, classes: false, variables: false }]
};

module.exports = {
  root: true,
  reportUnusedDisableDirectives: true,
  parser: '@typescript-eslint/parser',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    es6: true
  },
  plugins: [
    'react',
    'react-hooks',
    'sonarjs',
    '@typescript-eslint'
  ],
  rules,
  overrides: [{
    files: [
      'packages/*/src/**/*',
      'examples/**/*'
    ],
    env: {
      browser: true
    },
    globals: {
      process: 'readable'
    }
  }, {
    files: [
      'packages/*/src/**/__tests__/**/*',
      'examples/**/__tests__/**/*',
      'tests/**/*'
    ],
    env: {
      jest: true
    },
    rules: {
      'sonarjs/no-identical-functions': 0
    }
  }, {
    files: [
      '*.js'
    ],
    parserOptions: {
      ecmaFeatures: {
        jsx: true
      }
    },
    rules: jsRules
  }, {
    files: [
      'babel.config.js',
      'jest.config.js',
      'webpack-dev-server.js',
      'tools/**/*.js'
    ],
    parserOptions: {
      sourceType: 'script'
    },
    env: {
      node: true
    },
    rules: {
      'no-console': 0,
      'default-param-last': 2,
      'global-require': 1,
      'no-buffer-constructor': 2,
      'no-new-require': 2,
      'no-path-concat': 1,
      '@typescript-eslint/no-require-imports': 0
    }
  }]
};