@elastic/eui 114.3.0 → 116.0.0

package/es/components/selectable/selectable_list/selectable_list_item.js

@@ -1,11 +1,11 @@
-var _excluded = ["children", "className", "disabled", "checked", "isFocused", "showIcons", "prepend", "append", "allowExclusions", "onFocusBadge", "paddingSize", "role", "searchable", "textWrap", "toolTipContent", "toolTipProps", "aria-describedby"],
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "disabled", "checked", "isFocused", "showIcons", "prepend", "append", "allowExclusions", "singleSelection", "onFocusBadge", "role", "searchable", "toolTipContent", "toolTipProps"],
   _excluded2 = ["children", "className"];
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -19,40 +19,12 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 import classNames from 'classnames';
 import PropTypes from "prop-types";
-import React, { useState, useEffect, useMemo } from 'react';
-import { useEuiMemoizedStyles } from '../../../services';
+import React, { useMemo } from 'react';
 import { EuiI18n } from '../../i18n';
-import { EuiIcon } from '../../icon';
 import { EuiScreenReaderOnly } from '../../accessibility';
 import { EuiBadge } from '../../badge';
-import { EuiToolTip } from '../../tool_tip';
-import { euiSelectableListItemStyles } from './selectable_list_item.styles';
+import { EuiListItemLayout } from '../../list_item_layout/_list_item_layout';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-function resolveIconAndColor(checked) {
-  switch (checked) {
-    case 'on':
-      return {
-        icon: 'check',
-        color: 'text'
-      };
-    case 'off':
-      return {
-        icon: 'cross',
-        color: 'text'
-      };
-    case 'mixed':
-      return {
-        icon: 'minus',
-        color: 'text'
-      };
-    case undefined:
-    default:
-      return {
-        icon: 'empty'
-      };
-  }
-}
-export var PADDING_SIZES = ['none', 's'];
 export var EuiSelectableListItem = function EuiSelectableListItem(_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -64,46 +36,19 @@ export var EuiSelectableListItem = function EuiSelectableListItem(_ref) {
     prepend = _ref.prepend,
     append = _ref.append,
     allowExclusions = _ref.allowExclusions,
+    _ref$singleSelection = _ref.singleSelection,
+    singleSelection = _ref$singleSelection === void 0 ? true : _ref$singleSelection,
     _ref$onFocusBadge = _ref.onFocusBadge,
-    onFocusBadge = _ref$onFocusBadge === void 0 ? true : _ref$onFocusBadge,
-    _ref$paddingSize = _ref.paddingSize,
-    paddingSize = _ref$paddingSize === void 0 ? 's' : _ref$paddingSize,
+    onFocusBadge = _ref$onFocusBadge === void 0 ? false : _ref$onFocusBadge,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? 'option' : _ref$role,
     searchable = _ref.searchable,
-    _ref$textWrap = _ref.textWrap,
-    textWrap = _ref$textWrap === void 0 ? 'truncate' : _ref$textWrap,
     toolTipContent = _ref.toolTipContent,
     toolTipProps = _ref.toolTipProps,
-    _ariaDescribedBy = _ref['aria-describedby'],
     rest = _objectWithoutProperties(_ref, _excluded);
   var classes = classNames('euiSelectableListItem', {
     'euiSelectableListItem-isFocused': isFocused
   }, className);
-  var styles = useEuiMemoizedStyles(euiSelectableListItemStyles);
-  var cssStyles = [styles.euiSelectableListItem, styles.padding[paddingSize]];
-  var textStyles = [styles.euiSelectableListItem__text, styles.textWrap[textWrap]];
-  var optionIcon = useMemo(function () {
-    if (showIcons) {
-      var _resolveIconAndColor = resolveIconAndColor(checked),
-        icon = _resolveIconAndColor.icon,
-        color = _resolveIconAndColor.color;
-      return ___EmotionJSX(EuiIcon, {
-        css: styles.euiSelectableListItem__icon,
-        className: "euiSelectableListItem__icon",
-        color: color,
-        type: icon
-      });
-    }
-  }, [showIcons, checked, styles]);
-  var prependNode = useMemo(function () {
-    if (prepend) {
-      return ___EmotionJSX("span", {
-        css: styles.euiSelectableListItem__prepend,
-        className: "euiSelectableListItem__prepend"
-      }, prepend);
-    }
-  }, [prepend, styles]);
   var onFocusBadgeNode = useMemo(function () {
     var defaultOnFocusBadgeProps = {
       'aria-hidden': true,
@@ -124,15 +69,6 @@ export var EuiSelectableListItem = function EuiSelectableListItem(_ref) {
       }, defaultOnFocusBadgeProps, restBadgeProps), _children);
     }
   }, [onFocusBadge]);
-  var showOnFocusBadge = !!(isFocused && !disabled && onFocusBadgeNode);
-  var appendNode = useMemo(function () {
-    if (append || showOnFocusBadge) {
-      return ___EmotionJSX("span", {
-        css: styles.euiSelectableListItem__append,
-        className: "euiSelectableListItem__append"
-      }, append, " ", showOnFocusBadge ? onFocusBadgeNode : null);
-    }
-  }, [append, showOnFocusBadge, onFocusBadgeNode, styles]);
   var screenReaderText = useMemo(function () {
     var state;
     var instructions;
@@ -202,80 +138,40 @@ export var EuiSelectableListItem = function EuiSelectableListItem(_ref) {
     }
     return state || instructions ? ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("div", null, state || instructions ? '. ' : null, state, state && instructions ? ' ' : null, instructions)) : null;
   }, [checked, searchable, allowExclusions]);
-
-  // aria-checked is intended to be used with role="checkbox" but
-  // the MDN documentation lists it as a possibility for role="option".
-  // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked
-  // and https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/option_role
-  var ariaChecked = useMemo(function () {
-    var rolesThatCanBeMixed = ['option', 'checkbox', 'menuitemcheckbox'];
-    var rolesThatCanBeChecked = [].concat(rolesThatCanBeMixed, ['radio', 'menuitemradio', 'switch']);
-    if (!rolesThatCanBeChecked.includes(role)) return undefined;
-    switch (checked) {
-      case 'on':
-      case 'off':
-        return true;
-      case 'mixed':
-        if (rolesThatCanBeMixed.includes(role)) {
-          return 'mixed';
-        } else {
-          return false;
-        }
-      default:
-        return false;
-    }
-  }, [role, checked]);
   var hasToolTip = !!toolTipContent && !disabled;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    tooltipRef = _useState2[0],
-    setTooltipRef = _useState2[1]; // Needs to be state and not a ref to trigger useEffect
-  var _useState3 = useState(_ariaDescribedBy),
-    _useState4 = _slicedToArray(_useState3, 2),
-    ariaDescribedBy = _useState4[0],
-    setAriaDescribedBy = _useState4[1];
-
-  // Manually trigger the tooltip on keyboard focus
-  useEffect(function () {
-    if (!tooltipRef) return;
-    if (isFocused) {
-      tooltipRef.showToolTip();
-    } else {
-      tooltipRef.hideToolTip();
-    }
-  }, [isFocused, tooltipRef]);
-
-  // Manually set the `aria-describedby` id on the <li> wrapper
-  useEffect(function () {
-    if (tooltipRef) {
-      var tooltipId = tooltipRef.state.id;
-      setAriaDescribedBy(classNames(tooltipId, _ariaDescribedBy));
-    }
-  }, [tooltipRef, _ariaDescribedBy]);
-  var content = ___EmotionJSX("span", {
-    css: styles.euiSelectableListItem__content,
-    className: "euiSelectableListItem__content"
-  }, optionIcon, prependNode, ___EmotionJSX("span", {
-    css: textStyles,
-    className: "euiSelectableListItem__text"
-  }, children, screenReaderText), appendNode);
-  return ___EmotionJSX("li", _extends({
+  var showOnFocusBadge = isFocused && !disabled && !!onFocusBadgeNode;
+  var listItemLayoutProps = _objectSpread({
+    element: 'li',
     role: role,
-    "aria-disabled": disabled,
-    "aria-checked": ariaChecked // Whether the item is "checked"
-    ,
-    "aria-selected": !disabled && isFocused // Whether the item has keyboard focus per W3 spec
-    ,
-    css: cssStyles,
-    className: classes
-  }, rest, {
-    "aria-describedby": ariaDescribedBy
-  }), hasToolTip ? ___EmotionJSX(EuiToolTip, _extends({
-    ref: setTooltipRef,
-    content: toolTipContent,
-    anchorClassName: "eui-fullWidth",
-    position: "left"
-  }, toolTipProps), content) : content);
+    className: classes,
+    checked: checked,
+    isDisabled: disabled,
+    isFocused: !disabled && isFocused,
+    isSelected: checked !== undefined,
+    isSingleSelection: singleSelection,
+    selectionMode: allowExclusions || checked === 'mixed' ? 'checked' : undefined,
+    showIndicator: showIcons,
+    prepend: prepend,
+    prependProps: {
+      className: 'euiSelectableListItem__prepend'
+    },
+    append: (append || showOnFocusBadge) && ___EmotionJSX(React.Fragment, null, append, showOnFocusBadge ? onFocusBadgeNode : null),
+    appendProps: {
+      className: 'euiSelectableListItem__append'
+    },
+    contentProps: {
+      className: 'euiSelectableListItem__content'
+    },
+    textProps: {
+      className: 'euiSelectableListItem__text'
+    },
+    tooltipProps: hasToolTip ? _objectSpread({
+      content: toolTipContent,
+      anchorClassName: 'eui-fullWidth',
+      position: 'left'
+    }, toolTipProps) : undefined
+  }, rest);
+  return ___EmotionJSX(EuiListItemLayout, listItemLayoutProps, children, screenReaderText);
 };
 EuiSelectableListItem.propTypes = {
   className: PropTypes.string,
@@ -299,6 +195,7 @@ EuiSelectableListItem.propTypes = {
   prepend: PropTypes.node,
   append: PropTypes.node,
   allowExclusions: PropTypes.bool,
+  singleSelection: PropTypes.bool,
   /**
        * When enabled by setting to either `true` or passing custom a custom badge,
        * shows a hollow badge as an append (far right) when the item is focused.
@@ -355,10 +252,6 @@ EuiSelectableListItem.propTypes = {
     target: PropTypes.string,
     rel: PropTypes.string
   }).isRequired]),
-  /**
-       * Padding for the list items.
-       */
-  paddingSize: PropTypes.any,
   /**
        * Whether the `EuiSelectable` instance is searchable.
        * When true, the Space key will not toggle selection, as it will type into the search box instead. Screen reader instructions will be added instructing users to use the Enter key to select items.

package/es/components/selectable/selectable_list/utils/get_list_item_size.js

@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+
+/**
+ * Util to calculate (virtualized) selection list item size
+ */
+export var getListItemSize = function getListItemSize(index, rowHeight, isGroupLabel) {
+  if (isGroupLabel && index > 0) {
+    return rowHeight + 16; // 16px = the additional 2 * 8px padding of the divider line
+  }
+  return rowHeight;
+};

package/es/components/selectable/selectable_search/selectable_search.js

@@ -1,4 +1,4 @@
-var _excluded = ["onChange", "options", "value", "placeholder", "isPreFiltered", "listId", "className", "optionMatcher"];
+var _excluded = ["onChange", "options", "value", "placeholder", "isPreFiltered", "listId", "className", "optionMatcher", "compressed"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -24,6 +24,8 @@ export var EuiSelectableSearch = function EuiSelectableSearch(_ref) {
     listId = _ref.listId,
     className = _ref.className,
     optionMatcher = _ref.optionMatcher,
+    _ref$compressed = _ref.compressed,
+    compressed = _ref$compressed === void 0 ? true : _ref$compressed,
     rest = _objectWithoutProperties(_ref, _excluded);
   var onChange = useCallback(function (e) {
     var searchValue = e.target.value;
@@ -51,6 +53,7 @@ export var EuiSelectableSearch = function EuiSelectableSearch(_ref) {
     incremental: true,
     fullWidth: true,
     autoComplete: "off",
+    compressed: compressed,
     "aria-haspopup": "listbox"
   }, ariaPropsIfListIsPresent, rest));
 };

package/es/components/selectable/selectable_templates/selectable_template_sitewide.js

@@ -207,7 +207,7 @@ export var EuiSelectableTemplateSitewide = function EuiSelectableTemplateSitewid
       className: searchClasses
     }),
     listProps: _objectSpread(_objectSpread({
-      rowHeight: 68,
+      rowHeight: 52,
       showIcons: false,
       onFocusBadge: {
         iconSide: 'right',

package/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js

@@ -11,14 +11,6 @@ import { css } from '@emotion/react';
 import { euiPaletteColorBlind, makeHighContrastColor } from '../../../services';
 import { euiFontSize, logicalCSS } from '../../../global_styling';
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "q12130-euiSelectableTemplateSitewide__listItem",
-  styles: "&:hover,&.euiSelectableListItem-isFocused{&:not([aria-disabled='true']){.euiSelectableListItem__text{text-decoration:none;}.euiSelectableTemplateSitewide__listItemTitle{text-decoration:underline;}}};label:euiSelectableTemplateSitewide__listItem;"
-} : {
-  name: "q12130-euiSelectableTemplateSitewide__listItem",
-  styles: "&:hover,&.euiSelectableListItem-isFocused{&:not([aria-disabled='true']){.euiSelectableListItem__text{text-decoration:none;}.euiSelectableTemplateSitewide__listItemTitle{text-decoration:underline;}}};label:euiSelectableTemplateSitewide__listItem;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "rsb9r7-euiSelectableTemplateSitewide",
   styles: "display:block;label:euiSelectableTemplateSitewide;"
 } : {
@@ -30,10 +22,8 @@ export var euiSelectableTemplateSitewideStyles = function euiSelectableTemplateS
   var euiTheme = euiThemeContext.euiTheme;
   var visColors = euiPaletteColorBlind();
   return {
-    euiSelectableTemplateSitewide: _ref2,
-    // Override EuiSelectable's default item underline
-    euiSelectableTemplateSitewide__listItem: _ref,
-    euiSelectableTemplateSitewide__optionMetasList: /*#__PURE__*/css("display:block;", logicalCSS('margin-top', euiTheme.size.xs), " ", euiFontSize(euiThemeContext, 'xs'), " color:", euiTheme.colors.textSubdued, ";;label:euiSelectableTemplateSitewide__optionMetasList;"),
+    euiSelectableTemplateSitewide: _ref,
+    euiSelectableTemplateSitewide__optionMetasList: /*#__PURE__*/css("display:block;", euiFontSize(euiThemeContext, 'xs'), " color:", euiTheme.colors.textSubdued, ";;label:euiSelectableTemplateSitewide__optionMetasList;"),
     euiSelectableTemplateSitewide__optionMeta: /*#__PURE__*/css("&:not(:last-of-type)::after{content:'\u2022';", logicalCSS('margin-horizontal', euiTheme.size.xs), " color:", euiTheme.colors.textSubdued, ";};label:euiSelectableTemplateSitewide__optionMeta;"),
     metaTypes: {
       fontWeight: "\n        font-weight: ".concat(euiTheme.font.weight.medium, ";\n      "),

package/es/components/selectable/selectable_templates/selectable_template_sitewide_option.js

@@ -49,7 +49,7 @@ export var euiSelectableTemplateSitewideFormatOptions = function euiSelectableTe
       key: item.label,
       title: title
     }, item), {}, {
-      css: [styles.euiSelectableTemplateSitewide__listItem, item.css],
+      css: item.css,
       className: classNames('euiSelectableTemplateSitewide__listItem', item.className),
       prepend: item.icon ? ___EmotionJSX(EuiIcon, _extends({
         color: "subdued",

package/es/components/selectable/selectable_templates/selectable_template_sitewide_popover.js

@@ -30,7 +30,7 @@ export var EuiSelectableTemplateSitewidePopover = function EuiSelectableTemplate
     rest = _objectWithoutProperties(_ref, _excluded);
   var styles = useEuiMemoizedStyles(euiSelectableTemplateSitewidePopoverStyles);
   return ___EmotionJSX(EuiPopover, _extends({
-    panelPaddingSize: "none",
+    panelPaddingSize: "s",
     anchorPosition: "downCenter",
     isOpen: isOpen,
     ownFocus: !!trigger,

package/es/components/table/table_header_cell.js

@@ -182,7 +182,7 @@ EuiTableHeaderCell.propTypes = {
        */
     icon: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "addToDashboard", "advancedSettingsApp", "agentApp", "aggregate", "alignBottom", "alignBottomLeft", "alignBottomRight", "alignCenterHorizontal", "alignCenterVertical", "alignLeft", "alignRight", "alignTop", "alignTopLeft", "alignTopRight", "alert", "analyzeEvent", "annotation", "anomalyChart", "chartAnomaly", "anomalySwimLane", "apmApp", "apmTrace", "chartWaterfall", "appSearchApp", "apps", "arrowDown", "chevronSingleDown", "arrowLeft", "chevronSingleLeft", "arrowRight", "chevronSingleRight", "arrowUp", "chevronSingleUp", "arrowStart", "chevronLimitLeft", "arrowEnd", "chevronLimitRight", "article", "asterisk", "at", "archive", "axisX", "axisYLeft", "axisYRight", "auditbeatApp", "backgroundTask", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "briefcase", "branchUser", "broom", "brush", "bug", "bulb", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "chartChangePoint", "chartArea", "chartAreaStack", "chartBarHorizontal", "chartBarHorizontalStack", "chartBarVertical", "chartBarVerticalStack", "chartGauge", "chartHeatmap", "chartLine", "chartPie", "chartTagCloud", "chartThreshold", "check", "checkCircle", "checkInCircleFilled", "checkCircleFill", "cheer", "popper", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "clockControl", "cloud", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "code", "codeApp", "color", "paintBucket", "commandLine", "comment", "compare", "compute", "processor", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "contrast", "contrastHigh", "contrastFill", "controls", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "crossProjectSearch", "createAdvancedJob", "createGenericJob", "createGeoJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crossCircle", "crosshair", "crosshairs", "currency", "money", "cut", "scissors", "dashboardApp", "dashedCircle", "dataVisualizer", "database", "desktop", "display", "devToolsApp", "diff", "discoverApp", "distributeHorizontal", "distributeVertical", "download", "drag", "dragHorizontal", "dragVertical", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "chevronDoubleLeft", "doubleArrowRight", "chevronDoubleRight", "ellipsis", "editorAlignCenter", "textAlignCenter", "editorAlignLeft", "textAlignLeft", "editorAlignRight", "textAlignRight", "editorBold", "textBold", "editorChecklist", "listCheck", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "textHeading", "editorItalic", "textItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "listNumber", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "redo", "editorStrike", "textStrike", "editorTable", "table", "editorUnderline", "textUnderline", "editorUndo", "undo", "editorUnorderedList", "listBullet", "email", "mail", "empty", "emsApp", "endpoint", "eql", "query", "eraser", "error", "errorFilled", "errorFill", "esqlVis", "exit", "logOut", "expand", "maximize", "expandMini", "export", "exportAction", "upload", "external", "eye", "eyeClosed", "eyeSlash", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "tableInfo", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flask", "flag", "fleetApp", "fold", "folder", "folderClosed", "folderClose", "folderCheck", "folderExclamation", "folderOpen", "folderOpened", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "hourglass", "if", "info", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "mapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "tableTime", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "queryField", "kqlFunction", "kqlOperand", "queryOperand", "kqlSelector", "querySelector", "kqlValue", "queryValue", "kubernetesNode", "kubernetesPod", "launch", "rocket", "layers", "lensApp", "lettering", "text", "lineBreak", "lineBreakSlash", "lineDash", "lineDashed", "lineDot", "lineDotted", "lineSolid", "link", "linkSlash", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "pattern", "logRateAnalysis", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoVulnerabilityManagement", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "queue", "machineLearningApp", "magnet", "magnify", "magnifyExclamation", "magnifyMinus", "magnifyPlus", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "map", "mapMarker", "waypoint", "megaphone", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusCircle", "minusInCircle", "minusInCircleFilled", "minusInSquare", "minusSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "vectorTriangle", "notebookApp", "number", "offline", "wifiSlash", "online", "wifi", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFill", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plugs", "plus", "plusCircle", "plusInCircle", "plusInCircleFilled", "plusInSquare", "plusSquare", "popout", "presentation", "productRobot", "productAgent", "productCloudInfra", "productDashboard", "productDiscover", "productML", "productStreamsClassic", "productStreamsWired", "push", "send", "question", "quote", "radar", "readOnly", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "return", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "section", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "server", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "star", "starEmpty", "starEmptySpace", "starFill", "starFilled", "starFillSpace", "starFilledSpace", "starMinusEmpty", "starMinusFill", "starMinusFilled", "starPlusEmpty", "starPlusFill", "starPlusFilled", "stats", "stop", "stopFill", "stopFilled", "stopSlash", "storage", "streamsClassic", "streamsWired", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityHigh", "tableDensityExpanded", "tableDensityLow", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "thermometer", "thumbDown", "thumbUp", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "refreshTime", "timeslider", "training", "transitionBottomIn", "transitionBottomOut", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "unarchive", "vector", "vectorSquare", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "chartMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "warningFilled", "warningFill", "watchesApp", "web", "wordWrap", "wordWrapDisabled", "workflowsApp", "workflow", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
     /** Additional props for EuiIcon */iconProps: PropTypes.any,
-    /** Additional props for the EuiToolip */tooltipProps: PropTypes.shape({
+    /** Additional props for the EuiToolTip */tooltipProps: PropTypes.shape({
       /**
          * Passes onto the span wrapping the trigger.
          */
@@ -244,7 +244,6 @@ EuiTableHeaderCell.propTypes = {
       "aria-label": PropTypes.string,
       "data-test-subj": PropTypes.string,
       css: PropTypes.any,
-      delay: PropTypes.any,
       position: PropTypes.any
     })
   }),

package/es/components/tool_tip/icon_tip.js

@@ -1,4 +1,4 @@
-var _excluded = ["type", "aria-label", "color", "size", "iconProps", "position", "delay"];
+var _excluded = ["type", "aria-label", "color", "size", "iconProps", "position"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -9,6 +9,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/* eslint-disable @elastic/eui/prefer-eui-icon-tip */
 
 import React from 'react';
 import PropTypes from "prop-types";
@@ -25,13 +26,10 @@ export var EuiIconTip = function EuiIconTip(_ref) {
     iconProps = _ref.iconProps,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'top' : _ref$position,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 'regular' : _ref$delay,
     rest = _objectWithoutProperties(_ref, _excluded);
   var defaultAriaLabel = useEuiI18n('euiIconTip.defaultAriaLabel', 'Info');
   return ___EmotionJSX(EuiToolTip, _extends({
-    position: position,
-    delay: delay
+    position: position
   }, rest), ___EmotionJSX(EuiIcon, _extends({
     tabIndex: 0,
     type: type,
@@ -124,8 +122,6 @@ EuiIconTip.propTypes = {
   // iconProps; however, due to TS's bivariant function arguments `type` could be
   // passed without any error/feedback so we explicitly set it to `never` type
   iconProps: PropTypes.any,
-  // This are copied from EuiToolTipProps, but made optional. Defaults
-  // are applied below.
-  delay: PropTypes.any,
+  // Copied from EuiToolTipProps, but made optional. Default applied below.
   position: PropTypes.any
 };