rsuite 5.73.1 → 5.74.0-beta.0

package/cjs/Uploader/Uploader.js

@@ -10,12 +10,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _find = _interopRequireDefault(require("lodash/find"));
 var _UploadFileItem = _interopRequireDefault(require("./UploadFileItem"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _ajaxUpload2 = _interopRequireDefault(require("./utils/ajaxUpload"));
 var _UploadTrigger = _interopRequireDefault(require("./UploadTrigger"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _propTypes2 = require("../internals/propTypes");
-var _ajaxUpload2 = _interopRequireDefault(require("./utils/ajaxUpload"));
 var _excluded = ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "method", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"];
 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 _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; }
@@ -100,61 +101,63 @@ var useFileList = function useFileList(defaultFileList) {
  * @see https://rsuitejs.com/components/uploader
  */
 var Uploader = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -162,8 +165,6 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix(listType, {
     draggable: draggable
   }));
-  var _useCustom = (0, _hooks.useCustom)('Uploader', localeProp),
-    locale = _useCustom.locale;
   var rootRef = (0, _react.useRef)();
   var xhrs = (0, _react.useRef)({});
   var trigger = (0, _react.useRef)();

package/cjs/Whisper/Whisper.js

@@ -6,7 +6,7 @@ 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 _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _OverlayTrigger = _interopRequireDefault(require("../internals/Overlay/OverlayTrigger"));
 var _constants = require("../internals/constants");
@@ -14,8 +14,6 @@ var _propTypes2 = require("../internals/propTypes");
 var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
 var _excluded = ["onOpen", "onClose", "onEntered", "onExited", "placement", "preventOverflow"];
-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 _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 `Whisper` component is used to display a floating element.
  * It is usually used with the `Tooltip` and `Popover` components.
@@ -23,19 +21,21 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/whisper
  */
 var Whisper = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var context = (0, _react.useContext)(_CustomProvider.CustomContext);
+  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   return /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, (0, _extends2.default)({}, rest, {
     ref: ref,
     preventOverflow: preventOverflow,
-    placement: (0, _utils.placementPolyfill)(placement, context === null || context === void 0 ? void 0 : context.rtl),
+    placement: (0, _utils.placementPolyfill)(placement, rtl),
     onEntered: (0, _utils.createChainedFunction)(onOpen, onEntered),
     onExited: (0, _utils.createChainedFunction)(onClose, onExited)
   }));

package/cjs/internals/CloseButton/CloseButton.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "locale"];
 /**
  * Close button for components such as Message and Notification.
@@ -21,17 +22,19 @@ var CloseButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     overrideLocale = props.locale,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
-  var _useCustom = (0, _hooks.useCustom)('CloseButton', overrideLocale),
-    locale = _useCustom.locale;
+  var _getLocale = getLocale('CloseButton', overrideLocale),
+    closeLabel = _getLocale.closeLabel;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     type: "button",
     ref: ref,
     className: classes,
-    "aria-label": locale === null || locale === void 0 ? void 0 : locale.closeLabel
+    "aria-label": closeLabel
   }, rest), /*#__PURE__*/_react.default.createElement(_Close.default, null));
 });
 CloseButton.displayName = 'CloseButton';

package/cjs/internals/Menu/Menu.js

@@ -9,9 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
+var _useMenu = _interopRequireDefault(require("./useMenu"));
 var _hooks = require("../hooks");
 var _constants = require("../constants");
-var _useMenu = _interopRequireDefault(require("./useMenu"));
+var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
 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 _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; }
@@ -58,7 +59,7 @@ function Menu(_ref) {
     dispatch = menu[1];
   var openControlled = typeof openProp !== 'undefined';
   var open = openControlled ? openProp : openState;
-  var _useCustom = (0, _hooks.useCustom)('Menu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
   var _useFocus = (0, _hooks.useFocus)(menuElementRef),

package/cjs/internals/Menu/Menubar.js

@@ -6,11 +6,11 @@ exports.__esModule = true;
 exports.default = Menubar;
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _useMenu = _interopRequireDefault(require("./useMenu"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 var _constants = require("../constants");
-var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
-var _useMenu = _interopRequireDefault(require("./useMenu"));
 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 _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; }
 // Headless ARIA `menubar`
@@ -54,7 +54,7 @@ function Menubar(_ref) {
       });
     }
   }, [dispatch]);
-  var _useCustom = (0, _hooks.useCustom)('Menubar'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var onKeyDown = (0, _react.useCallback)(function (event) {
     var _items$activeItemInde, _items$activeItemInde2;

package/cjs/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 */

package/cjs/internals/Overlay/OverlayTrigger.js

@@ -6,16 +6,16 @@ exports.__esModule = true;
 exports.default = exports.OverlayCloseCause = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
 var _react = _interopRequireWildcard(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
+var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var _Overlay = _interopRequireDefault(require("./Overlay"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _ReactChildren = require("../utils/ReactChildren");
-var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var _excluded = ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"];
 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 _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; }
@@ -151,7 +151,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     setOpen(nextOpen);
   }, [open, onOpen, onClose, setOpen]);
   var handleOpen = (0, _react.useCallback)(function (delay) {
-    var ms = (0, _isUndefined2.default)(delay) ? delayOpen : delay;
+    var ms = (0, _isUndefined.default)(delay) ? delayOpen : delay;
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
@@ -163,7 +163,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     handleOpenChange(true);
   }, [delayOpen, handleOpenChange]);
   var handleClose = (0, _react.useCallback)(function (delay, closeCause) {
-    var ms = (0, _isUndefined2.default)(delay) ? delayClose : delay;
+    var ms = (0, _isUndefined.default)(delay) ? delayClose : delay;
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;

package/cjs/internals/Picker/PickerIndicator.js

@@ -6,10 +6,11 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
-var _hooks = require("../hooks");
 var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _Loader = _interopRequireDefault(require("../../Loader"));
+var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var PickerIndicator = function PickerIndicator(_ref) {
   var loading = _ref.loading,
     caretAs = _ref.caretAs,
@@ -18,8 +19,10 @@ var PickerIndicator = function PickerIndicator(_ref) {
     _ref$as = _ref.as,
     Component = _ref$as === void 0 ? _InputGroup.default.Addon : _ref$as,
     disabled = _ref.disabled;
-  var _useCustom = (0, _hooks.useCustom)(),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('common'),
+    clear = _getLocale.clear;
   var _useClassNames = (0, _hooks.useClassNames)('picker'),
     prefix = _useClassNames.prefix;
   var addon = function addon() {
@@ -34,7 +37,7 @@ var PickerIndicator = function PickerIndicator(_ref) {
         className: prefix('clean'),
         tabIndex: -1,
         locale: {
-          closeLabel: locale === null || locale === void 0 ? void 0 : locale.clear
+          closeLabel: clear
         },
         onClick: onClose
       });

package/cjs/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../types';
+import type { TypeAttributes, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -11,6 +11,7 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"];
 var omitTriggerPropKeys = exports.omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 var pickTriggerPropKeys = exports.pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
@@ -30,7 +31,7 @@ var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var pickerTriggerProps = (0, _pick.default)(pickerProps, pickTriggerPropKeys);
   var pickerId = (0, _hooks.useUniqueId)('rs-', id);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   return /*#__PURE__*/_react.default.createElement(ComboboxContextContext.Provider, {
     value: {

package/cjs/internals/Picker/SelectedElement.d.ts

@@ -6,7 +6,7 @@ export interface SelectedElementProps {
     labelKey: string;
     countable: boolean;
     cascade?: boolean;
-    locale?: PickerLocale;
+    locale?: Partial<PickerLocale>;
     childrenKey?: string;
     prefix: (name: string) => string;
 }

package/cjs/internals/Plaintext/Plaintext.js

@@ -8,14 +8,15 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "children", "localeKey", "placeholder"];
 /**
  * Make the component display in plain text, and display default characters when there is no children.
  * @private
  */
 var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Plaintext'),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -25,7 +26,7 @@ var Plaintext = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$localeKey = props.localeKey,
     localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? getLocale('Plaintext')[localeKey] || '' : _props$placeholder,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/internals/Ripple/Ripple.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../types';
+import type { WithAsProps } from '../types';
 export interface RippleProps extends WithAsProps {
     onMouseDown?: (position: any, event: React.MouseEvent) => void;
 }

package/cjs/internals/Ripple/Ripple.js

@@ -10,9 +10,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
-var _hooks = require("../hooks");
 var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
+var _hooks = require("../hooks");
 var _utils = require("../utils");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["as", "className", "classPrefix", "onMouseDown"],
   _excluded2 = ["className"];
 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); }
@@ -37,7 +38,7 @@ var getPosition = function getPosition(target, event) {
  * @private
  */
 var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     disableRipple = _useCustom.disableRipple;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'span' : _props$as,

package/cjs/internals/Windowing/List.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps, ListProps as BaseListProps } from 'react-window';
-import { RsRefForwardingComponent } from '../types';
+import type { RsRefForwardingComponent } from '../types';
 export declare const defaultItemSize: () => number;
 export interface ListProps<T = any> extends Omit<BaseListProps, 'width'> {
     ref?: React.Ref<ListHandle>;

package/cjs/internals/Windowing/List.js

@@ -7,9 +7,9 @@ exports.defaultItemSize = exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactWindow = require("react-window");
-var _hooks = require("../hooks");
 var _ScrollView = _interopRequireDefault(require("../ScrollView"));
+var _reactWindow = require("react-window");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["rowHeight", "as", "itemSize", "scrollShadow"];
 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 _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; }
@@ -36,7 +36,7 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     scrollShadow = props.scrollShadow,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var listRef = (0, _react.useRef)(null);
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   (0, _react.useImperativeHandle)(ref, function () {
     return {

package/cjs/internals/hooks/index.d.ts

@@ -1,7 +1,6 @@
 export { useClassNames } from './useClassNames';
 export { useClickOutside } from './useClickOutside';
 export { useControlled } from './useControlled';
-export { useCustom } from './useCustom';
 export { useElementResize } from './useElementResize';
 export { useEnsuredRef } from './useEnsuredRef';
 export { useEventCallback } from './useEventCallback';

package/cjs/internals/hooks/index.js

@@ -2,15 +2,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useCustom = exports.useControlled = exports.useClickOutside = exports.useClassNames = void 0;
+exports.useWillUnmount = exports.useUpdatedRef = exports.useUpdateEffect = exports.useUniqueId = exports.useToggleCaret = exports.useTimeout = exports.useRootClose = exports.usePortal = exports.useMount = exports.useMap = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useInternalId = exports.useFocusVirtualListItem = exports.useFocus = exports.useEventListener = exports.useEventCallback = exports.useEnsuredRef = exports.useElementResize = exports.useControlled = exports.useClickOutside = exports.useClassNames = void 0;
 var _useClassNames = require("./useClassNames");
 exports.useClassNames = _useClassNames.useClassNames;
 var _useClickOutside = require("./useClickOutside");
 exports.useClickOutside = _useClickOutside.useClickOutside;
 var _useControlled = require("./useControlled");
 exports.useControlled = _useControlled.useControlled;
-var _useCustom = require("./useCustom");
-exports.useCustom = _useCustom.useCustom;
 var _useElementResize = require("./useElementResize");
 exports.useElementResize = _useElementResize.useElementResize;
 var _useEnsuredRef = require("./useEnsuredRef");

package/cjs/internals/hooks/useToggleCaret.js

@@ -10,9 +10,9 @@ var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"
 var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _useCustom2 = _interopRequireDefault(require("./useCustom"));
+var _CustomProvider = require("../../CustomProvider");
 function useToggleCaret(placement) {
-  var _useCustom = (0, _useCustom2.default)('Dropdown'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   return (0, _react.useMemo)(function () {
     switch (true) {

package/cjs/internals/utils/createComponent.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../hooks");
+var _CustomProvider = require("../../CustomProvider");
 var _excluded = ["name", "componentAs", "componentClassPrefix"],
   _excluded2 = ["as", "classPrefix", "className", "role"];
 /**
@@ -22,13 +23,15 @@ function createComponent(_ref) {
     componentClassPrefix = _ref.componentClassPrefix,
     defaultProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var Component = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-    var _props$as = props.as,
-      Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _props$classPrefix,
-      className = props.className,
-      role = props.role,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    var _useCustom = (0, _CustomProvider.useCustom)(name, props),
+      propsWithDefaults = _useCustom.propsWithDefaults;
+    var _propsWithDefaults$as = propsWithDefaults.as,
+      Component = _propsWithDefaults$as === void 0 ? componentAs || 'div' : _propsWithDefaults$as,
+      _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+      classPrefix = _propsWithDefaults$cl === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _propsWithDefaults$cl,
+      className = propsWithDefaults.className,
+      role = propsWithDefaults.role,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded2);
     var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;