@elastic/eui 118.0.0 → 119.0.0

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

@@ -0,0 +1,160 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiFlyoutMenu = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _services = require("../../../services");
+var _flex = require("../../flex");
+var _i18n = require("../../i18n");
+var _title = require("../../title");
+var _flyout_close_button = require("../_flyout_close_button");
+var _const = require("../const");
+var _flyout_menu_context = require("../flyout_menu_context");
+var _flyout_menu = require("./flyout_menu.styles");
+var _back_button = require("./back_button");
+var _close_spacer = require("./close_spacer");
+var _history_popover = require("./history_popover");
+var _action_button = require("./action_button");
+var _divider = require("./divider");
+var _pagination = require("./pagination");
+var _react2 = require("@emotion/react");
+var _excluded = ["className", "title", "titleId", "hideTitle", "hideCloseButton", "historyItems", "showBackButton", "backButtonProps", "leadingActions", "trailingActions", "customActions", "iconType", "pagination"];
+/*
+ * 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.
+ */
+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; }
+/**
+ * The component for the top menu bar inside a flyout. Since this is a private
+ * component, rendering is controlled using the `flyoutMenuProps` prop on
+ * `EuiFlyout`. In managed session flyouts, the Flyout Manager controls a back
+ * button and history popover for navigating to different flyout sessions
+ * within the managed context.
+ *
+ * @private
+ */
+var EuiFlyoutMenu = exports.EuiFlyoutMenu = function EuiFlyoutMenu(_ref) {
+  var _pagination$currentIn, _pagination$total;
+  var className = _ref.className,
+    title = _ref.title,
+    titleId = _ref.titleId,
+    _ref$hideTitle = _ref.hideTitle,
+    hideTitle = _ref$hideTitle === void 0 ? true : _ref$hideTitle,
+    hideCloseButton = _ref.hideCloseButton,
+    _ref$historyItems = _ref.historyItems,
+    historyItems = _ref$historyItems === void 0 ? [] : _ref$historyItems,
+    showBackButton = _ref.showBackButton,
+    backButtonProps = _ref.backButtonProps,
+    _ref$leadingActions = _ref.leadingActions,
+    leadingActions = _ref$leadingActions === void 0 ? [] : _ref$leadingActions,
+    trailingActions = _ref.trailingActions,
+    customActions = _ref.customActions,
+    _iconType = _ref.iconType,
+    pagination = _ref.pagination,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useContext = (0, _react.useContext)(_flyout_menu_context.EuiFlyoutMenuContext),
+    onClose = _useContext.onClose;
+  var styles = (0, _services.useEuiMemoizedStyles)(_flyout_menu.euiFlyoutMenuStyles);
+  var classes = (0, _classnames.default)('euiFlyoutMenu', className);
+  var showPaginationControls = pagination != null && pagination.total >= 1;
+  var hasBackButton = !showPaginationControls && !!showBackButton;
+  var hasHistory = !showPaginationControls && historyItems.length >= _const.MIN_HISTORY_ITEMS;
+
+  // `trailingActions` takes precedence over the deprecated `customActions` alias
+  var effectiveTrailingActions = trailingActions !== undefined ? trailingActions : customActions !== null && customActions !== void 0 ? customActions : [];
+  var hasBuiltInLeadingContent = showPaginationControls || hasBackButton || hasHistory;
+  var showBackHistoryDivider = hasBackButton && hasHistory;
+  var showLeadingBoundaryDivider = hasBuiltInLeadingContent && leadingActions.length > 0;
+  var showTrailingCloseDivider = effectiveTrailingActions.length > 0 && !hideCloseButton;
+
+  // Sub-components are presentational, so all `euiFlyoutMenu.*` tokens are
+  // resolved here, in the file that owns the namespace
+  var backButtonLabel = (0, _i18n.useEuiI18n)('euiFlyoutMenu.back', 'Back');
+  var historyLabel = (0, _i18n.useEuiI18n)('euiFlyoutMenu.history', 'History');
+  var recentlyVisitedLabel = (0, _i18n.useEuiI18n)('euiFlyoutMenu.history.tooltip', 'Recently visited');
+  var paginationLabels = {
+    first: (0, _i18n.useEuiI18n)('euiFlyoutMenu.pagination.first', 'First'),
+    previous: (0, _i18n.useEuiI18n)('euiFlyoutMenu.pagination.previous', 'Previous'),
+    next: (0, _i18n.useEuiI18n)('euiFlyoutMenu.pagination.next', 'Next'),
+    last: (0, _i18n.useEuiI18n)('euiFlyoutMenu.pagination.last', 'Last'),
+    counter: (0, _i18n.useEuiI18n)('euiFlyoutMenu.pagination.counter', '{position} of {total}', {
+      position: ((_pagination$currentIn = pagination === null || pagination === void 0 ? void 0 : pagination.currentIndex) !== null && _pagination$currentIn !== void 0 ? _pagination$currentIn : 0) + 1,
+      total: (_pagination$total = pagination === null || pagination === void 0 ? void 0 : pagination.total) !== null && _pagination$total !== void 0 ? _pagination$total : 0
+    })
+  };
+  var titleNode;
+  if (title) {
+    titleNode = (0, _react2.jsx)(_title.EuiTitle, {
+      size: "xxs",
+      id: titleId
+    }, (0, _react2.jsx)("h3", {
+      css: hideTitle && styles.euiFlyoutMenu__hiddenTitle
+    }, title));
+  }
+  var handleClose = function handleClose(event) {
+    onClose === null || onClose === void 0 || onClose(event, {
+      reason: 'close-button'
+    });
+  };
+  return (0, _react2.jsx)("div", (0, _extends2.default)({
+    className: classes,
+    css: styles.euiFlyoutMenu__container,
+    "data-test-subj": "euiFlyoutMenu"
+  }, rest), (0, _react2.jsx)(_flex.EuiFlexGroup, {
+    alignItems: "center",
+    justifyContent: "spaceBetween",
+    gutterSize: "none",
+    responsive: false,
+    css: styles.euiFlyoutMenu__controls
+  }, showPaginationControls ? (0, _react2.jsx)(_pagination.PaginationControls, {
+    pagination: pagination,
+    labels: paginationLabels
+  }) : (0, _react2.jsx)(_react.default.Fragment, null, hasBackButton && (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(_back_button.BackButton, (0, _extends2.default)({
+    label: backButtonLabel
+  }, backButtonProps))), showBackHistoryDivider && (0, _react2.jsx)(_divider.MenuDivider, null), hasHistory && (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(_history_popover.HistoryPopover, {
+    items: historyItems,
+    historyLabel: historyLabel,
+    recentlyVisitedLabel: recentlyVisitedLabel
+  }))), showLeadingBoundaryDivider && (0, _react2.jsx)(_divider.MenuDivider, null), leadingActions.map(function (action, actionIndex) {
+    return (0, _react2.jsx)(_flex.EuiFlexItem, {
+      key: "leading-action-".concat(actionIndex),
+      grow: false,
+      css: styles.euiFlyoutMenu__actions
+    }, (0, _react2.jsx)(_action_button.MenuActionButton, {
+      action: action
+    }));
+  }), titleNode && (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, titleNode), (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: true
+  }), effectiveTrailingActions.map(function (action, actionIndex) {
+    return (0, _react2.jsx)(_flex.EuiFlexItem, {
+      key: "trailing-action-".concat(actionIndex),
+      grow: false,
+      css: styles.euiFlyoutMenu__actions
+    }, (0, _react2.jsx)(_action_button.MenuActionButton, {
+      action: action
+    }));
+  }), !hideCloseButton && (0, _react2.jsx)(_close_spacer.CloseButtonSpacer, {
+    showDivider: showTrailingCloseDivider
+  })), !hideCloseButton && (0, _react2.jsx)(_flyout_close_button.EuiFlyoutCloseButton, {
+    onClose: handleClose,
+    side: "right",
+    closeButtonPosition: "inside"
+  }));
+};

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiFlyoutMenuStyles = void 0;
+var _react = require("@emotion/react");
+var _global_styling = require("../../../global_styling");
+var _accessibility = require("../../accessibility");
+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)."; } /*
+ * 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 _ref = process.env.NODE_ENV === "production" ? {
+  name: "1kqtial-euiFlyoutMenu__actions",
+  styles: "align-self:center;label:euiFlyoutMenu__actions;"
+} : {
+  name: "1kqtial-euiFlyoutMenu__actions",
+  styles: "align-self:center;label:euiFlyoutMenu__actions;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var euiFlyoutMenuStyles = exports.euiFlyoutMenuStyles = function euiFlyoutMenuStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  return {
+    euiFlyoutMenu__container: /*#__PURE__*/(0, _react.css)("block-size:calc(", euiTheme.size.m, " * 3.5);flex-shrink:0;padding-block:", euiTheme.size.s, ";padding-inline:", euiTheme.size.s, ";border-block-end:", euiTheme.border.width.thin, " solid ", euiTheme.border.color, ";.euiTitle{padding-inline:", euiTheme.size.s, ";};label:euiFlyoutMenu__container;"),
+    // Full height in high contrast mode so dividers can bleed to the container edges.
+    euiFlyoutMenu__controls: /*#__PURE__*/(0, _react.css)((0, _global_styling.highContrastModeStyles)(euiThemeContext, {
+      preferred: 'block-size: 100%;'
+    }), ";;label:euiFlyoutMenu__controls;"),
+    euiFlyoutMenu__spacer: /*#__PURE__*/(0, _react.css)("padding-inline:", euiTheme.size.m, ";;label:euiFlyoutMenu__spacer;"),
+    euiFlyoutMenu__actions: _ref,
+    euiFlyoutMenu__hiddenTitle: /*#__PURE__*/(0, _react.css)((0, _accessibility.euiScreenReaderOnly)(), ";;label:euiFlyoutMenu__hiddenTitle;"),
+    euiFlyoutMenu__paginationCounter: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textSubdued, ";white-space:nowrap;;label:euiFlyoutMenu__paginationCounter;"),
+    // Border (not background) keeps the line visible in Windows high contrast themes.
+    euiFlyoutMenu__divider: /*#__PURE__*/(0, _react.css)("align-self:center;inline-size:0;block-size:", euiTheme.size.l, ";margin-inline:", euiTheme.size.s, ";border-inline-start:", euiTheme.border.thin, ";pointer-events:none;", (0, _global_styling.highContrastModeStyles)(euiThemeContext, {
+      preferred: "\n          align-self: stretch;\n          block-size: auto;\n          margin-block: -".concat(euiTheme.size.s, ";\n        ")
+    }), ";;label:euiFlyoutMenu__divider;")
+  };
+};

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

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryPopover = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _button = require("../../button");
+var _list_group = require("../../list_group");
+var _popover = require("../../popover");
+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; }
+/*
+ * 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.
+ */
+
+/**
+ * Labels are resolved by `EuiFlyoutMenu`, which owns the `euiFlyoutMenu.*`
+ * i18n token namespace.
+ */
+var HistoryPopover = exports.HistoryPopover = function HistoryPopover(_ref) {
+  var items = _ref.items,
+    historyLabel = _ref.historyLabel,
+    recentlyVisitedLabel = _ref.recentlyVisitedLabel;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isPopoverOpen = _useState2[0],
+    setIsPopoverOpen = _useState2[1];
+  return (0, _react2.jsx)(_popover.EuiPopover, {
+    "aria-label": historyLabel,
+    button: (0, _react2.jsx)(_tool_tip.EuiToolTip, {
+      content: recentlyVisitedLabel,
+      disableScreenReaderOutput: true
+    }, (0, _react2.jsx)(_button.EuiButtonIcon, {
+      iconType: "clockCounter",
+      color: "text",
+      "aria-label": historyLabel,
+      "data-test-subj": "euiFlyoutMenuHistoryButton"
+    })),
+    isOpen: isPopoverOpen,
+    onClick: function onClick() {
+      return setIsPopoverOpen(!isPopoverOpen);
+    },
+    closePopover: function closePopover() {
+      return setIsPopoverOpen(false);
+    },
+    panelPaddingSize: "xs",
+    anchorPosition: "downLeft"
+  }, (0, _react2.jsx)(_list_group.EuiListGroup, null, items.map(function (item, index) {
+    return (0, _react2.jsx)(_list_group.EuiListGroupItem, {
+      key: "history-item-".concat(index),
+      label: item.title,
+      iconType: item.iconType,
+      onClick: function onClick() {
+        item.onClick();
+        setIsPopoverOpen(false);
+      },
+      "data-test-subj": "euiFlyoutMenuHistoryItem-".concat(index)
+    }, item.title);
+  })));
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EuiFlyoutMenu", {
+  enumerable: true,
+  get: function get() {
+    return _flyout_menu.EuiFlyoutMenu;
+  }
+});
+var _flyout_menu = require("./flyout_menu");

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

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaginationControls = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _services = require("../../../services");
+var _button = require("../../button");
+var _flex = require("../../flex");
+var _accessibility = require("../../accessibility");
+var _text = require("../../text");
+var _tool_tip = require("../../tool_tip");
+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 PaginationButton = function PaginationButton(_ref) {
+  var iconType = _ref.iconType,
+    label = _ref.label,
+    onClick = _ref.onClick,
+    isDisabled = _ref.isDisabled,
+    dataTestSubj = _ref.dataTestSubj;
+  var sharedProps = {
+    iconType: iconType,
+    color: 'text',
+    size: 'xs',
+    'aria-label': label,
+    onClick: onClick,
+    'data-test-subj': dataTestSubj
+  };
+  return isDisabled ? (0, _react2.jsx)(_button.EuiButtonIcon, (0, _extends2.default)({}, sharedProps, {
+    isDisabled: true
+  })) : (0, _react2.jsx)(_tool_tip.EuiToolTip, {
+    content: label,
+    disableScreenReaderOutput: true
+  }, (0, _react2.jsx)(_button.EuiButtonIcon, sharedProps));
+};
+/**
+ * `labels` are resolved by `EuiFlyoutMenu`, which owns the `euiFlyoutMenu.*`
+ * i18n token namespace.
+ */
+var PaginationControls = exports.PaginationControls = function PaginationControls(_ref2) {
+  var pagination = _ref2.pagination,
+    labels = _ref2.labels;
+  var styles = (0, _services.useEuiMemoizedStyles)(_flyout_menu.euiFlyoutMenuStyles);
+  var currentIndex = pagination.currentIndex,
+    total = pagination.total,
+    onPrevious = pagination.onPrevious,
+    onNext = pagination.onNext,
+    onFirst = pagination.onFirst,
+    onLast = pagination.onLast;
+
+  // Jump-to-first/last controls read as a horizontal track, so the Prev/Next
+  // chevrons follow that axis unless the consumer overrides them.
+  var hasJumpControls = onFirst != null || onLast != null;
+  var previousIconType = hasJumpControls ? 'chevronSingleLeft' : 'chevronSingleUp';
+  var nextIconType = hasJumpControls ? 'chevronSingleRight' : 'chevronSingleDown';
+  var firstLabel = labels.first,
+    prevLabel = labels.previous,
+    nextLabel = labels.next,
+    lastLabel = labels.last,
+    counterLabel = labels.counter;
+  var isAtStart = currentIndex === 0;
+  var isAtEnd = currentIndex === total - 1;
+  return (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(_flex.EuiFlexGroup, {
+    gutterSize: "xs",
+    alignItems: "center",
+    responsive: false
+  }, onFirst && (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(PaginationButton, {
+    iconType: "chevronLimitLeft",
+    label: firstLabel,
+    onClick: onFirst,
+    isDisabled: isAtStart,
+    dataTestSubj: "euiFlyoutMenuPaginationFirst"
+  })), (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(PaginationButton, {
+    iconType: previousIconType,
+    label: prevLabel,
+    onClick: onPrevious,
+    isDisabled: isAtStart,
+    dataTestSubj: "euiFlyoutMenuPaginationPrev"
+  })), (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(_text.EuiText, {
+    size: "s",
+    css: styles.euiFlyoutMenu__paginationCounter,
+    "aria-hidden": "true"
+  }, counterLabel), (0, _react2.jsx)(_accessibility.EuiScreenReaderLive, null, counterLabel)), (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(PaginationButton, {
+    iconType: nextIconType,
+    label: nextLabel,
+    onClick: onNext,
+    isDisabled: isAtEnd,
+    dataTestSubj: "euiFlyoutMenuPaginationNext"
+  })), onLast && (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: false
+  }, (0, _react2.jsx)(PaginationButton, {
+    iconType: "chevronLimitRight",
+    label: lastLabel,
+    onClick: onLast,
+    isDisabled: isAtEnd,
+    dataTestSubj: "euiFlyoutMenuPaginationLast"
+  }))));
+};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/optimize/lib/components/flyout/manager/flyout_managed.js

@@ -290,7 +290,7 @@ var EuiManagedFlyout = exports.EuiManagedFlyout = /*#__PURE__*/(0, _react.forwar
     console.warn("flyout-pagination-dual-source-".concat(flyoutId), "[EuiFlyoutManager] flyout \"".concat(flyoutId, "\" has pagination set both via the store (setPagination) ") + 'and via flyoutMenuProps.pagination. The store value will be used. Remove one source to avoid confusion.');
   }
   var pagination = storePagination !== null && storePagination !== void 0 ? storePagination : propPagination;
-  var showPaginationControls = pagination != null && pagination.total > 1;
+  var showPaginationControls = pagination != null && pagination.total >= 1;
   var flyoutMenuProps = _objectSpread(_objectSpread({}, _flyoutMenuProps), {}, {
     historyItems: showPaginationControls ? [] : historyItems,
     showBackButton: showPaginationControls ? false : showBackButton,

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

@@ -30,7 +30,7 @@ var _excluded = ["titleId"];
  * @internal
  */
 var useEuiFlyoutMenu = exports.useEuiFlyoutMenu = function useEuiFlyoutMenu(_ref) {
-  var _flyoutMenuProps$hist, _flyoutMenuProps$hist2, _flyoutMenuProps$cust, _flyoutMenuProps$cust2;
+  var _flyoutMenuProps$hist, _flyoutMenuProps$hist2, _flyoutMenuProps$lead, _flyoutMenuProps$lead2, _effectiveTrailingAct;
   var _flyoutMenuProps = _ref.flyoutMenuProps,
     flyoutMenuDisplayMode = _ref.flyoutMenuDisplayMode,
     _ariaLabelledBy = _ref.ariaLabelledBy;
@@ -45,10 +45,12 @@ var useEuiFlyoutMenu = exports.useEuiFlyoutMenu = function useEuiFlyoutMenu(_ref
   }, [hasMenu, _titleId, generatedMenuId]);
 
   // Determine if the menu has any content
-  // hasBackButton or hasHistory or hasCustomActions or hasVisibleTitle or hasPagination
-  var menuHasContent = hasMenu && (!!flyoutMenuProps.showBackButton || ((_flyoutMenuProps$hist = (_flyoutMenuProps$hist2 = flyoutMenuProps.historyItems) === null || _flyoutMenuProps$hist2 === void 0 ? void 0 : _flyoutMenuProps$hist2.length) !== null && _flyoutMenuProps$hist !== void 0 ? _flyoutMenuProps$hist : 0) > 0 || ((_flyoutMenuProps$cust = (_flyoutMenuProps$cust2 = flyoutMenuProps.customActions) === null || _flyoutMenuProps$cust2 === void 0 ? void 0 : _flyoutMenuProps$cust2.length) !== null && _flyoutMenuProps$cust !== void 0 ? _flyoutMenuProps$cust : 0) > 0 ||
+  // hasBackButton or hasHistory or hasLeadingActions or hasTrailingActions
+  // or hasCustomActions (deprecated alias) or hasVisibleTitle or hasPagination
+  var effectiveTrailingActions = flyoutMenuProps.trailingActions !== undefined ? flyoutMenuProps.trailingActions : flyoutMenuProps.customActions;
+  var menuHasContent = hasMenu && (!!flyoutMenuProps.showBackButton || ((_flyoutMenuProps$hist = (_flyoutMenuProps$hist2 = flyoutMenuProps.historyItems) === null || _flyoutMenuProps$hist2 === void 0 ? void 0 : _flyoutMenuProps$hist2.length) !== null && _flyoutMenuProps$hist !== void 0 ? _flyoutMenuProps$hist : 0) >= _const.MIN_HISTORY_ITEMS || ((_flyoutMenuProps$lead = (_flyoutMenuProps$lead2 = flyoutMenuProps.leadingActions) === null || _flyoutMenuProps$lead2 === void 0 ? void 0 : _flyoutMenuProps$lead2.length) !== null && _flyoutMenuProps$lead !== void 0 ? _flyoutMenuProps$lead : 0) > 0 || ((_effectiveTrailingAct = effectiveTrailingActions === null || effectiveTrailingActions === void 0 ? void 0 : effectiveTrailingActions.length) !== null && _effectiveTrailingAct !== void 0 ? _effectiveTrailingAct : 0) > 0 ||
   // Component defaults to hiding the title, so only explicit false means the title will be visible
-  !!(flyoutMenuProps.title && flyoutMenuProps.hideTitle === false) || !!(flyoutMenuProps.pagination && flyoutMenuProps.pagination.total > 1));
+  !!(flyoutMenuProps.title && flyoutMenuProps.hideTitle === false) || !!(flyoutMenuProps.pagination && flyoutMenuProps.pagination.total >= 1));
 
   // Determine if the menu should be rendered based on the display mode and menu content
   var shouldRenderMenu = (0, _react.useMemo)(function () {

package/optimize/lib/components/form/checkbox/checkbox.js

@@ -24,6 +24,9 @@ var _excluded = ["className", "id", "checked", "label", "onChange", "type", "dis
  */
 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/selection/checkbox-and-checkbox-group/|EuiCheckbox documentation}
+ */
 var EuiCheckbox = exports.EuiCheckbox = function EuiCheckbox(_ref) {
   var className = _ref.className,
     id = _ref.id,

package/optimize/lib/components/form/described_form_group/described_form_group.js

@@ -24,6 +24,9 @@ var _excluded = ["children", "className", "gutterSize", "fullWidth", "ratio", "t
  * 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/forms/layouts/described-groups/|EuiDescribedFormGroup documentation}
+ */
 var EuiDescribedFormGroup = exports.EuiDescribedFormGroup = function EuiDescribedFormGroup(props) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
     defaultFullWidth = _useFormContext.defaultFullWidth;

package/optimize/lib/components/form/field_number/field_number.js

@@ -27,6 +27,9 @@ var _excluded = ["className", "icon", "id", "placeholder", "name", "min", "max",
  */
 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/numeric/|EuiFieldNumber documentation}
+ */
 var EuiFieldNumber = exports.EuiFieldNumber = function EuiFieldNumber(props) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
     defaultFullWidth = _useFormContext.defaultFullWidth;

package/optimize/lib/components/form/field_password/field_password.js

@@ -31,6 +31,9 @@ var _excluded = ["className", "id", "name", "placeholder", "value", "disabled",
  */
 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/text/password/|EuiFieldPassword documentation}
+ */
 var EuiFieldPassword = exports.EuiFieldPassword = function EuiFieldPassword(props) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
     defaultFullWidth = _useFormContext.defaultFullWidth;

package/optimize/lib/components/form/field_search/field_search.js

@@ -222,6 +222,9 @@ var EuiFieldSearchClass = exports.EuiFieldSearchClass = /*#__PURE__*/function (_
     }
   }]);
 }(_react.Component);
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/search-and-filter/search/|EuiFieldSearch documentation}
+ */
 (0, _defineProperty2.default)(EuiFieldSearchClass, "contextType", _eui_form_context.FormContext);
 (0, _defineProperty2.default)(EuiFieldSearchClass, "defaultProps", {
   isLoading: false,

package/optimize/lib/components/form/field_text/field_text.js

@@ -23,6 +23,9 @@ var _excluded = ["id", "name", "placeholder", "value", "className", "icon", "isI
  * 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/forms/text/|EuiFieldText documentation}
+ */
 var EuiFieldText = exports.EuiFieldText = function EuiFieldText(props) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
     defaultFullWidth = _useFormContext.defaultFullWidth;

package/optimize/lib/components/form/file_picker/file_picker.js

@@ -236,6 +236,9 @@ var EuiFilePickerClass = exports.EuiFilePickerClass = /*#__PURE__*/function (_Co
     }
   }]);
 }(_react.Component);
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/other/file-picker/|EuiFilePicker documentation}
+ */
 (0, _defineProperty2.default)(EuiFilePickerClass, "contextType", _eui_form_context.FormContext);
 (0, _defineProperty2.default)(EuiFilePickerClass, "defaultProps", {
   initialPromptText: (0, _react2.jsx)(_i18n.EuiI18n, {

package/optimize/lib/components/form/form.js

@@ -25,6 +25,9 @@ var _excluded = ["children", "className", "isInvalid", "error", "component", "in
  */
 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/layouts/row/|EuiForm documentation}
+ */
 var EuiForm = exports.EuiForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,

package/optimize/lib/components/form/form_control_layout/form_control_layout.js

@@ -33,6 +33,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/forms/layouts/controls/|EuiFormControlLayout documentation}
+ */
 var EuiFormControlLayout = exports.EuiFormControlLayout = function EuiFormControlLayout(props) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
     defaultFullWidth = _useFormContext.defaultFullWidth;

package/optimize/lib/components/form/form_label/form_label.js

@@ -20,6 +20,9 @@ var _excluded = ["type", "isFocused", "isInvalid", "isDisabled", "children", "cl
  * 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/forms/layouts/label/|EuiFormLabel documentation}
+ */
 var EuiFormLabel = exports.EuiFormLabel = function EuiFormLabel(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'label' : _ref$type,

package/optimize/lib/components/form/form_row/form_row.js

@@ -36,6 +36,9 @@ var DISPLAYS = exports.DISPLAYS = ['row', 'columnCompressed', 'center', 'centerC
  * in EUI's present primary theme, but may in the future.
  */
 'rowCompressed'];
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/layouts/row/|EuiFormRow documentation}
+ */
 var EuiFormRow = exports.EuiFormRow = function EuiFormRow(_ref) {
   var className = _ref.className,
     children = _ref.children,

package/optimize/lib/components/form/radio/radio.js

@@ -21,6 +21,9 @@ var _excluded = ["className", "id", "name", "checked", "label", "value", "onChan
  * 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/forms/selection/radio-and-radio-group/|EuiRadio documentation}
+ */
 var EuiRadio = exports.EuiRadio = function EuiRadio(_ref) {
   var className = _ref.className,
     id = _ref.id,

package/optimize/lib/components/form/range/range.js

@@ -265,6 +265,9 @@ var EuiRangeClass = exports.EuiRangeClass = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(_react.Component);
+/**
+ * @see {@link https://eui.elastic.co/docs/components/forms/numeric/range-sliders/|EuiRange documentation}
+ */
 (0, _defineProperty2.default)(EuiRangeClass, "contextType", _eui_form_context.FormContext);
 (0, _defineProperty2.default)(EuiRangeClass, "defaultProps", {
   min: 0,

package/optimize/lib/components/form/select/select.js

@@ -27,6 +27,9 @@ var _excluded = ["className", "options", "id", "name", "inputRef", "isInvalid",
  */
 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/selection/basic-select/|EuiSelect documentation}
+ */
 var EuiSelect = exports.EuiSelect = function EuiSelect(props) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
     defaultFullWidth = _useFormContext.defaultFullWidth;

package/optimize/lib/components/form/switch/switch.js

@@ -24,6 +24,9 @@ var _excluded = ["label", "id", "checked", "disabled", "compressed", "mini", "on
  */
 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/selection/switch/|EuiSwitch documentation}
+ */
 var EuiSwitch = exports.EuiSwitch = function EuiSwitch(_ref) {
   var label = _ref.label,
     id = _ref.id,

package/optimize/lib/components/header/header.js

@@ -39,6 +39,9 @@ var createHeaderSection = function createHeaderSection(sections) {
     }, section);
   });
 };
+/**
+ * @see {@link https://eui.elastic.co/docs/components/layout/header/|EuiHeader documentation}
+ */
 var EuiHeader = exports.EuiHeader = function EuiHeader(_ref) {
   var children = _ref.children,
     className = _ref.className,