@elastic/eui 92.2.1 → 93.1.0

package/optimize/es/components/date_picker/super_date_picker/pretty_duration.js

@@ -139,9 +139,15 @@ var useRelativeDurationRoundedI18n = function useRelativeDurationRoundedI18n(pre
  */
 
 var ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSSZ';
-export var useFormatTimeString = function useFormatTimeString(timeString, dateFormat) {
-  var roundUp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var locale = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'en';
+export var useFormatTimeString = function useFormatTimeString(timeString, dateFormat, options) {
+  var _ref15 = options || {},
+    _ref15$locale = _ref15.locale,
+    locale = _ref15$locale === void 0 ? 'en' : _ref15$locale,
+    _ref15$roundUp = _ref15.roundUp,
+    roundUp = _ref15$roundUp === void 0 ? false : _ref15$roundUp,
+    _ref15$canRoundRelati = _ref15.canRoundRelativeUnits,
+    canRoundRelativeUnits = _ref15$canRoundRelati === void 0 ? true : _ref15$canRoundRelati;
+
   // i18n'd strings
   var nowDisplay = useEuiI18n('euiPrettyDuration.now', 'now');
   var invalidDateDisplay = useEuiI18n('euiPrettyDuration.invalid', 'Invalid date');
@@ -159,8 +165,27 @@ export var useFormatTimeString = function useFormatTimeString(timeString, dateFo
     return invalidDateDisplay;
   }
   if (moment.isMoment(tryParse)) {
-    return "~ ".concat(tryParse.locale(locale).fromNow());
+    if (canRoundRelativeUnits) {
+      return "~ ".concat(tryParse.locale(locale).fromNow());
+    } else {
+      // To force a specific unit to be used, we need to skip moment.fromNow()
+      // entirely and write our own custom moment formatted output.
+      var _parseRelativeParts = parseRelativeParts(timeString),
+        count = _parseRelativeParts.count,
+        _unit = _parseRelativeParts.unit;
+      var isFuture = _unit.endsWith('+');
+      var unit = isFuture ? _unit.slice(0, -1) : _unit; // We want just the unit letter without the trailing +
+
+      // @see https://momentjs.com/docs/#/customization/relative-time/
+      var relativeUnitKey = count === 1 ? unit : unit + unit;
+
+      // @see https://momentjs.com/docs/#/i18n/locale-data/
+      return moment.localeData().pastFuture(isFuture ? count : count * -1, moment.localeData().relativeTime(count, false, relativeUnitKey, false)
+      // Booleans don't seem to actually matter for output, .pastFuture() handles that
+      );
+    }
   }
+
   return timeString;
 };
 
@@ -168,11 +193,11 @@ export var useFormatTimeString = function useFormatTimeString(timeString, dateFo
  * Pretty duration hook+component
  */
 
-export var usePrettyDuration = function usePrettyDuration(_ref15) {
-  var timeFrom = _ref15.timeFrom,
-    timeTo = _ref15.timeTo,
-    quickRanges = _ref15.quickRanges,
-    dateFormat = _ref15.dateFormat;
+export var usePrettyDuration = function usePrettyDuration(_ref16) {
+  var timeFrom = _ref16.timeFrom,
+    timeTo = _ref16.timeTo,
+    quickRanges = _ref16.quickRanges,
+    dateFormat = _ref16.dateFormat;
   var prettyDuration = '';
 
   /**
@@ -211,7 +236,9 @@ export var usePrettyDuration = function usePrettyDuration(_ref15) {
    * If it's none of the above, display basic fallback copy
    */
   var displayFrom = useFormatTimeString(timeFrom, dateFormat);
-  var displayTo = useFormatTimeString(timeTo, dateFormat, true);
+  var displayTo = useFormatTimeString(timeTo, dateFormat, {
+    roundUp: true
+  });
   var fallbackDuration = useEuiI18n('euiPrettyDuration.fallbackDuration', '{displayFrom} to {displayTo}', {
     displayFrom: displayFrom,
     displayTo: displayTo
@@ -221,11 +248,11 @@ export var usePrettyDuration = function usePrettyDuration(_ref15) {
   }
   return prettyDuration;
 };
-export var PrettyDuration = function PrettyDuration(_ref16) {
-  var timeFrom = _ref16.timeFrom,
-    timeTo = _ref16.timeTo,
-    quickRanges = _ref16.quickRanges,
-    dateFormat = _ref16.dateFormat;
+export var PrettyDuration = function PrettyDuration(_ref17) {
+  var timeFrom = _ref17.timeFrom,
+    timeTo = _ref17.timeTo,
+    quickRanges = _ref17.quickRanges,
+    dateFormat = _ref17.dateFormat;
   var prettyDuration = usePrettyDuration({
     timeFrom: timeFrom,
     timeTo: timeTo,
@@ -240,9 +267,9 @@ export var PrettyDuration = function PrettyDuration(_ref16) {
  */
 
 var hasRangeMatch = function hasRangeMatch(timeFrom, timeTo, ranges) {
-  return ranges.find(function (_ref17) {
-    var start = _ref17.start,
-      end = _ref17.end;
+  return ranges.find(function (_ref18) {
+    var start = _ref18.start,
+      end = _ref18.end;
     return timeFrom === start && timeTo === end;
   });
 };

package/optimize/es/components/date_picker/super_date_picker/pretty_interval.js

@@ -7,10 +7,18 @@
  */
 
 import { useEuiI18n } from '../../i18n';
-var MS_IN_SECOND = 1000;
-var MS_IN_MINUTE = 60 * MS_IN_SECOND;
-var MS_IN_HOUR = 60 * MS_IN_MINUTE;
-var MS_IN_DAY = 24 * MS_IN_HOUR;
+var MS_INTERVALS = {
+  s: 1000,
+  get m() {
+    return 60 * this.s;
+  },
+  get h() {
+    return 60 * this.m;
+  },
+  get d() {
+    return 24 * this.h;
+  }
+};
 /**
  * Pretty interval i18n strings
  *
@@ -59,23 +67,31 @@ var usePrettyIntervalI18n = function usePrettyIntervalI18n(interval) {
     }
   };
 };
-export var usePrettyInterval = function usePrettyInterval(isPaused, intervalInMs) {
-  var shortHand = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export var usePrettyInterval = function usePrettyInterval(isPaused, intervalInMs, options) {
+  var _ref5 = options || {},
+    _ref5$shortHand = _ref5.shortHand,
+    shortHand = _ref5$shortHand === void 0 ? false : _ref5$shortHand,
+    unit = _ref5.unit;
   var prettyInterval = '';
   var interval;
   var unitId;
-  if (intervalInMs < MS_IN_MINUTE) {
-    interval = Math.round(intervalInMs / MS_IN_SECOND);
-    unitId = 's';
-  } else if (intervalInMs < MS_IN_HOUR) {
-    interval = Math.round(intervalInMs / MS_IN_MINUTE);
-    unitId = 'm';
-  } else if (intervalInMs < MS_IN_DAY) {
-    interval = Math.round(intervalInMs / MS_IN_HOUR);
-    unitId = 'h';
+  if (unit) {
+    unitId = unit;
+    interval = Math.round(intervalInMs / MS_INTERVALS[unit]);
   } else {
-    interval = Math.round(intervalInMs / MS_IN_DAY);
-    unitId = 'd';
+    if (intervalInMs < MS_INTERVALS.m) {
+      interval = Math.round(intervalInMs / MS_INTERVALS.s);
+      unitId = 's';
+    } else if (intervalInMs < MS_INTERVALS.h) {
+      interval = Math.round(intervalInMs / MS_INTERVALS.m);
+      unitId = 'm';
+    } else if (intervalInMs < MS_INTERVALS.d) {
+      interval = Math.round(intervalInMs / MS_INTERVALS.h);
+      unitId = 'h';
+    } else {
+      interval = Math.round(intervalInMs / MS_INTERVALS.d);
+      unitId = 'd';
+    }
   }
   var prettyIntervalI18n = usePrettyIntervalI18n(interval);
   prettyInterval = shortHand ? prettyIntervalI18n.shorthand[unitId] : prettyIntervalI18n[unitId];

package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js

@@ -96,6 +96,7 @@ export var EuiQuickSelectPanels = function EuiQuickSelectPanels(_ref3) {
     customQuickSelectRender = _ref3.customQuickSelectRender,
     isPaused = _ref3.isPaused,
     refreshInterval = _ref3.refreshInterval,
+    intervalUnits = _ref3.intervalUnits,
     applyRefreshInterval = _ref3.applyRefreshInterval,
     applyTime = _ref3.applyTime,
     prevQuickSelect = _ref3.prevQuickSelect;
@@ -119,7 +120,8 @@ export var EuiQuickSelectPanels = function EuiQuickSelectPanels(_ref3) {
   var refreshIntervalElement = applyRefreshInterval && ___EmotionJSX(EuiRefreshInterval, {
     onRefreshChange: applyRefreshInterval,
     isPaused: isPaused,
-    refreshInterval: refreshInterval
+    refreshInterval: refreshInterval,
+    intervalUnits: intervalUnits
   });
   var customQuickSelectPanelsElement = useMemo(function () {
     if (!customQuickSelectPanels) {

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

@@ -165,6 +165,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "onRefreshChange", function (_ref3) {
       var refreshInterval = _ref3.refreshInterval,
+        intervalUnits = _ref3.intervalUnits,
         isPaused = _ref3.isPaused;
       _this.stopInterval();
       if (!isPaused) {
@@ -173,7 +174,8 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
       if (_this.props.onRefreshChange) {
         _this.props.onRefreshChange({
           refreshInterval: refreshInterval,
-          isPaused: isPaused
+          isPaused: isPaused,
+          intervalUnits: intervalUnits
         });
       }
     });
@@ -210,6 +212,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         onRefreshChange = _this$props2.onRefreshChange,
         recentlyUsedRanges = _this$props2.recentlyUsedRanges,
         refreshInterval = _this$props2.refreshInterval,
+        refreshIntervalUnits = _this$props2.refreshIntervalUnits,
         isPaused = _this$props2.isPaused,
         isDisabled = _this$props2.isDisabled;
       return ___EmotionJSX(EuiQuickSelectPopover, {
@@ -224,6 +227,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         isPaused: isPaused,
         recentlyUsedRanges: recentlyUsedRanges,
         refreshInterval: refreshInterval,
+        intervalUnits: refreshIntervalUnits,
         start: start,
         timeOptions: timeOptions
       });
@@ -241,9 +245,12 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         isQuickSelectOnly = _this$props3.isQuickSelectOnly,
         showUpdateButton = _this$props3.showUpdateButton,
         commonlyUsedRanges = _this$props3.commonlyUsedRanges,
+        canRoundRelativeUnits = _this$props3.canRoundRelativeUnits,
         timeOptions = _this$props3.timeOptions,
         dateFormat = _this$props3.dateFormat,
         refreshInterval = _this$props3.refreshInterval,
+        refreshMinInterval = _this$props3.refreshMinInterval,
+        refreshIntervalUnits = _this$props3.refreshIntervalUnits,
         isPaused = _this$props3.isPaused,
         isDisabled = _this$props3.isDisabled,
         isLoading = _this$props3.isLoading,
@@ -254,6 +261,8 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         onFocus = _this$props3.onFocus;
       var autoRefreshAppend = !isPaused ? ___EmotionJSX(EuiAutoRefreshButton, {
         refreshInterval: refreshInterval,
+        minInterval: refreshMinInterval,
+        intervalUnits: refreshIntervalUnits,
         isDisabled: !!isDisabled,
         isPaused: isPaused,
         onRefreshChange: _this.onRefreshChange,
@@ -275,6 +284,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
       var isDisabledDisplay = isObject(isDisabled) && (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled.display);
       if (isDisabledDisplay || showPrettyDuration && !isStartDatePopoverOpen && !isEndDatePopoverOpen) {
         return ___EmotionJSX(EuiFormControlLayout, formControlLayoutProps, ___EmotionJSX("button", {
+          type: "button",
           className: classNames('euiSuperDatePicker__prettyFormat', {
             'euiSuperDatePicker__prettyFormat--disabled': isDisabled
           }),
@@ -307,6 +317,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
             utcOffset: utcOffset,
             timeFormat: timeFormat,
             locale: locale || contextLocale,
+            canRoundRelativeUnits: canRoundRelativeUnits,
             isOpen: _this.state.isStartDatePopoverOpen,
             onPopoverToggle: _this.onStartDatePopoverToggle,
             onPopoverClose: _this.onStartDatePopoverClose,
@@ -327,6 +338,7 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
             utcOffset: utcOffset,
             timeFormat: timeFormat,
             locale: locale || contextLocale,
+            canRoundRelativeUnits: canRoundRelativeUnits,
             roundUp: true,
             isOpen: _this.state.isEndDatePopoverOpen,
             onPopoverToggle: _this.onEndDatePopoverToggle,
@@ -384,6 +396,8 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
         isPaused = _this$props6.isPaused,
         onRefreshChange = _this$props6.onRefreshChange,
         refreshInterval = _this$props6.refreshInterval,
+        refreshMinInterval = _this$props6.refreshMinInterval,
+        refreshIntervalUnits = _this$props6.refreshIntervalUnits,
         showUpdateButton = _this$props6.showUpdateButton,
         dataTestSubj = _this$props6['data-test-subj'],
         _width = _this$props6.width,
@@ -410,7 +424,9 @@ export var EuiSuperDatePickerInternal = /*#__PURE__*/function (_Component) {
       }, isAutoRefreshOnly && onRefreshChange ? ___EmotionJSX(EuiAutoRefresh, {
         isPaused: isPaused,
         refreshInterval: refreshInterval,
-        onRefreshChange: onRefreshChange,
+        minInterval: refreshMinInterval,
+        intervalUnits: refreshIntervalUnits,
+        onRefreshChange: this.onRefreshChange,
         fullWidth: width === 'full',
         compressed: compressed,
         isDisabled: !!isDisabled,
@@ -452,6 +468,7 @@ _defineProperty(EuiSuperDatePickerInternal, "defaultProps", {
   recentlyUsedRanges: [],
   refreshInterval: 1000,
   showUpdateButton: true,
+  canRoundRelativeUnits: true,
   start: 'now-15m',
   timeFormat: 'HH:mm',
   width: 'restricted'

package/optimize/es/components/empty_prompt/empty_prompt.js

@@ -1,8 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "iconType", "iconColor", "title", "titleSize", "paddingSize", "body", "actions", "className", "layout", "hasBorder", "color", "footer"];
-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; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -11,9 +9,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * Side Public License, v 1.
  */
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { keysOf } from '../common';
+import { useEuiTheme } from '../../services';
 import { EuiTitle } from '../title';
 import { EuiFlexGroup, EuiFlexItem } from '../flex';
 import { EuiSpacer } from '../spacer';
@@ -21,14 +19,9 @@ import { EuiIcon } from '../icon';
 import { isNamedColor } from '../icon/named_colors';
 import { EuiText } from '../text';
 import { EuiPanel } from '../panel/panel';
+import { euiEmptyPromptStyles } from './empty_prompt.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var paddingSizeToClassNameMap = {
-  none: null,
-  s: 'euiEmptyPrompt--paddingSmall',
-  m: 'euiEmptyPrompt--paddingMedium',
-  l: 'euiEmptyPrompt--paddingLarge'
-};
-export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
+export var PADDING_SIZES = ['none', 's', 'm', 'l'];
 export var EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
   var icon = _ref.icon,
     iconType = _ref.iconType,
@@ -48,41 +41,41 @@ export var EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
     color = _ref$color === void 0 ? 'transparent' : _ref$color,
     footer = _ref.footer,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var isVerticalLayout = layout === 'vertical';
+  var classes = classNames('euiEmptyPrompt', className);
+  var euiTheme = useEuiTheme();
+  var styles = useMemo(function () {
+    return euiEmptyPromptStyles(euiTheme);
+  }, [euiTheme]);
+  var cssStyles = [styles.euiEmptyPrompt, styles[layout]];
+  var mainStyles = [styles.main.euiEmptyPrompt__main, styles.main[layout], styles.main[paddingSize], layout === 'horizontal' && styles.main.horizontalPadding[paddingSize]];
+  var contentStyles = [styles.content.euiEmptyPrompt__content, styles.content[layout]];
+
   // Default the iconColor to `subdued`,
   // otherwise try to match the iconColor with the panel color unless iconColor is specified
   var iconColor = _iconColor !== null && _iconColor !== void 0 ? _iconColor : isNamedColor(color) ? color : 'subdued';
-  var iconNode = iconType ? ___EmotionJSX(EuiIcon, {
-    type: iconType,
-    size: "xxl",
-    color: iconColor
-  }) : icon;
-  var titleNode;
-  var bodyNode;
-  if (body || title) {
-    if (title) {
-      titleNode = ___EmotionJSX(EuiTitle, {
-        size: titleSize
-      }, title);
-    }
-    if (body) {
-      bodyNode = ___EmotionJSX(React.Fragment, null, title && ___EmotionJSX(EuiSpacer, {
-        size: "m"
-      }), ___EmotionJSX(EuiText, {
-        color: "subdued"
-      }, body));
-    }
-  }
-  var actionsNode;
-  if (actions) {
-    var actionsRow;
+  var iconNode = useMemo(function () {
+    if (!iconType && !icon) return null;
+    var iconStyles = [styles.icon.euiEmptyPrompt__icon, styles.icon[layout]];
+    return ___EmotionJSX("div", {
+      className: "euiEmptyPrompt__icon",
+      css: iconStyles
+    }, iconType ? ___EmotionJSX(EuiIcon, {
+      type: iconType,
+      size: "xxl",
+      color: iconColor
+    }) : icon);
+  }, [icon, iconType, iconColor, layout, styles.icon]);
+  var actionsNode = useMemo(function () {
+    if (!actions) return null;
     if (Array.isArray(actions)) {
-      actionsRow = ___EmotionJSX(EuiFlexGroup, {
+      var actionStyles = [styles.actions.euiEmptyPrompt__actions, styles.actions[layout]];
+      return ___EmotionJSX(EuiFlexGroup, {
         className: "euiEmptyPrompt__actions",
+        css: actionStyles,
         gutterSize: "m",
         alignItems: "center",
         justifyContent: "center",
-        direction: isVerticalLayout ? 'column' : 'row'
+        direction: layout === 'vertical' ? 'column' : 'row'
       }, actions.map(function (action, index) {
         return ___EmotionJSX(EuiFlexItem, {
           key: index,
@@ -90,30 +83,37 @@ export var EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
         }, action);
       }));
     } else {
-      actionsRow = actions;
+      return actions;
     }
-    actionsNode = ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiSpacer, {
-      size: "l"
-    }), actionsRow);
-  }
-  var contentNodes = ___EmotionJSX(React.Fragment, null, titleNode, bodyNode, actionsNode);
-  var classes = classNames('euiEmptyPrompt', ["euiEmptyPrompt--".concat(layout)], paddingSizeToClassNameMap[paddingSize], className);
-  var panelProps = _objectSpread({
+  }, [actions, layout, styles.actions]);
+  var footerNode = useMemo(function () {
+    if (!footer) return null;
+    var footerStyles = [styles.footer.euiEmptyPrompt__footer, styles.footer[paddingSize], styles.footer[color], color === 'transparent' && !hasBorder && styles.footer.roundedBorders];
+    return ___EmotionJSX("div", {
+      className: "euiEmptyPrompt__footer",
+      css: footerStyles
+    }, footer);
+  }, [footer, paddingSize, color, hasBorder, styles.footer]);
+  return ___EmotionJSX(EuiPanel, _extends({
+    css: cssStyles,
     className: classes,
     color: color,
-    paddingSize: 'none',
-    hasBorder: hasBorder,
-    grow: false
-  }, rest);
-  return ___EmotionJSX(EuiPanel, panelProps, ___EmotionJSX("div", {
-    className: "euiEmptyPrompt__main"
-  }, iconNode && ___EmotionJSX("div", {
-    className: "euiEmptyPrompt__icon"
-  }, iconNode), ___EmotionJSX("div", {
-    className: "euiEmptyPrompt__content"
-  }, ___EmotionJSX("div", {
-    className: "euiEmptyPrompt__contentInner"
-  }, contentNodes))), footer && ___EmotionJSX("div", {
-    className: "euiEmptyPrompt__footer"
-  }, footer));
+    paddingSize: "none",
+    grow: false,
+    hasBorder: hasBorder
+  }, rest), ___EmotionJSX("div", {
+    className: "euiEmptyPrompt__main",
+    css: mainStyles
+  }, iconNode, ___EmotionJSX("div", {
+    className: "euiEmptyPrompt__content",
+    css: contentStyles
+  }, title && ___EmotionJSX(EuiTitle, {
+    size: titleSize
+  }, title), title && body && ___EmotionJSX(EuiSpacer, {
+    size: "m"
+  }), body && ___EmotionJSX(EuiText, {
+    color: "subdued"
+  }, body), actionsNode && (body || title) && ___EmotionJSX(EuiSpacer, {
+    size: "l"
+  }), actionsNode)), footerNode);
 };

package/optimize/es/components/empty_prompt/empty_prompt.styles.js

@@ -0,0 +1,112 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 _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.
+ */
+
+import { css } from '@emotion/react';
+import { euiBreakpoint, euiPaddingSize, euiBorderColor, logicalCSS, mathWithUnits } from '../../global_styling';
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "x4698b-roundedBorders",
+  styles: "border-radius:inherit;label:roundedBorders;"
+} : {
+  name: "x4698b-roundedBorders",
+  styles: "border-radius:inherit;label:roundedBorders;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "zv101j-euiEmptyPrompt__footer",
+  styles: "border-end-end-radius:inherit;border-end-start-radius:inherit;label:euiEmptyPrompt__footer;"
+} : {
+  name: "zv101j-euiEmptyPrompt__footer",
+  styles: "border-end-end-radius:inherit;border-end-start-radius:inherit;label:euiEmptyPrompt__footer;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "1rdinfv-vertical",
+  styles: "margin:auto;label:vertical;"
+} : {
+  name: "1rdinfv-vertical",
+  styles: "margin:auto;label:vertical;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "1w25ahh-vertical",
+  styles: "justify-content:center;label:vertical;"
+} : {
+  name: "1w25ahh-vertical",
+  styles: "justify-content:center;label:vertical;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref5 = process.env.NODE_ENV === "production" ? {
+  name: "1o9qvqj-euiEmptyPrompt__main",
+  styles: "display:flex;flex-direction:column;label:euiEmptyPrompt__main;"
+} : {
+  name: "1o9qvqj-euiEmptyPrompt__main",
+  styles: "display:flex;flex-direction:column;label:euiEmptyPrompt__main;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var euiEmptyPromptStyles = function euiEmptyPromptStyles(euiThemeContext) {
+  var euiTheme = euiThemeContext.euiTheme;
+  var iconMaxWidth = mathWithUnits(euiTheme.size.l, function (x) {
+    return x * 15;
+  });
+  var generatePaddingStyles = function generatePaddingStyles() {
+    var property = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'padding';
+    return {
+      none: null,
+      s: /*#__PURE__*/css(property, ":", euiPaddingSize(euiThemeContext, 's'), ";;label:s;"),
+      m: /*#__PURE__*/css(property, ":", euiPaddingSize(euiThemeContext, 'm'), ";;label:m;"),
+      l: /*#__PURE__*/css(property, ":", euiPaddingSize(euiThemeContext, 'l'), ";;label:l;")
+    };
+  };
+  var generateFooterBorder = function generateFooterBorder(color) {
+    return "".concat(euiTheme.border.width.thin, " solid ").concat(euiBorderColor(euiThemeContext, color));
+  };
+  return {
+    euiEmptyPrompt: /*#__PURE__*/css("text-align:center;margin:auto;", euiBreakpoint(euiThemeContext, ['l', 'xl']), "{", logicalCSS('max-width', 'max-content'), ";};label:euiEmptyPrompt;"),
+    vertical: /*#__PURE__*/css(";label:vertical;"),
+    horizontal: /*#__PURE__*/css(euiBreakpoint(euiThemeContext, ['l', 'xl']), "{justify-content:flex-start;text-align:start;};label:horizontal;"),
+    main: _objectSpread(_objectSpread({
+      euiEmptyPrompt__main: _ref5,
+      vertical: _ref4,
+      horizontal: /*#__PURE__*/css("align-items:center;", euiBreakpoint(euiThemeContext, ['l', 'xl']), "{flex-direction:row-reverse;};label:horizontal;")
+    }, generatePaddingStyles()), {}, {
+      horizontalPadding: generatePaddingStyles('gap')
+    }),
+    content: {
+      euiEmptyPrompt__content: /*#__PURE__*/css(logicalCSS('max-width', '36em'), ";;label:euiEmptyPrompt__content;"),
+      vertical: _ref3,
+      horizontal: /*#__PURE__*/css(euiBreakpoint(euiThemeContext, ['l', 'xl']), "{padding-block:", euiTheme.size.l, ";padding-inline:0;};label:horizontal;")
+    },
+    icon: {
+      euiEmptyPrompt__icon: /*#__PURE__*/css(logicalCSS('max-width', iconMaxWidth), " margin:auto;&>*{flex-shrink:1;", logicalCSS('max-width', '100%'), ";};label:euiEmptyPrompt__icon;"),
+      vertical: /*#__PURE__*/css(logicalCSS('margin-bottom', euiTheme.size.base), ";;label:vertical;"),
+      horizontal: /*#__PURE__*/css(euiBreakpoint(euiThemeContext, ['l', 'xl']), "{", logicalCSS('min-width', '40%'), " ", logicalCSS('max-width', '50%'), "&&>*{", logicalCSS('max-width', iconMaxWidth), ";}};label:horizontal;")
+    },
+    actions: {
+      euiEmptyPrompt__actions: /*#__PURE__*/css(";label:euiEmptyPrompt__actions;"),
+      vertical: /*#__PURE__*/css(";label:vertical;"),
+      horizontal: /*#__PURE__*/css(euiBreakpoint(euiThemeContext, ['l', 'xl']), "{justify-content:flex-start;};label:horizontal;")
+    },
+    footer: _objectSpread({
+      euiEmptyPrompt__footer: _ref2,
+      roundedBorders: _ref,
+      // Colors
+      transparent: /*#__PURE__*/css("background-color:", euiTheme.colors.body, ";;label:transparent;"),
+      plain: /*#__PURE__*/css("background-color:", euiTheme.colors.body, ";;label:plain;"),
+      subdued: /*#__PURE__*/css(logicalCSS('border-top', generateFooterBorder('subdued')), ";;label:subdued;"),
+      primary: /*#__PURE__*/css(logicalCSS('border-top', generateFooterBorder('primary')), ";;label:primary;"),
+      accent: /*#__PURE__*/css(logicalCSS('border-top', generateFooterBorder('accent')), ";;label:accent;"),
+      danger: /*#__PURE__*/css(logicalCSS('border-top', generateFooterBorder('danger')), ";;label:danger;"),
+      warning: /*#__PURE__*/css(logicalCSS('border-top', generateFooterBorder('warning')), ";;label:warning;"),
+      success: /*#__PURE__*/css(logicalCSS('border-top', generateFooterBorder('success')), ";;label:success;")
+    }, generatePaddingStyles())
+  };
+};

package/optimize/es/components/highlight/_highlight_all.js

@@ -0,0 +1,76 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+/*
+ * 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, { useMemo } from 'react';
+import escapeRegExp from 'lodash/escapeRegExp';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+/**
+ * Internal subcomponent with logic for highlighting all occurrences
+ * of a search value within a subject
+ *
+ * Uses regex rather than indexOf/while loops for easier dev maintainability
+ */
+export var HighlightAll = function HighlightAll(_ref) {
+  var searchSubject = _ref.searchSubject,
+    _searchValue = _ref.searchValue,
+    isStrict = _ref.isStrict,
+    _ref$highlightCompone = _ref.highlightComponent,
+    HighlightComponent = _ref$highlightCompone === void 0 ? 'mark' : _ref$highlightCompone;
+  var searchValue = useMemo(function () {
+    return Array.isArray(_searchValue) ? _searchValue.map(escapeRegExp).join('|') : escapeRegExp(_searchValue);
+  }, [_searchValue]);
+  var chunks = useMemo(function () {
+    var regex = new RegExp(searchValue, isStrict ? 'g' : 'gi');
+    var matches = _toConsumableArray(searchSubject.matchAll(regex)).map(function (match) {
+      return {
+        start: match.index || 0,
+        end: (match.index || 0) + match[0].length
+      };
+    });
+    return fillInChunks(matches, searchSubject.length);
+  }, [searchValue, searchSubject, isStrict]);
+  return ___EmotionJSX(React.Fragment, null, chunks.map(function (chunk) {
+    var end = chunk.end,
+      highlight = chunk.highlight,
+      start = chunk.start;
+    var value = searchSubject.substring(start, end);
+    return highlight ? ___EmotionJSX(HighlightComponent, {
+      key: start
+    }, value) : value;
+  }));
+};
+
+/**
+ * Chunk utility
+ */
+
+var fillInChunks = function fillInChunks(chunksToHighlight, totalLength) {
+  var allChunks = [];
+  var append = function append(start, end, highlight) {
+    if (end - start > 0) {
+      allChunks.push({
+        start: start,
+        end: end,
+        highlight: highlight
+      });
+    }
+  };
+  if (chunksToHighlight.length === 0) {
+    append(0, totalLength, false);
+  } else {
+    var lastIndex = 0;
+    chunksToHighlight.forEach(function (chunk) {
+      append(lastIndex, chunk.start, false);
+      append(chunk.start, chunk.end, true);
+      lastIndex = chunk.end;
+    });
+    append(lastIndex, totalLength, false);
+  }
+  return allChunks;
+};