@elastic/eslint-plugin-eui 2.12.0 → 2.13.0

package/README.md

@@ -13,8 +13,14 @@ This package contains an eslint plugin that enforces some default rules for usin
 
 `<EuiButton />` should either be a button or a link, for a11y purposes. When given an `href` the button behaves as a link, otherwise an `onClick` handler is expected and it will behave as a button.
 
+### `@elastic/eui/href-or-on-click`
+
+`<EuiButton />` should either be a button or a link, for a11y purposes. When given an `href` the button behaves as a link, otherwise an `onClick` handler is expected and it will behave as a button.
+
 In some cases it makes sense to disable this rule locally, such as when <kbd>cmd</kbd> + click should open the link in a new tab, but a standard click should use the `history.pushState()` API to change the URL without triggering a full page load.
 
+**Exception**: `EuiLink` has to be provided with both `onClick` and `href` so that it renders as an anchor and support Ctrl/Cmd+Click to open in a new tab, and other standard link interactions. See `@elastic/eui/require-href-for-link`.
+
 ### `@elastic/eui/no-restricted-eui-imports`
 
 At times, we deprecate features that may need more highlighting and/or that are not possible to annotate with JSDoc `@deprecated`, e.g. JSON token imports: `@elastic/eui/dist/eui_theme_*.json` (for context: https://github.com/elastic/kibana/issues/199715#json-tokens).
@@ -175,6 +181,10 @@ Ensure the `EuiBadge` includes appropriate accessibility attributes.
 - `iconOnClickAriaLabel` is only valid when `iconOnClick` is present. The rule autofixes by removing `iconOnClickAriaLabel`.
 - `onClickAriaLabel` is only valid when `onClick` is present. The rule autofixes by removing `onClickAriaLabel`.
 
+### `@elastic/eui/require-href-for-link`
+
+Ensure `EuiLink` components that have an `onClick` handler also include an `href` prop. Without `href`, the component does not render as a true link, which means users cannot Ctrl/Cmd+Click to open in a new tab or use other standard link interactions. The rule bails out when spread attributes are present, since `href` may be provided via the spread.
+
 ### `@elastic/eui/icon-accessibility-rules`
 
 Ensure the `EuiIcon` includes appropriate accessibility attributes.
@@ -182,6 +192,73 @@ Ensure the `EuiIcon` includes appropriate accessibility attributes.
 - `EuiIcon` has an accessible name via `title`, `aria-label`, or `aria-labelledby`; otherwise mark it decorative with `aria-hidden={true}`
 - Do not combine `tabIndex` with `aria-hidden`
 
+### `@elastic/eui/tooltip-button-icon-wrap`
+
+Ensure `EuiButtonIcon` is wrapped with `EuiToolTip` for sighted users.
+
+Browser-native tooltips (the `title` prop) are unstyled, have no delay control, and are not keyboard-accessible. Every icon button should have a visible tooltip so that sighted users who do not rely on screen readers can understand its purpose.
+
+The rule reports two situations:
+
+- **`title` prop is present** - remove it and use `<EuiToolTip content={…}>` instead. The rule auto-fixes by removing `title` and wrapping the button with `EuiToolTip` (or only removing `title` when the button is already wrapped).
+- **No `EuiToolTip` wrapper** - the button icon has no visible tooltip. The rule auto-fixes by wrapping the button with `<EuiToolTip content={ariaLabel}>` when `aria-label` is a static string or expression.
+
+Buttons with spread props (`{...props}`) are intentionally skipped when no `title` prop is explicitly present because their final prop set cannot be statically determined.
+
+#### Examples
+
+```tsx
+// ✗ Bad - browser tooltip, not keyboard-accessible
+<EuiButtonIcon title="Edit item" aria-label="Edit item" iconType="pencil" />
+
+// ✓ Fixed automatically
+<EuiToolTip content="Edit item">
+  <EuiButtonIcon aria-label="Edit item" iconType="pencil" />
+</EuiToolTip>
+```
+
+```tsx
+// ✗ Bad - no tooltip for sighted users
+<EuiButtonIcon aria-label="Delete" iconType="trash" />
+
+// ✓ Fixed automatically
+<EuiToolTip content="Delete">
+  <EuiButtonIcon aria-label="Delete" iconType="trash" />
+</EuiToolTip>
+```
+
+### `@elastic/eui/tooltip-no-interactive-content`
+
+Disallow interactive elements inside `EuiToolTip` and `EuiIconTip` `content` and `title` props.
+
+Tooltip content is rendered in a portal with `role="tooltip"`. It is shown only on hover or focus of the trigger element and is not itself reachable by keyboard. Placing interactive elements (links, buttons, inputs, etc.) inside tooltip content makes them inaccessible to keyboard and screen-reader users. Use `EuiPopover` for content that requires interaction.
+
+The rule checks both the `content` and `title` props of `EuiToolTip` and `EuiIconTip` for the following elements: `a`, `button`, `input`, `select`, `textarea`, `EuiLink`, `EuiButton`, `EuiButtonEmpty`, `EuiButtonIcon`, and other interactive EUI components.
+
+Variable content (e.g. `content={tooltipContent}`) cannot be statically analyzed and is intentionally skipped.
+
+#### Examples
+
+```tsx
+// ✗ Bad - link inside tooltip is not keyboard-reachable
+<EuiToolTip content={<EuiLink href="/docs">Learn more</EuiLink>}>
+  <EuiButton>Hover me</EuiButton>
+</EuiToolTip>
+
+// ✓ Use `EuiPopover` for interactive content
+<EuiPopover button={<EuiButton>Click me</EuiButton>} ...>
+  <EuiLink href="/docs">Learn more</EuiLink>
+</EuiPopover>
+```
+
+```tsx
+// ✗ Bad - button inside `EuiIconTip` content
+<EuiIconTip content={<EuiButton>Click</EuiButton>} type="info" />
+
+// ✓ Use plain text or non-interactive JSX
+<EuiIconTip content="Informational text" type="info" />
+```
+
 ### `@elastic/eui/prefer-tooltip-trigger-focus-test-utility`
 
 Flags `fireEvent.focus()` inside `it`/`test` blocks that also query for a tooltip element (`getByRole('tooltip')`, `queryByRole('tooltip')`, `findByRole('tooltip')` or any selector containing `euiToolTip`). Plain `fireEvent.focus` does not simulate `:focus-visible` in jsdom and will not trigger `EuiToolTip`, so tooltip focus tests will silently pass without actually showing the tooltip.

package/lib/cjs/index.js

@@ -4,6 +4,7 @@ var _accessible_interactive_element = require("./rules/a11y/accessible_interacti
 var _callout_announce_on_mount = require("./rules/a11y/callout_announce_on_mount");
 var _consistent_is_invalid_props = require("./rules/a11y/consistent_is_invalid_props");
 var _href_or_on_click = require("./rules/href_or_on_click");
+var _require_href_for_link = require("./rules/require_href_for_link");
 var _no_css_color = require("./rules/no_css_color");
 var _no_restricted_eui_imports = require("./rules/no_restricted_eui_imports");
 var _no_static_z_index = require("./rules/no_static_z_index");
@@ -17,6 +18,8 @@ var _tooltip_focusable_anchor = require("./rules/a11y/tooltip_focusable_anchor")
 var _prefer_tooltip_trigger_focus_test_utility = require("./rules/prefer_tooltip_trigger_focus_test_utility");
 var _badge_accessibility_rules = require("./rules/a11y/badge_accessibility_rules");
 var _icon_accessibility_rules = require("./rules/a11y/icon_accessibility_rules");
+var _tooltip_no_interactive_content = require("./rules/a11y/tooltip_no_interactive_content");
+var _tooltip_button_icon_wrap = require("./rules/a11y/tooltip_button_icon_wrap");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -43,7 +46,10 @@ const config = {
     'tooltip-focusable-anchor': _tooltip_focusable_anchor.TooltipFocusableAnchor,
     'prefer-tooltip-trigger-focus-test-utility': _prefer_tooltip_trigger_focus_test_utility.PreferTooltipTriggerFocusTestUtility,
     'badge-accessibility-rules': _badge_accessibility_rules.EuiBadgeAccessibilityRules,
-    'icon-accessibility-rules': _icon_accessibility_rules.EuiIconAccessibilityRules
+    'icon-accessibility-rules': _icon_accessibility_rules.EuiIconAccessibilityRules,
+    'require-href-for-link': _require_href_for_link.RequireHrefForLink,
+    'tooltip-no-interactive-content': _tooltip_no_interactive_content.TooltipNoInteractiveContent,
+    'tooltip-button-icon-wrap': _tooltip_button_icon_wrap.TooltipButtonIconWrap
   },
   configs: {
     recommended: {
@@ -65,7 +71,10 @@ const config = {
         '@elastic/eui/tooltip-focusable-anchor': 'warn',
         '@elastic/eui/prefer-tooltip-trigger-focus-test-utility': 'warn',
         '@elastic/eui/badge-accessibility-rules': 'warn',
-        '@elastic/eui/icon-accessibility-rules': 'warn'
+        '@elastic/eui/icon-accessibility-rules': 'warn',
+        '@elastic/eui/require-href-for-link': 'warn',
+        '@elastic/eui/tooltip-no-interactive-content': 'warn',
+        '@elastic/eui/tooltip-button-icon-wrap': 'warn'
       }
     }
   }

package/lib/cjs/rules/a11y/tooltip_button_icon_wrap.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const TooltipButtonIconWrap: ESLintUtils.RuleModule<"useEuiToolTipInsteadOfTitle" | "wrapWithEuiToolTip", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=tooltip_button_icon_wrap.d.ts.map

package/lib/cjs/rules/a11y/tooltip_button_icon_wrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_button_icon_wrap.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_button_icon_wrap.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAqCtE,eAAO,MAAM,qBAAqB,qHAwGhC,CAAC"}

package/lib/cjs/rules/a11y/tooltip_button_icon_wrap.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipButtonIconWrap = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _remove_attr = require("../../utils/remove_attr");
+var _has_spread = require("../../utils/has_spread");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const BUTTON_ICON = 'EuiButtonIcon';
+const TOOLTIP = 'EuiToolTip';
+function isWrappedByTooltip(node) {
+  let current = node.parent;
+  while (current) {
+    switch (current.type) {
+      case 'JSXElement':
+        {
+          const el = current;
+          if (el.openingElement.name.type === 'JSXIdentifier' && el.openingElement.name.name === TOOLTIP) {
+            return true;
+          }
+          current = current.parent;
+          break;
+        }
+      case 'JSXFragment':
+      case 'JSXExpressionContainer':
+      case 'LogicalExpression':
+      case 'ConditionalExpression':
+        current = current.parent;
+        break;
+      default:
+        return false;
+    }
+  }
+  return false;
+}
+const TooltipButtonIconWrap = exports.TooltipButtonIconWrap = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  create(context) {
+    return {
+      JSXElement(node) {
+        const {
+          openingElement
+        } = node;
+        if (openingElement.name.type !== 'JSXIdentifier' || openingElement.name.name !== BUTTON_ICON) {
+          return;
+        }
+        let titleAttr;
+        let ariaLabelAttr;
+        for (const attr of openingElement.attributes) {
+          if (attr.type !== 'JSXAttribute' || attr.name.type !== 'JSXIdentifier') continue;
+          if (attr.name.name === 'title') titleAttr = attr;
+          if (attr.name.name === 'aria-label') ariaLabelAttr = attr;
+        }
+        if (titleAttr) {
+          const alreadyWrapped = isWrappedByTooltip(node);
+          context.report({
+            node: openingElement,
+            messageId: 'useEuiToolTipInsteadOfTitle',
+            fix: titleAttr.value ? fixer => {
+              const titleValue = context.sourceCode.getText(titleAttr.value);
+              const [removeStart, removeEnd] = (0, _remove_attr.removeAttribute)(context, titleAttr);
+              if (alreadyWrapped) {
+                return fixer.removeRange([removeStart, removeEnd]);
+              }
+              return [fixer.removeRange([removeStart, removeEnd]), fixer.insertTextBefore(node, `<${TOOLTIP} content=${titleValue}>\n  `), fixer.insertTextAfter(node, `\n</${TOOLTIP}>`)];
+            } : undefined
+          });
+          return;
+        }
+        if (!isWrappedByTooltip(node) && !(0, _has_spread.hasSpread)(openingElement.attributes)) {
+          context.report({
+            node: openingElement,
+            messageId: 'wrapWithEuiToolTip',
+            fix: ariaLabelAttr?.value ? fixer => {
+              const ariaLabelValue = context.sourceCode.getText(ariaLabelAttr.value);
+              return [fixer.insertTextBefore(node, `<${TOOLTIP} content=${ariaLabelValue}>\n  `), fixer.insertTextAfter(node, `\n</${TOOLTIP}>`)];
+            } : undefined
+          });
+        }
+      }
+    };
+  },
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: `Ensure ${BUTTON_ICON} is wrapped with ${TOOLTIP} for sighted users`
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      useEuiToolTipInsteadOfTitle: [`Remove the \`title\` prop from ${BUTTON_ICON} and use ${TOOLTIP} instead.`, 'Browser-native tooltips are unstyled, have no delay control and are not keyboard-accessible.', `Wrap with <${TOOLTIP} content={label}> and use \`aria-label\` for screen readers.`].join(' '),
+      wrapWithEuiToolTip: [`${BUTTON_ICON} has no visible tooltip for sighted users.`, `Wrap with <${TOOLTIP} content={ariaLabel}> using the button's \`aria-label\` as content.`].join(' ')
+    }
+  },
+  defaultOptions: []
+});

package/lib/cjs/rules/a11y/tooltip_no_interactive_content.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const TooltipNoInteractiveContent: ESLintUtils.RuleModule<"noInteractiveContent", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=tooltip_no_interactive_content.d.ts.map

package/lib/cjs/rules/a11y/tooltip_no_interactive_content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_no_interactive_content.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_no_interactive_content.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA+DtE,eAAO,MAAM,2BAA2B,uFA8DtC,CAAC"}

package/lib/cjs/rules/a11y/tooltip_no_interactive_content.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipNoInteractiveContent = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _constants = require("../../utils/constants");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const TOOLTIP_COMPONENTS = ['EuiToolTip', 'EuiIconTip'];
+const TOOLTIP_CONTENT_PROPS = ['content', 'title'];
+const INTERACTIVE_HTML_ELEMENTS = ['a', 'button', 'input', 'select', 'textarea'];
+const CONDITIONALLY_INTERACTIVE_SET = new Set(_constants.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS);
+const INTERACTIVE_ELEMENTS = new Set([...INTERACTIVE_HTML_ELEMENTS, ..._constants.INTERACTIVE_EUI_COMPONENTS.filter(c => !CONDITIONALLY_INTERACTIVE_SET.has(c))]);
+function findInteractiveElement(node) {
+  if (node.type === 'JSXElement') {
+    const el = node;
+    const {
+      name
+    } = el.openingElement;
+    if (name.type === 'JSXIdentifier' && INTERACTIVE_ELEMENTS.has(name.name)) {
+      return el.openingElement;
+    }
+    for (const child of el.children) {
+      const found = findInteractiveElement(child);
+      if (found) return found;
+    }
+  } else if (node.type === 'JSXFragment') {
+    for (const child of node.children) {
+      const found = findInteractiveElement(child);
+      if (found) return found;
+    }
+  } else if (node.type === 'JSXExpressionContainer') {
+    const {
+      expression
+    } = node;
+    if (expression.type !== 'JSXEmptyExpression') {
+      return findInteractiveElement(expression);
+    }
+  } else if (node.type === 'LogicalExpression') {
+    const {
+      left,
+      right
+    } = node;
+    return findInteractiveElement(left) ?? findInteractiveElement(right);
+  } else if (node.type === 'ConditionalExpression') {
+    const {
+      consequent,
+      alternate
+    } = node;
+    return findInteractiveElement(consequent) ?? findInteractiveElement(alternate);
+  }
+  return null;
+}
+const TooltipNoInteractiveContent = exports.TooltipNoInteractiveContent = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  create(context) {
+    return {
+      JSXElement(node) {
+        const {
+          openingElement
+        } = node;
+        if (openingElement.name.type !== 'JSXIdentifier' || !TOOLTIP_COMPONENTS.includes(openingElement.name.name)) {
+          return;
+        }
+        const componentName = openingElement.name.name;
+        for (const attr of openingElement.attributes) {
+          if (attr.type !== 'JSXAttribute' || attr.name.type !== 'JSXIdentifier' || !TOOLTIP_CONTENT_PROPS.includes(attr.name.name)) {
+            continue;
+          }
+          if (!attr.value || attr.value.type !== 'JSXExpressionContainer') {
+            continue;
+          }
+          const {
+            expression
+          } = attr.value;
+          if (expression.type === 'JSXEmptyExpression') {
+            continue;
+          }
+          const interactiveEl = findInteractiveElement(expression);
+          if (interactiveEl) {
+            context.report({
+              node: interactiveEl,
+              messageId: 'noInteractiveContent',
+              data: {
+                propName: attr.name.name,
+                componentName,
+                elementName: interactiveEl.name.name
+              }
+            });
+          }
+        }
+      }
+    };
+  },
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Disallow interactive elements in `EuiToolTip` and `EuiIconTip` content'
+    },
+    schema: [],
+    messages: {
+      noInteractiveContent: '{{ elementName }} inside {{ componentName }} {{ propName }} is not keyboard-reachable. Tooltip content renders in a portal with `role="tooltip"`. Use `EuiPopover` for interactive content instead.'
+    }
+  },
+  defaultOptions: []
+});

package/lib/cjs/rules/href_or_on_click.js

@@ -13,7 +13,7 @@ var _utils = require("@typescript-eslint/utils");
  * Side Public License, v 1.
  */
 
-const componentNames = ['EuiButton', 'EuiButtonEmpty', 'EuiLink', 'EuiBadge'];
+const componentNames = ['EuiButton', 'EuiButtonEmpty', 'EuiBadge'];
 const HrefOnClick = exports.HrefOnClick = _utils.ESLintUtils.RuleCreator.withoutDocs({
   create(context) {
     return {

package/lib/cjs/rules/require_href_for_link.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const RequireHrefForLink: ESLintUtils.RuleModule<"requireHrefForLink", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=require_href_for_link.d.ts.map

package/lib/cjs/rules/require_href_for_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"require_href_for_link.d.ts","sourceRoot":"","sources":["../../../src/rules/require_href_for_link.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIjE,eAAO,MAAM,kBAAkB,qFAmD7B,CAAC"}

package/lib/cjs/rules/require_href_for_link.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RequireHrefForLink = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _has_spread = require("../utils/has_spread");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const RequireHrefForLink = exports.RequireHrefForLink = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        if (node.name.type !== 'JSXIdentifier' || node.name.name !== 'EuiLink') {
+          return;
+        }
+
+        // Bail out if props are spread — we can't statically determine
+        // whether `href` is provided via the spread
+        if ((0, _has_spread.hasSpread)(node.attributes)) {
+          return;
+        }
+
+        // Check if the node has `href` and `onClick` attributes
+        const hasHref = node.attributes.some(attr => attr.type === 'JSXAttribute' && attr.name.name === 'href');
+        const hasOnClick = node.attributes.some(attr => attr.type === 'JSXAttribute' && attr.name.name === 'onClick');
+
+        // Report an issue if `onClick` is present without `href`
+        if (hasOnClick && !hasHref) {
+          context.report({
+            node,
+            messageId: 'requireHrefForLink',
+            data: {
+              name: node.name.name
+            }
+          });
+        }
+      }
+    };
+  },
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'Recommend including `href` alongside `onClick` on EuiLink so that Ctrl/Cmd+Click (open link in new tab) works.'
+    },
+    schema: [],
+    messages: {
+      requireHrefForLink: '<{{name}}> has `onClick` but no `href`. Consider adding `href` so that the component renders as a link and supports Ctrl/Cmd+Click / "Open link in new tab".'
+    }
+  },
+  defaultOptions: []
+});

package/lib/cjs/utils/constants.d.ts

@@ -24,4 +24,11 @@ export declare const NON_INTERACTIVE_HTML_TAGS: string[];
  * This list should be kept up to date with EUI's interactive component offerings.
  */
 export declare const INTERACTIVE_EUI_COMPONENTS: string[];
+/**
+ * EUI components that are only interactive when `onClick` or `href` is provided.
+ * Without those props they render as a plain non-focusable element (span/div),
+ * so rules that need to distinguish unconditionally-interactive components should
+ * exclude these.
+ */
+export declare const CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS: string[];
 //# sourceMappingURL=constants.d.ts.map

package/lib/cjs/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,yBAAyB,UAyCrC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B,UAyCtC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,yBAAyB,UAyCrC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B,UA8CtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wCAAwC,UAIpD,CAAC"}

package/lib/cjs/utils/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NON_INTERACTIVE_HTML_TAGS = exports.INTERACTIVE_EUI_COMPONENTS = void 0;
+exports.NON_INTERACTIVE_HTML_TAGS = exports.INTERACTIVE_EUI_COMPONENTS = exports.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS = void 0;
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -38,4 +38,12 @@ const NON_INTERACTIVE_HTML_TAGS = exports.NON_INTERACTIVE_HTML_TAGS = ['div', 's
  *
  * This list should be kept up to date with EUI's interactive component offerings.
  */
-const INTERACTIVE_EUI_COMPONENTS = exports.INTERACTIVE_EUI_COMPONENTS = ['EuiLink', 'EuiButton', 'EuiButtonEmpty', 'EuiButtonIcon', 'EuiFacetButton', 'EuiHeaderLink', 'EuiHeaderSectionItemButton', 'EuiHeaderLogo', 'EuiListGroupItem', 'EuiPinnableListGroup', 'EuiSideNav', 'EuiBreadcrumbs', 'EuiTab', 'EuiContextMenuItem', 'EuiKeyPadMenuItem', 'EuiPagination', 'EuiTreeView', 'EuiStepHorizontal', 'EuiCard', 'EuiCheckableCard', 'EuiBasicTable', 'EuiInMemoryTable', 'EuiFilterButton', 'EuiFilterSelectItem', 'EuiFilterSelectable', 'EuiBadge', 'EuiBetaBadge', 'EuiSelectable', 'EuiComboBox', 'EuiSuperSelect', 'EuiSelect', 'EuiCheckbox', 'EuiRadio', 'EuiSwitch', 'EuiButtonGroup', 'EuiRange', 'EuiDualRange', 'EuiColorPicker', 'EuiDatePicker', 'EuiSuperDatePicker'];
+const INTERACTIVE_EUI_COMPONENTS = exports.INTERACTIVE_EUI_COMPONENTS = ['EuiBadge', 'EuiBasicTable', 'EuiBetaBadge', 'EuiBreadcrumbs', 'EuiButton', 'EuiButtonEmpty', 'EuiButtonGroup', 'EuiButtonIcon', 'EuiCard', 'EuiCheckableCard', 'EuiCheckbox', 'EuiColorPicker', 'EuiComboBox', 'EuiContextMenuItem', 'EuiDatePicker', 'EuiDualRange', 'EuiFacetButton', 'EuiFieldNumber', 'EuiFieldPassword', 'EuiFieldSearch', 'EuiFieldText', 'EuiFilterButton', 'EuiFilterSelectItem', 'EuiFilterSelectable', 'EuiHeaderLink', 'EuiHeaderLogo', 'EuiHeaderSectionItemButton', 'EuiInMemoryTable', 'EuiKeyPadMenuItem', 'EuiLink', 'EuiListGroupItem', 'EuiPagination', 'EuiPinnableListGroup', 'EuiRadio', 'EuiRange', 'EuiSelect', 'EuiSelectable', 'EuiSideNav', 'EuiStepHorizontal', 'EuiSuperDatePicker', 'EuiSuperSelect', 'EuiSwitch', 'EuiTab', 'EuiTextArea', 'EuiTreeView'];
+
+/**
+ * EUI components that are only interactive when `onClick` or `href` is provided.
+ * Without those props they render as a plain non-focusable element (span/div),
+ * so rules that need to distinguish unconditionally-interactive components should
+ * exclude these.
+ */
+const CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS = exports.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS = ['EuiBadge', 'EuiBetaBadge', 'EuiCard'];

package/lib/esm/index.js

@@ -11,6 +11,7 @@ const accessible_interactive_element_1 = require("./rules/a11y/accessible_intera
 const callout_announce_on_mount_1 = require("./rules/a11y/callout_announce_on_mount");
 const consistent_is_invalid_props_1 = require("./rules/a11y/consistent_is_invalid_props");
 const href_or_on_click_1 = require("./rules/href_or_on_click");
+const require_href_for_link_1 = require("./rules/require_href_for_link");
 const no_css_color_1 = require("./rules/no_css_color");
 const no_restricted_eui_imports_1 = require("./rules/no_restricted_eui_imports");
 const no_static_z_index_1 = require("./rules/no_static_z_index");
@@ -24,6 +25,8 @@ const tooltip_focusable_anchor_1 = require("./rules/a11y/tooltip_focusable_ancho
 const prefer_tooltip_trigger_focus_test_utility_1 = require("./rules/prefer_tooltip_trigger_focus_test_utility");
 const badge_accessibility_rules_1 = require("./rules/a11y/badge_accessibility_rules");
 const icon_accessibility_rules_1 = require("./rules/a11y/icon_accessibility_rules");
+const tooltip_no_interactive_content_1 = require("./rules/a11y/tooltip_no_interactive_content");
+const tooltip_button_icon_wrap_1 = require("./rules/a11y/tooltip_button_icon_wrap");
 const config = {
     rules: {
         'accessible-interactive-element': accessible_interactive_element_1.AccessibleInteractiveElements,
@@ -43,6 +46,9 @@ const config = {
         'prefer-tooltip-trigger-focus-test-utility': prefer_tooltip_trigger_focus_test_utility_1.PreferTooltipTriggerFocusTestUtility,
         'badge-accessibility-rules': badge_accessibility_rules_1.EuiBadgeAccessibilityRules,
         'icon-accessibility-rules': icon_accessibility_rules_1.EuiIconAccessibilityRules,
+        'require-href-for-link': require_href_for_link_1.RequireHrefForLink,
+        'tooltip-no-interactive-content': tooltip_no_interactive_content_1.TooltipNoInteractiveContent,
+        'tooltip-button-icon-wrap': tooltip_button_icon_wrap_1.TooltipButtonIconWrap,
     },
     configs: {
         recommended: {
@@ -65,6 +71,9 @@ const config = {
                 '@elastic/eui/prefer-tooltip-trigger-focus-test-utility': 'warn',
                 '@elastic/eui/badge-accessibility-rules': 'warn',
                 '@elastic/eui/icon-accessibility-rules': 'warn',
+                '@elastic/eui/require-href-for-link': 'warn',
+                '@elastic/eui/tooltip-no-interactive-content': 'warn',
+                '@elastic/eui/tooltip-button-icon-wrap': 'warn',
             },
         },
     },

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAEH,gGAA4F;AAC5F,sFAAgF;AAChF,0FAAoF;AACpF,+DAAuD;AACvD,uDAAkD;AAClD,iFAA2E;AAC3E,iEAA2D;AAC3D,gGAA0F;AAC1F,gFAA0E;AAC1E,0EAAoE;AACpE,8FAAuF;AACvF,8EAAyE;AACzE,wFAA4F;AAC5F,oFAA+E;AAC/E,iHAAyG;AACzG,sFAAoF;AACpF,oFAAkF;AAElF,MAAM,MAAM,GAAG;IACb,KAAK,EAAE;QACL,gCAAgC,EAAE,8DAA6B;QAC/D,2BAA2B,EAAE,kDAAsB;QACnD,6BAA6B,EAAE,sDAAwB;QACvD,kBAAkB,EAAE,8BAAW;QAC/B,cAAc,EAAE,yBAAU;QAC1B,2BAA2B,EAAE,kDAAsB;QACnD,mBAAmB,EAAE,kCAAc;QACnC,gCAAgC,EAAE,4DAA2B;QAC7D,wBAAwB,EAAE,4CAAmB;QAC7C,qBAAqB,EAAE,sCAAgB;QACvC,+BAA+B,EAAE,yDAAyB;QAC1D,uBAAuB,EAAE,2CAAmB;QAC5C,4BAA4B,EAAE,8DAAiC;QAC/D,0BAA0B,EAAE,iDAAsB;QAClD,2CAA2C,EACzC,gFAAoC;QACtC,2BAA2B,EAAE,sDAA0B;QACvD,0BAA0B,EAAE,oDAAyB;KACtD;IACD,OAAO,EAAE;QACP,WAAW,EAAE;YACX,OAAO,EAAE,CAAC,4BAA4B,CAAC;YACvC,KAAK,EAAE;gBACL,6CAA6C,EAAE,MAAM;gBACrD,wCAAwC,EAAE,MAAM;gBAChD,0CAA0C,EAAE,MAAM;gBAClD,+BAA+B,EAAE,MAAM;gBACvC,2BAA2B,EAAE,MAAM;gBACnC,wCAAwC,EAAE,MAAM;gBAChD,gCAAgC,EAAE,MAAM;gBACxC,6CAA6C,EAAE,MAAM;gBACrD,qCAAqC,EAAE,MAAM;gBAC7C,kCAAkC,EAAE,MAAM;gBAC1C,4CAA4C,EAAE,MAAM;gBACpD,oCAAoC,EAAE,MAAM;gBAC5C,yCAAyC,EAAE,MAAM;gBACjD,uCAAuC,EAAE,MAAM;gBAC/C,wDAAwD,EAAE,MAAM;gBAChE,wCAAwC,EAAE,MAAM;gBAChD,uCAAuC,EAAE,MAAM;aAChD;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAEH,gGAA4F;AAC5F,sFAAgF;AAChF,0FAAoF;AACpF,+DAAuD;AACvD,yEAAmE;AACnE,uDAAkD;AAClD,iFAA2E;AAC3E,iEAA2D;AAC3D,gGAA0F;AAC1F,gFAA0E;AAC1E,0EAAoE;AACpE,8FAAuF;AACvF,8EAAyE;AACzE,wFAA4F;AAC5F,oFAA+E;AAC/E,iHAAyG;AACzG,sFAAoF;AACpF,oFAAkF;AAClF,gGAA0F;AAC1F,oFAA8E;AAE9E,MAAM,MAAM,GAAG;IACb,KAAK,EAAE;QACL,gCAAgC,EAAE,8DAA6B;QAC/D,2BAA2B,EAAE,kDAAsB;QACnD,6BAA6B,EAAE,sDAAwB;QACvD,kBAAkB,EAAE,8BAAW;QAC/B,cAAc,EAAE,yBAAU;QAC1B,2BAA2B,EAAE,kDAAsB;QACnD,mBAAmB,EAAE,kCAAc;QACnC,gCAAgC,EAAE,4DAA2B;QAC7D,wBAAwB,EAAE,4CAAmB;QAC7C,qBAAqB,EAAE,sCAAgB;QACvC,+BAA+B,EAAE,yDAAyB;QAC1D,uBAAuB,EAAE,2CAAmB;QAC5C,4BAA4B,EAAE,8DAAiC;QAC/D,0BAA0B,EAAE,iDAAsB;QAClD,2CAA2C,EACzC,gFAAoC;QACtC,2BAA2B,EAAE,sDAA0B;QACvD,0BAA0B,EAAE,oDAAyB;QACrD,uBAAuB,EAAE,0CAAkB;QAC3C,gCAAgC,EAAE,4DAA2B;QAC7D,0BAA0B,EAAE,gDAAqB;KAClD;IACD,OAAO,EAAE;QACP,WAAW,EAAE;YACX,OAAO,EAAE,CAAC,4BAA4B,CAAC;YACvC,KAAK,EAAE;gBACL,6CAA6C,EAAE,MAAM;gBACrD,wCAAwC,EAAE,MAAM;gBAChD,0CAA0C,EAAE,MAAM;gBAClD,+BAA+B,EAAE,MAAM;gBACvC,2BAA2B,EAAE,MAAM;gBACnC,wCAAwC,EAAE,MAAM;gBAChD,gCAAgC,EAAE,MAAM;gBACxC,6CAA6C,EAAE,MAAM;gBACrD,qCAAqC,EAAE,MAAM;gBAC7C,kCAAkC,EAAE,MAAM;gBAC1C,4CAA4C,EAAE,MAAM;gBACpD,oCAAoC,EAAE,MAAM;gBAC5C,yCAAyC,EAAE,MAAM;gBACjD,uCAAuC,EAAE,MAAM;gBAC/C,wDAAwD,EAAE,MAAM;gBAChE,wCAAwC,EAAE,MAAM;gBAChD,uCAAuC,EAAE,MAAM;gBAC/C,oCAAoC,EAAE,MAAM;gBAC5C,6CAA6C,EAAE,MAAM;gBACrD,uCAAuC,EAAE,MAAM;aAChD;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC"}

package/lib/esm/rules/a11y/tooltip_button_icon_wrap.d.ts

@@ -0,0 +1,2 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const TooltipButtonIconWrap: ESLintUtils.RuleModule<"useEuiToolTipInsteadOfTitle" | "wrapWithEuiToolTip", [], unknown, ESLintUtils.RuleListener>;

package/lib/esm/rules/a11y/tooltip_button_icon_wrap.js

@@ -0,0 +1,123 @@
+"use strict";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipButtonIconWrap = void 0;
+const utils_1 = require("@typescript-eslint/utils");
+const remove_attr_1 = require("../../utils/remove_attr");
+const has_spread_1 = require("../../utils/has_spread");
+const BUTTON_ICON = 'EuiButtonIcon';
+const TOOLTIP = 'EuiToolTip';
+function isWrappedByTooltip(node) {
+    let current = node.parent;
+    while (current) {
+        switch (current.type) {
+            case 'JSXElement': {
+                const el = current;
+                if (el.openingElement.name.type === 'JSXIdentifier' &&
+                    el.openingElement.name.name === TOOLTIP) {
+                    return true;
+                }
+                current = current.parent;
+                break;
+            }
+            case 'JSXFragment':
+            case 'JSXExpressionContainer':
+            case 'LogicalExpression':
+            case 'ConditionalExpression':
+                current = current.parent;
+                break;
+            default:
+                return false;
+        }
+    }
+    return false;
+}
+exports.TooltipButtonIconWrap = utils_1.ESLintUtils.RuleCreator.withoutDocs({
+    create(context) {
+        return {
+            JSXElement(node) {
+                const { openingElement } = node;
+                if (openingElement.name.type !== 'JSXIdentifier' ||
+                    openingElement.name.name !== BUTTON_ICON) {
+                    return;
+                }
+                let titleAttr;
+                let ariaLabelAttr;
+                for (const attr of openingElement.attributes) {
+                    if (attr.type !== 'JSXAttribute' ||
+                        attr.name.type !== 'JSXIdentifier')
+                        continue;
+                    if (attr.name.name === 'title')
+                        titleAttr = attr;
+                    if (attr.name.name === 'aria-label')
+                        ariaLabelAttr = attr;
+                }
+                if (titleAttr) {
+                    const alreadyWrapped = isWrappedByTooltip(node);
+                    context.report({
+                        node: openingElement,
+                        messageId: 'useEuiToolTipInsteadOfTitle',
+                        fix: titleAttr.value
+                            ? (fixer) => {
+                                const titleValue = context.sourceCode.getText(titleAttr.value);
+                                const [removeStart, removeEnd] = (0, remove_attr_1.removeAttribute)(context, titleAttr);
+                                if (alreadyWrapped) {
+                                    return fixer.removeRange([removeStart, removeEnd]);
+                                }
+                                return [
+                                    fixer.removeRange([removeStart, removeEnd]),
+                                    fixer.insertTextBefore(node, `<${TOOLTIP} content=${titleValue}>\n  `),
+                                    fixer.insertTextAfter(node, `\n</${TOOLTIP}>`),
+                                ];
+                            }
+                            : undefined,
+                    });
+                    return;
+                }
+                if (!isWrappedByTooltip(node) &&
+                    !(0, has_spread_1.hasSpread)(openingElement.attributes)) {
+                    context.report({
+                        node: openingElement,
+                        messageId: 'wrapWithEuiToolTip',
+                        fix: ariaLabelAttr?.value
+                            ? (fixer) => {
+                                const ariaLabelValue = context.sourceCode.getText(ariaLabelAttr.value);
+                                return [
+                                    fixer.insertTextBefore(node, `<${TOOLTIP} content=${ariaLabelValue}>\n  `),
+                                    fixer.insertTextAfter(node, `\n</${TOOLTIP}>`),
+                                ];
+                            }
+                            : undefined,
+                    });
+                }
+            },
+        };
+    },
+    meta: {
+        type: 'suggestion',
+        docs: {
+            description: `Ensure ${BUTTON_ICON} is wrapped with ${TOOLTIP} for sighted users`,
+        },
+        fixable: 'code',
+        schema: [],
+        messages: {
+            useEuiToolTipInsteadOfTitle: [
+                `Remove the \`title\` prop from ${BUTTON_ICON} and use ${TOOLTIP} instead.`,
+                'Browser-native tooltips are unstyled, have no delay control and are not keyboard-accessible.',
+                `Wrap with <${TOOLTIP} content={label}> and use \`aria-label\` for screen readers.`,
+            ].join(' '),
+            wrapWithEuiToolTip: [
+                `${BUTTON_ICON} has no visible tooltip for sighted users.`,
+                `Wrap with <${TOOLTIP} content={ariaLabel}> using the button's \`aria-label\` as content.`,
+            ].join(' '),
+        },
+    },
+    defaultOptions: [],
+});
+//# sourceMappingURL=tooltip_button_icon_wrap.js.map

package/lib/esm/rules/a11y/tooltip_button_icon_wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_button_icon_wrap.js","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_button_icon_wrap.ts"],"names":[],"mappings":"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"}

package/lib/esm/rules/a11y/tooltip_no_interactive_content.d.ts

@@ -0,0 +1,2 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const TooltipNoInteractiveContent: ESLintUtils.RuleModule<"noInteractiveContent", [], unknown, ESLintUtils.RuleListener>;

package/lib/esm/rules/a11y/tooltip_no_interactive_content.js

@@ -0,0 +1,115 @@
+"use strict";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipNoInteractiveContent = void 0;
+const utils_1 = require("@typescript-eslint/utils");
+const constants_1 = require("../../utils/constants");
+const TOOLTIP_COMPONENTS = ['EuiToolTip', 'EuiIconTip'];
+const TOOLTIP_CONTENT_PROPS = ['content', 'title'];
+const INTERACTIVE_HTML_ELEMENTS = [
+    'a',
+    'button',
+    'input',
+    'select',
+    'textarea',
+];
+const CONDITIONALLY_INTERACTIVE_SET = new Set(constants_1.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS);
+const INTERACTIVE_ELEMENTS = new Set([
+    ...INTERACTIVE_HTML_ELEMENTS,
+    ...constants_1.INTERACTIVE_EUI_COMPONENTS.filter((c) => !CONDITIONALLY_INTERACTIVE_SET.has(c)),
+]);
+function findInteractiveElement(node) {
+    if (node.type === 'JSXElement') {
+        const el = node;
+        const { name } = el.openingElement;
+        if (name.type === 'JSXIdentifier' && INTERACTIVE_ELEMENTS.has(name.name)) {
+            return el.openingElement;
+        }
+        for (const child of el.children) {
+            const found = findInteractiveElement(child);
+            if (found)
+                return found;
+        }
+    }
+    else if (node.type === 'JSXFragment') {
+        for (const child of node.children) {
+            const found = findInteractiveElement(child);
+            if (found)
+                return found;
+        }
+    }
+    else if (node.type === 'JSXExpressionContainer') {
+        const { expression } = node;
+        if (expression.type !== 'JSXEmptyExpression') {
+            return findInteractiveElement(expression);
+        }
+    }
+    else if (node.type === 'LogicalExpression') {
+        const { left, right } = node;
+        return findInteractiveElement(left) ?? findInteractiveElement(right);
+    }
+    else if (node.type === 'ConditionalExpression') {
+        const { consequent, alternate } = node;
+        return (findInteractiveElement(consequent) ?? findInteractiveElement(alternate));
+    }
+    return null;
+}
+exports.TooltipNoInteractiveContent = utils_1.ESLintUtils.RuleCreator.withoutDocs({
+    create(context) {
+        return {
+            JSXElement(node) {
+                const { openingElement } = node;
+                if (openingElement.name.type !== 'JSXIdentifier' ||
+                    !TOOLTIP_COMPONENTS.includes(openingElement.name.name)) {
+                    return;
+                }
+                const componentName = openingElement.name.name;
+                for (const attr of openingElement.attributes) {
+                    if (attr.type !== 'JSXAttribute' ||
+                        attr.name.type !== 'JSXIdentifier' ||
+                        !TOOLTIP_CONTENT_PROPS.includes(attr.name.name)) {
+                        continue;
+                    }
+                    if (!attr.value || attr.value.type !== 'JSXExpressionContainer') {
+                        continue;
+                    }
+                    const { expression } = attr.value;
+                    if (expression.type === 'JSXEmptyExpression') {
+                        continue;
+                    }
+                    const interactiveEl = findInteractiveElement(expression);
+                    if (interactiveEl) {
+                        context.report({
+                            node: interactiveEl,
+                            messageId: 'noInteractiveContent',
+                            data: {
+                                propName: attr.name.name,
+                                componentName,
+                                elementName: interactiveEl.name
+                                    .name,
+                            },
+                        });
+                    }
+                }
+            },
+        };
+    },
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Disallow interactive elements in `EuiToolTip` and `EuiIconTip` content',
+        },
+        schema: [],
+        messages: {
+            noInteractiveContent: '{{ elementName }} inside {{ componentName }} {{ propName }} is not keyboard-reachable. Tooltip content renders in a portal with `role="tooltip"`. Use `EuiPopover` for interactive content instead.',
+        },
+    },
+    defaultOptions: [],
+});
+//# sourceMappingURL=tooltip_no_interactive_content.js.map

package/lib/esm/rules/a11y/tooltip_no_interactive_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_no_interactive_content.js","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_no_interactive_content.ts"],"names":[],"mappings":"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"}

package/lib/esm/rules/href_or_on_click.js

@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HrefOnClick = void 0;
 const utils_1 = require("@typescript-eslint/utils");
-const componentNames = ['EuiButton', 'EuiButtonEmpty', 'EuiLink', 'EuiBadge'];
+const componentNames = ['EuiButton', 'EuiButtonEmpty', 'EuiBadge'];
 exports.HrefOnClick = utils_1.ESLintUtils.RuleCreator.withoutDocs({
     create(context) {
         return {

package/lib/esm/rules/href_or_on_click.js.map

@@ -1 +1 @@
-{"version":3,"file":"href_or_on_click.js","sourceRoot":"","sources":["../../../src/rules/href_or_on_click.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,oDAAiE;AAEjE,MAAM,cAAc,GAAG,CAAC,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAEjE,QAAA,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAC,WAAW,CAAC;IAC7D,MAAM,CAAC,OAAO;QACZ,OAAO;YACL,iBAAiB,CAAC,IAAgC;gBAChD,uDAAuD;gBACvD,IACE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;oBAClC,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EACxC,CAAC;oBACD,OAAO;gBACT,CAAC;gBAED,6DAA6D;gBAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAClC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CACpE,CAAC;gBACF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACrC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CACvE,CAAC;gBAEF,iDAAiD;gBACjD,IAAI,OAAO,IAAI,UAAU,EAAE,CAAC;oBAC1B,OAAO,CAAC,MAAM,CAAC;wBACb,IAAI;wBACJ,SAAS,EAAE,eAAe;wBAC1B,IAAI,EAAE;4BACJ,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI;yBACrB;qBACF,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACJ,WAAW,EACT,2EAA2E;SAC9E;QACD,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE;YACR,aAAa,EACX,6MAA6M;SAChN;KACF;IACD,cAAc,EAAE,EAAE;CACnB,CAAC,CAAC"}
+{"version":3,"file":"href_or_on_click.js","sourceRoot":"","sources":["../../../src/rules/href_or_on_click.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,oDAAiE;AAEjE,MAAM,cAAc,GAAG,CAAC,WAAW,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC;AAEtD,QAAA,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAC,WAAW,CAAC;IAC7D,MAAM,CAAC,OAAO;QACZ,OAAO;YACL,iBAAiB,CAAC,IAAgC;gBAChD,uDAAuD;gBACvD,IACE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;oBAClC,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EACxC,CAAC;oBACD,OAAO;gBACT,CAAC;gBAED,6DAA6D;gBAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAClC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CACpE,CAAC;gBACF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACrC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CACvE,CAAC;gBAEF,iDAAiD;gBACjD,IAAI,OAAO,IAAI,UAAU,EAAE,CAAC;oBAC1B,OAAO,CAAC,MAAM,CAAC;wBACb,IAAI;wBACJ,SAAS,EAAE,eAAe;wBAC1B,IAAI,EAAE;4BACJ,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI;yBACrB;qBACF,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACJ,WAAW,EACT,2EAA2E;SAC9E;QACD,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE;YACR,aAAa,EACX,6MAA6M;SAChN;KACF;IACD,cAAc,EAAE,EAAE;CACnB,CAAC,CAAC"}

package/lib/esm/rules/require_href_for_link.d.ts

@@ -0,0 +1,2 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const RequireHrefForLink: ESLintUtils.RuleModule<"requireHrefForLink", [], unknown, ESLintUtils.RuleListener>;

package/lib/esm/rules/require_href_for_link.js

@@ -0,0 +1,54 @@
+"use strict";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RequireHrefForLink = void 0;
+const utils_1 = require("@typescript-eslint/utils");
+const has_spread_1 = require("../utils/has_spread");
+exports.RequireHrefForLink = utils_1.ESLintUtils.RuleCreator.withoutDocs({
+    create(context) {
+        return {
+            JSXOpeningElement(node) {
+                if (node.name.type !== 'JSXIdentifier' ||
+                    node.name.name !== 'EuiLink') {
+                    return;
+                }
+                // Bail out if props are spread — we can't statically determine
+                // whether `href` is provided via the spread
+                if ((0, has_spread_1.hasSpread)(node.attributes)) {
+                    return;
+                }
+                // Check if the node has `href` and `onClick` attributes
+                const hasHref = node.attributes.some((attr) => attr.type === 'JSXAttribute' && attr.name.name === 'href');
+                const hasOnClick = node.attributes.some((attr) => attr.type === 'JSXAttribute' && attr.name.name === 'onClick');
+                // Report an issue if `onClick` is present without `href`
+                if (hasOnClick && !hasHref) {
+                    context.report({
+                        node,
+                        messageId: 'requireHrefForLink',
+                        data: {
+                            name: node.name.name,
+                        },
+                    });
+                }
+            },
+        };
+    },
+    meta: {
+        type: 'suggestion',
+        docs: {
+            description: 'Recommend including `href` alongside `onClick` on EuiLink so that Ctrl/Cmd+Click (open link in new tab) works.',
+        },
+        schema: [],
+        messages: {
+            requireHrefForLink: '<{{name}}> has `onClick` but no `href`. Consider adding `href` so that the component renders as a link and supports Ctrl/Cmd+Click / "Open link in new tab".',
+        },
+    },
+    defaultOptions: [],
+});
+//# sourceMappingURL=require_href_for_link.js.map

package/lib/esm/rules/require_href_for_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"require_href_for_link.js","sourceRoot":"","sources":["../../../src/rules/require_href_for_link.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,oDAAiE;AAEjE,oDAAgD;AAEnC,QAAA,kBAAkB,GAAG,mBAAW,CAAC,WAAW,CAAC,WAAW,CAAC;IACpE,MAAM,CAAC,OAAO;QACZ,OAAO;YACL,iBAAiB,CAAC,IAAgC;gBAChD,IACE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;oBAClC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAC5B,CAAC;oBACD,OAAO;gBACT,CAAC;gBAED,+DAA+D;gBAC/D,4CAA4C;gBAC5C,IAAI,IAAA,sBAAS,EAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC/B,OAAO;gBACT,CAAC;gBAED,wDAAwD;gBACxD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAClC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CACpE,CAAC;gBACF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACrC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CACvE,CAAC;gBAEF,yDAAyD;gBACzD,IAAI,UAAU,IAAI,CAAC,OAAO,EAAE,CAAC;oBAC3B,OAAO,CAAC,MAAM,CAAC;wBACb,IAAI;wBACJ,SAAS,EAAE,oBAAoB;wBAC/B,IAAI,EAAE;4BACJ,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI;yBACrB;qBACF,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE;YACJ,WAAW,EACT,gHAAgH;SACnH;QACD,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE;YACR,kBAAkB,EAChB,8JAA8J;SACjK;KACF;IACD,cAAc,EAAE,EAAE;CACnB,CAAC,CAAC"}

package/lib/esm/utils/constants.d.ts

@@ -24,3 +24,10 @@ export declare const NON_INTERACTIVE_HTML_TAGS: string[];
  * This list should be kept up to date with EUI's interactive component offerings.
  */
 export declare const INTERACTIVE_EUI_COMPONENTS: string[];
+/**
+ * EUI components that are only interactive when `onClick` or `href` is provided.
+ * Without those props they render as a plain non-focusable element (span/div),
+ * so rules that need to distinguish unconditionally-interactive components should
+ * exclude these.
+ */
+export declare const CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS: string[];

package/lib/esm/utils/constants.js

@@ -7,7 +7,7 @@
  * Side Public License, v 1.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INTERACTIVE_EUI_COMPONENTS = exports.NON_INTERACTIVE_HTML_TAGS = void 0;
+exports.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS = exports.INTERACTIVE_EUI_COMPONENTS = exports.NON_INTERACTIVE_HTML_TAGS = void 0;
 /**
  * A list of standard HTML tags that are considered **non-interactive** elements.
  *
@@ -75,45 +75,61 @@ exports.NON_INTERACTIVE_HTML_TAGS = [
  * This list should be kept up to date with EUI's interactive component offerings.
  */
 exports.INTERACTIVE_EUI_COMPONENTS = [
-    'EuiLink',
+    'EuiBadge',
+    'EuiBasicTable',
+    'EuiBetaBadge',
+    'EuiBreadcrumbs',
     'EuiButton',
     'EuiButtonEmpty',
+    'EuiButtonGroup',
     'EuiButtonIcon',
+    'EuiCard',
+    'EuiCheckableCard',
+    'EuiCheckbox',
+    'EuiColorPicker',
+    'EuiComboBox',
+    'EuiContextMenuItem',
+    'EuiDatePicker',
+    'EuiDualRange',
     'EuiFacetButton',
+    'EuiFieldNumber',
+    'EuiFieldPassword',
+    'EuiFieldSearch',
+    'EuiFieldText',
+    'EuiFilterButton',
+    'EuiFilterSelectItem',
+    'EuiFilterSelectable',
     'EuiHeaderLink',
-    'EuiHeaderSectionItemButton',
     'EuiHeaderLogo',
+    'EuiHeaderSectionItemButton',
+    'EuiInMemoryTable',
+    'EuiKeyPadMenuItem',
+    'EuiLink',
     'EuiListGroupItem',
+    'EuiPagination',
     'EuiPinnableListGroup',
+    'EuiRadio',
+    'EuiRange',
+    'EuiSelect',
+    'EuiSelectable',
     'EuiSideNav',
-    'EuiBreadcrumbs',
-    'EuiTab',
-    'EuiContextMenuItem',
-    'EuiKeyPadMenuItem',
-    'EuiPagination',
-    'EuiTreeView',
     'EuiStepHorizontal',
-    'EuiCard',
-    'EuiCheckableCard',
-    'EuiBasicTable',
-    'EuiInMemoryTable',
-    'EuiFilterButton',
-    'EuiFilterSelectItem',
-    'EuiFilterSelectable',
-    'EuiBadge',
-    'EuiBetaBadge',
-    'EuiSelectable',
-    'EuiComboBox',
+    'EuiSuperDatePicker',
     'EuiSuperSelect',
-    'EuiSelect',
-    'EuiCheckbox',
-    'EuiRadio',
     'EuiSwitch',
-    'EuiButtonGroup',
-    'EuiRange',
-    'EuiDualRange',
-    'EuiColorPicker',
-    'EuiDatePicker',
-    'EuiSuperDatePicker'
+    'EuiTab',
+    'EuiTextArea',
+    'EuiTreeView'
+];
+/**
+ * EUI components that are only interactive when `onClick` or `href` is provided.
+ * Without those props they render as a plain non-focusable element (span/div),
+ * so rules that need to distinguish unconditionally-interactive components should
+ * exclude these.
+ */
+exports.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS = [
+    'EuiBadge',
+    'EuiBetaBadge',
+    'EuiCard',
 ];
 //# sourceMappingURL=constants.js.map

package/lib/esm/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH;;;;;;;;;;;;GAYG;AACU,QAAA,yBAAyB,GAAG;IACvC,KAAK;IACL,MAAM;IACN,GAAG;IACH,SAAS;IACT,OAAO;IACP,YAAY;IACZ,IAAI;IACJ,SAAS;IACT,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,YAAY;IACZ,QAAQ;IACR,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,MAAM;IACN,KAAK;IACL,IAAI;IACJ,KAAK;IACL,SAAS;IACT,OAAO;IACP,QAAQ;IACR,KAAK;IACL,KAAK;IACL,OAAO;IACP,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;CACL,CAAC;AAEF;;;;;;;;;;GAUG;AACU,QAAA,0BAA0B,GAAG;IACxC,SAAS;IACT,WAAW;IACX,gBAAgB;IAChB,eAAe;IACf,gBAAgB;IAChB,eAAe;IACf,4BAA4B;IAC5B,eAAe;IACf,kBAAkB;IAClB,sBAAsB;IACtB,YAAY;IACZ,gBAAgB;IAChB,QAAQ;IACR,oBAAoB;IACpB,mBAAmB;IACnB,eAAe;IACf,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,qBAAqB;IACrB,qBAAqB;IACrB,UAAU;IACV,cAAc;IACd,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,WAAW;IACX,aAAa;IACb,UAAU;IACV,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,cAAc;IACd,gBAAgB;IAChB,eAAe;IACf,oBAAoB;CACrB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH;;;;;;;;;;;;GAYG;AACU,QAAA,yBAAyB,GAAG;IACvC,KAAK;IACL,MAAM;IACN,GAAG;IACH,SAAS;IACT,OAAO;IACP,YAAY;IACZ,IAAI;IACJ,SAAS;IACT,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,YAAY;IACZ,QAAQ;IACR,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,MAAM;IACN,KAAK;IACL,IAAI;IACJ,KAAK;IACL,SAAS;IACT,OAAO;IACP,QAAQ;IACR,KAAK;IACL,KAAK;IACL,OAAO;IACP,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;CACL,CAAC;AAEF;;;;;;;;;;GAUG;AACU,QAAA,0BAA0B,GAAG;IACxC,UAAU;IACV,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,SAAS;IACT,kBAAkB;IAClB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,oBAAoB;IACpB,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,gBAAgB;IAChB,cAAc;IACd,iBAAiB;IACjB,qBAAqB;IACrB,qBAAqB;IACrB,eAAe;IACf,eAAe;IACf,4BAA4B;IAC5B,kBAAkB;IAClB,mBAAmB;IACnB,SAAS;IACT,kBAAkB;IAClB,eAAe;IACf,sBAAsB;IACtB,UAAU;IACV,UAAU;IACV,WAAW;IACX,eAAe;IACf,YAAY;IACZ,mBAAmB;IACnB,oBAAoB;IACpB,gBAAgB;IAChB,WAAW;IACX,QAAQ;IACR,aAAa;IACb,aAAa;CACd,CAAC;AAEF;;;;;GAKG;AACU,QAAA,wCAAwC,GAAG;IACtD,UAAU;IACV,cAAc;IACd,SAAS;CACV,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eslint-plugin-eui",
-  "version": "2.12.0",
+  "version": "2.13.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",