@elastic/eui 76.3.0 → 77.0.0

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

@@ -1,73 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiComboBoxOptionsList = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactWindow = require("react-window");
-
 var _flex = require("../../flex");
-
 var _highlight = require("../../highlight");
-
 var _text = require("../../text");
-
 var _loading = require("../../loading");
-
 var _combo_box_title = require("./combo_box_title");
-
 var _i18n = require("../../i18n");
-
 var _filter_select_item = require("../../filter_group/filter_select_item");
-
 var _badge = require("../../badge");
-
 var _popover_panel = require("../../popover/popover_panel");
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["key", "isGroupLabelOption", "label", "value"],
-    _excluded2 = ["data-test-subj", "activeOptionIndex", "areAllOptionsSelected", "customOptionText", "fullWidth", "getSelectedOptionForSearchValue", "isCaseSensitive", "isLoading", "listRef", "matchingOptions", "onCloseList", "onCreateOption", "onOptionClick", "onOptionEnterKey", "onScroll", "optionRef", "options", "position", "renderOption", "rootId", "rowHeight", "scrollToIndex", "searchValue", "selectedOptions", "singleSelection", "updatePosition", "width", "delimiter", "zIndex", "style", "listboxAriaLabel"];
-
+  _excluded2 = ["data-test-subj", "activeOptionIndex", "areAllOptionsSelected", "customOptionText", "fullWidth", "getSelectedOptionForSearchValue", "isCaseSensitive", "isLoading", "listRef", "matchingOptions", "onCloseList", "onCreateOption", "onOptionClick", "onOptionEnterKey", "onScroll", "optionRef", "options", "position", "renderOption", "rootId", "rowHeight", "scrollToIndex", "searchValue", "selectedOptions", "singleSelection", "updatePosition", "width", "delimiter", "zIndex", "style", "listboxAriaLabel"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var OPTION_CONTENT_CLASSNAME = 'euiComboBoxOption__content';
 var hitEnterBadge = (0, _react2.jsx)(_badge.EuiBadge, {
   className: "euiComboBoxOption__enterBadge",
@@ -75,21 +43,15 @@ var hitEnterBadge = (0, _react2.jsx)(_badge.EuiBadge, {
   iconType: "returnKey",
   "aria-hidden": "true"
 });
-
 var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EuiComboBoxOptionsList, _Component);
-
   var _super = _createSuper(EuiComboBoxOptionsList);
-
   function EuiComboBoxOptionsList() {
     var _this;
-
     (0, _classCallCheck2.default)(this, EuiComboBoxOptionsList);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "listRefInstance", null);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "listRef", null);
@@ -109,7 +71,6 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "listRefCallback", function (ref) {
       _this.props.listRef(ref);
-
       _this.listRefInstance = ref;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setListRef", function (ref) {
@@ -117,7 +78,6 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setListBoxRef", function (ref) {
       _this.listBoxRef = ref;
-
       if (ref) {
         ref.setAttribute('aria-label', _this.props.listboxAriaLabel);
         ref.setAttribute('id', _this.props.rootId('listbox'));
@@ -127,39 +87,34 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "ListRow", function (_ref) {
       var _option$key;
-
       var data = _ref.data,
-          index = _ref.index,
-          style = _ref.style;
+        index = _ref.index,
+        style = _ref.style;
       var option = data[index];
       var key = option.key,
-          isGroupLabelOption = option.isGroupLabelOption,
-          label = option.label,
-          value = option.value,
-          rest = (0, _objectWithoutProperties2.default)(option, _excluded);
+        isGroupLabelOption = option.isGroupLabelOption,
+        label = option.label,
+        value = option.value,
+        rest = (0, _objectWithoutProperties2.default)(option, _excluded);
       var _this$props = _this.props,
-          singleSelection = _this$props.singleSelection,
-          selectedOptions = _this$props.selectedOptions,
-          onOptionClick = _this$props.onOptionClick,
-          optionRef = _this$props.optionRef,
-          activeOptionIndex = _this$props.activeOptionIndex,
-          renderOption = _this$props.renderOption,
-          searchValue = _this$props.searchValue,
-          rootId = _this$props.rootId;
-
+        singleSelection = _this$props.singleSelection,
+        selectedOptions = _this$props.selectedOptions,
+        onOptionClick = _this$props.onOptionClick,
+        optionRef = _this$props.optionRef,
+        activeOptionIndex = _this$props.activeOptionIndex,
+        renderOption = _this$props.renderOption,
+        searchValue = _this$props.searchValue,
+        rootId = _this$props.rootId;
       if (isGroupLabelOption) {
         return (0, _react2.jsx)("div", {
           key: key !== null && key !== void 0 ? key : label,
           style: style
         }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, label));
       }
-
       var checked = undefined;
-
       if (singleSelection && selectedOptions.length && selectedOptions[0].label === label && selectedOptions[0].key === key) {
         checked = 'on';
       }
-
       var optionIsFocused = activeOptionIndex === index;
       var optionIsDisabled = option.hasOwnProperty('disabled') && option.disabled === true;
       return (0, _react2.jsx)(_filter_select_item.EuiFilterSelectItem, (0, _extends2.default)({
@@ -188,27 +143,25 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(EuiComboBoxOptionsList, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       // Wait a frame, otherwise moving focus from one combo box to another will result in the class
       // being removed from the body.
       requestAnimationFrame(function () {
         document.body.classList.add('euiBody-hasPortalContent');
       });
       this.updatePosition();
-      window.addEventListener('resize', this.updatePosition); // Firefox will trigger a scroll event in many common situations when the options list div is appended
-      // to the DOM; in testing it was always within 100ms, but setting a timeout here for 500ms to be safe
+      window.addEventListener('resize', this.updatePosition);
 
+      // Firefox will trigger a scroll event in many common situations when the options list div is appended
+      // to the DOM; in testing it was always within 100ms, but setting a timeout here for 500ms to be safe
       setTimeout(function () {
         window.addEventListener('scroll', _this2.closeListOnScroll, {
           passive: true,
           // for better performance as we won't call preventDefault
           capture: true // scroll events don't bubble, they must be captured instead
-
         });
       }, 500);
     }
@@ -216,13 +169,13 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var options = prevProps.options,
-          selectedOptions = prevProps.selectedOptions,
-          searchValue = prevProps.searchValue; // We don't compare matchingOptions because that will result in a loop.
+        selectedOptions = prevProps.selectedOptions,
+        searchValue = prevProps.searchValue;
 
+      // We don't compare matchingOptions because that will result in a loop.
       if (searchValue !== this.props.searchValue || options !== this.props.options || selectedOptions !== this.props.selectedOptions) {
         this.updatePosition();
       }
-
       if (this.listRef && typeof this.props.activeOptionIndex !== 'undefined' && this.props.activeOptionIndex !== prevProps.activeOptionIndex) {
         this.listRef.scrollToItem(this.props.activeOptionIndex, 'auto');
       }
@@ -240,41 +193,40 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          dataTestSubj = _this$props2['data-test-subj'],
-          activeOptionIndex = _this$props2.activeOptionIndex,
-          areAllOptionsSelected = _this$props2.areAllOptionsSelected,
-          customOptionText = _this$props2.customOptionText,
-          fullWidth = _this$props2.fullWidth,
-          getSelectedOptionForSearchValue = _this$props2.getSelectedOptionForSearchValue,
-          isCaseSensitive = _this$props2.isCaseSensitive,
-          isLoading = _this$props2.isLoading,
-          listRef = _this$props2.listRef,
-          matchingOptions = _this$props2.matchingOptions,
-          onCloseList = _this$props2.onCloseList,
-          onCreateOption = _this$props2.onCreateOption,
-          onOptionClick = _this$props2.onOptionClick,
-          onOptionEnterKey = _this$props2.onOptionEnterKey,
-          onScroll = _this$props2.onScroll,
-          optionRef = _this$props2.optionRef,
-          options = _this$props2.options,
-          _this$props2$position = _this$props2.position,
-          position = _this$props2$position === void 0 ? 'bottom' : _this$props2$position,
-          renderOption = _this$props2.renderOption,
-          rootId = _this$props2.rootId,
-          rowHeight = _this$props2.rowHeight,
-          scrollToIndex = _this$props2.scrollToIndex,
-          searchValue = _this$props2.searchValue,
-          selectedOptions = _this$props2.selectedOptions,
-          singleSelection = _this$props2.singleSelection,
-          updatePosition = _this$props2.updatePosition,
-          width = _this$props2.width,
-          delimiter = _this$props2.delimiter,
-          zIndex = _this$props2.zIndex,
-          style = _this$props2.style,
-          listboxAriaLabel = _this$props2.listboxAriaLabel,
-          rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
+        dataTestSubj = _this$props2['data-test-subj'],
+        activeOptionIndex = _this$props2.activeOptionIndex,
+        areAllOptionsSelected = _this$props2.areAllOptionsSelected,
+        customOptionText = _this$props2.customOptionText,
+        fullWidth = _this$props2.fullWidth,
+        getSelectedOptionForSearchValue = _this$props2.getSelectedOptionForSearchValue,
+        isCaseSensitive = _this$props2.isCaseSensitive,
+        isLoading = _this$props2.isLoading,
+        listRef = _this$props2.listRef,
+        matchingOptions = _this$props2.matchingOptions,
+        onCloseList = _this$props2.onCloseList,
+        onCreateOption = _this$props2.onCreateOption,
+        onOptionClick = _this$props2.onOptionClick,
+        onOptionEnterKey = _this$props2.onOptionEnterKey,
+        onScroll = _this$props2.onScroll,
+        optionRef = _this$props2.optionRef,
+        options = _this$props2.options,
+        _this$props2$position = _this$props2.position,
+        position = _this$props2$position === void 0 ? 'bottom' : _this$props2$position,
+        renderOption = _this$props2.renderOption,
+        rootId = _this$props2.rootId,
+        rowHeight = _this$props2.rowHeight,
+        scrollToIndex = _this$props2.scrollToIndex,
+        searchValue = _this$props2.searchValue,
+        selectedOptions = _this$props2.selectedOptions,
+        singleSelection = _this$props2.singleSelection,
+        updatePosition = _this$props2.updatePosition,
+        width = _this$props2.width,
+        delimiter = _this$props2.delimiter,
+        zIndex = _this$props2.zIndex,
+        style = _this$props2.style,
+        listboxAriaLabel = _this$props2.listboxAriaLabel,
+        rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
       var emptyStateContent;
-
       if (isLoading) {
         emptyStateContent = (0, _react2.jsx)(_flex.EuiFlexGroup, {
           gutterSize: "s",
@@ -309,7 +261,6 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
               searchValue: searchValue,
               selectedOptions: selectedOptions
             });
-
             if (selectedOptionForValue) {
               // Disallow duplicate custom options.
               emptyStateContent = (0, _react2.jsx)("p", null, (0, _react2.jsx)(_i18n.EuiI18n, {
@@ -331,7 +282,6 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
                   }, searchValue) : part;
                 }));
               };
-
               emptyStateContent = (0, _react2.jsx)("div", {
                 className: "euiComboBoxOption__contentWrapper"
               }, customOptionText ? highlightSearchValue(customOptionText, searchValue) : (0, _react2.jsx)("p", {
@@ -365,15 +315,14 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
           default: "You've selected all available options"
         }));
       }
-
       var emptyState = emptyStateContent ? (0, _react2.jsx)(_text.EuiText, {
         size: "xs",
         className: "euiComboBoxOptionsList__empty"
       }, emptyStateContent) : undefined;
       var numVisibleOptions = matchingOptions.length < 7 ? matchingOptions.length : 7;
       var height = numVisibleOptions * (rowHeight + 1); // Add one for the border
-      // bounded by max-height of euiComboBoxOptionsList__rowWrap
 
+      // bounded by max-height of euiComboBoxOptionsList__rowWrap
       var boundedHeight = height > 200 ? 200 : height;
       var optionsList = (0, _react2.jsx)(_reactWindow.FixedSizeList, {
         height: boundedHeight,
@@ -385,11 +334,11 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         innerRef: this.setListBoxRef,
         width: width
       }, this.ListRow);
+
       /**
        * Reusing the EuiPopover__panel classes to help with consistency/maintenance.
        * But this should really be converted to user the popover component.
        */
-
       var classes = (0, _classnames.default)('euiComboBoxOptionsList');
       return (0, _react2.jsx)(_popover_panel.EuiPopoverPanel, (0, _extends2.default)({
         paddingSize: "none",
@@ -410,7 +359,6 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
   }]);
   return EuiComboBoxOptionsList;
 }(_react.Component);
-
 exports.EuiComboBoxOptionsList = EuiComboBoxOptionsList;
 (0, _defineProperty2.default)(EuiComboBoxOptionsList, "defaultProps", {
   'data-test-subj': '',

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

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiComboBoxTitle = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -18,11 +14,11 @@ var _react2 = require("@emotion/react");
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 var EuiComboBoxTitle = function EuiComboBoxTitle(_ref) {
   var children = _ref.children;
   return (0, _react2.jsx)("div", {
     className: "euiComboBoxTitle"
   }, children);
 };
-
 exports.EuiComboBoxTitle = EuiComboBoxTitle;

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

@@ -21,9 +21,6 @@ Object.defineProperty(exports, "EuiComboBoxTitle", {
     return _combo_box_title.EuiComboBoxTitle;
   }
 });
-
 var _combo_box_options_list = require("./combo_box_options_list");
-
 var _combo_box_option = require("./combo_box_option");
-
 var _combo_box_title = require("./combo_box_title");

package/optimize/lib/components/combo_box/index.js

@@ -12,11 +12,8 @@ Object.defineProperty(exports, "EuiComboBox", {
     return _combo_box.EuiComboBox;
   }
 });
-
 var _combo_box = require("./combo_box");
-
 var _combo_box_input = require("./combo_box_input");
-
 Object.keys(_combo_box_input).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -28,9 +25,7 @@ Object.keys(_combo_box_input).forEach(function (key) {
     }
   });
 });
-
 var _combo_box_options_list = require("./combo_box_options_list");
-
 Object.keys(_combo_box_options_list).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/optimize/lib/components/combo_box/matching_options.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformForCaseSensitivity = exports.getSelectedOptionForSearchValue = exports.getMatchingOptions = exports.flattenOptionGroups = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -16,12 +13,11 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 var transformForCaseSensitivity = function transformForCaseSensitivity(string, isCaseSensitive) {
   return isCaseSensitive ? string : string.toLowerCase();
 };
-
 exports.transformForCaseSensitivity = transformForCaseSensitivity;
-
 var flattenOptionGroups = function flattenOptionGroups(optionsOrGroups) {
   return optionsOrGroups.reduce(function (options, optionOrGroup) {
     if (optionOrGroup.options) {
@@ -29,35 +25,30 @@ var flattenOptionGroups = function flattenOptionGroups(optionsOrGroups) {
     } else {
       options.push(optionOrGroup);
     }
-
     return options;
   }, []);
 };
-
 exports.flattenOptionGroups = flattenOptionGroups;
-
 var getSelectedOptionForSearchValue = function getSelectedOptionForSearchValue(_ref) {
   var isCaseSensitive = _ref.isCaseSensitive,
-      searchValue = _ref.searchValue,
-      selectedOptions = _ref.selectedOptions,
-      optionKey = _ref.optionKey;
+    searchValue = _ref.searchValue,
+    selectedOptions = _ref.selectedOptions,
+    optionKey = _ref.optionKey;
   var normalizedSearchValue = transformForCaseSensitivity(searchValue, isCaseSensitive);
   return selectedOptions.find(function (option) {
     var normalizedOption = transformForCaseSensitivity(option.label, isCaseSensitive);
     return normalizedOption === normalizedSearchValue && (!optionKey || option.key === optionKey);
   });
 };
-
 exports.getSelectedOptionForSearchValue = getSelectedOptionForSearchValue;
-
 var collectMatchingOption = function collectMatchingOption(_ref2) {
   var accumulator = _ref2.accumulator,
-      option = _ref2.option,
-      selectedOptions = _ref2.selectedOptions,
-      normalizedSearchValue = _ref2.normalizedSearchValue,
-      isCaseSensitive = _ref2.isCaseSensitive,
-      isPreFiltered = _ref2.isPreFiltered,
-      showPrevSelected = _ref2.showPrevSelected;
+    option = _ref2.option,
+    selectedOptions = _ref2.selectedOptions,
+    normalizedSearchValue = _ref2.normalizedSearchValue,
+    isCaseSensitive = _ref2.isCaseSensitive,
+    isPreFiltered = _ref2.isPreFiltered,
+    showPrevSelected = _ref2.showPrevSelected;
   // Only show options which haven't yet been selected unless requested.
   var selectedOption = getSelectedOptionForSearchValue({
     isCaseSensitive: isCaseSensitive,
@@ -65,41 +56,36 @@ var collectMatchingOption = function collectMatchingOption(_ref2) {
     selectedOptions: selectedOptions,
     optionKey: option.key
   });
-
   if (selectedOption && !showPrevSelected) {
     return false;
-  } // If the options have already been pre-filtered then we can skip filtering against the search value.
-
+  }
 
+  // If the options have already been pre-filtered then we can skip filtering against the search value.
   if (isPreFiltered) {
     accumulator.push(option);
     return;
   }
-
   if (!normalizedSearchValue) {
     accumulator.push(option);
     return;
   }
-
   var normalizedOption = transformForCaseSensitivity(option.label.trim(), isCaseSensitive);
-
   if (normalizedOption.includes(normalizedSearchValue)) {
     accumulator.push(option);
   }
 };
-
 var getMatchingOptions = function getMatchingOptions(_ref3) {
   var options = _ref3.options,
-      selectedOptions = _ref3.selectedOptions,
-      searchValue = _ref3.searchValue,
-      _ref3$isCaseSensitive = _ref3.isCaseSensitive,
-      isCaseSensitive = _ref3$isCaseSensitive === void 0 ? false : _ref3$isCaseSensitive,
-      _ref3$isPreFiltered = _ref3.isPreFiltered,
-      isPreFiltered = _ref3$isPreFiltered === void 0 ? false : _ref3$isPreFiltered,
-      _ref3$showPrevSelecte = _ref3.showPrevSelected,
-      showPrevSelected = _ref3$showPrevSelecte === void 0 ? false : _ref3$showPrevSelecte,
-      _ref3$sortMatchesBy = _ref3.sortMatchesBy,
-      sortMatchesBy = _ref3$sortMatchesBy === void 0 ? 'none' : _ref3$sortMatchesBy;
+    selectedOptions = _ref3.selectedOptions,
+    searchValue = _ref3.searchValue,
+    _ref3$isCaseSensitive = _ref3.isCaseSensitive,
+    isCaseSensitive = _ref3$isCaseSensitive === void 0 ? false : _ref3$isCaseSensitive,
+    _ref3$isPreFiltered = _ref3.isPreFiltered,
+    isPreFiltered = _ref3$isPreFiltered === void 0 ? false : _ref3$isPreFiltered,
+    _ref3$showPrevSelecte = _ref3.showPrevSelected,
+    showPrevSelected = _ref3$showPrevSelecte === void 0 ? false : _ref3$showPrevSelecte,
+    _ref3$sortMatchesBy = _ref3.sortMatchesBy,
+    sortMatchesBy = _ref3$sortMatchesBy === void 0 ? 'none' : _ref3$sortMatchesBy;
   var normalizedSearchValue = transformForCaseSensitivity(searchValue.trim(), isCaseSensitive);
   var matchingOptions = [];
   options.forEach(function (option) {
@@ -116,16 +102,15 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
           showPrevSelected: showPrevSelected
         });
       });
-
       if (matchingOptionsForGroup.length > 0) {
         // Add option for group label
         matchingOptions.push({
           key: option.key,
           label: option.label,
           isGroupLabelOption: true
-        }); // Add matching options for group
+        });
+        // Add matching options for group
         // use concat over spreading to support large arrays - https://mathiasbynens.be/demo/javascript-argument-count
-
         matchingOptions = matchingOptions.concat(matchingOptionsForGroup);
       }
     } else {
@@ -140,7 +125,6 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
       });
     }
   });
-
   if (sortMatchesBy === 'startsWith') {
     var refObj = {
       startWith: [],
@@ -148,7 +132,6 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
     };
     matchingOptions.forEach(function (object) {
       var normalizedLabel = transformForCaseSensitivity(object.label, isCaseSensitive);
-
       if (normalizedLabel.startsWith(normalizedSearchValue)) {
         refObj.startWith.push(object);
       } else {
@@ -157,8 +140,6 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
     });
     return [].concat((0, _toConsumableArray2.default)(refObj.startWith), (0, _toConsumableArray2.default)(refObj.others));
   }
-
   return matchingOptions;
 };
-
 exports.getMatchingOptions = getMatchingOptions;

package/optimize/lib/components/comment_list/comment.js

@@ -1,43 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiComment = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _timeline = require("../timeline");
-
 var _comment_event = require("./comment_event");
-
 var _comment_timeline = require("./comment_timeline");
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children", "className", "username", "event", "actions", "timestamp", "timelineAvatar", "timelineAvatarAriaLabel", "eventColor", "eventIcon", "eventIconAriaLabel"];
-
 var EuiComment = function EuiComment(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      username = _ref.username,
-      event = _ref.event,
-      actions = _ref.actions,
-      timestamp = _ref.timestamp,
-      timelineAvatar = _ref.timelineAvatar,
-      timelineAvatarAriaLabel = _ref.timelineAvatarAriaLabel,
-      eventColor = _ref.eventColor,
-      eventIcon = _ref.eventIcon,
-      eventIconAriaLabel = _ref.eventIconAriaLabel,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    username = _ref.username,
+    event = _ref.event,
+    actions = _ref.actions,
+    timestamp = _ref.timestamp,
+    timelineAvatar = _ref.timelineAvatar,
+    timelineAvatarAriaLabel = _ref.timelineAvatarAriaLabel,
+    eventColor = _ref.eventColor,
+    eventIcon = _ref.eventIcon,
+    eventIconAriaLabel = _ref.eventIconAriaLabel,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiComment', className);
   var isTypeUpdate = !children;
   var verticalAlign = isTypeUpdate ? 'center' : 'top';
@@ -59,5 +48,4 @@ var EuiComment = function EuiComment(_ref) {
     eventIconAriaLabel: eventIconAriaLabel
   }, children));
 };
-
 exports.EuiComment = EuiComment;