rsuite 5.60.2 → 5.62.0

package/cjs/TreePicker/hooks/useFocusState.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+interface FocusStateProps {
+    target: React.RefObject<HTMLElement>;
+    value?: number | string | null | undefined;
+    focusActiveNode: () => void;
+    onEnter?: (node: HTMLElement) => void;
+    onExit?: (node: HTMLElement) => void;
+    onEntered?: (node: HTMLElement) => void;
+}
+declare function useFocusState(props: FocusStateProps): {
+    active: boolean;
+    focusItemValue: string | number | null | undefined;
+    setFocusItemValue: import("react").Dispatch<import("react").SetStateAction<string | number | null | undefined>>;
+    triggerProps: {
+        onEnter: (...args: any[]) => any;
+        onExit: (...args: any[]) => any;
+        onEntered: (...args: any[]) => any;
+    };
+};
+export default useFocusState;

package/cjs/TreePicker/hooks/useFocusState.js

@@ -0,0 +1,53 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var _hooks = require("../../internals/hooks");
+function useFocusState(props) {
+  var target = props.target,
+    value = props.value,
+    focusActiveNode = props.focusActiveNode;
+  var _useState = (0, _react.useState)(false),
+    active = _useState[0],
+    setActive = _useState[1];
+  var _useState2 = (0, _react.useState)(null),
+    focusItemValue = _useState2[0],
+    setFocusItemValue = _useState2[1];
+  var focusTarget = (0, _hooks.useEventCallback)(function () {
+    var _target$current;
+    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
+  });
+  var onEnter = (0, _hooks.useEventCallback)(function (node) {
+    var _props$onEnter;
+    setActive(true);
+    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, node);
+  });
+  var onExit = (0, _hooks.useEventCallback)(function (node) {
+    var _props$onExit;
+    setActive(false);
+    focusTarget();
+    (_props$onExit = props.onExit) === null || _props$onExit === void 0 ? void 0 : _props$onExit.call(props, node);
+  });
+  var onEntered = (0, _hooks.useEventCallback)(function (node) {
+    var _props$onEntered;
+    if (value) {
+      setFocusItemValue(value);
+      focusActiveNode();
+    }
+    (_props$onEntered = props.onEntered) === null || _props$onEntered === void 0 ? void 0 : _props$onEntered.call(props, node);
+  });
+  return {
+    active: active,
+    focusItemValue: focusItemValue,
+    setFocusItemValue: setFocusItemValue,
+    triggerProps: {
+      onEnter: onEnter,
+      onExit: onExit,
+      onEntered: onEntered
+    }
+  };
+}
+var _default = useFocusState;
+exports.default = _default;

package/cjs/Uploader/UploadFileItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FileType } from './Uploader';
 import { UploaderLocale } from '../locales';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '@/internals/types';
 export interface UploadFileItemProps extends WithAsProps {
     file: FileType;
     listType?: 'text' | 'picture-text' | 'picture';

package/cjs/Uploader/UploadFileItem.js

@@ -12,7 +12,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Attachment = _interopRequireDefault(require("@rsuite/icons/legacy/Attachment"));
 var _Reload = _interopRequireDefault(require("@rsuite/icons/Reload"));
 var _propTypes2 = require("../internals/propTypes");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _previewFile = require("./utils/previewFile");
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 /**
  * Format display file size
@@ -60,7 +61,7 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onCancel = props.onCancel,
     onReupload = props.onReupload,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
@@ -84,7 +85,7 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
       return;
     }
-    (0, _utils.previewFile)(file.blobFile, callback);
+    (0, _previewFile.previewFile)(file.blobFile, callback);
   }, [file, listType, maxPreviewFileSize]);
   (0, _react.useEffect)(function () {
     if (!file.url) {

package/cjs/Uploader/UploadTrigger.js

@@ -9,7 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Button = _interopRequireDefault(require("../Button"));
 var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -36,7 +37,7 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     dragOver = _useState[0],
     setDragOver = _useState[1];
   var inputRef = (0, _react.useRef)(null);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;

package/cjs/Uploader/Uploader.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { UploadTriggerProps } from './UploadTrigger';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '@/internals/types';
 import { UploaderLocale } from '../locales';
-import type { ErrorStatus } from '../utils/ajaxUpload';
+import { type ErrorStatus } from './utils/ajaxUpload';
 export interface FileType {
     /** File Name */
     name?: string;

package/cjs/Uploader/Uploader.js

@@ -12,9 +12,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _find = _interopRequireDefault(require("lodash/find"));
 var _UploadFileItem = _interopRequireDefault(require("./UploadFileItem"));
 var _UploadTrigger = _interopRequireDefault(require("./UploadTrigger"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _propTypes2 = require("../internals/propTypes");
+var _ajaxUpload2 = _interopRequireDefault(require("./utils/ajaxUpload"));
 // Define several states of the file during the upload process.
 
 var getFiles = function getFiles(event) {
@@ -80,7 +82,7 @@ var useFileList = function useFileList(defaultFileList) {
     (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);
     fileListUpdateCallback.current = null;
   }, [fileList]);
-  (0, _utils.useWillUnmount)(function () {
+  (0, _hooks.useWillUnmount)(function () {
     fileListUpdateCallback.current = null;
   });
   var dispatchCallback = (0, _react.useCallback)(function (action, callback) {
@@ -151,14 +153,14 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onProgress = props.onProgress,
     onReupload = props.onReupload,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "method", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix(listType, {
     draggable: draggable
   }));
-  var _useCustom = (0, _utils.useCustom)('Uploader', localeProp),
+  var _useCustom = (0, _hooks.useCustom)('Uploader', localeProp),
     locale = _useCustom.locale;
   var rootRef = (0, _react.useRef)();
   var xhrs = (0, _react.useRef)({});
@@ -242,7 +244,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param file
    */
   var handleUploadFile = (0, _react.useCallback)(function (file) {
-    var _ajaxUpload = (0, _utils.ajaxUpload)({
+    var _ajaxUpload = (0, _ajaxUpload2.default)({
         name: name,
         timeout: timeout,
         headers: headers,

package/cjs/Uploader/utils/previewFile.d.ts

@@ -0,0 +1,3 @@
+export declare function isImage(file: any): boolean;
+export declare function previewFile(file: File, callback: (result: string | ArrayBuffer | null) => void): void;
+export default previewFile;

package/cjs/{utils → Uploader/utils}/previewFile.js

@@ -3,13 +3,14 @@
 
 exports.__esModule = true;
 exports.isImage = isImage;
+exports.previewFile = previewFile;
 exports.default = void 0;
 // https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
 var MIME = ['image/apng', 'image/avif', 'image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'];
 function isImage(file) {
   return MIME.includes(file === null || file === void 0 ? void 0 : file.type);
 }
-var _default = function _default(file, callback) {
+function previewFile(file, callback) {
   if (!isImage(file)) {
     return callback(null);
   }
@@ -18,5 +19,6 @@ var _default = function _default(file, callback) {
     callback(reader.result);
   };
   reader.readAsDataURL(file);
-};
+}
+var _default = previewFile;
 exports.default = _default;

package/cjs/VisuallyHidden/VisuallyHidden.d.ts

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

package/cjs/VisuallyHidden/VisuallyHidden.js

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

package/cjs/Whisper/Whisper.d.ts

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

package/cjs/Whisper/Whisper.js

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

package/cjs/index.d.ts

@@ -4,6 +4,8 @@ export { default as Heading } from './Heading';
 export type { HeadingProps } from './Heading';
 export { default as HeadingGroup } from './HeadingGroup';
 export type { HeadingGroupProps } from './HeadingGroup';
+export { default as Highlight } from './Highlight';
+export type { HighlightProps } from './Highlight';
 export { default as SafeAnchor } from './SafeAnchor';
 export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Button } from './Button';

package/cjs/index.js

@@ -4,13 +4,15 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.Accordion = exports.Tabs = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Table = exports.PanelGroup = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Toggle = exports.Form = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.AvatarGroup = exports.Avatar = exports.Progress = exports.useToaster = exports.toaster = exports.Badge = exports.Placeholder = exports.Loader = exports.Message = exports.Notification = exports.Dropdown = exports.Drawer = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = exports.SafeAnchor = exports.HeadingGroup = exports.Heading = exports.Text = void 0;
+exports.useFormClassNames = exports.Accordion = exports.Tabs = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Table = exports.PanelGroup = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Toggle = exports.Form = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.AvatarGroup = exports.Avatar = exports.Progress = exports.useToaster = exports.toaster = exports.Badge = exports.Placeholder = exports.Loader = exports.Message = exports.Notification = exports.Dropdown = exports.Drawer = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = exports.SafeAnchor = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Text = void 0;
 var _Text = _interopRequireDefault(require("./Text"));
 exports.Text = _Text.default;
 var _Heading = _interopRequireDefault(require("./Heading"));
 exports.Heading = _Heading.default;
 var _HeadingGroup = _interopRequireDefault(require("./HeadingGroup"));
 exports.HeadingGroup = _HeadingGroup.default;
+var _Highlight = _interopRequireDefault(require("./Highlight"));
+exports.Highlight = _Highlight.default;
 var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
 exports.SafeAnchor = _SafeAnchor.default;
 var _Button = _interopRequireDefault(require("./Button"));

package/cjs/internals/CloseButton/CloseButton.d.ts

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

package/cjs/internals/CloseButton/CloseButton.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
-var _utils = require("../../utils");
+var _hooks = require("../hooks");
 /**
  * Close button for components such as Message and Notification.
  */
@@ -20,10 +20,10 @@ var CloseButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     overrideLocale = props.locale,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "locale"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
-  var _useCustom = (0, _utils.useCustom)('CloseButton', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('CloseButton', overrideLocale),
     locale = _useCustom.locale;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({

package/cjs/internals/Disclosure/Disclosure.js

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

package/cjs/internals/Disclosure/DisclosureButton.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _DisclosureContext = require("./DisclosureContext");
-var _utils = require("../../utils");
+var _constants = require("../constants");
 var _useDisclosureContext2 = _interopRequireDefault(require("./useDisclosureContext"));
 function DisclosureButton(props) {
   var children = props.children;
@@ -33,8 +33,8 @@ function DisclosureButton(props) {
   }, [toggle]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     switch (event.key) {
-      case _utils.KEY_VALUES.ENTER:
-      case _utils.KEY_VALUES.SPACE:
+      case _constants.KEY_VALUES.ENTER:
+      case _constants.KEY_VALUES.SPACE:
         event.preventDefault();
         event.stopPropagation();
         toggle(event);

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