@db-ux/core-eslint-plugin 0.0.0 → 4.4.2-eslint-plugin-28ea614

package/build/rules/tooltip/no-interactive-tooltip-content.js

@@ -0,0 +1,47 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+import { INTERACTIVE_ELEMENTS, isDBComponent } from '../../shared/utils.js';
+const createRule = ESLintUtils.RuleCreator((name) => `https://github.com/db-ux-design-system/core-web/blob/main/packages/eslint-plugin/README.md#${name}`);
+function hasInteractiveChild(node) {
+    return node.children.some((child) => {
+        if (child.type === 'JSXElement') {
+            const name = child.openingElement.name;
+            if (name.type === 'JSXIdentifier') {
+                const tagName = name.name;
+                if (INTERACTIVE_ELEMENTS.some((el) => tagName === el ||
+                    tagName === el.toLowerCase().replace('db', 'db-'))) {
+                    return true;
+                }
+            }
+            return hasInteractiveChild(child);
+        }
+        return false;
+    });
+}
+export default createRule({
+    name: 'no-interactive-tooltip-content',
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Prevent interactive elements inside DBTooltip'
+        },
+        messages: {
+            noInteractive: 'DBTooltip must not contain interactive elements. Use DBPopover for interactive content'
+        },
+        schema: []
+    },
+    defaultOptions: [],
+    create(context) {
+        return {
+            JSXElement(node) {
+                if (!isDBComponent(node.openingElement, 'DBTooltip'))
+                    return;
+                if (hasInteractiveChild(node)) {
+                    context.report({
+                        node: node.openingElement,
+                        messageId: 'noInteractive'
+                    });
+                }
+            }
+        };
+    }
+});

package/build/rules/tooltip/tooltip-requires-interactive-parent.d.ts

@@ -0,0 +1,5 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+declare const _default: ESLintUtils.RuleModule<"requiresInteractive", [], unknown, ESLintUtils.RuleListener> & {
+    name: string;
+};
+export default _default;

package/build/rules/tooltip/tooltip-requires-interactive-parent.js

@@ -0,0 +1,47 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+import { INTERACTIVE_ELEMENTS, isDBComponent } from '../../shared/utils.js';
+const createRule = ESLintUtils.RuleCreator((name) => `https://github.com/db-ux-design-system/core-web/blob/main/packages/eslint-plugin/README.md#${name}`);
+function isInteractiveElement(node) {
+    const name = node.openingElement.name;
+    if (name.type === 'JSXIdentifier') {
+        const tagName = name.name;
+        return INTERACTIVE_ELEMENTS.some((el) => tagName === el ||
+            tagName === el.toLowerCase().replace('db', 'db-'));
+    }
+    return false;
+}
+export default createRule({
+    name: 'tooltip-requires-interactive-parent',
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Ensure DBTooltip is child of interactive element for accessibility'
+        },
+        messages: {
+            requiresInteractive: 'DBTooltip must be a child of an interactive element (button, link, etc.) for accessibility'
+        },
+        schema: []
+    },
+    defaultOptions: [],
+    create(context) {
+        return {
+            JSXElement(node) {
+                if (!isDBComponent(node.openingElement, 'DBTooltip'))
+                    return;
+                let parent = node.parent;
+                while (parent) {
+                    if (parent.type === 'JSXElement') {
+                        if (isInteractiveElement(parent)) {
+                            return;
+                        }
+                    }
+                    parent = parent.parent;
+                }
+                context.report({
+                    node: node.openingElement,
+                    messageId: 'requiresInteractive'
+                });
+            }
+        };
+    }
+});

package/build/shared/utils.d.ts

@@ -0,0 +1,5 @@
+import type { TSESTree } from '@typescript-eslint/utils';
+export declare function getAttributeValue(node: TSESTree.JSXOpeningElement, attrName: string): string | boolean | null;
+export declare function hasChildOfType(node: TSESTree.JSXElement, componentName: string): boolean;
+export declare function isDBComponent(node: TSESTree.JSXOpeningElement, componentName: string): boolean;
+export declare const INTERACTIVE_ELEMENTS: string[];

package/build/shared/utils.js

@@ -0,0 +1,61 @@
+export function getAttributeValue(node, attrName) {
+    // Try: noText (React), [noText] (Angular), :noText (Vue)
+    const variants = [attrName, `[${attrName}]`, `:${attrName}`];
+    const attr = node.attributes.find((a) => a.type === 'JSXAttribute' &&
+        variants.includes(a.name.name));
+    if (!attr)
+        return null;
+    if (!attr.value)
+        return true;
+    if (attr.value.type === 'Literal')
+        return attr.value.value;
+    if (attr.value.type === 'JSXExpressionContainer')
+        return true;
+    return null;
+}
+export function hasChildOfType(node, componentName) {
+    const kebabName = componentName
+        .replace(/([A-Z])/g, '-$1')
+        .toLowerCase()
+        .replace(/^-/, '');
+    return node.children.some((child) => {
+        if (child.type === 'JSXElement') {
+            const openingElement = child.openingElement;
+            if (openingElement.name.type === 'JSXIdentifier') {
+                const name = openingElement.name.name;
+                return name === componentName || name === kebabName;
+            }
+        }
+        return false;
+    });
+}
+export function isDBComponent(node, componentName) {
+    if (node.name.type !== 'JSXIdentifier')
+        return false;
+    const name = node.name.name;
+    const kebabName = componentName
+        .replace(/([A-Z])/g, '-$1')
+        .toLowerCase()
+        .replace(/^-/, '');
+    return name === componentName || name === kebabName;
+}
+export const INTERACTIVE_ELEMENTS = [
+    'a',
+    'button',
+    'input',
+    'select',
+    'textarea',
+    'details',
+    'summary',
+    'DBButton',
+    'DBLink',
+    'DBInput',
+    'DBSelect',
+    'DBTextarea',
+    'DBCheckbox',
+    'DBRadio',
+    'DBSwitch',
+    'DBNavigationItem',
+    'DBTabItem',
+    'DBTag'
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/core-eslint-plugin",
-  "version": "0.0.0",
+  "version": "4.4.2-eslint-plugin-28ea614",
   "type": "module",
   "description": "ESLint plugin for DB UX Design System components",
   "repository": {
@@ -8,11 +8,42 @@
     "url": "git+https://github.com/db-ux-design-system/core-web.git"
   },
   "license": "Apache-2.0",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "default": "./build/index.js"
+    }
+  },
+  "files": [
+    "CHANGELOG.md",
+    "build"
+  ],
   "keywords": [
     "eslint",
     "eslint-plugin",
     "db-ux"
   ],
+  "scripts": {
+    "build": "tsc",
+    "copy-output": "npm-run-all copy:*",
+    "copy:changelog": "cpr CHANGELOG.md ../../build-outputs/eslint-plugin/CHANGELOG.md --overwrite",
+    "copy:outputs": "cpr build ../../build-outputs/eslint-plugin/build -o",
+    "copy:package.json": "cpr package.json ../../build-outputs/eslint-plugin/package.json -o",
+    "copy:readme": "cpr README.md ../../build-outputs/eslint-plugin/README.md -o",
+    "test": "vitest run --config vitest.config.ts"
+  },
+  "peerDependencies": {
+    "eslint": "^9.0.0 || ^10.0.0"
+  },
+  "dependencies": {
+    "@typescript-eslint/utils": "8.54.0"
+  },
+  "devDependencies": {
+    "@typescript-eslint/parser": "8.54.0",
+    "@typescript-eslint/rule-tester": "8.54.0",
+    "typescript": "5.9.3",
+    "vitest": "3.2.4"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"