rsuite 5.73.0 → 5.74.0-beta.0

package/cjs/DateRangeInput/DateRangeInput.js

@@ -13,6 +13,7 @@ var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _DateInput = require("../DateInput");
+var _CustomProvider = require("../CustomProvider");
 var _utils2 = require("./utils");
 var _excluded = ["className", "classPrefix", "character", "format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus", "onPaste"];
 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); }
@@ -23,26 +24,30 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/date-range-input/
  */
 var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale,
-    parseDate = _useCustom.parseDate;
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'date-range-input' : _props$classPrefix,
-    _props$character = props.character,
-    character = _props$character === void 0 ? ' ~ ' : _props$character,
-    _props$format = props.format,
-    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,
-    valueProp = props.value,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-    placeholder = props.placeholder,
-    onChange = props.onChange,
-    onKeyDown = props.onKeyDown,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onPaste = props.onPaste,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Calendar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    parseDate = _useCustom.parseDate,
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('DateTimeFormats'),
+    shortDateFormat = _getLocale.shortDateFormat,
+    dateLocale = _getLocale.dateLocale;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'date-range-input' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.character,
+    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,
+    _propsWithDefaults$fo = propsWithDefaults.format,
+    formatStr = _propsWithDefaults$fo === void 0 ? shortDateFormat : _propsWithDefaults$fo,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? [] : _propsWithDefaults$de,
+    placeholder = propsWithDefaults.placeholder,
+    onChange = propsWithDefaults.onChange,
+    onKeyDown = propsWithDefaults.onKeyDown,
+    onBlur = propsWithDefaults.onBlur,
+    onFocus = propsWithDefaults.onFocus,
+    onPaste = propsWithDefaults.onPaste,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -52,7 +57,6 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
   var rangeFormatStr = "" + formatStr + character + formatStr;
-  var dateLocale = locale.dateLocale;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1],

package/cjs/DateRangePicker/Calendar.d.ts

@@ -3,7 +3,7 @@ import { CalendarProps as CalendarContainerProps } from '../Calendar/CalendarCon
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { DatePickerLocale } from '../locales';
+import { DateRangePickerLocale } from '../locales';
 type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale';
 export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps, OmitCalendarCoreTypes> {
     calendarDateRange?: DateRange;
@@ -15,7 +15,7 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps,
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     limitEndYear?: number;
     limitStartYear?: number;
-    locale?: DatePickerLocale;
+    locale?: Partial<DateRangePickerLocale>;
     showWeekNumbers?: boolean;
     value?: [] | [Date] | [Date, Date];
     onChangeCalendarMonth?: (index: number, date: Date) => void;

package/cjs/DateRangePicker/DateRangePicker.js

@@ -27,10 +27,11 @@ var _Calendar2 = _interopRequireDefault(require("./Calendar"));
 var _utils = require("./utils");
 var _propTypes2 = require("../internals/propTypes");
 var _constants = require("../internals/constants");
-var _Picker = require("../internals/Picker");
 var _hooks = require("../internals/hooks");
+var _Picker = require("../internals/Picker");
 var _utils2 = require("../internals/utils");
 var _date = require("../internals/utils/date");
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showMeridiem", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "hideHours", "hideMinutes", "hideSeconds", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
 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); }
@@ -42,77 +43,80 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _ref, _ref2, _merge;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    className = props.className,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$editable = props.editable,
-    editable = _props$editable === void 0 ? true : _props$editable,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$character = props.character,
-    character = _props$character === void 0 ? ' ~ ' : _props$character,
-    calendarSnapping = props.calendarSnapping,
-    defaultCalendarValue = props.defaultCalendarValue,
-    defaultValue = props.defaultValue,
-    plaintext = props.plaintext,
-    disabled = props.disabled,
-    DEPRECATED_disabledDate = props.disabledDate,
-    shouldDisableDate = props.shouldDisableDate,
-    shouldDisableHour = props.shouldDisableHour,
-    shouldDisableMinute = props.shouldDisableMinute,
-    shouldDisableSecond = props.shouldDisableSecond,
-    format = props.format,
-    hoverRange = props.hoverRange,
-    idProp = props.id,
-    _props$isoWeek = props.isoWeek,
-    isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
-    _props$limitEndYear = props.limitEndYear,
-    limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
-    limitStartYear = props.limitStartYear,
-    overrideLocale = props.locale,
-    loading = props.loading,
-    label = props.label,
-    menuClassName = props.menuClassName,
-    menuStyle = props.menuStyle,
-    oneTap = props.oneTap,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    ranges = props.ranges,
-    readOnly = props.readOnly,
-    _props$showOneCalenda = props.showOneCalendar,
-    showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,
-    showWeekNumbers = props.showWeekNumbers,
-    DEPRECATED_showMeridian = props.showMeridian,
-    _props$showMeridiem = props.showMeridiem,
-    showMeridiem = _props$showMeridiem === void 0 ? DEPRECATED_showMeridian : _props$showMeridiem,
-    _props$showHeader = props.showHeader,
-    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
-    style = props.style,
-    size = props.size,
-    caretAsProp = props.caretAs,
-    valueProp = props.value,
-    monthDropdownProps = props.monthDropdownProps,
-    hideHours = props.hideHours,
-    hideMinutes = props.hideMinutes,
-    hideSeconds = props.hideSeconds,
-    onChange = props.onChange,
-    onClean = props.onClean,
-    onEnter = props.onEnter,
-    onExit = props.onExit,
-    onOk = props.onOk,
-    onSelect = props.onSelect,
-    onShortcutClick = props.onShortcutClick,
-    renderTitle = props.renderTitle,
-    renderValue = props.renderValue,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('DateRangePicker', props),
+    formatDate = _useCustom.formatDate,
+    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 ? 'picker' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$ed = propsWithDefaults.editable,
+    editable = _propsWithDefaults$ed === void 0 ? true : _propsWithDefaults$ed,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    _propsWithDefaults$ch = propsWithDefaults.character,
+    character = _propsWithDefaults$ch === void 0 ? ' ~ ' : _propsWithDefaults$ch,
+    calendarSnapping = propsWithDefaults.calendarSnapping,
+    defaultCalendarValue = propsWithDefaults.defaultCalendarValue,
+    defaultValue = propsWithDefaults.defaultValue,
+    plaintext = propsWithDefaults.plaintext,
+    disabled = propsWithDefaults.disabled,
+    DEPRECATED_disabledDate = propsWithDefaults.disabledDate,
+    shouldDisableDate = propsWithDefaults.shouldDisableDate,
+    shouldDisableHour = propsWithDefaults.shouldDisableHour,
+    shouldDisableMinute = propsWithDefaults.shouldDisableMinute,
+    shouldDisableSecond = propsWithDefaults.shouldDisableSecond,
+    format = propsWithDefaults.format,
+    hoverRange = propsWithDefaults.hoverRange,
+    idProp = propsWithDefaults.id,
+    _propsWithDefaults$is = propsWithDefaults.isoWeek,
+    isoWeek = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
+    _propsWithDefaults$we = propsWithDefaults.weekStart,
+    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    _propsWithDefaults$li = propsWithDefaults.limitEndYear,
+    limitEndYear = _propsWithDefaults$li === void 0 ? 1000 : _propsWithDefaults$li,
+    limitStartYear = propsWithDefaults.limitStartYear,
+    locale = propsWithDefaults.locale,
+    loading = propsWithDefaults.loading,
+    label = propsWithDefaults.label,
+    menuClassName = propsWithDefaults.menuClassName,
+    menuStyle = propsWithDefaults.menuStyle,
+    oneTap = propsWithDefaults.oneTap,
+    _propsWithDefaults$pl = propsWithDefaults.placeholder,
+    placeholder = _propsWithDefaults$pl === void 0 ? '' : _propsWithDefaults$pl,
+    _propsWithDefaults$pl2 = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl2 === void 0 ? 'bottomStart' : _propsWithDefaults$pl2,
+    ranges = propsWithDefaults.ranges,
+    readOnly = propsWithDefaults.readOnly,
+    _propsWithDefaults$sh = propsWithDefaults.showOneCalendar,
+    showOneCalendar = _propsWithDefaults$sh === void 0 ? false : _propsWithDefaults$sh,
+    showWeekNumbers = propsWithDefaults.showWeekNumbers,
+    DEPRECATED_showMeridian = propsWithDefaults.showMeridian,
+    _propsWithDefaults$sh2 = propsWithDefaults.showMeridiem,
+    showMeridiem = _propsWithDefaults$sh2 === void 0 ? DEPRECATED_showMeridian : _propsWithDefaults$sh2,
+    _propsWithDefaults$sh3 = propsWithDefaults.showHeader,
+    showHeader = _propsWithDefaults$sh3 === void 0 ? true : _propsWithDefaults$sh3,
+    style = propsWithDefaults.style,
+    size = propsWithDefaults.size,
+    caretAsProp = propsWithDefaults.caretAs,
+    valueProp = propsWithDefaults.value,
+    monthDropdownProps = propsWithDefaults.monthDropdownProps,
+    hideHours = propsWithDefaults.hideHours,
+    hideMinutes = propsWithDefaults.hideMinutes,
+    hideSeconds = propsWithDefaults.hideSeconds,
+    onChange = propsWithDefaults.onChange,
+    onClean = propsWithDefaults.onClean,
+    onEnter = propsWithDefaults.onEnter,
+    onExit = propsWithDefaults.onExit,
+    onOk = propsWithDefaults.onOk,
+    onSelect = propsWithDefaults.onSelect,
+    onShortcutClick = propsWithDefaults.onShortcutClick,
+    renderTitle = propsWithDefaults.renderTitle,
+    renderValue = propsWithDefaults.renderValue,
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var id = (0, _hooks.useUniqueId)('rs-', idProp);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
@@ -122,10 +126,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
-  var _useCustom = (0, _hooks.useCustom)('DateRangePicker', overrideLocale),
-    locale = _useCustom.locale,
-    formatDate = _useCustom.formatDate;
-  var formatStr = format || locale.shortDateFormat || 'yyyy-MM-dd';
+  var formatStr = format || (locale === null || locale === void 0 ? void 0 : locale.shortDateFormat) || 'yyyy-MM-dd';
   var rangeFormatStr = "" + formatStr + character + formatStr;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null),
     value = _useControlled[0],

package/cjs/Divider/Divider.js

@@ -9,20 +9,23 @@ 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 _excluded = ["as", "className", "classPrefix", "children", "vertical"];
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider
  */
 var Divider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'divider' : _props$classPrefix,
-    children = props.children,
-    vertical = props.vertical,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Divider', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'divider' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    vertical = propsWithDefaults.vertical,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/Drawer/Drawer.js

@@ -6,37 +6,37 @@ 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 _Slide = _interopRequireDefault(require("../Animation/Slide"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _DrawerContext = _interopRequireDefault(require("./DrawerContext"));
 var _propTypes2 = require("../internals/propTypes");
+var _CustomProvider = require("../CustomProvider");
 var _DrawerBody = _interopRequireDefault(require("./DrawerBody"));
 var _DrawerHeader = _interopRequireDefault(require("./DrawerHeader"));
 var _DrawerActions = _interopRequireDefault(require("./DrawerActions"));
 var _DrawerFooter = _interopRequireDefault(require("./DrawerFooter"));
 var _DrawerTitle = _interopRequireDefault(require("./DrawerTitle"));
 var _excluded = ["className", "placement", "classPrefix", "animation", "closeButton"];
-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 Drawer component is used to display extra content from a main content.
  * @see https://rsuitejs.com/components/drawer
  */
 var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'right' : _props$placement,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
-    _props$animation = props.animation,
-    animation = _props$animation === void 0 ? _Slide.default : _props$animation,
-    _props$closeButton = props.closeButton,
-    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Drawer', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'right' : _propsWithDefaults$pl,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'drawer' : _propsWithDefaults$cl,
+    _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? _Slide.default : _propsWithDefaults$an,
+    _propsWithDefaults$cl2 = propsWithDefaults.closeButton,
+    closeButton = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -44,22 +44,16 @@ var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var animationProps = {
     placement: placement
   };
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      closeButton: closeButton,
-      isDrawer: true
-    };
-  }, [closeButton]);
-  return /*#__PURE__*/_react.default.createElement(_DrawerContext.default.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {
     ref: ref,
     overflow: false,
     classPrefix: classPrefix,
     className: classes,
     animation: animation,
-    animationProps: animationProps
-  })));
+    animationProps: animationProps,
+    isDrawer: true,
+    closeButton: closeButton
+  }));
 });
 _DrawerBody.default.displayName = 'DrawerBody';
 _DrawerHeader.default.displayName = 'DrawerHeader';

package/cjs/Dropdown/Dropdown.js

@@ -15,19 +15,19 @@ var _constants = require("../internals/constants");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _DropdownState = require("./DropdownState");
+var _CustomProvider = require("../CustomProvider");
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _DropdownState = require("./DropdownState");
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
-var _excluded = ["activeKey", "onSelect"],
-  _excluded2 = ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"],
-  _excluded3 = ["open"],
-  _excluded4 = ["open"];
+var _excluded = ["as", "activeKey", "title", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style", "onClose", "onOpen", "onToggle", "onSelect"],
+  _excluded2 = ["open"],
+  _excluded3 = ["open"];
 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; }
 /**
@@ -39,31 +39,32 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * - Otherwise renders a `<MenuRoot>`
  */
 var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var activeKey = props.activeKey,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _rest$as = rest.as,
-    Component = _rest$as === void 0 ? 'div' : _rest$as,
-    title = rest.title,
-    onClose = rest.onClose,
-    onOpen = rest.onOpen,
-    onToggle = rest.onToggle,
-    _rest$trigger = rest.trigger,
-    trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
-    _rest$placement = rest.placement,
-    placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
-    toggleAs = rest.toggleAs,
-    toggleClassName = rest.toggleClassName,
-    open = rest.open,
-    defaultOpen = rest.defaultOpen,
-    _rest$classPrefix = rest.classPrefix,
-    classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
-    className = rest.className,
-    disabled = rest.disabled,
-    children = rest.children,
-    menuStyle = rest.menuStyle,
-    style = rest.style,
-    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, _excluded2);
+  var _useCustom = (0, _CustomProvider.useCustom)('Dropdown', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    activeKey = propsWithDefaults.activeKey,
+    title = propsWithDefaults.title,
+    _propsWithDefaults$tr = propsWithDefaults.trigger,
+    trigger = _propsWithDefaults$tr === void 0 ? 'click' : _propsWithDefaults$tr,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    toggleAs = propsWithDefaults.toggleAs,
+    toggleClassName = propsWithDefaults.toggleClassName,
+    open = propsWithDefaults.open,
+    defaultOpen = propsWithDefaults.defaultOpen,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'dropdown' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    disabled = propsWithDefaults.disabled,
+    children = propsWithDefaults.children,
+    menuStyle = propsWithDefaults.menuStyle,
+    style = propsWithDefaults.style,
+    onClose = propsWithDefaults.onClose,
+    onOpen = propsWithDefaults.onOpen,
+    onToggle = propsWithDefaults.onToggle,
+    onSelect = propsWithDefaults.onSelect,
+    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var nav = (0, _react.useContext)(_NavContext.default);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
@@ -132,7 +133,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref, popupRef) {
       var open = _ref.open,
-        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded3);
+        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
@@ -152,7 +153,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, function (_ref2, menuContainerRef) {
     var _withClassPrefix;
     var open = _ref2.open,
-      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded4);
+      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded3);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/Icon';
+import type { StandardProps } from '../internals/types';
+import type { IconProps } from '@rsuite/icons/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Dropdown/DropdownMenu.js

@@ -8,19 +8,20 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 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 _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
-var _propTypes = require("../internals/propTypes");
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
+var _propTypes2 = require("../internals/propTypes");
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _utils = require("../internals/utils");
 var _templateObject, _templateObject2;
 var _excluded = ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"],
   _excluded2 = ["icon", "disabled"],
@@ -61,7 +62,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
-  var _useCustom = (0, _hooks.useCustom)('DropdownMenu'),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);
@@ -173,20 +174,20 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 DropdownMenu.displayName = 'Dropdown.Menu';
 DropdownMenu.propTypes = {
-  active: _propTypes2.default.bool,
-  activeKey: _propTypes2.default.any,
-  className: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  icon: _propTypes2.default.any,
-  classPrefix: _propTypes2.default.string,
-  pullLeft: _propTypes2.default.bool,
-  title: _propTypes2.default.node,
-  open: _propTypes2.default.bool,
-  trigger: (0, _propTypes.oneOf)(['click', 'hover']),
-  eventKey: _propTypes2.default.any,
-  expanded: _propTypes2.default.bool,
-  collapsible: _propTypes2.default.bool,
-  onSelect: _propTypes2.default.func,
-  onToggle: _propTypes2.default.func
+  active: _propTypes.default.bool,
+  activeKey: _propTypes.default.any,
+  className: _propTypes.default.string,
+  children: _propTypes.default.node,
+  icon: _propTypes.default.any,
+  classPrefix: _propTypes.default.string,
+  pullLeft: _propTypes.default.bool,
+  title: _propTypes.default.node,
+  open: _propTypes.default.bool,
+  trigger: (0, _propTypes2.oneOf)(['click', 'hover']),
+  eventKey: _propTypes.default.any,
+  expanded: _propTypes.default.bool,
+  collapsible: _propTypes.default.bool,
+  onSelect: _propTypes.default.func,
+  onToggle: _propTypes.default.func
 };
 var _default = exports.default = DropdownMenu;