rsuite 5.73.0 → 5.74.0-beta.0

package/cjs/RangeSlider/RangeSlider.js

@@ -11,13 +11,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
-var _hooks = require("../internals/hooks");
-var _Slider = require("../Slider/Slider");
 var _ProgressBar = _interopRequireDefault(require("../Slider/ProgressBar"));
 var _Handle = _interopRequireDefault(require("../Slider/Handle"));
 var _Graduated = _interopRequireDefault(require("../Slider/Graduated"));
+var _hooks = require("../internals/hooks");
+var _Slider = require("../Slider/Slider");
 var _utils = require("../Slider/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "classPrefix", "constraint", "defaultValue", "disabled", "graduated", "progress", "vertical", "readOnly", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"];
 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; }
@@ -28,42 +29,44 @@ var defaultDefaultValue = [0, 0];
  * @see https://rsuitejs.com/components/slider/
  */
 var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var ariaLabel = props['aria-label'],
-    ariaLabelledby = props['aria-labelledby'],
-    ariaValuetext = props['aria-valuetext'],
-    _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    barClassName = props.barClassName,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
-    constraint = props.constraint,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
-    disabled = props.disabled,
-    graduated = props.graduated,
-    _props$progress = props.progress,
-    progress = _props$progress === void 0 ? true : _props$progress,
-    vertical = props.vertical,
-    readOnly = props.readOnly,
-    _props$min = props.min,
-    min = _props$min === void 0 ? 0 : _props$min,
-    _props$max = props.max,
-    maxProp = _props$max === void 0 ? 100 : _props$max,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    valueProp = props.value,
-    handleClassName = props.handleClassName,
-    handleStyle = props.handleStyle,
-    handleTitle = props.handleTitle,
-    _props$tooltip = props.tooltip,
-    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
-    getAriaValueText = props.getAriaValueText,
-    renderTooltip = props.renderTooltip,
-    renderMark = props.renderMark,
-    onChange = props.onChange,
-    onChangeCommitted = props.onChangeCommitted,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('RangeSlider', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var ariaLabel = propsWithDefaults['aria-label'],
+    ariaLabelledby = propsWithDefaults['aria-labelledby'],
+    ariaValuetext = propsWithDefaults['aria-valuetext'],
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    barClassName = propsWithDefaults.barClassName,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'slider' : _propsWithDefaults$cl,
+    constraint = propsWithDefaults.constraint,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? defaultDefaultValue : _propsWithDefaults$de,
+    disabled = propsWithDefaults.disabled,
+    graduated = propsWithDefaults.graduated,
+    _propsWithDefaults$pr = propsWithDefaults.progress,
+    progress = _propsWithDefaults$pr === void 0 ? true : _propsWithDefaults$pr,
+    vertical = propsWithDefaults.vertical,
+    readOnly = propsWithDefaults.readOnly,
+    _propsWithDefaults$mi = propsWithDefaults.min,
+    min = _propsWithDefaults$mi === void 0 ? 0 : _propsWithDefaults$mi,
+    _propsWithDefaults$ma = propsWithDefaults.max,
+    maxProp = _propsWithDefaults$ma === void 0 ? 100 : _propsWithDefaults$ma,
+    _propsWithDefaults$st = propsWithDefaults.step,
+    step = _propsWithDefaults$st === void 0 ? 1 : _propsWithDefaults$st,
+    valueProp = propsWithDefaults.value,
+    handleClassName = propsWithDefaults.handleClassName,
+    handleStyle = propsWithDefaults.handleStyle,
+    handleTitle = propsWithDefaults.handleTitle,
+    _propsWithDefaults$to = propsWithDefaults.tooltip,
+    tooltip = _propsWithDefaults$to === void 0 ? true : _propsWithDefaults$to,
+    getAriaValueText = propsWithDefaults.getAriaValueText,
+    renderTooltip = propsWithDefaults.renderTooltip,
+    renderMark = propsWithDefaults.renderMark,
+    onChange = propsWithDefaults.onChange,
+    onChangeCommitted = propsWithDefaults.onChangeCommitted,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var barRef = (0, _react.useRef)(null);
 
   // Define the parameter position of the handle
@@ -72,8 +75,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
-  var _useCustom = (0, _hooks.useCustom)('RangeSlider'),
-    rtl = _useCustom.rtl;
+  var _useCustom2 = (0, _CustomProvider.useCustom)('RangeSlider'),
+    rtl = _useCustom2.rtl;
   var classes = merge(className, withClassPrefix({
     vertical: vertical,
     disabled: disabled,

package/cjs/Rate/Rate.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent, FormControlBaseProps } from '../internals/types';
+import type { WithAsProps, TypeAttributes, RsRefForwardingComponent, FormControlBaseProps } from '../internals/types';
 export interface RateProps<T = number> extends WithAsProps, FormControlBaseProps<T> {
     allowHalf?: boolean;
     character?: React.ReactNode;

package/cjs/Rate/Rate.js

@@ -10,13 +10,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Star = _interopRequireDefault(require("@rsuite/icons/legacy/Star"));
+var _Character = _interopRequireDefault(require("./Character"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _propTypes2 = require("../internals/propTypes");
 var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _utils2 = require("./utils");
-var _Character = _interopRequireDefault(require("./Character"));
-var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "character", "className", "classPrefix", "disabled", "max", "readOnly", "vertical", "size", "color", "allowHalf", "value", "defaultValue", "cleanable", "plaintext", "onChange", "renderCharacter", "onChangeActive"];
 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; }
@@ -25,33 +26,35 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/rate/
  */
 var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'ul' : _props$as,
-    _props$character = props.character,
-    character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : _props$character,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,
-    disabled = props.disabled,
-    _props$max = props.max,
-    max = _props$max === void 0 ? 5 : _props$max,
-    readOnly = props.readOnly,
-    vertical = props.vertical,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    color = props.color,
-    _props$allowHalf = props.allowHalf,
-    allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
-    valueProp = props.value,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    plaintext = props.plaintext,
-    onChange = props.onChange,
-    renderCharacter = props.renderCharacter,
-    onChangeActive = props.onChangeActive,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Rate', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'ul' : _propsWithDefaults$as,
+    _propsWithDefaults$ch = propsWithDefaults.character,
+    character = _propsWithDefaults$ch === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : _propsWithDefaults$ch,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'rate' : _propsWithDefaults$cl,
+    disabled = propsWithDefaults.disabled,
+    _propsWithDefaults$ma = propsWithDefaults.max,
+    max = _propsWithDefaults$ma === void 0 ? 5 : _propsWithDefaults$ma,
+    readOnly = propsWithDefaults.readOnly,
+    vertical = propsWithDefaults.vertical,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
+    color = propsWithDefaults.color,
+    _propsWithDefaults$al = propsWithDefaults.allowHalf,
+    allowHalf = _propsWithDefaults$al === void 0 ? false : _propsWithDefaults$al,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    plaintext = propsWithDefaults.plaintext,
+    onChange = propsWithDefaults.onChange,
+    renderCharacter = propsWithDefaults.renderCharacter,
+    onChangeActive = propsWithDefaults.onChangeActive,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];

package/cjs/Row/Row.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface RowProps extends WithAsProps {
     gutter?: number;
 }

package/cjs/Row/Row.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("../internals/utils");
 var _excluded = ["as", "classPrefix", "className", "gutter", "children", "style"];
 /**
@@ -16,15 +17,17 @@ var _excluded = ["as", "classPrefix", "className", "gutter", "children", "style"
  * @see https://rsuitejs.com/components/grid
  */
 var Row = /*#__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 ? 'row' : _props$classPrefix,
-    className = props.className,
-    gutter = props.gutter,
-    children = props.children,
-    style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Row', 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 ? 'row' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    gutter = propsWithDefaults.gutter,
+    children = propsWithDefaults.children,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/SafeAnchor/SafeAnchor.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface SafeAnchorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** Link specified url */
     href?: string;

package/cjs/SafeAnchor/SafeAnchor.js

@@ -8,6 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "href", "disabled", "onClick"];
 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; }
@@ -20,12 +21,14 @@ function isTrivialHref(href) {
  * @private
  */
 var SafeAnchor = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'a' : _props$as,
-    href = props.href,
-    disabled = props.disabled,
-    onClick = props.onClick,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('SafeAnchor', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'a' : _propsWithDefaults$as,
+    href = propsWithDefaults.href,
+    disabled = propsWithDefaults.disabled,
+    onClick = propsWithDefaults.onClick,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var handleClick = (0, _react.useCallback)(function (event) {
     if (disabled || isTrivialHref(href)) {
       event.preventDefault();

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerHandle, PickerToggleProps } from '../internals/Picker';
-import { ListProps } from '../internals/Windowing';
-import { FormControlPickerProps, ItemDataType } from '../internals/types';
+import type { ListProps } from '../internals/Windowing';
+import type { FormControlPickerProps, ItemDataType } from '../internals/types';
 export interface SelectProps<T> {
     /** Set group condition key in data */
     groupBy?: string;
@@ -39,7 +39,7 @@ export interface MultipleSelectProps<T> extends Omit<SelectProps<T>, 'renderValu
     /** Custom render selected items */
     renderValue?: (value: T[], item: ItemDataType<T>[], selectedElement: React.ReactNode) => React.ReactNode;
 }
-export interface SelectPickerProps<T> extends Omit<FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, 'value' | 'defaultValue' | 'onChange'>, SelectProps<T>, Pick<PickerToggleProps, 'caretAs' | 'label' | 'loading'> {
+export interface SelectPickerProps<T = any> extends Omit<FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, 'value' | 'defaultValue' | 'onChange'>, SelectProps<T>, Pick<PickerToggleProps, 'caretAs' | 'label' | 'loading'> {
     /** Initial value */
     defaultValue?: T;
     /** Current value of the component. Creates a controlled component */

package/cjs/SelectPicker/SelectPicker.js

@@ -13,11 +13,12 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
+var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
-var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject;
 var _excluded = ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"];
 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); }
@@ -28,58 +29,60 @@ var emptyArray = [];
  * @see https://rsuitejs.com/components/select-picker/
  */
 var SelectPicker = /*#__PURE__*/_react.default.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$data = props.data,
-    data = _props$data === void 0 ? emptyArray : _props$data,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    valueProp = props.value,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    placeholder = props.placeholder,
-    defaultValue = props.defaultValue,
-    disabled = props.disabled,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    menuClassName = props.menuClassName,
-    _props$menuAutoWidth = props.menuAutoWidth,
-    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
-    _props$menuMaxHeight = props.menuMaxHeight,
-    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
-    menuStyle = props.menuStyle,
-    groupBy = props.groupBy,
-    overrideLocale = props.locale,
-    toggleAs = props.toggleAs,
-    style = props.style,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    virtualized = props.virtualized,
-    listProps = props.listProps,
-    id = props.id,
-    onGroupTitleClick = props.onGroupTitleClick,
-    searchBy = props.searchBy,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    onClean = props.onClean,
-    onChange = props.onChange,
-    onSelect = props.onSelect,
-    onSearch = props.onSearch,
-    sort = props.sort,
-    renderValue = props.renderValue,
-    renderMenu = props.renderMenu,
-    renderMenuGroup = props.renderMenuGroup,
-    renderMenuItem = props.renderMenuItem,
-    renderExtraFooter = props.renderExtraFooter,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('SelectPicker', 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$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    placeholder = propsWithDefaults.placeholder,
+    defaultValue = propsWithDefaults.defaultValue,
+    disabled = propsWithDefaults.disabled,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    menuClassName = propsWithDefaults.menuClassName,
+    _propsWithDefaults$me = propsWithDefaults.menuAutoWidth,
+    menuAutoWidth = _propsWithDefaults$me === void 0 ? true : _propsWithDefaults$me,
+    _propsWithDefaults$me2 = propsWithDefaults.menuMaxHeight,
+    menuMaxHeight = _propsWithDefaults$me2 === void 0 ? 320 : _propsWithDefaults$me2,
+    menuStyle = propsWithDefaults.menuStyle,
+    groupBy = propsWithDefaults.groupBy,
+    locale = propsWithDefaults.locale,
+    toggleAs = propsWithDefaults.toggleAs,
+    style = propsWithDefaults.style,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
+    virtualized = propsWithDefaults.virtualized,
+    listProps = propsWithDefaults.listProps,
+    id = propsWithDefaults.id,
+    onGroupTitleClick = propsWithDefaults.onGroupTitleClick,
+    searchBy = propsWithDefaults.searchBy,
+    onEntered = propsWithDefaults.onEntered,
+    onExited = propsWithDefaults.onExited,
+    onClean = propsWithDefaults.onClean,
+    onChange = propsWithDefaults.onChange,
+    onSelect = propsWithDefaults.onSelect,
+    onSearch = propsWithDefaults.onSearch,
+    sort = propsWithDefaults.sort,
+    renderValue = propsWithDefaults.renderValue,
+    renderMenu = propsWithDefaults.renderMenu,
+    renderMenuGroup = propsWithDefaults.renderMenuGroup,
+    renderMenuItem = propsWithDefaults.renderMenuItem,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -87,8 +90,6 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list,
     searchInput = _usePickerRef.searchInput;
-  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
-    locale = _useCustom.locale;
   var _ref = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _ref[0],
     setValue = _ref[1];

package/cjs/Sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface SidebarProps extends WithAsProps {
     /** Width */
     width?: number | string;

package/cjs/Sidebar/Sidebar.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _Container = require("../Container/Container");
 var _excluded = ["as", "classPrefix", "className", "collapsible", "width", "style"];
 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); }
@@ -18,16 +19,18 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/container/
  */
 var Sidebar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'aside' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'sidebar' : _props$classPrefix,
-    className = props.className,
-    collapsible = props.collapsible,
-    _props$width = props.width,
-    width = _props$width === void 0 ? 260 : _props$width,
-    style = props.style,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Sidebar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'aside' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'sidebar' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    collapsible = propsWithDefaults.collapsible,
+    _propsWithDefaults$wi = propsWithDefaults.width,
+    width = _propsWithDefaults$wi === void 0 ? 260 : _propsWithDefaults$wi,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -8,17 +8,18 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _Sidenav = require("./Sidenav");
-var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
-var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdownCollapse"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _Disclosure = _interopRequireDefault(require("../internals/Disclosure/Disclosure"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _Sidenav = require("./Sidenav");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject;
 var _excluded = ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"];
 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); }
@@ -47,7 +48,7 @@ var ExpandedSidenavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(functio
     onClick = props.onClick,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,

package/cjs/Sidenav/Sidenav.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import SidenavBody from './SidenavBody';
 import SidenavHeader from './SidenavHeader';
 import SidenavToggle from './SidenavToggle';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface SidenavProps<T = string | number> extends WithAsProps {
     /** Whether to expand the Sidenav */
     expanded?: boolean;