@elastic/eui 110.0.0 → 111.1.0

package/optimize/es/components/flyout/manager/store.js

@@ -0,0 +1,113 @@
+/*
+ * 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 { addFlyout as addFlyoutAction, closeFlyout as closeFlyoutAction, setActiveFlyout as setActiveFlyoutAction, setFlyoutWidth as setFlyoutWidthAction, setPushPadding as setPushPaddingAction, goBack as goBackAction, goToFlyout as goToFlyoutAction, addUnmanagedFlyout as addUnmanagedFlyoutAction, closeUnmanagedFlyout as closeUnmanagedFlyoutAction } from './actions';
+import { flyoutManagerReducer, initialState } from './reducer';
+function createStore() {
+  var initial = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var currentState = initial;
+  var listeners = new Set();
+  var getState = function getState() {
+    return currentState;
+  };
+  var subscribe = function subscribe(listener) {
+    listeners.add(listener);
+    return function () {
+      listeners.delete(listener);
+    };
+  };
+
+  // The onClick handlers won't execute until after store is fully assigned.
+  // eslint-disable-next-line prefer-const -- Forward declaration requires 'let' not 'const'
+  var store;
+  var computeHistoryItems = function computeHistoryItems() {
+    var currentSessionIndex = currentState.sessions.length - 1;
+    var previousSessions = currentState.sessions.slice(0, currentSessionIndex);
+    return previousSessions.reverse().map(function (_ref) {
+      var title = _ref.title,
+        mainFlyoutId = _ref.mainFlyoutId;
+      return {
+        title: title,
+        onClick: function onClick() {
+          store.dispatch(goToFlyoutAction(mainFlyoutId));
+        }
+      };
+    });
+  };
+  var dispatch = function dispatch(action) {
+    var nextState = flyoutManagerReducer(currentState, action);
+    if (nextState !== currentState) {
+      var previousSessions = currentState.sessions;
+      currentState = nextState;
+
+      // Recompute history items eagerly if sessions changed
+      // This ensures stable references and avoids stale closures
+      if (nextState.sessions !== previousSessions) {
+        store.historyItems = computeHistoryItems();
+      }
+      listeners.forEach(function (l) {
+        l();
+      });
+    }
+  };
+  store = {
+    getState: getState,
+    subscribe: subscribe,
+    dispatch: dispatch,
+    addFlyout: function addFlyout(flyoutId, title, level, size) {
+      return dispatch(addFlyoutAction(flyoutId, title, level, size));
+    },
+    closeFlyout: function closeFlyout(flyoutId) {
+      return dispatch(closeFlyoutAction(flyoutId));
+    },
+    setActiveFlyout: function setActiveFlyout(flyoutId) {
+      return dispatch(setActiveFlyoutAction(flyoutId));
+    },
+    setFlyoutWidth: function setFlyoutWidth(flyoutId, width) {
+      return dispatch(setFlyoutWidthAction(flyoutId, width));
+    },
+    setPushPadding: function setPushPadding(side, width) {
+      return dispatch(setPushPaddingAction(side, width));
+    },
+    goBack: function goBack() {
+      return dispatch(goBackAction());
+    },
+    goToFlyout: function goToFlyout(flyoutId) {
+      return dispatch(goToFlyoutAction(flyoutId));
+    },
+    addUnmanagedFlyout: function addUnmanagedFlyout(flyoutId) {
+      return dispatch(addUnmanagedFlyoutAction(flyoutId));
+    },
+    closeUnmanagedFlyout: function closeUnmanagedFlyout(flyoutId) {
+      return dispatch(closeUnmanagedFlyoutAction(flyoutId));
+    },
+    historyItems: computeHistoryItems() // Initialize with current state
+  };
+  return store;
+}
+
+// Module-level singleton.  A necessary trade-off to avoid global namespace pollution or the need for a third-party library.
+var storeInstance = null;
+
+/**
+ * Returns a singleton store instance shared across all React roots within the same JS context.
+ * Uses module-level singleton to ensure deduplication even if modules are loaded twice.
+ */
+export function getFlyoutManagerStore() {
+  if (!storeInstance) {
+    storeInstance = createStore();
+  }
+  return storeInstance;
+}
+
+/**
+ * For testing purposes - allows resetting the store
+ */
+export function _resetFlyoutManagerStore() {
+  storeInstance = null;
+}

package/optimize/es/components/flyout/manager/types.js

@@ -0,0 +1 @@
+export {};

package/optimize/es/components/flyout/manager/validation.js

@@ -0,0 +1,85 @@
+/*
+ * 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 { FLYOUT_SIZES } from '../const';
+import { LEVEL_CHILD } from './const';
+/**
+ * Checks if a size is a named size (s, m, l)
+ */
+export function isNamedSize(size) {
+  return FLYOUT_SIZES.includes(size);
+}
+
+/**
+ * Validates that a managed flyout only uses named sizes
+ */
+export function validateManagedFlyoutSize(size, flyoutId, level) {
+  if (level === LEVEL_CHILD && !isNamedSize(size)) {
+    var namedSizes = FLYOUT_SIZES.join(', ');
+    return {
+      type: 'INVALID_SIZE_TYPE',
+      message: "Child flyout ".concat(flyoutId, " must use a named size (").concat(namedSizes, "). Received: ").concat(size),
+      flyoutId: flyoutId,
+      level: level,
+      size: size
+    };
+  }
+  return null;
+}
+
+/**
+ * Validates size combinations for parent-child flyouts
+ */
+export function validateSizeCombination(parentSize, childSize) {
+  var sizes = [parentSize, childSize];
+
+  // Parent and child can't both be 'm'
+  if (sizes.every(function (s) {
+    return s === 'm';
+  })) {
+    return {
+      type: 'INVALID_SIZE_COMBINATION',
+      message: 'Parent and child flyouts cannot both be size "m"'
+    };
+  }
+
+  // Parent and child can't both be 'fill'
+  if (sizes.every(function (s) {
+    return s === 'fill';
+  })) {
+    return {
+      type: 'INVALID_SIZE_COMBINATION',
+      message: 'Parent and child flyouts cannot both be size "fill"'
+    };
+  }
+
+  // Flyout can't be 'l' if the other in the pair is not "fill"
+  if (sizes.includes('l') && !sizes.includes('fill')) {
+    return {
+      type: 'INVALID_SIZE_COMBINATION',
+      message: 'Flyouts cannot be size "l" unless the other flyout is "fill"'
+    };
+  }
+  return null;
+}
+
+/**
+ * Creates a user-friendly error message for validation errors
+ */
+export function createValidationErrorMessage(error) {
+  console.error(error);
+  var prefix = "EuiFlyout validation error";
+  switch (error.type) {
+    case 'INVALID_SIZE_TYPE':
+    case 'INVALID_SIZE_COMBINATION':
+    case 'INVALID_FLYOUT_MENU_TITLE':
+      return "".concat(prefix, ": ").concat(error.message);
+    default:
+      return "".concat(prefix, ": Unknown validation error");
+  }
+}

package/optimize/es/components/flyout/types.js

@@ -0,0 +1 @@
+export {};

package/optimize/es/components/flyout/use_flyout_resizable.js

@@ -0,0 +1,144 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/*
+ * 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 { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { keys } from '../../services';
+import { getPosition } from '../resizable_container/helpers';
+/**
+ * @internal
+ */
+export var useEuiFlyoutResizable = function useEuiFlyoutResizable(_ref) {
+  var enabled = _ref.enabled,
+    _ref$minWidth = _ref.minWidth,
+    minWidth = _ref$minWidth === void 0 ? 0 : _ref$minWidth,
+    maxWidth = _ref.maxWidth,
+    onResize = _ref.onResize,
+    side = _ref.side,
+    _size = _ref.size;
+  var getFlyoutMinMaxWidth = useCallback(function (width) {
+    return Math.min(Math.max(width, minWidth), maxWidth || Infinity, window.innerWidth - 20 // Leave some offset
+    );
+  }, [minWidth, maxWidth]);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    flyoutWidth = _useState2[0],
+    setFlyoutWidth = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    callOnResize = _useState4[0],
+    setCallOnResize = _useState4[1];
+
+  // Must use state for the flyout ref in order for the useEffect to be correctly called after render
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    flyoutRef = _useState6[0],
+    setFlyoutRef = _useState6[1];
+  useEffect(function () {
+    if (!enabled) return; // Don't measure when resizing is disabled
+    if (!flyoutWidth && flyoutRef) {
+      setCallOnResize(false); // Don't call `onResize` for non-user width changes
+      setFlyoutWidth(getFlyoutMinMaxWidth(flyoutRef.offsetWidth));
+    }
+  }, [flyoutWidth, flyoutRef, getFlyoutMinMaxWidth, enabled]);
+
+  // Update flyout width when consumers pass in a new `size`
+  useEffect(function () {
+    if (!enabled) return; // Don't update width when resizing is disabled
+    setCallOnResize(false);
+    // For string `size`s, resetting flyoutWidth to 0 will trigger the above useEffect's recalculation
+    setFlyoutWidth(typeof _size === 'number' ? getFlyoutMinMaxWidth(_size) : 0);
+  }, [_size, getFlyoutMinMaxWidth, enabled]);
+
+  // Initial numbers to calculate from, on resize drag start
+  var initialWidth = useRef(0);
+  var initialMouseX = useRef(0);
+
+  // Account for flyout side and logical property direction
+  var direction = useMemo(function () {
+    var modifier = side === 'right' ? -1 : 1;
+    if (flyoutRef) {
+      var languageDirection = window.getComputedStyle(flyoutRef).direction;
+      if (languageDirection === 'rtl') modifier *= -1;
+    }
+    return modifier;
+  }, [side, flyoutRef]);
+  var onMouseMove = useCallback(function (e) {
+    if (!enabled) {
+      return;
+    }
+    var mouseOffset = getPosition(e, true) - initialMouseX.current;
+    var changedFlyoutWidth = initialWidth.current + mouseOffset * direction;
+    setFlyoutWidth(getFlyoutMinMaxWidth(changedFlyoutWidth));
+  }, [getFlyoutMinMaxWidth, direction, enabled]);
+  var onMouseUp = useCallback(function () {
+    setCallOnResize(true);
+    if (!enabled) {
+      return;
+    }
+    initialMouseX.current = 0;
+    window.removeEventListener('mousemove', onMouseMove);
+    window.removeEventListener('mouseup', onMouseUp);
+    window.removeEventListener('touchmove', onMouseMove);
+    window.removeEventListener('touchend', onMouseUp);
+  }, [onMouseMove, enabled]);
+  var onMouseDown = useCallback(function (e) {
+    var _flyoutRef$offsetWidt;
+    setCallOnResize(false);
+    if (!enabled) {
+      return;
+    }
+    initialMouseX.current = getPosition(e, true);
+    initialWidth.current = (_flyoutRef$offsetWidt = flyoutRef === null || flyoutRef === void 0 ? void 0 : flyoutRef.offsetWidth) !== null && _flyoutRef$offsetWidt !== void 0 ? _flyoutRef$offsetWidt : 0;
+
+    // Window event listeners instead of React events are used
+    // in case the user's mouse leaves the component
+    window.addEventListener('mousemove', onMouseMove);
+    window.addEventListener('mouseup', onMouseUp);
+    window.addEventListener('touchmove', onMouseMove);
+    window.addEventListener('touchend', onMouseUp);
+  }, [flyoutRef, onMouseMove, onMouseUp, enabled]);
+  var onKeyDown = useCallback(function (e) {
+    setCallOnResize(true);
+    if (!enabled) {
+      return;
+    }
+    var KEYBOARD_OFFSET = 10;
+    switch (e.key) {
+      case keys.ARROW_RIGHT:
+        e.preventDefault(); // Safari+VO will screen reader navigate off the button otherwise
+        setFlyoutWidth(function (flyoutWidth) {
+          return getFlyoutMinMaxWidth(flyoutWidth + KEYBOARD_OFFSET * direction);
+        });
+        break;
+      case keys.ARROW_LEFT:
+        e.preventDefault(); // Safari+VO will screen reader navigate off the button otherwise
+        setFlyoutWidth(function (flyoutWidth) {
+          return getFlyoutMinMaxWidth(flyoutWidth - KEYBOARD_OFFSET * direction);
+        });
+    }
+  }, [getFlyoutMinMaxWidth, direction, enabled]);
+
+  // To reduce unnecessary calls, only fire onResize callback:
+  // 1. After initial mount / on user width change events only
+  // 2. If not currently mouse dragging
+  useEffect(function () {
+    if (callOnResize && enabled) {
+      onResize === null || onResize === void 0 || onResize(flyoutWidth);
+    }
+  }, [onResize, callOnResize, flyoutWidth, enabled]);
+  var size = useMemo(function () {
+    return enabled ? flyoutWidth || _size : _size;
+  }, [enabled, flyoutWidth, _size]);
+  return {
+    onKeyDown: onKeyDown,
+    onMouseDown: onMouseDown,
+    setFlyoutRef: setFlyoutRef,
+    size: size
+  };
+};

package/optimize/es/components/flyout/use_flyout_z_index.js

@@ -0,0 +1,46 @@
+/*
+ * 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 { useEuiTheme } from '../../services';
+
+/**
+ * @internal
+ */
+
+var calculateZIndex = function calculateZIndex(baseLevel, isChildFlyout) {
+  var level = Number(baseLevel);
+  return {
+    // Child flyouts slide in from below and need to have a lower z-index
+    flyoutZIndex: isChildFlyout ? level - 1 : level,
+    maskZIndex: level - 2
+  };
+};
+
+/**
+ * @internal
+ */
+export var useEuiFlyoutZIndex = function useEuiFlyoutZIndex(_ref) {
+  var maskProps = _ref.maskProps,
+    isPushed = _ref.isPushed,
+    managedFlyoutIndex = _ref.managedFlyoutIndex,
+    isChildFlyout = _ref.isChildFlyout;
+  var _useEuiTheme = useEuiTheme(),
+    euiTheme = _useEuiTheme.euiTheme;
+  var baseLevel = Number(euiTheme.levels.flyout);
+
+  // The default headerZindexLocation for EuiFlyout is "below"
+  // which is different from what EuiOverlayMask fallbacks to - see
+  // _flyout_overlay.tsx.
+  // We set z-index to mask level only when explicitly overridden
+  // via the maskProps prop
+  if (!isPushed && (maskProps === null || maskProps === void 0 ? void 0 : maskProps.headerZindexLocation) === 'above') {
+    baseLevel = Number(euiTheme.levels.mask);
+  }
+  baseLevel += managedFlyoutIndex;
+  return calculateZIndex(baseLevel, isChildFlyout);
+};

package/optimize/es/components/horizontal_rule/horizontal_rule.js

@@ -21,7 +21,7 @@ export var EuiHorizontalRule = function EuiHorizontalRule(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'full' : _ref$size,
     _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'l' : _ref$margin,
+    margin = _ref$margin === void 0 ? 'm' : _ref$margin,
     rest = _objectWithoutProperties(_ref, _excluded);
   var classes = classNames('euiHorizontalRule', className);
   var styles = useEuiMemoizedStyles(euiHorizontalRuleStyles);

package/optimize/es/components/icon/assets/agentBuilderRobot.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconAgentBuilderRobot = function EuiIconAgentBuilderRobot(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M9.208 11.23a.446.446 0 0 1 .642.616l-.015.017a1.373 1.373 0 0 1-.127.11 2.326 2.326 0 0 1-.355.227c-.31.163-.763.319-1.353.319a2.89 2.89 0 0 1-1.352-.319 2.325 2.325 0 0 1-.452-.31l-.029-.027-.016-.017a.446.446 0 0 1 .643-.617l.005.005.045.039c.045.035.118.086.219.139.199.104.51.216.937.216.428 0 .74-.112.94-.216a1.417 1.417 0 0 0 .263-.179l.005-.004ZM5.964 8a1.019 1.019 0 1 1 0 2.038 1.019 1.019 0 0 1 0-2.038Zm4.073 0a1.018 1.018 0 1 1 0 2.037 1.018 1.018 0 0 1 0-2.037Z"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M8 1a1.4 1.4 0 0 1 .446 2.726V5h1.845C11.767 5 13 6.27 13 7.746V8h1.11c.491 0 .89.526.89 1.018v3.055c0 .492-.399.927-.89.927L13 12.99v1.11c0 .491-.435.9-.927.9H3.928C3.436 15 3 14.601 3 14.11V13H1.89c-.46 0-.84-.386-.886-.835L1 12.072V9.018C1 8.527 1.4 8 1.89 8H3v-.254C3 6.27 4.234 5 5.71 5h1.845V3.726A1.4 1.4 0 0 1 8 1ZM5.72 6C4.734 6 4 6.762 4 7.746V14h8V7.746C12 6.762 11.285 6 10.301 6H5.719ZM2 12h1V9H2v3Zm11 0h1l-.005-3h-1L13 12ZM8 1.89a.51.51 0 1 0 .001 1.02.51.51 0 0 0 0-1.02Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconAgentBuilderRobot;

package/optimize/es/components/icon/assets/cross_project_search.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconCrossProjectSearch = function EuiIconCrossProjectSearch(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M8.5 9h4a1 1 0 0 1 1 1v2.065A1.999 1.999 0 1 1 11 14a2 2 0 0 1 1.5-1.935V10h-4v2.065A1.999 1.999 0 1 1 6 14a2 2 0 0 1 1.5-1.935V10h-4v2.065A1.999 1.999 0 1 1 1 14a2 2 0 0 1 1.5-1.935V10a1 1 0 0 1 1-1h4V7h1v2ZM3 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7 0a3 3 0 0 1 3 3c0 .648-.208 1.246-.557 1.736l1.91 1.91-.707.708-1.91-1.91A3 3 0 1 1 7 0Zm0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconCrossProjectSearch;

package/optimize/es/components/icon/assets/dashed_circle.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconDashedCircle = function EuiIconDashedCircle(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M7.014 14.222c.06-.381.419-.638.805-.625.06.002.12.003.182.003V15c-.134 0-.268-.004-.4-.012-.386-.022-.647-.384-.587-.766Zm1.973 0c.06.382-.202.744-.587.766A6.944 6.944 0 0 1 8 15v-1.4c.061 0 .122-.001.182-.003.386-.012.745.244.805.626Zm-5.8-2.236c.123-.303.536-.357.762-.12.088.092.18.181.273.268.257.234.322.626.117.907l-.039.052-.274-.49c-.06-.108-.226-.065-.226.06 0 .098-.113.155-.194.1-.279-.192-.177-.091-.378-.382a.41.41 0 0 1-.045-.386l.004-.01Zm9.911-.284c.312.227.383.667.126.955-.178.2-.367.388-.566.566-.288.257-.727.186-.954-.126-.228-.312-.156-.746.126-1.01.089-.084.175-.17.258-.258.264-.282.698-.354 1.01-.127ZM1.012 7.601c.022-.387.383-.648.765-.588.382.06.64.42.628.806-.004.12-.004.24 0 .36.012.388-.246.747-.628.806-.382.06-.743-.201-.765-.587a7.278 7.278 0 0 1 0-.797Zm13.976.797c-.021.386-.382.647-.764.587-.382-.06-.639-.418-.627-.804.004-.121.004-.242 0-.363-.012-.386.245-.745.627-.805.381-.06.743.201.764.587.014.265.014.533 0 .798ZM4.298 2.901c.227.313.155.748-.127 1.012a5.656 5.656 0 0 0-.256.257c-.265.282-.7.354-1.012.126-.312-.227-.384-.667-.126-.956.177-.198.366-.387.565-.565.288-.257.728-.186.955.126Zm7.405 0c.228-.311.668-.383.956-.126.199.178.387.367.565.566.257.288.186.727-.126.955-.312.228-.747.156-1.01-.126a5.655 5.655 0 0 0-.258-.257c-.282-.264-.354-.699-.127-1.011ZM8.4 1.012c.386.021.647.383.588.764-.06.383-.42.64-.806.628a5.873 5.873 0 0 0-.361 0c-.387.012-.746-.245-.806-.627-.06-.382.202-.744.588-.765.265-.014.532-.014.797 0Z"
+  }), ___EmotionJSX("path", {
+    d: "M3.376 13.178a7.036 7.036 0 0 1-.566-.567c-.257-.287-.186-.727.126-.954.312-.227.746-.155 1.01.127.084.088.17.174.258.257.282.264.354.699.127 1.01-.227.312-.667.383-.955.127Z"
+  }));
+};
+export var icon = EuiIconDashedCircle;

package/optimize/es/components/icon/assets/product_robot.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconProductRobot = function EuiIconProductRobot(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M9.208 11.23a.446.446 0 0 1 .642.616l-.015.017a1.373 1.373 0 0 1-.127.11 2.326 2.326 0 0 1-.355.227c-.31.163-.763.319-1.353.319a2.89 2.89 0 0 1-1.352-.319 2.325 2.325 0 0 1-.452-.31l-.029-.027-.016-.017a.446.446 0 0 1 .643-.617l.005.005.045.039c.045.035.118.086.219.139.199.104.51.216.937.216.428 0 .74-.112.94-.216a1.417 1.417 0 0 0 .263-.179l.005-.004ZM5.964 8a1.019 1.019 0 1 1 0 2.038 1.019 1.019 0 0 1 0-2.038Zm4.073 0a1.018 1.018 0 1 1 0 2.037 1.018 1.018 0 0 1 0-2.037Z"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M8 1a1.4 1.4 0 0 1 .446 2.726V5h1.845C11.767 5 13 6.27 13 7.746V8h1.11c.491 0 .89.526.89 1.018v3.055c0 .492-.399.927-.89.927L13 12.99v1.11c0 .491-.435.9-.927.9H3.928C3.436 15 3 14.601 3 14.11V13H1.89c-.46 0-.84-.386-.886-.835L1 12.072V9.018C1 8.527 1.4 8 1.89 8H3v-.254C3 6.27 4.234 5 5.71 5h1.845V3.726A1.4 1.4 0 0 1 8 1ZM5.72 6C4.734 6 4 6.762 4 7.746V14h8V7.746C12 6.762 11.285 6 10.301 6H5.719ZM2 12h1V9H2v3Zm11 0h1l-.005-3h-1L13 12ZM8 1.89a.51.51 0 1 0 .001 1.02.51.51 0 0 0 0-1.02Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconProductRobot;

package/optimize/es/components/icon/icon_map.js

@@ -87,6 +87,7 @@ export var typeToPathMap = {
   copy: 'copy',
   copyClipboard: 'copy',
   // NOTE: To be deprecated in favor of `copy`
+  crossProjectSearch: 'cross_project_search',
   createAdvancedJob: 'ml_create_advanced_job',
   createGenericJob: 'ml_create_generic_job',
   createGeoJob: 'ml_create_geo_job',
@@ -100,6 +101,7 @@ export var typeToPathMap = {
   currency: 'currency',
   cut: 'cut',
   dashboardApp: 'app_dashboard',
+  dashedCircle: 'dashed_circle',
   dataVisualizer: 'ml_data_visualizer',
   database: 'database',
   desktop: 'desktop',
@@ -384,6 +386,7 @@ export var typeToPathMap = {
   // NOTE: To be deprecated in favor of `plus_in_circle`
   plusInSquare: 'plus_in_square',
   popout: 'popout',
+  productRobot: 'product_robot',
   push: 'push',
   question: 'question',
   quote: 'quote',

package/optimize/es/components/link/external_link_icon.js

@@ -31,7 +31,10 @@ export var EuiExternalLinkIcon = function EuiExternalLinkIcon(_ref2) {
     rest = _objectWithoutProperties(_ref2, _excluded);
   var iconCssStyle = useEuiMemoizedStyles(iconStyle);
   var showExternalLinkIcon = target === '_blank' && external !== false || external === true;
-  return ___EmotionJSX(React.Fragment, null, showExternalLinkIcon && ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiIcon, _extends({
+  if (!showExternalLinkIcon) {
+    return null;
+  }
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiIcon, _extends({
     css: iconCssStyle,
     size: "s",
     type: "popout",
@@ -39,8 +42,8 @@ export var EuiExternalLinkIcon = function EuiExternalLinkIcon(_ref2) {
   }, rest)), target === '_blank' ? ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("span", null, ___EmotionJSX(EuiI18n, {
     token: "euiExternalLinkIcon.newTarget.screenReaderOnlyText",
     default: "(external, opens in a new tab or window)"
-  }))) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("span", null, ___EmotionJSX(EuiI18n, {
+  }))) : ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("span", null, ___EmotionJSX(EuiI18n, {
     token: "euiExternalLinkIcon.externalTarget.screenReaderOnlyText",
     default: "(external)"
-  }))))));
+  }))));
 };

package/optimize/es/components/overlay_mask/overlay_mask.js

@@ -10,7 +10,7 @@ var _excluded = ["className", "children", "headerZindexLocation", "maskRef"];
  * Side Public License, v 1.
  */
 
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { cx } from '@emotion/css';
 import { Global } from '@emotion/react';
 import { keysOf } from '../common';
@@ -26,13 +26,17 @@ export var EuiOverlayMask = function EuiOverlayMask(_ref) {
     headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'above' : _ref$headerZindexLoca,
     maskRef = _ref.maskRef,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var hasRendered = useRef(false);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     overlayMaskNode = _useState2[0],
     setOverlayMaskNode = _useState2[1];
   var combinedMaskRef = useCombinedRefs([setOverlayMaskNode, maskRef]);
+  var handleAnimationEnd = useCallback(function () {
+    hasRendered.current = true;
+  }, []);
   var styles = useEuiMemoizedStyles(euiOverlayMaskStyles);
-  var cssStyles = cx([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")]]);
+  var cssStyles = cx([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], hasRendered.current && styles.noAnimation]);
   useEffect(function () {
     if (!overlayMaskNode) return;
     keysOf(rest).forEach(function (key) {
@@ -43,7 +47,13 @@ export var EuiOverlayMask = function EuiOverlayMask(_ref) {
         overlayMaskNode.setAttribute(key, rest[key]);
       }
     });
-  }, [overlayMaskNode]); // eslint-disable-line react-hooks/exhaustive-deps
+    overlayMaskNode.addEventListener('animationend', handleAnimationEnd, {
+      once: true
+    });
+    return function () {
+      overlayMaskNode.removeEventListener('animationend', handleAnimationEnd);
+    };
+  }, [overlayMaskNode, handleAnimationEnd]); // eslint-disable-line react-hooks/exhaustive-deps
 
   // Note: Use `classList.add/remove` instead of setting the entire `className`
   // so as not to override any existing classes set by `EuiPortal`