rsuite 5.61.0 → 5.62.0

package/cjs/internals/Picker/ListItemGroup.js

@@ -8,7 +8,7 @@ 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 _hooks = require("../hooks");
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
 var _templateObject, _templateObject2;
 var ListItemGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -19,7 +19,7 @@ var ListItemGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     children = props.children,
     className = props.className,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;

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 '@/internals/Windowing';
+import { RSUITE_PICKER_GROUP_KEY } from '@/internals/symbols';
+import { StandardProps, ItemDataType, DataProps } from '@/internals/types';
 interface InnerItemDataType extends ItemDataType {
     [RSUITE_PICKER_GROUP_KEY]?: boolean;
 }

package/cjs/internals/Picker/Listbox.js

@@ -18,14 +18,14 @@ 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 _this = void 0;
 /**
  * Props for the Listbox component.
@@ -69,7 +69,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     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),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
@@ -87,7 +87,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 +97,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 +180,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 +201,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]);

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) {

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 '@/internals/types';
 import type { OverlayTriggerHandle } from './PickerToggleTrigger';
 export interface PickerPopupProps extends WithAsProps {
     placement?: string;

package/cjs/internals/Picker/PickerPopup.js

@@ -11,7 +11,8 @@ 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 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) {
@@ -26,13 +27,13 @@ var PickerPopup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target = props.target,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "autoWidth", "className", "placement", "target"]);
   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 +47,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());

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 '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;

package/cjs/internals/Picker/PickerToggle.js

@@ -10,9 +10,9 @@ 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"));
@@ -49,7 +49,7 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     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"]);
   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 +68,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, {

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 '@/internals/Overlay/OverlayTrigger';
+import { PositionChildProps } from '@/internals/Overlay/Position';
+import { TypeAttributes, AnimationEventProps } from '@/internals/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

@@ -8,8 +8,9 @@ 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 _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
+var _hooks = require("../hooks");
+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']);
@@ -30,8 +31,8 @@ var PickerToggleTrigger = /*#__PURE__*/_react.default.forwardRef(function (props
     popupType = _props$popupType === void 0 ? 'listbox' : _props$popupType,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"]);
   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: {

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(', ');

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/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,

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

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

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

@@ -7,7 +7,8 @@ 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");
 /**
  * The className of the assembled Toggle is on the Picker.
  */
@@ -26,7 +27,7 @@ function usePickerClassName(props) {
     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),
+  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)));

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
  */

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

@@ -1,12 +1,11 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _useEventCallback = _interopRequireDefault(require("../../../utils/useEventCallback"));
-var _symbols = require("../../../internals/symbols");
+var _hooks = require("../../hooks");
+var _symbols = require("../../symbols");
 /**
  * A hook of the exposed method of Picker
  */
@@ -18,15 +17,15 @@ function usePickerRef(ref) {
   var list = (0, _react.useRef)(null);
   var searchInput = (0, _react.useRef)(null);
   var treeView = (0, _react.useRef)(null);
-  var handleOpen = (0, _useEventCallback.default)(function () {
+  var handleOpen = (0, _hooks.useEventCallback)(function () {
     var _trigger$current;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.open();
   });
-  var handleClose = (0, _useEventCallback.default)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current2;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();
   });
-  var handleUpdatePosition = (0, _useEventCallback.default)(function () {
+  var handleUpdatePosition = (0, _hooks.useEventCallback)(function () {
     var _trigger$current3;
     trigger === null || trigger === void 0 ? void 0 : (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.updatePosition();
   });

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

@@ -3,7 +3,8 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _utils = require("../../../utils");
+var _constants = require("../../constants");
+var _hooks = require("../../hooks");
 /**
  * A hook to control the toggle keyboard operation
  * @param props
@@ -24,44 +25,44 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
     onMenuKeyDown = props.onMenuKeyDown,
     onMenuPressEnter = props.onMenuPressEnter,
     onMenuPressBackspace = props.onMenuPressBackspace;
-  var handleClose = (0, _utils.useEventCallback)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos, _trigger$current2, _trigger$current2$foc;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
 
     // The focus is on the trigger button after closing
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$foc = _trigger$current2.focus) === null || _trigger$current2$foc === void 0 ? void 0 : _trigger$current2$foc.call(_trigger$current2);
   });
-  var handleOpen = (0, _utils.useEventCallback)(function () {
+  var handleOpen = (0, _hooks.useEventCallback)(function () {
     var _trigger$current3, _trigger$current3$ope;
     (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$ope = _trigger$current3.open) === null || _trigger$current3$ope === void 0 ? void 0 : _trigger$current3$ope.call(_trigger$current3);
   });
-  var handleToggleDropdown = (0, _utils.useEventCallback)(function () {
+  var handleToggleDropdown = (0, _hooks.useEventCallback)(function () {
     if (active) {
       handleClose();
       return;
     }
     handleOpen();
   });
-  var onToggle = (0, _utils.useEventCallback)(function (event) {
+  var onToggle = (0, _hooks.useEventCallback)(function (event) {
     // Keyboard events should not be processed when readOnly and disabled are set.
     if (readOnly || disabled || loading) {
       return;
     }
     if (event.target === (target === null || target === void 0 ? void 0 : target.current)) {
       // enter
-      if (toggle && event.key === _utils.KEY_VALUES.ENTER) {
+      if (toggle && event.key === _constants.KEY_VALUES.ENTER) {
         handleToggleDropdown();
       }
 
       // delete
-      if (event.key === _utils.KEY_VALUES.BACKSPACE) {
+      if (event.key === _constants.KEY_VALUES.BACKSPACE) {
         onExit === null || onExit === void 0 ? void 0 : onExit(event);
       }
     }
     if (overlay !== null && overlay !== void 0 && overlay.current) {
       // The keyboard operation callback on the menu.
       onMenuKeyDown === null || onMenuKeyDown === void 0 ? void 0 : onMenuKeyDown(event);
-      if (event.key === _utils.KEY_VALUES.ENTER) {
+      if (event.key === _constants.KEY_VALUES.ENTER) {
         onMenuPressEnter === null || onMenuPressEnter === void 0 ? void 0 : onMenuPressEnter(event);
       }
 
@@ -69,7 +70,7 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
        * There is no callback when typing the Backspace key in the search box.
        * The default is to remove search keywords
        */
-      if (event.key === _utils.KEY_VALUES.BACKSPACE && event.target !== (searchInput === null || searchInput === void 0 ? void 0 : searchInput.current)) {
+      if (event.key === _constants.KEY_VALUES.BACKSPACE && event.target !== (searchInput === null || searchInput === void 0 ? void 0 : searchInput.current)) {
         onMenuPressBackspace === null || onMenuPressBackspace === void 0 ? void 0 : onMenuPressBackspace(event);
       }
 
@@ -84,7 +85,7 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
         }
       }
     }
-    if (event.key === _utils.KEY_VALUES.ESC || event.key === _utils.KEY_VALUES.TAB) {
+    if (event.key === _constants.KEY_VALUES.ESC || event.key === _constants.KEY_VALUES.TAB) {
       handleClose();
     }
 

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

@@ -12,7 +12,7 @@ export declare const pickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;
@@ -51,7 +51,7 @@ export declare const listPickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;

package/cjs/internals/Picker/propTypes.js

@@ -6,10 +6,10 @@ exports.__esModule = true;
 exports.listPickerPropTypes = exports.pickerPropTypes = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../../utils");
-var _utils2 = require("../../Animation/utils");
+var _constants = require("../constants");
+var _utils = require("../../Animation/utils");
 var _propTypes2 = require("../propTypes");
-var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
+var pickerPropTypes = (0, _extends2.default)({}, _utils.animationPropTypes, {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
   style: _propTypes.default.object,
@@ -22,7 +22,7 @@ var pickerPropTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, {
   menuClassName: _propTypes.default.string,
   menuStyle: _propTypes.default.object,
   placeholder: _propTypes.default.node,
-  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT),
+  placement: (0, _propTypes2.oneOf)(_constants.PLACEMENT),
   preventOverflow: _propTypes.default.bool,
   open: _propTypes.default.bool,
   defaultOpen: _propTypes.default.bool,

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { RsRefForwardingComponent } from '../../@types/common';
-import type { ListHandle } from '../../internals/Windowing';
-import { RSUITE_PICKER_TYPE } from '../../internals/symbols';
+import { RsRefForwardingComponent } from '@/internals/types';
+import type { ListHandle } from '@/internals/Windowing';
+import { RSUITE_PICKER_TYPE } from '@/internals/symbols';
 export interface PickerHandle {
     type?: typeof RSUITE_PICKER_TYPE;
     root: HTMLElement | null;

package/cjs/internals/Picker/utils.js

@@ -8,8 +8,9 @@ exports.shouldDisplay = shouldDisplay;
 exports.onMenuKeyDown = onMenuKeyDown;
 var _react = _interopRequireDefault(require("react"));
 var _trim = _interopRequireDefault(require("lodash/trim"));
+var _constants = require("../constants");
 var _utils = require("../Tree/utils");
-var _utils2 = require("../../utils");
+var _utils2 = require("../utils");
 var defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'
@@ -59,35 +60,35 @@ function onMenuKeyDown(event, events) {
     left = events.left;
   switch (event.key) {
     // down
-    case _utils2.KEY_VALUES.DOWN:
+    case _constants.KEY_VALUES.DOWN:
       down === null || down === void 0 ? void 0 : down(event);
       event.preventDefault();
       break;
     // up
-    case _utils2.KEY_VALUES.UP:
+    case _constants.KEY_VALUES.UP:
       up === null || up === void 0 ? void 0 : up(event);
       event.preventDefault();
       break;
     // enter
-    case _utils2.KEY_VALUES.ENTER:
+    case _constants.KEY_VALUES.ENTER:
       enter === null || enter === void 0 ? void 0 : enter(event);
       event.preventDefault();
       break;
     // delete
-    case _utils2.KEY_VALUES.BACKSPACE:
+    case _constants.KEY_VALUES.BACKSPACE:
       del === null || del === void 0 ? void 0 : del(event);
       break;
     // esc | tab
-    case _utils2.KEY_VALUES.ESC:
-    case _utils2.KEY_VALUES.TAB:
+    case _constants.KEY_VALUES.ESC:
+    case _constants.KEY_VALUES.TAB:
       esc === null || esc === void 0 ? void 0 : esc(event);
       break;
     // left arrow
-    case _utils2.KEY_VALUES.LEFT:
+    case _constants.KEY_VALUES.LEFT:
       left === null || left === void 0 ? void 0 : left(event);
       break;
     // right arrow
-    case _utils2.KEY_VALUES.RIGHT:
+    case _constants.KEY_VALUES.RIGHT:
       right === null || right === void 0 ? void 0 : right(event);
       break;
     default: