rsuite 5.50.0 → 5.52.0

package/cjs/InputNumber/InputNumber.js

@@ -18,6 +18,7 @@ var _InputGroupAddon = _interopRequireDefault(require("../InputGroup/InputGroupA
 var _Input = _interopRequireDefault(require("../Input"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * Check if the value is a number.
  * @param value
@@ -274,8 +275,8 @@ InputNumber.propTypes = {
   readOnly: _propTypes.default.bool,
   plaintext: _propTypes.default.bool,
   scrollable: _propTypes.default.bool,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),
-  buttonAppearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
+  buttonAppearance: (0, _propTypes2.oneOf)(['default', 'primary', 'link', 'subtle', 'ghost']),
   onWheel: _propTypes.default.func,
   onChange: _propTypes.default.func
 };

package/cjs/InputPicker/InputPicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import type { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
-interface InputItemDataType extends ItemDataType {
+export interface InputItemDataType extends ItemDataType {
     create?: boolean;
 }
 export declare type ValueType = any;

package/cjs/InputPicker/InputPicker.js

@@ -21,15 +21,27 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
 var _treeUtils = require("../utils/treeUtils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _getDataGroupBy = require("../utils/getDataGroupBy");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _InputAutosize = _interopRequireDefault(require("./InputAutosize"));
-var _InputSearch = _interopRequireDefault(require("./InputSearch"));
+var _TextBox = _interopRequireDefault(require("./TextBox"));
 var _InputPickerContext = _interopRequireDefault(require("./InputPickerContext"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var convertSize = function convertSize(size) {
+  switch (size) {
+    case 'lg':
+      return 'lg';
+    case 'sm':
+    case 'xs':
+      return 'sm';
+    default:
+      return 'md';
+  }
+};
 /**
  * Single item selector with text box input.
  *
@@ -212,7 +224,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.updatePosition) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchKeyword, value]);
-  var getDateItem = function getDateItem(value) {
+  var getDataItem = function getDataItem(value) {
     // Find active `MenuItem` by `value`
     var allData = getAllDataAndCache();
     var activeItem = allData.find(function (item) {
@@ -470,7 +482,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     blurInput();
     setOpen(false);
   });
-  var renderDropdownMenuItem = function renderDropdownMenuItem(label, item) {
+  var renderListItem = function renderListItem(label, item) {
     // 'Create option "{0}"' =>  Create option "xxxxx"
     var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)(locale.createOption, label)) : label;
     return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;
@@ -482,7 +494,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         itemNode: null
       };
     }
-    var dataItem = getDateItem(value);
+    var dataItem = getDataItem(value);
     var itemNode = dataItem.itemNode;
     if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {
       itemNode = renderValue(value, dataItem.activeItem, itemNode);
@@ -503,17 +515,19 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var tags = value || [];
     var items = [];
     var tagElements = tags.map(function (tag) {
-      var _getDateItem = getDateItem(tag),
-        isValid = _getDateItem.isValid,
-        itemNode = _getDateItem.itemNode,
-        activeItem = _getDateItem.activeItem;
+      var _getDataItem = getDataItem(tag),
+        isValid = _getDataItem.isValid,
+        itemNode = _getDataItem.itemNode,
+        activeItem = _getDataItem.activeItem;
       items.push(activeItem);
       if (!isValid) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagRest, {
+      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
+        role: "option"
+      }, tagRest, {
         key: tag,
-        size: rest.size === 'lg' ? 'lg' : rest.size === 'xs' ? 'sm' : 'md',
+        size: convertSize(rest.size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
         onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
@@ -526,7 +540,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return tagElements;
   };
-  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
+  var renderPopup = function renderPopup(positionProps, speakerRef) {
     var left = positionProps.left,
       top = positionProps.top,
       className = positionProps.className;
@@ -550,21 +564,20 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       items = items.sort(sort(false));
     }
     if (disabledOptions) {
-      return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
+      return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
         ref: (0, _utils.mergeRefs)(overlay, speakerRef)
       });
     }
-    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {
-      id: id ? id + "-listbox" : undefined,
+    var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.Listbox, {
       listProps: listProps,
       listRef: list,
       disabledItemValues: disabledItemValues,
       valueKey: valueKey,
       labelKey: labelKey,
       classPrefix: menuClassPrefix,
-      dropdownMenuItemClassPrefix: multi ? undefined : menuClassPrefix + "-item",
-      dropdownMenuItemAs: multi ? _Picker.DropdownMenuCheckItem : _Picker.DropdownMenuItem,
-      dropdownMenuItemProps: {
+      listItemClassPrefix: multi ? undefined : menuClassPrefix + "-item",
+      listItemAs: multi ? _Picker.ListCheckItem : _Picker.ListItem,
+      listItemProps: {
         renderMenuItemCheckbox: renderMenuItemCheckbox
       },
       activeItemValues: multi ? value : [value],
@@ -579,12 +592,12 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onSelect: multi ? handleCheckTag : handleSelectItem // fixme don't use any
       ,
       renderMenuGroup: renderMenuGroup,
-      renderMenuItem: renderDropdownMenuItem,
+      renderMenuItem: renderListItem,
       virtualized: virtualized
     }) : /*#__PURE__*/_react.default.createElement("div", {
       className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["none"])))
     }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
-    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
+    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
       ref: (0, _utils.mergeRefs)(overlay, speakerRef),
       autoWidth: menuAutoWidth,
       className: classes,
@@ -617,7 +630,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     usedClassNamePropKeys = _usePickerClassName[1];
   var classes = merge(pickerClasses, (_merge = {}, _merge[prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["tag"])))] = multi, _merge[prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["focused"])))] = open, _merge[prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["disabled-options"])))] = disabledOptions, _merge));
   var searching = !!searchKeyword && open;
-  var displaySearchInput = searchable && !disabled && !rest.loading;
+  var editable = searchable && !disabled && !rest.loading;
   var inputProps = multi ? {
     inputStyle: {
       maxWidth: maxWidth - 63
@@ -643,6 +656,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
   var placeholderNode = placeholder || (disabledOptions ? null : locale === null || locale === void 0 ? void 0 : locale.placeholder);
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
+    id: id,
+    multiple: multi,
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     ref: triggerRef,
     trigger: "active",
@@ -650,7 +665,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onEntered: (0, _utils.createChainedFunction)(onEntered, onOpen),
     onExit: (0, _utils.createChainedFunction)(handleExit, onExit),
     onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
-    speaker: renderDropdownMenu,
+    speaker: renderPopup,
     placement: placement
   }, /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
@@ -659,7 +674,6 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onKeyDown: onPickerKeyDown,
     ref: root
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
-    id: id,
     appearance: appearance,
     readOnly: readOnly,
     plaintext: plaintext,
@@ -673,23 +687,27 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     disabled: disabled,
     placement: placement,
     inputValue: value,
+    focusItemValue: focusItemValue,
     caret: !disabledOptions
-  }), searching || multi && hasValue ? null : itemNode || placeholderNode), !(!multi && disabled) && /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["tag-wrapper"])))
-  }, tagElements, displaySearchInput && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {
-    tabIndex: -1,
+  }), searching || multi && hasValue ? null : itemNode || placeholderNode), /*#__PURE__*/_react.default.createElement(_TextBox.default, {
+    showTagList: hasValue && multi,
+    tags: tagElements,
+    editable: editable,
     readOnly: readOnly,
+    disabled: disabled,
+    multiple: multi,
     onBlur: onBlur,
     onFocus: (0, _utils.createChainedFunction)(handleFocus, onFocus),
     inputRef: inputRef,
     onChange: handleSearch,
-    value: open ? searchKeyword : ''
-  })))));
+    inputValue: open ? searchKeyword : '',
+    inputProps: inputProps
+  })));
 });
 InputPicker.displayName = 'InputPicker';
 InputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   cacheData: _propTypes.default.array,
   menuAutoWidth: _propTypes.default.bool,
   menuMaxHeight: _propTypes.default.number,

package/cjs/InputPicker/InputSearch.js

@@ -2,14 +2,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
 var _templateObject;
 var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -25,10 +23,10 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     readOnly = props.readOnly,
     onChange = props.onChange,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"]);
-  var handleChange = (0, _react.useCallback)(function (event) {
+  var handleChange = (0, _utils.useEventCallback)(function (event) {
     var _event$target;
     onChange === null || onChange === void 0 ? void 0 : onChange(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
-  }, [onChange]);
+  });
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
@@ -47,15 +45,5 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   })), children);
 });
 InputSearch.displayName = 'InputSearch';
-InputSearch.propTypes = {
-  classPrefix: _propTypes.default.string,
-  value: _propTypes.default.string,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  style: _propTypes.default.object,
-  inputRef: _utils.TypeChecker.refType,
-  as: _propTypes.default.elementType,
-  onChange: _propTypes.default.func
-};
 var _default = InputSearch;
 exports.default = _default;

package/cjs/InputPicker/TagList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TagList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default TagList;

package/cjs/InputPicker/TagList.js

@@ -0,0 +1,29 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../utils");
+var _useCombobox2 = _interopRequireDefault(require("../internals/Picker/hooks/useCombobox"));
+var _templateObject;
+var TagList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var children = props.children,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children"]);
+  var _useClassNames = (0, _utils.useClassNames)('picker'),
+    prefix = _useClassNames.prefix;
+  var _useCombobox = (0, _useCombobox2.default)(),
+    id = _useCombobox.id;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: ref,
+    role: "listbox",
+    id: id + "-describe",
+    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["tag-list"])))
+  }, rest), children);
+});
+var _default = TagList;
+exports.default = _default;

package/cjs/InputPicker/TextBox.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { InputSearchProps } from './InputSearch';
+interface TextBoxProps {
+    tags?: React.ReactNode;
+    inputProps?: InputSearchProps;
+    readOnly?: boolean;
+    disabled?: boolean;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    inputValue?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    editable?: boolean;
+    multiple?: boolean;
+    showTagList?: boolean;
+}
+declare const TextBox: React.ForwardRefExoticComponent<TextBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default TextBox;

package/cjs/InputPicker/TextBox.js

@@ -0,0 +1,48 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _TagList = _interopRequireDefault(require("./TagList"));
+var _utils = require("../utils");
+var _InputSearch = _interopRequireDefault(require("./InputSearch"));
+var _templateObject;
+var TextBox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var tags = props.tags,
+    inputProps = props.inputProps,
+    readOnly = props.readOnly,
+    disabled = props.disabled,
+    multiple = props.multiple,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onChange = props.onChange,
+    inputValue = props.inputValue,
+    inputRef = props.inputRef,
+    editable = props.editable,
+    showTagList = props.showTagList,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["tags", "inputProps", "readOnly", "disabled", "multiple", "onBlur", "onFocus", "onChange", "inputValue", "inputRef", "editable", "showTagList"]);
+  var _useClassNames = (0, _utils.useClassNames)('picker'),
+    prefix = _useClassNames.prefix;
+  if (!multiple && disabled) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["textbox"]))),
+    ref: ref
+  }, rest), showTagList ? /*#__PURE__*/_react.default.createElement(_TagList.default, null, tags) : null, editable && /*#__PURE__*/_react.default.createElement(_InputSearch.default, (0, _extends2.default)({}, inputProps, {
+    tabIndex: -1,
+    readOnly: readOnly,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    inputRef: inputRef,
+    onChange: onChange,
+    value: inputValue
+  })));
+});
+var _default = TextBox;
+exports.default = _default;

package/cjs/InputPicker/index.d.ts

@@ -1,3 +1,3 @@
 import InputPicker from './InputPicker';
-export type { InputPickerProps } from './InputPicker';
+export type { InputPickerProps, InputItemDataType } from './InputPicker';
 export default InputPicker;

package/cjs/List/List.js

@@ -13,6 +13,7 @@ var _useSortHelper2 = _interopRequireDefault(require("./helper/useSortHelper"));
 var _utils = require("../utils");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _ListItem = _interopRequireDefault(require("./ListItem"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
@@ -89,7 +90,7 @@ List.propTypes = {
   bordered: _propTypes.default.bool,
   hover: _propTypes.default.bool,
   sortable: _propTypes.default.bool,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm']),
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm']),
   autoScroll: _propTypes.default.bool,
   pressDelay: _propTypes.default.number,
   transitionDuration: _propTypes.default.number,

package/cjs/List/helper/useSortHelper.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { Collection, ManagedItem } from './useManager';
-interface MovedItemInfo {
+export interface MovedItemInfo {
     collection: Collection;
     node: HTMLElement;
     newIndex: number;

package/cjs/Loader/Loader.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
@@ -65,8 +66,8 @@ Loader.propTypes = {
   inverse: _propTypes.default.bool,
   vertical: _propTypes.default.bool,
   content: _propTypes.default.node,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),
-  speed: _propTypes.default.oneOf(['normal', 'fast', 'slow'])
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
+  speed: (0, _propTypes2.oneOf)(['normal', 'fast', 'slow'])
 };
 var _default = Loader;
 exports.default = _default;

package/cjs/Message/Message.js

@@ -11,7 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _propTypes2 = require("../internals/propTypes");
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _ToastContext = _interopRequireDefault(require("../toaster/ToastContext"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /**
@@ -85,7 +86,7 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  type: _propTypes.default.oneOf(_utils.STATUS),
+  type: (0, _propTypes2.oneOf)(_utils.STATUS),
   className: _propTypes.default.string,
   onClose: _propTypes.default.func,
   closable: _propTypes.default.bool,

package/cjs/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseModalProps } from '../Overlay/Modal';
+import { BaseModalProps } from '../internals/Overlay/Modal';
 import ModalDialog from './ModalDialog';
 import ModalBody from './ModalBody';
 import ModalHeader from './ModalHeader';

package/cjs/Modal/Modal.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
 var _getAnimationEnd = _interopRequireDefault(require("dom-lib/getAnimationEnd"));
-var _Modal = _interopRequireWildcard(require("../Overlay/Modal"));
+var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
 var _utils = require("../utils");
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
@@ -24,7 +24,7 @@ var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
 var _utils2 = require("./utils");
 var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
 var _templateObject, _templateObject2;
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
@@ -217,12 +217,11 @@ Modal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {
   animationTimeout: _propTypes.default.number,
   classPrefix: _propTypes.default.string,
   dialogClassName: _propTypes.default.string,
-  size: _propTypes.default.oneOfType([_propTypes.default.oneOf(modalSizes), _propTypes.default.number, _propTypes.default.string]),
+  size: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(modalSizes), _propTypes.default.number, _propTypes.default.string]),
   dialogStyle: _propTypes.default.object,
   dialogAs: _propTypes.default.elementType,
-  full: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use size="full" instead.'),
-  overflow: _propTypes.default.bool,
-  drawer: _propTypes.default.bool
+  full: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use size="full" instead.'),
+  overflow: _propTypes.default.bool
 });
 var _default = Modal;
 exports.default = _default;

package/cjs/Modal/ModalDialog.js

@@ -10,9 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _templateObject;
 var modalDialogPropTypes = {
-  size: _propTypes.default.oneOf(_utils.SIZE),
+  size: (0, _propTypes2.oneOf)(_utils.SIZE),
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   dialogClassName: _propTypes.default.string,

package/cjs/Modal/ModalHeader.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var _ModalContext = require("./ModalContext");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));

package/cjs/MultiCascader/MultiCascader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export declare type ValueType = (number | string)[];
 export interface MultiCascaderProps<T = ValueType> extends FormControlPickerProps<T, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'loading'> {

package/cjs/MultiCascader/MultiCascader.js

@@ -13,13 +13,15 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
+var _TreeView = _interopRequireDefault(require("./TreeView"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _utils = require("./utils");
 var _treeUtils = require("../utils/treeUtils");
 var _utils2 = require("../Cascader/utils");
 var _utils3 = require("../utils");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
+var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
+var _propTypes2 = require("../internals/propTypes");
 var emptyArray = [];
 
 /**
@@ -334,9 +336,10 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       'cascader-row-focus': item[valueKey] === focusItemValue
     });
     return /*#__PURE__*/_react.default.createElement("div", {
+      role: "treeitem",
+      "aria-disabled": disabled,
       key: key,
       className: itemClasses,
-      "aria-disabled": disabled,
       "data-key": item[valueKey]
     }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
       disabled: disabled,
@@ -365,12 +368,13 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     var items = getSearchResult();
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('cascader-search-panel'),
-      "data-layer": 0
+      "data-layer": 0,
+      role: "tree"
     }, items.length ? items.map(renderSearchRow) : /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('none')
     }, locale.noResultsText));
   };
-  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
+  var renderTreeView = function renderTreeView(positionProps, speakerRef) {
     var _ref = positionProps || {},
       left = _ref.left,
       top = _ref.top,
@@ -382,19 +386,18 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     var classes = merge(className, menuClassName, prefix('cascader-menu', 'multi-cascader-menu', {
       inline: inline
     }));
-    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
+    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
       ref: (0, _utils3.mergeRefs)(overlay, speakerRef),
       className: classes,
       style: styles,
       target: trigger,
       onKeyDown: onPickerKeyDown
-    }, searchable && /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {
+    }, searchable && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
       placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
       inputRef: searchInput
-    }), renderSearchResultPanel(), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {
-      id: id ? id + "-listbox" : undefined,
+    }), renderSearchResultPanel(), searchKeyword === '' && /*#__PURE__*/_react.default.createElement(_TreeView.default, {
       cascade: cascade,
       menuWidth: menuWidth,
       menuHeight: menuHeight,
@@ -444,22 +447,24 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     classes = _usePickerClassName[0],
     usedClassNamePropKeys = _usePickerClassName[1];
   if (inline) {
-    return renderDropdownMenu();
+    return renderTreeView();
   }
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
+    id: id,
+    popupType: "tree",
+    multiple: true,
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     ref: trigger,
     placement: placement,
     onEnter: (0, _utils3.createChainedFunction)(handleEntered, onEnter),
     onExited: (0, _utils3.createChainedFunction)(handleExited, onExited),
     onExit: (0, _utils3.createChainedFunction)(onClose, onExit),
-    speaker: renderDropdownMenu
+    speaker: renderTreeView
   }, /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
     style: style,
     ref: root
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
-    id: id,
     as: toggleAs,
     appearance: appearance,
     disabled: disabled,
@@ -478,7 +483,7 @@ MultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes
   value: _propTypes.default.array,
   disabledItemValues: _propTypes.default.array,
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   cascade: _propTypes.default.bool,
   inline: _propTypes.default.bool,
   countable: _propTypes.default.bool,