@elastic/eui 118.0.0 → 119.0.0

package/optimize/lib/components/copy/copy.js

@@ -7,12 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiCopy = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _services = require("../../services");
 var _accessibility = require("../accessibility");
@@ -20,77 +15,77 @@ var _tool_tip = require("../tool_tip");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
+/*
  * 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.
  */
-var EuiCopy = exports.EuiCopy = /*#__PURE__*/function (_Component) {
-  function EuiCopy(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, EuiCopy);
-    _this = _callSuper(this, EuiCopy, [props]);
-    (0, _defineProperty2.default)(_this, "tooltipRef", /*#__PURE__*/(0, _react.createRef)());
-    (0, _defineProperty2.default)(_this, "copy", function () {
-      var isCopied = (0, _services.copyToClipboard)(_this.props.textToCopy);
-      if (isCopied) {
-        _this.setState({
-          tooltipText: _this.props.afterMessage,
-          isCopied: true
-        },
-        // `EuiToolTip` suppresses showing when content is empty, so `EuiCopy`
-        // imperatively shows the tooltip after the post-copy state update.
-        function () {
-          var _this$tooltipRef$curr;
-          (_this$tooltipRef$curr = _this.tooltipRef.current) === null || _this$tooltipRef$curr === void 0 || _this$tooltipRef$curr.showToolTip();
-        });
-      }
-    });
-    (0, _defineProperty2.default)(_this, "resetTooltipText", function () {
-      _this.setState({
-        tooltipText: _this.props.beforeMessage,
-        isCopied: false
-      });
-    });
-    _this.state = {
-      tooltipText: _this.props.beforeMessage,
-      isCopied: false
+
+var EuiCopy = exports.EuiCopy = function EuiCopy(_ref) {
+  var textToCopy = _ref.textToCopy,
+    beforeMessage = _ref.beforeMessage,
+    _ref$afterMessage = _ref.afterMessage,
+    afterMessage = _ref$afterMessage === void 0 ? 'Copied' : _ref$afterMessage,
+    children = _ref.children,
+    tooltipProps = _ref.tooltipProps;
+  var tooltipRef = (0, _react.useRef)(null);
+
+  // Consumers can hold onto the render prop `copy` callback and invoke it after
+  // this component has unmounted (e.g. from a debounced handler). Setting state
+  // then is a no-op that React 17 additionally warns about, so skip it.
+  var isMountedRef = (0, _react.useRef)(true);
+  (0, _react.useEffect)(function () {
+    return function () {
+      isMountedRef.current = false;
     };
-    return _this;
-  }
-  (0, _inherits2.default)(EuiCopy, _Component);
-  return (0, _createClass2.default)(EuiCopy, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        children = _this$props.children,
-        tooltipProps = _this$props.tooltipProps,
-        afterMessage = _this$props.afterMessage;
-      var _this$state = this.state,
-        tooltipText = _this$state.tooltipText,
-        isCopied = _this$state.isCopied;
-      return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({
-        ref: this.tooltipRef,
-        content: tooltipText,
-        onMouseOut: this.resetTooltipText
-      }, tooltipProps, {
-        onBlur: function onBlur() {
-          var _tooltipProps$onBlur;
-          tooltipProps === null || tooltipProps === void 0 || (_tooltipProps$onBlur = tooltipProps.onBlur) === null || _tooltipProps$onBlur === void 0 || _tooltipProps$onBlur.call(tooltipProps);
-          if (isCopied) _this2.resetTooltipText();
-        },
-        disableScreenReaderOutput: isCopied || !!(tooltipProps !== null && tooltipProps !== void 0 && tooltipProps.disableScreenReaderOutput)
-      }), children(this.copy)), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("div", {
-        "aria-live": "assertive",
-        "aria-atomic": "true"
-      }, isCopied ? afterMessage : '')));
+  }, []);
+
+  // Counts successful copies instead of storing a boolean, so that every copy
+  // re-runs the effect below - the tooltip may have been hidden in between
+  // copies (e.g. by another tooltip being shown) and needs showing again.
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    copyCount = _useState2[0],
+    setCopyCount = _useState2[1];
+  var isCopied = copyCount > 0;
+  var tooltipText = isCopied ? afterMessage : beforeMessage;
+  var copy = (0, _react.useCallback)(function () {
+    var copied = (0, _services.copyToClipboard)(textToCopy);
+    if (copied && isMountedRef.current) {
+      setCopyCount(function (count) {
+        return count + 1;
+      });
+    }
+  }, [textToCopy]);
+  var resetTooltipText = (0, _react.useCallback)(function () {
+    if (isMountedRef.current) {
+      setCopyCount(0);
+    }
+  }, []);
+
+  // `EuiToolTip` suppresses showing when content is empty, so `EuiCopy`
+  // imperatively shows the tooltip after the post-copy state update.
+  (0, _react.useEffect)(function () {
+    if (copyCount > 0) {
+      var _tooltipRef$current;
+      (_tooltipRef$current = tooltipRef.current) === null || _tooltipRef$current === void 0 || _tooltipRef$current.showToolTip();
     }
-  }]);
-}(_react.Component);
-(0, _defineProperty2.default)(EuiCopy, "defaultProps", {
-  afterMessage: 'Copied'
-});
+  }, [copyCount]);
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({
+    ref: tooltipRef,
+    content: tooltipText,
+    onMouseOut: resetTooltipText
+  }, tooltipProps, {
+    onBlur: function onBlur() {
+      var _tooltipProps$onBlur;
+      tooltipProps === null || tooltipProps === void 0 || (_tooltipProps$onBlur = tooltipProps.onBlur) === null || _tooltipProps$onBlur === void 0 || _tooltipProps$onBlur.call(tooltipProps);
+      if (isCopied) resetTooltipText();
+    },
+    disableScreenReaderOutput: isCopied || !!(tooltipProps !== null && tooltipProps !== void 0 && tooltipProps.disableScreenReaderOutput)
+  }), children(copy)), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("div", {
+    "aria-live": "assertive",
+    "aria-atomic": "true"
+  }, isCopied ? afterMessage : '')));
+};

package/optimize/lib/components/datagrid/body/header/column_actions.js

@@ -139,7 +139,7 @@ var ColumnActions = exports.ColumnActions = /*#__PURE__*/(0, _react.memo)(functi
     anchorPosition: "downRight",
     css: styles.euiDataGridHeaderCell__popover,
     button: (0, _react2.jsx)(_button.EuiButtonIcon, {
-      iconType: "boxesVertical",
+      iconType: "ellipsis",
       iconSize: "s",
       color: "text",
       className: "euiDataGridHeaderCell__button",

package/optimize/lib/components/datagrid/data_grid.js

@@ -74,6 +74,10 @@ var cellPaddingsToClassMap = {
   l: 'euiDataGrid--paddingLarge'
 };
 var emptyVirtualizationOptions = {};
+
+/**
+ * @see {@link https://eui.elastic.co/docs/components/data-grid/|EuiDataGrid documentation}
+ */
 var EuiDataGrid = exports.EuiDataGrid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$leadingControl = props.leadingControlColumns,
     leadingControlColumns = _props$leadingControl === void 0 ? _data_grid_types.emptyControlColumns : _props$leadingControl,

package/optimize/lib/components/datagrid/data_grid.stories.utils.js

@@ -201,10 +201,10 @@ var defaultStorybookArgs = exports.defaultStorybookArgs = {
     },
     rowCellRender: function rowCellRender() {
       return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_button.EuiButtonIcon, {
-        iconType: "indexEdit",
+        iconType: "tablePencil",
         "aria-label": "Edit row"
       }), (0, _react2.jsx)(_button.EuiButtonIcon, {
-        iconType: "boxesVertical",
+        iconType: "ellipsis",
         "aria-label": "Open actions popover"
       }));
     }

package/optimize/lib/components/date_picker/auto_refresh/auto_refresh.js

@@ -30,6 +30,9 @@ var _excluded = ["className", "onRefreshChange", "intervalUnits", "isDisabled",
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/date-and-time/auto-refresh/|EuiAutoRefresh documentation}
+ */
 var EuiAutoRefresh = exports.EuiAutoRefresh = function EuiAutoRefresh(_ref) {
   var className = _ref.className,
     onRefreshChange = _ref.onRefreshChange,

package/optimize/lib/components/date_picker/date_picker_range.js

@@ -24,6 +24,9 @@ var _excluded = ["children", "className", "data-test-subj", "startDateControl",
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/date-and-time/date-picker-range/|EuiDatePickerRange documentation}
+ */
 var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRange(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js

@@ -531,6 +531,9 @@ var EuiSuperDatePickerInternal = exports.EuiSuperDatePickerInternal = /*#__PURE_
 // we have to use a render prop here in order for us to pass i18n'd strings/objects/etc
 // to all underlying usages of our timeOptions constants. If someday we convert
 // EuiSuperDatePicker to an FC, we can likely get rid of this wrapper.
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/date-and-time/super-date-picker/|EuiSuperDatePicker documentation}
+ */
 (0, _defineProperty2.default)(EuiSuperDatePickerInternal, "defaultProps", {
   dateFormat: 'MMM D, YYYY @ HH:mm:ss.SSS',
   end: 'now',

package/optimize/lib/components/date_picker/super_date_picker/time_window_buttons.js

@@ -91,7 +91,7 @@ var EuiTimeWindowButtons = exports.EuiTimeWindowButtons = function EuiTimeWindow
   if (!showZoomIn && !showZoomOut && !showShiftArrows) return null;
   return (0, _react2.jsx)("div", {
     className: "euiSuperDatePicker__timeWindowButtons",
-    css: [styles.euiButtonGroup__buttons, styles[buttonSize], ";label:EuiTimeWindowButtons;"],
+    css: [styles.euiButtonGroup__buttons, styles.size[buttonSize], ";label:EuiTimeWindowButtons;"],
     "data-test-subj": "timeWindowButtons"
   }, showShiftArrows && (0, _react2.jsx)(_button_group_button.EuiButtonGroupButton, {
     id: previousId,

package/optimize/lib/components/description_list/description_list.js

@@ -25,6 +25,9 @@ var _excluded = ["align", "children", "className", "style", "compressed", "descr
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * @see {@link https://eui.elastic.co/docs/components/display/description-list/|EuiDescriptionList documentation}
+ */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }

package/optimize/lib/components/drag_and_drop/drag_drop_context.js

@@ -25,6 +25,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var EuiDragDropContextContext = exports.EuiDragDropContextContext = /*#__PURE__*/(0, _react.createContext)({
   isDraggingType: null
 });
+
+/**
+ * @see {@link https://eui.elastic.co/docs/components/display/drag-and-drop/|EuiDragDropContext documentation}
+ */
 var EuiDragDropContext = exports.EuiDragDropContext = function EuiDragDropContext(_ref) {
   var onBeforeDragStart = _ref.onBeforeDragStart,
     onDragStart = _ref.onDragStart,

package/optimize/lib/components/empty_prompt/empty_prompt.js

@@ -31,6 +31,9 @@ var _excluded = ["icon", "iconType", "iconColor", "title", "titleSize", "padding
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var PADDING_SIZES = exports.PADDING_SIZES = ['none', 's', 'm', 'l'];
+/**
+ * @see {@link https://eui.elastic.co/docs/components/display/empty-prompt/|EuiEmptyPrompt documentation}
+ */
 var EuiEmptyPrompt = exports.EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
   var icon = _ref.icon,
     iconType = _ref.iconType,

package/optimize/lib/components/expression/expression.js

@@ -25,6 +25,9 @@ var _excluded = ["className", "description", "descriptionProps", "value", "value
 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) { (0, _defineProperty2.default)(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; }
 var COLORS = exports.COLORS = ['subdued', 'primary', 'success', 'accent', 'warning', 'danger'];
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/search-and-filter/expression/|EuiExpression documentation}
+ */
 var EuiExpression = exports.EuiExpression = function EuiExpression(_ref) {
   var className = _ref.className,
     description = _ref.description,

package/optimize/lib/components/facet/facet_button.js

@@ -30,6 +30,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2.default)(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; }
+/**
+ * @see {@link https://eui.elastic.co/docs/components/navigation/facet/|EuiFacetButton documentation}
+ */
 var EuiFacetButton = exports.EuiFacetButton = function EuiFacetButton(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/optimize/lib/components/filter_group/filter_group.js

@@ -20,6 +20,9 @@ var _excluded = ["children", "className", "fullWidth", "compressed"];
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * @see {@link https://eui.elastic.co/docs/components/navigation/buttons/filter-group/|EuiFilterGroup documentation}
+ */
 var EuiFilterGroup = exports.EuiFilterGroup = function EuiFilterGroup(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/optimize/lib/components/flex/flex_grid.js

@@ -29,6 +29,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var DIRECTIONS = exports.DIRECTIONS = ['row', 'column'];
 var ALIGN_ITEMS = exports.ALIGN_ITEMS = ['stretch', 'start', 'end', 'center', 'baseline'];
 var GUTTER_SIZES = exports.GUTTER_SIZES = ['none', 's', 'm', 'l', 'xl'];
+/**
+ * @see {@link https://eui.elastic.co/docs/components/layout/flex/grid/|EuiFlexGrid documentation}
+ */
 var EuiFlexGrid = exports.EuiFlexGrid = function EuiFlexGrid(_ref) {
   var children = _ref.children,
     className = _ref.className,

package/optimize/lib/components/flex/flex_group.js

@@ -62,5 +62,8 @@ var EuiFlexGroupInternal = function EuiFlexGroupInternal(_ref, ref) {
 
 // Cast forwardRef return type to work with the generic TComponent type
 // and not fallback to implicit any typing
+/**
+ * @see {@link https://eui.elastic.co/docs/components/layout/flex/|EuiFlexGroup documentation}
+ */
 var EuiFlexGroup = exports.EuiFlexGroup = /*#__PURE__*/(0, _react.forwardRef)(EuiFlexGroupInternal);
 EuiFlexGroup.displayName = 'EuiFlexGroup';

package/optimize/lib/components/flex/flex_item.js

@@ -55,5 +55,8 @@ var EuiFlexItemInternal = function EuiFlexItemInternal(_ref, ref) {
 
 // Cast forwardRef return type to work with the generic TComponent type
 // and not fallback to implicit any typing
+/**
+ * @see {@link https://eui.elastic.co/docs/components/layout/flex/item/|EuiFlexItem documentation}
+ */
 var EuiFlexItem = exports.EuiFlexItem = /*#__PURE__*/(0, _react.forwardRef)(EuiFlexItemInternal);
 EuiFlexItem.displayName = 'EuiFlexItem';

package/optimize/lib/components/flyout/const.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MENU_DISPLAY_AUTO = exports.MENU_DISPLAY_ALWAYS = exports.FLYOUT_TYPES = exports.FLYOUT_SIZES = exports.FLYOUT_SIDES = exports.FLYOUT_PADDING_SIZES = exports.FLYOUT_MENU_DISPLAY_MODES = exports.DEFAULT_TYPE = exports.DEFAULT_SIZE = exports.DEFAULT_SIDE = exports.DEFAULT_PUSH_MIN_BREAKPOINT = exports.DEFAULT_PADDING_SIZE = exports.DEFAULT_MENU_DISPLAY_MODE = void 0;
+exports.MIN_HISTORY_ITEMS = exports.MENU_DISPLAY_AUTO = exports.MENU_DISPLAY_ALWAYS = exports.FLYOUT_TYPES = exports.FLYOUT_SIZES = exports.FLYOUT_SIDES = exports.FLYOUT_PADDING_SIZES = exports.FLYOUT_MENU_DISPLAY_MODES = exports.DEFAULT_TYPE = exports.DEFAULT_SIZE = exports.DEFAULT_SIDE = exports.DEFAULT_PUSH_MIN_BREAKPOINT = exports.DEFAULT_PADDING_SIZE = exports.DEFAULT_MENU_DISPLAY_MODE = void 0;
 exports.isEuiFlyoutSizeNamed = isEuiFlyoutSizeNamed;
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -27,12 +27,17 @@ var FLYOUT_SIZES = exports.FLYOUT_SIZES = ['s', 'm', 'l', 'fill'];
 
 /** Menu display mode: always render menu when flyoutMenuProps is provided. */
 var MENU_DISPLAY_ALWAYS = exports.MENU_DISPLAY_ALWAYS = 'always';
-/** Menu display mode: only render menu when it has content (back button, history, title, or custom actions). */
+/** Menu display mode: only render menu when it has content (back button, history, title, or actions). */
 var MENU_DISPLAY_AUTO = exports.MENU_DISPLAY_AUTO = 'auto';
 /** Allowed flyout menu display modes. */
 var FLYOUT_MENU_DISPLAY_MODES = exports.FLYOUT_MENU_DISPLAY_MODES = [MENU_DISPLAY_ALWAYS, MENU_DISPLAY_AUTO];
 /** Type representing a supported flyout menu display mode. */
 
+/**
+ * Minimum number of history items required to render the flyout menu's history popover.
+ */
+var MIN_HISTORY_ITEMS = exports.MIN_HISTORY_ITEMS = 2;
+
 /** Allowed padding sizes for flyout content. */
 var FLYOUT_PADDING_SIZES = exports.FLYOUT_PADDING_SIZES = ['none', 's', 'm', 'l'];
 /** Type representing a supported flyout padding size. */

package/optimize/lib/components/flyout/flyout_menu/action_button.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuActionButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _button = require("../../button");
+var _tool_tip = require("../../tool_tip");
+var _react2 = require("@emotion/react");
+/*
+ * 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.
+ */
+
+var MenuActionButton = exports.MenuActionButton = function MenuActionButton(_ref) {
+  var action = _ref.action;
+  var iconType = action.iconType,
+    onClick = action.onClick,
+    ariaLabel = action['aria-label'],
+    toolTipContent = action.toolTipContent,
+    toolTipProps = action.toolTipProps;
+  var sharedProps = {
+    'aria-label': ariaLabel,
+    iconType: iconType,
+    onClick: onClick,
+    color: 'text',
+    size: 'xs'
+  };
+  return toolTipContent ? (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({
+    content: toolTipContent,
+    disableScreenReaderOutput: true
+  }, toolTipProps), (0, _react2.jsx)(_button.EuiButtonIcon, sharedProps)) : (0, _react2.jsx)(_button.EuiButtonIcon, sharedProps);
+};

package/optimize/lib/components/flyout/flyout_menu/back_button.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _button = require("../../button");
+var _react2 = require("@emotion/react");
+var _excluded = ["label"];
+/*
+ * 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.
+ */
+/**
+ * `label` is resolved by `EuiFlyoutMenu`, which owns the `euiFlyoutMenu.*`
+ * i18n token namespace.
+ */
+var BackButton = exports.BackButton = function BackButton(_ref) {
+  var label = _ref.label,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)(_button.EuiButtonEmpty, (0, _extends2.default)({
+    size: "xs",
+    color: "text",
+    iconType: "undo",
+    "data-test-subj": "euiFlyoutMenuBackButton"
+  }, rest), label);
+};

package/optimize/lib/components/flyout/flyout_menu/close_spacer.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseButtonSpacer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _services = require("../../../services");
+var _flex = require("../../flex");
+var _flyout_menu = require("./flyout_menu.styles");
+var _react2 = require("@emotion/react");
+/*
+ * 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.
+ */
+
+/**
+ * Spacer that gives trailing actions room around the absolutely-positioned
+ * close button. When `showDivider` is true, it doubles as the visual divider
+ * between trailing actions and the close button.
+ */
+var CloseButtonSpacer = exports.CloseButtonSpacer = function CloseButtonSpacer(_ref) {
+  var showDivider = _ref.showDivider;
+  var styles = (0, _services.useEuiMemoizedStyles)(_flyout_menu.euiFlyoutMenuStyles);
+  return (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false,
+    css: [styles.euiFlyoutMenu__spacer, showDivider && styles.euiFlyoutMenu__divider, ";label:CloseButtonSpacer;"],
+    className: showDivider ? 'euiFlyoutMenu__divider' : undefined,
+    "aria-hidden": showDivider ? 'true' : undefined
+  });
+};

package/optimize/lib/components/flyout/flyout_menu/divider.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuDivider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _services = require("../../../services");
+var _flex = require("../../flex");
+var _flyout_menu = require("./flyout_menu.styles");
+var _react2 = require("@emotion/react");
+/*
+ * 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.
+ */
+
+var MenuDivider = exports.MenuDivider = function MenuDivider() {
+  var styles = (0, _services.useEuiMemoizedStyles)(_flyout_menu.euiFlyoutMenuStyles);
+  return (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false,
+    css: styles.euiFlyoutMenu__divider,
+    "aria-hidden": "true",
+    className: "euiFlyoutMenu__divider"
+  });
+};