@itcase/lint 1.1.94 → 1.1.95

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [1.1.95](https://github.com/ITCase/itcase-lint/compare/v1.1.94...v1.1.95) (2026-01-30)
+
+### Features
+
+* **eslint:** add ability to pass options to plugin ([f9bc8b6](https://github.com/ITCase/itcase-lint/commit/f9bc8b6c3663659797865d7a21f8404e9b53235f))
+* **stylelint:** add color-no-hex rule ([2dcca4e](https://github.com/ITCase/itcase-lint/commit/2dcca4e61f1d4ba768e60b5b368cfa7c6dd9e983))
+* **eslint:** add documentation for data-test-id-plugin options and setup ([78b5e7d](https://github.com/ITCase/itcase-lint/commit/78b5e7d033b8660f9977956ca433ae273e8e807b))
+
+### Bug Fixes
+
+* **eslint:** fix type errors ([346570a](https://github.com/ITCase/itcase-lint/commit/346570a156096edce64ef1a174182ed62bcef9da))
+* **eslint:** remove useless deps ([266c61f](https://github.com/ITCase/itcase-lint/commit/266c61f18e8c3fb7df7b28b869114f0b19000b90))
+* **eslint:** update ignore pattern for stories files in configuration ([97bca4e](https://github.com/ITCase/itcase-lint/commit/97bca4eb0dd4b98201e84c1b9258c3e7080420d6))
+
+### Refactoring
+
+* **eslint:** rename, make sure rules working ([0719e6c](https://github.com/ITCase/itcase-lint/commit/0719e6cf2fdf16d81b417353f28ca69ffd3960c4))
+
 ## [1.1.94](https://github.com/ITCase/itcase-lint/compare/v1.1.93...v1.1.94) (2026-01-23)
 
 ### Features

package/README.md

@@ -87,6 +87,70 @@ import eslintReactNative from '@itcase/lint/eslint/react-native/index.js'
 export default [...eslint, ...eslintMobx, ...eslintReactNative]
 ```
 
+### ESLint with data-test-id-plugin
+
+`data-test-id-plugin` accepts these options:
+
+```ts
+appendElementNamesToCheck?: string[] | null
+overrideElementNamesToCheck?: string[] | null
+overrideElementNamesToIgnore?: string[] | null
+```
+
+**Defaults**
+
+- `overrideElementNamesToIgnore`: `['IgnoredElement', 'Html']`
+- `overrideElementNamesToCheck`: `['Group', 'Modal', 'Drawer', 'ModalSheetBottom', 'Grid', 'Flex']`
+- `appendElementNamesToCheck`: `[]`
+
+**Behavior**
+
+- `overrideElementNamesToIgnore`: replaces the default ignore list.
+- `overrideElementNamesToCheck`: replaces the default check list.
+- `appendElementNamesToCheck`: adds to the current check list (default or overridden).
+- `null` or `undefined`: keep the default behavior for that option.
+
+**Minimal setup (defaults):**
+
+```js
+import eslint from '@itcase/lint/eslint'
+
+export default [
+  ...eslint,
+  {
+    ignores: ['./**/*.stories.*'],
+    files: ['./packages/*.{ts,tsx,js,jsx}'],
+    rules: {
+      'data-test-id-plugin/data-test-id': 'warn',
+    },
+  },
+]
+```
+
+**Customized setup:**
+
+```js
+import eslint from '@itcase/lint/eslint'
+
+export default [
+  ...eslint,
+  {
+    ignores: ['./**/*.stories.*'],
+    files: ['./packages/*.{ts,tsx,js,jsx}'],
+    rules: {
+      'data-test-id-plugin/data-test-id': [
+        'warn',
+        {
+          overrideElementNamesToIgnore: ['IgnoredElement', 'Html', 'SkipMe'],
+          overrideElementNamesToCheck: ['Modal', 'Drawer'],
+          appendElementNamesToCheck: ['Card', 'Panel'],
+        },
+      ],
+    },
+  },
+]
+```
+
 ### Stylelint
 
 Create a `eslint.config.mjs` configuration file in the root of your project with the following content:

package/dist/eslint/customPlugins/dataTestIdPlugin/extra.d.ts

@@ -4,9 +4,15 @@ declare const createRule: <Options extends readonly unknown[], MessageIds extend
     name: string;
 };
 declare const ruleName = "data-test-id";
-declare const pluginName = "eslint-data-test-id-plugin";
-declare const defaultOptions: readonly [];
-type Options = typeof defaultOptions;
+declare const pluginName = "data-test-id-plugin";
+type Options = [
+    {
+        appendElementNamesToCheck?: string[] | null;
+        overrideElementNamesToCheck?: string[] | null;
+        overrideElementNamesToIgnore?: string[] | null;
+    }
+];
+declare const defaultOptions: Options;
 type Context = Readonly<TSESLint.RuleContext<keyof MessageIds, Options>>;
 type RuleVisitors = (context: Context, optionsWithDefault: Readonly<Options>) => TSESLint.RuleListener;
-export { type Context, createRule, defaultOptions, pluginName, ruleName, type RuleVisitors, };
+export { type Context, createRule, defaultOptions, type Options, pluginName, ruleName, type RuleVisitors, };

package/dist/eslint/customPlugins/dataTestIdPlugin/plugin.d.ts

@@ -1,6 +1,6 @@
 import parser from '@typescript-eslint/parser';
 import { TSESLint } from '@typescript-eslint/utils';
-declare const pluginWithoutConfigs: {
+declare const pluginWithConfigs: {
     configs: {
         recommended: {
             languageOptions: {
@@ -8,21 +8,21 @@ declare const pluginWithoutConfigs: {
                 parser: typeof parser;
             };
             plugins: {
-                "eslint-data-test-id-plugin": {
+                "data-test-id-plugin": {
                     meta: {
                         name: string;
                         version: string;
                     };
                     processors: {};
                     rules: {
-                        "data-test-id": TSESLint.RuleModule<"missingAttribute" | "missingAttributeValue", [], unknown, TSESLint.RuleListener> & {
+                        "data-test-id": TSESLint.RuleModule<"missingAttribute" | "missingAttributeValue", import("./extra").Options, unknown, TSESLint.RuleListener> & {
                             name: string;
                         };
                     };
                 };
             };
             rules: {
-                "eslint-data-test-id-plugin/data-test-id": "off";
+                "data-test-id-plugin/data-test-id": "off";
             };
         };
     };
@@ -32,9 +32,9 @@ declare const pluginWithoutConfigs: {
     };
     processors: {};
     rules: {
-        "data-test-id": TSESLint.RuleModule<"missingAttribute" | "missingAttributeValue", [], unknown, TSESLint.RuleListener> & {
+        "data-test-id": TSESLint.RuleModule<"missingAttribute" | "missingAttributeValue", import("./extra").Options, unknown, TSESLint.RuleListener> & {
             name: string;
         };
     };
 };
-export default pluginWithoutConfigs;
+export default pluginWithConfigs;

package/dist/eslint/customPlugins/dataTestIdPlugin/rule.d.ts

@@ -1,5 +1,6 @@
 import { ESLintUtils } from '@typescript-eslint/utils';
-declare const rule: ESLintUtils.RuleModule<"missingAttribute" | "missingAttributeValue", [], unknown, ESLintUtils.RuleListener> & {
+import { type Options } from './extra';
+declare const rule: ESLintUtils.RuleModule<"missingAttribute" | "missingAttributeValue", Options, unknown, ESLintUtils.RuleListener> & {
     name: string;
 };
 export { rule };

package/dist/eslint/figma/index.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    name: string;
+    plugins: {
+        "@figma/figma-plugins": {
+            meta: {
+                name: string;
+                version: string;
+            };
+            rules: {
+                [x: string]: unknown;
+            };
+        };
+    };
+    rules: {
+        [x: string]: string;
+    };
+}[];
+export default _default;

package/dist/eslint/figma.js

@@ -0,0 +1,6 @@
+import { flatConfigs } from '@figma/eslint-plugin-figma-plugins';
+
+// eslint-disable-next-line import/no-default-export
+var index = [flatConfigs.recommended];
+
+export { index as default };

package/dist/eslint/index.d.ts

@@ -1,2 +1,3 @@
 declare const eslintConfig: any[];
 export default eslintConfig;
+export { default as eslintFigma } from './figma/index.js';

package/dist/eslint/mobx.js

@@ -1,5 +1,7 @@
 import eslintMobx from 'eslint-plugin-mobx';
 
+// @ts-expect-error
+// eslint-disable-next-line import/no-default-export
 var index = [
     {
         plugins: {

package/dist/eslint/perfectionist/sortJSXProps.d.ts

@@ -1,7 +1,7 @@
 declare const sortJSXProps: (string | {
     type: string;
     customGroups: {
-        elementNamePattern: unknown;
+        elementNamePattern: string;
         groupName: string;
     }[];
     groups: string[];

package/dist/eslint/perfectionist/sortObjectTypes.d.ts

@@ -1,7 +1,7 @@
 declare const sortObjectTypes: (string | {
     type: string;
     customGroups: {
-        elementNamePattern: unknown;
+        elementNamePattern: string;
         groupName: string;
     }[];
     groups: string[];

package/dist/eslint/perfectionist/sortObjects.d.ts

@@ -16,7 +16,7 @@ declare const sortObjects: (string | {
     groups: string[];
     customGroups: {
         groupName: string;
-        elementNamePattern: unknown;
+        elementNamePattern: string;
     }[];
     useConfigurationIf?: undefined;
 })[];

package/dist/eslint/perfectionist.js

@@ -1,4 +1,4 @@
-export { i as sortEnums, c as sortExports, h as sortInterfaces, g as sortIntersectionTypes, f as sortJSXProps, e as sortMaps, d as sortNamedExports, a as sortObjectTypes, b as sortObjects, s as sortUnionTypes } from '../sortUnionTypes_rTLrktP3.js';
+export { i as sortEnums, c as sortExports, h as sortInterfaces, g as sortIntersectionTypes, f as sortJSXProps, e as sortMaps, d as sortNamedExports, a as sortObjectTypes, b as sortObjects, s as sortUnionTypes } from '../sortUnionTypes_G8w5Oj3O.js';
 
 const sortClasses = [
     'error',

package/dist/eslint/utils.d.ts

@@ -1,3 +1,3 @@
-declare const wrapArrayWithCaretAndDollarAnchors: (arr: any) => any;
-declare const wrapArrayWithCaretAndWildcard: (arr: any) => any;
+declare const wrapArrayWithCaretAndDollarAnchors: (arr: unknown[]) => Record<string, string>;
+declare const wrapArrayWithCaretAndWildcard: (arr: unknown[]) => Record<string, string>;
 export { wrapArrayWithCaretAndDollarAnchors, wrapArrayWithCaretAndWildcard };

package/dist/eslint.js

@@ -13,14 +13,22 @@ import globals from 'globals';
 import eslintTypeScript from 'typescript-eslint';
 import parser from '@typescript-eslint/parser';
 import { ESLintUtils, AST_NODE_TYPES } from '@typescript-eslint/utils';
-import { s as sortUnionTypes, a as sortObjectTypes, b as sortObjects, c as sortExports, d as sortNamedExports, e as sortMaps, f as sortJSXProps, g as sortIntersectionTypes, h as sortInterfaces, i as sortEnums } from './sortUnionTypes_rTLrktP3.js';
+import { s as sortUnionTypes, a as sortObjectTypes, b as sortObjects, c as sortExports, d as sortNamedExports, e as sortMaps, f as sortJSXProps, g as sortIntersectionTypes, h as sortInterfaces, i as sortEnums } from './sortUnionTypes_G8w5Oj3O.js';
+export { default as eslintFigma } from './eslint/figma.js';
+import '@figma/eslint-plugin-figma-plugins';
 
 const createRule = ESLintUtils.RuleCreator(() => {
     return ``;
 });
 const ruleName = 'data-test-id';
-const pluginName = 'eslint-data-test-id-plugin';
-const defaultOptions = [];
+const pluginName = 'data-test-id-plugin';
+const defaultOptions = [
+    {
+        appendElementNamesToCheck: null,
+        overrideElementNamesToCheck: null,
+        overrideElementNamesToIgnore: null,
+    },
+];
 
 const MESSAGE_IDS = {
     missingAttribute: 'missingAttribute',
@@ -108,7 +116,8 @@ const getFunctionOrVariableAncestorNameItems = (context, node) => {
     return nameItems;
 };
 
-const handleReturnStatement = (context, returnStatementNode) => {
+const handleReturnStatement = (context, returnStatementNode, options) => {
+    const { elementNamesToCheck, elementNamesToIgnore } = options;
     // We only care about return statements that return JSX elements
     assert(returnStatementNode.argument);
     assert(returnStatementNode.argument.type === AST_NODE_TYPES.JSXElement);
@@ -116,12 +125,12 @@ const handleReturnStatement = (context, returnStatementNode) => {
     // Something is wrong if it's not a JSXIdentifier
     assert(openingElement.name.type === AST_NODE_TYPES.JSXIdentifier);
     const elementName = openingElement.name.name;
-    const isIgnoredElement = ELEMENT_NAMES_TO_IGNORE.includes(elementName);
+    const isIgnoredElement = elementNamesToIgnore.includes(elementName);
     // Ignore elements that are in the ignore list
     assert(!isIgnoredElement);
     const isLowerCasedName = elementName[0] === elementName[0].toLowerCase();
-    const isElementToCheck = ELEMENT_NAMES_TO_CHECK.includes(elementName);
-    const isAllElementsToCheck = ELEMENT_NAMES_TO_CHECK.length === 0;
+    const isElementToCheck = elementNamesToCheck.includes(elementName);
+    const isAllElementsToCheck = elementNamesToCheck.length === 0;
     // We only care about lowercase elements or specific Elements
     assert(isLowerCasedName || isElementToCheck || isAllElementsToCheck);
     // Determine which prop name we are looking for
@@ -187,12 +196,31 @@ const handleReturnStatement = (context, returnStatementNode) => {
         node: openingElement,
     });
 };
-const ruleVisitors = (context) => {
+const ruleVisitors = (context, optionsWithDefault) => {
+    const [options] = optionsWithDefault;
+    const { appendElementNamesToCheck, overrideElementNamesToCheck, overrideElementNamesToIgnore, } = options;
+    let elementNamesToCheck = ELEMENT_NAMES_TO_CHECK.slice();
+    let elementNamesToIgnore = ELEMENT_NAMES_TO_IGNORE.slice();
+    // Override default element names
+    if (overrideElementNamesToCheck) {
+        elementNamesToCheck = overrideElementNamesToCheck.slice();
+    }
+    // Override default element names
+    if (overrideElementNamesToIgnore) {
+        elementNamesToIgnore = overrideElementNamesToIgnore.slice();
+    }
+    // Append additional element names
+    if (appendElementNamesToCheck) {
+        elementNamesToCheck.push(...appendElementNamesToCheck);
+    }
     return {
         // Iterate over all return statements
         [AST_NODE_TYPES.ReturnStatement]: (node) => {
             try {
-                handleReturnStatement(context, node);
+                handleReturnStatement(context, node, {
+                    elementNamesToCheck,
+                    elementNamesToIgnore,
+                });
             }
             catch (error) {
                 // Only log errors that are not from assert checks.
@@ -216,7 +244,35 @@ const ruleMeta = {
         description: '',
     },
     fixable: 'code',
-    schema: [],
+    schema: [
+        {
+            type: 'object',
+            additionalProperties: false,
+            properties: {
+                appendElementNamesToCheck: {
+                    anyOf: [
+                        { type: 'array', items: { type: 'string' } },
+                        { type: 'null' },
+                    ],
+                    default: defaultOptions[0].appendElementNamesToCheck,
+                },
+                overrideElementNamesToCheck: {
+                    anyOf: [
+                        { type: 'array', items: { type: 'string' } },
+                        { type: 'null' },
+                    ],
+                    default: defaultOptions[0].overrideElementNamesToCheck,
+                },
+                overrideElementNamesToIgnore: {
+                    anyOf: [
+                        { type: 'array', items: { type: 'string' } },
+                        { type: 'null' },
+                    ],
+                    default: defaultOptions[0].overrideElementNamesToIgnore,
+                },
+            },
+        },
+    ],
 };
 const rule = createRule({
     name: ruleName,
@@ -235,7 +291,7 @@ const plugin = {
         [ruleName]: rule,
     },
 };
-const pluginWithoutConfigs = {
+const pluginWithConfigs = {
     ...plugin,
     configs: {
         recommended: {
@@ -258,11 +314,10 @@ const pluginWithoutConfigs = {
 const eslintConfig = [
     eslintJs.configs.recommended,
     ...eslintTypeScript.configs.recommended,
-    //...eslintStorybook.configs['flat/recommended'],
     eslintPluginPrettierRecommended,
-    pluginWithoutConfigs.configs.recommended,
     {
         languageOptions: {
+            ...pluginWithConfigs.configs.recommended.languageOptions,
             globals: {
                 ...globals.browser,
                 ...globals.node,
@@ -271,6 +326,7 @@ const eslintConfig = [
     },
     {
         plugins: {
+            ...pluginWithConfigs.configs.recommended.plugins,
             react: eslintReact,
             // eslint-plugin-react-hooks already supports flat config, but fixupPluginRules
             // is used for compatibility. Type assertion is needed due to type incompatibility.
@@ -309,6 +365,7 @@ const eslintConfig = [
         rules: {
             // react-hooks configs recommended rules
             ...eslintReactHooks.configs.recommended.rules,
+            ...pluginWithConfigs.configs.recommended.rules,
             'react/jsx-fragments': ['error', 'element'],
             // @typescript-eslint
             '@typescript-eslint/ban-ts-comment': 'off',

package/dist/prettier/react-native.js

@@ -2,6 +2,7 @@
  * @see https://prettier.io/docs/configuration.html
  * @type {import("prettier").Config}
  */
+// eslint-disable-next-line import/no-default-export
 var index = {
     importOrder: [
         '^react$',

package/dist/prettier.js

@@ -2,6 +2,7 @@
  * @see https://prettier.io/docs/configuration.html
  * @type {import("prettier").Config}
  */
+// eslint-disable-next-line import/no-default-export
 var index = {
     arrowParens: 'always',
     importOrder: [

package/dist/{sortUnionTypes_rTLrktP3.js → sortUnionTypes_G8w5Oj3O.js}

@@ -53,11 +53,11 @@ const sortInterfaces = [
 
 const sortIntersectionTypes = ['error', { type: 'natural', order: 'asc' }];
 
-const validateArray = (arr) => {
+function validateArray(arr) {
     if (!Array.isArray(arr) || !arr.every((str) => typeof str === 'string')) {
         throw new Error('Input must be an array of strings');
     }
-};
+}
 const wrapArrayWithCaretAndDollarAnchors = (arr) => {
     validateArray(arr);
     return arr.reduce((acc, str) => {

package/dist/stylelint/index.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
         })[];
         'block-no-empty': null;
         'color-function-notation': string;
+        'color-no-hex': boolean;
         'comment-empty-line-before': (string | {
             except: string[];
             ignore: string[];

package/dist/stylelint.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-default-export
 var index = {
     extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
     ignoreFiles: [
@@ -55,6 +56,7 @@ var index = {
         ],
         'block-no-empty': null,
         'color-function-notation': 'legacy',
+        'color-no-hex': true,
         'comment-empty-line-before': [
             'always',
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/lint",
-  "version": "1.1.94",
+  "version": "1.1.95",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {
@@ -14,6 +14,7 @@
     "prepack": "NODE_ENV=production npm run build",
     "pre-commit": "npm run typecheck",
     "semantic-release": "semantic-release",
+    "test": "npx tsx --test --test-reporter=dot src/**/*.test.ts",
     "typecheck": "tsc --noEmit"
   },
   "type": "module",
@@ -30,6 +31,7 @@
   ],
   "exports": {
     "./eslint": "./dist/eslint.js",
+    "./eslint/figma": "./dist/eslint/figma.js",
     "./eslint/mobx": "./dist/eslint/mobx.js",
     "./eslint/perfectionist": "./dist/eslint/perfectionist.js",
     "./eslint/react-native": "./dist/eslint/react-native.js",
@@ -46,17 +48,18 @@
     "@babel/eslint-parser": "^7.28.6",
     "@babel/eslint-plugin": "^7.27.1",
     "@eslint/compat": "^2.0.1",
+    "@figma/eslint-plugin-figma-plugins": "^1.0.0",
     "@eslint/js": "^9.39.2",
     "@eslint/markdown": "^7.5.1",
-    "@html-eslint/eslint-plugin": "^0.53.0",
-    "@html-eslint/parser": "^0.53.0",
+    "@html-eslint/eslint-plugin": "^0.54.0",
+    "@html-eslint/parser": "^0.54.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@typescript-eslint/parser": "^8.53.1",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-html": "^8.1.3",
+    "eslint-plugin-html": "^8.1.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-json": "^4.0.1",
     "eslint-plugin-mobx": "^0.0.13",
@@ -69,20 +72,21 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-native": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "eslint-plugin-storybook": "^10.2.0",
+    "eslint-plugin-storybook": "^10.2.1",
     "expo-modules-autolinking": "^3.0.24",
-    "globals": "^17.1.0",
+    "globals": "^17.2.0",
     "prettier": "^3.8.1",
+    "stylelint": "^17.0.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-no-unsupported-browser-features": "^8.0.5",
     "stylelint-order": "^7.0.1",
     "stylelint-prettier": "^5.0.3",
-    "typescript-eslint": "^8.53.1"
+    "typescript-eslint": "^8.54.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^20.3.1",
     "@commitlint/config-conventional": "^20.3.1",
-    "@itcase/config": "^1.6.43",
+    "@itcase/config": "^1.6.45",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-image": "^3.0.3",
@@ -90,20 +94,20 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@types/node": "^25.0.10",
-    "@types/react": "^19.2.9",
+    "@types/node": "^25.1.0",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/rule-tester": "^8.53.1",
+    "@typescript-eslint/rule-tester": "^8.54.0",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
     "del-cli": "^7.0.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "rollup": "4.56.0",
+    "rollup": "4.57.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.2",
-    "conventional-changelog-conventionalcommits": "^9.1.0",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"
   }