rsuite 5.61.0 → 5.62.0

package/cjs/internals/Menu/Menu.js

@@ -10,13 +10,10 @@ 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 _hooks = require("../hooks");
+var _constants = require("../constants");
 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 _utils = require("../utils");
 var defaultOpenMenuOn = ['click'];
 function getMenuItemTarget(event) {
   var _event$currentTarget;
@@ -60,10 +57,10 @@ function Menu(_ref) {
     dispatch = menu[1];
   var openControlled = typeof openProp !== 'undefined';
   var open = openControlled ? openProp : openState;
-  var _useCustom = (0, _utils.useCustom)('Menu'),
+  var _useCustom = (0, _hooks.useCustom)('Menu'),
     rtl = _useCustom.rtl;
   var activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
-  var _useFocus = (0, _useFocus2.default)(menuElementRef),
+  var _useFocus = (0, _hooks.useFocus)(menuElementRef),
     grabFocus = _useFocus.grab;
   var openMenu = (0, _react.useCallback)(function (event) {
     dispatch({
@@ -104,7 +101,7 @@ function Menu(_ref) {
       closeMenu(event);
     }
   }, [open, openMenu, closeMenu]);
-  (0, _useClickOutside.default)({
+  (0, _hooks.useClickOutside)({
     enabled: open,
     isOutside: function isOutside(event) {
       var _buttonElementRef$cur2, _menuElementRef$curre;
@@ -112,7 +109,7 @@ function Menu(_ref) {
     },
     // fixme if clicking on a focusable element, don't move focus to menu button
     handle: function handle(event) {
-      return closeMenu(event, !(0, _dom.isFocusableElement)(event.target));
+      return closeMenu(event, !(0, _utils.isFocusableElement)(event.target));
     }
   });
 
@@ -123,8 +120,8 @@ function Menu(_ref) {
   var handleButtonKeydown = (0, _react.useCallback)(function (e) {
     switch (e.key) {
       // Open the menu
-      case _utils.KEY_VALUES.ENTER:
-      case _utils.KEY_VALUES.SPACE:
+      case _constants.KEY_VALUES.ENTER:
+      case _constants.KEY_VALUES.SPACE:
         e.preventDefault();
         e.stopPropagation();
         if (!open) {
@@ -139,7 +136,7 @@ function Menu(_ref) {
         break;
       // Open the menu (if closed) and move focus to first item
       // This is mostly useful after opening the menu with click
-      case _utils.KEY_VALUES.DOWN:
+      case _constants.KEY_VALUES.DOWN:
         e.preventDefault();
         e.stopPropagation();
         if (!open) {
@@ -184,8 +181,8 @@ function Menu(_ref) {
     }
     return buttonEventHandlers;
   }, [openMenuOn, handleButtonKeydown, handleButtonClick, handleButtonContextMenu]);
-  var buttonId = (0, _useUniqueId.default)('menubutton-');
-  var menuId = (0, _useUniqueId.default)('menu-');
+  var buttonId = (0, _hooks.useUniqueId)('menubutton-');
+  var menuId = (0, _hooks.useUniqueId)('menu-');
   var buttonAriaAttributes = (0, _react.useMemo)(function () {
     // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-14
     return {
@@ -218,7 +215,7 @@ function Menu(_ref) {
   var handleMenuKeydown = (0, _react.useCallback)(function (e) {
     switch (e.key) {
       // Move focus to previous item
-      case _utils.KEY_VALUES.UP:
+      case _constants.KEY_VALUES.UP:
         e.preventDefault();
         e.stopPropagation();
         dispatch({
@@ -227,7 +224,7 @@ function Menu(_ref) {
         });
         break;
       // Move focus to next item
-      case _utils.KEY_VALUES.DOWN:
+      case _constants.KEY_VALUES.DOWN:
         e.preventDefault();
         e.stopPropagation();
         dispatch({
@@ -236,7 +233,7 @@ function Menu(_ref) {
         });
         break;
       // When focus is in a menu and on a menuitem that has a submenu, opens the submenu and places focus on its first item.
-      case _utils.KEY_VALUES.RIGHT:
+      case _constants.KEY_VALUES.RIGHT:
         e.preventDefault();
         e.stopPropagation();
         if (!rtl) {
@@ -250,7 +247,7 @@ function Menu(_ref) {
         }
         break;
       // When focus is in a submenu of an item in a menu, closes the submenu and returns focus to the parent menuitem.
-      case _utils.KEY_VALUES.LEFT:
+      case _constants.KEY_VALUES.LEFT:
         e.preventDefault();
         e.stopPropagation();
         if (!rtl) {
@@ -262,7 +259,7 @@ function Menu(_ref) {
         }
         break;
       // Move focus to the first item
-      case _utils.KEY_VALUES.HOME:
+      case _constants.KEY_VALUES.HOME:
         e.preventDefault();
         e.stopPropagation();
         dispatch({
@@ -271,7 +268,7 @@ function Menu(_ref) {
         });
         break;
       // Move focus to the last item
-      case _utils.KEY_VALUES.END:
+      case _constants.KEY_VALUES.END:
         e.preventDefault();
         e.stopPropagation();
         dispatch({
@@ -281,8 +278,8 @@ function Menu(_ref) {
         break;
       // - When focus is on a menuitem that has a submenu, opens the submenu and places focus on its first item.
       // - Otherwise, activates the item and closes the menu.
-      case _utils.KEY_VALUES.ENTER:
-      case _utils.KEY_VALUES.SPACE:
+      case _constants.KEY_VALUES.ENTER:
+      case _constants.KEY_VALUES.SPACE:
         if (activeItem) {
           e.preventDefault();
           e.stopPropagation();
@@ -294,7 +291,7 @@ function Menu(_ref) {
         break;
       //  Close the menu that contains focus and return focus to the element or context,
       //  e.g., menu button or parent menuitem, from which the menu was opened.
-      case _utils.KEY_VALUES.ESC:
+      case _constants.KEY_VALUES.ESC:
         closeMenu(e);
         break;
     }
@@ -354,7 +351,7 @@ function Menu(_ref) {
   var rootElementRef = (0, _react.useRef)(null);
   var handleContainerBlur = (0, _react.useCallback)(function (event) {
     /* istanbul ignore else */
-    if ((0, _events.isFocusLeaving)(event)) {
+    if ((0, _utils.isFocusLeaving)(event)) {
       closeMenu(event, false);
     }
   }, [closeMenu]);

package/cjs/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 _hooks = require("../hooks");
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 /**
  * Headless ARIA `menuitem`
@@ -23,7 +23,7 @@ function MenuItem(props) {
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     onActivate = props.onActivate;
   var menuitemRef = (0, _react.useRef)(null);
-  var menuitemId = (0, _useUniqueId.default)('menuitem-');
+  var menuitemId = (0, _hooks.useUniqueId)('menuitem-');
   var menu = (0, _react.useContext)(_MenuContext.default);
   if (!menu) {
     throw new Error('<MenuItem> must be rendered within a <Menu>');

package/cjs/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 _constants = require("../constants");
+var _hooks = require("../hooks");
+var _utils = require("../utils");
 var _useMenu = _interopRequireDefault(require("./useMenu"));
-var _dom = require("../../utils/dom");
 // Headless ARIA `menubar`
 
 /**
@@ -33,9 +33,9 @@ function Menubar(_ref) {
   var menubarElementRef = (0, _react.useRef)(null);
   var onFocus = (0, _react.useCallback)(function (event) {
     // Focus moves inside Menubar
-    if ((0, _events.isFocusEntering)(event) &&
+    if ((0, _utils.isFocusEntering)(event) &&
     // Skip if focus is moving to a focusable element within this menu
-    !(event.target !== event.currentTarget && (0, _dom.isFocusableElement)(event.target))) {
+    !(event.target !== event.currentTarget && (0, _utils.isFocusableElement)(event.target))) {
       if (activeItemIndex === null) {
         dispatch({
           type: _MenuContext.MenuActionTypes.MoveFocus,
@@ -46,22 +46,22 @@ function Menubar(_ref) {
   }, [activeItemIndex, dispatch]);
   var onBlur = (0, _react.useCallback)(function (event) {
     // Focus moves outside of Menubar
-    if ((0, _events.isFocusLeaving)(event)) {
+    if ((0, _utils.isFocusLeaving)(event)) {
       dispatch({
         type: _MenuContext.MenuActionTypes.MoveFocus,
         to: _MenuContext.MoveFocusTo.None
       });
     }
   }, [dispatch]);
-  var _useCustom = (0, _utils.useCustom)('Menubar'),
+  var _useCustom = (0, _hooks.useCustom)('Menubar'),
     rtl = _useCustom.rtl;
   var onKeyDown = (0, _react.useCallback)(function (event) {
     var _items$activeItemInde, _items$activeItemInde2;
     var activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;
     switch (true) {
-      case !vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:
-      case !vertical && rtl && event.key === _utils.KEY_VALUES.LEFT:
-      case vertical && event.key === _utils.KEY_VALUES.DOWN:
+      case !vertical && !rtl && event.key === _constants.KEY_VALUES.RIGHT:
+      case !vertical && rtl && event.key === _constants.KEY_VALUES.LEFT:
+      case vertical && event.key === _constants.KEY_VALUES.DOWN:
         event.preventDefault();
         event.stopPropagation();
         dispatch({
@@ -69,9 +69,9 @@ function Menubar(_ref) {
           to: _MenuContext.MoveFocusTo.Next
         });
         break;
-      case !vertical && !rtl && event.key === _utils.KEY_VALUES.LEFT:
-      case !vertical && rtl && event.key === _utils.KEY_VALUES.RIGHT:
-      case vertical && event.key === _utils.KEY_VALUES.UP:
+      case !vertical && !rtl && event.key === _constants.KEY_VALUES.LEFT:
+      case !vertical && rtl && event.key === _constants.KEY_VALUES.RIGHT:
+      case vertical && event.key === _constants.KEY_VALUES.UP:
         event.preventDefault();
         event.stopPropagation();
         dispatch({
@@ -79,7 +79,7 @@ function Menubar(_ref) {
           to: _MenuContext.MoveFocusTo.Prev
         });
         break;
-      case event.key === _utils.KEY_VALUES.HOME:
+      case event.key === _constants.KEY_VALUES.HOME:
         event.preventDefault();
         event.stopPropagation();
         dispatch({
@@ -87,7 +87,7 @@ function Menubar(_ref) {
           to: _MenuContext.MoveFocusTo.First
         });
         break;
-      case event.key === _utils.KEY_VALUES.END:
+      case event.key === _constants.KEY_VALUES.END:
         event.preventDefault();
         event.stopPropagation();
         dispatch({
@@ -95,17 +95,17 @@ function Menubar(_ref) {
           to: _MenuContext.MoveFocusTo.Last
         });
         break;
-      case !vertical && event.key === _utils.KEY_VALUES.DOWN:
-      case vertical && !rtl && event.key === _utils.KEY_VALUES.RIGHT:
-      case vertical && rtl && event.key === _utils.KEY_VALUES.LEFT:
+      case !vertical && event.key === _constants.KEY_VALUES.DOWN:
+      case vertical && !rtl && event.key === _constants.KEY_VALUES.RIGHT:
+      case vertical && rtl && event.key === _constants.KEY_VALUES.LEFT:
         if ((activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.getAttribute('aria-haspopup')) === 'menu') {
           event.preventDefault();
           event.stopPropagation();
           activeItemElement.click();
         }
         break;
-      case event.key === _utils.KEY_VALUES.ENTER:
-      case event.key === _utils.KEY_VALUES.SPACE:
+      case event.key === _constants.KEY_VALUES.ENTER:
+      case event.key === _constants.KEY_VALUES.SPACE:
         event.preventDefault();
         event.stopPropagation();
         activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.click();

package/cjs/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 '@/internals/types';
 export interface BaseModalProps extends WithAsProps, AnimationEventProps {
     /** Animation-related properties */
     animationProps?: any;

package/cjs/internals/Overlay/Modal.js

@@ -12,10 +12,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
+var _constants = require("../constants");
+var _hooks = require("../hooks");
+var _utils = require("../utils");
 var _ModalManager = _interopRequireDefault(require("./ModalManager"));
 var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
-var _utils = require("../../Animation/utils");
-var _utils2 = require("../../utils");
+var _utils2 = require("../../Animation/utils");
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var manager;
 function getManager() {
@@ -86,7 +88,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useState = (0, _react.useState)(!open),
     exited = _useState[0],
     setExited = _useState[1];
-  var _usePortal = (0, _utils2.usePortal)({
+  var _usePortal = (0, _hooks.usePortal)({
       container: container
     }),
     Portal = _usePortal.Portal,
@@ -99,8 +101,8 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
   var mountModal = open || Transition && !exited;
   var lastFocus = (0, _react.useRef)(null);
-  var handleDocumentKeyDown = (0, _utils2.useEventCallback)(function (event) {
-    if (keyboard && event.key === _utils2.KEY_VALUES.ESC && modal.isTopModal()) {
+  var handleDocumentKeyDown = (0, _hooks.useEventCallback)(function (event) {
+    if (keyboard && event.key === _constants.KEY_VALUES.ESC && modal.isTopModal()) {
       onEsc === null || onEsc === void 0 ? void 0 : onEsc(event);
       onClose === null || onClose === void 0 ? void 0 : onClose(event);
     }
@@ -118,7 +120,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * and if not, returns the focus to the dialog.
    *
    */
-  var handleFocusDialog = (0, _utils2.useEventCallback)(function (onBeforeFocusCallback) {
+  var handleFocusDialog = (0, _hooks.useEventCallback)(function (onBeforeFocusCallback) {
     var currentActiveElement = document.activeElement;
     var dialog = modal.dialog;
     if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {
@@ -126,7 +128,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       dialog.focus();
     }
   });
-  var handleEnforceFocus = (0, _utils2.useEventCallback)(function () {
+  var handleEnforceFocus = (0, _hooks.useEventCallback)(function () {
     if (!enforceFocus || !modal.isTopModal()) {
       return;
     }
@@ -134,7 +136,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var documentKeyDownListener = (0, _react.useRef)();
   var documentFocusListener = (0, _react.useRef)();
-  var handleOpen = (0, _utils2.useEventCallback)(function () {
+  var handleOpen = (0, _hooks.useEventCallback)(function () {
     if (containerElement) {
       modal.add(containerElement, containerClassName);
     }
@@ -151,7 +153,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
-  var handleClose = (0, _utils2.useEventCallback)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _documentKeyDownListe, _documentFocusListene;
     modal.remove();
     (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();
@@ -172,7 +174,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     handleClose();
   }, [exited, handleClose]);
-  (0, _utils2.useWillUnmount)(function () {
+  (0, _hooks.useWillUnmount)(function () {
     handleClose();
   });
   var handleExited = (0, _react.useCallback)(function () {
@@ -202,7 +204,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           "data-testid": "backdrop"
         }, rest, {
           style: backdropStyle,
-          ref: (0, _utils2.mergeRefs)(modal.setBackdropRef, ref),
+          ref: (0, _utils.mergeRefs)(modal.setBackdropRef, ref),
           className: (0, _classnames.default)(backdropClassName, className)
         }));
       });
@@ -220,7 +222,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     timeout: dialogTransitionTimeout,
     onExit: onExit,
     onExiting: onExiting,
-    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),
+    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
     onEnter: onEnter,
     onEntering: onEntering,
     onEntered: onEntered
@@ -228,7 +230,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_OverlayContext.default.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Portal, null, backdrop && renderBackdrop(), /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
-    ref: (0, _utils2.mergeRefs)(modal.setDialogRef, ref),
+    ref: (0, _utils.mergeRefs)(modal.setDialogRef, ref),
     style: style,
     className: className,
     tabIndex: -1
@@ -251,7 +253,7 @@ var modalPropTypes = {
 };
 exports.modalPropTypes = modalPropTypes;
 Modal.displayName = 'OverlayModal';
-Modal.propTypes = (0, _extends2.default)({}, _utils.animationPropTypes, modalPropTypes, {
+Modal.propTypes = (0, _extends2.default)({}, _utils2.animationPropTypes, modalPropTypes, {
   children: _propTypes.default.func,
   container: _propTypes.default.any,
   containerClassName: _propTypes.default.string,

package/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 '@/internals/types';
 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/internals/Overlay/Overlay.js

@@ -10,7 +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 _hooks = require("../hooks");
+var _utils = require("../utils");
 var _Fade = _interopRequireDefault(require("../../Animation/Fade"));
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 var overlayPropTypes = {
@@ -77,7 +78,7 @@ var Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setExited(true);
     onExited === null || onExited === void 0 ? void 0 : onExited(args);
   }, [onExited]);
-  (0, _utils.useRootClose)(onClose, {
+  (0, _hooks.useRootClose)(onClose, {
     triggerTarget: triggerTarget,
     overlayTarget: overlayTarget,
     disabled: !rootClose || !mountOverlay

package/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 '@/internals/types';
 import { PositionChildProps } from './Position';
 export declare type OverlayTriggerType = 'click' | 'hover' | 'focus' | 'active' | 'contextMenu' | 'none';
 export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, AnimationEventProps {

package/cjs/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 _hooks = require("../hooks");
+var _utils = require("../utils");
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
 function mergeEvents(events, props) {
   if (events === void 0) {
@@ -98,14 +98,14 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onClose = props.onClose,
     onExited = props.onExited,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"]);
-  var _usePortal = (0, _utils.usePortal)({
+  var _usePortal = (0, _hooks.usePortal)({
       container: container
     }),
     Portal = _usePortal.Portal,
     containerElement = _usePortal.target;
   var triggerRef = (0, _react.useRef)();
   var overlayRef = (0, _react.useRef)();
-  var _useControlled = (0, _utils.useControlled)(openProp, defaultOpen),
+  var _useControlled = (0, _hooks.useControlled)(openProp, defaultOpen),
     open = _useControlled[0],
     setOpen = _useControlled[1];
   var _useState = (0, _react.useState)(null),
@@ -259,7 +259,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }, []);
   var handleSpeakerMouseLeave = (0, _react.useCallback)(function () {
     isOnOverlay.current = false;
-    if (!(0, _isOneOf.default)('click', trigger) && !(0, _isOneOf.default)('contextMenu', trigger) && !(0, _isOneOf.default)('active', trigger)) {
+    if (!(0, _utils.isOneOf)('click', trigger) && !(0, _utils.isOneOf)('contextMenu', trigger) && !(0, _utils.isOneOf)('active', trigger)) {
       handleCloseWhenLeave();
     }
   }, [handleCloseWhenLeave, trigger]);
@@ -301,17 +301,17 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
     // The `click` event is usually used in `toggle` scenarios.
     // The first click will open and the second click will close.
-    if ((0, _isOneOf.default)('click', trigger)) {
+    if ((0, _utils.isOneOf)('click', trigger)) {
       events.onClick = (0, _utils.createChainedFunction)(handleOpenState, events.onClick);
       return events;
     }
 
     // The difference between it and the click event is that it does not trigger the close.
-    if ((0, _isOneOf.default)('active', trigger)) {
+    if ((0, _utils.isOneOf)('active', trigger)) {
       events.onClick = (0, _utils.createChainedFunction)(handleDelayedOpen, events.onClick);
       return events;
     }
-    if ((0, _isOneOf.default)('hover', trigger)) {
+    if ((0, _utils.isOneOf)('hover', trigger)) {
       var onMouseOverListener = function onMouseOverListener(e) {
         return onMouseEventHandler(handleDelayedOpen, e);
       };
@@ -321,11 +321,11 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       events.onMouseOver = (0, _utils.createChainedFunction)(onMouseOverListener, events.onMouseOver);
       events.onMouseOut = (0, _utils.createChainedFunction)(onMouseOutListener, events.onMouseOut);
     }
-    if ((0, _isOneOf.default)('focus', trigger)) {
+    if ((0, _utils.isOneOf)('focus', trigger)) {
       events.onFocus = (0, _utils.createChainedFunction)(handleDelayedOpen, events.onFocus);
       events.onBlur = (0, _utils.createChainedFunction)(handleDelayedClose, events.onBlur);
     }
-    if ((0, _isOneOf.default)('contextMenu', trigger)) {
+    if ((0, _utils.isOneOf)('contextMenu', trigger)) {
       events.onContextMenu = (0, _utils.createChainedFunction)(preventDefault, handleOpenState, events.onContextMenu);
     }
     return events;

package/cjs/internals/Overlay/Position.d.ts

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

package/cjs/internals/Overlay/Position.js

@@ -17,7 +17,8 @@ var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _resizeObserver = require("@juggle/resize-observer");
 var _isElement = _interopRequireDefault(require("../../DOMHelper/isElement"));
 var _positionUtils = _interopRequireDefault(require("./positionUtils"));
-var _utils = require("../../utils");
+var _utils = require("../utils");
+var _hooks = require("../hooks");
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'right' : _props$placement,
@@ -121,7 +122,7 @@ var usePosition = function usePosition(props, ref) {
       (_overlayResizeObserve = overlayResizeObserver.current) === null || _overlayResizeObserve === void 0 ? void 0 : _overlayResizeObserve.disconnect();
     };
   }, [preventOverflow, ref, updatePosition]);
-  (0, _utils.useUpdateEffect)(function () {
+  (0, _hooks.useUpdateEffect)(function () {
     return updatePosition();
   }, [updatePosition, placement]);
   return [position, updatePosition];

package/cjs/internals/Overlay/positionUtils.d.ts

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CheckboxProps } from '../../Checkbox';
-import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface ListCheckItemProps extends WithAsProps, Omit<CheckboxProps, 'onSelect'> {
     active?: boolean;
     checkboxAs?: React.ElementType | string;

package/cjs/internals/Picker/ListCheckItem.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 _Checkbox = _interopRequireDefault(require("../../Checkbox"));
 var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var _templateObject;
@@ -36,22 +36,22 @@ var ListCheckItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onSelectItem = props.onSelectItem,
     renderCheckbox = props.renderCheckbox,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["active", "as", "checkboxAs", "classPrefix", "checkable", "disabled", "value", "focus", "children", "className", "indeterminate", "labelClickable", "onKeyDown", "onSelect", "onCheck", "onSelectItem", "renderCheckbox"]);
-  var handleChange = (0, _utils.useEventCallback)(function (value, checked, event) {
+  var handleChange = (0, _hooks.useEventCallback)(function (value, checked, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event, checked);
   });
-  var handleCheck = (0, _utils.useEventCallback)(function (event) {
+  var handleCheck = (0, _hooks.useEventCallback)(function (event) {
     if (!disabled) {
       onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, event, !active);
     }
   });
-  var handleSelectItem = (0, _utils.useEventCallback)(function (event) {
+  var handleSelectItem = (0, _hooks.useEventCallback)(function (event) {
     if (!disabled) {
       onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(value, event, !active);
     }
   });
   var _useCombobox = (0, _useCombobox2.default)(),
     id = _useCombobox.id;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     rootPrefix = _useClassNames.rootPrefix;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface ListItemProps extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     active?: boolean;
     disabled?: boolean;

package/cjs/internals/Picker/ListItem.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 _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
 var _templateObject;
 var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -30,13 +30,13 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "role", "classPrefix", "active", "children", "className", "disabled", "focus", "value", "onKeyDown", "onSelect", "renderItem"]);
   var _useCombobox = (0, _useCombobox2.default)(),
     id = _useCombobox.id;
-  var handleClick = (0, _utils.useEventCallback)(function (event) {
+  var handleClick = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     if (!disabled) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, event);
     }
   });
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     rootPrefix = _useClassNames.rootPrefix;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../../@types/common';
+import { WithAsProps } from '@/internals/types';
 export interface ListItemGroupProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ListItemGroup: React.ForwardRefExoticComponent<ListItemGroupProps & React.RefAttributes<HTMLDivElement>>;