rsuite 5.61.0 → 5.62.1

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ListProps, ListHandle } from '../../internals/Windowing';
-import { StandardProps, ItemDataType, DataProps } from '../../@types/common';
-import { RSUITE_PICKER_GROUP_KEY } from '../../internals/symbols';
+import { ListProps, ListHandle } from '../Windowing';
+import { RSUITE_PICKER_GROUP_KEY } from '../symbols';
+import { StandardProps, ItemDataType, DataProps } from '../types';
 interface InnerItemDataType extends ItemDataType {
     [RSUITE_PICKER_GROUP_KEY]?: boolean;
 }
@@ -62,7 +62,7 @@ export interface ListboxProps<Multiple = false> extends StandardProps, Partial<D
      */
     onGroupTitleClick?: (event: React.MouseEvent) => void;
 }
-export declare type ListboxComponent = React.ForwardRefExoticComponent<ListboxProps> & {
+export type ListboxComponent = React.ForwardRefExoticComponent<ListboxProps> & {
     <Multiple = false>(props: ListboxProps<Multiple>): React.ReactElement | null;
 };
 declare const Listbox: ListboxComponent;

package/cjs/internals/Picker/Listbox.js

@@ -2,7 +2,6 @@
 "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"));
@@ -18,15 +17,18 @@ var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 var _getHeight = _interopRequireDefault(require("dom-lib/getHeight"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Windowing = require("../../internals/Windowing");
-var _shallowEqual = _interopRequireDefault(require("../../utils/shallowEqual"));
-var _utils = require("../../utils");
+var _Windowing = require("../Windowing");
+var _symbols = require("../symbols");
+var _hooks = require("../hooks");
+var _utils = require("../utils");
+var _getDataGroupBy = require("../utils/getDataGroupBy");
 var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
-var _getDataGroupBy = require("../../utils/getDataGroupBy");
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var _Highlight = _interopRequireDefault(require("../../Highlight"));
-var _symbols = require("../../internals/symbols");
+var _excluded = ["data", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "query", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"];
 var _this = void 0;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Props for the Listbox component.
  */
@@ -34,6 +36,7 @@ var _this = void 0;
  * Props for the Listbox component.
  * @template Multiple - Whether multiple selection is enabled.
  */
+
 var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
@@ -68,8 +71,8 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderMenuItem = props.renderMenuItem,
     onGroupTitleClick = props.onGroupTitleClick,
     onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "groupBy", "maxHeight", "activeItemValues", "disabledItemValues", "classPrefix", "valueKey", "labelKey", "virtualized", "listProps", "listRef", "className", "style", "focusItemValue", "listItemClassPrefix", "listItemAs", "listItemProps", "rowHeight", "rowGroupHeight", "query", "renderMenuGroup", "renderMenuItem", "onGroupTitleClick", "onSelect"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -87,7 +90,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useState = (0, _react.useState)([]),
     foldedGroupKeys = _useState[0],
     setFoldedGroupKeys = _useState[1];
-  var handleGroupTitleClick = (0, _utils.useEventCallback)(function (key, event) {
+  var handleGroupTitleClick = (0, _hooks.useEventCallback)(function (key, event) {
     var nextGroupKeys = foldedGroupKeys.filter(function (item) {
       return item !== key;
     });
@@ -97,7 +100,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setFoldedGroupKeys(nextGroupKeys);
     onGroupTitleClick === null || onGroupTitleClick === void 0 ? void 0 : onGroupTitleClick(event);
   });
-  var handleSelect = (0, _utils.useEventCallback)(function (item, value, event, checked) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (item, value, event, checked) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event, checked);
   });
   var getRowHeight = function getRowHeight(list, index) {
@@ -180,12 +183,12 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       throw Error("valueKey \"" + valueKey + "\" is not defined in \"data\" : " + index + " ");
     }
     var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {
-      return (0, _shallowEqual.default)(disabledValue, value);
+      return (0, _utils.shallowEqual)(disabledValue, value);
     });
     var active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(function (v) {
-      return (0, _shallowEqual.default)(v, value);
+      return (0, _utils.shallowEqual)(v, value);
     });
-    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _shallowEqual.default)(focusItemValue, value);
+    var focus = !(0, _isUndefined.default)(focusItemValue) && (0, _utils.shallowEqual)(focusItemValue, value);
     return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
       "aria-posinset": index + 1,
       "aria-setsize": rowCount,
@@ -201,7 +204,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return v !== undefined;
     })), renderMenuItem ? renderMenuItem(label, item) : label);
   };
-  (0, _utils.useMount)(function () {
+  (0, _hooks.useMount)(function () {
     var _listRef$current, _listRef$current$scro;
     var itemIndex = (0, _findIndex.default)(filteredItems, function (item) {
       return item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]);
@@ -243,5 +246,4 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 Listbox.displayName = 'Listbox';
-var _default = Listbox;
-exports.default = _default;
+var _default = exports.default = Listbox;

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

@@ -7,5 +7,5 @@ interface PickerIndicatorProps {
     disabled?: boolean;
     as?: React.ElementType;
 }
-declare const PickerIndicator: ({ loading, caretAs, onClose, showCleanButton, as: Component, disabled }: PickerIndicatorProps) => JSX.Element;
+declare const PickerIndicator: ({ loading, caretAs, onClose, showCleanButton, as: Component, disabled }: PickerIndicatorProps) => React.JSX.Element;
 export default PickerIndicator;

package/cjs/internals/Picker/PickerIndicator.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _icons = require("@rsuite/icons");
-var _utils = require("../../utils");
+var _hooks = require("../hooks");
 var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _Loader = _interopRequireDefault(require("../../Loader"));
@@ -18,9 +18,9 @@ var PickerIndicator = function PickerIndicator(_ref) {
     _ref$as = _ref.as,
     Component = _ref$as === void 0 ? _InputGroup.default.Addon : _ref$as,
     disabled = _ref.disabled;
-  var _useCustom = (0, _utils.useCustom)(),
+  var _useCustom = (0, _hooks.useCustom)(),
     locale = _useCustom.locale;
-  var _useClassNames = (0, _utils.useClassNames)('picker'),
+  var _useClassNames = (0, _hooks.useClassNames)('picker'),
     prefix = _useClassNames.prefix;
   var addon = function addon() {
     if (loading) {
@@ -49,5 +49,4 @@ var PickerIndicator = function PickerIndicator(_ref) {
   } : undefined;
   return /*#__PURE__*/_react.default.createElement(Component, props, addon());
 };
-var _default = PickerIndicator;
-exports.default = _default;
+var _default = exports.default = PickerIndicator;

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

@@ -5,5 +5,5 @@ interface PickerLabelProps {
     children?: React.ReactNode;
     as?: React.ElementType;
 }
-declare const PickerLabel: ({ children, className, as: Component, ...rest }: PickerLabelProps) => JSX.Element | null;
+declare const PickerLabel: ({ children, className, as: Component, ...rest }: PickerLabelProps) => React.JSX.Element | null;
 export default PickerLabel;

package/cjs/internals/Picker/PickerLabel.js

@@ -8,16 +8,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
+var _excluded = ["children", "className", "as"];
 var PickerLabel = function PickerLabel(_ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$as = _ref.as,
     Component = _ref$as === void 0 ? _InputGroup.default.Addon : _ref$as,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children", "className", "as"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   return children ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     "data-testid": "picker-label",
     className: className
   }, rest), children) : null;
 };
-var _default = PickerLabel;
-exports.default = _default;
+var _default = exports.default = PickerLabel;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '../types';
 import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;

package/cjs/internals/Picker/PickerPopup.js

@@ -1,7 +1,6 @@
 '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;
@@ -11,7 +10,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
-var _utils = require("../../utils");
+var _utils = require("../utils");
+var _hooks = require("../hooks");
+var _excluded = ["as", "classPrefix", "autoWidth", "className", "placement", "target"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
 var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
 var PickerPopup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -24,15 +27,15 @@ var PickerPopup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
     target = props.target,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var overlayRef = (0, _react.useRef)(null);
-  var handleResize = (0, _utils.useEventCallback)(function () {
+  var handleResize = (0, _hooks.useEventCallback)(function () {
     var instance = target === null || target === void 0 ? void 0 : target.current;
     if (instance && resizePlacement.includes(placement)) {
       instance.updatePosition();
     }
   });
-  (0, _utils.useElementResize)((0, _react.useCallback)(function () {
+  (0, _hooks.useElementResize)((0, _react.useCallback)(function () {
     return overlayRef.current;
   }, []), handleResize);
   (0, _react.useEffect)(function () {
@@ -46,7 +49,7 @@ var PickerPopup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
     }
   }, [autoWidth, target, overlayRef]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
@@ -58,5 +61,4 @@ var PickerPopup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 PickerPopup.displayName = 'PickerPopup';
-var _default = PickerPopup;
-exports.default = _default;
+var _default = exports.default = PickerPopup;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../../@types/common';
+import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;

package/cjs/internals/Picker/PickerToggle.js

@@ -2,7 +2,6 @@
 "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"));
@@ -10,14 +9,17 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
-var _utils = require("../../utils");
+var _hooks = require("../hooks");
+var _utils = require("../utils");
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
-var _useToggleCaret = _interopRequireDefault(require("../../utils/useToggleCaret"));
 var _Stack = _interopRequireDefault(require("../../Stack"));
 var _PickerIndicator = _interopRequireDefault(require("./PickerIndicator"));
 var _PickerLabel = _interopRequireDefault(require("./PickerLabel"));
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var _templateObject;
+var _excluded = ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "loading", "cleanable", "tabIndex", "inputValue", "focusItemValue", "onClean", "placement", "caretComponent", "caretAs", "label", "name"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var active = props.active,
     _props$as = props.as,
@@ -47,9 +49,9 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
     label = props.label,
     name = props.name,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "loading", "cleanable", "tabIndex", "inputValue", "focusItemValue", "onClean", "placement", "caretComponent", "caretAs", "label", "name"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var combobox = (0, _react.useRef)(null);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -68,13 +70,13 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var classes = merge(className, withClassPrefix({
     active: active
   }));
-  var handleClean = (0, _utils.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks.useEventCallback)(function (event) {
     var _combobox$current;
     event.stopPropagation();
     onClean === null || onClean === void 0 ? void 0 : onClean(event);
     (_combobox$current = combobox.current) === null || _combobox$current === void 0 ? void 0 : _combobox$current.focus();
   });
-  var ToggleCaret = (0, _useToggleCaret.default)(placement);
+  var ToggleCaret = (0, _hooks.useToggleCaret)(placement);
   var Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
@@ -133,5 +135,4 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }))));
 });
 PickerToggle.displayName = 'PickerToggle';
-var _default = PickerToggle;
-exports.default = _default;
+var _default = exports.default = PickerToggle;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../../internals/Overlay/OverlayTrigger';
-import { PositionChildProps } from '../../internals/Overlay/Position';
-import { TypeAttributes, AnimationEventProps } from '../../@types/common';
+import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
+import { PositionChildProps } from '../Overlay/Position';
+import { TypeAttributes, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -3,21 +3,20 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.ComboboxContextContext = exports.pickTriggerPropKeys = exports.omitTriggerPropKeys = void 0;
+exports.pickTriggerPropKeys = exports.omitTriggerPropKeys = exports.default = exports.ComboboxContextContext = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _OverlayTrigger = _interopRequireDefault(require("../../internals/Overlay/OverlayTrigger"));
-var _utils = require("../../utils");
-var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
-exports.omitTriggerPropKeys = omitTriggerPropKeys;
-var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
-exports.pickTriggerPropKeys = pickTriggerPropKeys;
-var ComboboxContextContext = /*#__PURE__*/_react.default.createContext({
+var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
+var _hooks = require("../hooks");
+var _utils = require("../utils");
+var _excluded = ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"];
+var omitTriggerPropKeys = exports.omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
+var pickTriggerPropKeys = exports.pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
+var ComboboxContextContext = exports.ComboboxContextContext = /*#__PURE__*/_react.default.createContext({
   popupType: 'listbox'
 });
-exports.ComboboxContextContext = ComboboxContextContext;
 var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var pickerProps = props.pickerProps,
     speaker = props.speaker,
@@ -28,10 +27,10 @@ var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props
     multiple = props.multiple,
     _props$popupType = props.popupType,
     popupType = _props$popupType === void 0 ? 'listbox' : _props$popupType,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var pickerTriggerProps = (0, _pick.default)(pickerProps, pickTriggerPropKeys);
-  var pickerId = (0, _utils.useUniqueId)('rs-', id);
-  var _useCustom = (0, _utils.useCustom)(),
+  var pickerId = (0, _hooks.useUniqueId)('rs-', id);
+  var _useCustom = (0, _hooks.useCustom)(),
     rtl = _useCustom.rtl;
   return /*#__PURE__*/_react.default.createElement(ComboboxContextContext.Provider, {
     value: {
@@ -49,5 +48,4 @@ var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props
   })));
 });
 PickerToggleTrigger.displayName = 'PickerToggleTrigger';
-var _default = PickerToggleTrigger;
-exports.default = _default;
+var _default = exports.default = PickerToggleTrigger;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PickerLocale } from '../../locales';
 export interface SelectedElementProps {
     selectedItems: any[];
@@ -10,5 +10,5 @@ export interface SelectedElementProps {
     childrenKey?: string;
     prefix: (name: string) => string;
 }
-declare const SelectedElement: (props: SelectedElementProps) => JSX.Element;
+declare const SelectedElement: (props: SelectedElementProps) => React.JSX.Element;
 export default SelectedElement;

package/cjs/internals/Picker/SelectedElement.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactToString = _interopRequireDefault(require("../../utils/reactToString"));
+var _utils = require("../utils");
 var SelectedElement = function SelectedElement(props) {
   var selectedItems = props.selectedItems,
     prefix = props.prefix,
@@ -24,7 +24,7 @@ var SelectedElement = function SelectedElement(props) {
       if (typeof label === 'string' || typeof label === 'number') {
         return label;
       } else if ( /*#__PURE__*/_react.default.isValidElement(label)) {
-        return (0, _reactToString.default)(label).join('');
+        return (0, _utils.reactToString)(label).join('');
       }
       return '';
     }).join(', ');
@@ -46,5 +46,4 @@ var SelectedElement = function SelectedElement(props) {
     title: "" + count
   }, count > 99 ? '99+' : count) : null);
 };
-var _default = SelectedElement;
-exports.default = _default;
+var _default = exports.default = SelectedElement;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ButtonProps } from '../../Button';
-export declare type ToggleButtonProps = ButtonProps;
+export type ToggleButtonProps = ButtonProps;
 declare const ToggleButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLDivElement>>;
 export default ToggleButton;

package/cjs/internals/Picker/ToggleButton.js

@@ -15,5 +15,4 @@ var ToggleButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }));
 });
 ToggleButton.displayName = 'ToggleButton';
-var _default = ToggleButton;
-exports.default = _default;
+var _default = exports.default = ToggleButton;

package/cjs/internals/Picker/hooks/index.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.usePickerClassName = exports.useSearch = exports.useToggleKeyDownEvent = exports.useFocusItemValue = exports.useCombobox = exports.usePickerRef = void 0;
+exports.useToggleKeyDownEvent = exports.useSearch = exports.usePickerRef = exports.usePickerClassName = exports.useFocusItemValue = exports.useCombobox = void 0;
 var _usePickerRef = _interopRequireDefault(require("./usePickerRef"));
 exports.usePickerRef = _usePickerRef.default;
 var _useCombobox = _interopRequireDefault(require("./useCombobox"));

package/cjs/internals/Picker/hooks/useCombobox.d.ts

@@ -1,6 +1,6 @@
 declare function useCombobox(): {
     id: string | undefined;
-    popupType: "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    popupType: "dialog" | "menu" | "listbox" | "grid" | "tree" | undefined;
     multiple: boolean | undefined;
     labelId: string | undefined;
 };

package/cjs/internals/Picker/hooks/useCombobox.js

@@ -18,5 +18,4 @@ function useCombobox() {
     labelId: hasLabel ? id + "-label" : undefined
   };
 }
-var _default = useCombobox;
-exports.default = _default;
+var _default = exports.default = useCombobox;

package/cjs/internals/Picker/hooks/useFocusItemValue.js

@@ -9,7 +9,8 @@ var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _find = _interopRequireDefault(require("lodash/find"));
 var _domLib = require("dom-lib");
-var _utils = require("../../../utils");
+var _hooks = require("../../hooks");
+var _utils = require("../../utils");
 var _utils2 = require("../../Tree/utils");
 var _utils3 = require("../utils");
 /**
@@ -43,7 +44,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
   var _useState3 = (0, _react.useState)([]),
     keys = _useState3[0],
     setKeys = _useState3[1];
-  var focusCallback = (0, _utils.useEventCallback)(function (value, event) {
+  var focusCallback = (0, _hooks.useEventCallback)(function (value, event) {
     if (focusToOption) {
       var menu = (0, _isFunction.default)(target) ? target() : target;
       var focusElement = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-key=\"" + value + "\"]");
@@ -51,7 +52,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     }
     callback === null || callback === void 0 ? void 0 : callback(value, event);
   });
-  var getScrollContainer = (0, _utils.useEventCallback)(function () {
+  var getScrollContainer = (0, _hooks.useEventCallback)(function () {
     var menu = (0, _isFunction.default)(target) ? target() : target;
 
     // For Cascader and MutiCascader
@@ -102,7 +103,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
   /**
    * Get the index of the focus item.
    */
-  var findFocusItemIndex = (0, _utils.useEventCallback)(function (callback) {
+  var findFocusItemIndex = (0, _hooks.useEventCallback)(function (callback) {
     var items = getFocusableMenuItems();
     for (var i = 0; i < items.length; i += 1) {
       var _items$i;
@@ -113,7 +114,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     }
     callback(items, -1);
   });
-  var scrollListItem = (0, _utils.useEventCallback)(function (direction, itemValue, willOverflow) {
+  var scrollListItem = (0, _hooks.useEventCallback)(function (direction, itemValue, willOverflow) {
     var container = getScrollContainer();
     var item = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + itemValue + "\"]");
     if (willOverflow && container) {
@@ -129,7 +130,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       }
     }
   });
-  var focusNextMenuItem = (0, _utils.useEventCallback)(function (event) {
+  var focusNextMenuItem = (0, _hooks.useEventCallback)(function (event) {
     findFocusItemIndex(function (items, index) {
       var willOverflow = index + 2 > items.length;
       var nextIndex = willOverflow ? 0 : index + 1;
@@ -141,7 +142,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       }
     });
   });
-  var focusPrevMenuItem = (0, _utils.useEventCallback)(function (event) {
+  var focusPrevMenuItem = (0, _hooks.useEventCallback)(function (event) {
     findFocusItemIndex(function (items, index) {
       var willOverflow = index === 0;
       var nextIndex = willOverflow ? items.length - 1 : index - 1;
@@ -165,7 +166,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
     }
     return null;
   };
-  var focusNextLevelMenu = (0, _utils.useEventCallback)(function (event) {
+  var focusNextLevelMenu = (0, _hooks.useEventCallback)(function (event) {
     var nextLayer = layer + 1;
     var nextKeys = getSubMenuKeys(nextLayer);
     if (nextKeys) {
@@ -175,7 +176,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       focusCallback(nextKeys[0], event);
     }
   });
-  var focusPrevLevelMenu = (0, _utils.useEventCallback)(function (event) {
+  var focusPrevLevelMenu = (0, _hooks.useEventCallback)(function (event) {
     var nextLayer = layer - 1;
     var nextKeys = getSubMenuKeys(nextLayer);
     if (nextKeys) {
@@ -192,7 +193,7 @@ var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue, props)
       }
     }
   });
-  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     var _onMenuKeyDown;
     (0, _utils3.onMenuKeyDown)(event, (_onMenuKeyDown = {
       down: focusNextMenuItem,
@@ -242,5 +243,4 @@ function isVisible(element, container, direction) {
   }
   return bottom - height < containerBottom;
 }
-var _default = useFocusItemValue;
-exports.default = _default;
+var _default = exports.default = useFocusItemValue;

package/cjs/internals/Picker/hooks/usePickerClassName.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes } from '../../../@types/common';
+import { TypeAttributes } from '../../types';
 export interface PickerClassNameProps {
     name?: string;
     classPrefix: string;

package/cjs/internals/Picker/hooks/usePickerClassName.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
-var _utils = require("../../../utils");
+var _hooks = require("../../hooks");
+var _utils = require("../../utils");
+var _excluded = ["name", "classPrefix", "className", "placement", "appearance", "cleanable", "block", "disabled", "countable", "readOnly", "plaintext", "hasValue"];
 /**
  * The className of the assembled Toggle is on the Picker.
  */
@@ -25,8 +27,8 @@ function usePickerClassName(props) {
     readOnly = props.readOnly,
     plaintext = props.plaintext,
     hasValue = props.hasValue,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["name", "classPrefix", "className", "placement", "appearance", "cleanable", "block", "disabled", "countable", "readOnly", "plaintext", "hasValue"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
@@ -35,5 +37,4 @@ function usePickerClassName(props) {
   var usedClassNamePropKeys = Object.keys((0, _omit.default)(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext', 'name'])));
   return [classes, usedClassNamePropKeys];
 }
-var _default = usePickerClassName;
-exports.default = _default;
+var _default = exports.default = usePickerClassName;

package/cjs/internals/Picker/hooks/usePickerRef.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { OverlayTriggerHandle } from '../PickerToggleTrigger';
-import type { ListHandle } from '../../../internals/Windowing';
+import type { ListHandle } from '../../Windowing';
 /**
  * A hook of the exposed method of Picker
  */