rsuite 5.73.1 → 5.74.0-beta.0

package/esm/TreePicker/TreePicker.js

@@ -1,99 +1,100 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _isFunction from "lodash/isFunction";
-import _isNil from "lodash/isNil";
-import _omit from "lodash/omit";
-import _pick from "lodash/pick";
 var _excluded = ["as", "appearance", "classPrefix", "cleanable", "childrenKey", "data", "disabled", "defaultValue", "defaultExpandAll", "disabledItemValues", "defaultExpandItemValues", "expandItemValues", "id", "locale", "labelKey", "placeholder", "placement", "style", "searchKeyword", "searchable", "showIndentLine", "menuClassName", "menuStyle", "popupClassName", "popupStyle", "popupAutoWidth", "treeHeight", "menuAutoWidth", "valueKey", "virtualized", "value", "listProps", "toggleAs", "searchBy", "getChildren", "onClean", "onSearch", "onSelect", "onSelectItem", "onChange", "onExpand", "onEnter", "onExit", "onEntered", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode", "renderExtraFooter"];
 import React, { useMemo } from 'react';
-import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
-import { getActiveItem, getTreeActiveNode } from "../Tree/utils/index.js";
-import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, onMenuKeyDown, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from "../internals/Picker/index.js";
-import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
+import pick from 'lodash/pick';
+import omit from 'lodash/omit';
+import isNil from 'lodash/isNil';
+import isFunction from 'lodash/isFunction';
 import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren.js";
 import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
 import useFocusState from "./hooks/useFocusState.js";
 import useExpandTree from "../Tree/hooks/useExpandTree.js";
 import TreeView from "../Tree/TreeView.js";
+import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
+import { getActiveItem, getTreeActiveNode } from "../Tree/utils/index.js";
+import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, onMenuKeyDown, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from "../internals/Picker/index.js";
+import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `TreePicker` component is used for selecting single options which are organized in a tree structure.
  *
  * @see https://rsuitejs.com/components/tree-picker/
  */
 var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  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$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    disabled = props.disabled,
-    defaultValue = props.defaultValue,
-    _props$defaultExpandA = props.defaultExpandAll,
-    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    _props$defaultExpandI = props.defaultExpandItemValues,
-    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
-    controlledExpandItemValues = props.expandItemValues,
-    id = props.id,
-    overrideLocale = props.locale,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    placeholder = props.placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    style = props.style,
-    searchKeyword = props.searchKeyword,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    showIndentLine = props.showIndentLine,
-    DEPRECATED_menuClassName = props.menuClassName,
-    DEPRECATED_menuStyle = props.menuStyle,
-    popupClassName = props.popupClassName,
-    popupStyle = props.popupStyle,
-    _props$popupAutoWidth = props.popupAutoWidth,
-    popupAutoWidth = _props$popupAutoWidth === void 0 ? true : _props$popupAutoWidth,
-    _props$treeHeight = props.treeHeight,
-    treeHeight = _props$treeHeight === void 0 ? 320 : _props$treeHeight,
-    _props$menuAutoWidth = props.menuAutoWidth,
-    menuAutoWidth = _props$menuAutoWidth === void 0 ? popupAutoWidth : _props$menuAutoWidth,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$virtualized = props.virtualized,
-    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
-    controlledValue = props.value,
-    listProps = props.listProps,
-    toggleAs = props.toggleAs,
-    searchBy = props.searchBy,
-    getChildren = props.getChildren,
-    onClean = props.onClean,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onSelectItem = props.onSelectItem,
-    onChange = props.onChange,
-    onExpand = props.onExpand,
-    onEnter = props.onEnter,
-    onExit = props.onExit,
-    onEntered = props.onEntered,
-    renderValue = props.renderValue,
-    DEPRECATED_renderMenu = props.renderMenu,
-    _props$renderTree = props.renderTree,
-    renderTree = _props$renderTree === void 0 ? DEPRECATED_renderMenu : _props$renderTree,
-    renderTreeIcon = props.renderTreeIcon,
-    renderTreeNode = props.renderTreeNode,
-    renderExtraFooter = props.renderExtraFooter,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('Picker', overrideLocale),
-    locale = _useCustom.locale;
+  var _useCustom = useCustom('TreePicker', 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.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? [] : _propsWithDefaults$da,
+    disabled = propsWithDefaults.disabled,
+    defaultValue = propsWithDefaults.defaultValue,
+    _propsWithDefaults$de = propsWithDefaults.defaultExpandAll,
+    defaultExpandAll = _propsWithDefaults$de === void 0 ? false : _propsWithDefaults$de,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? [] : _propsWithDefaults$di,
+    _propsWithDefaults$de2 = propsWithDefaults.defaultExpandItemValues,
+    defaultExpandItemValues = _propsWithDefaults$de2 === void 0 ? [] : _propsWithDefaults$de2,
+    controlledExpandItemValues = propsWithDefaults.expandItemValues,
+    id = propsWithDefaults.id,
+    locale = propsWithDefaults.locale,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    placeholder = propsWithDefaults.placeholder,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    style = propsWithDefaults.style,
+    searchKeyword = propsWithDefaults.searchKeyword,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    showIndentLine = propsWithDefaults.showIndentLine,
+    DEPRECATED_menuClassName = propsWithDefaults.menuClassName,
+    DEPRECATED_menuStyle = propsWithDefaults.menuStyle,
+    popupClassName = propsWithDefaults.popupClassName,
+    popupStyle = propsWithDefaults.popupStyle,
+    _propsWithDefaults$po = propsWithDefaults.popupAutoWidth,
+    popupAutoWidth = _propsWithDefaults$po === void 0 ? true : _propsWithDefaults$po,
+    _propsWithDefaults$tr = propsWithDefaults.treeHeight,
+    treeHeight = _propsWithDefaults$tr === void 0 ? 320 : _propsWithDefaults$tr,
+    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
+    menuAutoWidth = _propsWithDefaults$me === void 0 ? popupAutoWidth : _propsWithDefaults$me,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$vi = propsWithDefaults.virtualized,
+    virtualized = _propsWithDefaults$vi === void 0 ? false : _propsWithDefaults$vi,
+    controlledValue = propsWithDefaults.value,
+    listProps = propsWithDefaults.listProps,
+    toggleAs = propsWithDefaults.toggleAs,
+    searchBy = propsWithDefaults.searchBy,
+    getChildren = propsWithDefaults.getChildren,
+    onClean = propsWithDefaults.onClean,
+    onSearch = propsWithDefaults.onSearch,
+    onSelect = propsWithDefaults.onSelect,
+    onSelectItem = propsWithDefaults.onSelectItem,
+    onChange = propsWithDefaults.onChange,
+    onExpand = propsWithDefaults.onExpand,
+    onEnter = propsWithDefaults.onEnter,
+    onExit = propsWithDefaults.onExit,
+    onEntered = propsWithDefaults.onEntered,
+    renderValue = propsWithDefaults.renderValue,
+    DEPRECATED_renderMenu = propsWithDefaults.renderMenu,
+    _propsWithDefaults$re = propsWithDefaults.renderTree,
+    renderTree = _propsWithDefaults$re === void 0 ? DEPRECATED_renderMenu : _propsWithDefaults$re,
+    renderTreeIcon = propsWithDefaults.renderTreeIcon,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -162,7 +163,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
   });
   var handleTreePressEnter = useEventCallback(function (event) {
-    if (_isNil(focusItemValue)) {
+    if (isNil(focusItemValue)) {
       return;
     }
     var activeItem = getActiveItem(focusItemValue, flattenedNodes, valueKey);
@@ -221,7 +222,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     flattenedNodes: flattenedNodes,
     listProps: listProps,
     listRef: list,
-    locale: overrideLocale,
+    locale: locale,
     height: treeHeight,
     onExpand: handleExpandTreeNode,
     onSearch: onSearch,
@@ -253,14 +254,14 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * 1.Have a value and the value is valid.
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
-  var hasValidValue = !_isNil(activeNode) || !_isNil(value) && _isFunction(renderValue);
+  var hasValidValue = !isNil(activeNode) || !isNil(value) && isFunction(renderValue);
   var selectedElement = placeholder;
   if (hasValidValue) {
     var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};
     selectedElement = node[labelKey];
-    if (_isFunction(renderValue) && value) {
+    if (isFunction(renderValue) && value) {
       selectedElement = renderValue(value, node, selectedElement);
-      if (_isNil(selectedElement)) {
+      if (isNil(selectedElement)) {
         hasValidValue = false;
       }
     }
@@ -277,7 +278,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, _extends({
     id: id,
     popupType: "tree",
-    pickerProps: _pick(props, pickTriggerPropKeys),
+    pickerProps: pick(props, pickTriggerPropKeys),
     ref: trigger,
     placement: placement,
     speaker: renderTreeView
@@ -285,7 +286,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classes,
     style: style,
     ref: root
-  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, _omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {
+  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {
     ref: target,
     appearance: appearance,
     onKeyDown: onPickerKeydown,
@@ -298,7 +299,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     inputValue: value,
     focusItemValue: focusItemValue
-  }), selectedElement || locale.placeholder)));
+  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 TreePicker.displayName = 'TreePicker';
 export default TreePicker;

package/esm/Uploader/UploadFileItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FileType } from './Uploader';
-import { UploaderLocale } from '../locales';
-import { WithAsProps } from '../internals/types';
+import type { FileType } from './Uploader';
+import type { WithAsProps } from '../internals/types';
+import type { UploaderLocale } from '../locales';
 export interface UploadFileItemProps extends WithAsProps {
     file: FileType;
     listType?: 'text' | 'picture-text' | 'picture';

package/esm/Uploader/UploadFileItem.js

@@ -6,10 +6,10 @@ import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import Attachment from '@rsuite/icons/legacy/Attachment';
 import Reload from '@rsuite/icons/Reload';
+import CloseButton from "../internals/CloseButton/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { previewFile } from "./utils/previewFile.js";
-import CloseButton from "../internals/CloseButton/index.js";
 /**
  * Format display file size
  * @param size

package/esm/Uploader/UploadTrigger.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { UploaderLocale } from '../locales';
 import { ButtonProps } from '../Button';
+import type { UploaderLocale } from '../locales';
 export interface UploadTriggerProps extends ButtonProps {
     as?: React.ElementType;
     name?: string;

package/esm/Uploader/UploadTrigger.js

@@ -4,9 +4,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "name", "accept", "multiple", "disabled", "readOnly", "children", "classPrefix", "className", "draggable", "locale", "onChange", "onDragEnter", "onDragLeave", "onDragOver", "onDrop"];
 import React, { useCallback, useRef, useState, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
+import Button from "../Button/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { isIE11 } from "../internals/utils/index.js";
-import Button from "../Button/index.js";
 var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? Button : _props$as,

package/esm/Uploader/Uploader.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { UploadTriggerProps } from './UploadTrigger';
-import { WithAsProps } from '../internals/types';
-import { UploaderLocale } from '../locales';
 import { type ErrorStatus } from './utils/ajaxUpload';
+import { UploadTriggerProps } from './UploadTrigger';
+import type { WithAsProps } from '../internals/types';
+import type { UploaderLocale } from '../locales';
 export interface FileType {
     /** File Name */
     name?: string;

package/esm/Uploader/Uploader.js

@@ -6,12 +6,13 @@ import React, { useCallback, useRef, useImperativeHandle, useReducer, useEffect
 import PropTypes from 'prop-types';
 import find from 'lodash/find';
 import FileItem from "./UploadFileItem.js";
+import Plaintext from "../internals/Plaintext/index.js";
+import ajaxUpload from "./utils/ajaxUpload.js";
 import UploadTrigger from "./UploadTrigger.js";
-import { useClassNames, useCustom, useWillUnmount } from "../internals/hooks/index.js";
+import { useClassNames, useWillUnmount } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { guid } from "../internals/utils/index.js";
-import Plaintext from "../internals/Plaintext/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
-import ajaxUpload from "./utils/ajaxUpload.js";
 
 // Define several states of the file during the upload process.
 
@@ -94,61 +95,63 @@ var useFileList = function useFileList(defaultFileList) {
  * @see https://rsuitejs.com/components/uploader
  */
 var Uploader = /*#__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 ? 'uploader' : _props$classPrefix,
-    className = props.className,
-    _props$listType = props.listType,
-    listType = _props$listType === void 0 ? 'text' : _props$listType,
-    defaultFileList = props.defaultFileList,
-    fileListProp = props.fileList,
-    _props$fileListVisibl = props.fileListVisible,
-    fileListVisible = _props$fileListVisibl === void 0 ? true : _props$fileListVisibl,
-    localeProp = props.locale,
-    style = props.style,
-    draggable = props.draggable,
-    _props$name = props.name,
-    name = _props$name === void 0 ? 'file' : _props$name,
-    _props$multiple = props.multiple,
-    multiple = _props$multiple === void 0 ? false : _props$multiple,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    accept = props.accept,
-    children = props.children,
-    toggleAs = props.toggleAs,
-    _props$removable = props.removable,
-    removable = _props$removable === void 0 ? true : _props$removable,
-    disabledFileItem = props.disabledFileItem,
-    maxPreviewFileSize = props.maxPreviewFileSize,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'POST' : _props$method,
-    _props$autoUpload = props.autoUpload,
-    autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload,
-    action = props.action,
-    headers = props.headers,
-    _props$withCredential = props.withCredentials,
-    withCredentials = _props$withCredential === void 0 ? false : _props$withCredential,
-    disableMultipart = props.disableMultipart,
-    _props$timeout = props.timeout,
-    timeout = _props$timeout === void 0 ? 0 : _props$timeout,
-    _props$data = props.data,
-    data = _props$data === void 0 ? {} : _props$data,
-    onRemove = props.onRemove,
-    onUpload = props.onUpload,
-    shouldUpload = props.shouldUpload,
-    shouldQueueUpdate = props.shouldQueueUpdate,
-    renderFileInfo = props.renderFileInfo,
-    renderThumbnail = props.renderThumbnail,
-    onPreview = props.onPreview,
-    onChange = props.onChange,
-    onSuccess = props.onSuccess,
-    onError = props.onError,
-    onProgress = props.onProgress,
-    onReupload = props.onReupload,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Uploader', 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 ? 'uploader' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$li = propsWithDefaults.listType,
+    listType = _propsWithDefaults$li === void 0 ? 'text' : _propsWithDefaults$li,
+    defaultFileList = propsWithDefaults.defaultFileList,
+    fileListProp = propsWithDefaults.fileList,
+    _propsWithDefaults$fi = propsWithDefaults.fileListVisible,
+    fileListVisible = _propsWithDefaults$fi === void 0 ? true : _propsWithDefaults$fi,
+    locale = propsWithDefaults.locale,
+    style = propsWithDefaults.style,
+    draggable = propsWithDefaults.draggable,
+    _propsWithDefaults$na = propsWithDefaults.name,
+    name = _propsWithDefaults$na === void 0 ? 'file' : _propsWithDefaults$na,
+    _propsWithDefaults$mu = propsWithDefaults.multiple,
+    multiple = _propsWithDefaults$mu === void 0 ? false : _propsWithDefaults$mu,
+    _propsWithDefaults$di = propsWithDefaults.disabled,
+    disabled = _propsWithDefaults$di === void 0 ? false : _propsWithDefaults$di,
+    readOnly = propsWithDefaults.readOnly,
+    plaintext = propsWithDefaults.plaintext,
+    accept = propsWithDefaults.accept,
+    children = propsWithDefaults.children,
+    toggleAs = propsWithDefaults.toggleAs,
+    _propsWithDefaults$re = propsWithDefaults.removable,
+    removable = _propsWithDefaults$re === void 0 ? true : _propsWithDefaults$re,
+    disabledFileItem = propsWithDefaults.disabledFileItem,
+    maxPreviewFileSize = propsWithDefaults.maxPreviewFileSize,
+    _propsWithDefaults$me = propsWithDefaults.method,
+    method = _propsWithDefaults$me === void 0 ? 'POST' : _propsWithDefaults$me,
+    _propsWithDefaults$au = propsWithDefaults.autoUpload,
+    autoUpload = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
+    action = propsWithDefaults.action,
+    headers = propsWithDefaults.headers,
+    _propsWithDefaults$wi = propsWithDefaults.withCredentials,
+    withCredentials = _propsWithDefaults$wi === void 0 ? false : _propsWithDefaults$wi,
+    disableMultipart = propsWithDefaults.disableMultipart,
+    _propsWithDefaults$ti = propsWithDefaults.timeout,
+    timeout = _propsWithDefaults$ti === void 0 ? 0 : _propsWithDefaults$ti,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? {} : _propsWithDefaults$da,
+    onRemove = propsWithDefaults.onRemove,
+    onUpload = propsWithDefaults.onUpload,
+    shouldUpload = propsWithDefaults.shouldUpload,
+    shouldQueueUpdate = propsWithDefaults.shouldQueueUpdate,
+    renderFileInfo = propsWithDefaults.renderFileInfo,
+    renderThumbnail = propsWithDefaults.renderThumbnail,
+    onPreview = propsWithDefaults.onPreview,
+    onChange = propsWithDefaults.onChange,
+    onSuccess = propsWithDefaults.onSuccess,
+    onError = propsWithDefaults.onError,
+    onProgress = propsWithDefaults.onProgress,
+    onReupload = propsWithDefaults.onReupload,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -156,8 +159,6 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(listType, {
     draggable: draggable
   }));
-  var _useCustom = useCustom('Uploader', localeProp),
-    locale = _useCustom.locale;
   var rootRef = useRef();
   var xhrs = useRef({});
   var trigger = useRef();

package/esm/Whisper/Whisper.js

@@ -2,13 +2,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["onOpen", "onClose", "onEntered", "onExited", "placement", "preventOverflow"];
-import React, { useContext } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import OverlayTrigger from "../internals/Overlay/OverlayTrigger.js";
 import { PLACEMENT } from "../internals/constants/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
 import { createChainedFunction, placementPolyfill } from "../internals/utils/index.js";
-import { CustomContext } from "../CustomProvider/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Whisper` component is used to display a floating element.
  * It is usually used with the `Tooltip` and `Popover` components.
@@ -16,19 +16,21 @@ import { CustomContext } from "../CustomProvider/index.js";
  * @see https://rsuitejs.com/components/whisper
  */
 var Whisper = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var onOpen = props.onOpen,
-    onClose = props.onClose,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'right' : _props$placement,
-    preventOverflow = props.preventOverflow,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var context = useContext(CustomContext);
+  var _useCustom = useCustom('Whisper', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    rtl = _useCustom.rtl;
+  var onOpen = propsWithDefaults.onOpen,
+    onClose = propsWithDefaults.onClose,
+    onEntered = propsWithDefaults.onEntered,
+    onExited = propsWithDefaults.onExited,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'right' : _propsWithDefaults$pl,
+    preventOverflow = propsWithDefaults.preventOverflow,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, rest, {
     ref: ref,
     preventOverflow: preventOverflow,
-    placement: placementPolyfill(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    placement: placementPolyfill(placement, rtl),
     onEntered: createChainedFunction(onOpen, onEntered),
     onExited: createChainedFunction(onClose, onExited)
   }));

package/esm/internals/CloseButton/CloseButton.js

@@ -4,7 +4,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "classPrefix", "className", "locale"];
 import React from 'react';
 import Close from '@rsuite/icons/Close';
-import { useClassNames, useCustom } from "../hooks/index.js";
+import { useClassNames } from "../hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 /**
  * Close button for components such as Message and Notification.
  */
@@ -16,17 +17,19 @@ var CloseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className = props.className,
     overrideLocale = props.locale,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom(),
+    getLocale = _useCustom.getLocale;
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
-  var _useCustom = useCustom('CloseButton', overrideLocale),
-    locale = _useCustom.locale;
+  var _getLocale = getLocale('CloseButton', overrideLocale),
+    closeLabel = _getLocale.closeLabel;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     type: "button",
     ref: ref,
     className: classes,
-    "aria-label": locale === null || locale === void 0 ? void 0 : locale.closeLabel
+    "aria-label": closeLabel
   }, rest), /*#__PURE__*/React.createElement(Close, null));
 });
 CloseButton.displayName = 'CloseButton';

package/esm/internals/Menu/Menu.js

@@ -4,9 +4,10 @@ import React, { useCallback, useContext, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import MenuContext, { MenuActionTypes, MoveFocusTo } from "./MenuContext.js";
-import { useCustom, useUniqueId, useFocus, useClickOutside } from "../hooks/index.js";
-import { KEY_VALUES } from "../constants/index.js";
 import useMenu from "./useMenu.js";
+import { useUniqueId, useFocus, useClickOutside } from "../hooks/index.js";
+import { KEY_VALUES } from "../constants/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import { isFocusLeaving, isFocusableElement } from "../utils/index.js";
 var defaultOpenMenuOn = ['click'];
 function getMenuItemTarget(event) {
@@ -51,7 +52,7 @@ function Menu(_ref) {
     dispatch = menu[1];
   var openControlled = typeof openProp !== 'undefined';
   var open = openControlled ? openProp : openState;
-  var _useCustom = useCustom('Menu'),
+  var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var activeItem = isNil(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
   var _useFocus = useFocus(menuElementRef),

package/esm/internals/Menu/Menubar.js

@@ -2,11 +2,11 @@
 // Headless ARIA `menubar`
 import React, { useCallback, useRef } from 'react';
 import isNil from 'lodash/isNil';
+import useMenu from "./useMenu.js";
 import MenuContext, { MenuActionTypes, MoveFocusTo } from "./MenuContext.js";
 import { KEY_VALUES } from "../constants/index.js";
-import { useCustom } from "../hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import { isFocusEntering, isFocusLeaving, isFocusableElement } from "../utils/index.js";
-import useMenu from "./useMenu.js";
 /**
  * @private
  */
@@ -46,7 +46,7 @@ export default function Menubar(_ref) {
       });
     }
   }, [dispatch]);
-  var _useCustom = useCustom('Menubar'),
+  var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var onKeyDown = useCallback(function (event) {
     var _items$activeItemInde, _items$activeItemInde2;

package/esm/internals/Overlay/OverlayTrigger.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
 import React from 'react';
-import { AnimationEventProps, StandardProps, TypeAttributes } from '../types';
-import { PositionChildProps } from './Position';
+import type { AnimationEventProps, StandardProps, TypeAttributes } from '../types';
+import type { PositionChildProps } from './Position';
 export type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {
     /** Triggering events */