rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/internals/Picker/ListCheckItem.js

@@ -5,69 +5,64 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
 var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
-var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
-var _templateObject;
-var _excluded = ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "labelClickable", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderCheckbox"];
-var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$active = props.active,
-    active = _props$active === void 0 ? false : _props$active,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$checkboxAs = props.checkboxAs,
-    CheckboxItem = _props$checkboxAs === void 0 ? _Checkbox.default : _props$checkboxAs,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'check-item' : _props$classPrefix,
-    _props$checkable = props.checkable,
-    checkable = _props$checkable === void 0 ? true : _props$checkable,
-    disabled = props.disabled,
-    value = props.value,
-    focus = props.focus,
-    children = props.children,
-    className = props.className,
-    indeterminate = props.indeterminate,
-    labelClickable = props.labelClickable,
-    onKeyDown = props.onKeyDown,
-    onSelect = props.onSelect,
-    onCheck = props.onCheck,
-    onSelectItem = props.onSelectItem,
-    renderCheckbox = props.renderCheckbox,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var handleChange = (0, _hooks.useEventCallback)(function (value, checked, event) {
+var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
+const ListCheckItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    active = false,
+    as: Component = 'div',
+    checkboxAs: CheckboxItem = _Checkbox.default,
+    classPrefix = 'check-item',
+    checkable = true,
+    disabled,
+    value,
+    focus,
+    children,
+    className,
+    indeterminate,
+    labelClickable,
+    onKeyDown,
+    onSelect,
+    onCheck,
+    onSelectItem,
+    renderCheckbox,
+    ...rest
+  } = props;
+  const handleChange = (0, _hooks.useEventCallback)((value, checked, event) => {
     onSelect === null || onSelect === void 0 || onSelect(value, event, checked);
   });
-  var handleCheck = (0, _hooks.useEventCallback)(function (event) {
+  const handleCheck = (0, _hooks.useEventCallback)(event => {
     if (!disabled) {
       onCheck === null || onCheck === void 0 || onCheck(value, event, !active);
     }
   });
-  var handleSelectItem = (0, _hooks.useEventCallback)(function (event) {
+  const handleSelectItem = (0, _hooks.useEventCallback)(event => {
     if (!disabled) {
       onSelectItem === null || onSelectItem === void 0 || onSelectItem(value, event, !active);
     }
   });
-  var _useCombobox = (0, _useCombobox2.default)(),
-    id = _useCombobox.id;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    rootPrefix = _useClassNames.rootPrefix;
-  var checkboxItemClasses = withClassPrefix({
-    focus: focus
+  const {
+    id
+  } = (0, _useCombobox.default)();
+  const {
+    withClassPrefix,
+    merge,
+    rootPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const checkboxItemClasses = withClassPrefix({
+    focus
   });
-  var checkboxProps = {
-    checkable: checkable,
-    children: children,
+  const checkboxProps = {
+    checkable,
+    children,
     checked: active,
     className: checkboxItemClasses,
-    disabled: disabled,
-    value: value,
-    indeterminate: indeterminate,
-    labelClickable: labelClickable,
+    disabled,
+    value,
+    indeterminate,
+    labelClickable,
     onKeyDown: disabled ? undefined : onKeyDown,
     onChange: handleChange,
     onClick: handleSelectItem,
@@ -77,11 +72,11 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     role: "option",
     "aria-selected": active,
     "aria-disabled": disabled,
-    id: id ? id + "-opt-" + value : undefined,
+    id: id ? `${id}-opt-${value}` : undefined,
     "data-key": value
   }, rest, {
     ref: ref,
-    className: merge(className, rootPrefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["picker-list-item"])))),
+    className: merge(className, rootPrefix`picker-list-item`),
     tabIndex: -1
   }), renderCheckbox ? renderCheckbox(checkboxProps) : /*#__PURE__*/_react.default.createElement(CheckboxItem, (0, _extends2.default)({
     role: "checkbox"

package/cjs/internals/Picker/ListItem.js

@@ -5,56 +5,53 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
-var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
-var _templateObject;
-var _excluded = ["as", "role", "classPrefix", "active", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"];
-var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'option' : _props$role,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
-    active = props.active,
-    children = props.children,
-    className = props.className,
-    disabled = props.disabled,
-    focus = props.focus,
-    value = props.value,
-    onKeyDown = props.onKeyDown,
-    onSelect = props.onSelect,
-    renderItem = props.renderItem,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCombobox = (0, _useCombobox2.default)(),
-    id = _useCombobox.id;
-  var handleClick = (0, _hooks.useEventCallback)(function (event) {
+var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
+const ListItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    role = 'option',
+    classPrefix = 'dropdown-menu-item',
+    active,
+    children,
+    className,
+    disabled,
+    focus,
+    value,
+    onKeyDown,
+    onSelect,
+    renderItem,
+    ...rest
+  } = props;
+  const {
+    id
+  } = (0, _useCombobox.default)();
+  const handleClick = (0, _hooks.useEventCallback)(event => {
     event.preventDefault();
     if (!disabled) {
       onSelect === null || onSelect === void 0 || onSelect(value, event);
     }
   });
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    rootPrefix = _useClassNames.rootPrefix;
-  var classes = withClassPrefix({
-    active: active,
-    focus: focus,
-    disabled: disabled
+  const {
+    withClassPrefix,
+    merge,
+    rootPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = withClassPrefix({
+    active,
+    focus,
+    disabled
   });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: role,
     "aria-selected": active,
     "aria-disabled": disabled,
-    id: id ? id + "-opt-" + value : undefined,
+    id: id ? `${id}-opt-${value}` : undefined,
     "data-key": value
   }, rest, {
     ref: ref,
-    className: merge(className, rootPrefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["picker-list-item"])))),
+    className: merge(className, rootPrefix`picker-list-item`),
     tabIndex: -1,
     onKeyDown: disabled ? null : onKeyDown,
     onClick: handleClick

package/cjs/internals/Picker/ListItemGroup.js

@@ -5,37 +5,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/ArrowDown"));
-var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "children", "className"];
-var ListItemGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
-    children = props.children,
-    className = props.className,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix());
+const ListItemGroup = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'dropdown-menu-group',
+    children,
+    className,
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    prefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "group"
   }, rest, {
     ref: ref,
     className: classes
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["title"]))),
+    className: prefix`title`,
     tabIndex: -1
   }, /*#__PURE__*/_react.default.createElement("span", null, children), /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {
     "aria-hidden": true,
-    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["caret"])))
+    className: prefix`caret`
   })));
 });
 ListItemGroup.displayName = 'ListItemGroup';

package/cjs/internals/Picker/Listbox.d.ts

@@ -63,7 +63,7 @@ export interface ListboxProps<Multiple = false> extends StandardProps, Partial<D
     onGroupTitleClick?: (event: React.MouseEvent) => void;
 }
 export type ListboxComponent = React.ForwardRefExoticComponent<ListboxProps> & {
-    <Multiple = false>(props: ListboxProps<Multiple>): React.ReactElement | null;
+    <Multiple = false>(props: ListboxProps<Multiple>): any;
 };
 declare const Listbox: ListboxComponent;
 export default Listbox;

package/cjs/internals/Picker/Listbox.js

@@ -5,7 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isString = _interopRequireDefault(require("lodash/isString"));
@@ -23,11 +22,9 @@ var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _getDataGroupBy = require("../utils/getDataGroupBy");
 var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
-var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
+var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
 var _Highlight = _interopRequireDefault(require("../../Highlight"));
-var _excluded = ["data", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "query", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"];
-var _this = void 0;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Props for the Listbox component.
@@ -37,159 +34,145 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @template Multiple - Whether multiple selection is enabled.
  */
 
-var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    groupBy = props.groupBy,
-    _props$maxHeight = props.maxHeight,
-    maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,
-    _props$activeItemValu = props.activeItemValues,
-    activeItemValues = _props$activeItemValu === void 0 ? [] : _props$activeItemValu,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'listbox' : _props$classPrefix,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    virtualized = props.virtualized,
-    listProps = props.listProps,
-    virtualizedListRef = props.listRef,
-    className = props.className,
-    style = props.style,
-    focusItemValue = props.focusItemValue,
-    listItemClassPrefix = props.listItemClassPrefix,
-    ListItem = props.listItemAs,
-    listItemProps = props.listItemProps,
-    _props$rowHeight = props.rowHeight,
-    rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
-    _props$rowGroupHeight = props.rowGroupHeight,
-    rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,
-    query = props.query,
-    renderMenuGroup = props.renderMenuGroup,
-    renderMenuItem = props.renderMenuItem,
-    onGroupTitleClick = props.onGroupTitleClick,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    rootPrefix = _useClassNames.rootPrefix;
-  var groupable = typeof groupBy !== 'undefined';
-  var classes = merge(className, withClassPrefix('items', {
+const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    data = [],
+    groupBy,
+    maxHeight = 320,
+    activeItemValues = [],
+    disabledItemValues = [],
+    classPrefix = 'listbox',
+    valueKey = 'value',
+    labelKey = 'label',
+    virtualized,
+    listProps,
+    listRef: virtualizedListRef,
+    className,
+    style,
+    focusItemValue,
+    listItemClassPrefix,
+    listItemAs: ListItem,
+    listItemProps,
+    rowHeight = 36,
+    rowGroupHeight = 48,
+    query,
+    renderMenuGroup,
+    renderMenuItem,
+    onGroupTitleClick,
+    onSelect,
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    prefix,
+    merge,
+    rootPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const groupable = typeof groupBy !== 'undefined';
+  const classes = merge(className, withClassPrefix('items', {
     grouped: groupable
   }));
-  var _useCombobox = (0, _useCombobox2.default)(),
-    id = _useCombobox.id,
-    labelId = _useCombobox.labelId,
-    popupType = _useCombobox.popupType,
-    multiple = _useCombobox.multiple;
-  var menuBodyContainerRef = (0, _react.useRef)(null);
-  var listRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)([]),
-    foldedGroupKeys = _useState[0],
-    setFoldedGroupKeys = _useState[1];
-  var handleGroupTitleClick = (0, _hooks.useEventCallback)(function (key, event) {
-    var nextGroupKeys = foldedGroupKeys.filter(function (item) {
-      return item !== key;
-    });
+  const {
+    id,
+    labelId,
+    popupType,
+    multiple
+  } = (0, _useCombobox.default)();
+  const menuBodyContainerRef = (0, _react.useRef)(null);
+  const listRef = (0, _react.useRef)(null);
+  const [foldedGroupKeys, setFoldedGroupKeys] = (0, _react.useState)([]);
+  const handleGroupTitleClick = (0, _hooks.useEventCallback)((key, event) => {
+    const nextGroupKeys = foldedGroupKeys.filter(item => item !== key);
     if (nextGroupKeys.length === foldedGroupKeys.length) {
       nextGroupKeys.push(key);
     }
     setFoldedGroupKeys(nextGroupKeys);
     onGroupTitleClick === null || onGroupTitleClick === void 0 || onGroupTitleClick(event);
   });
-  var handleSelect = (0, _hooks.useEventCallback)(function (item, value, event, checked) {
+  const handleSelect = (0, _hooks.useEventCallback)((item, value, event, checked) => {
     onSelect === null || onSelect === void 0 || onSelect(value, item, event, checked);
   });
-  var getRowHeight = function getRowHeight(list, index) {
-    var item = list[index];
+  const getRowHeight = (list, index) => {
+    const item = list[index];
     if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {
       return rowGroupHeight;
     }
     return rowHeight;
   };
-  (0, _react.useEffect)(function () {
-    var container = menuBodyContainerRef.current;
+  (0, _react.useEffect)(() => {
+    const container = menuBodyContainerRef.current;
     if (!container) {
       return;
     }
-    var activeItem = container.querySelector("." + prefix('item-focus'));
+    let activeItem = container.querySelector(`.${prefix('item-focus')}`);
     if (!activeItem) {
-      activeItem = container.querySelector("." + prefix('item-active'));
+      activeItem = container.querySelector(`.${prefix('item-active')}`);
     }
     if (!activeItem) {
       return;
     }
-    var position = (0, _getPosition.default)(activeItem, container);
-    var sTop = (0, _scrollTop.default)(container);
-    var sHeight = (0, _getHeight.default)(container);
+    const position = (0, _getPosition.default)(activeItem, container);
+    const sTop = (0, _scrollTop.default)(container);
+    const sHeight = (0, _getHeight.default)(container);
     if (sTop > position.top) {
       (0, _scrollTop.default)(container, Math.max(0, position.top - 20));
     } else if (position.top > sTop + sHeight) {
       (0, _scrollTop.default)(container, Math.max(0, position.top - sHeight + 32));
     }
   }, [focusItemValue, menuBodyContainerRef, prefix]);
-  var filteredItems = groupable ? data.filter(function (item) {
+  const filteredItems = groupable ? data.filter(item => {
     var _item$parent;
     // Display group title items
     if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;
 
     // Display items under the unfolded group
-    var groupValue = (0, _get.default)(item, groupBy, '') || (// FIXME-Doma
+    const groupValue = (0, _get.default)(item, groupBy, '') || (// FIXME-Doma
     // Usage of `item.parent` is strongly discouraged
     // It's only here for legacy support
     // Remove once `item.parent` is completely removed across related components
     (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[_getDataGroupBy.KEY_GROUP_TITLE]);
     return !foldedGroupKeys.includes(groupValue);
   }) : data;
-  var rowCount = filteredItems.length;
-  var renderItem = function renderItem(_ref) {
-    var _ref$index = _ref.index,
-      index = _ref$index === void 0 ? 0 : _ref$index,
-      style = _ref.style,
-      data = _ref.data,
-      itemData = _ref.item;
-    var item = itemData || data[index];
-    var value = item[valueKey];
-    var itemLabel = item[labelKey];
-    var label = query ? /*#__PURE__*/_react.default.createElement(_Highlight.default, {
+  const rowCount = filteredItems.length;
+  const renderItem = _ref => {
+    let {
+      index = 0,
+      style,
+      data,
+      item: itemData
+    } = _ref;
+    const item = itemData || data[index];
+    const value = item[valueKey];
+    const itemLabel = item[labelKey];
+    const label = query ? /*#__PURE__*/_react.default.createElement(_Highlight.default, {
       query: query,
       as: "span"
     }, itemLabel) : itemLabel;
     if ((0, _isUndefined.default)(label) && !item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
-      throw Error("labelKey \"" + labelKey + "\" is not defined in \"data\" : " + index);
+      throw Error(`labelKey "${labelKey}" is not defined in "data" : ${index}`);
     }
 
     // Use `value` in keys when If `value` is string or number
-    var itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;
+    const itemKey = (0, _isString.default)(value) || (0, _isNumber.default)(value) ? value : index;
 
     //  Render <ListboxGroup> component when `groupBy` is defined
     if (groupable && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
-      var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];
+      const groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];
       return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {
         style: style,
         classPrefix: 'picker-menu-group',
         className: (0, _classnames.default)({
-          folded: foldedGroupKeys.some(function (key) {
-            return key === groupValue;
-          })
+          folded: foldedGroupKeys.some(key => key === groupValue)
         }),
-        key: "group-" + groupValue,
+        key: `group-${groupValue}`,
         onClick: handleGroupTitleClick.bind(null, groupValue)
       }, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);
     } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_symbols.RSUITE_PICKER_GROUP_KEY])) {
-      throw Error("valueKey \"" + valueKey + "\" is not defined in \"data\" : " + index + " ");
+      throw Error(`valueKey "${valueKey}" is not defined in "data" : ${index} `);
     }
-    var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {
-      return (0, _utils.shallowEqual)(disabledValue, value);
-    });
-    var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {
-      return (0, _utils.shallowEqual)(v, value);
-    });
-    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _utils.shallowEqual)(focusItemValue, value);
+    const disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(disabledValue => (0, _utils.shallowEqual)(disabledValue, value));
+    const active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(v => (0, _utils.shallowEqual)(v, value));
+    const focus = !(0, _isUndefined.default)(focusItemValue) && (0, _utils.shallowEqual)(focusItemValue, value);
     return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
       "aria-posinset": index + 1,
       "aria-setsize": rowCount,
@@ -201,51 +184,48 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       value: value,
       classPrefix: listItemClassPrefix,
       onSelect: handleSelect.bind(null, item)
-    }, (0, _pickBy.default)(listItemProps, function (v) {
-      return v !== undefined;
-    })), renderMenuItem ? renderMenuItem(label, item) : label);
+    }, (0, _pickBy.default)(listItemProps, v => v !== undefined)), renderMenuItem ? renderMenuItem(label, item) : label);
   };
-  (0, _hooks.useMount)(function () {
+  (0, _hooks.useMount)(() => {
     var _listRef$current, _listRef$current$scro;
-    var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {
-      return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);
-    });
+    const itemIndex = (0, _findIndex.default)(filteredItems, item => item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]));
     (_listRef$current = listRef.current) === null || _listRef$current === void 0 || (_listRef$current$scro = _listRef$current.scrollToItem) === null || _listRef$current$scro === void 0 || _listRef$current$scro.call(_listRef$current, itemIndex);
   });
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     role: "listbox",
-    id: id + "-" + popupType,
+    id: `${id}-${popupType}`,
     "aria-labelledby": labelId,
     "aria-multiselectable": multiple
   }, rest, {
     className: classes,
     ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),
-    style: (0, _extends2.default)({}, style, {
-      maxHeight: maxHeight
-    })
+    style: {
+      ...style,
+      maxHeight
+    }
   }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
     defaultHeight: maxHeight,
     style: {
       width: 'auto',
       height: 'auto'
     }
-  }, function (_ref2) {
-    var height = _ref2.height;
+  }, _ref2 => {
+    let {
+      height
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
       as: _Windowing.VariableSizeList,
       ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),
       height: height || maxHeight,
       itemCount: rowCount,
       itemData: filteredItems,
-      itemSize: getRowHeight.bind(_this, filteredItems),
+      itemSize: getRowHeight.bind(void 0, filteredItems),
       className: rootPrefix('virt-list')
     }, listProps), renderItem);
-  }) : filteredItems.map(function (item, index) {
-    return renderItem({
-      index: index,
-      item: item
-    });
-  }));
+  }) : filteredItems.map((item, index) => renderItem({
+    index,
+    item
+  })));
 });
 Listbox.displayName = 'Listbox';
 var _default = exports.default = Listbox;