@elastic/eui 114.3.0 → 115.0.0

package/optimize/es/components/search_bar/filters/field_value_toggle_group_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,72 +6,56 @@ 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 { Query } from '../query';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var FieldValueToggleGroupFilter = /*#__PURE__*/function (_Component) {
-  function FieldValueToggleGroupFilter() {
-    _classCallCheck(this, FieldValueToggleGroupFilter);
-    return _callSuper(this, FieldValueToggleGroupFilter, arguments);
-  }
-  _inherits(FieldValueToggleGroupFilter, _Component);
-  return _createClass(FieldValueToggleGroupFilter, [{
-    key: "resolveDisplay",
-    value: function resolveDisplay(config, query, item) {
-      var clause = query.getSimpleFieldClause(config.field, item.value);
-      if (clause) {
-        if (Query.isMust(clause)) {
-          return {
-            active: true,
-            name: item.name
-          };
-        }
+export var FieldValueToggleGroupFilter = function FieldValueToggleGroupFilter(props) {
+  var resolveDisplay = function resolveDisplay(config, query, item) {
+    var clause = query.getSimpleFieldClause(config.field, item.value);
+    if (clause) {
+      if (Query.isMust(clause)) {
         return {
           active: true,
-          name: item.negatedName ? item.negatedName : "Not ".concat(item.name)
+          name: item.name
         };
       }
       return {
-        active: false,
-        name: item.name
+        active: true,
+        name: item.negatedName ? item.negatedName : "Not ".concat(item.name)
       };
     }
-  }, {
-    key: "valueChanged",
-    value: function valueChanged(item, active) {
-      var field = this.props.config.field;
-      var value = item.value,
-        operator = item.operator;
-      var query = active ? this.props.query.removeSimpleFieldClauses(field) : this.props.query.removeSimpleFieldClauses(field).addSimpleFieldValue(field, value, true, operator);
-      this.props.onChange(query);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      var _this$props = this.props,
-        config = _this$props.config,
-        query = _this$props.query;
-      return config.items.map(function (item, index) {
-        var _this$resolveDisplay = _this.resolveDisplay(config, query, item),
-          active = _this$resolveDisplay.active,
-          name = _this$resolveDisplay.name;
-        var onClick = function onClick() {
-          _this.valueChanged(item, active);
-        };
-        var key = "field_value_toggle_filter_item_".concat(index);
-        var isLastItem = index === config.items.length - 1;
-        return ___EmotionJSX(EuiFilterButton, {
-          key: key,
-          onClick: onClick,
-          isSelected: active,
-          hasActiveFilters: active,
-          "aria-pressed": !!active,
-          withNext: !isLastItem,
-          isToggle: true
-        }, name);
-      });
-    }
-  }]);
-}(Component);
+    return {
+      active: false,
+      name: item.name
+    };
+  };
+  var valueChanged = function valueChanged(item, active) {
+    var field = props.config.field;
+    var value = item.value,
+      operator = item.operator;
+    var query = active ? props.query.removeSimpleFieldClauses(field) : props.query.removeSimpleFieldClauses(field).addSimpleFieldValue(field, value, true, operator);
+    props.onChange(query);
+  };
+  var config = props.config,
+    query = props.query;
+  return config.items.map(function (item, index) {
+    var _resolveDisplay = resolveDisplay(config, query, item),
+      active = _resolveDisplay.active,
+      name = _resolveDisplay.name;
+    var onClick = function onClick() {
+      valueChanged(item, active);
+    };
+    var key = "field_value_toggle_filter_item_".concat(index);
+    var isLastItem = index === config.items.length - 1;
+    return ___EmotionJSX(EuiFilterButton, {
+      key: key,
+      onClick: onClick,
+      isSelected: active,
+      hasActiveFilters: active,
+      "aria-pressed": !!active,
+      withNext: !isLastItem,
+      isToggle: true
+    }, name);
+  });
+};

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

@@ -241,7 +241,7 @@ export var EuiSelectableListItem = function EuiSelectableListItem(_ref) {
   // Manually set the `aria-describedby` id on the <li> wrapper
   useEffect(function () {
     if (tooltipRef) {
-      var tooltipId = tooltipRef.state.id;
+      var tooltipId = tooltipRef.id;
       setAriaDescribedBy(classNames(tooltipId, _ariaDescribedBy));
     }
   }, [tooltipRef, _ariaDescribedBy]);

package/optimize/es/components/tool_tip/icon_tip.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "aria-label", "color", "size", "iconProps", "position", "delay"];
+var _excluded = ["type", "aria-label", "color", "size", "iconProps", "position"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -8,6 +8,7 @@ var _excluded = ["type", "aria-label", "color", "size", "iconProps", "position",
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/* eslint-disable @elastic/eui/prefer-eui-icon-tip */
 
 import React from 'react';
 import { useEuiI18n } from '../i18n';
@@ -23,13 +24,10 @@ export var EuiIconTip = function EuiIconTip(_ref) {
     iconProps = _ref.iconProps,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'top' : _ref$position,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 'regular' : _ref$delay,
     rest = _objectWithoutProperties(_ref, _excluded);
   var defaultAriaLabel = useEuiI18n('euiIconTip.defaultAriaLabel', 'Info');
   return ___EmotionJSX(EuiToolTip, _extends({
-    position: position,
-    delay: delay
+    position: position
   }, rest), ___EmotionJSX(EuiIcon, _extends({
     tabIndex: 0,
     type: type,