rsuite 5.39.0 → 5.41.0

package/esm/utils/useWillUnmount.js

@@ -1,15 +1,17 @@
+'use client';
 import useUpdatedRef from './useUpdatedRef';
 import { useEffect } from 'react';
+
 /**
  * Attach a callback that fires when a component unmounts
  *
  * @param fn Handler to run when the component unmounts
  * @category effects
  */
-
 export default function useWillUnmount(fn) {
-  var onUnmount = useUpdatedRef(fn); // eslint-disable-next-line react-hooks/exhaustive-deps
+  var onUnmount = useUpdatedRef(fn);
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(function () {
     return function () {
       return onUnmount.current();

package/esm/utils/warnOnce.js

@@ -1,16 +1,16 @@
+'use client';
 var warned = {};
+
 /**
  * Logs a warning message
  * but dont warn a same message twice
  */
-
 export default function warnOnce(message) {
   if (!warned[message]) {
     console.warn(message);
     warned[message] = true;
   }
 }
-
 warnOnce._resetWarned = function () {
   for (var _message in warned) {
     delete warned[_message];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.39.0",
+  "version": "5.41.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -38,7 +38,7 @@
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.11.0",
+    "rsuite-table": "^5.14.0",
     "schema-typed": "^2.1.3"
   },
   "peerDependencies": {

package/styles/color-modes/light.less

@@ -90,7 +90,7 @@
   --rs-btn-primary-text: @B000;
   --rs-btn-primary-hover-bg: @H600;
   --rs-btn-primary-active-bg: @H700;
-  --rs-btn-subtle-text: @B600;
+  --rs-btn-subtle-text: @B800;
   --rs-btn-subtle-hover-bg: @B200;
   --rs-btn-subtle-hover-text: @B800;
   --rs-btn-subtle-active-bg: @B200;
@@ -184,7 +184,7 @@
   --rs-steps-icon-state-error: @red;
 
   // Nav
-  --rs-navs-text: @B600;
+  --rs-navs-text: @B800;
   --rs-navs-text-hover: @B800;
   --rs-navs-bg-hover: @B200;
   --rs-navs-text-active: @B900;
@@ -205,7 +205,7 @@
   --rs-navbar-inverse-hover-bg: @H600;
   --rs-navbar-inverse-hover-text: #fff;
   --rs-navbar-subtle-bg: #fff;
-  --rs-navbar-subtle-text: @B600;
+  --rs-navbar-subtle-text: @B800;
   --rs-navbar-subtle-selected-text: @H700;
   --rs-navbar-subtle-hover-bg: @B050;
   --rs-navbar-subtle-hover-text: @B800;
@@ -223,7 +223,7 @@
   --rs-sidenav-inverse-hover-bg: @H600;
   --rs-sidenav-inverse-footer-border: @H600;
   --rs-sidenav-subtle-bg: #fff;
-  --rs-sidenav-subtle-text: @B600;
+  --rs-sidenav-subtle-text: @B800;
   --rs-sidenav-subtle-selected-text: @H700;
   --rs-sidenav-subtle-hover-bg: @B050;
   --rs-sidenav-subtle-hover-text: @B800;

package/styles/mixins/listbox.less

@@ -32,8 +32,6 @@
   font-weight: normal;
   line-height: @line-height-base;
   color: var(--rs-text-primary);
-  // FIXME-Doma
-  // No need to use pointer, just use default
   cursor: pointer;
   text-decoration: none;
   width: 100%;

package/cjs/SelectPicker/Listbox.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ListProps, ListHandle } from '../Windowing';
-import { CompareFn, Group } from '../utils/getDataGroupBy';
-import { StandardProps } from '../@types/common';
-interface ListboxProps<T, K> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    classPrefix: string;
-    options: readonly T[];
-    getOptionKey?: (option: T) => K;
-    sort?: <B extends boolean>(isGroup: B) => B extends true ? CompareFn<Group<T>> : CompareFn<T>;
-    groupBy?: string;
-    disabledOptionKeys?: readonly K[];
-    selectedOptionKey?: K;
-    activeOptionKey?: K;
-    maxHeight?: number;
-    labelKey?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    optionClassPrefix?: string;
-    rowHeight?: number;
-    rowGroupHeight?: number;
-    virtualized?: boolean;
-    listProps?: Partial<ListProps>;
-    listRef?: React.Ref<ListHandle>;
-    /** Custom selected option */
-    renderMenuItem?: (itemLabel: React.ReactNode, item: any) => React.ReactNode;
-    renderMenuGroup?: (title: React.ReactNode, item: any) => React.ReactNode;
-    onSelect?: (value: K, item: T, event: React.MouseEvent) => void;
-    onGroupTitleClick?: (event: React.MouseEvent) => void;
-}
-declare type ListboxComponent = <T, K>(p: ListboxProps<T, K> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => JSX.Element;
-declare const Listbox: ListboxComponent;
-export default Listbox;

package/cjs/SelectPicker/Listbox.js

@@ -1,263 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
-
-var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
-
-var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
-
-var _Windowing = require("../Windowing");
-
-var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-
-var _utils = require("../utils");
-
-var _ListboxOptionGroup = _interopRequireDefault(require("./ListboxOptionGroup"));
-
-var _getDataGroupBy = require("../utils/getDataGroupBy");
-
-var _ListboxOption = _interopRequireDefault(require("./ListboxOption"));
-
-var Listbox = /*#__PURE__*/_react.default.forwardRef(function Listbox(props, ref) {
-  var _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      getOptionKey = props.getOptionKey,
-      groupBy = props.groupBy,
-      sort = props.sort,
-      _props$maxHeight = props.maxHeight,
-      maxHeight = _props$maxHeight === void 0 ? 320 : _props$maxHeight,
-      selectedOptionKey = props.selectedOptionKey,
-      _props$disabledOption = props.disabledOptionKeys,
-      disabledOptionKeys = _props$disabledOption === void 0 ? [] : _props$disabledOption,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-      _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,
-      activeOptionKey = props.activeOptionKey,
-      optionClassPrefix = props.optionClassPrefix,
-      _props$rowHeight = props.rowHeight,
-      rowHeight = _props$rowHeight === void 0 ? 36 : _props$rowHeight,
-      _props$rowGroupHeight = props.rowGroupHeight,
-      rowGroupHeight = _props$rowGroupHeight === void 0 ? 48 : _props$rowGroupHeight,
-      renderMenuGroup = props.renderMenuGroup,
-      renderMenuItem = props.renderMenuItem,
-      onGroupTitleClick = props.onGroupTitleClick,
-      onSelect = props.onSelect,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["options", "getOptionKey", "groupBy", "sort", "maxHeight", "selectedOptionKey", "disabledOptionKeys", "classPrefix", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "activeOptionKey", "optionClassPrefix", "rowHeight", "rowGroupHeight", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
-  var group = typeof groupBy !== 'undefined';
-
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
-  var classes = merge(className, withClassPrefix('items', {
-    grouped: group
-  }));
-  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, _react.useCallback)(function (key, event) {
-    var _listRef$current;
-
-    var nextGroupKeys = foldedGroupKeys.filter(function (item) {
-      return item !== key;
-    });
-
-    if (nextGroupKeys.length === foldedGroupKeys.length) {
-      nextGroupKeys.push(key);
-    }
-
-    setFoldedGroupKeys(nextGroupKeys);
-    onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event); // See example https://codesandbox.io/s/grouped-list-with-sticky-headers-shgok?fontsize=14&file=/index.js:1314-1381
-
-    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.resetAfterIndex(0); // use group index to reduce calculation
-  }, [onGroupTitleClick, foldedGroupKeys]);
-  (0, _react.useEffect)(function () {
-    var container = menuBodyContainerRef.current;
-
-    if (!container) {
-      return;
-    }
-
-    var activeItem = container.querySelector("." + prefix('item-focus'));
-
-    if (!activeItem) {
-      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);
-
-    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));
-    }
-  }, [activeOptionKey, menuBodyContainerRef, prefix]);
-  (0, _utils.useMount)(function scrollToSelectedOption() {
-    if (virtualized && selectedOptionKey) {
-      if (typeof groupBy === 'undefined') {
-        var _listRef$current2;
-
-        var selectedOptionIndex = options.findIndex(function (option) {
-          return (getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(option)) === selectedOptionKey;
-        });
-        (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollToItem(selectedOptionIndex);
-      } else {
-        var _listRef$current3;
-
-        var groups = (0, _getDataGroupBy.groupOptions)(options, groupBy, sort === null || sort === void 0 ? void 0 : sort(false), sort === null || sort === void 0 ? void 0 : sort(true));
-        var selectedGroupIndex = groups.findIndex(function (group) {
-          return group.key === selectedOptionKey;
-        }); // TODO-Doma
-        // This only scrolls the list to the group, not to the selected item within the group
-        // .scrollToItem does not support specifying an px offset
-        // Find a way to scroll to the selected item within the group
-
-        (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : _listRef$current3.scrollToItem(selectedGroupIndex);
-      }
-    }
-  });
-  var renderOption = (0, _react.useCallback)(function (option) {
-    var _getOptionKey;
-
-    var optionKey = (_getOptionKey = getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(option)) !== null && _getOptionKey !== void 0 ? _getOptionKey : JSON.stringify(option);
-    var label = option[labelKey];
-    var disabled = disabledOptionKeys === null || disabledOptionKeys === void 0 ? void 0 : disabledOptionKeys.some(function (disabledValue) {
-      return (0, _shallowEqual.default)(disabledValue, optionKey);
-    });
-    var selected = (0, _shallowEqual.default)(selectedOptionKey, optionKey);
-    var focus = !(0, _isUndefined.default)(activeOptionKey) && (0, _shallowEqual.default)(activeOptionKey, optionKey);
-    return /*#__PURE__*/_react.default.createElement(_ListboxOption.default, {
-      key: optionKey,
-      disabled: disabled,
-      selected: selected,
-      active: focus,
-      "data-key": optionKey,
-      classPrefix: optionClassPrefix,
-      onClick: function onClick(event) {
-        if (!disabled) {
-          onSelect === null || onSelect === void 0 ? void 0 : onSelect(optionKey, option, event);
-        }
-      }
-    }, renderMenuItem ? renderMenuItem(label, option) : label);
-  }, [getOptionKey, labelKey, disabledOptionKeys, selectedOptionKey, activeOptionKey, optionClassPrefix, renderMenuItem, onSelect]);
-  var renderOptions = (0, _react.useCallback)(function (options) {
-    return options.map(function (option) {
-      return renderOption(option);
-    });
-  }, [renderOption]);
-  var renderOptionGroup = (0, _react.useCallback)(function (group) {
-    var groupKey = group.key;
-    var expanded = !foldedGroupKeys.includes(groupKey);
-    return /*#__PURE__*/_react.default.createElement(_ListboxOptionGroup.default, {
-      key: groupKey,
-      title: renderMenuGroup ? renderMenuGroup(groupKey, group) : groupKey,
-      classPrefix: 'picker-menu-group',
-      expanded: expanded,
-      onClickTitle: function onClickTitle(e) {
-        return handleGroupTitleClick(group.key, e);
-      }
-    }, renderOptions(group.options));
-  }, [foldedGroupKeys, handleGroupTitleClick, renderMenuGroup, renderOptions]);
-  var renderOptionGroups = (0, _react.useCallback)(function (groupKey) {
-    var groups = (0, _getDataGroupBy.groupOptions)(options, groupKey, sort === null || sort === void 0 ? void 0 : sort(false), sort === null || sort === void 0 ? void 0 : sort(true));
-    return groups.map(function (group) {
-      return renderOptionGroup(group);
-    });
-  }, [options, renderOptionGroup, sort]);
-  var renderVirtualizedOptions = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
-      defaultHeight: maxHeight,
-      style: {
-        width: 'auto',
-        height: 'auto'
-      }
-    }, function (_ref) {
-      var height = _ref.height;
-      return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
-        ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),
-        height: height || maxHeight,
-        itemCount: options.length,
-        itemSize: rowHeight
-      }, listProps), function (_ref2) {
-        var index = _ref2.index;
-        return renderOption(options[index]);
-      });
-    });
-  }, [listProps, maxHeight, options, renderOption, rowHeight, virtualizedListRef]); // Example of rendering option groups in VariableSizeList
-  // https://github.com/bvaughn/react-window/issues/358
-
-  var renderVirtualizedOptionGroups = (0, _react.useCallback)(function (groupKey) {
-    var groups = (0, _getDataGroupBy.groupOptions)(options, groupKey, sort === null || sort === void 0 ? void 0 : sort(false), sort === null || sort === void 0 ? void 0 : sort(true));
-    return /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
-      defaultHeight: maxHeight,
-      style: {
-        width: 'auto',
-        height: 'auto'
-      }
-    }, function (_ref3) {
-      var height = _ref3.height;
-      return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
-        ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),
-        height: height || maxHeight,
-        itemCount: groups.length,
-        itemSize: function itemSize(index) {
-          var item = groups[index];
-          var expanded = !foldedGroupKeys.includes(item.key);
-
-          if (expanded) {
-            return item.options.length * rowHeight + rowGroupHeight;
-          }
-
-          return rowGroupHeight;
-        }
-      }, listProps), function (_ref4) {
-        var index = _ref4.index;
-        return renderOptionGroup(groups[index]);
-      });
-    });
-  }, [foldedGroupKeys, listProps, maxHeight, options, renderOptionGroup, rowGroupHeight, rowHeight, sort, virtualizedListRef]);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    role: "listbox"
-  }, rest, {
-    className: classes,
-    ref: (0, _utils.mergeRefs)(menuBodyContainerRef, ref),
-    style: (0, _extends2.default)({}, style, {
-      maxHeight: maxHeight
-    })
-  }), typeof groupBy === 'undefined' ? virtualized ? renderVirtualizedOptions() : renderOptions(options) : virtualized ? renderVirtualizedOptionGroups(groupBy) : renderOptionGroups(groupBy));
-});
-
-var _default = Listbox;
-exports.default = _default;

package/cjs/SelectPicker/ListboxOption.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { StandardProps } from '../@types/common';
-interface ListboxOptionProps extends StandardProps, React.HTMLAttributes<HTMLDivElement> {
-    selected?: boolean;
-    disabled?: boolean;
-    active?: boolean;
-    title?: string;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-}
-declare const ListboxOption: React.ForwardRefExoticComponent<ListboxOptionProps & React.RefAttributes<HTMLDivElement>>;
-export default ListboxOption;

package/cjs/SelectPicker/ListboxOption.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 = _interopRequireDefault(require("react"));
-
-var _utils = require("../utils");
-
-var ListboxOption = /*#__PURE__*/_react.default.forwardRef(function ListboxOption(props, ref) {
-  var selected = props.selected,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
-      children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      active = props.active,
-      onKeyDown = props.onKeyDown,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["selected", "classPrefix", "children", "className", "disabled", "active", "onKeyDown"]);
-
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix;
-
-  var classes = withClassPrefix({
-    active: selected,
-    focus: active,
-    disabled: disabled
-  });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: ref,
-    role: "option",
-    "aria-selected": selected || undefined,
-    "aria-disabled": disabled
-  }, rest, {
-    className: className,
-    onKeyDown: disabled ? undefined : onKeyDown
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: classes
-  }, children));
-});
-
-ListboxOption.displayName = 'Listbox.Option';
-var _default = ListboxOption;
-exports.default = _default;

package/cjs/SelectPicker/ListboxOptionGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { StandardProps } from '../@types/common';
-interface ListboxOptionGroupProps extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    title?: React.ReactNode;
-    expanded?: boolean;
-    onClickTitle?: React.MouseEventHandler;
-}
-declare const ListboxOptionGroup: React.ForwardRefExoticComponent<ListboxOptionGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default ListboxOptionGroup;

package/cjs/SelectPicker/ListboxOptionGroup.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _utils = require("../utils");
-
-var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
-
-var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
-
-var _templateObject, _templateObject2;
-
-var ListboxOptionGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
-      title = props.title,
-      children = props.children,
-      className = props.className,
-      _props$expanded = props.expanded,
-      expanded = _props$expanded === void 0 ? true : _props$expanded,
-      onClickTitle = props.onClickTitle,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "title", "children", "className", "expanded", "onClickTitle"]);
-
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
-  var classes = merge(className, withClassPrefix());
-  var groupId = (0, _useUniqueId.default)('listbox-group-');
-  var labelId = groupId + '-label';
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    role: "group",
-    id: groupId,
-    "aria-expanded": expanded,
-    "aria-labelledby": labelId
-  }, rest, {
-    ref: ref,
-    className: (0, _classnames.default)(classes, {
-      folded: !expanded
-    })
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["title"]))),
-    tabIndex: -1,
-    onClick: onClickTitle
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    id: labelId
-  }, title), /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {
-    "aria-hidden": true,
-    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["caret"])))
-  })), children);
-});
-
-ListboxOptionGroup.displayName = 'Listbox.OptionGroup';
-var _default = ListboxOptionGroup;
-exports.default = _default;

package/esm/SelectPicker/Listbox.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ListProps, ListHandle } from '../Windowing';
-import { CompareFn, Group } from '../utils/getDataGroupBy';
-import { StandardProps } from '../@types/common';
-interface ListboxProps<T, K> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    classPrefix: string;
-    options: readonly T[];
-    getOptionKey?: (option: T) => K;
-    sort?: <B extends boolean>(isGroup: B) => B extends true ? CompareFn<Group<T>> : CompareFn<T>;
-    groupBy?: string;
-    disabledOptionKeys?: readonly K[];
-    selectedOptionKey?: K;
-    activeOptionKey?: K;
-    maxHeight?: number;
-    labelKey?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    optionClassPrefix?: string;
-    rowHeight?: number;
-    rowGroupHeight?: number;
-    virtualized?: boolean;
-    listProps?: Partial<ListProps>;
-    listRef?: React.Ref<ListHandle>;
-    /** Custom selected option */
-    renderMenuItem?: (itemLabel: React.ReactNode, item: any) => React.ReactNode;
-    renderMenuGroup?: (title: React.ReactNode, item: any) => React.ReactNode;
-    onSelect?: (value: K, item: T, event: React.MouseEvent) => void;
-    onGroupTitleClick?: (event: React.MouseEvent) => void;
-}
-declare type ListboxComponent = <T, K>(p: ListboxProps<T, K> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => JSX.Element;
-declare const Listbox: ListboxComponent;
-export default Listbox;