rsuite 5.73.1 → 5.74.0

package/esm/Highlight/Highlight.js

@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
 import { highlightText } from "./utils/highlightText.js";
 import { stringifyReactNode } from "../internals/utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 function defaultRenderMark(match, index) {
   return /*#__PURE__*/React.createElement("mark", {
     key: index,
@@ -21,16 +22,18 @@ function defaultRenderMark(match, index) {
  * @see https://rsuitejs.com/components/highlight
  */
 var Highlight = /*#__PURE__*/React.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 ? 'highlight' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    query = props.query,
-    _props$renderMark = props.renderMark,
-    renderMark = _props$renderMark === void 0 ? defaultRenderMark : _props$renderMark,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Highlight', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'highlight' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    query = propsWithDefaults.query,
+    _propsWithDefaults$re = propsWithDefaults.renderMark,
+    renderMark = _propsWithDefaults$re === void 0 ? defaultRenderMark : _propsWithDefaults$re,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/IconButton/IconButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
+import Button, { ButtonProps } from '../Button';
 import { IconProps } from '@rsuite/icons/Icon';
 import { RsRefForwardingComponent } from '../internals/types';
-import Button, { ButtonProps } from '../Button';
 export interface IconButtonProps extends ButtonProps {
     /** Set the icon */
     icon?: React.ReactElement<IconProps>;

package/esm/IconButton/IconButton.js

@@ -4,23 +4,26 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["icon", "placement", "children", "circle", "classPrefix", "className"];
 import React from 'react';
 import PropTypes from 'prop-types';
+import Button from "../Button/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import Button from "../Button/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `IconButton` component is used to specify a button with icon.
  * @see https://rsuitejs.com/components/button
  */
 var IconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var icon = props.icon,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'left' : _props$placement,
-    children = props.children,
-    circle = props.circle,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn-icon' : _props$classPrefix,
-    className = props.className,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('IconButton', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var icon = propsWithDefaults.icon,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'left' : _propsWithDefaults$pl,
+    children = propsWithDefaults.children,
+    circle = propsWithDefaults.circle,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn-icon' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;

package/esm/InlineEdit/InlineEdit.js

@@ -11,22 +11,25 @@ import EditableControls from "./EditableControls.js";
 import useFocusEvent from "./useFocusEvent.js";
 import useEditState from "./useEditState.js";
 import { renderChildren, defaultRenderInput } from "./renderChildren.js";
+import { useCustom } from "../CustomProvider/index.js";
 var InlineEdit = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$children = props.children,
-    children = _props$children === void 0 ? defaultRenderInput : _props$children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'inline-edit' : _props$classPrefix,
-    className = props.className,
-    disabled = props.disabled,
-    size = props.size,
-    _props$showControls = props.showControls,
-    showControls = _props$showControls === void 0 ? true : _props$showControls,
-    _props$stateOnBlur = props.stateOnBlur,
-    stateOnBlur = _props$stateOnBlur === void 0 ? 'save' : _props$stateOnBlur,
-    placeholder = props.placeholder,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('InlineEdit', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$ch = propsWithDefaults.children,
+    children = _propsWithDefaults$ch === void 0 ? defaultRenderInput : _propsWithDefaults$ch,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'inline-edit' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    disabled = propsWithDefaults.disabled,
+    size = propsWithDefaults.size,
+    _propsWithDefaults$sh = propsWithDefaults.showControls,
+    showControls = _propsWithDefaults$sh === void 0 ? true : _propsWithDefaults$sh,
+    _propsWithDefaults$st = propsWithDefaults.stateOnBlur,
+    stateOnBlur = _propsWithDefaults$st === void 0 ? 'save' : _propsWithDefaults$st,
+    placeholder = propsWithDefaults.placeholder,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,

package/esm/Input/Input.js

@@ -11,35 +11,38 @@ import { KEY_VALUES } from "../internals/constants/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { refType, oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `<Input>` component is used to get user input in a text field.
  *
  * @see https://rsuitejs.com/components/input
  */
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'input' : _props$classPrefix,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'input' : _props$as,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'text' : _props$type,
-    disabled = props.disabled,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    inputRef = props.inputRef,
-    id = props.id,
-    size = props.size,
-    htmlSize = props.htmlSize,
-    plaintext = props.plaintext,
-    placeholder = props.placeholder,
-    readOnly = props.readOnly,
-    onPressEnter = props.onPressEnter,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onKeyDown = props.onKeyDown,
-    onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Input', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'input' : _propsWithDefaults$cl,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'input' : _propsWithDefaults$as,
+    _propsWithDefaults$ty = propsWithDefaults.type,
+    type = _propsWithDefaults$ty === void 0 ? 'text' : _propsWithDefaults$ty,
+    disabled = propsWithDefaults.disabled,
+    value = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    inputRef = propsWithDefaults.inputRef,
+    id = propsWithDefaults.id,
+    size = propsWithDefaults.size,
+    htmlSize = propsWithDefaults.htmlSize,
+    plaintext = propsWithDefaults.plaintext,
+    placeholder = propsWithDefaults.placeholder,
+    readOnly = propsWithDefaults.readOnly,
+    onPressEnter = propsWithDefaults.onPressEnter,
+    onFocus = propsWithDefaults.onFocus,
+    onBlur = propsWithDefaults.onBlur,
+    onKeyDown = propsWithDefaults.onKeyDown,
+    onChange = propsWithDefaults.onChange,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key === KEY_VALUES.ENTER) {
       onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);

package/esm/InputGroup/InputGroup.js

@@ -8,22 +8,25 @@ import InputGroupAddon from "./InputGroupAddon.js";
 import InputGroupButton from "./InputGroupButton.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 export var InputGroupContext = /*#__PURE__*/React.createContext(null);
 /**
  * The `InputGroup` component is used to specify an input field with an add-on.
  * @see https://rsuitejs.com/components/input/#input-group
  */
 var InputGroup = /*#__PURE__*/React.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 ? 'input-group' : _props$classPrefix,
-    className = props.className,
-    disabled = props.disabled,
-    inside = props.inside,
-    size = props.size,
-    children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('InputGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'input-group' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    disabled = propsWithDefaults.disabled,
+    inside = propsWithDefaults.inside,
+    size = propsWithDefaults.size,
+    children = propsWithDefaults.children,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useState = useState(false),
     focus = _useState[0],
     setFocus = _useState[1];

package/esm/InputNumber/InputNumber.js

@@ -5,9 +5,9 @@ var _excluded = ["as", "className", "classPrefix", "disabled", "decimalSeparator
 import React, { useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
-import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
 import on from 'dom-lib/on';
+import ArrowUpLineIcon from '@rsuite/icons/ArrowUpLine';
+import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import InputGroup from "../InputGroup/InputGroup.js";
 import InputGroupAddon from "../InputGroup/InputGroupAddon.js";
 import Input from "../Input/index.js";
@@ -16,6 +16,7 @@ import { useClassNames, useControlled, useEventCallback } from "../internals/hoo
 import { KEY_VALUES } from "../internals/constants/index.js";
 import { partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * Check if the value is a number.
  * @param value
@@ -76,34 +77,36 @@ function valueReachesMin(value, min) {
  * @see https://rsuitejs.com/components/input-number
  */
 var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? InputGroup : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
-    disabled = props.disabled,
-    decimalSeparator = props.decimalSeparator,
-    formatter = props.formatter,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    valueProp = props.value,
-    defaultValue = props.defaultValue,
-    size = props.size,
-    prefixElement = props.prefix,
-    postfix = props.postfix,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    _props$buttonAppearan = props.buttonAppearance,
-    buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,
-    minProp = props.min,
-    maxProp = props.max,
-    _props$scrollable = props.scrollable,
-    scrollable = _props$scrollable === void 0 ? true : _props$scrollable,
-    onChange = props.onChange,
-    onWheel = props.onWheel,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('InputNumber', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? InputGroup : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'input-number' : _propsWithDefaults$cl,
+    disabled = propsWithDefaults.disabled,
+    decimalSeparator = propsWithDefaults.decimalSeparator,
+    formatter = propsWithDefaults.formatter,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    valueProp = propsWithDefaults.value,
+    defaultValue = propsWithDefaults.defaultValue,
+    size = propsWithDefaults.size,
+    prefixElement = propsWithDefaults.prefix,
+    postfix = propsWithDefaults.postfix,
+    _propsWithDefaults$st = propsWithDefaults.step,
+    step = _propsWithDefaults$st === void 0 ? 1 : _propsWithDefaults$st,
+    _propsWithDefaults$bu = propsWithDefaults.buttonAppearance,
+    buttonAppearance = _propsWithDefaults$bu === void 0 ? 'subtle' : _propsWithDefaults$bu,
+    minProp = propsWithDefaults.min,
+    maxProp = propsWithDefaults.max,
+    _propsWithDefaults$sc = propsWithDefaults.scrollable,
+    scrollable = _propsWithDefaults$sc === void 0 ? true : _propsWithDefaults$sc,
+    onChange = propsWithDefaults.onChange,
+    onWheel = propsWithDefaults.onWheel,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    restProps = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;
   var max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;
   var _useControlled = useControlled(valueProp, defaultValue),
@@ -287,14 +290,14 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: handleStepUp,
     disabled: stepUpDisabled,
     "aria-label": "Increment"
-  }, /*#__PURE__*/React.createElement(AngleUpIcon, null)), /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ArrowUpLineIcon, null)), /*#__PURE__*/React.createElement(Button, {
     tabIndex: -1,
     appearance: buttonAppearance,
     className: prefix('touchspin-down'),
     onClick: handleStepDown,
     disabled: stepDownDisabled,
     "aria-label": "Decrement"
-  }, /*#__PURE__*/React.createElement(AngleDownIcon, null))), postfix && /*#__PURE__*/React.createElement(InputGroupAddon, null, postfix));
+  }, /*#__PURE__*/React.createElement(ArrowDownLineIcon, null))), postfix && /*#__PURE__*/React.createElement(InputGroupAddon, null, postfix));
 });
 InputNumber.displayName = 'InputNumber';
 InputNumber.propTypes = {

package/esm/InputPicker/InputPicker.js

@@ -17,18 +17,19 @@ import pick from 'lodash/pick';
 import { shallowEqual, getDataGroupBy } from "../internals/utils/index.js";
 import { filterNodesOfTree } from "../internals/Tree/utils/index.js";
 import Plaintext from "../internals/Plaintext/index.js";
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { KEY_VALUES } from "../internals/constants/index.js";
 import { createChainedFunction, tplTransform, mergeRefs, isOneOf } from "../internals/utils/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 import { Listbox, ListItem, ListCheckItem, PickerToggle, PickerPopup, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, usePickerRef, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from "../internals/Picker/index.js";
 import Tag from "../Tag/index.js";
 import TextBox from "./TextBox.js";
-import { useTagContext } from "./InputPickerContext.js";
 import Stack from "../Stack/index.js";
 import useInput from "./hooks/useInput.js";
 import useData from "./hooks/useData.js";
+import { useTagContext } from "./InputPickerContext.js";
 import { convertSize } from "./utils.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * Single item selector with text box input.
  *
@@ -36,73 +37,75 @@ import { convertSize } from "./utils.js";
  */
 var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$cacheData = props.cacheData,
-    cacheData = _props$cacheData === void 0 ? [] : _props$cacheData,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    _props$data = props.data,
-    controlledData = _props$data === void 0 ? [] : _props$data,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    defaultValue = props.defaultValue,
-    _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    overrideLocale = props.locale,
-    toggleAs = props.toggleAs,
-    style = props.style,
-    size = props.size,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    controlledOpen = props.open,
-    placeholder = props.placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    groupBy = props.groupBy,
-    menuClassName = props.menuClassName,
-    menuStyle = props.menuStyle,
-    _props$menuAutoWidth = props.menuAutoWidth,
-    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
-    _props$menuMaxHeight = props.menuMaxHeight,
-    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
-    creatable = props.creatable,
-    shouldDisplayCreateOption = props.shouldDisplayCreateOption,
-    valueProp = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    virtualized = props.virtualized,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    listProps = props.listProps,
-    id = props.id,
-    tabIndex = props.tabIndex,
-    sort = props.sort,
-    renderMenu = props.renderMenu,
-    renderExtraFooter = props.renderExtraFooter,
-    renderValue = props.renderValue,
-    renderMenuItem = props.renderMenuItem,
-    renderMenuGroup = props.renderMenuGroup,
-    onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onExit = props.onExit,
-    onExited = props.onExited,
-    onChange = props.onChange,
-    onClean = props.onClean,
-    onCreate = props.onCreate,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    searchBy = props.searchBy,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('InputPicker', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$cl = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl === void 0 ? true : _propsWithDefaults$cl,
+    _propsWithDefaults$ca = propsWithDefaults.cacheData,
+    cacheData = _propsWithDefaults$ca === void 0 ? [] : _propsWithDefaults$ca,
+    _propsWithDefaults$cl2 = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl2 === void 0 ? 'picker' : _propsWithDefaults$cl2,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    controlledData = _propsWithDefaults$da === void 0 ? [] : _propsWithDefaults$da,
+    disabled = propsWithDefaults.disabled,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$de = propsWithDefaults.defaultOpen,
+    defaultOpen = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? [] : _propsWithDefaults$di,
+    locale = propsWithDefaults.locale,
+    toggleAs = propsWithDefaults.toggleAs,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    controlledOpen = propsWithDefaults.open,
+    placeholder = propsWithDefaults.placeholder,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    groupBy = propsWithDefaults.groupBy,
+    menuClassName = propsWithDefaults.menuClassName,
+    menuStyle = propsWithDefaults.menuStyle,
+    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
+    menuAutoWidth = _propsWithDefaults$me === void 0 ? true : _propsWithDefaults$me,
+    _propsWithDefaults$me2 = propsWithDefaults.menuMaxHeight,
+    menuMaxHeight = _propsWithDefaults$me2 === void 0 ? 320 : _propsWithDefaults$me2,
+    creatable = propsWithDefaults.creatable,
+    shouldDisplayCreateOption = propsWithDefaults.shouldDisplayCreateOption,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    virtualized = propsWithDefaults.virtualized,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    listProps = propsWithDefaults.listProps,
+    id = propsWithDefaults.id,
+    tabIndex = propsWithDefaults.tabIndex,
+    sort = propsWithDefaults.sort,
+    renderMenu = propsWithDefaults.renderMenu,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    renderValue = propsWithDefaults.renderValue,
+    renderMenuItem = propsWithDefaults.renderMenuItem,
+    renderMenuGroup = propsWithDefaults.renderMenuGroup,
+    onEnter = propsWithDefaults.onEnter,
+    onEntered = propsWithDefaults.onEntered,
+    onExit = propsWithDefaults.onExit,
+    onExited = propsWithDefaults.onExited,
+    onChange = propsWithDefaults.onChange,
+    onClean = propsWithDefaults.onClean,
+    onCreate = propsWithDefaults.onCreate,
+    onSearch = propsWithDefaults.onSearch,
+    onSelect = propsWithDefaults.onSelect,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    searchBy = propsWithDefaults.searchBy,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useTagContext = useTagContext(),
     multi = _useTagContext.multi,
     tagProps = _useTagContext.tagProps,
@@ -119,8 +122,6 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list;
-  var _useCustom = useCustom(['Picker', 'InputPicker'], overrideLocale),
-    locale = _useCustom.locale;
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -458,7 +459,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var renderListItem = function renderListItem(label, item) {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    var newLabel = item.create ? /*#__PURE__*/React.createElement("span", null, tplTransform(locale.createOption, label)) : label;
+    var newLabel = item.create ? /*#__PURE__*/React.createElement("span", null, tplTransform((locale === null || locale === void 0 ? void 0 : locale.createOption) || '', label)) : label;
     return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;
   };
   var checkValue = function checkValue() {

package/esm/List/List.d.ts

@@ -1,6 +1,6 @@
 import { SortConfig } from './helper/useSortHelper';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import ListItem from './ListItem';
+import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface ListProps extends WithAsProps, SortConfig {
     size?: 'lg' | 'md' | 'sm';
     bordered?: boolean;

package/esm/List/List.js

@@ -5,38 +5,41 @@ var _excluded = ["as", "classPrefix", "className", "bordered", "hover", "size",
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import useSortHelper from "./helper/useSortHelper.js";
-import { useClassNames } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.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 _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'list' : _props$classPrefix,
-    className = props.className,
-    bordered = props.bordered,
-    hover = props.hover,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    sortable = props.sortable,
-    _props$autoScroll = props.autoScroll,
-    autoScroll = _props$autoScroll === void 0 ? true : _props$autoScroll,
-    _props$pressDelay = props.pressDelay,
-    pressDelay = _props$pressDelay === void 0 ? 0 : _props$pressDelay,
-    _props$transitionDura = props.transitionDuration,
-    transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-    children = props.children,
-    onSort = props.onSort,
-    onSortEnd = props.onSortEnd,
-    onSortMove = props.onSortMove,
-    onSortStart = props.onSortStart,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('List', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'list' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    bordered = propsWithDefaults.bordered,
+    hover = propsWithDefaults.hover,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    sortable = propsWithDefaults.sortable,
+    _propsWithDefaults$au = propsWithDefaults.autoScroll,
+    autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
+    _propsWithDefaults$pr = propsWithDefaults.pressDelay,
+    pressDelay = _propsWithDefaults$pr === void 0 ? 0 : _propsWithDefaults$pr,
+    _propsWithDefaults$tr = propsWithDefaults.transitionDuration,
+    transitionDuration = _propsWithDefaults$tr === void 0 ? 300 : _propsWithDefaults$tr,
+    children = propsWithDefaults.children,
+    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;