rsuite 5.50.0 → 5.52.0

package/cjs/TreePicker/TreePicker.js

@@ -14,11 +14,13 @@ var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Windowing = require("../Windowing");
+var _Windowing = require("../internals/Windowing");
+var _propTypes2 = require("../internals/propTypes");
 var _TreeNode = _interopRequireDefault(require("./TreeNode"));
 var _treeUtils = require("../utils/treeUtils");
 var _utils = require("../utils");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
+var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
 var emptyArray = [];
 var itemSize = function itemSize() {
@@ -284,8 +286,8 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onDragEnd: handleDragEnd,
       onDrop: handleDrop,
       onExpand: handleExpand,
-      onRenderTreeNode: renderTreeNode,
-      onRenderTreeIcon: renderTreeIcon
+      renderTreeNode: renderTreeNode,
+      renderTreeIcon: renderTreeIcon
     };
   };
 
@@ -472,8 +474,8 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleClean = (0, _utils.useEventCallback)(function (event) {
     var nullValue = null;
     var target = event.target;
-    // exclude searchBar
-    if (target.matches('div[role="searchbox"] > input') || disabled || !cleanable) {
+    // exclude searchbox
+    if (target.matches('input[role="searchbox"]') || disabled || !cleanable) {
       return;
     }
     if (!isControlled) {
@@ -547,7 +549,8 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           return saveTreeNodeRef(_ref, node.refKey);
         }
       })), /*#__PURE__*/_react.default.createElement("div", {
-        className: treePrefix('children')
+        className: treePrefix('group'),
+        role: "group"
       }, nodes.map(function (child, i) {
         return renderNode(child, i, layer);
       }), showIndentLine && /*#__PURE__*/_react.default.createElement("span", {
@@ -589,18 +592,14 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _withTreeClassPrefix;
     var classes = withTreeClassPrefix((_withTreeClassPrefix = {}, _withTreeClassPrefix[className !== null && className !== void 0 ? className : ''] = inline, _withTreeClassPrefix.virtualized = virtualized, _withTreeClassPrefix));
     var formattedNodes = getFormattedNodes(renderNode);
-    var styles = inline ? (0, _extends2.default)({
-      height: height
-    }, style) : {};
-    return /*#__PURE__*/_react.default.createElement("div", {
-      role: "tree",
-      id: id ? id + "-listbox" : undefined,
+    return /*#__PURE__*/_react.default.createElement(_Picker.TreeView, {
+      treeRootClassName: treePrefix('root'),
       ref: inline ? root : treeView,
       className: classes,
-      style: styles,
+      style: inline ? (0, _extends2.default)({
+        height: height
+      }, style) : {},
       onKeyDown: inline ? handleTreeKeyDown : undefined
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: treePrefix('nodes')
     }, virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
       defaultHeight: inline ? height : menuMaxHeight,
       style: {
@@ -616,9 +615,9 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         itemCount: formattedNodes.length,
         itemData: formattedNodes
       }, listProps), renderVirtualListNode);
-    }) : formattedNodes));
+    }) : formattedNodes);
   };
-  var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
+  var renderTreeView = function renderTreeView(positionProps, speakerRef) {
     var left = positionProps.left,
       top = positionProps.top,
       className = positionProps.className;
@@ -627,14 +626,14 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       left: left,
       top: top
     });
-    return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
+    return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
       autoWidth: menuAutoWidth,
       className: classes,
       style: mergedMenuStyle,
       ref: (0, _utils.mergeRefs)(overlay, speakerRef),
       onKeyDown: onPickerKeydown,
       target: trigger
-    }, searchable ? /*#__PURE__*/_react.default.createElement(_Picker.SearchBar, {
+    }, searchable ? /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
       placeholder: locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeywordState,
@@ -671,6 +670,8 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return renderTree();
   }
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
+    id: id,
+    popupType: "tree",
     pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),
     ref: trigger,
     placement: placement,
@@ -678,13 +679,12 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onEntered: onEntered,
     onExit: (0, _utils.createChainedFunction)(onClose, onExit),
     onExited: (0, _utils.createChainedFunction)(handleClose, onExited),
-    speaker: renderDropdownMenu
+    speaker: renderTreeView
   }, /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
     style: style,
     ref: root
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {
-    id: id,
     ref: target,
     appearance: appearance,
     onKeyDown: onPickerKeydown,
@@ -695,13 +695,14 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     hasValue: hasValidValue,
     active: active,
     placement: placement,
-    inputValue: value
+    inputValue: value,
+    focusItemValue: focusItemValue
   }), selectedElement || locale.placeholder)));
 });
 TreePicker.displayName = 'TreePicker';
 TreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   height: _propTypes.default.number,
   draggable: _propTypes.default.bool,
   virtualized: _propTypes.default.bool,

package/cjs/Uploader/UploadFileItem.js

@@ -11,8 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Attachment = _interopRequireDefault(require("@rsuite/icons/legacy/Attachment"));
 var _Reload = _interopRequireDefault(require("@rsuite/icons/Reload"));
+var _propTypes2 = require("../internals/propTypes");
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 /**
  * Format display file size
  * @param size
@@ -266,7 +267,7 @@ UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: _propTypes.default.any,
   file: _propTypes.default.object.isRequired,
-  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),
+  listType: (0, _propTypes2.oneOf)(['text', 'picture-text', 'picture']),
   disabled: _propTypes.default.bool,
   className: _propTypes.default.string,
   maxPreviewFileSize: _propTypes.default.number,

package/cjs/Uploader/Uploader.js

@@ -13,7 +13,8 @@ var _find = _interopRequireDefault(require("lodash/find"));
 var _UploadFileItem = _interopRequireDefault(require("./UploadFileItem"));
 var _UploadTrigger = _interopRequireDefault(require("./UploadTrigger"));
 var _utils = require("../utils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
+var _propTypes2 = require("../internals/propTypes");
 // Define several states of the file during the upload process.
 
 var getFiles = function getFiles(event) {
@@ -426,7 +427,7 @@ Uploader.propTypes = {
   withCredentials: _propTypes.default.bool,
   headers: _propTypes.default.object,
   locale: _propTypes.default.any,
-  listType: _propTypes.default.oneOf(['text', 'picture-text', 'picture']),
+  listType: (0, _propTypes2.oneOf)(['text', 'picture-text', 'picture']),
   shouldQueueUpdate: _propTypes.default.func,
   shouldUpload: _propTypes.default.func,
   onChange: _propTypes.default.func,

package/cjs/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from '../utils/createComponent';
+export declare type VisuallyHiddenProps = ComponentProps;
+/**
+ * VisuallyHidden is a component that visually hides its children while keeping them accessible to screen readers.
+ *
+ * @version 5.52.0
+ * @see https://rsuitejs.com/components/visually-hidden/
+ */
+declare const VisuallyHidden: import("../@types/common").RsRefForwardingComponent<"span", ComponentProps>;
+export default VisuallyHidden;

package/cjs/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+/**
+ * VisuallyHidden is a component that visually hides its children while keeping them accessible to screen readers.
+ *
+ * @version 5.52.0
+ * @see https://rsuitejs.com/components/visually-hidden/
+ */
+var VisuallyHidden = (0, _createComponent.default)({
+  name: 'VisuallyHidden',
+  componentAs: 'span'
+});
+var _default = VisuallyHidden;
+exports.default = _default;

package/cjs/VisuallyHidden/index.d.ts

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

package/cjs/VisuallyHidden/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
+var _default = _VisuallyHidden.default;
+exports.default = _default;

package/cjs/Whisper/Whisper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OverlayTriggerHandle } from '../Overlay/OverlayTrigger';
-import { OverlayTriggerProps } from '../Overlay/OverlayTrigger';
+import { OverlayTriggerHandle } from '../internals/Overlay/OverlayTrigger';
+import { OverlayTriggerProps } from '../internals/Overlay/OverlayTrigger';
 export declare type WhisperProps = OverlayTriggerProps;
 export declare type WhisperInstance = OverlayTriggerHandle;
 /**

package/cjs/Whisper/Whisper.js

@@ -9,8 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
+var _OverlayTrigger = _interopRequireDefault(require("../internals/Overlay/OverlayTrigger"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
 /**
  * The `Whisper` component is used to display a floating element.
@@ -42,7 +43,7 @@ Whisper.propTypes = {
   onClose: _propTypes.default.func,
   onEntered: _propTypes.default.func,
   onExited: _propTypes.default.func,
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
   /**
    * Prevent floating element overflow
    */

package/cjs/index.d.ts

@@ -114,6 +114,8 @@ export { default as CheckTree } from './CheckTree';
 export type { CheckTreeProps } from './CheckTree';
 export { default as Panel } from './Panel';
 export type { PanelProps } from './Panel';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
 export type { PanelGroupProps } from './PanelGroup';
 export { default as Table } from './Table';
@@ -163,5 +165,7 @@ export type { AffixProps } from './Affix';
 export { default as CustomProvider } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';
 export type { Locale, CalendarLocale, PlaintextLocale, PaginationLocale, TableLocale, DatePickerLocale, DateRangePickerLocale, PickerLocale, InputPickerLocale, UploaderLocale, BreadcrumbLocale, ToggleLocale } from './locales';
-export type { PickerHandle } from './Picker';
+export type { PickerHandle } from './internals/Picker';
 export { default as useMediaQuery } from './useMediaQuery';
+export { default as VisuallyHidden } from './VisuallyHidden';
+export type { VisuallyHiddenProps } from './VisuallyHidden';

package/cjs/index.js

@@ -4,7 +4,7 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.useToaster = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 var _Button = _interopRequireDefault(require("./Button"));
 exports.Button = _Button.default;
 var _IconButton = _interopRequireDefault(require("./IconButton"));
@@ -123,6 +123,8 @@ var _CheckTree = _interopRequireDefault(require("./CheckTree"));
 exports.CheckTree = _CheckTree.default;
 var _Panel = _interopRequireDefault(require("./Panel"));
 exports.Panel = _Panel.default;
+var _Accordion = _interopRequireDefault(require("./Accordion"));
+exports.Accordion = _Accordion.default;
 var _PanelGroup = _interopRequireDefault(require("./PanelGroup"));
 exports.PanelGroup = _PanelGroup.default;
 var _Table = _interopRequireDefault(require("./Table"));
@@ -174,4 +176,6 @@ exports.Affix = _Affix.default;
 var _CustomProvider = _interopRequireDefault(require("./CustomProvider"));
 exports.CustomProvider = _CustomProvider.default;
 var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
-exports.useMediaQuery = _useMediaQuery.default;
+exports.useMediaQuery = _useMediaQuery.default;
+var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
+exports.VisuallyHidden = _VisuallyHidden.default;

package/cjs/{CloseButton → internals/CloseButton}/CloseButton.d.ts

@@ -1,5 +1,5 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { CloseButtonLocale } from '../locales';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { CloseButtonLocale } from '../../locales';
 export interface CloseButtonProps extends WithAsProps {
     /** Custom locale */
     locale?: CloseButtonLocale;

package/cjs/{CloseButton → internals/CloseButton}/CloseButton.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 /**
  * Close button for components such as Message and Notification.
  */

package/cjs/{Disclosure → internals/Disclosure}/Disclosure.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _DisclosureContext = _interopRequireWildcard(require("./DisclosureContext"));
 var _DisclosureButton = _interopRequireDefault(require("./DisclosureButton"));
 var _DisclosureContent = _interopRequireDefault(require("./DisclosureContent"));
-var _useClickOutside = _interopRequireDefault(require("../utils/useClickOutside"));
+var _useClickOutside = _interopRequireDefault(require("../../utils/useClickOutside"));
 // Headless Disclosure
 // Ref: https://w3c.github.io/aria-practices/#disclosure
 

package/cjs/{Disclosure → internals/Disclosure}/DisclosureButton.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _DisclosureContext = require("./DisclosureContext");
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var _useDisclosureContext2 = _interopRequireDefault(require("./useDisclosureContext"));
 function DisclosureButton(props) {
   var children = props.children;

package/cjs/{Menu → internals/Menu}/Menu.js

@@ -10,13 +10,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
-var _utils = require("../utils");
-var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
+var _utils = require("../../utils");
+var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
 var _useMenu = _interopRequireDefault(require("./useMenu"));
-var _useFocus2 = _interopRequireDefault(require("../utils/useFocus"));
-var _useClickOutside = _interopRequireDefault(require("../utils/useClickOutside"));
-var _events = require("../utils/events");
-var _dom = require("../utils/dom");
+var _useFocus2 = _interopRequireDefault(require("../../utils/useFocus"));
+var _useClickOutside = _interopRequireDefault(require("../../utils/useClickOutside"));
+var _events = require("../../utils/events");
+var _dom = require("../../utils/dom");
 var defaultOpenMenuOn = ['click'];
 
 /**

package/cjs/{Menu → internals/Menu}/MenuItem.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
+var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 /**
  * Headless ARIA `menuitem`

package/cjs/{Menu → internals/Menu}/Menubar.js

@@ -8,10 +8,10 @@ exports.default = Menubar;
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
-var _utils = require("../utils");
-var _events = require("../utils/events");
+var _utils = require("../../utils");
+var _events = require("../../utils/events");
 var _useMenu = _interopRequireDefault(require("./useMenu"));
-var _dom = require("../utils/dom");
+var _dom = require("../../utils/dom");
 // Headless ARIA `menubar`
 
 /**

package/cjs/{Overlay → internals/Overlay}/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { WithAsProps, AnimationEventProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, AnimationEventProps, RsRefForwardingComponent } from '../../@types/common';
 export interface BaseModalProps extends WithAsProps, AnimationEventProps {
     /** Animation-related properties */
     animationProps?: any;

package/cjs/{Overlay → internals/Overlay}/Modal.js

@@ -13,9 +13,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
 var _ModalManager = _interopRequireDefault(require("./ModalManager"));
-var _Fade = _interopRequireDefault(require("../Animation/Fade"));
-var _utils = require("../Animation/utils");
-var _utils2 = require("../utils");
+var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
+var _utils = require("../../Animation/utils");
+var _utils2 = require("../../utils");
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var manager;
 function getManager() {

package/{esm → cjs/internals}/Overlay/Overlay.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { PositionChildProps } from './Position';
-import { TypeAttributes, AnimationEventProps, CursorPosition } from '../@types/common';
+import { TypeAttributes, AnimationEventProps, CursorPosition } from '../../@types/common';
 export interface OverlayProps extends AnimationEventProps {
     container?: HTMLElement | (() => HTMLElement | null) | null;
     children: React.ReactElement | ((props: PositionChildProps & React.HTMLAttributes<HTMLElement>, ref: React.RefCallback<HTMLElement>) => React.ReactElement);

package/cjs/{Overlay → internals/Overlay}/Overlay.js

@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Position = _interopRequireDefault(require("./Position"));
-var _utils = require("../utils");
-var _Fade = _interopRequireDefault(require("../Animation/Fade"));
+var _utils = require("../../utils");
+var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var overlayPropTypes = {
   container: _propTypes.default.any,

package/{esm → cjs/internals}/Overlay/OverlayTrigger.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import React from 'react';
-import { AnimationEventProps, StandardProps, TypeAttributes } from '../@types/common';
+import { AnimationEventProps, StandardProps, TypeAttributes } from '../../@types/common';
 import { PositionChildProps } from './Position';
 export declare type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {

package/cjs/{Overlay → internals/Overlay}/OverlayTrigger.js

@@ -13,8 +13,8 @@ var _get = _interopRequireDefault(require("lodash/get"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _Overlay = _interopRequireDefault(require("./Overlay"));
-var _utils = require("../utils");
-var _isOneOf = _interopRequireDefault(require("../utils/isOneOf"));
+var _utils = require("../../utils");
+var _isOneOf = _interopRequireDefault(require("../../utils/isOneOf"));
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 function mergeEvents(events, props) {
   if (events === void 0) {

package/cjs/{Overlay → internals/Overlay}/Position.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CursorPosition, TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../../@types/common';
 export interface PositionChildProps {
     className: string;
     left?: number;

package/cjs/{Overlay → internals/Overlay}/Position.js

@@ -15,9 +15,9 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _addClass = _interopRequireDefault(require("dom-lib/addClass"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _resizeObserver = require("@juggle/resize-observer");
-var _isElement = _interopRequireDefault(require("../DOMHelper/isElement"));
+var _isElement = _interopRequireDefault(require("../../DOMHelper/isElement"));
 var _positionUtils = _interopRequireDefault(require("./positionUtils"));
-var _utils = require("../utils");
+var _utils = require("../../utils");
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,

package/cjs/{Overlay → internals/Overlay}/positionUtils.d.ts

@@ -1,4 +1,4 @@
-import { CursorPosition, TypeAttributes } from '../@types/common';
+import { CursorPosition, TypeAttributes } from '../../@types/common';
 declare type Offset = {
     top: number;
     left: number;

package/{esm/Picker/DropdownMenuCheckItem.d.ts → cjs/internals/Picker/ListCheckItem.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CheckboxProps } from '../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface DropdownMenuCheckItemProps extends WithAsProps {
+import { CheckboxProps } from '../../Checkbox';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+export interface ListCheckItemProps extends WithAsProps {
     active?: boolean;
     checkboxAs?: React.ElementType | string;
     classPrefix?: string;
@@ -19,5 +19,5 @@ export interface DropdownMenuCheckItemProps extends WithAsProps {
     onKeyDown?: (event: React.KeyboardEvent) => void;
     renderMenuItemCheckbox?: (checkboxProps: CheckboxProps) => React.ReactNode;
 }
-declare const DropdownMenuCheckItem: RsRefForwardingComponent<'div', DropdownMenuCheckItemProps>;
-export default DropdownMenuCheckItem;
+declare const ListCheckItem: RsRefForwardingComponent<'div', ListCheckItemProps>;
+export default ListCheckItem;

package/cjs/{Picker/DropdownMenuCheckItem.js → internals/Picker/ListCheckItem.js}

@@ -1,17 +1,16 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
+var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
+var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$active = props.active,
     active = _props$active === void 0 ? false : _props$active,
     _props$as = props.as,
@@ -34,19 +33,21 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
     onSelectItem = props.onSelectItem,
     renderMenuItemCheckbox = props.renderMenuItemCheckbox,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderMenuItemCheckbox"]);
-  var handleChange = (0, _react.useCallback)(function (value, checked, event) {
+  var handleChange = (0, _utils.useEventCallback)(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
-  }, [onSelect]);
-  var handleCheck = (0, _react.useCallback)(function (event) {
+  });
+  var handleCheck = (0, _utils.useEventCallback)(function (event) {
     if (!disabled) {
       onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, event, !active);
     }
-  }, [value, disabled, onCheck, active]);
-  var handleSelectItem = (0, _react.useCallback)(function (event) {
+  });
+  var handleSelectItem = (0, _utils.useEventCallback)(function (event) {
     if (!disabled) {
       onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(value, event, !active);
     }
-  }, [value, disabled, onSelectItem, active]);
+  });
+  var _useCombobox = (0, _useCombobox2.default)(),
+    id = _useCombobox.id;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix;
   var checkboxItemClasses = withClassPrefix({
@@ -69,6 +70,7 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
     role: "option",
     "aria-selected": active,
     "aria-disabled": disabled,
+    id: id ? id + "-opt-" + value : undefined,
     "data-key": value
   }, rest, {
     ref: ref,
@@ -78,24 +80,6 @@ var DropdownMenuCheckItem = /*#__PURE__*/_react.default.forwardRef(function (pro
     role: "checkbox"
   }, checkboxProps)));
 });
-DropdownMenuCheckItem.displayName = 'DropdownMenuCheckItem';
-DropdownMenuCheckItem.propTypes = {
-  classPrefix: _propTypes.default.string,
-  active: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  checkable: _propTypes.default.bool,
-  indeterminate: _propTypes.default.bool,
-  value: _propTypes.default.any,
-  onSelect: _propTypes.default.func,
-  onCheck: _propTypes.default.func,
-  onSelectItem: _propTypes.default.func,
-  onKeyDown: _propTypes.default.func,
-  focus: _propTypes.default.bool,
-  title: _propTypes.default.string,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  as: _propTypes.default.elementType,
-  checkboxAs: _propTypes.default.elementType
-};
-var _default = DropdownMenuCheckItem;
+ListCheckItem.displayName = 'ListCheckItem';
+var _default = ListCheckItem;
 exports.default = _default;

package/cjs/internals/Picker/ListItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
+    active?: boolean;
+    disabled?: boolean;
+    value?: string | number;
+    focus?: boolean;
+    title?: string;
+    onSelect?: (value: any, event: React.MouseEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    renderItem?: (value: any) => React.ReactNode;
+}
+declare const ListItem: RsRefForwardingComponent<'div', ListItemProps>;
+export default ListItem;