@elastic/eui 94.1.0 → 94.2.0

package/test-env/components/selectable/matching_options.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMatchingOptions = void 0;
+exports.getMatchingOptions = exports.createPartialStringEqualityOptionMatcher = 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
@@ -23,7 +23,14 @@ var getSelectedOptionForSearchValue = function getSelectedOptionForSearchValue(s
     return getSearchableLabel(option) === normalizedSearchValue;
   });
 };
-var collectMatchingOption = function collectMatchingOption(accumulator, option, normalizedSearchValue, isPreFiltered, selectedOptions) {
+var collectMatchingOption = function collectMatchingOption(_ref) {
+  var selectedOptions = _ref.selectedOptions,
+    isPreFiltered = _ref.isPreFiltered,
+    option = _ref.option,
+    accumulator = _ref.accumulator,
+    searchValue = _ref.searchValue,
+    normalizedSearchValue = _ref.normalizedSearchValue,
+    optionMatcher = _ref.optionMatcher;
   // Don't show options that have already been requested if
   // the selectedOptions list exists
   if (selectedOptions) {
@@ -43,17 +50,49 @@ var collectMatchingOption = function collectMatchingOption(accumulator, option,
     accumulator.push(option);
     return;
   }
-  var normalizedOption = getSearchableLabel(option);
-  if (normalizedOption.includes(normalizedSearchValue)) {
+  var isMatching = optionMatcher({
+    option: option,
+    searchValue: searchValue,
+    normalizedSearchValue: normalizedSearchValue
+  });
+  if (isMatching) {
     accumulator.push(option);
   }
 };
-var getMatchingOptions = function getMatchingOptions(options, searchValue, isPreFiltered, selectedOptions) {
+var getMatchingOptions = function getMatchingOptions(_ref2) {
+  var searchValue = _ref2.searchValue,
+    options = _ref2.options,
+    isPreFiltered = _ref2.isPreFiltered,
+    _ref2$selectedOptions = _ref2.selectedOptions,
+    selectedOptions = _ref2$selectedOptions === void 0 ? [] : _ref2$selectedOptions,
+    optionMatcher = _ref2.optionMatcher;
   var normalizedSearchValue = searchValue.toLowerCase();
   var matchingOptions = [];
   options.forEach(function (option) {
-    collectMatchingOption(matchingOptions, option, normalizedSearchValue, isPreFiltered, selectedOptions);
+    collectMatchingOption({
+      accumulator: matchingOptions,
+      option: option,
+      searchValue: searchValue,
+      normalizedSearchValue: normalizedSearchValue,
+      isPreFiltered: isPreFiltered,
+      selectedOptions: selectedOptions,
+      optionMatcher: optionMatcher
+    });
   });
   return matchingOptions;
 };
-exports.getMatchingOptions = getMatchingOptions;
+
+/**
+ * Partial string equality option matcher for EuiSelectable
+ * It matches all options with labels including the searched string.
+ */
+exports.getMatchingOptions = getMatchingOptions;
+var createPartialStringEqualityOptionMatcher = function createPartialStringEqualityOptionMatcher() {
+  return function (_ref3) {
+    var option = _ref3.option,
+      normalizedSearchValue = _ref3.normalizedSearchValue;
+    var normalizedOption = getSearchableLabel(option);
+    return normalizedOption.includes(normalizedSearchValue);
+  };
+};
+exports.createPartialStringEqualityOptionMatcher = createPartialStringEqualityOptionMatcher;

package/test-env/components/selectable/selectable.js

@@ -29,7 +29,7 @@ var _services = require("../../services");
 var _accessibility = require("../accessibility");
 var _i18n = require("../i18n");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "options", "onChange", "onActiveOptionChange", "searchable", "searchProps", "singleSelection", "isLoading", "listProps", "renderOption", "height", "allowExclusions", "aria-label", "aria-describedby", "loadingMessage", "noMatchesMessage", "emptyMessage", "errorMessage", "selectableScreenReaderText", "isPreFiltered"],
+var _excluded = ["children", "className", "options", "onChange", "onActiveOptionChange", "searchable", "searchProps", "singleSelection", "isLoading", "listProps", "renderOption", "height", "allowExclusions", "aria-label", "aria-describedby", "loadingMessage", "noMatchesMessage", "emptyMessage", "errorMessage", "selectableScreenReaderText", "isPreFiltered", "optionMatcher"],
   _excluded2 = ["aria-label", "aria-describedby", "onChange", "defaultValue", "inputRef"],
   _excluded3 = ["aria-label", "aria-describedby", "isVirtualized", "rowHeight"];
 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); }
@@ -229,9 +229,16 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOptionClick", function (options, event, clickedOption) {
       var _this$props = _this.props,
         isPreFiltered = _this$props.isPreFiltered,
-        onChange = _this$props.onChange;
+        onChange = _this$props.onChange,
+        optionMatcher = _this$props.optionMatcher;
       var searchValue = _this.state.searchValue;
-      var visibleOptions = (0, _matching_options.getMatchingOptions)(options, searchValue, isPreFiltered);
+      var visibleOptions = (0, _matching_options.getMatchingOptions)({
+        options: options,
+        searchValue: searchValue !== null && searchValue !== void 0 ? searchValue : '',
+        isPreFiltered: !!isPreFiltered,
+        selectedOptions: [],
+        optionMatcher: optionMatcher
+      });
       _this.setState({
         visibleOptions: visibleOptions
       });
@@ -256,7 +263,13 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
       _isPreFiltered = props.isPreFiltered,
       searchProps = props.searchProps;
     var initialSearchValue = (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) || String((searchProps === null || searchProps === void 0 ? void 0 : searchProps.defaultValue) || '');
-    var _visibleOptions = (0, _matching_options.getMatchingOptions)(_options, initialSearchValue, _isPreFiltered);
+    var _visibleOptions = (0, _matching_options.getMatchingOptions)({
+      options: _options,
+      searchValue: initialSearchValue,
+      isPreFiltered: !!_isPreFiltered,
+      selectedOptions: [],
+      optionMatcher: props.optionMatcher
+    });
     searchProps === null || searchProps === void 0 ? void 0 : (_searchProps$onChange = searchProps.onChange) === null || _searchProps$onChange === void 0 ? void 0 : _searchProps$onChange.call(searchProps, initialSearchValue, _visibleOptions);
 
     // ensure that the currently selected single option is active if it is in the visibleOptions
@@ -312,6 +325,7 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
         errorMessage = _this$props3.errorMessage,
         selectableScreenReaderText = _this$props3.selectableScreenReaderText,
         isPreFiltered = _this$props3.isPreFiltered,
+        optionMatcher = _this$props3.optionMatcher,
         rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
       var _this$state = this.state,
         searchValue = _this$state.searchValue,
@@ -450,7 +464,8 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
           "aria-activedescendant": _this2.makeOptionId(activeOptionIndex) // the current faux-focused option
           ,
           placeholder: placeholderName,
-          isPreFiltered: isPreFiltered !== null && isPreFiltered !== void 0 ? isPreFiltered : false,
+          isPreFiltered: !!isPreFiltered,
+          optionMatcher: optionMatcher,
           inputRef: function inputRef(node) {
             var _searchProps$inputRef;
             _this2.inputRef = node;
@@ -494,6 +509,7 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
           options: options,
           visibleOptions: visibleOptions,
           searchValue: searchValue,
+          isPreFiltered: isPreFiltered,
           activeOptionIndex: activeOptionIndex,
           setActiveOptionIndex: function setActiveOptionIndex(index, cb) {
             _this2.setState({
@@ -528,7 +544,8 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
       var _stateUpdate$searchVa;
       var options = nextProps.options,
         isPreFiltered = nextProps.isPreFiltered,
-        searchProps = nextProps.searchProps;
+        searchProps = nextProps.searchProps,
+        optionMatcher = nextProps.optionMatcher;
       var activeOptionIndex = prevState.activeOptionIndex,
         searchValue = prevState.searchValue;
       var stateUpdate = {
@@ -538,7 +555,13 @@ var EuiSelectable = /*#__PURE__*/function (_Component) {
       if ((searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) != null && searchProps.value !== searchValue) {
         stateUpdate.searchValue = searchProps.value;
       }
-      stateUpdate.visibleOptions = (0, _matching_options.getMatchingOptions)(options, (_stateUpdate$searchVa = stateUpdate.searchValue) !== null && _stateUpdate$searchVa !== void 0 ? _stateUpdate$searchVa : '', isPreFiltered);
+      stateUpdate.visibleOptions = (0, _matching_options.getMatchingOptions)({
+        options: options,
+        searchValue: (_stateUpdate$searchVa = stateUpdate.searchValue) !== null && _stateUpdate$searchVa !== void 0 ? _stateUpdate$searchVa : '',
+        isPreFiltered: !!isPreFiltered,
+        selectedOptions: [],
+        optionMatcher: optionMatcher
+      });
       if (activeOptionIndex != null && activeOptionIndex >= stateUpdate.visibleOptions.length) {
         stateUpdate.activeOptionIndex = -1;
       }
@@ -552,7 +575,8 @@ exports.EuiSelectable = EuiSelectable;
   options: [],
   singleSelection: false,
   searchable: false,
-  isPreFiltered: false
+  isPreFiltered: false,
+  optionMatcher: (0, _matching_options.createPartialStringEqualityOptionMatcher)()
 });
 EuiSelectable.propTypes = {
   className: _propTypes.default.string,
@@ -703,14 +727,32 @@ EuiSelectable.propTypes = {
        */
   errorMessage: _propTypes.default.oneOfType([_propTypes.default.element.isRequired, _propTypes.default.string.isRequired, _propTypes.default.oneOf([null])]),
   /**
-       * Control whether or not options get filtered internally or if consumer will filter
-       * Default: false
+       * Control whether or not options get filtered internally (i.e., whether filtering is
+       * handled by EUI or by you, the consumer).
+       * If set to `true`, all passed `options` will be displayed regardless of the user's
+       * search input.
+       *
+       * Additionally allows passing a configuration object which enables turning off
+       * search highlighting if needed.
+       *
+       * @default false
        */
-  isPreFiltered: _propTypes.default.bool,
+  isPreFiltered: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
+    highlightSearch: _propTypes.default.bool
+  }).isRequired]),
   /**
        * Optional screen reader instructions to announce upon focus/interaction. This text is read out
        * after the `EuiSelectable` label and a brief pause, but before the default keyboard instructions for
        * interacting with a selectable are read out.
        */
-  selectableScreenReaderText: _propTypes.default.string
+  selectableScreenReaderText: _propTypes.default.string,
+  /**
+       * Optional custom option matcher function
+       *
+       * @example
+       * const exactEqualityMatcher: EuiSelectableOptionMatcher = ({ option, searchValue }) => {
+       *   return option.label === searchValue;
+       * }
+       */
+  optionMatcher: _propTypes.default.func
 };

package/test-env/components/selectable/selectable_list/selectable_list.js

@@ -1,11 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiSelectableList = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -27,9 +28,9 @@ var _selectable_list_item = require("./selectable_list_item");
 var _react2 = require("@emotion/react");
 var _excluded = ["data"],
   _excluded2 = ["label", "isGroupLabel", "checked", "disabled", "prepend", "append", "ref", "key", "searchableLabel", "data", "truncationProps"],
-  _excluded3 = ["className", "options", "searchValue", "onOptionClick", "renderOption", "height", "windowProps", "rowHeight", "activeOptionIndex", "makeOptionId", "showIcons", "singleSelection", "visibleOptions", "allowExclusions", "bordered", "paddingSize", "searchable", "onFocusBadge", "listId", "setActiveOptionIndex", "aria-label", "aria-labelledby", "aria-describedby", "role", "isVirtualized", "textWrap", "truncationProps"];
+  _excluded3 = ["className", "options", "searchValue", "onOptionClick", "renderOption", "height", "windowProps", "rowHeight", "activeOptionIndex", "makeOptionId", "showIcons", "singleSelection", "visibleOptions", "allowExclusions", "bordered", "paddingSize", "searchable", "onFocusBadge", "listId", "setActiveOptionIndex", "aria-label", "aria-labelledby", "aria-describedby", "role", "isPreFiltered", "isVirtualized", "textWrap", "truncationProps"];
 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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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); 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); }; }
@@ -136,6 +137,7 @@ var EuiSelectableList = /*#__PURE__*/function (_Component) {
         setActiveOptionIndex = _this$props2.setActiveOptionIndex,
         searchable = _this$props2.searchable,
         searchValue = _this$props2.searchValue,
+        isPreFiltered = _this$props2.isPreFiltered,
         isVirtualized = _this$props2.isVirtualized;
       if (isGroupLabel) {
         return (0, _react2.jsx)("li", (0, _extends2.default)({
@@ -148,13 +150,17 @@ var EuiSelectableList = /*#__PURE__*/function (_Component) {
       var id = makeOptionId(index);
       var isFocused = activeOptionIndex === index;
 
+      // Search highlighting
+      var hasSearch = !!searchValue;
+      var highlightSearch = hasSearch && ((0, _typeof2.default)(isPreFiltered) === 'object' ? isPreFiltered.highlightSearch !== false : true);
+
       // Text wrapping
       var canWrap = !isVirtualized;
       var _textWrap = (_option$textWrap = option.textWrap) !== null && _option$textWrap !== void 0 ? _option$textWrap : _this.props.textWrap;
       var textWrap = canWrap ? _textWrap : 'truncate';
 
       // Truncation config (if any). If none, CSS truncation is used
-      var truncationProps = textWrap === 'truncate' ? _this.getTruncationProps(option, isFocused) : undefined;
+      var truncationProps = textWrap === 'truncate' ? _this.getTruncationProps(option, highlightSearch, isFocused) : undefined;
       return (0, _react2.jsx)(_selectable_list_item.EuiSelectableListItem, (0, _extends2.default)({
         key: id,
         id: id,
@@ -182,7 +188,7 @@ var EuiSelectableList = /*#__PURE__*/function (_Component) {
         searchable: searchable,
         textWrap: textWrap
       }, optionRest), renderOption ? renderOption( // @ts-ignore complex
-      _objectSpread(_objectSpread({}, _option), optionData), searchValue) : searchValue ? _this.renderSearchedText(label, truncationProps) : truncationProps ? _this.renderTruncatedText(label, truncationProps) : label);
+      _objectSpread(_objectSpread({}, _option), optionData), searchValue) : highlightSearch ? _this.renderSearchedText(label, truncationProps) : truncationProps ? _this.renderTruncatedText(label, truncationProps) : label);
     }, _reactWindow.areEqual));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderVirtualizedList", function () {
       if (!_this.props.isVirtualized) return null;
@@ -280,12 +286,12 @@ var EuiSelectableList = /*#__PURE__*/function (_Component) {
         }
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTruncationProps", function (option, isFocused) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTruncationProps", function (option, highlightSearch, isFocused) {
       // Individual truncation settings should override component-wide settings
       var truncationProps = _objectSpread(_objectSpread({}, _this.props.truncationProps), option.truncationProps);
 
       // If we're not actually using EuiTextTruncate, no need to continue
-      var hasComplexTruncation = _this.props.searchValue || Object.keys(truncationProps).length > 0;
+      var hasComplexTruncation = highlightSearch || Object.keys(truncationProps).length > 0;
       if (!hasComplexTruncation) return undefined;
 
       // Determine whether we can use the optimized default option width
@@ -487,6 +493,7 @@ var EuiSelectableList = /*#__PURE__*/function (_Component) {
         ariaLabelledby = _this$props10['aria-labelledby'],
         ariaDescribedby = _this$props10['aria-describedby'],
         role = _this$props10.role,
+        isPreFiltered = _this$props10.isPreFiltered,
         isVirtualized = _this$props10.isVirtualized,
         textWrap = _this$props10.textWrap,
         truncationProps = _this$props10.truncationProps,
@@ -738,6 +745,9 @@ EuiSelectableList.propTypes = {
      */
   allowExclusions: _propTypes.default.bool,
   searchable: _propTypes.default.bool,
+  isPreFiltered: _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
+    highlightSearch: _propTypes.default.bool
+  }).isRequired]),
   makeOptionId: _propTypes.default.func.isRequired,
   listId: _propTypes.default.string.isRequired,
   setActiveOptionIndex: _propTypes.default.func.isRequired

package/test-env/components/selectable/selectable_search/selectable_search.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _form = require("../../form");
 var _matching_options = require("../matching_options");
 var _react2 = require("@emotion/react");
-var _excluded = ["onChange", "options", "value", "placeholder", "isPreFiltered", "listId", "className"];
+var _excluded = ["onChange", "options", "value", "placeholder", "isPreFiltered", "listId", "className", "optionMatcher"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -31,12 +31,18 @@ var EuiSelectableSearch = function EuiSelectableSearch(_ref) {
     isPreFiltered = _ref.isPreFiltered,
     listId = _ref.listId,
     className = _ref.className,
+    optionMatcher = _ref.optionMatcher,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var onChange = (0, _react.useCallback)(function (e) {
     var searchValue = e.target.value;
-    var matchingOptions = (0, _matching_options.getMatchingOptions)(options, searchValue, isPreFiltered);
+    var matchingOptions = (0, _matching_options.getMatchingOptions)({
+      options: options,
+      searchValue: searchValue,
+      isPreFiltered: isPreFiltered,
+      optionMatcher: optionMatcher
+    });
     onChangeCallback(searchValue, matchingOptions);
-  }, [options, isPreFiltered, onChangeCallback]);
+  }, [options, isPreFiltered, onChangeCallback, optionMatcher]);
   var classes = (0, _classnames.default)('euiSelectableSearch', className);
   var ariaPropsIfListIsPresent = listId ? {
     role: 'combobox',

package/test-env/components/steps/step_horizontal.js

@@ -83,6 +83,7 @@ var EuiStepHorizontal = function EuiStepHorizontal(_ref) {
     if (!disabled) onClick(event);
   };
   return (0, _react2.jsx)("button", (0, _extends2.default)({
+    "aria-disabled": status === 'disabled' ? true : undefined,
     className: classes,
     title: titleAttr,
     onClick: onStepClick,

package/test-env/components/table/table_row_cell.styles.js

@@ -56,7 +56,7 @@ var euiTableRowCellStyles = function euiTableRowCellStyles(euiThemeContext) {
   var hasIcons = "line-height: 1;";
   return {
     euiTableRowCell: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.text, ";;label:euiTableRowCell;"),
-    rowHeader: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.regular, ";;label:rowHeader;"),
+    rowHeader: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.regular, ";", (0, _global_styling.logicalTextAlignCSS)('left'), ";;label:rowHeader;"),
     isExpander: /*#__PURE__*/(0, _react.css)(hasIcons, ";;label:isExpander;"),
     hasActions: /*#__PURE__*/(0, _react.css)(hasIcons, ";;label:hasActions;"),
     // valign

package/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js

@@ -1,74 +0,0 @@
-var _excluded = ["items", "className", "wrapperProps"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/*
- * 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 React, { useContext } from 'react';
-import PropTypes from "prop-types";
-import classNames from 'classnames';
-import { useEuiMemoizedStyles, useGeneratedHtmlId } from '../../../services';
-import { EuiCollapsibleNavContext } from '../context';
-import { EuiCollapsibleNavItem, EuiCollapsibleNavSubItems } from '../collapsible_nav_item/collapsible_nav_item';
-import { EuiCollapsedNavPopover } from '../collapsible_nav_item/collapsed/collapsed_nav_popover';
-import { euiCollapsibleNavGroupStyles } from './collapsible_nav_group.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * This component should only ever be used as a **top-level component**, and not as a sub-item.
- * It also should **not** be used in the nav footer.
- */
-export var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
-  var items = _ref.items,
-    className = _ref.className,
-    wrapperProps = _ref.wrapperProps,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
-  var classes = classNames('euiCollapsibleNavGroup', className, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className);
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavGroupStyles);
-  var cssStyles = [styles.euiCollapsibleNavGroup, isPush && isCollapsed ? styles.euiCollapsibleNavGroup__title : styles.isWrapper, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css];
-  var labelledById = useGeneratedHtmlId();
-  return ___EmotionJSX("div", _extends({}, wrapperProps, {
-    className: classes,
-    css: cssStyles
-  }), isCollapsed && isPush ? ___EmotionJSX(EuiCollapsedNavPopover, _extends({
-    className: classes,
-    items: items
-  }, props)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiCollapsibleNavItem, _extends({
-    id: labelledById
-  }, props, {
-    css: styles.euiCollapsibleNavGroup__title
-  })), ___EmotionJSX(EuiCollapsibleNavSubItems, {
-    items: items,
-    isGroup: true,
-    role: "group",
-    "aria-labelledby": props.id || labelledById
-  })));
-};
-EuiCollapsibleNavGroup.propTypes = {
-  className: PropTypes.string,
-  "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string,
-  css: PropTypes.any,
-  /**
-       * Highlights whether an item is currently selected, e.g.
-       * if the user is on the same page as the nav link
-       */
-  isSelected: PropTypes.bool,
-  /**
-       * Optional props to pass to the wrapping div
-       */
-  wrapperProps: PropTypes.shape({
-    className: PropTypes.string,
-    "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string,
-    css: PropTypes.any
-  })
-};

package/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.styles.js

@@ -1,19 +0,0 @@
-/*
- * 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 { css } from '@emotion/react';
-import { euiCollapsibleNavItemVariables } from '../collapsible_nav_item/collapsible_nav_item.styles';
-export var euiCollapsibleNavGroupStyles = function euiCollapsibleNavGroupStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = euiCollapsibleNavItemVariables(euiThemeContext);
-  return {
-    euiCollapsibleNavGroup: /*#__PURE__*/css(";label:euiCollapsibleNavGroup;"),
-    isWrapper: /*#__PURE__*/css("margin:", sharedStyles.padding, ";;label:isWrapper;"),
-    euiCollapsibleNavGroup__title: /*#__PURE__*/css("margin-block:", euiTheme.size.base, ";margin-inline:0;.euiIcon{transform:scale(1.25);};label:euiCollapsibleNavGroup__title;")
-  };
-};

package/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js

@@ -1,84 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsibleNavGroup = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _context = require("../context");
-var _collapsible_nav_item = require("../collapsible_nav_item/collapsible_nav_item");
-var _collapsed_nav_popover = require("../collapsible_nav_item/collapsed/collapsed_nav_popover");
-var _collapsible_nav_group = require("./collapsible_nav_group.styles");
-var _react2 = require("@emotion/react");
-var _excluded = ["items", "className", "wrapperProps"];
-/*
- * 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.
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * This component should only ever be used as a **top-level component**, and not as a sub-item.
- * It also should **not** be used in the nav footer.
- */
-var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
-  var items = _ref.items,
-    className = _ref.className,
-    wrapperProps = _ref.wrapperProps,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
-  var classes = (0, _classnames.default)('euiCollapsibleNavGroup', className, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className);
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_group.euiCollapsibleNavGroupStyles);
-  var cssStyles = [styles.euiCollapsibleNavGroup, isPush && isCollapsed ? styles.euiCollapsibleNavGroup__title : styles.isWrapper, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css];
-  var labelledById = (0, _services.useGeneratedHtmlId)();
-  return (0, _react2.jsx)("div", _extends({}, wrapperProps, {
-    className: classes,
-    css: cssStyles
-  }), isCollapsed && isPush ? (0, _react2.jsx)(_collapsed_nav_popover.EuiCollapsedNavPopover, _extends({
-    className: classes,
-    items: items
-  }, props)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_collapsible_nav_item.EuiCollapsibleNavItem, _extends({
-    id: labelledById
-  }, props, {
-    css: styles.euiCollapsibleNavGroup__title
-  })), (0, _react2.jsx)(_collapsible_nav_item.EuiCollapsibleNavSubItems, {
-    items: items,
-    isGroup: true,
-    role: "group",
-    "aria-labelledby": props.id || labelledById
-  })));
-};
-exports.EuiCollapsibleNavGroup = EuiCollapsibleNavGroup;
-EuiCollapsibleNavGroup.propTypes = {
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any,
-  /**
-       * Highlights whether an item is currently selected, e.g.
-       * if the user is on the same page as the nav link
-       */
-  isSelected: _propTypes.default.bool,
-  /**
-       * Optional props to pass to the wrapping div
-       */
-  wrapperProps: _propTypes.default.shape({
-    className: _propTypes.default.string,
-    "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string,
-    css: _propTypes.default.any
-  })
-};

package/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.styles.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavGroupStyles = void 0;
-var _react = require("@emotion/react");
-var _collapsible_nav_item = require("../collapsible_nav_item/collapsible_nav_item.styles");
-/*
- * 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 euiCollapsibleNavGroupStyles = function euiCollapsibleNavGroupStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = (0, _collapsible_nav_item.euiCollapsibleNavItemVariables)(euiThemeContext);
-  return {
-    euiCollapsibleNavGroup: /*#__PURE__*/(0, _react.css)(";label:euiCollapsibleNavGroup;"),
-    isWrapper: /*#__PURE__*/(0, _react.css)("margin:", sharedStyles.padding, ";;label:isWrapper;"),
-    euiCollapsibleNavGroup__title: /*#__PURE__*/(0, _react.css)("margin-block:", euiTheme.size.base, ";margin-inline:0;.euiIcon{transform:scale(1.25);};label:euiCollapsibleNavGroup__title;")
-  };
-};
-exports.euiCollapsibleNavGroupStyles = euiCollapsibleNavGroupStyles;

package/lib/components/collapsible_nav_beta/collapsible_nav_group/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiCollapsibleNavGroup", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible_nav_group.EuiCollapsibleNavGroup;
-  }
-});
-var _collapsible_nav_group = require("./collapsible_nav_group");

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["items", "className", "wrapperProps"];
-/*
- * 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 React, { useContext } from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles, useGeneratedHtmlId } from '../../../services';
-import { EuiCollapsibleNavContext } from '../context';
-import { EuiCollapsibleNavItem, EuiCollapsibleNavSubItems } from '../collapsible_nav_item/collapsible_nav_item';
-import { EuiCollapsedNavPopover } from '../collapsible_nav_item/collapsed/collapsed_nav_popover';
-import { euiCollapsibleNavGroupStyles } from './collapsible_nav_group.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * This component should only ever be used as a **top-level component**, and not as a sub-item.
- * It also should **not** be used in the nav footer.
- */
-export var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
-  var items = _ref.items,
-    className = _ref.className,
-    wrapperProps = _ref.wrapperProps,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
-  var classes = classNames('euiCollapsibleNavGroup', className, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className);
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavGroupStyles);
-  var cssStyles = [styles.euiCollapsibleNavGroup, isPush && isCollapsed ? styles.euiCollapsibleNavGroup__title : styles.isWrapper, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css];
-  var labelledById = useGeneratedHtmlId();
-  return ___EmotionJSX("div", _extends({}, wrapperProps, {
-    className: classes,
-    css: cssStyles
-  }), isCollapsed && isPush ? ___EmotionJSX(EuiCollapsedNavPopover, _extends({
-    className: classes,
-    items: items
-  }, props)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiCollapsibleNavItem, _extends({
-    id: labelledById
-  }, props, {
-    css: styles.euiCollapsibleNavGroup__title
-  })), ___EmotionJSX(EuiCollapsibleNavSubItems, {
-    items: items,
-    isGroup: true,
-    role: "group",
-    "aria-labelledby": props.id || labelledById
-  })));
-};