rsuite 5.73.0 → 5.74.0-beta.0

package/esm/Loader/Loader.js

@@ -6,25 +6,28 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useUniqueId } from "../internals/hooks/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
  */
 var Loader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'loader' : _props$classPrefix,
-    className = props.className,
-    inverse = props.inverse,
-    backdrop = props.backdrop,
-    _props$speed = props.speed,
-    speed = _props$speed === void 0 ? 'normal' : _props$speed,
-    center = props.center,
-    vertical = props.vertical,
-    content = props.content,
-    size = props.size,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Loader', 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 ? 'loader' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    inverse = propsWithDefaults.inverse,
+    backdrop = propsWithDefaults.backdrop,
+    _propsWithDefaults$sp = propsWithDefaults.speed,
+    speed = _propsWithDefaults$sp === void 0 ? 'normal' : _propsWithDefaults$sp,
+    center = propsWithDefaults.center,
+    vertical = propsWithDefaults.vertical,
+    content = propsWithDefaults.content,
+    size = propsWithDefaults.size,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/MaskedInput/MaskedInput.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from '../Input';
-import type { TextMaskProps } from './TextMask';
 import { RsRefForwardingComponent } from '../internals/types';
+import type { TextMaskProps } from './TextMask';
 export type MaskedInputProps = Omit<TextMaskProps, 'onChange'> & Omit<InputProps, 'type'>;
 declare const MaskedInput: RsRefForwardingComponent<'input', MaskedInputProps>;
 export default MaskedInput;

package/esm/MaskedInput/MaskedInput.js

@@ -3,10 +3,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import TextMask from "./TextMask.js";
 import Input from "../Input/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var MaskedInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    inputAs = _props$as === void 0 ? TextMask : _props$as;
-  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+  var _useCustom = useCustom('MaskedInput', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    inputAs = _propsWithDefaults$as === void 0 ? TextMask : _propsWithDefaults$as;
+  return /*#__PURE__*/React.createElement(Input, _extends({}, propsWithDefaults, {
     as: inputAs,
     ref: ref
   }));

package/esm/Message/Message.js

@@ -6,37 +6,40 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var _excluded = ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"];
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
+import CloseButton from "../internals/CloseButton/index.js";
+import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
 import { STATUS } from "../internals/constants/index.js";
 import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons.js";
 import { useClassNames, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
 import { oneOf } from "../internals/propTypes/index.js";
-import CloseButton from "../internals/CloseButton/index.js";
-import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Message` component is used to display important messages to users.
  * @see https://rsuitejs.com/components/message
  */
 var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    bordered = props.bordered,
-    centered = props.centered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'message' : _props$classPrefix,
-    children = props.children,
-    closable = props.closable,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 2000 : _props$duration,
-    full = props.full,
-    header = props.header,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'info' : _props$type,
-    showIcon = props.showIcon,
-    onClose = props.onClose,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Message', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    centered = propsWithDefaults.centered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'message' : _propsWithDefaults$cl,
+    children = propsWithDefaults.children,
+    closable = propsWithDefaults.closable,
+    _propsWithDefaults$du = propsWithDefaults.duration,
+    duration = _propsWithDefaults$du === void 0 ? 2000 : _propsWithDefaults$du,
+    full = propsWithDefaults.full,
+    header = propsWithDefaults.header,
+    _propsWithDefaults$ty = propsWithDefaults.type,
+    type = _propsWithDefaults$ty === void 0 ? 'info' : _propsWithDefaults$ty,
+    showIcon = propsWithDefaults.showIcon,
+    onClose = propsWithDefaults.onClose,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useState = useState('show'),
     display = _useState[0],
     setDisplay = _useState[1];

package/esm/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/esm/Modal/Modal.js

@@ -3,26 +3,26 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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"];
-import React, { useRef, useMemo, useState, useCallback, useContext } from 'react';
+import React, { useRef, useMemo, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import pick from 'lodash/pick';
 import on from 'dom-lib/on';
 import getAnimationEnd from 'dom-lib/getAnimationEnd';
 import BaseModal, { modalPropTypes } from "../internals/Overlay/Modal.js";
 import Bounce from "../Animation/Bounce.js";
-import { useClassNames, useWillUnmount, useUniqueId } from "../internals/hooks/index.js";
-import { mergeRefs } from "../internals/utils/index.js";
 import ModalDialog, { modalDialogPropTypes } from "./ModalDialog.js";
-import { ModalContext } from "./ModalContext.js";
 import ModalBody from "./ModalBody.js";
 import ModalHeader from "./ModalHeader.js";
 import ModalTitle from "./ModalTitle.js";
 import ModalFooter from "./ModalFooter.js";
+import { useClassNames, useWillUnmount, useUniqueId } from "../internals/hooks/index.js";
+import { mergeRefs } from "../internals/utils/index.js";
+import { ModalContext } from "./ModalContext.js";
 import { useBodyStyles } from "./utils.js";
 import { deprecatePropType, oneOf } from "../internals/propTypes/index.js";
-import DrawerContext from "../Drawer/DrawerContext.js";
+import { useCustom } from "../CustomProvider/index.js";
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
 /**
  * The `Modal` component is used to show content in a layer above the app.
@@ -30,39 +30,44 @@ var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
  */
 var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _prefix, _merge;
-  var _props$animation = props.animation,
-    animation = _props$animation === void 0 ? Bounce : _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 : _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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Modal', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$an = propsWithDefaults.animation,
+    animation = _propsWithDefaults$an === void 0 ? Bounce : _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 : _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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var inClass = {
     in: open && !animation
   };
@@ -78,11 +83,6 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var dialogRef = useRef(null);
   var transitionEndListener = useRef();
 
-  // Render Modal as Drawer
-  var _ref = useContext(DrawerContext) || {},
-    _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 = useBodyStyles(dialogRef, {
       overflow: overflow,
@@ -99,9 +99,11 @@ var Modal = /*#__PURE__*/React.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 = useCallback(function (node) {
     var _transitionEndListene;
     onExited === null || onExited === void 0 ? void 0 : onExited(node);
@@ -157,8 +159,8 @@ var Modal = /*#__PURE__*/React.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';
   }
@@ -199,7 +201,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick: backdrop ? handleBackdropClick : undefined,
     onMouseDown: handleMouseDown
   }), function (transitionProps, transitionRef) {
-    var _ref3;
+    var _ref2;
     var transitionClassName = transitionProps.className,
       transitionRest = _objectWithoutPropertiesLoose(transitionProps, _excluded2);
     return /*#__PURE__*/React.createElement(Dialog, _extends({
@@ -207,7 +209,7 @@ var Modal = /*#__PURE__*/React.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, pick(rest, Object.keys(modalDialogPropTypes)), {
       ref: mergeRefs(dialogRef, transitionRef),
       classPrefix: classPrefix,

package/esm/Modal/ModalBody.js

@@ -8,9 +8,7 @@ import { useClassNames } from "../internals/hooks/index.js";
 import { ModalContext } from "./ModalContext.js";
 import IconButton from "../IconButton/index.js";
 import Close from '@rsuite/icons/Close';
-import DrawerContext from "../Drawer/DrawerContext.js";
 var ModalBody = /*#__PURE__*/React.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,
@@ -25,8 +23,11 @@ var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   var context = useContext(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 = useContext(DrawerContext)) === 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.createElement(IconButton, {
@@ -34,7 +35,7 @@ var ModalBody = /*#__PURE__*/React.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.createElement(Component, _extends({}, rest, {

package/esm/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/esm/Modal/ModalHeader.js

@@ -10,9 +10,7 @@ import { ModalContext } from "./ModalContext.js";
 import CloseButton from "../internals/CloseButton/index.js";
 import Close from '@rsuite/icons/Close';
 import IconButton from "../IconButton/index.js";
-import DrawerContext from "../Drawer/DrawerContext.js";
 var ModalHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useContext, _useContext2;
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     _props$classPrefix = props.classPrefix,
@@ -28,8 +26,10 @@ var ModalHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
-  var onModalClose = (_useContext = useContext(ModalContext)) === null || _useContext === void 0 ? void 0 : _useContext.onModalClose;
-  var isDrawer = (_useContext2 = useContext(DrawerContext)) === null || _useContext2 === void 0 ? void 0 : _useContext2.isDrawer;
+  var context = useContext(ModalContext);
+  var _ref = context || {},
+    isDrawer = _ref.isDrawer,
+    onModalClose = _ref.onModalClose;
   var buttonElement = isDrawer ? /*#__PURE__*/React.createElement(IconButton, {
     icon: /*#__PURE__*/React.createElement(Close, null),
     appearance: "subtle",

package/esm/MultiCascadeTree/MultiCascadeTree.js

@@ -4,9 +4,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 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"];
 import React from 'react';
 import TreeView from "./TreeView.js";
+import SearchView from "./SearchView.js";
 import { useCascadeValue, useSelect, useSearch } from "./hooks/index.js";
 import { useClassNames, useControlled } from "../internals/hooks/index.js";
-import SearchView from "./SearchView.js";
+import { useCustom } from "../CustomProvider/index.js";
 var emptyArray = [];
 
 /**
@@ -14,39 +15,41 @@ var emptyArray = [];
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
 var MultiCascadeTree = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = 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 = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var itemKeys = {
     childrenKey: childrenKey,
     labelKey: labelKey,

package/esm/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/esm/MultiCascadeTree/SearchView.js

@@ -3,10 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "locale", "onSearch", "onCheck"];
 import React from 'react';
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import SearchBox from "../internals/SearchBox/index.js";
 import Checkbox from "../Checkbox/index.js";
 import Highlight from "../Highlight/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import { isSomeChildChecked, getNodeParents } from "./utils.js";
 function SearchView(props) {
   var _props$as = props.as,
@@ -33,8 +34,11 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = useCustom('Picker', overrideLocale),
-    locale = _useCustom.locale;
+  var _useCustom = 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 = getNodeParents(item);
@@ -90,7 +94,7 @@ function SearchView(props) {
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: classes
   }, rest), /*#__PURE__*/React.createElement(SearchBox, {
-    placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
+    placeholder: searchPlaceholder,
     onChange: onSearch,
     value: searchKeyword,
     inputRef: inputRef
@@ -100,6 +104,6 @@ function SearchView(props) {
     role: "tree"
   }, data.length ? data.map(renderSearchRow) : /*#__PURE__*/React.createElement("div", {
     className: merge(prefix('none'), rootPrefix('picker-none'))
-  }, locale.noResultsText)));
+  }, noResultsText)));
 }
 export default SearchView;

package/esm/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/esm/MultiCascadeTree/TreeView.js

@@ -6,10 +6,11 @@ import React from 'react';
 import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import PagePreviousIcon from '@rsuite/icons/PagePrevious';
 import PageNextIcon from '@rsuite/icons/PageNext';
-import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { shallowEqual } from "../internals/utils/index.js";
 import { ListCheckItem, useCombobox } from "../internals/Picker/index.js";
 import { isSomeParentChecked, isSomeChildChecked } from "./utils.js";
+import { useCustom } from "../CustomProvider/index.js";
 var emptyArray = [];
 var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,

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