@elastic/eui 88.5.4 → 89.0.0

package/es/components/popover/input_popover.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "className", "closePopover", "disableFocusTrap", "focusTrapProps", "input", "fullWidth", "panelMinWidth", "onPanelResize", "inputRef", "panelRef"];
+var _excluded = ["children", "className", "closePopover", "closeOnScroll", "disableFocusTrap", "focusTrapProps", "input", "fullWidth", "panelMinWidth", "onPanelResize", "inputRef", "panelRef"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -22,7 +22,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * Side Public License, v 1.
  */
 
-import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
+import React, { useState, useEffect, useCallback, useMemo, useRef, createContext } from 'react';
 import PropTypes from "prop-types";
 import { css } from '@emotion/react';
 import classnames from 'classnames';
@@ -34,11 +34,15 @@ import { EuiFocusTrap } from '../focus_trap';
 import { euiFormVariables } from '../form/form.styles';
 import { EuiPopover } from './popover';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+// Used by child components that want to know the parent popover width
+export var EuiInputPopoverWidthContext = /*#__PURE__*/createContext(0);
 export var EuiInputPopover = function EuiInputPopover(_ref) {
   var _props$panelProps;
   var children = _ref.children,
     className = _ref.className,
     closePopover = _ref.closePopover,
+    _ref$closeOnScroll = _ref.closeOnScroll,
+    closeOnScroll = _ref$closeOnScroll === void 0 ? false : _ref$closeOnScroll,
     _ref$disableFocusTrap = _ref.disableFocusTrap,
     disableFocusTrap = _ref$disableFocusTrap === void 0 ? false : _ref$disableFocusTrap,
     focusTrapProps = _ref.focusTrapProps,
@@ -119,6 +123,40 @@ export var EuiInputPopover = function EuiInputPopover(_ref) {
       }
     }
   }, [disableFocusTrap, closePopover, panelPropsOnKeyDown]);
+
+  /**
+   * Optional close on scroll behavior
+   */
+
+  useEffect(function () {
+    // When the popover opens, add a scroll listener to the page (& remove it after)
+    if (closeOnScroll && panelEl) {
+      // Close the popover, but only if the scroll event occurs outside the input or the popover itself
+      var closePopoverOnScroll = function closePopoverOnScroll(event) {
+        if (!panelEl || !inputEl || !event.target) return;
+        var scrollTarget = event.target;
+        if (panelEl.contains(scrollTarget) === false && inputEl.contains(scrollTarget) === false) {
+          closePopover();
+        }
+      };
+
+      // Firefox will trigger a scroll event in many common situations when the options list div is appended
+      // to the DOM; in testing it was always within 100ms, but setting a timeout here for 500ms to be safe
+      var timeoutId = setTimeout(function () {
+        window.addEventListener('scroll', closePopoverOnScroll, {
+          passive: true,
+          // for better performance as we won't call preventDefault
+          capture: true // scroll events don't bubble, they must be captured instead
+        });
+      }, 500);
+      return function () {
+        window.removeEventListener('scroll', closePopoverOnScroll, {
+          capture: true
+        });
+        clearTimeout(timeoutId);
+      };
+    }
+  }, [closeOnScroll, closePopover, panelEl, inputEl]);
   return ___EmotionJSX(EuiPopover, _extends({
     css: /*#__PURE__*/css(fullWidth ? undefined : logicalCSS('max-width', form.maxWidth), ";label:EuiInputPopover;"),
     repositionToCrossAxis: false,
@@ -136,7 +174,9 @@ export var EuiInputPopover = function EuiInputPopover(_ref) {
   }), ___EmotionJSX(EuiFocusTrap, _extends({
     clickOutsideDisables: true,
     disabled: disableFocusTrap
-  }, focusTrapProps), children));
+  }, focusTrapProps), ___EmotionJSX(EuiInputPopoverWidthContext.Provider, {
+    value: panelWidth
+  }, children)));
 };
 EuiInputPopover.propTypes = {
   className: PropTypes.string,
@@ -148,6 +188,10 @@ EuiInputPopover.propTypes = {
      */
   anchorPosition: PropTypes.oneOf(["downLeft", "downRight", "downCenter"]),
   disableFocusTrap: PropTypes.bool,
+  /**
+     * Allows automatically closing the input popover on page scroll
+     */
+  closeOnScroll: PropTypes.bool,
   fullWidth: PropTypes.bool,
   input: PropTypes.any.isRequired,
   inputRef: PropTypes.any,

package/es/components/popover/popover.js

@@ -42,7 +42,7 @@ import React, { Component } from 'react';
 import classNames from 'classnames';
 import { focusable } from 'tabbable';
 import { EuiFocusTrap } from '../focus_trap';
-import { cascadingMenuKeys, getTransitionTimings, getWaitDuration, performOnFrame, htmlIdGenerator } from '../../services';
+import { keys, getTransitionTimings, getWaitDuration, performOnFrame, htmlIdGenerator } from '../../services';
 import { EuiScreenReaderOnly } from '../accessibility';
 import { EuiPortal } from '../portal';
 import { EuiMutationObserver } from '../observer/mutation_observer';
@@ -139,7 +139,7 @@ export var EuiPopover = /*#__PURE__*/function (_Component) {
       }, closingTransitionTime);
     });
     _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
-      if (event.key === cascadingMenuKeys.ESCAPE) {
+      if (event.key === keys.ESCAPE) {
         _this.onEscapeKey(event);
       }
     });

package/es/components/table/table_row_cell.js

@@ -16,10 +16,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * Side Public License, v 1.
  */
 
-import React, { Fragment } from 'react';
+import React, { useCallback } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT, useIsWithinBreakpoints } from '../../services';
+import { isObject } from '../../services/predicate';
+import { EuiTextBlockTruncate } from '../text_truncate';
 import { resolveWidthAsStyle } from './utils';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiTableRowCell = function EuiTableRowCell(_ref) {
@@ -54,7 +56,7 @@ export var EuiTableRowCell = function EuiTableRowCell(_ref) {
     'euiTableCellContent--alignRight': align === RIGHT_ALIGNMENT,
     'euiTableCellContent--alignCenter': align === CENTER_ALIGNMENT,
     'euiTableCellContent--showOnHover': showOnHover,
-    'euiTableCellContent--truncateText': truncateText,
+    'euiTableCellContent--truncateText': truncateText === true,
     // We're doing this rigamarole instead of creating `euiTableCellContent--textOnly` for BWC
     // purposes for the time-being.
     'euiTableCellContent--overflowingContent': textOnly !== true
@@ -74,7 +76,7 @@ export var EuiTableRowCell = function EuiTableRowCell(_ref) {
   });
   var widthValue = useIsWithinBreakpoints(['xs', 's']) && mobileOptions.width ? mobileOptions.width : width;
   var styleObj = resolveWidthAsStyle(style, widthValue);
-  function modifyChildren(children) {
+  var modifyChildren = useCallback(function (children) {
     var modifiedChildren = children;
     if (textOnly === true) {
       modifiedChildren = ___EmotionJSX("span", {
@@ -87,8 +89,14 @@ export var EuiTableRowCell = function EuiTableRowCell(_ref) {
         });
       });
     }
+    if (isObject(truncateText) && truncateText.lines) {
+      modifiedChildren = ___EmotionJSX(EuiTextBlockTruncate, {
+        lines: truncateText.lines,
+        cloneElement: true
+      }, modifiedChildren);
+    }
     return modifiedChildren;
-  }
+  }, [childClasses, textOnly, truncateText]);
   var childrenNode = modifyChildren(children);
   var hideForMobileClasses = 'euiTableRowCell--hideForMobile';
   var showForMobileClasses = 'euiTableRowCell--hideForDesktop';
@@ -108,7 +116,7 @@ export var EuiTableRowCell = function EuiTableRowCell(_ref) {
       className: cellClasses
     }, sharedProps), mobileOptions.header && ___EmotionJSX("div", {
       className: "euiTableRowCell__mobileHeader ".concat(showForMobileClasses)
-    }, mobileOptions.header), mobileOptions.render ? ___EmotionJSX(Fragment, null, ___EmotionJSX("div", {
+    }, mobileOptions.header), mobileOptions.render ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
       className: "".concat(mobileContentClasses, " ").concat(showForMobileClasses)
     }, modifyChildren(mobileOptions.render)), ___EmotionJSX("div", {
       className: "".concat(contentClasses, " ").concat(hideForMobileClasses)
@@ -184,9 +192,14 @@ EuiTableRowCell.propTypes = {
        */
     textOnly: PropTypes.bool,
     /**
-       * Don't allow line breaks within cells
+       * Indicates whether this column should truncate overflowing text content.
+       * - Set to `true` to enable single-line truncation.
+       * - To enable multi-line truncation, use a configuration object with `lines`
+       * set to a number of lines to truncate to.
        */
-    truncateText: PropTypes.bool
+    truncateText: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+      lines: PropTypes.number.isRequired
+    }).isRequired])
   }),
   /**
      * Horizontal alignment of the text in the cell
@@ -202,8 +215,13 @@ EuiTableRowCell.propTypes = {
      */
   textOnly: PropTypes.bool,
   /**
-     * Don't allow line breaks within cells
+     * Indicates whether this column should truncate overflowing text content.
+     * - Set to `true` to enable single-line truncation.
+     * - To enable multi-line truncation, use a configuration object with `lines`
+     * set to a number of lines to truncate to.
      */
-  truncateText: PropTypes.bool,
+  truncateText: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+    lines: PropTypes.number.isRequired
+  }).isRequired]),
   width: PropTypes.any
 };

package/es/components/text_truncate/index.js

@@ -7,4 +7,5 @@
  */
 
 export { EuiTextTruncate } from './text_truncate';
+export { EuiTextBlockTruncate } from './text_block_truncate';
 export { TruncationUtils } from './utils';

package/es/components/text_truncate/text_block_truncate.js

@@ -0,0 +1,78 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "style", "lines", "cloneElement"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import PropTypes from "prop-types";
+/*
+ * 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.
+ */
+
+import React, { isValidElement, useMemo } from 'react';
+import { css } from '@emotion/react';
+import classNames from 'classnames';
+import { cloneElementWithCss } from '../../services';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var styles = {
+  euiTextBlockTruncate: process.env.NODE_ENV === "production" ? {
+    name: "1cfm3ge-euiTextBlockTruncate",
+    styles: "display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;overflow:hidden;label:euiTextBlockTruncate;"
+  } : {
+    name: "1cfm3ge-euiTextBlockTruncate",
+    styles: "display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;overflow:hidden;label:euiTextBlockTruncate;",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+export var EuiTextBlockTruncate = function EuiTextBlockTruncate(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    lines = _ref.lines,
+    cloneElement = _ref.cloneElement,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classes = classNames('euiTextBlockTruncate', className);
+  var cssStyles = styles.euiTextBlockTruncate;
+  var inlineStyles = useMemo(function () {
+    return _objectSpread({
+      WebkitLineClamp: lines
+    }, style);
+  }, [lines, style]);
+  if ( /*#__PURE__*/isValidElement(children) && cloneElement) {
+    return cloneElementWithCss(children, {
+      css: cssStyles,
+      style: _objectSpread(_objectSpread({}, children.props.style), inlineStyles),
+      className: classNames(children.props.className, classes)
+    });
+  } else {
+    return ___EmotionJSX("div", _extends({
+      className: classes,
+      css: cssStyles,
+      style: inlineStyles
+    }, rest), children);
+  }
+};
+EuiTextBlockTruncate.propTypes = {
+  className: PropTypes.string,
+  "aria-label": PropTypes.string,
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
+  /**
+       * Number of lines of text to truncate to
+       */
+  lines: PropTypes.number.isRequired,
+  /**
+       * Applies styling to the child element instead of rendering a parent wrapper `div`.
+       * Can only be used when wrapping a *single* child element/tag, and not raw text.
+       */
+  cloneElement: PropTypes.bool
+};

package/es/global_styling/reset/global_styles.js

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -37,12 +43,20 @@ export var EuiGlobalStyles = function EuiGlobalStyles(_ref) {
    * This font reset sets all our base font/typography related properties
    * that are needed to override browser-specific element settings.
    */
-  var fontReset = "\n    font-family: ".concat(font.family, ";\n    font-size: ", "".concat(font.scale[font.body.scale] * base, "px"), ";\n    line-height: ").concat(base / (font.scale[font.body.scale] * base), ";\n    font-weight: ").concat(font.weight[font.body.weight], ";\n  ");
+  var fontBodyScale = font.scale[font.body.scale];
+  var fontReset = {
+    fontFamily: font.family,
+    fontSize: "".concat(font.defaultUnits === 'px' ? fontBodyScale * base : fontBodyScale).concat(font.defaultUnits),
+    lineHeight: base / (fontBodyScale * base),
+    fontWeight: font.weight[font.body.weight]
+  };
 
   /**
    * Final styles
    */
-  var styles = /*#__PURE__*/css(reset, " html{", scrollbarStyles, " ", fontReset, " text-size-adjust:100%;font-kerning:normal;", logicalCSS('height', '100%'), " background-color:", colors.body, ";color:", colors.text, ";}code,pre,kbd,samp{font-family:", font.familyCode, ";}input,textarea,select{", fontReset, ";}select:disabled{opacity:1;}button{font-family:", font.family, ";}em{font-style:italic;}strong{font-weight:", font.weight.bold, ";}*:focus{", euiFocusRing(euiThemeContext), ";}::selection{background:", transparentize(colors.primary, colorMode === 'LIGHT' ? 0.1 : 0.2), ";}a{color:", colors.primaryText, ";&,&:hover,&:focus{text-decoration:none;}}.euiBody-hasPortalContent{position:relative;};label:styles;");
+  var styles = /*#__PURE__*/css(reset, " html{", scrollbarStyles, " ", fontReset, " text-size-adjust:100%;font-kerning:normal;", logicalCSS('height', '100%'), " background-color:", colors.body, ";color:", colors.text, ";}code,pre,kbd,samp{font-family:", font.familyCode, ";}input,textarea,select{", _objectSpread(_objectSpread({}, fontReset), {}, {
+    fontSize: '1rem' // Inherit from html root
+  }), ";}select:disabled{opacity:1;}button{font-family:", font.family, ";}em{font-style:italic;}strong{font-weight:", font.weight.bold, ";}*:focus{", euiFocusRing(euiThemeContext), ";}::selection{background:", transparentize(colors.primary, colorMode === 'LIGHT' ? 0.1 : 0.2), ";}a{color:", colors.primaryText, ";&,&:hover,&:focus{text-decoration:none;}}.euiBody-hasPortalContent{position:relative;};label:styles;");
   return ___EmotionJSX(Global, {
     styles: styles
   });

package/es/services/accessibility/index.js

@@ -6,7 +6,4 @@
  * Side Public License, v 1.
  */
 
-export { accessibleClickKeys } from './accessible_click_keys';
-export { cascadingMenuKeys } from './cascading_menu_keys';
-export { comboBoxKeys } from './combo_box_keys';
 export { htmlIdGenerator, useGeneratedHtmlId } from './html_id_generator';

package/es/services/index.js

@@ -8,7 +8,7 @@
 
 // Export all keys under a `keys` named variable
 import * as keys from './keys';
-export { accessibleClickKeys, cascadingMenuKeys, comboBoxKeys, htmlIdGenerator, useGeneratedHtmlId } from './accessibility';
+export { htmlIdGenerator, useGeneratedHtmlId } from './accessibility';
 export { CENTER_ALIGNMENT, LEFT_ALIGNMENT, RIGHT_ALIGNMENT } from './alignment';
 export { CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint } from './breakpoint';
 export { CanvasTextUtils } from './canvas';

package/es/test/rtl/component_helpers.d.ts

@@ -8,3 +8,5 @@ export declare const waitForEuiPopoverClose: () => Promise<void>;
 
 export declare const waitForEuiToolTipVisible: () => Promise<void>;
 export declare const waitForEuiToolTipHidden: () => Promise<void>;
+
+export declare const showEuiComboBoxOptions: () => Promise<void>;

package/es/test/rtl/component_helpers.js

@@ -11,7 +11,8 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  */
 
 import '@testing-library/jest-dom';
-import { waitFor } from '@testing-library/react';
+import { waitFor, fireEvent } from '@testing-library/react';
+import { screen } from './custom_render';
 
 /**
  * Ensure the EuiPopover being tested is open/closed before continuing
@@ -112,4 +113,31 @@ export var waitForEuiToolTipHidden = /*#__PURE__*/function () {
   return function waitForEuiToolTipHidden() {
     return _ref4.apply(this, arguments);
   };
+}();
+
+/**
+ * Doot doo
+ */
+export var showEuiComboBoxOptions = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          fireEvent.click(screen.getByTestSubject('comboBoxToggleListButton'));
+          _context5.next = 3;
+          return waitForEuiPopoverOpen();
+        case 3:
+          _context5.next = 5;
+          return waitFor(function () {
+            expect(screen.getByRole('listbox')).toBeInTheDocument();
+          });
+        case 5:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function showEuiComboBoxOptions() {
+    return _ref5.apply(this, arguments);
+  };
 }();