rsuite 5.73.0 → 5.74.0-beta.0

package/esm/ButtonGroup/ButtonGroup.js

@@ -6,25 +6,28 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import ButtonGroupContext from "./ButtonGroupContext.js";
 /**
  * The ButtonGroup component is used to group a series of buttons together in a single line or column.
  * @see https://rsuitejs.com/components/button/#button-group
  */
 var ButtonGroup = /*#__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 ? 'btn-group' : _props$classPrefix,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'group' : _props$role,
-    className = props.className,
-    children = props.children,
-    block = props.block,
-    vertical = props.vertical,
-    justified = props.justified,
-    size = props.size,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('ButtonGroup', 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 ? 'btn-group' : _propsWithDefaults$cl,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'group' : _propsWithDefaults$ro,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    block = propsWithDefaults.block,
+    vertical = propsWithDefaults.vertical,
+    justified = propsWithDefaults.justified,
+    size = propsWithDefaults.size,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;

package/esm/ButtonToolbar/ButtonToolbar.js

@@ -5,20 +5,23 @@ var _excluded = ["className", "classPrefix", "as", "role"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 import Stack from "../Stack/index.js";
 /**
  * The ButtonToolbar component is used to group a series of buttons together in a single line.
  * @see https://rsuitejs.com/components/button/#button-toolbar
  */
 var ButtonToolbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'btn-toolbar' : _props$classPrefix,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? Stack : _props$as,
-    _props$role = props.role,
-    role = _props$role === void 0 ? 'toolbar' : _props$role,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('ButtonToolbar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn-toolbar' : _propsWithDefaults$cl,
+    _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? Stack : _propsWithDefaults$as,
+    _propsWithDefaults$ro = propsWithDefaults.role,
+    role = _propsWithDefaults$ro === void 0 ? 'toolbar' : _propsWithDefaults$ro,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var stackProps = Component === Stack ? {
     wrap: true,
     spacing: 10,

package/esm/Calendar/Calendar.js

@@ -4,42 +4,43 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "weekStart", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"];
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isSameMonth, startOfDay } from "../internals/utils/date/index.js";
 import CalendarContainer from "./CalendarContainer.js";
 import Button from "../Button/index.js";
+import { isSameMonth, startOfDay } from "../internals/utils/date/index.js";
 import { FormattedDate } from "../CustomProvider/index.js";
-import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { useCalendarDate } from "./hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Calendar component is used to select dates.
  * @see https://rsuitejs.com/components/calendar
  */
 var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? CalendarContainer : _props$as,
-    bordered = props.bordered,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
-    compact = props.compact,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? startOfDay(new Date()) : _props$defaultValue,
-    isoWeek = props.isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
-    overrideLocale = props.locale,
-    onChange = props.onChange,
-    onMonthChange = props.onMonthChange,
-    onSelect = props.onSelect,
-    renderCell = props.renderCell,
-    value = props.value,
-    cellClassName = props.cellClassName,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('Calendar', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? CalendarContainer : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'calendar' : _propsWithDefaults$cl,
+    compact = propsWithDefaults.compact,
+    _propsWithDefaults$de = propsWithDefaults.defaultValue,
+    defaultValue = _propsWithDefaults$de === void 0 ? startOfDay(new Date()) : _propsWithDefaults$de,
+    isoWeek = propsWithDefaults.isoWeek,
+    _propsWithDefaults$we = propsWithDefaults.weekStart,
+    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    locale = propsWithDefaults.locale,
+    onChange = propsWithDefaults.onChange,
+    onMonthChange = propsWithDefaults.onMonthChange,
+    onSelect = propsWithDefaults.onSelect,
+    renderCell = propsWithDefaults.renderCell,
+    value = propsWithDefaults.value,
+    cellClassName = propsWithDefaults.cellClassName,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useCalendarDate = useCalendarDate(value, defaultValue),
     calendarDate = _useCalendarDate.calendarDate,
     setCalendarDate = _useCalendarDate.setCalendarDate;
-  var _useCustom = useCustom('Calendar', overrideLocale),
-    locale = _useCustom.locale;
   var handleChange = useEventCallback(function (nextValue) {
     setCalendarDate(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
@@ -63,12 +64,12 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: prefix('btn-today'),
       size: "sm",
       onClick: handleClickToday
-    }, locale.today || 'Today');
+    }, (locale === null || locale === void 0 ? void 0 : locale.today) || 'Today');
   };
   var renderTitle = function renderTitle(date) {
     return /*#__PURE__*/React.createElement(FormattedDate, {
       date: date,
-      formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
+      formatStr: (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'MMMM  yyyy'
     });
   };
   var classes = merge(className, withClassPrefix('panel', {

package/esm/Calendar/CalendarBody.d.ts

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export type CalendarBodyProps = WithAsProps;
 declare const CalendarBody: RsRefForwardingComponent<'div', CalendarBodyProps>;
 export default CalendarBody;

package/esm/Calendar/CalendarBody.js

@@ -3,10 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "className", "classPrefix"];
 import React from 'react';
-import { getWeekStartDates, setDate } from "../internals/utils/date/index.js";
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import Grid from "./Grid/index.js";
+import { getWeekStartDates, setDate } from "../internals/utils/date/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
 import { useCalendar } from "./hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var CalendarBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -20,9 +21,10 @@ var CalendarBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isoWeek = _useCalendar.isoWeek,
     overrideLocale = _useCalendar.locale,
     weekStart = _useCalendar.weekStart;
-  var _useCustom = useCustom('Calendar', overrideLocale),
-    locale = _useCustom.locale,
+  var _useCustom = useCustom(),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
+  var locale = getLocale('Calendar', overrideLocale);
   var thisMonthDate = setDate(date, 1);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,

package/esm/Calendar/CalendarContainer.d.ts

@@ -99,7 +99,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      *
      * @see https://rsuitejs.com/guide/i18n/#calendar
      */
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     /**
      * The props for the Month Dropdown component.
      */

package/esm/Calendar/CalendarProvider.d.ts

@@ -104,7 +104,7 @@ export interface CalendarInnerContextValue {
     cellClassName?: (date: Date) => string | undefined;
 }
 export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
+    locale?: CalendarLocale;
     formatDate?: typeof format;
 }
 export declare const CalendarContext: React.Context<CalendarContextValue>;

package/esm/Calendar/Grid/GridCell.js

@@ -5,7 +5,8 @@ var _excluded = ["as", "classPrefix", "disabled", "selected", "date", "onSelect"
 import React from 'react';
 import partial from 'lodash/partial';
 import { isSameDay, getDate } from "../../internals/utils/date/index.js";
-import { useClassNames, useCustom } from "../../internals/hooks/index.js";
+import { useClassNames } from "../../internals/hooks/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import { useCalendar } from "../hooks/index.js";
 import { getAriaLabel } from "../utils/index.js";
 var GridCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -31,10 +32,13 @@ var GridCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  var _useCustom = useCustom('Calendar', overrideLocale),
-    locale = _useCustom.locale,
+  var _useCustom = useCustom(),
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
-  var formatStr = locale.formattedDayPattern;
+  var _getLocale = getLocale('Calendar', overrideLocale),
+    formattedDayPattern = _getLocale.formattedDayPattern,
+    today = _getLocale.today;
+  var formatStr = formattedDayPattern;
   var ariaLabel = getAriaLabel(date, formatStr, formatDate);
   var todayDate = new Date();
   var isToday = isSameDay(date, todayDate);
@@ -54,7 +58,7 @@ var GridCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-selected": selected || undefined,
     "aria-disabled": disabled || undefined,
     tabIndex: selected ? 0 : -1,
-    title: isToday ? ariaLabel + " (" + (locale === null || locale === void 0 ? void 0 : locale.today) + ")" : ariaLabel,
+    title: isToday ? ariaLabel + " (" + today + ")" : ariaLabel,
     className: classes,
     onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : undefined,
     onClick: onSelect ? partial(onSelect, date, disabled) : undefined

package/esm/Calendar/MonthDropdown/MonthDropdown.js

@@ -4,10 +4,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],
   _excluded2 = ["className", "itemClassName", "as", "itemAs"];
 import React, { useCallback, useMemo } from 'react';
+import MonthDropdownItem from "./MonthDropdownItem.js";
 import { getMonth, getYear } from "../../internals/utils/date/index.js";
 import { AutoSizer, FixedSizeList } from "../../internals/Windowing/index.js";
 import { useClassNames } from "../../internals/hooks/index.js";
-import MonthDropdownItem from "./MonthDropdownItem.js";
 import { useCalendar } from "../hooks/index.js";
 import { isEveryDateInMonth } from "../utils/index.js";
 // Array representing the index of each month

package/esm/Calendar/MonthDropdown/MonthDropdownItem.d.ts

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

package/esm/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -4,8 +4,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
 import React, { useMemo } from 'react';
 import { setMonth, setYear } from "../../internals/utils/date/index.js";
-import { useClassNames, useCustom, useEventCallback } from "../../internals/hooks/index.js";
+import { useClassNames, useEventCallback } from "../../internals/hooks/index.js";
 import { composeFunctions } from "../../internals/utils/index.js";
+import { useCustom } from "../../CustomProvider/index.js";
 import { useCalendar } from "../hooks/index.js";
 import { getAriaLabel } from "../utils/index.js";
 var MonthDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -22,11 +23,13 @@ var MonthDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCalendar = useCalendar(),
     date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeMonth;
+    onSelect = _useCalendar.onChangeMonth,
+    overrideLocale = _useCalendar.locale;
   var _useCustom = useCustom('Calendar'),
-    locale = _useCustom.locale,
+    getLocale = _useCustom.getLocale,
     formatDate = _useCustom.formatDate;
-  var formatStr = locale.formattedMonthPattern;
+  var _getLocale = getLocale('Calendar', overrideLocale),
+    formatStr = _getLocale.formattedMonthPattern;
   var currentMonth = useMemo(function () {
     if (year && month) {
       return composeFunctions(function (d) {

package/esm/Calendar/hooks/useCalendarState.d.ts

@@ -18,5 +18,5 @@ export declare const useCalendarState: (props: CalendarStateProps) => {
         onToggleTimeDropdown: (...args: any[]) => any;
         onToggleMonthDropdown: (...args: any[]) => any;
     };
-    reset: () => void;
+    reset: (...args: any[]) => any;
 };

package/esm/Calendar/hooks/useCalendarState.js

@@ -1,5 +1,5 @@
 'use client';
-import { useCallback, useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { addMonths } from "../../internals/utils/date/index.js";
 import { useEventCallback } from "../../internals/hooks/index.js";
 export var CalendarState = /*#__PURE__*/function (CalendarState) {
@@ -11,9 +11,16 @@ export var useCalendarState = function useCalendarState(props) {
   var _useState = useState(props.defaultState),
     calendarState = _useState[0],
     setCalendarState = _useState[1];
-  var reset = useCallback(function () {
+  var reset = useEventCallback(function () {
     setCalendarState(undefined);
-  }, []);
+    if (calendarState === CalendarState.TIME) {
+      var _props$onToggleTimeDr;
+      (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 ? void 0 : _props$onToggleTimeDr.call(props, false);
+    } else if (calendarState === CalendarState.MONTH) {
+      var _props$onToggleMonthD;
+      (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 ? void 0 : _props$onToggleMonthD.call(props, false);
+    }
+  });
   var onMoveForward = useEventCallback(function () {
     var _props$onMoveForward;
     (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 ? void 0 : _props$onMoveForward.call(props, addMonths(props.calendarDate, 1));
@@ -23,22 +30,22 @@ export var useCalendarState = function useCalendarState(props) {
     (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 ? void 0 : _props$onMoveBackward.call(props, addMonths(props.calendarDate, -1));
   });
   var onToggleTimeDropdown = useEventCallback(function () {
-    var _props$onToggleTimeDr;
+    var _props$onToggleTimeDr2;
     if (calendarState === CalendarState.TIME) {
-      reset();
+      setCalendarState(undefined);
     } else {
       setCalendarState(CalendarState.TIME);
     }
-    (_props$onToggleTimeDr = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr === void 0 ? void 0 : _props$onToggleTimeDr.call(props, calendarState !== CalendarState.TIME);
+    (_props$onToggleTimeDr2 = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr2 === void 0 ? void 0 : _props$onToggleTimeDr2.call(props, calendarState !== CalendarState.TIME);
   });
   var onToggleMonthDropdown = useEventCallback(function () {
-    var _props$onToggleMonthD;
+    var _props$onToggleMonthD2;
     if (calendarState === CalendarState.MONTH) {
-      reset();
+      setCalendarState(undefined);
     } else {
       setCalendarState(CalendarState.MONTH);
     }
-    (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 ? void 0 : _props$onToggleMonthD.call(props, calendarState !== CalendarState.MONTH);
+    (_props$onToggleMonthD2 = props.onToggleMonthDropdown) === null || _props$onToggleMonthD2 === void 0 ? void 0 : _props$onToggleMonthD2.call(props, calendarState !== CalendarState.MONTH);
   });
   var handlers = useMemo(function () {
     return {

package/esm/Carousel/Carousel.js

@@ -6,36 +6,38 @@ import React, { useState, useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { oneOf } from "../internals/propTypes/index.js";
-import { useClassNames, useCustom, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks/index.js";
+import { useClassNames, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks/index.js";
 import { guid, ReactChildren, mergeRefs } from "../internals/utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Carousel component is used to display a series of content.
  * @see https://rsuitejs.com/components/carousel
  */
 var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _sliderStyles, _ref;
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    children = props.children,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'carousel' : _props$classPrefix,
-    className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-    _props$shape = props.shape,
-    shape = _props$shape === void 0 ? 'dot' : _props$shape,
-    autoplay = props.autoplay,
-    _props$autoplayInterv = props.autoplayInterval,
-    autoplayInterval = _props$autoplayInterv === void 0 ? 4000 : _props$autoplayInterv,
-    activeIndexProp = props.activeIndex,
-    _props$defaultActiveI = props.defaultActiveIndex,
-    defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
-    onSelect = props.onSelect,
-    onSlideStart = props.onSlideStart,
-    onSlideEnd = props.onSlideEnd,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCustom = useCustom('Carousel'),
-    rtl = _useCustom.rtl;
+  var _useCustom = useCustom('Carousel', props),
+    rtl = _useCustom.rtl,
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'carousel' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$pl = propsWithDefaults.placement,
+    placement = _propsWithDefaults$pl === void 0 ? 'bottom' : _propsWithDefaults$pl,
+    _propsWithDefaults$sh = propsWithDefaults.shape,
+    shape = _propsWithDefaults$sh === void 0 ? 'dot' : _propsWithDefaults$sh,
+    autoplay = propsWithDefaults.autoplay,
+    _propsWithDefaults$au = propsWithDefaults.autoplayInterval,
+    autoplayInterval = _propsWithDefaults$au === void 0 ? 4000 : _propsWithDefaults$au,
+    activeIndexProp = propsWithDefaults.activeIndex,
+    _propsWithDefaults$de = propsWithDefaults.defaultActiveIndex,
+    defaultActiveIndex = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,
+    onSelect = propsWithDefaults.onSelect,
+    onSlideStart = propsWithDefaults.onSlideStart,
+    onSlideEnd = propsWithDefaults.onSlideEnd,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,

package/esm/CascadeTree/CascadeTree.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CascadeTreeProps } from './types';
+import type { CascadeTreeProps } from './types';
 export interface CascadeTreeComponent {
     <T>(props: CascadeTreeProps<T> & {
         ref?: React.Ref<HTMLDivElement>;

package/esm/CascadeTree/CascadeTree.js

@@ -3,46 +3,49 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "locale", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"];
 import React, { useCallback, useMemo } from 'react';
+import TreeView from "./TreeView.js";
+import SearchView from "./SearchView.js";
 import { getParentMap } from "../internals/Tree/utils/index.js";
 import { flattenTree } from "../Tree/utils/index.js";
 import { useMap, useControlled, useClassNames, useEventCallback } from "../internals/hooks/index.js";
-import TreeView from "./TreeView.js";
-import SearchView from "./SearchView.js";
 import { useSearch, useSelect, usePaths } from "./hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 /**
  * CascadeTree is a component that displays tree-structured data in columns.
  *
  * @see https://rsuitejs.com/components/cascade-tree
  */
 var CascadeTree = /*#__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 ? [] : _props$data,
-    defaultValue = props.defaultValue,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'cascade-tree' : _props$classPrefix,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _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,
-    valueProp = props.value,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    columnWidth = props.columnWidth,
-    columnHeight = props.columnHeight,
-    searchable = props.searchable,
-    renderTreeNode = props.renderTreeNode,
-    renderColumn = props.renderColumn,
-    onSelect = props.onSelect,
-    onSearch = props.onSearch,
-    onChange = props.onChange,
-    getChildren = props.getChildren,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useCustom = useCustom('CascadeTree', 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 ? [] : _propsWithDefaults$da,
+    defaultValue = propsWithDefaults.defaultValue,
+    className = propsWithDefaults.className,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'cascade-tree' : _propsWithDefaults$cl,
+    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
+    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
+    _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,
+    valueProp = propsWithDefaults.value,
+    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
+    disabledItemValues = _propsWithDefaults$di === void 0 ? [] : _propsWithDefaults$di,
+    columnWidth = propsWithDefaults.columnWidth,
+    columnHeight = propsWithDefaults.columnHeight,
+    searchable = propsWithDefaults.searchable,
+    renderTreeNode = propsWithDefaults.renderTreeNode,
+    renderColumn = propsWithDefaults.renderColumn,
+    onSelect = propsWithDefaults.onSelect,
+    onSearch = propsWithDefaults.onSearch,
+    onChange = propsWithDefaults.onChange,
+    getChildren = propsWithDefaults.getChildren,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _ref = useControlled(valueProp, defaultValue),
     value = _ref[0],
     setValue = _ref[1];

package/esm/CascadeTree/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", "labelKey", "locale", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"];
 import React from 'react';
-import { useClassNames, useCustom } from "../internals/hooks/index.js";
-import { getPathTowardsItem } from "../internals/Tree/utils/index.js";
 import SearchBox from "../internals/SearchBox/index.js";
 import Highlight from "../Highlight/index.js";
+import { useClassNames } from "../internals/hooks/index.js";
+import { getPathTowardsItem } from "../internals/Tree/utils/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 function SearchView(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -32,8 +33,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 items = getPathTowardsItem(item, function (item) {
       return parentMap.get(item);
@@ -80,7 +84,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
@@ -90,6 +94,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/CascadeTree/TreeView.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
-import { SelectNode, CascadeColumn } from './types';
+import type { SelectNode, CascadeColumn } from './types';
+import type { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
 type SetLike<T = unknown> = {
     has(value: T): boolean;
 };

package/esm/CascadeTree/TreeView.js

@@ -6,13 +6,14 @@ import React, { useEffect, useRef } from 'react';
 import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import isUndefined from 'lodash/isUndefined';
 import isNil from 'lodash/isNil';
-import { shallowEqual, mergeRefs } from "../internals/utils/index.js";
-import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
-import { ListItem, useCombobox } from "../internals/Picker/index.js";
 import PagePreviousIcon from '@rsuite/icons/PagePrevious';
 import PageNextIcon from '@rsuite/icons/PageNext';
 import getPosition from 'dom-lib/getPosition';
 import scrollTop from 'dom-lib/scrollTop';
+import { shallowEqual, mergeRefs } from "../internals/utils/index.js";
+import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { ListItem, useCombobox } from "../internals/Picker/index.js";
+import { useCustom } from "../CustomProvider/index.js";
 var emptyArray = [];
 var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,

package/esm/CascadeTree/types.d.ts

@@ -10,7 +10,7 @@ export interface CascadeColumn<T> {
     parentItem?: ItemDataType<T>;
     layer?: number;
 }
-export interface CascadeTreeProps<T, V = T, L = any> extends WithAsProps, DataProps<ItemDataType<T>> {
+export interface CascadeTreeProps<T = any, V = T, L = any> extends WithAsProps, DataProps<ItemDataType<T>> {
     /**
      * Initial value
      */