@elastic/eui 113.3.0 → 114.1.0

package/optimize/lib/components/icon/svgs/transition_bottom_out.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.5 3.293v3.793l1.646-1.647.707.707L8 9 5.146 6.146l.708-.707L7.5 7.086V3.293z"/><path fill-rule="evenodd" d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z" clip-rule="evenodd"/></svg>

package/optimize/lib/components/markdown_editor/markdown_editor_help_button.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiMarkdownEditorHelpButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _services = require("../../services");
@@ -44,7 +45,8 @@ var mdSyntaxLink = (0, _react2.jsx)(_link.EuiLink, {
   default: "GitHub flavored markdown"
 }));
 var EuiMarkdownEditorHelpButton = exports.EuiMarkdownEditorHelpButton = function EuiMarkdownEditorHelpButton(_ref) {
-  var uiPlugins = _ref.uiPlugins;
+  var uiPlugins = _ref.uiPlugins,
+    tooltipProps = _ref.tooltipProps;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isShowingHelpModal = _useState2[0],
@@ -67,9 +69,9 @@ var EuiMarkdownEditorHelpButton = exports.EuiMarkdownEditorHelpButton = function
   });
   var hasUiPluginsWithHelpText = uiPluginsWithHelpText.length > 0;
   if (hasUiPluginsWithHelpText) {
-    return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_tool_tip.EuiToolTip, {
+    return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({}, tooltipProps, {
       content: syntaxTitle
-    }, (0, _react2.jsx)(_button.EuiButtonIcon, {
+    }), (0, _react2.jsx)(_button.EuiButtonIcon, {
       size: "s",
       css: styles.euiMarkdownEditorFooter__helpButton,
       className: "euiMarkdownEditorFooter__helpButton",

package/optimize/lib/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins.js

@@ -12,6 +12,7 @@ var _remarkParseNoTrim = _interopRequireDefault(require("remark-parse-no-trim"))
 var _remarkEmoji = _interopRequireDefault(require("remark-emoji"));
 var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
 var _remark_prismjs = _interopRequireDefault(require("../remark/remark_prismjs"));
+var _remark_intraword_underscore = _interopRequireDefault(require("../remark/remark_intraword_underscore"));
 var MarkdownTooltip = _interopRequireWildcard(require("../markdown_tooltip"));
 var MarkdownCheckbox = _interopRequireWildcard(require("../markdown_checkbox"));
 var _markdown_link_validator = require("../markdown_link_validator");
@@ -42,7 +43,7 @@ var getDefaultEuiMarkdownParsingPlugins = exports.getDefaultEuiMarkdownParsingPl
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var exclude = _ref.exclude,
     parsingConfig = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}]];
+  var parsingPlugins = [[_remarkParseNoTrim.default, {}], [_remark_prismjs.default, {}], [_remark_intraword_underscore.default, {}]];
   Object.entries(DEFAULT_PARSING_PLUGINS).forEach(function (_ref2) {
     var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
       pluginName = _ref3[0],

package/optimize/lib/components/markdown_editor/plugins/remark/remark_intraword_underscore.js

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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.
+ */
+
+// Temporary workaround for https://github.com/elastic/eui/issues/9404
+// remark-parse v8 doesn't implement the CommonMark rule that underscore
+// emphasis delimiters flanked by alphanumerics on both sides (intraword)
+// cannot open or close emphasis. This causes identifiers like
+// `ABCD__PineappleCherry__e` to render with bold formatting.
+// This plugin walks the parsed AST and reverses incorrectly applied
+// emphasis/strong nodes when both sides are alphanumeric characters.
+
+// eslint-disable-next-line import/no-unresolved
+
+var isTextNode = function isTextNode(node) {
+  return node.type === 'text';
+};
+var isEmphasisOrStrong = function isEmphasisOrStrong(node) {
+  return node.type === 'emphasis' || node.type === 'strong';
+};
+var isAlphanumeric = function isAlphanumeric(ch) {
+  return /[a-zA-Z0-9]/.test(ch);
+};
+
+/**
+ * Recursively converts an emphasis/strong node back into plain text
+ * with underscore delimiters restored.
+ */
+function flattenToText(node) {
+  var delimiter = node.type === 'emphasis' ? '_' : '__';
+  var inner = '';
+  var _iterator = _createForOfIteratorHelper(node.children),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var child = _step.value;
+      if (isTextNode(child)) {
+        inner += child.value;
+      } else if (isEmphasisOrStrong(child)) {
+        inner += flattenToText(child);
+      } else {
+        // Contains non-text children (links, images, etc.) — leave emphasis intact
+        return delimiter + collectText(node) + delimiter;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return delimiter + inner + delimiter;
+}
+function collectText(node) {
+  if (isTextNode(node)) return node.value;
+  if ('children' in node) {
+    return node.children.map(collectText).join('');
+  }
+  return '';
+}
+function processParent(parent, source) {
+  var modified = false;
+  var i = 0;
+  while (i < parent.children.length) {
+    var child = parent.children[i];
+    if (isEmphasisOrStrong(child) && isIntraword(parent, i, source)) {
+      var textValue = flattenToText(child);
+      var replacement = {
+        type: 'text',
+        value: textValue
+      };
+      parent.children.splice(i, 1, replacement);
+      modified = true;
+      // Don't advance — the replaced node may need to merge with neighbors
+    } else {
+      if ('children' in child) {
+        processParent(child, source);
+      }
+      i++;
+    }
+    if (modified) {
+      mergeAdjacentText(parent);
+      modified = false;
+      // After merging, restart scan since indices shifted
+      i = 0;
+    }
+  }
+}
+function getInnerText(node) {
+  if (isTextNode(node)) return node.value;
+  if ('children' in node) {
+    var children = node.children;
+    if (children.length > 0) return getInnerText(children[0]);
+  }
+  return '';
+}
+function getInnerTextEnd(node) {
+  if (isTextNode(node)) return node.value;
+  if ('children' in node) {
+    var children = node.children;
+    if (children.length > 0) return getInnerTextEnd(children[children.length - 1]);
+  }
+  return '';
+}
+
+/**
+ * Checks whether the emphasis/strong node at `index` within `parent`
+ * is an intraword usage of underscore delimiters.
+ *
+ * A node is intraword when at least one side has an alphanumeric text
+ * neighbor AND the inner content on the corresponding delimiter side
+ * also touches word characters — proving the underscores are embedded
+ * in a word rather than used as formatting.
+ */
+function isIntraword(parent, index, source) {
+  var _node$position;
+  var node = parent.children[index];
+
+  // Verify the delimiter is `_` (not `*`) by inspecting the source
+  if (((_node$position = node.position) === null || _node$position === void 0 || (_node$position = _node$position.start) === null || _node$position === void 0 ? void 0 : _node$position.offset) != null) {
+    var ch = source[node.position.start.offset];
+    if (ch !== '_') return false;
+  }
+  var prev = index > 0 ? parent.children[index - 1] : null;
+  var next = index < parent.children.length - 1 ? parent.children[index + 1] : null;
+  var prevChar = prev != null && isTextNode(prev) && prev.value.length > 0 ? prev.value[prev.value.length - 1] : null;
+  var nextChar = next != null && isTextNode(next) && next.value.length > 0 ? next.value[0] : null;
+  var prevIsAlpha = prevChar != null && isAlphanumeric(prevChar);
+  var nextIsAlpha = nextChar != null && isAlphanumeric(nextChar);
+
+  // Both sides flanked by alphanumeric — classic intraword (e.g. `foo__bar__baz`)
+  if (prevIsAlpha && nextIsAlpha) return true;
+
+  // One-sided: prev is alpha or underscore, no alpha next — check inner text
+  // starts with alpha (e.g. `Lorem__ipsum__` or `Lorem__ipsum_`)
+  if (prevIsAlpha || prevChar === '_') {
+    var inner = getInnerText(node);
+    if (inner.length > 0 && isAlphanumeric(inner[0])) return true;
+  }
+
+  // One-sided: next is alpha or underscore, no alpha prev — check inner text
+  // ends with alpha (e.g. `__Lorem__ipsum` or `_Lorem__ipsum`)
+  if (nextIsAlpha || nextChar === '_') {
+    var _inner = getInnerTextEnd(node);
+    if (_inner.length > 0 && isAlphanumeric(_inner[_inner.length - 1])) return true;
+  }
+  return false;
+}
+function mergeAdjacentText(parent) {
+  var i = 0;
+  while (i < parent.children.length - 1) {
+    if (isTextNode(parent.children[i]) && isTextNode(parent.children[i + 1])) {
+      parent.children[i].value += parent.children[i + 1].value;
+      parent.children.splice(i + 1, 1);
+    } else {
+      i++;
+    }
+  }
+}
+var attacher = function remarkIntrawordUnderscore() {
+  return function (tree, file) {
+    var source = String(file);
+    processParent(tree, source);
+  };
+};
+var _default = exports.default = attacher;
+module.exports = exports.default;

package/optimize/lib/components/overlay_mask/overlay_mask.js

@@ -17,7 +17,7 @@ var _services = require("../../services");
 var _portal = require("../portal");
 var _overlay_mask = require("./overlay_mask.styles");
 var _overlay_mask_body = require("./overlay_mask_body.styles");
-var _excluded = ["className", "children", "headerZindexLocation", "maskRef"];
+var _excluded = ["className", "children", "headerZindexLocation", "maskRef", "hasAnimation"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -33,6 +33,8 @@ var EuiOverlayMask = exports.EuiOverlayMask = function EuiOverlayMask(_ref) {
     _ref$headerZindexLoca = _ref.headerZindexLocation,
     headerZindexLocation = _ref$headerZindexLoca === void 0 ? 'above' : _ref$headerZindexLoca,
     maskRef = _ref.maskRef,
+    _ref$hasAnimation = _ref.hasAnimation,
+    hasAnimation = _ref$hasAnimation === void 0 ? true : _ref$hasAnimation,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var hasRendered = (0, _react.useRef)(false);
   var _useState = (0, _react.useState)(null),
@@ -44,7 +46,7 @@ var EuiOverlayMask = exports.EuiOverlayMask = function EuiOverlayMask(_ref) {
     hasRendered.current = true;
   }, []);
   var styles = (0, _services.useEuiMemoizedStyles)(_overlay_mask.euiOverlayMaskStyles);
-  var cssStyles = (0, _css.cx)([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], hasRendered.current && styles.noAnimation]);
+  var cssStyles = (0, _css.cx)([styles.euiOverlayMask, styles["".concat(headerZindexLocation, "Header")], (hasRendered.current || !hasAnimation) && styles.noAnimation]);
   (0, _react.useEffect)(function () {
     if (!overlayMaskNode) return;
     (0, _common.keysOf)(rest).forEach(function (key) {

package/optimize/lib/components/search_bar/filters/field_value_toggle_filter.js

@@ -1,89 +1,65 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FieldValueToggleFilter = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _filter_group = require("../../filter_group");
 var _predicate = require("../../../services/predicate");
 var _query = require("../query");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
+/*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var FieldValueToggleFilter = exports.FieldValueToggleFilter = /*#__PURE__*/function (_Component) {
-  function FieldValueToggleFilter() {
-    (0, _classCallCheck2.default)(this, FieldValueToggleFilter);
-    return _callSuper(this, FieldValueToggleFilter, arguments);
-  }
-  (0, _inherits2.default)(FieldValueToggleFilter, _Component);
-  return (0, _createClass2.default)(FieldValueToggleFilter, [{
-    key: "resolveDisplay",
-    value: function resolveDisplay(clause) {
-      var _this$props$config = this.props.config,
-        name = _this$props$config.name,
-        negatedName = _this$props$config.negatedName;
-      if ((0, _predicate.isNil)(clause)) {
-        return {
-          hasActiveFilters: false,
-          name: name
-        };
-      }
-      return _query.Query.isMust(clause) ? {
-        hasActiveFilters: true,
+
+var FieldValueToggleFilter = exports.FieldValueToggleFilter = function FieldValueToggleFilter(props) {
+  var resolveDisplay = function resolveDisplay(clause) {
+    var _props$config = props.config,
+      name = _props$config.name,
+      negatedName = _props$config.negatedName;
+    if ((0, _predicate.isNil)(clause)) {
+      return {
+        hasActiveFilters: false,
         name: name
-      } : {
-        hasActiveFilters: true,
-        name: negatedName ? negatedName : "Not ".concat(name)
-      };
-    }
-  }, {
-    key: "valueChanged",
-    value: function valueChanged(checked) {
-      var _this$props$config2 = this.props.config,
-        field = _this$props$config2.field,
-        value = _this$props$config2.value,
-        operator = _this$props$config2.operator;
-      var query = checked ? this.props.query.removeSimpleFieldValue(field, value) : this.props.query.addSimpleFieldValue(field, value, true, operator);
-      this.props.onChange(query);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      var _this$props = this.props,
-        query = _this$props.query,
-        config = _this$props.config;
-      var clause = query.getSimpleFieldClause(config.field, config.value);
-      var checked = !(0, _predicate.isNil)(clause);
-      var _this$resolveDisplay = this.resolveDisplay(clause),
-        hasActiveFilters = _this$resolveDisplay.hasActiveFilters,
-        name = _this$resolveDisplay.name;
-      var onClick = function onClick() {
-        _this.valueChanged(checked);
       };
-      return (0, _react2.jsx)(_filter_group.EuiFilterButton, {
-        onClick: onClick,
-        isSelected: hasActiveFilters,
-        hasActiveFilters: hasActiveFilters,
-        "aria-pressed": !!hasActiveFilters,
-        isToggle: true
-      }, name);
     }
-  }]);
-}(_react.Component);
+    return _query.Query.isMust(clause) ? {
+      hasActiveFilters: true,
+      name: name
+    } : {
+      hasActiveFilters: true,
+      name: negatedName ? negatedName : "Not ".concat(name)
+    };
+  };
+  var valueChanged = function valueChanged(checked) {
+    var _props$config2 = props.config,
+      field = _props$config2.field,
+      value = _props$config2.value,
+      operator = _props$config2.operator;
+    var query = checked ? props.query.removeSimpleFieldValue(field, value) : props.query.addSimpleFieldValue(field, value, true, operator);
+    props.onChange(query);
+  };
+  var query = props.query,
+    config = props.config;
+  var clause = query.getSimpleFieldClause(config.field, config.value);
+  var checked = !(0, _predicate.isNil)(clause);
+  var _resolveDisplay = resolveDisplay(clause),
+    hasActiveFilters = _resolveDisplay.hasActiveFilters,
+    name = _resolveDisplay.name;
+  var onClick = function onClick() {
+    valueChanged(checked);
+  };
+  return (0, _react2.jsx)(_filter_group.EuiFilterButton, {
+    onClick: onClick,
+    isSelected: hasActiveFilters,
+    hasActiveFilters: hasActiveFilters,
+    "aria-pressed": !!hasActiveFilters,
+    isToggle: true
+  }, name);
+};

package/optimize/lib/components/search_bar/search_filters.js

@@ -1,60 +1,39 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiSearchBarFilters = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _filters = require("./filters");
 var _filter_group = require("../filter_group");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /*
+/*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var EuiSearchBarFilters = exports.EuiSearchBarFilters = /*#__PURE__*/function (_Component) {
-  function EuiSearchBarFilters() {
-    (0, _classCallCheck2.default)(this, EuiSearchBarFilters);
-    return _callSuper(this, EuiSearchBarFilters, arguments);
-  }
-  (0, _inherits2.default)(EuiSearchBarFilters, _Component);
-  return (0, _createClass2.default)(EuiSearchBarFilters, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        _this$props$filters = _this$props.filters,
-        filters = _this$props$filters === void 0 ? [] : _this$props$filters,
-        query = _this$props.query,
-        onChange = _this$props.onChange;
-      var items = [];
-      filters.forEach(function (filterConfig, index) {
-        if (filterConfig.available && !filterConfig.available()) {
-          return;
-        }
-        var key = "filter_".concat(index);
-        var control = (0, _filters.createFilter)(index, filterConfig, query, onChange);
-        items.push((0, _react2.jsx)(_react.Fragment, {
-          key: key
-        }, control));
-      });
-      return (0, _react2.jsx)(_filter_group.EuiFilterGroup, null, items);
+
+var EuiSearchBarFilters = exports.EuiSearchBarFilters = function EuiSearchBarFilters(_ref) {
+  var _ref$filters = _ref.filters,
+    filters = _ref$filters === void 0 ? [] : _ref$filters,
+    query = _ref.query,
+    onChange = _ref.onChange;
+  var items = filters.reduce(function (acc, filterConfig, index) {
+    if (filterConfig.available && !filterConfig.available()) {
+      return acc;
     }
-  }]);
-}(_react.Component);
-(0, _defineProperty2.default)(EuiSearchBarFilters, "defaultProps", {
-  filters: []
-});
+    var key = "filter_".concat(index);
+    var control = (0, _filters.createFilter)(index, filterConfig, query, onChange);
+    acc.push((0, _react2.jsx)(_react.Fragment, {
+      key: key
+    }, control));
+    return acc;
+  }, []);
+  return (0, _react2.jsx)(_filter_group.EuiFilterGroup, null, items);
+};

package/optimize/lib/components/table/mobile/table_header_mobile.js

@@ -29,7 +29,7 @@ var EuiTableHeaderMobile = exports.EuiTableHeaderMobile = function EuiTableHeade
     responsiveBreakpointProp = _ref.responsiveBreakpoint,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var responsiveBreakpointDefault = (_useComponentDefaults = (0, _component_defaults.useComponentDefaults)().EuiTable) === null || _useComponentDefaults === void 0 ? void 0 : _useComponentDefaults.responsiveBreakpoint;
-  var responsiveBreakpoint = responsiveBreakpointProp || responsiveBreakpointDefault;
+  var responsiveBreakpoint = responsiveBreakpointProp !== null && responsiveBreakpointProp !== void 0 ? responsiveBreakpointProp : responsiveBreakpointDefault;
   var isResponsive = (0, _responsive_context.useIsEuiTableResponsive)(responsiveBreakpoint);
   var styles = (0, _services.useEuiMemoizedStyles)(_table_header_mobile.euiTableHeaderMobileStyles);
   var classes = (0, _classnames.default)('euiTableHeaderMobile', className);

package/optimize/lib/components/table/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resolveWidthPropsAsStyle = exports.WARNING_MESSAGE_WIDTH = exports.WARNING_MESSAGE_MIN_WIDTH = exports.WARNING_MESSAGE_MAX_WIDTH = void 0;
+exports.resolveWidthPropsAsStyle = exports.WARNING_MESSAGE_WIDTH = exports.WARNING_MESSAGE_NOT_RECOMMENDED_UNIT = exports.WARNING_MESSAGE_MIN_WIDTH = exports.WARNING_MESSAGE_MAX_WIDTH = void 0;
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -26,6 +26,11 @@ var WARNING_MESSAGE_MIN_WIDTH = exports.WARNING_MESSAGE_MIN_WIDTH = 'Two `minWid
  * @internal
  */
 var WARNING_MESSAGE_MAX_WIDTH = exports.WARNING_MESSAGE_MAX_WIDTH = 'Two `maxWidth` properties were provided. Provide only one of `style.maxWidth` or `maxWidth` to avoid conflicts.';
+
+/**
+ * @internal
+ */
+var WARNING_MESSAGE_NOT_RECOMMENDED_UNIT = exports.WARNING_MESSAGE_NOT_RECOMMENDED_UNIT = 'Detected not recommended unit (%, vw, cqw, cqi) in cell width settings. Adjust the `width`, `minWidth` and `maxWidth` values to use absolute length units like `em` for text cells or `px` for static elements like icons or plots.';
 var normalizeValue = function normalizeValue(value) {
   if (value === undefined || Number.isNaN(value)) {
     return undefined;
@@ -35,6 +40,13 @@ var normalizeValue = function normalizeValue(value) {
   }
   return value;
 };
+var UNIT_VALIDATOR_REGEX = /%|vw|cqw|cqi/;
+var shouldWarnAboutNotRecommendedUnit = function shouldWarnAboutNotRecommendedUnit(value) {
+  if (typeof value === 'string') {
+    return UNIT_VALIDATOR_REGEX.test(value);
+  }
+  return false;
+};
 
 /**
  * @internal
@@ -45,23 +57,31 @@ var resolveWidthPropsAsStyle = exports.resolveWidthPropsAsStyle = function resol
     rawWidth = _ref.width,
     rawMinWidth = _ref.minWidth,
     rawMaxWidth = _ref.maxWidth;
-  var width = normalizeValue(rawWidth);
-  var minWidth = normalizeValue(rawMinWidth);
-  var maxWidth = normalizeValue(rawMaxWidth);
+  var widthProp = normalizeValue(rawWidth);
+  var minWidthProp = normalizeValue(rawMinWidth);
+  var maxWidthProp = normalizeValue(rawMaxWidth);
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : style.width;
+  var minWidth = minWidthProp !== null && minWidthProp !== void 0 ? minWidthProp : style.minWidth;
+  var maxWidth = maxWidthProp !== null && maxWidthProp !== void 0 ? maxWidthProp : style.maxWidth;
+
+  // Value validation block
   if (process.env.NODE_ENV !== 'production') {
-    if (style.width && width !== undefined) {
+    if (style.width && widthProp !== undefined) {
       console.warn(WARNING_MESSAGE_WIDTH);
     }
-    if (style.minWidth && minWidth !== undefined) {
+    if (style.minWidth && minWidthProp !== undefined) {
       console.warn(WARNING_MESSAGE_MIN_WIDTH);
     }
-    if (style.maxWidth && maxWidth !== undefined) {
+    if (style.maxWidth && maxWidthProp !== undefined) {
       console.warn(WARNING_MESSAGE_MAX_WIDTH);
     }
+    if (shouldWarnAboutNotRecommendedUnit(width) || shouldWarnAboutNotRecommendedUnit(minWidth) || shouldWarnAboutNotRecommendedUnit(maxWidth)) {
+      console.warn(WARNING_MESSAGE_NOT_RECOMMENDED_UNIT);
+    }
   }
   return {
-    width: width || style.width,
-    minWidth: minWidth || style.minWidth,
-    maxWidth: maxWidth || style.maxWidth
+    width: width,
+    minWidth: minWidth,
+    maxWidth: maxWidth
   };
 };

package/optimize/lib/components/tree_view/tree_view_item.styles.js

@@ -30,7 +30,7 @@ var euiTreeViewItemStyles = exports.euiTreeViewItemStyles = function euiTreeView
       euiTreeView__node: _ref,
       default: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', defaultSize), " line-height:", defaultSize, ";;label:default;"),
       compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', compressedSize), " line-height:", compressedSize, ";;label:compressed;"),
-      expanded: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', '100vh'), ";;label:expanded;")
+      expanded: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', 'none'), ";;label:expanded;")
     },
     button: {
       euiTreeView__nodeInner: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), " ", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.xxs), " display:flex;align-items:center;&:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:hover,&:active,&:focus{background-color:", euiTheme.components.treeViewItemBackgroundHover, ";};label:euiTreeView__nodeInner;"),