rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/InputPicker/InputPickerContext.js

@@ -6,12 +6,12 @@ exports.__esModule = true;
 exports.default = exports.TagProvider = void 0;
 exports.useTagContext = useTagContext;
 var _react = _interopRequireDefault(require("react"));
-var InputPickerContext = /*#__PURE__*/_react.default.createContext({
+const InputPickerContext = /*#__PURE__*/_react.default.createContext({
   tagProps: {},
   trigger: 'Enter'
 });
 function useTagContext() {
   return _react.default.useContext(InputPickerContext);
 }
-var TagProvider = exports.TagProvider = InputPickerContext.Provider;
+const TagProvider = exports.TagProvider = InputPickerContext.Provider;
 var _default = exports.default = InputPickerContext;

package/cjs/InputPicker/InputSearch.js

@@ -5,34 +5,31 @@ 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("../internals/hooks");
-var _templateObject;
-var _excluded = ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"];
-var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'input' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker-search' : _props$classPrefix,
-    children = props.children,
-    className = props.className,
-    value = props.value,
-    inputRef = props.inputRef,
-    style = props.style,
-    readOnly = props.readOnly,
-    onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var handleChange = (0, _hooks.useEventCallback)(function (event) {
+const InputSearch = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'input',
+    classPrefix = 'picker-search',
+    children,
+    className,
+    value,
+    inputRef,
+    style,
+    readOnly,
+    onChange,
+    ...rest
+  } = props;
+  const handleChange = (0, _hooks.useEventCallback)(event => {
     var _event$target;
     onChange === null || onChange === void 0 || onChange(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
   });
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: classes,
@@ -40,7 +37,7 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: inputRef,
     readOnly: readOnly,
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["input"]))),
+    className: prefix`input`,
     value: value,
     onChange: handleChange
   })), children);

package/cjs/InputPicker/TagList.js

@@ -5,25 +5,26 @@ 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("../internals/hooks");
-var _useCombobox2 = _interopRequireDefault(require("../internals/Picker/hooks/useCombobox"));
-var _templateObject;
-var _excluded = ["children"];
-var TagList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)('picker'),
-    prefix = _useClassNames.prefix;
-  var _useCombobox = (0, _useCombobox2.default)(),
-    id = _useCombobox.id;
+var _useCombobox = _interopRequireDefault(require("../internals/Picker/hooks/useCombobox"));
+const TagList = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const {
+    prefix
+  } = (0, _hooks.useClassNames)('picker');
+  const {
+    id
+  } = (0, _useCombobox.default)();
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref,
     role: "listbox",
-    id: id + "-describe",
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["tag-list"])))
+    id: `${id}-describe`,
+    className: prefix`tag-list`
   }, rest), children);
 });
+TagList.displayName = 'TagList';
 var _default = exports.default = TagList;

package/cjs/InputPicker/TextBox.js

@@ -5,35 +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 _TagList = _interopRequireDefault(require("./TagList"));
 var _hooks = require("../internals/hooks");
 var _InputSearch = _interopRequireDefault(require("./InputSearch"));
-var _templateObject;
-var _excluded = ["tags", "inputProps", "readOnly", "disabled", "multiple", "onBlur", "onFocus", "onChange", "inputValue", "inputRef", "editable", "showTagList"];
-var TextBox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var tags = props.tags,
-    inputProps = props.inputProps,
-    readOnly = props.readOnly,
-    disabled = props.disabled,
-    multiple = props.multiple,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onChange = props.onChange,
-    inputValue = props.inputValue,
-    inputRef = props.inputRef,
-    editable = props.editable,
-    showTagList = props.showTagList,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)('picker'),
-    prefix = _useClassNames.prefix;
+const TextBox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    tags,
+    inputProps,
+    readOnly,
+    disabled,
+    multiple,
+    onBlur,
+    onFocus,
+    onChange,
+    inputValue,
+    inputRef,
+    editable,
+    showTagList,
+    ...rest
+  } = props;
+  const {
+    prefix
+  } = (0, _hooks.useClassNames)('picker');
   if (!multiple && disabled) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["textbox"]))),
+    className: prefix`textbox`,
     ref: ref
   }, rest), showTagList ? /*#__PURE__*/_react.default.createElement(_TagList.default, null, tags) : null, editable && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {
     tabIndex: -1,
@@ -45,4 +44,5 @@ var TextBox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: inputValue
   })));
 });
+TextBox.displayName = 'TextBox';
 var _default = exports.default = TextBox;

package/cjs/InputPicker/hooks/useData.js

@@ -6,26 +6,22 @@ exports.default = void 0;
 var _react = require("react");
 var _utils = require("../../internals/utils");
 function useData(props) {
-  var _props$controlledData = props.controlledData,
-    controlledData = _props$controlledData === void 0 ? [] : _props$controlledData,
-    _props$cacheData = props.cacheData,
-    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,
-    onChange = props.onChange;
-  var _useState = (0, _react.useState)(controlledData),
-    uncontrolledData = _useState[0],
-    setData = _useState[1];
-  var _useState2 = (0, _react.useState)([]),
-    newData = _useState2[0],
-    setNewData = _useState2[1];
-  var data = (0, _react.useMemo)(function () {
+  const {
+    controlledData = [],
+    cacheData = [],
+    onChange
+  } = props;
+  const [uncontrolledData, setData] = (0, _react.useState)(controlledData);
+  const [newData, setNewData] = (0, _react.useState)([]);
+  const data = (0, _react.useMemo)(() => {
     return [].concat(uncontrolledData, newData);
   }, [newData, uncontrolledData]);
-  var dataWithCache = (0, _react.useMemo)(function () {
+  const dataWithCache = (0, _react.useMemo)(() => {
     return [].concat(data, cacheData);
   }, [data, cacheData]);
 
   // Update the state when the data in props changes
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (controlledData && !(0, _utils.shallowEqual)(controlledData, uncontrolledData)) {
       setData(controlledData);
       setNewData([]);
@@ -33,10 +29,10 @@ function useData(props) {
     }
   }, [controlledData, uncontrolledData, onChange]);
   return {
-    data: data,
-    dataWithCache: dataWithCache,
-    newData: newData,
-    setNewData: setNewData
+    data,
+    dataWithCache,
+    newData,
+    setNewData
   };
 }
 var _default = exports.default = useData;

package/cjs/InputPicker/hooks/useInput.js

@@ -7,25 +7,27 @@ exports.default = void 0;
 var _react = require("react");
 var _useMaxWidth = _interopRequireDefault(require("./useMaxWidth"));
 var _InputAutosize = _interopRequireDefault(require("../InputAutosize"));
-var INPUT_MARGIN_RIGHT = 60;
+const INPUT_MARGIN_RIGHT = 60;
 function useInput(props) {
-  var multi = props.multi,
-    triggerRef = props.triggerRef;
-  var inputRef = (0, _react.useRef)();
-  var maxWidth = (0, _useMaxWidth.default)(triggerRef);
-  var getInput = (0, _react.useCallback)(function () {
+  const {
+    multi,
+    triggerRef
+  } = props;
+  const inputRef = (0, _react.useRef)();
+  const maxWidth = (0, _useMaxWidth.default)(triggerRef);
+  const getInput = (0, _react.useCallback)(() => {
     var _inputRef$current;
     return multi ? (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input : inputRef.current;
   }, [multi]);
-  var focus = (0, _react.useCallback)(function () {
+  const focus = (0, _react.useCallback)(() => {
     var _getInput;
     (_getInput = getInput()) === null || _getInput === void 0 || _getInput.focus();
   }, [getInput]);
-  var blur = (0, _react.useCallback)(function () {
+  const blur = (0, _react.useCallback)(() => {
     var _getInput2;
     (_getInput2 = getInput()) === null || _getInput2 === void 0 || _getInput2.blur();
   }, [getInput]);
-  var inputProps = (0, _react.useMemo)(function () {
+  const inputProps = (0, _react.useMemo)(() => {
     return multi ? {
       inputStyle: {
         maxWidth: maxWidth - INPUT_MARGIN_RIGHT
@@ -36,10 +38,10 @@ function useInput(props) {
     };
   }, [maxWidth, multi]);
   return {
-    inputProps: inputProps,
-    inputRef: inputRef,
-    focus: focus,
-    blur: blur
+    inputProps,
+    inputRef,
+    focus,
+    blur
   };
 }
 var _default = exports.default = useInput;

package/cjs/InputPicker/hooks/useMaxWidth.js

@@ -7,17 +7,14 @@ exports.default = void 0;
 var _react = require("react");
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 function useMaxWidth(triggerRef) {
-  var _useState = (0, _react.useState)(100),
-    maxWidth = _useState[0],
-    setMaxWidth = _useState[1];
-  (0, _react.useEffect)(function () {
+  const [maxWidth, setMaxWidth] = (0, _react.useState)(100);
+  (0, _react.useEffect)(() => {
     var _triggerRef$current;
     // In multiple selection, you need to set a maximum width for the input.
     if ((_triggerRef$current = triggerRef.current) !== null && _triggerRef$current !== void 0 && _triggerRef$current.root) {
       var _triggerRef$current2;
       setMaxWidth((0, _getWidth.default)((_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.root));
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return maxWidth;
 }

package/cjs/InputPicker/utils.js

@@ -3,7 +3,7 @@
 
 exports.__esModule = true;
 exports.convertSize = void 0;
-var convertSize = exports.convertSize = function convertSize(size) {
+const convertSize = size => {
   switch (size) {
     case 'lg':
       return 'lg';
@@ -13,4 +13,5 @@ var convertSize = exports.convertSize = function convertSize(size) {
     default:
       return 'md';
   }
-};
+};
+exports.convertSize = convertSize;

package/cjs/List/List.js

@@ -5,81 +5,73 @@ 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-var _useSortHelper2 = _interopRequireDefault(require("./helper/useSortHelper"));
+var _useSortHelper = _interopRequireDefault(require("./helper/useSortHelper"));
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _ListItem = _interopRequireDefault(require("./ListItem"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "autoScroll", "bordered", "classPrefix", "className", "children", "divider", "hover", "size", "sortable", "pressDelay", "transitionDuration", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
-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; }
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
  */
-var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('List', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$au = propsWithDefaults.autoScroll,
-    autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
-    bordered = propsWithDefaults.bordered,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'list' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    _propsWithDefaults$di = propsWithDefaults.divider,
-    divider = _propsWithDefaults$di === void 0 ? true : _propsWithDefaults$di,
-    hover = propsWithDefaults.hover,
-    _propsWithDefaults$si = propsWithDefaults.size,
-    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
-    sortable = propsWithDefaults.sortable,
-    _propsWithDefaults$pr = propsWithDefaults.pressDelay,
-    pressDelay = _propsWithDefaults$pr === void 0 ? 0 : _propsWithDefaults$pr,
-    _propsWithDefaults$tr = propsWithDefaults.transitionDuration,
-    transitionDuration = _propsWithDefaults$tr === void 0 ? 300 : _propsWithDefaults$tr,
-    onSort = propsWithDefaults.onSort,
-    onSortEnd = propsWithDefaults.onSortEnd,
-    onSortMove = propsWithDefaults.onSortMove,
-    onSortStart = propsWithDefaults.onSortStart,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var _useSortHelper = (0, _useSortHelper2.default)({
-      autoScroll: autoScroll,
-      onSort: onSort,
-      onSortEnd: onSortEnd,
-      onSortMove: onSortMove,
-      onSortStart: onSortStart,
-      pressDelay: pressDelay,
-      transitionDuration: transitionDuration
-    }),
-    containerRef = _useSortHelper.containerRef,
-    register = _useSortHelper.register,
-    sorting = _useSortHelper.sorting,
-    handleEnd = _useSortHelper.handleEnd,
-    handleStart = _useSortHelper.handleStart;
-  var classes = merge(className, withClassPrefix({
-    bordered: bordered,
-    sortable: sortable,
-    sorting: sorting,
-    hover: hover,
-    divider: divider
+const List = /*#__PURE__*/_react.default.forwardRef(function List(props, ref) {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('List', props);
+  const {
+    as: Component = 'div',
+    autoScroll = true,
+    bordered,
+    classPrefix = 'list',
+    className,
+    children,
+    divider = true,
+    hover,
+    size = 'md',
+    sortable,
+    pressDelay = 0,
+    transitionDuration = 300,
+    onSort,
+    onSortEnd,
+    onSortMove,
+    onSortStart,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    containerRef,
+    register,
+    sorting,
+    handleEnd,
+    handleStart
+  } = (0, _useSortHelper.default)({
+    autoScroll,
+    onSort,
+    onSortEnd,
+    onSortMove,
+    onSortStart,
+    pressDelay,
+    transitionDuration
+  });
+  const classes = merge(className, withClassPrefix({
+    bordered,
+    sortable,
+    sorting,
+    hover,
+    divider
   }));
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      bordered: bordered,
-      size: size,
-      register: register
-    };
-  }, [bordered, register, size]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    bordered,
+    size,
+    register
+  }), [bordered, register, size]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "list"
   }, rest, {
@@ -93,20 +85,4 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 List.Item = _ListItem.default;
 List.displayName = 'List';
-List.propTypes = {
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  bordered: _propTypes.default.bool,
-  divider: _propTypes.default.bool,
-  hover: _propTypes.default.bool,
-  sortable: _propTypes.default.bool,
-  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
-  autoScroll: _propTypes.default.bool,
-  pressDelay: _propTypes.default.number,
-  transitionDuration: _propTypes.default.number,
-  onSortStart: _propTypes.default.func,
-  onSortMove: _propTypes.default.func,
-  onSortEnd: _propTypes.default.func,
-  onSort: _propTypes.default.func
-};
 var _default = exports.default = List;

package/cjs/List/ListContext.js

@@ -6,13 +6,11 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _noop = _interopRequireDefault(require("lodash/noop"));
-var ListContext = /*#__PURE__*/_react.default.createContext({
+const ListContext = /*#__PURE__*/_react.default.createContext({
   bordered: false,
   size: 'md',
-  register: function register() {
-    return {
-      unregister: _noop.default
-    };
-  }
+  register: () => ({
+    unregister: _noop.default
+  })
 });
 var _default = exports.default = ListContext;

package/cjs/List/ListItem.js

@@ -5,59 +5,58 @@ 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
-var _excluded = ["as", "children", "className", "classPrefix", "collection", "disabled", "index", "size"];
-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; }
 /**
  * The `List.Item` component is used to specify the layout of the list item.
  * @see https://rsuitejs.com/components/list
  */
-var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    children = props.children,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'list-item' : _props$classPrefix,
-    _props$collection = props.collection,
-    collection = _props$collection === void 0 ? 0 : _props$collection,
-    disabled = props.disabled,
-    index = props.index,
-    sizeProp = props.size,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useContext = (0, _react.useContext)(_ListContext.default),
-    bordered = _useContext.bordered,
-    register = _useContext.register,
-    parentSize = _useContext.size;
-  var size = sizeProp || parentSize;
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var listItemRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+const ListItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    children,
+    className,
+    classPrefix = 'list-item',
+    collection = 0,
+    disabled,
+    index,
+    size: sizeProp,
+    ...rest
+  } = props;
+  const {
+    bordered,
+    register,
+    size: parentSize
+  } = (0, _react.useContext)(_ListContext.default);
+  const size = sizeProp || parentSize;
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const listItemRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     if (listItemRef.current) {
-      var _register = register({
-          node: listItemRef.current,
-          edgeOffset: null,
-          info: {
-            collection: collection,
-            disabled: disabled,
-            index: index
-          }
-        }),
-        unregister = _register.unregister;
+      const {
+        unregister
+      } = register({
+        node: listItemRef.current,
+        edgeOffset: null,
+        info: {
+          collection,
+          disabled,
+          index
+        }
+      });
       return unregister;
     }
   }, [collection, disabled, index, register]);
-  var classes = merge(className, withClassPrefix(size, {
-    disabled: disabled,
-    bordered: bordered
+  const classes = merge(className, withClassPrefix(size, {
+    disabled,
+    bordered
   }));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "listitem",
@@ -68,10 +67,4 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), children);
 });
 ListItem.displayName = 'ListItem';
-ListItem.propTypes = {
-  index: _propTypes.default.number,
-  collection: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  disabled: _propTypes.default.bool,
-  children: _propTypes.default.node
-};
 var _default = exports.default = ListItem;