@elastic/eui 106.6.0 → 106.7.0

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

@@ -26,13 +26,9 @@ var EuiIconQuestion = function EuiIconQuestion(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z"
+    d: "M8 10a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-6a2 2 0 0 1 1.237 3.571 3.59 3.59 0 0 0-.548.505c-.137.169-.189.305-.189.424V9h-1v-.5c0-.433.195-.787.413-1.055.216-.265.487-.487.705-.659a1 1 0 1 0-1.562-.453l-.942.334A2 2 0 0 1 8 4Z"
   }), ___EmotionJSX("path", {
-    d: "M9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
-  }), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "M8 4h.033l.067.004a2.343 2.343 0 0 1 .874.236c.246.124.508.317.708.616.2.302.318.682.318 1.144 0 .463-.117.843-.318 1.145-.2.299-.462.492-.708.615a2.274 2.274 0 0 1-.474.172V9h-1V7H8c.005 0 .015 0 .029-.002a1.344 1.344 0 0 0 .498-.133.817.817 0 0 0 .323-.275C8.93 6.47 9 6.288 9 6c0-.287-.07-.47-.15-.59a.818.818 0 0 0-.324-.275 1.344 1.344 0 0 0-.555-.133 1.344 1.344 0 0 0-.498.133.817.817 0 0 0-.323.275C7.07 5.53 7 5.713 7 6H6c0-.462.117-.843.318-1.144.2-.3.462-.492.708-.616a2.343 2.343 0 0 1 .94-.24H8Z"
+    d: "M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Zm0 1a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z"
   }));
 };
 export var icon = EuiIconQuestion;

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

@@ -26,9 +26,7 @@ var EuiIconSearch = function EuiIconSearch(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "M10.775 12.896a7 7 0 1 1 2.121-2.121l2.665 2.664a1.5 1.5 0 0 1-2.121 2.122l-2.665-2.665ZM13 7A6 6 0 1 1 1 7a6 6 0 0 1 12 0Zm-1.416 5.29 2.563 2.564a.5.5 0 1 0 .707-.708l-2.563-2.562a7.045 7.045 0 0 1-.707.707Z",
-    clipRule: "evenodd"
+    d: "M6.5 1a5.5 5.5 0 0 1 4.729 8.308l3.421 2.933a1 1 0 0 1 .057 1.466l-1 1a1 1 0 0 1-1.466-.057l-2.933-3.42A5.5 5.5 0 1 1 6.5 1Zm4.139 9.12a5.516 5.516 0 0 1-.52.519L13 14l1-1-3.361-2.88ZM6.5 2a4.5 4.5 0 1 0 .314 8.987c.024-.001.047-.004.07-.006.207-.017.41-.048.607-.092l.066-.016a4.41 4.41 0 0 0 .588-.185c.012-.006.026-.01.039-.015.194-.079.382-.171.562-.275l.03-.017a4.52 4.52 0 0 0 1.605-1.605c.006-.01.01-.02.017-.03.104-.18.196-.368.275-.562l.018-.048c.074-.188.134-.38.182-.58l.016-.065a4.49 4.49 0 0 0 .093-.61l.005-.067a4.544 4.544 0 0 0 .007-.545A4.5 4.5 0 0 0 6.5 2Z"
   }));
 };
 export var icon = EuiIconSearch;

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

@@ -26,9 +26,7 @@ var EuiIconSortLeft = function EuiIconSortLeft(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "m.293 8 5.353-5.354.708.708L2.207 7.5H15v1H2.207l4.147 4.146-.708.708L.293 8Z",
-    clipRule: "evenodd"
+    d: "M14 8.5H3.207l3.147 3.146-.708.707L1.293 8l4.353-4.354.708.708L3.207 7.5H14v1Z"
   }));
 };
 export var icon = EuiIconSortLeft;

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

@@ -26,9 +26,7 @@ var EuiIconSortRight = function EuiIconSortRight(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "m15.707 8-5.353 5.354-.708-.707L13.793 8.5H1v-1h12.793L9.646 3.354l.708-.708L15.707 8Z",
-    clipRule: "evenodd"
+    d: "M2 7.5h10.793L9.646 4.354l.707-.708L14.707 8l-4.354 4.354-.707-.707L12.793 8.5H2v-1Z"
   }));
 };
 export var icon = EuiIconSortRight;

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

@@ -26,9 +26,7 @@ var EuiIconSortDown = function EuiIconSortDown(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "m8 15.707 5.354-5.354-.708-.707L8.5 13.793V1h-1v12.793L3.354 9.646l-.708.707L8 15.707Z",
-    clipRule: "evenodd"
+    d: "M8.5 2v10.793l3.146-3.147.707.707L8 14.707l-4.354-4.354.708-.707L7.5 12.793V2h1Z"
   }));
 };
 export var icon = EuiIconSortDown;

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

@@ -26,9 +26,7 @@ var EuiIconSortUp = function EuiIconSortUp(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "m8 .293 5.354 5.353-.708.708L8.5 2.207V15h-1V2.207L3.354 6.354l-.708-.708L8 .293Z",
-    clipRule: "evenodd"
+    d: "M8.5 14V3.207l3.146 3.147.707-.708L8 1.293 3.646 5.646l.708.708L7.5 3.207V14h1Z"
   }));
 };
 export var icon = EuiIconSortUp;

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

@@ -26,9 +26,7 @@ var EuiIconSortable = function EuiIconSortable(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "m8 .293 5.354 5.353-.708.708L8.5 2.207v11.586l4.146-4.147.707.708L8 15.707l-5.354-5.353.708-.708L7.5 13.793V2.207L3.354 6.354l-.708-.708L8 .293Z",
-    clipRule: "evenodd"
+    d: "m12.354 5.646-.707.708L8.5 3.207v9.586l3.146-3.147.707.707L8 14.707l-4.354-4.354.708-.707L7.5 12.793V3.207L4.354 6.354l-.708-.708L8 1.293l4.354 4.353Z"
   }));
 };
 export var icon = EuiIconSortable;

package/optimize/es/components/icon/assets/streams_classic.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 EuiIconStreamsClassic = function EuiIconStreamsClassic(_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: "M13.5 9a1.5 1.5 0 1 1-1.413 2H3.913a1.5 1.5 0 1 1 0-1h8.174A1.5 1.5 0 0 1 13.5 9Zm-11 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm11 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm0-6a1.5 1.5 0 1 1-1.413 2H3.913a1.5 1.5 0 1 1 0-1h8.174A1.5 1.5 0 0 1 13.5 4Zm-11 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm11 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconStreamsClassic;

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

@@ -0,0 +1,38 @@
+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 EuiIconStreamsWired = function EuiIconStreamsWired(_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: "M13.5 1a1.5 1.5 0 1 1-1.413 2H11.5A1.5 1.5 0 0 0 10 4.5v1c0 .564-.19 1.082-.504 1.5H9.5l-.048.06a2.58 2.58 0 0 1-.352.36c-.01.01-.021.017-.032.025a2.501 2.501 0 0 1-.142.108l-.043.03c-.055.036-.11.07-.168.103l-.047.024c-.057.03-.115.06-.175.085-.018.008-.036.014-.055.021A2.475 2.475 0 0 1 7.5 8h-.504c.315.418.504.936.504 1.5v1A1.5 1.5 0 0 0 9 12h3.087a1.5 1.5 0 1 1 0 1H9a2.5 2.5 0 0 1-2.5-2.5v-1A1.5 1.5 0 0 0 5 8H3.913a1.5 1.5 0 1 1 0-1H7.5A1.5 1.5 0 0 0 9 5.5v-1A2.5 2.5 0 0 1 11.5 2h.587A1.5 1.5 0 0 1 13.5 1Zm0 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm-11-5a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm11-5a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z",
+    clipRule: "evenodd"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M13.5 6a1.5 1.5 0 1 1-1.413 2H9.948c.293-.287.536-.625.714-1h1.425A1.5 1.5 0 0 1 13.5 6Zm0 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconStreamsWired;

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

@@ -21,15 +21,12 @@ var EuiIconUnlink = function EuiIconUnlink(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    fill: "none",
     viewBox: "0 0 16 16",
     "aria-labelledby": titleId
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M7.565 10.83a.5.5 0 1 1 .819.573l-1.877 2.68c-.963 1.376-3.02 1.55-4.588.45C.35 13.436-.191 11.445.773 10.07L3.64 5.973c.963-1.375 3.019-1.548 4.587-.45a.5.5 0 1 1-.573.82C6.509 5.54 5.08 5.66 4.46 6.546l-2.868 4.095c-.621.887-.245 2.27.9 3.073 1.146.802 2.575.682 3.196-.205l1.877-2.68z"
-  }), ___EmotionJSX("path", {
-    d: "M7.892 3.43a.5.5 0 1 1-.574-.819L10 .734c1.376-.963 3.367-.422 4.465 1.146 1.098 1.569.926 3.625-.45 4.588L9.918 9.336c-1.375.963-3.366.422-4.464-1.146a.5.5 0 1 1 .819-.574c.802 1.146 2.185 1.522 3.072.9L13.44 5.65c.886-.621 1.006-2.05.204-3.195-.802-1.146-2.186-1.522-3.072-.9L7.892 3.43zM6 .5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0zM1.058 2.23l2.458 1.72a.5.5 0 0 1-.574.82L.484 3.05a.5.5 0 1 1 .574-.82zm12 7.093 2.457 1.72a.5.5 0 1 1-.573.82l-2.457-1.72a.5.5 0 1 1 .573-.82zm-2.099 1.181v3a.5.5 0 1 1-1 0v-3a.5.5 0 1 1 1 0z"
+    d: "m15.354 1.354-14 14-.708-.707 14-14 .707.707ZM7 15H6v-2.5h1V15Zm7.121-5.121A3 3 0 1 1 9.88 14.12l-2.234-2.23.708-.707 2.232 2.232a2 2 0 1 0 2.828-2.828l-2.232-2.232.707-.708L14.12 9.88ZM3 10H1V9h2v1ZM1.879 1.879a3 3 0 0 1 4.242 0L8.39 4.146l-.707.708-2.268-2.268a2 2 0 1 0-2.828 2.828l2.268 2.268-.708.707L1.88 6.12a3 3 0 0 1 0-4.242ZM15 7h-2V6h2v1Zm-5-4H9V1h1v2Z"
   }));
 };
 export var icon = EuiIconUnlink;

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

@@ -12,6 +12,8 @@ export var typeToPathMap = {
   advancedSettingsApp: 'app_advanced_settings',
   agentApp: 'app_fleet',
   aggregate: 'aggregate',
+  alert: 'warning',
+  // NOTE: To be deprecated in favor of `warning`
   analyzeEvent: 'analyzeEvent',
   annotation: 'annotation',
   anomalyChart: 'anomaly_chart',
@@ -30,13 +32,15 @@ export var typeToPathMap = {
   asterisk: 'asterisk',
   at: 'at',
   auditbeatApp: 'app_auditbeat',
+  backgroundTask: 'background_task',
   beaker: 'flask',
   // NOTE: To be deprecated in favor of `flask`
   bell: 'bell',
   bellSlash: 'bellSlash',
   beta: 'beta',
   bolt: 'bolt',
-  boxesHorizontal: 'boxes_horizontal',
+  boxesHorizontal: 'boxes_vertical',
+  // NOTE: To be deprecated in favor of `boxes_vertical`
   boxesVertical: 'boxes_vertical',
   branch: 'branch',
   branchUser: 'branchUser',
@@ -50,7 +54,8 @@ export var typeToPathMap = {
   changePointDetection: 'change_point_detection',
   check: 'check',
   checkCircle: 'checkCircle',
-  checkInCircleFilled: 'checkInCircleFilled',
+  checkInCircleFilled: 'checkCircle',
+  // NOTE: To be deprecated in favor of `checkCircle`
   cheer: 'cheer',
   classificationJob: 'ml_classification_job',
   clickLeft: 'clickLeft',
@@ -81,7 +86,8 @@ export var typeToPathMap = {
   controlsVertical: 'controls',
   // NOTE: To be deprecated in favor of `controls`
   copy: 'copy',
-  copyClipboard: 'copy_clipboard',
+  copyClipboard: 'copy',
+  // NOTE: To be deprecated in favor of `copy`
   createAdvancedJob: 'ml_create_advanced_job',
   createGenericJob: 'ml_create_generic_job',
   createGeoJob: 'ml_create_geo_job',
@@ -104,7 +110,8 @@ export var typeToPathMap = {
   discuss: 'comment',
   // NOTE: To be deprecated in favor of `comment`
   document: 'document',
-  documentEdit: 'documentEdit',
+  documentEdit: 'pencil',
+  // NOTE: To be deprecated in favor of `pencil`
   documentation: 'documentation',
   documents: 'documents',
   dot: 'dot',
@@ -131,7 +138,8 @@ export var typeToPathMap = {
   editorItemAlignMiddle: 'editorItemAlignMiddle',
   editorItemAlignRight: 'editorItemAlignRight',
   editorItemAlignTop: 'editorItemAlignTop',
-  editorLink: 'editor_link',
+  editorLink: 'link',
+  // NOTE: To be deprecated in favor of `link`
   editorOrderedList: 'editor_ordered_list',
   editorPositionBottomLeft: 'editorPositionBottomLeft',
   editorPositionBottomRight: 'editorPositionBottomRight',
@@ -139,10 +147,12 @@ export var typeToPathMap = {
   editorPositionTopRight: 'editorPositionTopRight',
   editorRedo: 'editor_redo',
   editorStrike: 'editor_strike',
-  editorTable: 'editor_table',
+  editorTable: 'vis_table',
+  // NOTE: To be deprecated in favor of `vis_table`
   editorUnderline: 'editor_underline',
   editorUndo: 'editor_undo',
-  editorUnorderedList: 'editor_unordered_list',
+  editorUnorderedList: 'list',
+  // NOTE: To be deprecated in favor of `list`
   email: 'email',
   empty: 'empty',
   emsApp: 'app_ems',
@@ -150,11 +160,13 @@ export var typeToPathMap = {
   eql: 'eql',
   eraser: 'eraser',
   error: 'error',
-  errorFilled: 'errorFilled',
+  errorFilled: 'error',
+  // NOTE: To be deprecated in favor of `error`
   esqlVis: 'esqlVis',
   exit: 'exit',
   expand: 'expand',
-  expandMini: 'expandMini',
+  expandMini: 'expand',
+  // NOTE: To be deprecated in favor of `expand`
   export: 'export',
   exportAction: 'export',
   // NOTE: To be deprecated in favor of `export`
@@ -169,7 +181,8 @@ export var typeToPathMap = {
   filterExclude: 'filterExclude',
   filterIgnore: 'filterIgnore',
   filterInclude: 'filterInclude',
-  filterInCircle: 'filterInCircle',
+  filterInCircle: 'filter',
+  // NOTE: To be deprecated in favor of `filter`
   flask: 'flask',
   flag: 'flag',
   fleetApp: 'app_agent',
@@ -233,13 +246,15 @@ export var typeToPathMap = {
   launch: 'launch',
   layers: 'layers',
   lensApp: 'app_lens',
-  lettering: 'lettering',
+  lettering: 'vis_text',
+  // NOTE: To be deprecated in favor of `vis_text`
   lineDashed: 'lineDashed',
   lineDotted: 'lineDotted',
   lineSolid: 'lineSolid',
   link: 'link',
   list: 'list',
-  listAdd: 'list_add',
+  listAdd: 'plus_in_circle',
+  // NOTE: To be deprecated in favor of `plus_in_circle`
   lock: 'lock',
   lockOpen: 'lockOpen',
   logPatternAnalysis: 'log_pattern_analysis',
@@ -327,7 +342,8 @@ export var typeToPathMap = {
   minimize: 'minimize',
   minus: 'minus',
   minusInCircle: 'minus_in_circle',
-  minusInCircleFilled: 'minus_in_circle_filled',
+  minusInCircleFilled: 'minus_in_circle',
+  // NOTE: To be deprecated in favor of `minus_in_circle`
   minusInSquare: 'minus_in_square',
   mobile: 'mobile',
   monitoringApp: 'app_monitoring',
@@ -335,7 +351,8 @@ export var typeToPathMap = {
   move: 'move',
   namespace: 'namespace',
   nested: 'nested',
-  newChat: 'new_chat',
+  newChat: 'plus_in_circle',
+  // NOTE: To be deprecated in favor of `plus_in_circle`
   node: 'node',
   notebookApp: 'app_notebook',
   number: 'number',
@@ -360,11 +377,13 @@ export var typeToPathMap = {
   pipeNoBreaks: 'pipeNoBreaks',
   pivot: 'pivot',
   play: 'play',
-  playFilled: 'playFilled',
+  playFilled: 'play',
+  // NOTE: To be deprecated in favor of `play`
   plugs: 'plugs',
   plus: 'plus',
   plusInCircle: 'plus_in_circle',
-  plusInCircleFilled: 'plus_in_circle_filled',
+  plusInCircleFilled: 'plus_in_circle',
+  // NOTE: To be deprecated in favor of `plus_in_circle`
   plusInSquare: 'plus_in_square',
   popout: 'popout',
   push: 'push',
@@ -417,15 +436,19 @@ export var typeToPathMap = {
   stopFilled: 'stop_filled',
   stopSlash: 'stop_slash',
   storage: 'storage',
+  streamsClassic: 'streams_classic',
+  streamsWired: 'streams_wired',
   string: 'string',
-  submodule: 'submodule',
+  submodule: 'merge',
+  // NOTE: To be deprecated in favor of `merge`
   sun: 'sun',
   swatchInput: 'swatch_input',
   // Undocumented on purpose. Has an extra stroke for EuiColorPicker
   symlink: 'symlink',
   tableDensityCompact: 'table_density_compact',
   tableDensityExpanded: 'table_density_expanded',
-  tableDensityNormal: 'table_density_normal',
+  tableDensityNormal: 'vis_table',
+  // NOTE: To be deprecated in favor of `vis_table`
   tableOfContents: 'tableOfContents',
   tag: 'tag',
   tear: 'tear',
@@ -477,13 +500,13 @@ export var typeToPathMap = {
   visualizeApp: 'app_visualize',
   vulnerabilityManagementApp: 'app_vulnerability_management',
   warning: 'warning',
-  warningFilled: 'warningFilled',
-  alert: 'warning',
-  // NOTE: This is an undocumented alias for `warning`, added for legacy compatability with Elastic Charts
+  warningFilled: 'warning',
+  // NOTE: To be deprecated in favor of `export`
   watchesApp: 'app_watches',
   web: 'web',
   wordWrap: 'wordWrap',
   wordWrapDisabled: 'wordWrapDisabled',
+  workflowsApp: 'app_workflows',
   workplaceSearchApp: 'app_workplace_search',
   wrench: 'wrench',
   // Token Icon Imports

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

@@ -86,7 +86,7 @@ export var euiProgressStyles = function euiProgressStyles(euiThemeContext, isNat
     indeterminate: /*#__PURE__*/css("&::before{position:absolute;content:'';", logicalCSS('width', '100%'), " ", logicalCSS('top', 0), " ", logicalCSS('bottom', 0), " ", logicalCSS('left', 0), " transform:scaleX(0) translateX(0%);animation:", euiIndeterminateAnimation, " 1s ", euiTheme.animation.resistance, " infinite;", highContrastModeStyles(euiThemeContext, {
       // Windows high contrast themes ignore backgrounds, so use a border instead
       forced: "\n            ".concat(logicalCSS('border-top-style', 'solid'), "\n            ").concat(logicalCSS('border-top-color', 'transparent'), "\n          ")
-    }), ";", euiCantAnimate, "{animation-duration:2s;animation-timing-function:linear;}};label:indeterminate;"),
+    }), ";", euiCantAnimate, "{animation:none;transform:scaleX(1) translateX(0%);background:repeating-linear-gradient(\n            -45deg,\n            transparent,\n            transparent ", euiTheme.size.m, ",\n            rgb(0, 0, 0, 0.25) ", euiTheme.size.m, ",\n            rgb(0, 0, 0, 0.25) ", euiTheme.size.l, "\n          );}};label:indeterminate;"),
     // Sizes
     _sharedSizeCSS: function _sharedSizeCSS(size) {
       return "\n      ".concat(logicalCSS('height', size), "\n      ").concat(highContrastModeStyles(euiThemeContext, {

package/optimize/lib/components/basic_table/in_memory_table.js

@@ -220,6 +220,19 @@ var EuiInMemoryTable = exports.EuiInMemoryTable = /*#__PURE__*/function (_Compon
     (0, _defineProperty2.default)(_this, "onPlainTextSearch", function (searchValue) {
       var escapedQueryText = searchValue.replace(/["\\]/g, '\\$&');
       var finalQuery = "\"".concat(escapedQueryText, "\"");
+      var search = _this.props.search;
+      if (isEuiSearchBarProps(search)) {
+        if (search.onChange) {
+          var shouldQueryInMemory = search.onChange({
+            query: _search_bar.EuiSearchBar.Query.parse(finalQuery),
+            queryText: escapedQueryText,
+            error: null
+          });
+          if (!shouldQueryInMemory) {
+            return;
+          }
+        }
+      }
       _this.setState({
         query: _search_bar.EuiSearchBar.Query.parse(finalQuery)
       });

package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.styles.js

@@ -19,7 +19,7 @@ var LIST_MAX_HEIGHT = exports.LIST_MAX_HEIGHT = 200;
 var euiComboBoxOptionListStyles = exports.euiComboBoxOptionListStyles = function euiComboBoxOptionListStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiComboBoxOptionList: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', "".concat(LIST_MAX_HEIGHT, "px")), " overflow:hidden;.euiTextTruncate{pointer-events:none;}.euiComboBoxOption__contentWrapper{display:flex;align-items:center;}.euiComboBoxOption__content{flex:1;text-align:start;}.euiComboBoxOption__emptyStateText{flex:1;text-align:start;", (0, _global_styling.logicalCSS)('margin-bottom', 0), ";}.euiComboBoxOption__enterBadge{", (0, _global_styling.logicalCSS)('margin-left', euiTheme.size.xs), ";}.euiComboBoxTitle{display:flex;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.s), (0, _global_styling.logicalCSS)('padding-top', (0, _global_styling.mathWithUnits)(euiTheme.size.s, function (x) {
+    euiComboBoxOptionList: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', "".concat(LIST_MAX_HEIGHT, "px")), " overflow:hidden;.euiTextTruncate{pointer-events:none;}.euiComboBoxOption__contentWrapper{display:flex;align-items:center;}.euiComboBoxOption__content{flex:1;text-align:start;overflow-wrap:anywhere;}.euiComboBoxOption__emptyStateText{flex:1;text-align:start;", (0, _global_styling.logicalCSS)('margin-bottom', 0), ";}.euiComboBoxOption__enterBadge{", (0, _global_styling.logicalCSS)('margin-left', euiTheme.size.xs), ";}.euiComboBoxTitle{display:flex;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.s), (0, _global_styling.logicalCSS)('padding-top', (0, _global_styling.mathWithUnits)(euiTheme.size.s, function (x) {
       return x + 1;
     })), " ", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.xs), " ", (0, _title.euiTitle)(euiThemeContext, 'xxxs'), ";};label:euiComboBoxOptionList;"),
     /* eslint-disable local/css-logical-properties */

package/optimize/lib/components/datagrid/controls/column_selector.js

@@ -26,28 +26,57 @@ var _column_selector = require("./column_selector.styles");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return 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.
  */
-
 var useDataGridColumnSelector = exports.useDataGridColumnSelector = function useDataGridColumnSelector(availableColumns, columnVisibility, showColumnSelector, displayValues) {
   var allowColumnHiding = (0, _data_grid_toolbar.getNestedObjectOptions)(showColumnSelector, 'allowHide');
   var allowColumnReorder = (0, _data_grid_toolbar.getNestedObjectOptions)(showColumnSelector, 'allowReorder');
+  var visibleColumns = columnVisibility.visibleColumns,
+    setVisibleColumns = columnVisibility.setVisibleColumns;
   var _useDependentState = (0, _services.useDependentState)(function () {
-      return availableColumns.map(function (_ref) {
+      var availableColumnIds = availableColumns.map(function (_ref) {
         var id = _ref.id;
         return id;
       });
+      var availableSet = new Set(availableColumnIds);
+      // Filter visibleColumns to only include existing columns
+      var validVisibleColumns = visibleColumns.filter(function (id) {
+        return availableSet.has(id);
+      });
+      var visibleSet = new Set(validVisibleColumns);
+      var result = [];
+      var visibleIndex = 0;
+      var _iterator = _createForOfIteratorHelper(availableColumnIds),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var columnId = _step.value;
+          if (visibleSet.has(columnId)) {
+            // Replace with next visible column in order
+            result.push(validVisibleColumns[visibleIndex++]);
+          } else {
+            // Keep hidden column in original position
+            result.push(columnId);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return result;
+      // doesn't depend on visibleColumns on purpose to keep it an initial state
     }, [availableColumns]),
     _useDependentState2 = (0, _slicedToArray2.default)(_useDependentState, 2),
     sortedColumns = _useDependentState2[0],
     setSortedColumns = _useDependentState2[1];
-  var visibleColumns = columnVisibility.visibleColumns,
-    setVisibleColumns = columnVisibility.setVisibleColumns;
   var visibleColumnIds = (0, _react.useMemo)(function () {
     return new Set(visibleColumns);
   }, [visibleColumns]);

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

@@ -19,7 +19,7 @@ var _reactDatepicker = require("./react-datepicker");
 var _react_date_picker = require("./react_date_picker.styles");
 var _date_picker = require("./date_picker.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["adjustDateOnChange", "append", "calendarClassName", "className", "compressed", "controlOnly", "customInput", "dateFormat", "dayClassName", "disabled", "excludeDates", "filterDate", "fullWidth", "iconType", "injectTimes", "inline", "inputRef", "isInvalid", "isLoading", "locale", "maxDate", "maxTime", "minDate", "minTime", "onChange", "onClear", "openToDate", "placeholder", "popperClassName", "popoverPlacement", "prepend", "readOnly", "selected", "shadow", "shouldCloseOnSelect", "showIcon", "showTimeSelect", "showTimeSelectOnly", "timeFormat", "utcOffset"];
+var _excluded = ["adjustDateOnChange", "append", "calendarClassName", "className", "compressed", "controlOnly", "customInput", "data-test-subj", "dateFormat", "dayClassName", "disabled", "excludeDates", "filterDate", "fullWidth", "iconType", "injectTimes", "inline", "inputRef", "isInvalid", "isLoading", "locale", "maxDate", "maxTime", "minDate", "minTime", "onChange", "onClear", "openToDate", "placeholder", "popperClassName", "popoverPlacement", "prepend", "readOnly", "selected", "shadow", "shouldCloseOnSelect", "showIcon", "showTimeSelect", "showTimeSelectOnly", "timeFormat", "utcOffset"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -70,6 +70,7 @@ var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
     compressed = _ref.compressed,
     controlOnly = _ref.controlOnly,
     customInput = _ref.customInput,
+    dataTestSubj = _ref['data-test-subj'],
     _ref$dateFormat = _ref.dateFormat,
     dateFormat = _ref$dateFormat === void 0 ? euiDatePickerDefaultDateFormat : _ref$dateFormat,
     dayClassName = _ref.dayClassName,
@@ -181,7 +182,8 @@ var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
       utcOffset: utcOffset,
       yearDropdownItemNumber: 7,
       accessibleMode: !(disabled || readOnly),
-      popperPlacement: popoverPlacement
+      popperPlacement: popoverPlacement,
+      "data-test-subj": dataTestSubj
     }, rest));
   });
   if (controlOnly) return control;
@@ -197,11 +199,13 @@ var EuiDatePicker = exports.EuiDatePicker = function EuiDatePicker(_ref) {
   }
   return (0, _react2.jsx)("span", {
     css: cssStyles,
-    className: classes
+    className: classes,
+    "data-test-subj": dataTestSubj
   }, (0, _react2.jsx)(_form.EuiFormControlLayout, (0, _extends2.default)({
     icon: optionalIcon,
     clear: selected && !disabled && onClear ? {
-      onClick: onClear
+      onClick: onClear,
+      'data-test-subj': dataTestSubj ? "".concat(dataTestSubj, "-clear") : undefined
     } : undefined,
     isLoading: isLoading,
     isInvalid: isInvalid,

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

@@ -14,7 +14,7 @@ var _form = require("../form");
 var _services = require("../../services");
 var _date_picker_range = require("./date_picker_range.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend", "delimiter"];
+var _excluded = ["children", "className", "data-test-subj", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend", "delimiter"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -27,6 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRange(_ref) {
   var children = _ref.children,
     className = _ref.className,
+    dataTestSubj = _ref['data-test-subj'],
     startDateControl = _ref.startDateControl,
     endDateControl = _ref.endDateControl,
     _ref$iconType = _ref.iconType,
@@ -69,6 +70,7 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
       disabled: disabled || (startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.disabled),
       isInvalid: isInvalid || (startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.isInvalid),
       className: (0, _classnames.default)('euiDatePickerRange__start', startDateControl === null || startDateControl === void 0 ? void 0 : startDateControl.props.className),
+      'data-test-subj': dataTestSubj ? "".concat(dataTestSubj, "-start-date") : undefined,
       onBlur: function onBlur(event) {
         var _startDateControl$pro, _startDateControl$pro2;
         startDateControl === null || startDateControl === void 0 || (_startDateControl$pro = startDateControl.props) === null || _startDateControl$pro === void 0 || (_startDateControl$pro2 = _startDateControl$pro.onBlur) === null || _startDateControl$pro2 === void 0 || _startDateControl$pro2.call(_startDateControl$pro, event);
@@ -91,6 +93,7 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
       isInvalid: isInvalid || (endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.isInvalid),
       popoverPlacement: 'downRight',
       className: (0, _classnames.default)('euiDatePickerRange__end', endDateControl === null || endDateControl === void 0 ? void 0 : endDateControl.props.className),
+      'data-test-subj': dataTestSubj ? "".concat(dataTestSubj, "-end-date") : undefined,
       onBlur: function onBlur(event) {
         var _endDateControl$props, _endDateControl$props2;
         endDateControl === null || endDateControl === void 0 || (_endDateControl$props = endDateControl.props) === null || _endDateControl$props === void 0 || (_endDateControl$props2 = _endDateControl$props.onBlur) === null || _endDateControl$props2 === void 0 || _endDateControl$props2.call(_endDateControl$props, event);
@@ -111,7 +114,8 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
   }, [iconType, inline]);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     className: classes,
-    css: cssStyles
+    css: cssStyles,
+    "data-test-subj": dataTestSubj
   }, rest), (0, _react2.jsx)(_form.EuiFormControlLayoutDelimited, {
     delimiter: delimiter,
     icon: icon,
@@ -125,6 +129,9 @@ var EuiDatePickerRange = exports.EuiDatePickerRange = function EuiDatePickerRang
     isLoading: isLoading,
     append: inline ? undefined : append,
     prepend: inline ? undefined : prepend,
-    css: inline && !disabled && (shadow ? inlineStyles.formLayout.shadow : inlineStyles.formLayout.noShadow)
+    css: inline && !disabled && (shadow ? inlineStyles.formLayout.shadow : inlineStyles.formLayout.noShadow),
+    wrapperProps: {
+      'data-test-subj': dataTestSubj ? "".concat(dataTestSubj, "-range-wrapper") : undefined
+    }
   }));
 };