rsuite 5.73.0 → 5.74.0-beta.0

package/cjs/Modal/Modal.d.ts

@@ -27,6 +27,10 @@ export interface ModalProps extends BaseModalProps, Pick<React.HTMLAttributes<HT
     dialogAs?: React.ElementType;
     /** Automatically sets the height when the body content is too long. */
     overflow?: boolean;
+    /** Indicates if the component should be displayed as a drawer */
+    isDrawer?: boolean;
+    /** Custom close button, used when rendered as a Drawer */
+    closeButton?: React.ReactNode | boolean;
 }
 interface ModalComponent extends RsRefForwardingComponent<'div', ModalProps> {
     Body: typeof ModalBody;

package/cjs/Modal/Modal.js

@@ -14,19 +14,19 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _getAnimationEnd = _interopRequireDefault(require("dom-lib/getAnimationEnd"));
 var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
-var _ModalContext = require("./ModalContext");
 var _ModalBody = _interopRequireDefault(require("./ModalBody"));
 var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
 var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
+var _ModalContext = require("./ModalContext");
 var _utils2 = require("./utils");
 var _propTypes2 = require("../internals/propTypes");
-var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
+var _CustomProvider = require("../CustomProvider");
 var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id"],
+var _excluded = ["animation", "animationProps", "animationTimeout", "aria-labelledby", "aria-describedby", "backdropClassName", "backdrop", "className", "children", "classPrefix", "dialogClassName", "dialogStyle", "dialogAs", "enforceFocus", "full", "overflow", "open", "onClose", "onEntered", "onEntering", "onExited", "role", "size", "id", "isDrawer", "closeButton"],
   _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); }
 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; }
@@ -37,39 +37,44 @@ var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
  */
 var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _prefix, _merge;
-  var _props$animation = props.animation,
-    animation = _props$animation === void 0 ? _Bounce.default : _props$animation,
-    animationProps = props.animationProps,
-    _props$animationTimeo = props.animationTimeout,
-    animationTimeout = _props$animationTimeo === void 0 ? 300 : _props$animationTimeo,
-    ariaLabelledby = props['aria-labelledby'],
-    ariaDescribedby = props['aria-describedby'],
-    backdropClassName = props.backdropClassName,
-    _props$backdrop = props.backdrop,
-    backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
-    className = props.className,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
-    dialogClassName = props.dialogClassName,
-    dialogStyle = props.dialogStyle,
-    _props$dialogAs = props.dialogAs,
-    Dialog = _props$dialogAs === void 0 ? _ModalDialog.default : _props$dialogAs,
-    enforceFocusProp = props.enforceFocus,
-    full = props.full,
-    _props$overflow = props.overflow,
-    overflow = _props$overflow === void 0 ? true : _props$overflow,
-    open = props.open,
-    onClose = props.onClose,
-    onEntered = props.onEntered,
-    onEntering = props.onEntering,
-    onExited = props.onExited,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'dialog' : _props$role,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'sm' : _props$size,
-    idProp = props.id,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('Modal', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? _Bounce.default : _propsWithDefaults$an,
+    animationProps = propsWithDefaults.animationProps,
+    _propsWithDefaults$an2 = propsWithDefaults.animationTimeout,
+    animationTimeout = _propsWithDefaults$an2 === void 0 ? 300 : _propsWithDefaults$an2,
+    ariaLabelledby = propsWithDefaults['aria-labelledby'],
+    ariaDescribedby = propsWithDefaults['aria-describedby'],
+    backdropClassName = propsWithDefaults.backdropClassName,
+    _propsWithDefaults$ba = propsWithDefaults.backdrop,
+    backdrop = _propsWithDefaults$ba === void 0 ? true : _propsWithDefaults$ba,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'modal' : _propsWithDefaults$cl,
+    dialogClassName = propsWithDefaults.dialogClassName,
+    dialogStyle = propsWithDefaults.dialogStyle,
+    _propsWithDefaults$di = propsWithDefaults.dialogAs,
+    Dialog = _propsWithDefaults$di === void 0 ? _ModalDialog.default : _propsWithDefaults$di,
+    enforceFocusProp = propsWithDefaults.enforceFocus,
+    full = propsWithDefaults.full,
+    _propsWithDefaults$ov = propsWithDefaults.overflow,
+    overflow = _propsWithDefaults$ov === void 0 ? true : _propsWithDefaults$ov,
+    open = propsWithDefaults.open,
+    onClose = propsWithDefaults.onClose,
+    onEntered = propsWithDefaults.onEntered,
+    onEntering = propsWithDefaults.onEntering,
+    onExited = propsWithDefaults.onExited,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'dialog' : _propsWithDefaults$ro,
+    _propsWithDefaults$si = propsWithDefaults.size,
+    size = _propsWithDefaults$si === void 0 ? 'sm' : _propsWithDefaults$si,
+    idProp = propsWithDefaults.id,
+    _propsWithDefaults$is = propsWithDefaults.isDrawer,
+    isDrawer = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
+    closeButton = propsWithDefaults.closeButton,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var inClass = {
     in: open && !animation
   };
@@ -85,11 +90,6 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var dialogRef = (0, _react.useRef)(null);
   var transitionEndListener = (0, _react.useRef)();
 
-  // Render Modal as Drawer
-  var _ref = (0, _react.useContext)(_DrawerContext.default) || {},
-    _ref$isDrawer = _ref.isDrawer,
-    isDrawer = _ref$isDrawer === void 0 ? false : _ref$isDrawer;
-
   // The style of the Modal body will be updated with the size of the window or container.
   var _useBodyStyles = (0, _utils2.useBodyStyles)(dialogRef, {
       overflow: overflow,
@@ -106,9 +106,11 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onModalClose: onClose,
       getBodyStyles: function getBodyStyles() {
         return bodyStyles;
-      }
+      },
+      closeButton: closeButton,
+      isDrawer: isDrawer
     };
-  }, [dialogId, onClose, bodyStyles]);
+  }, [dialogId, onClose, closeButton, isDrawer, bodyStyles]);
   var handleExited = (0, _react.useCallback)(function (node) {
     var _transitionEndListene;
     onExited === null || onExited === void 0 ? void 0 : onExited(node);
@@ -164,8 +166,8 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var sizeKey = 'width';
   if (isDrawer) {
-    var _ref2 = animationProps || {},
-      placement = _ref2.placement;
+    var _ref = animationProps || {},
+      placement = _ref.placement;
     // The width or height of the drawer depends on the placement.
     sizeKey = placement === 'top' || placement === 'bottom' ? 'height' : 'width';
   }
@@ -206,7 +208,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onClick: backdrop ? handleBackdropClick : undefined,
     onMouseDown: handleMouseDown
   }), function (transitionProps, transitionRef) {
-    var _ref3;
+    var _ref2;
     var transitionClassName = transitionProps.className,
       transitionRest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);
     return /*#__PURE__*/_react.default.createElement(Dialog, (0, _extends2.default)({
@@ -214,7 +216,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       id: dialogId,
       "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : dialogId + "-title",
       "aria-describedby": ariaDescribedby,
-      style: (_ref3 = {}, _ref3[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref3)
+      style: (_ref2 = {}, _ref2[sizeKey] = modalSizes.includes(size) ? undefined : size, _ref2)
     }, transitionRest, (0, _pick.default)(rest, Object.keys(_ModalDialog.modalDialogPropTypes)), {
       ref: (0, _utils.mergeRefs)(dialogRef, transitionRef),
       classPrefix: classPrefix,

package/cjs/Modal/ModalBody.js

@@ -12,12 +12,10 @@ var _hooks = require("../internals/hooks");
 var _ModalContext = require("./ModalContext");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
-var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
 var _excluded = ["as", "classPrefix", "className", "style", "children"];
 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; }
 var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _context$getBodyStyle, _useContext;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -32,8 +30,11 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   var context = (0, _react.useContext)(_ModalContext.ModalContext);
-  var bodyStyles = context === null || context === void 0 ? void 0 : (_context$getBodyStyle = context.getBodyStyles) === null || _context$getBodyStyle === void 0 ? void 0 : _context$getBodyStyle.call(context);
-  var closeButton = (_useContext = (0, _react.useContext)(_DrawerContext.default)) === null || _useContext === void 0 ? void 0 : _useContext.closeButton;
+  var _ref = context || {},
+    getBodyStyles = _ref.getBodyStyles,
+    closeButton = _ref.closeButton,
+    onModalClose = _ref.onModalClose;
+  var bodyStyles = getBodyStyles === null || getBodyStyles === void 0 ? void 0 : getBodyStyles();
   var buttonElement = null;
   if (closeButton) {
     buttonElement = typeof closeButton === 'boolean' ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -41,7 +42,7 @@ var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       appearance: "subtle",
       size: "sm",
       className: prefix('close'),
-      onClick: context === null || context === void 0 ? void 0 : context.onModalClose
+      onClick: onModalClose
     }) : closeButton;
   }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {

package/cjs/Modal/ModalContext.d.ts

@@ -6,5 +6,9 @@ export interface ModalContextProps {
     onModalClose?: (event: React.MouseEvent<Element, MouseEvent>) => void;
     /** Pass the latest style to body. */
     getBodyStyles?: () => React.CSSProperties | null;
+    /** Indicates if the component should be displayed as a drawer */
+    isDrawer?: boolean;
+    /** Custom close button used when rendered as a Drawer */
+    closeButton?: React.ReactNode | boolean;
 }
 export declare const ModalContext: React.Context<ModalContextProps | null>;

package/cjs/Modal/ModalHeader.js

@@ -14,12 +14,10 @@ var _ModalContext = require("./ModalContext");
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
 var _excluded = ["as", "classPrefix", "className", "closeButton", "children", "onClose"];
 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; }
 var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useContext, _useContext2;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -35,8 +33,10 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
-  var onModalClose = (_useContext = (0, _react.useContext)(_ModalContext.ModalContext)) === null || _useContext === void 0 ? void 0 : _useContext.onModalClose;
-  var isDrawer = (_useContext2 = (0, _react.useContext)(_DrawerContext.default)) === null || _useContext2 === void 0 ? void 0 : _useContext2.isDrawer;
+  var context = (0, _react.useContext)(_ModalContext.ModalContext);
+  var _ref = context || {},
+    isDrawer = _ref.isDrawer,
+    onModalClose = _ref.onModalClose;
   var buttonElement = isDrawer ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     icon: /*#__PURE__*/_react.default.createElement(_Close.default, null),
     appearance: "subtle",

package/cjs/MultiCascadeTree/MultiCascadeTree.js

@@ -8,9 +8,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _TreeView = _interopRequireDefault(require("./TreeView"));
+var _SearchView = _interopRequireDefault(require("./SearchView"));
 var _hooks = require("./hooks");
 var _hooks2 = require("../internals/hooks");
-var _SearchView = _interopRequireDefault(require("./SearchView"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "locale", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"];
 var emptyArray = [];
 
@@ -19,39 +20,41 @@ var emptyArray = [];
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
 var MultiCascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$data = props.data,
-    data = _props$data === void 0 ? emptyArray : _props$data,
-    defaultValue = props.defaultValue,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'cascade-tree' : _props$classPrefix,
-    valueProp = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    locale = props.locale,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    _props$cascade = props.cascade,
-    cascade = _props$cascade === void 0 ? true : _props$cascade,
-    columnWidth = props.columnWidth,
-    columnHeight = props.columnHeight,
-    searchable = props.searchable,
-    _props$uncheckableIte = props.uncheckableItemValues,
-    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-    getChildren = props.getChildren,
-    renderColumn = props.renderColumn,
-    renderTreeNode = props.renderTreeNode,
-    onSelect = props.onSelect,
-    onCheck = props.onCheck,
-    onChange = props.onChange,
-    onSearch = props.onSearch,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('MultiCascadeTree', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
+    defaultValue = propsWithDefaults.defaultValue,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'cascade-tree' : _propsWithDefaults$cl,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    locale = propsWithDefaults.locale,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
+    _propsWithDefaults$ca = propsWithDefaults.cascade,
+    cascade = _propsWithDefaults$ca === void 0 ? true : _propsWithDefaults$ca,
+    columnWidth = propsWithDefaults.columnWidth,
+    columnHeight = propsWithDefaults.columnHeight,
+    searchable = propsWithDefaults.searchable,
+    _propsWithDefaults$un = propsWithDefaults.uncheckableItemValues,
+    uncheckableItemValues = _propsWithDefaults$un === void 0 ? emptyArray : _propsWithDefaults$un,
+    getChildren = propsWithDefaults.getChildren,
+    renderColumn = propsWithDefaults.renderColumn,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    onSelect = propsWithDefaults.onSelect,
+    onCheck = propsWithDefaults.onCheck,
+    onChange = propsWithDefaults.onChange,
+    onSearch = propsWithDefaults.onSearch,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var itemKeys = {
     childrenKey: childrenKey,
     labelKey: labelKey,

package/cjs/MultiCascadeTree/SearchView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemDataType, WithAsProps } from '../internals/types';
+import type { ItemDataType, WithAsProps } from '../internals/types';
 interface SearchViewProps<T> extends WithAsProps {
     searchKeyword: string;
     labelKey: string;

package/cjs/MultiCascadeTree/SearchView.js

@@ -7,10 +7,11 @@ exports.default = void 0;
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("../internals/hooks");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _Highlight = _interopRequireDefault(require("../Highlight"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
 var _utils = require("./utils");
 var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "locale", "onSearch", "onCheck"];
 function SearchView(props) {
@@ -38,8 +39,11 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
-    locale = _useCustom.locale;
+  var _useCustom = (0, _CustomProvider.useCustom)(),
+    getLocale = _useCustom.getLocale;
+  var _getLocale = getLocale('Combobox', overrideLocale),
+    searchPlaceholder = _getLocale.searchPlaceholder,
+    noResultsText = _getLocale.noResultsText;
   var renderSearchRow = function renderSearchRow(item, key) {
     var _extends2;
     var nodes = (0, _utils.getNodeParents)(item);
@@ -95,7 +99,7 @@ function SearchView(props) {
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({
     className: classes
   }, rest), /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
-    placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
+    placeholder: searchPlaceholder,
     onChange: onSearch,
     value: searchKeyword,
     inputRef: inputRef
@@ -105,6 +109,6 @@ function SearchView(props) {
     role: "tree"
   }, data.length ? data.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement("div", {
     className: merge(prefix('none'), rootPrefix('picker-none'))
-  }, locale.noResultsText)));
+  }, noResultsText)));
 }
 var _default = exports.default = SearchView;

package/cjs/MultiCascadeTree/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import type { CascadeColumn } from '../CascadeTree/types';
 export interface TreeViewProps<T = any> extends WithAsProps {
     disabledItemValues?: T[];

package/cjs/MultiCascadeTree/TreeView.js

@@ -14,6 +14,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _utils2 = require("./utils");
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "style", "renderTreeNode", "renderColumn", "onCheck", "onSelect"];
 var emptyArray = [];
 var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -52,7 +53,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('items'));
-  var _useCustom = (0, _hooks.useCustom)(),
+  var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var _useCombobox = (0, _Picker.useCombobox)(),
     id = _useCombobox.id,

package/cjs/MultiCascadeTree/types.d.ts

@@ -6,7 +6,7 @@ export interface ItemKeys {
     labelKey: string;
     childrenKey: string;
 }
-export interface MultiCascadeTreeProps<T, V = T[], L = any> extends WithAsProps, CascadeTreeProps<T, V> {
+export interface MultiCascadeTreeProps<T = any, V = T[], L = any> extends WithAsProps, CascadeTreeProps<T, V> {
     /**
      * When set to true, selecting a child node will update the state of the parent node.
      */

package/cjs/MultiCascader/MultiCascader.d.ts

@@ -3,7 +3,7 @@ import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
+export interface MultiCascaderProps<T extends DataItemValue = any> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
     /**
      * A picker that can be counted
      */

package/cjs/MultiCascader/MultiCascader.js

@@ -22,6 +22,7 @@ var _hooks2 = require("../MultiCascadeTree/hooks");
 var _TreeView = _interopRequireDefault(require("../MultiCascadeTree/TreeView"));
 var _SearchView = _interopRequireDefault(require("../MultiCascadeTree/SearchView"));
 var _useActive2 = _interopRequireDefault(require("../Cascader/useActive"));
+var _CustomProvider = require("../CustomProvider");
 var _excluded = ["as", "appearance", "classPrefix", "defaultValue", "columnHeight", "columnWidth", "childrenKey", "cleanable", "data", "disabled", "disabledItemValues", "value", "valueKey", "labelKey", "locale", "toggleAs", "style", "countable", "cascade", "placeholder", "placement", "popupClassName", "popupStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderExtraFooter", "renderColumn", "renderTreeNode", "onEntered", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onCheck", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenu", "renderMenuItem"];
 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; }
@@ -33,74 +34,74 @@ var emptyArray = [];
  */
 var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _selectedPaths;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$appearance = props.appearance,
-    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-    defaultValue = props.defaultValue,
-    columnHeight = props.columnHeight,
-    columnWidth = props.columnWidth,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$cleanable = props.cleanable,
-    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-    _props$data = props.data,
-    data = _props$data === void 0 ? emptyArray : _props$data,
-    disabled = props.disabled,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    valueProp = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    overrideLocale = props.locale,
-    toggleAs = props.toggleAs,
-    style = props.style,
-    _props$countable = props.countable,
-    countable = _props$countable === void 0 ? true : _props$countable,
-    _props$cascade = props.cascade,
-    cascade = _props$cascade === void 0 ? true : _props$cascade,
-    placeholder = props.placeholder,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    popupClassName = props.popupClassName,
-    popupStyle = props.popupStyle,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? true : _props$searchable,
-    _props$uncheckableIte = props.uncheckableItemValues,
-    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-    id = props.id,
-    getChildren = props.getChildren,
-    renderValue = props.renderValue,
-    renderExtraFooter = props.renderExtraFooter,
-    renderColumn = props.renderColumn,
-    renderTreeNode = props.renderTreeNode,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    onClean = props.onClean,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onChange = props.onChange,
-    onCheck = props.onCheck,
-    DEPRECATED_menuClassName = props.menuClassName,
-    DEPRECATED_menuStyle = props.menuStyle,
-    DEPRECATED_menuWidth = props.menuWidth,
-    DEPRECATED_menuHeight = props.menuHeight,
-    DEPRECATED_renderMenu = props.renderMenu,
-    DEPRECATED_renderMenuItem = props.renderMenuItem,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _CustomProvider.useCustom)('MultiCascader', props),
+    propsWithDefaults = _useCustom.propsWithDefaults,
+    rtl = _useCustom.rtl;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$ap = propsWithDefaults.appearance,
+    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
+    defaultValue = propsWithDefaults.defaultValue,
+    columnHeight = propsWithDefaults.columnHeight,
+    columnWidth = propsWithDefaults.columnWidth,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
+    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
+    _propsWithDefaults$da = propsWithDefaults.data,
+    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
+    disabled = propsWithDefaults.disabled,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$va = propsWithDefaults.valueKey,
+    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
+    _propsWithDefaults$la = propsWithDefaults.labelKey,
+    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
+    locale = propsWithDefaults.locale,
+    toggleAs = propsWithDefaults.toggleAs,
+    style = propsWithDefaults.style,
+    _propsWithDefaults$co = propsWithDefaults.countable,
+    countable = _propsWithDefaults$co === void 0 ? true : _propsWithDefaults$co,
+    _propsWithDefaults$ca = propsWithDefaults.cascade,
+    cascade = _propsWithDefaults$ca === void 0 ? true : _propsWithDefaults$ca,
+    placeholder = propsWithDefaults.placeholder,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
+    popupClassName = propsWithDefaults.popupClassName,
+    popupStyle = propsWithDefaults.popupStyle,
+    _propsWithDefaults$se = propsWithDefaults.searchable,
+    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
+    _propsWithDefaults$un = propsWithDefaults.uncheckableItemValues,
+    uncheckableItemValues = _propsWithDefaults$un === void 0 ? emptyArray : _propsWithDefaults$un,
+    id = propsWithDefaults.id,
+    getChildren = propsWithDefaults.getChildren,
+    renderValue = propsWithDefaults.renderValue,
+    renderExtraFooter = propsWithDefaults.renderExtraFooter,
+    renderColumn = propsWithDefaults.renderColumn,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    onEntered = propsWithDefaults.onEntered,
+    onExited = propsWithDefaults.onExited,
+    onClean = propsWithDefaults.onClean,
+    onSearch = propsWithDefaults.onSearch,
+    onSelect = propsWithDefaults.onSelect,
+    onChange = propsWithDefaults.onChange,
+    onCheck = propsWithDefaults.onCheck,
+    DEPRECATED_menuClassName = propsWithDefaults.menuClassName,
+    DEPRECATED_menuStyle = propsWithDefaults.menuStyle,
+    DEPRECATED_menuWidth = propsWithDefaults.menuWidth,
+    DEPRECATED_menuHeight = propsWithDefaults.menuHeight,
+    DEPRECATED_renderMenu = propsWithDefaults.renderMenu,
+    DEPRECATED_renderMenuItem = propsWithDefaults.renderMenuItem,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     searchInput = _usePickerRef.searchInput;
-  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
-    locale = _useCustom.locale,
-    rtl = _useCustom.rtl;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -366,7 +367,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     active: active,
     placement: placement,
     inputValue: value
-  }), selectedElement || locale.placeholder)));
+  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 MultiCascader.displayName = 'MultiCascader';
 MultiCascader.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {

package/cjs/Nav/Nav.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import NavItem from './NavItem';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 import NavDropdown from './NavDropdown';
 import NavMenu from './NavMenu';
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface NavProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /**
      * The appearance style of the Nav component.