rsuite 5.75.0 → 6.0.0-canary-20241227

package/esm/InputPicker/InputPickerContext.js

@@ -1,11 +1,11 @@
 'use client';
 import React from 'react';
-var InputPickerContext = /*#__PURE__*/React.createContext({
+const InputPickerContext = /*#__PURE__*/React.createContext({
   tagProps: {},
   trigger: 'Enter'
 });
 export function useTagContext() {
   return React.useContext(InputPickerContext);
 }
-export var TagProvider = InputPickerContext.Provider;
+export const TagProvider = InputPickerContext.Provider;
 export default InputPickerContext;

package/esm/InputPicker/InputSearch.js

@@ -1,33 +1,30 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"];
 import React from 'react';
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
-var InputSearch = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
-  var handleChange = useEventCallback(function (event) {
+const InputSearch = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'input',
+    classPrefix = 'picker-search',
+    children,
+    className,
+    value,
+    inputRef,
+    style,
+    readOnly,
+    onChange,
+    ...rest
+  } = props;
+  const handleChange = 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 = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: classes,
@@ -35,7 +32,7 @@ var InputSearch = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: inputRef,
     readOnly: readOnly,
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["input"]))),
+    className: prefix`input`,
     value: value,
     onChange: handleChange
   })), children);

package/esm/InputPicker/TagList.js

@@ -1,24 +1,24 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["children"];
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
 import useCombobox from "../internals/Picker/hooks/useCombobox.js";
-var TagList = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames('picker'),
-    prefix = _useClassNames.prefix;
-  var _useCombobox = useCombobox(),
-    id = _useCombobox.id;
+const TagList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  const {
+    prefix
+  } = useClassNames('picker');
+  const {
+    id
+  } = useCombobox();
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     role: "listbox",
-    id: id + "-describe",
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["tag-list"])))
+    id: `${id}-describe`,
+    className: prefix`tag-list`
   }, rest), children);
 });
 export default TagList;

package/esm/InputPicker/TextBox.js

@@ -1,34 +1,33 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["tags", "inputProps", "readOnly", "disabled", "multiple", "onBlur", "onFocus", "onChange", "inputValue", "inputRef", "editable", "showTagList"];
 import React from 'react';
 import TagList from "./TagList.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import InputSearch from "./InputSearch.js";
-var TextBox = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames('picker'),
-    prefix = _useClassNames.prefix;
+const TextBox = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    tags,
+    inputProps,
+    readOnly,
+    disabled,
+    multiple,
+    onBlur,
+    onFocus,
+    onChange,
+    inputValue,
+    inputRef,
+    editable,
+    showTagList,
+    ...rest
+  } = props;
+  const {
+    prefix
+  } = useClassNames('picker');
   if (!multiple && disabled) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["textbox"]))),
+    className: prefix`textbox`,
     ref: ref
   }, rest), showTagList ? /*#__PURE__*/React.createElement(TagList, null, tags) : null, editable && /*#__PURE__*/React.createElement(InputSearch, _extends({}, inputProps, {
     tabIndex: -1,

package/esm/InputPicker/hooks/useData.js

@@ -2,26 +2,22 @@
 import { useState, useEffect, useMemo } from 'react';
 import { shallowEqual } from "../../internals/utils/index.js";
 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 = useState(controlledData),
-    uncontrolledData = _useState[0],
-    setData = _useState[1];
-  var _useState2 = useState([]),
-    newData = _useState2[0],
-    setNewData = _useState2[1];
-  var data = useMemo(function () {
+  const {
+    controlledData = [],
+    cacheData = [],
+    onChange
+  } = props;
+  const [uncontrolledData, setData] = useState(controlledData);
+  const [newData, setNewData] = useState([]);
+  const data = useMemo(() => {
     return [].concat(uncontrolledData, newData);
   }, [newData, uncontrolledData]);
-  var dataWithCache = useMemo(function () {
+  const dataWithCache = useMemo(() => {
     return [].concat(data, cacheData);
   }, [data, cacheData]);
 
   // Update the state when the data in props changes
-  useEffect(function () {
+  useEffect(() => {
     if (controlledData && !shallowEqual(controlledData, uncontrolledData)) {
       setData(controlledData);
       setNewData([]);
@@ -29,10 +25,10 @@ function useData(props) {
     }
   }, [controlledData, uncontrolledData, onChange]);
   return {
-    data: data,
-    dataWithCache: dataWithCache,
-    newData: newData,
-    setNewData: setNewData
+    data,
+    dataWithCache,
+    newData,
+    setNewData
   };
 }
 export default useData;

package/esm/InputPicker/hooks/useInput.js

@@ -2,25 +2,27 @@
 import { useRef, useCallback, useMemo } from 'react';
 import useMaxWidth from "./useMaxWidth.js";
 import InputAutosize from "../InputAutosize.js";
-var INPUT_MARGIN_RIGHT = 60;
+const INPUT_MARGIN_RIGHT = 60;
 function useInput(props) {
-  var multi = props.multi,
-    triggerRef = props.triggerRef;
-  var inputRef = useRef();
-  var maxWidth = useMaxWidth(triggerRef);
-  var getInput = useCallback(function () {
+  const {
+    multi,
+    triggerRef
+  } = props;
+  const inputRef = useRef();
+  const maxWidth = useMaxWidth(triggerRef);
+  const getInput = 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 = useCallback(function () {
+  const focus = useCallback(() => {
     var _getInput;
     (_getInput = getInput()) === null || _getInput === void 0 || _getInput.focus();
   }, [getInput]);
-  var blur = useCallback(function () {
+  const blur = useCallback(() => {
     var _getInput2;
     (_getInput2 = getInput()) === null || _getInput2 === void 0 || _getInput2.blur();
   }, [getInput]);
-  var inputProps = useMemo(function () {
+  const inputProps = useMemo(() => {
     return multi ? {
       inputStyle: {
         maxWidth: maxWidth - INPUT_MARGIN_RIGHT
@@ -31,10 +33,10 @@ function useInput(props) {
     };
   }, [maxWidth, multi]);
   return {
-    inputProps: inputProps,
-    inputRef: inputRef,
-    focus: focus,
-    blur: blur
+    inputProps,
+    inputRef,
+    focus,
+    blur
   };
 }
 export default useInput;

package/esm/InputPicker/hooks/useMaxWidth.js

@@ -2,10 +2,8 @@
 import { useState, useEffect } from 'react';
 import getWidth from 'dom-lib/getWidth';
 function useMaxWidth(triggerRef) {
-  var _useState = useState(100),
-    maxWidth = _useState[0],
-    setMaxWidth = _useState[1];
-  useEffect(function () {
+  const [maxWidth, setMaxWidth] = useState(100);
+  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) {

package/esm/InputPicker/utils.js

@@ -1,5 +1,5 @@
 'use client';
-export var convertSize = function convertSize(size) {
+export const convertSize = size => {
   switch (size) {
     case 'lg':
       return 'lg';

package/esm/List/List.js

@@ -1,78 +1,70 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "autoScroll", "bordered", "classPrefix", "className", "children", "divider", "hover", "size", "sortable", "pressDelay", "transitionDuration", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
-import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import useSortHelper from "./helper/useSortHelper.js";
 import ListContext from "./ListContext.js";
 import ListItem from "./ListItem.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
  */
-var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var _useSortHelper = useSortHelper({
-      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.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = 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
+  } = useClassNames(classPrefix);
+  const {
+    containerRef,
+    register,
+    sorting,
+    handleEnd,
+    handleStart
+  } = useSortHelper({
+    autoScroll,
+    onSort,
+    onSortEnd,
+    onSortMove,
+    onSortStart,
+    pressDelay,
+    transitionDuration
+  });
+  const classes = merge(className, withClassPrefix({
+    bordered,
+    sortable,
+    sorting,
+    hover,
+    divider
   }));
-  var contextValue = useMemo(function () {
-    return {
-      bordered: bordered,
-      size: size,
-      register: register
-    };
-  }, [bordered, register, size]);
+  const contextValue = useMemo(() => ({
+    bordered,
+    size,
+    register
+  }), [bordered, register, size]);
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "list"
   }, rest, {
@@ -86,20 +78,4 @@ var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 List.Item = ListItem;
 List.displayName = 'List';
-List.propTypes = {
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  bordered: PropTypes.bool,
-  divider: PropTypes.bool,
-  hover: PropTypes.bool,
-  sortable: PropTypes.bool,
-  size: oneOf(['lg', 'md', 'sm', 'xs']),
-  autoScroll: PropTypes.bool,
-  pressDelay: PropTypes.number,
-  transitionDuration: PropTypes.number,
-  onSortStart: PropTypes.func,
-  onSortMove: PropTypes.func,
-  onSortEnd: PropTypes.func,
-  onSort: PropTypes.func
-};
 export default List;

package/esm/List/ListContext.js

@@ -1,13 +1,11 @@
 'use client';
 import React from 'react';
 import noop from 'lodash/noop';
-var ListContext = /*#__PURE__*/React.createContext({
+const ListContext = /*#__PURE__*/React.createContext({
   bordered: false,
   size: 'md',
-  register: function register() {
-    return {
-      unregister: noop
-    };
-  }
+  register: () => ({
+    unregister: noop
+  })
 });
 export default ListContext;

package/esm/List/ListItem.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "children", "className", "classPrefix", "collection", "disabled", "index", "size"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useContext, useEffect, useRef } from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
@@ -12,46 +9,48 @@ import ListContext from "./ListContext.js";
  * The `List.Item` component is used to specify the layout of the list item.
  * @see https://rsuitejs.com/components/list
  */
-var ListItem = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useContext = useContext(ListContext),
-    bordered = _useContext.bordered,
-    register = _useContext.register,
-    parentSize = _useContext.size;
-  var size = sizeProp || parentSize;
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var listItemRef = useRef(null);
-  useEffect(function () {
+const ListItem = /*#__PURE__*/React.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
+  } = useContext(ListContext);
+  const size = sizeProp || parentSize;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const listItemRef = useRef(null);
+  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.createElement(Component, _extends({
     role: "listitem",
@@ -62,10 +61,4 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children);
 });
 ListItem.displayName = 'ListItem';
-ListItem.propTypes = {
-  index: PropTypes.number,
-  collection: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  disabled: PropTypes.bool,
-  children: PropTypes.node
-};
 export default ListItem;