@rescui/select 0.11.6 → 0.11.8

package/lib/parts/native-select.js

@@ -1,22 +1,3 @@
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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) { _defineProperty(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; }
-
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.join.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.function.name.js";
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -25,52 +6,52 @@ import { nativeOptionType, nativeOptionsGroupType, noOptionsMessageType } from '
 import SelectTrigger from './trigger.js';
 import FormTriggerWrapper from './form-trigger-wrapper.js';
 import styles from './native-select.p.module.css.js';
-var DEFAULT_NO_OPTIONS_MESSAGES = {
+const DEFAULT_NO_OPTIONS_MESSAGES = {
   noOptions: 'No options',
   loading: 'Loading...'
 };
-var PLACEHOLDER_VALUE = '__placeholder__';
+const PLACEHOLDER_VALUE = '__placeholder__';
 
 function isString(s) {
   return Object.prototype.toString.call(s) === '[object String]';
 }
 
-var isOptionsGroup = function isOptionsGroup(optionOrGroup) {
-  return typeof optionOrGroup.options !== 'undefined';
-};
-
-var collectOptionGroupValues = function collectOptionGroupValues(options) {
-  return _mapInstanceProperty(options).call(options, function (_ref) {
-    var value = _ref.value;
-    return value;
-  }).join('-');
-};
-
-var Option = function Option(_ref2) {
-  var value = _ref2.value,
-      label = _ref2.label,
-      _ref2$disabled = _ref2.disabled,
-      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+const isOptionsGroup = optionOrGroup => typeof optionOrGroup.options !== 'undefined';
+
+const collectOptionGroupValues = options => options.map(_ref => {
+  let {
+    value
+  } = _ref;
+  return value;
+}).join('-');
+
+const Option = _ref2 => {
+  let {
+    value,
+    label,
+    disabled = false
+  } = _ref2;
   return /*#__PURE__*/React.createElement("option", {
     value: value,
     disabled: disabled
   }, label);
 };
 
-var OptionGroup = function OptionGroup(_ref3) {
-  var _ref3$options = _ref3.options,
-      options = _ref3$options === void 0 ? [] : _ref3$options,
-      _ref3$label = _ref3.label,
-      label = _ref3$label === void 0 ? '' : _ref3$label,
-      _ref3$disabled = _ref3.disabled,
-      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+const OptionGroup = _ref3 => {
+  let {
+    options = [],
+    label = '',
+    disabled = false
+  } = _ref3;
   return /*#__PURE__*/React.createElement("optgroup", {
     label: label,
     disabled: disabled
-  }, _mapInstanceProperty(options).call(options, function (_ref4) {
-    var value = _ref4.value,
-        optionLabel = _ref4.label,
-        optionDisabled = _ref4.disabled;
+  }, options.map(_ref4 => {
+    let {
+      value,
+      label: optionLabel,
+      disabled: optionDisabled
+    } = _ref4;
     return /*#__PURE__*/React.createElement(Option, {
       key: value,
       value: value,
@@ -80,22 +61,22 @@ var OptionGroup = function OptionGroup(_ref3) {
   }));
 };
 
-var OptionsWithGroups = function OptionsWithGroups(_ref5) {
-  var optionsWithGroups = _ref5.optionsWithGroups;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(optionsWithGroups).call(optionsWithGroups, function (optionOrGroup) {
+const OptionsWithGroups = _ref5 => {
+  let {
+    optionsWithGroups
+  } = _ref5;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, optionsWithGroups.map(optionOrGroup => {
     if (isOptionsGroup(optionOrGroup)) {
-      var _context;
-
-      var group = optionOrGroup;
+      const group = optionOrGroup;
       return /*#__PURE__*/React.createElement(OptionGroup, {
-        key: _concatInstanceProperty(_context = "group--".concat(group.label, "--")).call(_context, collectOptionGroupValues(group.options)),
+        key: `group--${group.label}--${collectOptionGroupValues(group.options)}`,
         options: group.options,
         disabled: group.disabled,
         label: group.label
       });
     }
 
-    var option = optionOrGroup;
+    const option = optionOrGroup;
     return /*#__PURE__*/React.createElement(Option, {
       key: option.value,
       value: option.value,
@@ -106,20 +87,20 @@ var OptionsWithGroups = function OptionsWithGroups(_ref5) {
 };
 
 function findSelectedOption(options, selectedValue) {
-  var result = null;
+  let result = null;
 
-  var checkOption = function checkOption(option) {
+  const checkOption = option => {
     if (result === null || option.value === selectedValue) {
       result = option;
     }
   };
 
-  options.forEach(function (optionOrGroup) {
+  options.forEach(optionOrGroup => {
     if (isOptionsGroup(optionOrGroup)) {
       var _group$options;
 
-      var group = optionOrGroup;
-      (_group$options = group.options) === null || _group$options === void 0 ? void 0 : _group$options.forEach(checkOption);
+      const group = optionOrGroup;
+      (_group$options = group.options) === null || _group$options === void 0 || _group$options.forEach(checkOption);
     } else {
       checkOption(optionOrGroup);
     }
@@ -128,11 +109,14 @@ function findSelectedOption(options, selectedValue) {
 }
 
 function getNoOptionsMessage(noOptionsMessage, isLoading) {
-  var _ref6 = isString(noOptionsMessage) ? _objectSpread(_objectSpread({}, DEFAULT_NO_OPTIONS_MESSAGES), {}, {
+  const {
+    noOptions,
+    loading
+  } = isString(noOptionsMessage) ? { ...DEFAULT_NO_OPTIONS_MESSAGES,
     noOptions: noOptionsMessage
-  }) : _objectSpread(_objectSpread({}, DEFAULT_NO_OPTIONS_MESSAGES), noOptionsMessage),
-      noOptions = _ref6.noOptions,
-      loading = _ref6.loading;
+  } : { ...DEFAULT_NO_OPTIONS_MESSAGES,
+    ...noOptionsMessage
+  };
 
   if (isLoading) {
     return loading;
@@ -141,70 +125,60 @@ function getNoOptionsMessage(noOptionsMessage, isLoading) {
   }
 }
 
-var SIZE_STYLES = {
+const SIZE_STYLES = {
   s: styles.sizeS,
   m: styles.sizeM,
   l: styles.sizeL
 }; // eslint-disable-next-line complexity
 
-var NativeSelect = function NativeSelect(_ref7) {
-  var _context2;
-
-  var _ref7$options = _ref7.options,
-      options = _ref7$options === void 0 ? [] : _ref7$options,
-      _ref7$size = _ref7.size,
-      size = _ref7$size === void 0 ? 'm' : _ref7$size,
-      themeFromProps = _ref7.theme,
-      _ref7$className = _ref7.className,
-      className = _ref7$className === void 0 ? null : _ref7$className,
-      style = _ref7.style,
-      _ref7$value = _ref7.value,
-      value = _ref7$value === void 0 ? undefined : _ref7$value,
-      onChange = _ref7.onChange,
-      placeholder = _ref7.placeholder,
-      _ref7$isLoading = _ref7.isLoading,
-      isLoading = _ref7$isLoading === void 0 ? false : _ref7$isLoading,
-      _ref7$isDisabled = _ref7.isDisabled,
-      isDisabled = _ref7$isDisabled === void 0 ? false : _ref7$isDisabled,
-      trigger = _ref7.trigger,
-      label = _ref7.label,
-      note = _ref7.note,
-      error = _ref7.error,
-      noOptionsMessage = _ref7.noOptionsMessage,
-      name = _ref7.name,
-      boldLabel = _ref7.boldLabel;
-  var theme = useThemeWithUndefined(themeFromProps);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hovered = _useState2[0],
-      setHovered = _useState2[1];
-
-  var handleChange = function handleChange(event) {
-    var newValue = event.target.value;
-    var selectedOption = findSelectedOption(options, newValue);
+const NativeSelect = _ref6 => {
+  let {
+    options = [],
+    size = 'm',
+    theme: themeFromProps,
+    className = null,
+    style,
+    value = undefined,
+    onChange,
+    placeholder,
+    isLoading = false,
+    isDisabled = false,
+    trigger,
+    label,
+    note,
+    error,
+    noOptionsMessage,
+    name,
+    boldLabel
+  } = _ref6;
+  const theme = useThemeWithUndefined(themeFromProps);
+  const [hovered, setHovered] = useState(false);
+
+  const handleChange = event => {
+    const newValue = event.target.value;
+    const selectedOption = findSelectedOption(options, newValue);
 
     if (onChange) {
       onChange(selectedOption);
     }
   };
 
-  var optionList = /*#__PURE__*/React.createElement(OptionsWithGroups, {
-    optionsWithGroups: placeholder !== null ? _concatInstanceProperty(_context2 = [{
+  const optionList = /*#__PURE__*/React.createElement(OptionsWithGroups, {
+    optionsWithGroups: placeholder !== null ? [{
       value: PLACEHOLDER_VALUE,
       label: options.length > 0 ? placeholder : getNoOptionsMessage(noOptionsMessage, isLoading),
       disabled: true
-    }]).call(_context2, _toConsumableArray(options)) : options
+    }, ...options] : options
   });
 
-  var _trigger;
+  let _trigger;
 
   if (trigger) {
     _trigger = trigger({
       selectedLabel: value === null || value === void 0 ? void 0 : value.label,
       selectedValue: value === null || value === void 0 ? void 0 : value.value,
-      placeholder: placeholder,
-      hovered: hovered
+      placeholder,
+      hovered
     });
   } else {
     _trigger = /*#__PURE__*/React.createElement(SelectTrigger, {
@@ -228,18 +202,12 @@ var NativeSelect = function NativeSelect(_ref7) {
     error: error,
     label: label,
     note: note,
-    onKeyDown: function onKeyDown() {
-      return false;
-    },
+    onKeyDown: () => false,
     boldLabel: boldLabel
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.wrapper,
-    onMouseEnter: function onMouseEnter() {
-      return setHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setHovered(false);
-    },
+    onMouseEnter: () => setHovered(true),
+    onMouseLeave: () => setHovered(false),
     style: style,
     "data-test": "native-select"
   }, _trigger, /*#__PURE__*/React.createElement("select", {

package/lib/parts/native-select.p.module.css.js

@@ -1,9 +1,9 @@
 var styles = {
-  "sizeS": "_sizeS_1q8rd38_6",
-  "sizeM": "_sizeM_1q8rd38_9",
-  "sizeL": "_sizeL_1q8rd38_12",
-  "main": "_main_1q8rd38_16",
-  "wrapper": "_wrapper_1q8rd38_20",
-  "select": "_select_1q8rd38_24"
+  "sizeS": "_sizeS_c1oqaa_6",
+  "sizeM": "_sizeM_c1oqaa_9",
+  "sizeL": "_sizeL_c1oqaa_12",
+  "main": "_main_c1oqaa_16",
+  "wrapper": "_wrapper_c1oqaa_20",
+  "select": "_select_c1oqaa_24"
 };
 export { styles as default };

package/lib/parts/throttle.js

@@ -1,22 +1,19 @@
-import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
-import "core-js/modules/es.number.constructor.js";
-
 function throttle(func, wait) {
-  var argsToApply;
-  var result;
-  var timeout = null;
-  var previous = 0;
+  let argsToApply;
+  let result;
+  let timeout = null;
+  let previous = 0;
 
-  var later = function later() {
+  const later = () => {
     previous = Number(Date.now());
     timeout = null;
-    result = func.apply(void 0, _toConsumableArray(argsToApply));
+    result = func(...argsToApply);
     argsToApply = null;
   };
 
   return function () {
-    var now = Number(Date.now());
-    var remaining = wait - (now - previous);
+    const now = Number(Date.now());
+    const remaining = wait - (now - previous);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -31,7 +28,7 @@ function throttle(func, wait) {
       }
 
       previous = now;
-      result = func.apply(void 0, _toConsumableArray(argsToApply));
+      result = func(...argsToApply);
       argsToApply = null;
     } else if (!timeout) {
       timeout = setTimeout(later, remaining);

package/lib/parts/trigger.js

@@ -1,20 +1,3 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["size", "mode", "theme", "className", "triggerRef", "isOpen", "selected", "placeholder", "isClearable", "isLoading", "isDisabled", "isSingleLine", "searchInput", "isSearchable", "onClearClick", "onItemClearClick", "onSearchChange", "error"];
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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) { _defineProperty(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; }
-
 import React, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -29,97 +12,83 @@ import Foldable from './foldable.js';
 import styles from './trigger.p.module.css.js';
 /* eslint-disable no-nested-ternary */
 
-var THEME_STYLES = {
+const THEME_STYLES = {
   light: styles.themeLight,
   dark: styles.themeDark
 };
-var SIZE_STYLES = {
+const SIZE_STYLES = {
   s: styles.sizeS,
   m: styles.sizeM,
   l: styles.sizeL
 };
-var MODE_STYLES = {
+const MODE_STYLES = {
   classic: styles.classic,
   rock: styles.rock
 }; // eslint-disable-next-line complexity
 
-var SelectTrigger = /*#__PURE__*/React.memo(function (props) {
-  var size = props.size,
-      mode = props.mode,
-      themeFromProps = props.theme,
-      className = props.className,
-      triggerRef = props.triggerRef,
-      isOpen = props.isOpen,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? null : _props$selected,
-      placeholder = props.placeholder,
-      isClearable = props.isClearable,
-      isLoading = props.isLoading,
-      isDisabled = props.isDisabled,
-      isSingleLine = props.isSingleLine,
-      searchInput = props.searchInput,
-      isSearchable = props.isSearchable,
-      onClearClick = props.onClearClick,
-      onItemClearClick = props.onItemClearClick,
-      onSearchChange = props.onSearchChange,
-      error = props.error,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var theme = useThemeWithUndefined(themeFromProps);
-  var inputRef = useRef(null);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isSearchFocused = _useState2[0],
-      setIsSearchFocused = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isFocused = _useState4[0],
-      setIsFocused = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isSearchKeyFocused = _useState6[0],
-      setIsSearchKeyFocused = _useState6[1];
-
-  var isMulti = selected ? Boolean(selected.length) : false;
+const SelectTrigger = /*#__PURE__*/React.memo(props => {
+  const {
+    size,
+    mode,
+    theme: themeFromProps,
+    className,
+    triggerRef,
+    isOpen,
+    selected = null,
+    placeholder,
+    isClearable,
+    isLoading,
+    isDisabled,
+    isSingleLine,
+    searchInput,
+    isSearchable,
+    onClearClick,
+    onItemClearClick,
+    onSearchChange,
+    error,
+    ...restProps
+  } = props;
+  const theme = useThemeWithUndefined(themeFromProps);
+  const inputRef = useRef(null);
+  const [isSearchFocused, setIsSearchFocused] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isSearchKeyFocused, setIsSearchKeyFocused] = useState(false);
+  const isMulti = selected ? Boolean(selected.length) : false;
 
-  var handleChange = function handleChange(event) {
-    var newValue = event.target.value;
+  const handleChange = event => {
+    const newValue = event.target.value;
     onSearchChange(newValue);
   };
 
-  var handleBlur = function handleBlur() {
+  const handleBlur = () => {
     if (isSearchable && inputRef.current) {
       setIsSearchFocused(false);
       setIsSearchKeyFocused(false);
     }
   };
 
-  var handleFocus = function handleFocus(e) {
+  const handleFocus = e => {
     if (isSearchable && inputRef.current) {
       setIsSearchFocused(true);
-      var target = e.target;
+      const target = e.target;
       setIsSearchKeyFocused(target.getAttribute('data-focus-method') === 'key');
     }
   };
 
-  var isThemeReversed = mode === 'rock' && (isSearchFocused || isFocused || isOpen);
-  return /*#__PURE__*/React.createElement("div", _objectSpread({
+  const isThemeReversed = mode === 'rock' && (isSearchFocused || isFocused || isOpen);
+  return /*#__PURE__*/React.createElement("div", {
     tabIndex: isSearchable || isDisabled ? -1 : 0,
     className: cn(styles.main, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], isMulti && styles.isMulti, isSearchFocused && styles.searchFocused, isSearchKeyFocused && styles.searchKeyFocused, isOpen && styles.open, isDisabled ? styles.disabled : styles.enabled, Boolean(error) && styles.error, isFocused && styles.focused, className),
-    onFocus: function onFocus(e) {
-      var target = e.target;
+    onFocus: e => {
+      const target = e.target;
       setIsFocused(target.getAttribute('data-focus-method') === 'key');
     },
-    onBlur: function onBlur() {
-      return setIsFocused(false);
-    },
+    onBlur: () => setIsFocused(false),
     ref: triggerRef,
     "data-test": "select",
-    "data-rs-internal": 'select-trigger'
-  }, restProps), isMulti ? /*#__PURE__*/React.createElement(MultiselectOptions, {
+    "data-rs-internal": 'select-trigger',
+    ...restProps
+  }, isMulti ? /*#__PURE__*/React.createElement(MultiselectOptions, {
     selected: selected,
     isDisabled: isDisabled,
     isSingleLine: isSingleLine,
@@ -151,44 +120,41 @@ var SelectTrigger = /*#__PURE__*/React.memo(function (props) {
 });
 SelectTrigger.displayName = 'SelectTrigger';
 
-var MultiselectOptions = function MultiselectOptions(_ref) {
-  var isSingleLine = _ref.isSingleLine,
-      selected = _ref.selected,
-      isThemeReversed = _ref.isThemeReversed,
-      isDisabled = _ref.isDisabled,
-      onItemClearClick = _ref.onItemClearClick,
-      theme = _ref.theme;
-
-  var selectedOptions = _mapInstanceProperty(selected).call(selected, function (s) {
-    var key = s.value ? s.value : s.label;
+const MultiselectOptions = _ref => {
+  let {
+    isSingleLine,
+    selected,
+    isThemeReversed,
+    isDisabled,
+    onItemClearClick,
+    theme
+  } = _ref;
+  const selectedOptions = selected.map(s => {
+    const key = s.value ? s.value : s.label;
     return /*#__PURE__*/React.createElement(RemovableTag, {
       key: key,
-      "data-test": "selected-tag-".concat(key),
+      "data-test": `selected-tag-${key}`,
       className: styles.tag,
       disabled: isDisabled,
-      onRemoveClick: function onRemoveClick() {
-        return onItemClearClick(s);
-      },
+      onRemoveClick: () => onItemClearClick(s),
       "data-rs-internal": 'select-trigger__removable-tag',
       wrap: !isSingleLine,
       theme: isThemeReversed ? reverseTheme(theme) : theme
     }, s.label);
   });
-
-  var tagTheme = isThemeReversed ? reverseTheme(theme) : theme;
+  const tagTheme = isThemeReversed ? reverseTheme(theme) : theme;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.multi,
     "data-test": "multi"
   }, isSingleLine ? /*#__PURE__*/React.createElement(Foldable, {
     className: styles.tagsContainer,
-    renderHiddenCounter: function renderHiddenCounter(n, ref) {
-      return /*#__PURE__*/React.createElement(Tag, _objectSpread({
-        className: styles.tag,
-        key: "+",
-        ref: ref,
-        "data-rs-internal": 'select-trigger__tag'
-      }, presets["filled-".concat(tagTheme)]), "+".concat(n));
-    }
+    renderHiddenCounter: (n, ref) => /*#__PURE__*/React.createElement(Tag, {
+      className: styles.tag,
+      key: "+",
+      ref: ref,
+      "data-rs-internal": 'select-trigger__tag',
+      ...presets[`filled-${tagTheme}`]
+    }, `+${n}`)
   }, selectedOptions) : /*#__PURE__*/React.createElement("div", {
     className: styles.tagsContainer
   }, selectedOptions));
@@ -203,18 +169,18 @@ function isSelectedEmpty(selected) {
 } // eslint-disable-next-line complexity
 
 
-var SelectedOption = function SelectedOption(_ref2) {
-  var selected = _ref2.selected,
-      _ref2$searchInput = _ref2.searchInput,
-      searchInput = _ref2$searchInput === void 0 ? '' : _ref2$searchInput,
-      _ref2$placeholder = _ref2.placeholder,
-      placeholder = _ref2$placeholder === void 0 ? '' : _ref2$placeholder,
-      isSearchable = _ref2.isSearchable,
-      isDisabled = _ref2.isDisabled,
-      inputRef = _ref2.inputRef,
-      handleBlur = _ref2.handleBlur,
-      handleFocus = _ref2.handleFocus,
-      handleChange = _ref2.handleChange;
+const SelectedOption = _ref2 => {
+  let {
+    selected,
+    searchInput = '',
+    placeholder = '',
+    isSearchable,
+    isDisabled,
+    inputRef,
+    handleBlur,
+    handleFocus,
+    handleChange
+  } = _ref2;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.labelWrapper
   }, /*#__PURE__*/React.createElement("div", {
@@ -237,12 +203,14 @@ var SelectedOption = function SelectedOption(_ref2) {
   }));
 };
 
-var ClearOrLoading = function ClearOrLoading(_ref3) {
-  var isClearable = _ref3.isClearable,
-      isLoading = _ref3.isLoading,
-      isDisabled = _ref3.isDisabled,
-      onClearClick = _ref3.onClearClick,
-      selected = _ref3.selected;
+const ClearOrLoading = _ref3 => {
+  let {
+    isClearable,
+    isLoading,
+    isDisabled,
+    onClearClick,
+    selected
+  } = _ref3;
 
   if (isLoading) {
     return /*#__PURE__*/React.createElement(LoadingIcon, {
@@ -257,7 +225,7 @@ var ClearOrLoading = function ClearOrLoading(_ref3) {
       type: "button",
       className: cn(styles.icon, styles.clearIcon),
       "data-test": "clear-icon",
-      onClick: function onClick(e) {
+      onClick: e => {
         e.stopPropagation();
         onClearClick();
       }