@elastic/eui 114.1.0 → 114.2.0

package/lib/services/window_event/window_event.js

@@ -1,77 +1,21 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiWindowEvent = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } /*
+var _hooks = require("./hooks");
+/*
  * 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 EuiWindowEvent = exports.EuiWindowEvent = /*#__PURE__*/function (_Component) {
-  function EuiWindowEvent() {
-    _classCallCheck(this, EuiWindowEvent);
-    return _callSuper(this, EuiWindowEvent, arguments);
-  }
-  _inherits(EuiWindowEvent, _Component);
-  return _createClass(EuiWindowEvent, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.addEvent(this.props);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.event !== this.props.event || prevProps.handler !== this.props.handler) {
-        this.removeEvent(prevProps);
-        this.addEvent(this.props);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.removeEvent(this.props);
-    }
-  }, {
-    key: "addEvent",
-    value: function addEvent(_ref) {
-      var event = _ref.event,
-        handler = _ref.handler;
-      window.addEventListener(event, handler);
-    }
-  }, {
-    key: "removeEvent",
-    value: function removeEvent(_ref2) {
-      var event = _ref2.event,
-        handler = _ref2.handler;
-      window.removeEventListener(event, handler);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }]);
-}(_react.Component);
-EuiWindowEvent.propTypes = {
-  event: _propTypes.default.any.isRequired,
-  handler: _propTypes.default.func.isRequired
+
+var EuiWindowEvent = exports.EuiWindowEvent = function EuiWindowEvent(_ref) {
+  var event = _ref.event,
+    handler = _ref.handler;
+  (0, _hooks.useEuiWindowEvent)(event, handler);
+  return null;
 };

package/optimize/es/components/card/checkable_card/checkable_card.styles.js

@@ -7,13 +7,17 @@
  */
 
 import { css } from '@emotion/react';
-import { euiCanAnimate, euiPaddingSize, logicalCSS, logicals } from '../../../global_styling';
+import { euiCanAnimate, euiPaddingSize, highContrastModeStyles, logicalCSS, logicals, preventForcedColors } from '../../../global_styling';
 export var euiCheckableCardStyles = function euiCheckableCardStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var padding = euiPaddingSize(euiThemeContext, 'm');
   return {
-    euiCheckableCard: /*#__PURE__*/css(euiCanAnimate, "{transition:border-color ", euiTheme.animation.normal, " ease-in;};label:euiCheckableCard;"),
-    isChecked: /*#__PURE__*/css("border-color:", euiTheme.colors.primary, ";;label:isChecked;"),
+    euiCheckableCard: /*#__PURE__*/css(euiCanAnimate, "{&::after{transition:border-color ", euiTheme.animation.normal, " ease-in;}};label:euiCheckableCard;"),
+    isChecked: /*#__PURE__*/css(highContrastModeStyles(euiThemeContext, {
+      none: "\n          &::after {\n            border-color: ".concat(euiTheme.colors.primary, ";\n          }\n        "),
+      preferred: "\n          border-color: ".concat(euiTheme.colors.primary, ";\n        "),
+      forced: "\n          &::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: ".concat(euiTheme.border.width.thick, " solid ").concat(euiTheme.colors.primary, ";\n            border-radius: inherit;\n            pointer-events: none;\n\n            ").concat(preventForcedColors(euiThemeContext), "\n          }\n        ")
+    }), ";;label:isChecked;"),
     label: {
       euiCheckableCard__label: /*#__PURE__*/css("cursor:pointer;display:block;", logicals.width, ":calc(100% + (", padding, " * 2));padding:", padding, ";margin:-", padding, ";;label:euiCheckableCard__label;"),
       isDisabled: /*#__PURE__*/css("color:", euiTheme.colors.disabledText, ";cursor:not-allowed;;label:isDisabled;")

package/optimize/es/components/form/form_control_button/form_control_button.js

@@ -33,7 +33,7 @@ export var EuiFormControlButton = function EuiFormControlButton(_ref) {
     _isInvalid = _ref.isInvalid,
     _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
-    iconSide = _ref.iconSide,
+    _iconSide = _ref.iconSide,
     _isLoading = _ref.isLoading,
     href = _ref.href,
     rel = _ref.rel,
@@ -52,18 +52,19 @@ export var EuiFormControlButton = function EuiFormControlButton(_ref) {
   var isInvalid = _isInvalid !== null && _isInvalid !== void 0 ? _isInvalid : formLayoutIsInvalid;
   var isLoading = formLayoutIsLoading === true ? false : _isLoading;
   var compressed = _compressed !== null && _compressed !== void 0 ? _compressed : formLayoutCompressed;
+  var hasText = value || placeholder;
+  var iconSide = isLoading ? 'right' : _iconSide;
   var styles = useEuiMemoizedStyles(euiFormControlButtonStyles);
   var classes = classNames('euiFormControlButton', className);
   var cssStyles = [styles.euiFormControlButton, isInvalid && styles.isInvalid, isLoading && styles.isLoading, formLayoutReadOnly && styles.readOnly, compressed && styles.compressed, fullWidth ? styles.fullWidth : styles.formWidth];
   var contentProps = _objectSpread(_objectSpread({}, _contentProps), {}, {
-    css: [styles.euiFormControlButton__content, _contentProps === null || _contentProps === void 0 ? void 0 : _contentProps.css]
+    css: [styles.euiFormControlButton__content, !hasText && iconSide === 'right' && styles.alignEnd, _contentProps === null || _contentProps === void 0 ? void 0 : _contentProps.css]
   });
   var customTextProps = _objectSpread(_objectSpread({}, _textProps), {}, {
     className: classNames('eui-textTruncate', _textProps && (_textProps === null || _textProps === void 0 ? void 0 : _textProps.className)),
     css: [styles.textContent, !value && styles.placeholder, _textProps && (_textProps === null || _textProps === void 0 ? void 0 : _textProps.css)]
   });
   var content = children ? /*#__PURE__*/isValidElement(children) ? children : ___EmotionJSX("span", null, children) : null;
-  var hasText = value || placeholder;
   var linkProps = _objectSpread({
     href: href,
     rel: rel

package/optimize/es/components/form/form_control_button/form_control_button.styles.js

@@ -18,6 +18,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "flex:1;text-align:start;label:textContent;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "dfpczd-alignEnd",
+  styles: "justify-content:flex-end;label:alignEnd;"
+} : {
+  name: "dfpczd-alignEnd",
+  styles: "justify-content:flex-end;label:alignEnd;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 export var euiFormControlButtonStyles = function euiFormControlButtonStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var form = euiFormVariables(euiThemeContext);
@@ -31,6 +39,7 @@ export var euiFormControlButtonStyles = function euiFormControlButtonStyles(euiT
     formWidth: formStyles.formWidth,
     fullWidth: /*#__PURE__*/css(formStyles.fullWidth, ";label:fullWidth;"),
     euiFormControlButton__content: /*#__PURE__*/css("justify-content:flex-start;", logicalCSS('width', '100%'), ";;label:euiFormControlButton__content;"),
+    alignEnd: _ref2,
     textContent: _ref,
     placeholder: /*#__PURE__*/css(euiFormPlaceholderStyles(euiThemeContext), ";;label:placeholder;")
   };

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

@@ -0,0 +1,51 @@
+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 { htmlIdGenerator } from '../../../services';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconAddToDashboard = function EuiIconAddToDashboard(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var generateId = htmlIdGenerator('add_to_dashboard');
+  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: "m8.5 9.207 3.854-3.853-.708-.708L8.5 7.793l-2-2-3.854 3.853.708.708L6.5 7.207zM14 13h2v1h-2v2h-1v-2h-2v-1h2v-2h1z"
+  }), ___EmotionJSX("mask", {
+    id: generateId('a'),
+    width: 13,
+    height: 13,
+    x: 1,
+    y: 1,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: 'alpha'
+    }
+  }, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M13.072 1c.464 0 .928.542.928 1.083v10.834c0 .541-.464 1.083-.929 1.083H1.931C1.464 14 1 13.567 1 12.917V2.083C1 1.542 1.467 1 1.93 1zM1.93 12.917h11.14V2.083H1.932z"
+  })), ___EmotionJSX("g", {
+    mask: "url(#".concat(generateId('a'), ")")
+  }, ___EmotionJSX("path", {
+    d: "M1-.083h13.464V9H9v5H1z"
+  })));
+};
+export var icon = EuiIconAddToDashboard;

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

@@ -13,6 +13,9 @@ export var typeToPathMap = {
   addDataApp: function addDataApp() {
     return import('./assets/app_add_data');
   },
+  addToDashboard: function addToDashboard() {
+    return import('./assets/add_to_dashboard');
+  },
   advancedSettingsApp: function advancedSettingsApp() {
     return import('./assets/app_advanced_settings');
   },

package/optimize/es/components/markdown_editor/plugins/markdown_link_validator.js

@@ -9,13 +9,33 @@
 import visit from 'unist-util-visit';
 export var DEFAULT_OPTIONS = {
   allowRelative: true,
+  allowDocumentRelative: false,
   allowProtocols: ['https:', 'http:', 'mailto:']
 };
-export function euiMarkdownLinkValidator(options) {
+export function euiMarkdownLinkValidator(_ref) {
+  var _ref$allowRelative = _ref.allowRelative,
+    allowRelative = _ref$allowRelative === void 0 ? DEFAULT_OPTIONS.allowRelative : _ref$allowRelative,
+    _ref$allowDocumentRel = _ref.allowDocumentRelative,
+    allowDocumentRelative = _ref$allowDocumentRel === void 0 ? DEFAULT_OPTIONS.allowDocumentRelative : _ref$allowDocumentRel,
+    _ref$allowProtocols = _ref.allowProtocols,
+    allowProtocols = _ref$allowProtocols === void 0 ? DEFAULT_OPTIONS.allowProtocols : _ref$allowProtocols,
+    baseUrl = _ref.baseUrl;
   return function (ast) {
     visit(ast, 'link', function (_node) {
       var node = _node;
-      if (!validateUrl(node.url, options)) {
+      if (allowRelative && allowDocumentRelative && (
+      // Prevent throwing in non-browser environments if baseUrl isn't configured
+      typeof window !== 'undefined' || baseUrl) && node.url && isDocumentRelativeUrl(node.url)) {
+        var newUrl = resolveDocumentRelativeUrl(node.url, baseUrl !== null && baseUrl !== void 0 ? baseUrl : window.location.href);
+        if (newUrl) {
+          node.url = newUrl;
+        } else {
+          mutateLinkToText(node);
+        }
+      } else if (!validateUrl(node.url, {
+        allowRelative: allowRelative,
+        allowProtocols: allowProtocols
+      })) {
         mutateLinkToText(node);
       }
     });
@@ -40,11 +60,11 @@ export function mutateLinkToText(node) {
   delete node.url;
   return node;
 }
-export function validateUrl(url, _ref) {
-  var _ref$allowRelative = _ref.allowRelative,
-    allowRelative = _ref$allowRelative === void 0 ? DEFAULT_OPTIONS.allowRelative : _ref$allowRelative,
-    _ref$allowProtocols = _ref.allowProtocols,
-    allowProtocols = _ref$allowProtocols === void 0 ? DEFAULT_OPTIONS.allowProtocols : _ref$allowProtocols;
+export function validateUrl(url, _ref2) {
+  var _ref2$allowRelative = _ref2.allowRelative,
+    allowRelative = _ref2$allowRelative === void 0 ? DEFAULT_OPTIONS.allowRelative : _ref2$allowRelative,
+    _ref2$allowProtocols = _ref2.allowProtocols,
+    allowProtocols = _ref2$allowProtocols === void 0 ? DEFAULT_OPTIONS.allowProtocols : _ref2$allowProtocols;
   // relative captures both relative paths `/` and protocols `//`
   var isRelative = url.startsWith('/');
   if (isRelative) {
@@ -57,4 +77,38 @@ export function validateUrl(url, _ref) {
     // failed to parse input as url
     return false;
   }
+}
+
+/**
+ * Tests whether a URL is a document relative URL (e.g. "discover", "dashboards#/view/123")
+ * that has no scheme, no leading slash, and is not an anchor or query-only link.
+ */
+export function isDocumentRelativeUrl(url) {
+  if (url.startsWith('/') || url.startsWith('#') || url.startsWith('?')) {
+    return false;
+  }
+  // Return false if the url starts with a protocol/scheme. Catches http:, https:, mailto:, etc.
+  if (/^[a-z][a-z0-9+.-]*:/i.test(url)) {
+    return false;
+  }
+  return true;
+}
+
+/**
+ * Resolves a document relative URL against a base URL. This mostly replicates
+ * native browser resolution of e.g. `<a href="discover">`, except that
+ * trailing slashes are always removed to ensure consistent resolution,
+ * regardless of whether the current page URL ends with a trailing slash or not.
+ * Without this, "baz" on "/foo/bar/" resolves to "/foo/bar/baz" instead of the
+ * expected "/foo/baz".
+ */
+function resolveDocumentRelativeUrl(url, baseUrl) {
+  var normalizedBase = baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;
+  try {
+    var resolved = new URL(url, normalizedBase);
+    return "".concat(resolved.pathname).concat(resolved.search).concat(resolved.hash);
+  } catch (e) {
+    // failed to parse URL
+    return null;
+  }
 }

package/optimize/es/components/popover/wrapping_popover.js

@@ -1,14 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["button"];
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
@@ -17,7 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * Side Public License, v 1.
  */
 
-import React, { Component } from 'react';
+import React, { useCallback, useLayoutEffect, useRef } from 'react';
 import { EuiPopover } from './popover';
 import { EuiPortal } from '../portal';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -26,51 +18,34 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
  * then the button element is moved into the popover dom.
  * On unmount, the button is moved back to its original location.
  */
-export var EuiWrappingPopover = /*#__PURE__*/function (_Component) {
-  function EuiWrappingPopover() {
-    var _this;
-    _classCallCheck(this, EuiWrappingPopover);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiWrappingPopover, [].concat(args));
-    _defineProperty(_this, "portal", null);
-    _defineProperty(_this, "setPortalRef", function (node) {
-      _this.portal = node;
-    });
-    _defineProperty(_this, "setAnchorRef", function (node) {
-      node === null || node === void 0 || node.insertAdjacentElement('beforebegin', _this.props.button);
-    });
-    return _this;
-  }
-  _inherits(EuiWrappingPopover, _Component);
-  return _createClass(EuiWrappingPopover, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.props.button.parentNode) {
-        if (this.portal) {
-          this.portal.insertAdjacentElement('beforebegin', this.props.button);
-        }
+
+export function EuiWrappingPopover(props) {
+  var button = props.button,
+    rest = _objectWithoutProperties(props, _excluded);
+  var portalRef = useRef(null);
+  var setPortalRef = useCallback(function (node) {
+    portalRef.current = node;
+  }, []);
+  var setAnchorRef = useCallback(function (node) {
+    node === null || node === void 0 || node.insertAdjacentElement('beforebegin', button);
+  }, [button]);
+  useLayoutEffect(function () {
+    return function () {
+      if (button.parentNode && portalRef.current) {
+        portalRef.current.insertAdjacentElement('beforebegin', button);
       }
+    };
+  }, [button]);
+  return ___EmotionJSX(EuiPortal, {
+    portalRef: setPortalRef,
+    insert: {
+      sibling: button,
+      position: 'after'
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        button = _this$props.button,
-        rest = _objectWithoutProperties(_this$props, _excluded);
-      return ___EmotionJSX(EuiPortal, {
-        portalRef: this.setPortalRef,
-        insert: {
-          sibling: this.props.button,
-          position: 'after'
-        }
-      }, ___EmotionJSX(EuiPopover, _extends({}, rest, {
-        button: ___EmotionJSX("div", {
-          ref: this.setAnchorRef,
-          className: "euiWrappingPopover__anchor"
-        })
-      })));
-    }
-  }]);
-}(Component);
+  }, ___EmotionJSX(EuiPopover, _extends({}, rest, {
+    button: ___EmotionJSX("div", {
+      ref: setAnchorRef,
+      className: "euiWrappingPopover__anchor"
+    })
+  })));
+}

package/optimize/es/components/search_bar/filters/is_filter.js

@@ -1,10 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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
@@ -13,65 +6,49 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * Side Public License, v 1.
  */
 
-import React, { Component } from 'react';
+import React from 'react';
 import { EuiFilterButton } from '../../filter_group';
 import { isNil } from '../../../services/predicate';
 import { Query } from '../query';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var IsFilter = /*#__PURE__*/function (_Component) {
-  function IsFilter() {
-    _classCallCheck(this, IsFilter);
-    return _callSuper(this, IsFilter, arguments);
-  }
-  _inherits(IsFilter, _Component);
-  return _createClass(IsFilter, [{
-    key: "resolveDisplay",
-    value: function resolveDisplay(clause) {
-      var _this$props$config = this.props.config,
-        name = _this$props$config.name,
-        negatedName = _this$props$config.negatedName;
-      if (isNil(clause)) {
-        return {
-          hasActiveFilters: false,
-          name: name
-        };
-      }
-      return Query.isMust(clause) ? {
-        hasActiveFilters: true,
+export var IsFilter = function IsFilter(props) {
+  var resolveDisplay = function resolveDisplay(clause) {
+    var _props$config = props.config,
+      name = _props$config.name,
+      negatedName = _props$config.negatedName;
+    if (isNil(clause)) {
+      return {
+        hasActiveFilters: false,
         name: name
-      } : {
-        hasActiveFilters: true,
-        name: negatedName ? negatedName : "Not ".concat(name)
       };
     }
-  }, {
-    key: "valueChanged",
-    value: function valueChanged(field, checked) {
-      var query = checked ? this.props.query.removeIsClause(field) : this.props.query.addMustIsClause(field);
-      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.getIsClause(config.field);
-      var checked = !isNil(clause);
-      var _this$resolveDisplay = this.resolveDisplay(clause),
-        hasActiveFilters = _this$resolveDisplay.hasActiveFilters,
-        name = _this$resolveDisplay.name;
-      var onClick = function onClick() {
-        _this.valueChanged(config.field, checked);
-      };
-      return ___EmotionJSX(EuiFilterButton, {
-        onClick: onClick,
-        isSelected: hasActiveFilters,
-        hasActiveFilters: hasActiveFilters,
-        "aria-pressed": !!hasActiveFilters,
-        isToggle: true
-      }, name);
-    }
-  }]);
-}(Component);
+    return Query.isMust(clause) ? {
+      hasActiveFilters: true,
+      name: name
+    } : {
+      hasActiveFilters: true,
+      name: negatedName ? negatedName : "Not ".concat(name)
+    };
+  };
+  var valueChanged = function valueChanged(field, checked) {
+    var query = checked ? props.query.removeIsClause(field) : props.query.addMustIsClause(field);
+    props.onChange(query);
+  };
+  var query = props.query,
+    config = props.config;
+  var clause = query.getIsClause(config.field);
+  var checked = !isNil(clause);
+  var _resolveDisplay = resolveDisplay(clause),
+    hasActiveFilters = _resolveDisplay.hasActiveFilters,
+    name = _resolveDisplay.name;
+  var onClick = function onClick() {
+    valueChanged(config.field, checked);
+  };
+  return ___EmotionJSX(EuiFilterButton, {
+    onClick: onClick,
+    isSelected: hasActiveFilters,
+    hasActiveFilters: hasActiveFilters,
+    "aria-pressed": !!hasActiveFilters,
+    isToggle: true
+  }, name);
+};

package/optimize/es/components/selectable/selectable.js

@@ -477,16 +477,6 @@ export var EuiSelectable = /*#__PURE__*/function (_Component) {
       var resultsLength = visibleOptions.filter(function (option) {
         return !option.disabled;
       }).length;
-      var listScreenReaderStatus = searchable && ___EmotionJSX(EuiI18n, {
-        token: "euiSelectable.searchResults",
-        default: function _default(_ref6) {
-          var resultsLength = _ref6.resultsLength;
-          return "".concat(resultsLength, " result").concat(resultsLength === 1 ? '' : 's', " available");
-        },
-        values: {
-          resultsLength: resultsLength
-        }
-      });
       var listAriaDescribedbyId = this.rootId('instructions');
       var listAccessibleName = getAccessibleName(listProps, listAriaDescribedbyId);
       var listHasAccessibleName = Boolean(Object.keys(listAccessibleName).length);
@@ -494,9 +484,20 @@ export var EuiSelectable = /*#__PURE__*/function (_Component) {
         token: "euiSelectable.placeholderName",
         default: "Filter options"
       }, function (placeholderName) {
-        return ___EmotionJSX(React.Fragment, null, searchable && ___EmotionJSX(EuiScreenReaderLive, {
-          isActive: messageContent != null || activeOptionIndex != null
-        }, messageContent || listScreenReaderStatus), messageContent ? ___EmotionJSX(EuiSelectableMessage, {
+        return ___EmotionJSX(React.Fragment, null, searchable && ___EmotionJSX(EuiI18n, {
+          token: "euiSelectable.searchResults",
+          default: function _default(_ref6) {
+            var resultsLength = _ref6.resultsLength;
+            return "".concat(resultsLength, " result").concat(resultsLength === 1 ? '' : 's', " available");
+          },
+          values: {
+            resultsLength: resultsLength
+          }
+        }, function (searchResults) {
+          return ___EmotionJSX(EuiScreenReaderLive, {
+            isActive: messageContent != null || activeOptionIndex != null
+          }, messageContent || searchResults);
+        }), messageContent ? ___EmotionJSX(EuiSelectableMessage, {
           "data-test-subj": "euiSelectableMessage",
           id: _this2.messageContentId,
           bordered: listProps && listProps.bordered

package/optimize/es/services/index.js

@@ -32,5 +32,5 @@ export { slugify, toInitials, toSentenceCase } from './string';
 export * from './theme';
 export { throttle } from './throttle';
 export { getDurationAndPerformOnFrame, getTransitionTimings, getWaitDuration, performOnFrame } from './transition';
-export { EuiWindowEvent } from './window_event';
+export { EuiWindowEvent, useEuiWindowEvent } from './window_event';
 export { keys };

package/optimize/es/services/window_event/hooks.js

@@ -0,0 +1,23 @@
+/*
+ * 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, useRef } from 'react';
+export var useEuiWindowEvent = function useEuiWindowEvent(event, handler) {
+  var handlerRef = useRef(handler);
+  handlerRef.current = handler;
+  var stableHandler = useCallback(function (ev) {
+    return handlerRef.current.call(this, ev);
+  }, []);
+  useEffect(function () {
+    window.addEventListener(event, stableHandler);
+    return function () {
+      return window.removeEventListener(event, stableHandler);
+    };
+  }, [event, stableHandler]);
+  return null;
+};

package/optimize/es/services/window_event/index.js

@@ -6,4 +6,5 @@
  * Side Public License, v 1.
  */
 
-export { EuiWindowEvent } from './window_event';
+export { EuiWindowEvent } from './window_event';
+export { useEuiWindowEvent } from './hooks';