rsuite 5.56.0 → 5.58.0

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -94,18 +94,16 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onEntered = props.onEntered,
     onChange = props.onChange,
     onClean = props.onClean,
-    onClose = props.onClose,
     onExited = props.onExited,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     onSelectItem = props.onSelectItem,
-    onOpen = props.onOpen,
     onScroll = props.onScroll,
     onExpand = props.onExpand,
     renderValue = props.renderValue,
     renderTreeIcon = props.renderTreeIcon,
     renderTreeNode = props.renderTreeNode,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuMaxHeight", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onSelectItem", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuMaxHeight", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onExited", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
   var _useContext = useContext(TreeContext),
     inline = _useContext.inline;
   var _usePickerRef = usePickerRef(ref, {
@@ -366,18 +364,13 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }));
   });
   var handleOpen = useEventCallback(function () {
-    var _trigger$current, _trigger$current$open;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$open = _trigger$current.open) === null || _trigger$current$open === void 0 ? void 0 : _trigger$current$open.call(_trigger$current);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
     focusActiveNode();
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   });
   var handleClose = useEventCallback(function () {
-    var _trigger$current2, _trigger$current2$clo, _target$current;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$clo = _trigger$current2.close) === null || _trigger$current2$clo === void 0 ? void 0 : _trigger$current2$clo.call(_trigger$current2);
+    var _target$current;
     setSearchKeyword('');
-    onClose === null || onClose === void 0 ? void 0 : onClose();
     setFocusItemValue(null);
     setActive(false);
 
@@ -494,7 +487,6 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchInput: searchInput,
     active: active,
     onExit: handleClean,
-    onClose: handleClose,
     onMenuKeyDown: function onMenuKeyDown(event) {
       _onMenuKeyDown(event, {
         down: function down() {

package/esm/DatePicker/DatePicker.js

@@ -17,7 +17,7 @@ import { isEveryDateInMonth } from '../Calendar/MonthDropdown';
 import Toolbar from './Toolbar';
 import Stack from '../Stack';
 import PredefinedRanges from './PredefinedRanges';
-import { createChainedFunction, mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps } from '../utils';
+import { mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps } from '../utils';
 import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, addMonths, addDays, isValid, disabledTime, copyTime, calendarOnlyProps } from '../utils/dateUtils';
 import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../internals/Picker';
 import { OverlayCloseCause } from '../internals/Overlay/OverlayTrigger';
@@ -84,19 +84,17 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onChangeCalendarDate = props.onChangeCalendarDate,
     onClean = props.onClean,
-    onClose = props.onClose,
     onEntered = props.onEntered,
     onExited = props.onExited,
     onNextMonth = props.onNextMonth,
     onOk = props.onOk,
-    onOpen = props.onOpen,
     onPrevMonth = props.onPrevMonth,
     onSelect = props.onSelect,
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
     onShortcutClick = props.onShortcutClick,
     renderCell = props.renderCell,
-    restProps = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEntered", "onExited", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell"]);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -489,12 +487,14 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return caretAsProp || (shouldOnlyRenderTime(formatStr) ? IconClockO : IconCalendar);
   }, [caretAsProp, formatStr]);
   var handleTriggerClose = useEventCallback(function (cause) {
+    var _props$onClose;
     // Unless overlay is closing on user clicking "OK" button,
     // reset the selected date on calendar panel
     if (cause !== OverlayCloseCause.ImperativeHandle) {
       resetCalendarDate();
     }
     setShowMonthDropdown(false);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
   });
   var showCleanButton = cleanable && hasValue && !readOnly;
   var _partitionHTMLProps = partitionHTMLProps(restProps, {
@@ -510,8 +510,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: trigger,
     placement: placement,
     onClose: handleTriggerClose,
-    onEntered: createChainedFunction(onOpen, onEntered),
-    onExited: createChainedFunction(onClose, onExited),
+    onEntered: onEntered,
+    onExited: onExited,
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),

package/esm/DateRangePicker/DateRangePicker.js

@@ -84,16 +84,14 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     valueProp = props.value,
     onChange = props.onChange,
     onClean = props.onClean,
-    onClose = props.onClose,
     onEnter = props.onEnter,
     onEntered = props.onEntered,
     onExited = props.onExited,
     onOk = props.onOk,
-    onOpen = props.onOpen,
     onSelect = props.onSelect,
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.renderTitle,
-    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "onShortcutClick", "renderTitle"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onEntered", "onExited", "onOk", "onSelect", "onShortcutClick", "renderTitle"]);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -706,8 +704,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     pickerProps: pick(props, pickTriggerPropKeys),
     placement: placement,
     onEnter: createChainedFunction(handleEnter, onEnter),
-    onEntered: createChainedFunction(onOpen, onEntered),
-    onExited: createChainedFunction(onClose, onExited),
+    onEntered: onEntered,
+    onExited: onExited,
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     ref: root,

package/esm/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
+import type { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;
@@ -35,7 +35,15 @@ export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.
      * @internal
      */
     open?: boolean;
-    /** Select the callback function for the current option  */
+    /**
+     * The dropdown item keyboard shortcut.
+     *
+     * @version 5.58.0
+     */
+    shortcut?: React.ReactNode;
+    /**
+     * Select the callback function for the current option
+     */
     onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
 }
 /**

package/esm/Dropdown/DropdownItem.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import { deprecatePropType, deprecatePropTypeNew, oneOf } from '../internals/propTypes';
 import MenuItem from '../internals/Menu/MenuItem';
 import DropdownContext from './DropdownContext';
@@ -15,8 +16,8 @@ import { DropdownActionType } from './DropdownState';
 import { useRenderDropdownItem } from './useRenderDropdownItem';
 import warnOnce from '../utils/warnOnce';
 import Nav from '../Nav';
+import Text from '../Text';
 import DropdownSeparator from './DropdownSeparator';
-import classNames from 'classnames';
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
@@ -26,6 +27,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
     className = props.className,
+    shortcut = props.shortcut,
     activeProp = props.active,
     eventKey = props.eventKey,
     onSelect = props.onSelect,
@@ -36,7 +38,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     panel = props.panel,
     children = props.children,
     disabled = props.disabled,
-    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "shortcut", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var internalId = useInternalId('DropdownItem');
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
@@ -122,7 +124,14 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.cloneElement(icon, {
         className: classNames(prefix('menu-icon'), icon.props.className)
-      }), children)
+      }), /*#__PURE__*/React.createElement(Text, {
+        as: "span",
+        className: prefix('content')
+      }, children), shortcut && /*#__PURE__*/React.createElement(Text, {
+        as: "kbd",
+        className: prefix('shortcut'),
+        muted: true
+      }, shortcut))
     }));
   });
 });

package/esm/Heading/Heading.d.ts

@@ -0,0 +1,16 @@
+import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+export interface HeadingProps extends WithAsProps {
+    /**
+     * Sets heading level, h1 through h6.
+     * @default 3
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/**
+ *
+ * The `Heading` component is used to display a heading.
+ *
+ * @see https://rsuitejs.com/components/heading
+ */
+declare const Heading: RsRefForwardingComponent<'h3', HeadingProps>;
+export default Heading;

package/esm/Heading/Heading.js

@@ -0,0 +1,38 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from '../utils';
+/**
+ *
+ * The `Heading` component is used to display a heading.
+ *
+ * @see https://rsuitejs.com/components/heading
+ */
+var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var as = props.as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'heading' : _props$classPrefix,
+    className = props.className,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 3 : _props$level,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "level"]);
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix());
+  var Component = as || "h" + level;
+  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    ref: ref,
+    className: classes
+  }));
+});
+Heading.displayName = 'Heading';
+Heading.propTypes = {
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  as: PropTypes.elementType,
+  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6])
+};
+export default Heading;

package/esm/Heading/index.d.ts

@@ -0,0 +1,3 @@
+import Heading from './Heading';
+export { type HeadingProps } from './Heading';
+export default Heading;

package/esm/Heading/index.js

@@ -0,0 +1,4 @@
+'use client';
+import Heading from './Heading';
+export { type HeadingProps } from './Heading';
+export default Heading;

package/esm/HeadingGroup/HeadingGroup.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from '../utils/createComponent';
+export declare type HeadingGroupProps = ComponentProps;
+/**
+ * HeadingGroup is a group of headings.
+ * @see https://rsuitejs.com/components/heading
+ */
+declare const HeadingGroup: import("../@types/common").RsRefForwardingComponent<"hgroup", ComponentProps>;
+export default HeadingGroup;

package/esm/HeadingGroup/HeadingGroup.js

@@ -0,0 +1,11 @@
+'use client';
+import createComponent from '../utils/createComponent';
+/**
+ * HeadingGroup is a group of headings.
+ * @see https://rsuitejs.com/components/heading
+ */
+var HeadingGroup = createComponent({
+  name: 'HeadingGroup',
+  componentAs: 'hgroup'
+});
+export default HeadingGroup;

package/esm/HeadingGroup/index.d.ts

@@ -0,0 +1,3 @@
+import HeadingGroup from './HeadingGroup';
+export type { HeadingGroupProps } from './HeadingGroup';
+export default HeadingGroup;

package/esm/HeadingGroup/index.js

@@ -0,0 +1,3 @@
+'use client';
+import HeadingGroup from './HeadingGroup';
+export default HeadingGroup;

package/esm/InlineEdit/InlineEdit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 import { type ChildrenProps } from './renderChildren';
-export interface InlineEditProps extends WithAsProps {
+export interface InlineEditProps extends Omit<WithAsProps, 'children'> {
     /**
      * If true, the InlineEdit will be disabled.
      */

package/esm/InputPicker/InputPicker.js

@@ -104,14 +104,13 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onCreate = props.onCreate,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     searchBy = props.searchBy,
+    size = props.size,
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onOpen", "onClose", "onBlur", "onFocus", "searchBy", "placement"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onBlur", "onFocus", "searchBy", "size", "placement"]);
   var _useContext = useContext(InputPickerContext),
     multi = _useContext.multi,
     tagProps = _useContext.tagProps,
@@ -460,7 +459,6 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleExited = useEventCallback(function () {
     setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);
     resetSearch();
-    onClose === null || onClose === void 0 ? void 0 : onClose();
   });
   var handleFocus = useEventCallback(function () {
     if (!readOnly) {
@@ -522,7 +520,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         role: "option"
       }, tagRest, {
         key: tag,
-        size: convertSize(rest.size),
+        size: convertSize(size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
         onClose: createChainedFunction(handleRemoveItemByTag.bind(null, tag), onClose)
@@ -623,7 +621,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })),
     pickerClasses = _usePickerClassName[0],
     usedClassNamePropKeys = _usePickerClassName[1];
-  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["tag"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["focused"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["disabled-options"])))] = disabledOptions, _merge));
+  var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["tag"])))] = multi, _merge[prefix((multi ? 'tag' : 'input') + "-" + size)] = size, _merge[prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["focused"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["disabled-options"])))] = disabledOptions, _merge));
   var searching = !!searchKeyword && open;
   var editable = searchable && !disabled && !rest.loading;
   var inputProps = multi ? {
@@ -657,7 +655,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: triggerRef,
     trigger: "active",
     onEnter: createChainedFunction(handleEnter, onEnter),
-    onEntered: createChainedFunction(onEntered, onOpen),
+    onEntered: onEntered,
     onExit: createChainedFunction(handleExit, onExit),
     onExited: createChainedFunction(handleExited, onExited),
     speaker: renderPopup,
@@ -683,7 +681,8 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placement: placement,
     inputValue: value,
     focusItemValue: focusItemValue,
-    caret: !disabledOptions
+    caret: !disabledOptions,
+    size: size
   }), searching || multi && hasValue ? null : itemNode || placeholderNode), /*#__PURE__*/React.createElement(TextBox, {
     showTagList: hasValue && multi,
     tags: tagElements,

package/esm/Loader/Loader.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames, useUniqueId } from '../utils';
 import { oneOf } from '../internals/propTypes';
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
@@ -24,20 +24,20 @@ var Loader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     content = props.content,
     size = props.size,
     rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "inverse", "backdrop", "speed", "center", "vertical", "content", "size"]);
-  var hasContent = !!content;
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
+  var labelId = useUniqueId('loader-label-');
   var classes = merge(className, prefix('wrapper', "speed-" + speed, size, {
     'backdrop-wrapper': backdrop,
-    'has-content': hasContent,
     vertical: vertical,
     inverse: inverse,
     center: center
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({
-    role: "progressbar"
+    role: "status",
+    "aria-labelledby": content ? labelId : undefined
   }, rest, {
     ref: ref,
     className: classes
@@ -47,7 +47,8 @@ var Loader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: withClassPrefix()
   }, /*#__PURE__*/React.createElement("span", {
     className: prefix('spin')
-  }), hasContent && /*#__PURE__*/React.createElement("span", {
+  }), content && /*#__PURE__*/React.createElement("span", {
+    id: labelId,
     className: prefix('content')
   }, content)));
 });

package/esm/MultiCascadeTree/MultiCascadeTree.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataItemValue } from '../@types/common';
+import type { MultiCascadeTreeProps } from './types';
+/**
+ * The `MultiCascadeTree` component is used to select multiple values from cascading options.
+ * @see https://rsuitejs.com/components/multi-cascade-tree/
+ */
+declare const MultiCascadeTree: React.ForwardRefExoticComponent<MultiCascadeTreeProps<DataItemValue, DataItemValue[]> & React.RefAttributes<unknown>>;
+export default MultiCascadeTree;

package/esm/MultiCascadeTree/MultiCascadeTree.js

@@ -0,0 +1,125 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React from 'react';
+import TreeView from './TreeView';
+import { useCascadeValue, useSelect, useSearch } from './hooks';
+import { useClassNames, useControlled } from '../utils';
+import SearchView from './SearchView';
+var emptyArray = [];
+
+/**
+ * The `MultiCascadeTree` component is used to select multiple values from cascading options.
+ * @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,
+    _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, ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"]);
+  var itemKeys = {
+    childrenKey: childrenKey,
+    labelKey: labelKey,
+    valueKey: valueKey
+  };
+  var _useSelect = useSelect({
+      data: data,
+      childrenKey: childrenKey,
+      labelKey: labelKey,
+      valueKey: valueKey,
+      onSelect: onSelect,
+      getChildren: getChildren
+    }),
+    selectedPaths = _useSelect.selectedPaths,
+    flattenData = _useSelect.flattenData,
+    columnData = _useSelect.columnData,
+    handleSelect = _useSelect.handleSelect;
+  var _useControlled = useControlled(valueProp, defaultValue),
+    controlledValue = _useControlled[0];
+  var cascadeValueProps = _extends({}, itemKeys, {
+    uncheckableItemValues: uncheckableItemValues,
+    cascade: cascade,
+    value: controlledValue,
+    onCheck: onCheck,
+    onChange: onChange
+  });
+  var _useCascadeValue = useCascadeValue(cascadeValueProps, flattenData),
+    value = _useCascadeValue.value,
+    handleCheck = _useCascadeValue.handleCheck;
+  var _useSearch = useSearch({
+      labelKey: labelKey,
+      valueKey: valueKey,
+      childrenKey: childrenKey,
+      flattenedData: flattenData,
+      uncheckableItemValues: uncheckableItemValues,
+      onSearch: onSearch
+    }),
+    items = _useSearch.items,
+    searchKeyword = _useSearch.searchKeyword,
+    handleSearch = _useSearch.handleSearch;
+  var _useClassNames = useClassNames(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix('multi'));
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: classes
+  }, rest), searchable && /*#__PURE__*/React.createElement(SearchView, {
+    data: items,
+    value: value,
+    searchKeyword: searchKeyword,
+    valueKey: valueKey,
+    labelKey: labelKey,
+    childrenKey: childrenKey,
+    disabledItemValues: disabledItemValues,
+    onCheck: handleCheck,
+    onSearch: handleSearch
+  }), !searchKeyword && /*#__PURE__*/React.createElement(TreeView, {
+    cascade: cascade,
+    columnWidth: columnWidth,
+    columnHeight: columnHeight,
+    uncheckableItemValues: uncheckableItemValues,
+    disabledItemValues: disabledItemValues,
+    valueKey: valueKey,
+    labelKey: labelKey,
+    childrenKey: childrenKey,
+    classPrefix: classPrefix,
+    cascadeData: columnData,
+    cascadePaths: selectedPaths,
+    value: value,
+    onSelect: handleSelect,
+    onCheck: handleCheck,
+    renderColumn: renderColumn,
+    renderTreeNode: renderTreeNode
+  }));
+});
+MultiCascadeTree.displayName = 'MultiCascadeTree';
+export default MultiCascadeTree;

package/esm/MultiCascadeTree/SearchView.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ItemDataType, WithAsProps } from '../@types/common';
+interface SearchViewProps<T> extends WithAsProps {
+    searchKeyword: string;
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+    value: T[];
+    data: ItemDataType<T>[];
+    disabledItemValues: any[];
+    cascade?: boolean;
+    onSearch: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onCheck: (item: ItemDataType<T>, event: React.SyntheticEvent, checked: boolean) => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+}
+declare function SearchView<T>(props: SearchViewProps<T>): JSX.Element;
+export default SearchView;