rsuite 5.40.0 → 5.41.0

package/esm/MaskedInput/createTextMaskInputElement.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import isString from 'lodash/isString';
 import isNumber from 'lodash/isNumber';
@@ -22,95 +23,97 @@ export default function createTextMaskInputElement(config) {
     // is for this to be read from the `inputElement` directly.
     update: function update(rawValue, _temp) {
       var _pipeResults, _pipeResults2;
-
       var _ref = _temp === void 0 ? config : _temp,
-          inputElement = _ref.inputElement,
-          providedMask = _ref.mask,
-          guide = _ref.guide,
-          pipe = _ref.pipe,
-          _ref$placeholderChar = _ref.placeholderChar,
-          placeholderChar = _ref$placeholderChar === void 0 ? defaultPlaceholderChar : _ref$placeholderChar,
-          _ref$keepCharPosition = _ref.keepCharPositions,
-          keepCharPositions = _ref$keepCharPosition === void 0 ? false : _ref$keepCharPosition,
-          _ref$showMask = _ref.showMask,
-          showMask = _ref$showMask === void 0 ? false : _ref$showMask;
-
+        inputElement = _ref.inputElement,
+        providedMask = _ref.mask,
+        guide = _ref.guide,
+        pipe = _ref.pipe,
+        _ref$placeholderChar = _ref.placeholderChar,
+        placeholderChar = _ref$placeholderChar === void 0 ? defaultPlaceholderChar : _ref$placeholderChar,
+        _ref$keepCharPosition = _ref.keepCharPositions,
+        keepCharPositions = _ref$keepCharPosition === void 0 ? false : _ref$keepCharPosition,
+        _ref$showMask = _ref.showMask,
+        showMask = _ref$showMask === void 0 ? false : _ref$showMask;
       // if `rawValue` is `undefined`, read from the `inputElement`
       if (typeof rawValue === 'undefined') {
         rawValue = inputElement.value;
-      } // If `rawValue` equals `state.previousConformedValue`, we don't need to change anything. So, we return.
-      // This check is here to handle controlled framework components that repeat the `update` call on every render.
-
+      }
 
+      // If `rawValue` equals `state.previousConformedValue`, we don't need to change anything. So, we return.
+      // This check is here to handle controlled framework components that repeat the `update` call on every render.
       if (rawValue === state.previousConformedValue) {
         return;
-      } // Text Mask accepts masks that are a combination of a `mask` and a `pipe` that work together. If such a `mask` is
+      }
+
+      // Text Mask accepts masks that are a combination of a `mask` and a `pipe` that work together. If such a `mask` is
       // passed, we destructure it below, so the rest of the code can work normally as if a separate `mask` and a `pipe`
       // were passed.
-
-
       if (typeof providedMask === strObject && providedMask.pipe !== undefined && providedMask.mask !== undefined) {
         pipe = providedMask.pipe;
         providedMask = providedMask.mask;
-      } // The `placeholder` is an essential piece of how Text Mask works. For a mask like `(111)`, the placeholder would
-      // be `(___)` if the `placeholderChar` is set to `_`.
+      }
 
+      // The `placeholder` is an essential piece of how Text Mask works. For a mask like `(111)`, the placeholder would
+      // be `(___)` if the `placeholderChar` is set to `_`.
+      var placeholder;
 
-      var placeholder; // We don't know what the mask would be yet. If it is an array, we take it as is, but if it's a function, we will
+      // We don't know what the mask would be yet. If it is an array, we take it as is, but if it's a function, we will
       // have to call that function to get the mask array.
+      var mask;
 
-      var mask; // If the provided mask is an array, we can call `convertMaskToPlaceholder` here once and we'll always have the
+      // If the provided mask is an array, we can call `convertMaskToPlaceholder` here once and we'll always have the
       // correct `placeholder`.
-
       if (providedMask instanceof Array) {
         placeholder = convertMaskToPlaceholder(providedMask, placeholderChar);
-      } // In framework components that support reactivity, it's possible to turn off masking by passing
-      // `false` for `mask` after initialization. See https://github.com/text-mask/text-mask/pull/359
-
+      }
 
+      // In framework components that support reactivity, it's possible to turn off masking by passing
+      // `false` for `mask` after initialization. See https://github.com/text-mask/text-mask/pull/359
       if (providedMask === false) {
         return;
-      } // We check the provided `rawValue` before moving further.
-      // If it's something we can't work with `getSafeRawValue` will throw.
-
+      }
 
-      var safeRawValue = getSafeRawValue(rawValue); // `selectionEnd` indicates to us where the caret position is after the user has typed into the input
+      // We check the provided `rawValue` before moving further.
+      // If it's something we can't work with `getSafeRawValue` will throw.
+      var safeRawValue = getSafeRawValue(rawValue);
 
+      // `selectionEnd` indicates to us where the caret position is after the user has typed into the input
       var currentCaretPosition = inputElement.selectionEnd; // We need to know what the `previousConformedValue` and `previousPlaceholder` is from the previous `update` call
-
       var previousConformedValue = state.previousConformedValue,
-          previousPlaceholder = state.previousPlaceholder;
-      var caretTrapIndexes; // If the `providedMask` is a function. We need to call it at every `update` to get the `mask` array.
-      // Then we also need to get the `placeholder`
+        previousPlaceholder = state.previousPlaceholder;
+      var caretTrapIndexes;
 
+      // If the `providedMask` is a function. We need to call it at every `update` to get the `mask` array.
+      // Then we also need to get the `placeholder`
       if (typeof providedMask === 'function') {
         mask = providedMask(safeRawValue, {
           currentCaretPosition: currentCaretPosition,
           previousConformedValue: previousConformedValue,
           placeholderChar: placeholderChar
-        }); // disable masking if `mask` is `false`
+        });
 
+        // disable masking if `mask` is `false`
         if (mask === false) {
           return;
-        } // mask functions can setup caret traps to have some control over how the caret moves. We need to process
+        }
+
+        // mask functions can setup caret traps to have some control over how the caret moves. We need to process
         // the mask for any caret traps. `processCaretTraps` will remove the caret traps from the mask and return
         // the indexes of the caret traps.
-
-
         var _processCaretTraps = processCaretTraps(mask),
-            maskWithoutCaretTraps = _processCaretTraps.maskWithoutCaretTraps,
-            indexes = _processCaretTraps.indexes;
-
+          maskWithoutCaretTraps = _processCaretTraps.maskWithoutCaretTraps,
+          indexes = _processCaretTraps.indexes;
         mask = maskWithoutCaretTraps; // The processed mask is what we're interested in
-
         caretTrapIndexes = indexes; // And we need to store these indexes because they're needed by `adjustCaretPosition`
 
-        placeholder = convertMaskToPlaceholder(mask, placeholderChar); // If the `providedMask` is not a function, we just use it as-is.
+        placeholder = convertMaskToPlaceholder(mask, placeholderChar);
+
+        // If the `providedMask` is not a function, we just use it as-is.
       } else {
         mask = providedMask;
-      } // The following object will be passed to `conformToMask` to determine how the `rawValue` will be conformed
-
+      }
 
+      // The following object will be passed to `conformToMask` to determine how the `rawValue` will be conformed
       var conformToMaskConfig = {
         previousConformedValue: previousConformedValue,
         guide: guide,
@@ -119,24 +122,25 @@ export default function createTextMaskInputElement(config) {
         placeholder: placeholder,
         currentCaretPosition: currentCaretPosition,
         keepCharPositions: keepCharPositions
-      }; // `conformToMask` returns `conformedValue` as part of an object for future API flexibility
+      };
 
+      // `conformToMask` returns `conformedValue` as part of an object for future API flexibility
       var _conformToMask = conformToMask(safeRawValue, mask, conformToMaskConfig),
-          conformedValue = _conformToMask.conformedValue; // The following few lines are to support the `pipe` feature.
-
-
+        conformedValue = _conformToMask.conformedValue; // The following few lines are to support the `pipe` feature.
       var piped = typeof pipe === 'function';
-      var pipeResults = {}; // If `pipe` is a function, we call it.
+      var pipeResults = {};
 
+      // If `pipe` is a function, we call it.
       if (piped) {
         // `pipe` receives the `conformedValue` and the configurations with which `conformToMask` was called.
         pipeResults = pipe(conformedValue, _extends({
           rawValue: safeRawValue
-        }, conformToMaskConfig)); // `pipeResults` should be an object. But as a convenience, we allow the pipe author to just return `false` to
+        }, conformToMaskConfig));
+
+        // `pipeResults` should be an object. But as a convenience, we allow the pipe author to just return `false` to
         // indicate rejection. Or return just a string when there are no piped characters.
         // If the `pipe` returns `false` or a string, the block below turns it into an object that the rest
         // of the code can work with.
-
         if (pipeResults === false) {
           // If the `pipe` rejects `conformedValue`, we use the `previousConformedValue`, and set `rejected` to `true`.
           pipeResults = {
@@ -148,13 +152,14 @@ export default function createTextMaskInputElement(config) {
             value: pipeResults
           };
         }
-      } // Before we proceed, we need to know which conformed value to use, the one returned by the pipe or the one
-      // returned by `conformToMask`.
+      }
 
+      // Before we proceed, we need to know which conformed value to use, the one returned by the pipe or the one
+      // returned by `conformToMask`.
+      var finalConformedValue = piped ? (_pipeResults = pipeResults) === null || _pipeResults === void 0 ? void 0 : _pipeResults.value : conformedValue;
 
-      var finalConformedValue = piped ? (_pipeResults = pipeResults) === null || _pipeResults === void 0 ? void 0 : _pipeResults.value : conformedValue; // After determining the conformed value, we will need to know where to set
+      // After determining the conformed value, we will need to know where to set
       // the caret position. `adjustCaretPosition` will tell us.
-
       var adjustedCaretPosition = adjustCaretPosition({
         previousConformedValue: previousConformedValue,
         previousPlaceholder: previousPlaceholder,
@@ -165,23 +170,22 @@ export default function createTextMaskInputElement(config) {
         placeholderChar: placeholderChar,
         indexesOfPipedChars: (_pipeResults2 = pipeResults) === null || _pipeResults2 === void 0 ? void 0 : _pipeResults2.indexesOfPipedChars,
         caretTrapIndexes: caretTrapIndexes
-      }); // Text Mask sets the input value to an empty string when the condition below is set. It provides a better UX.
+      });
 
+      // Text Mask sets the input value to an empty string when the condition below is set. It provides a better UX.
       var inputValueShouldBeEmpty = finalConformedValue === placeholder && adjustedCaretPosition === 0;
       var emptyValue = showMask ? placeholder : emptyString;
       var inputElementValue = inputValueShouldBeEmpty ? emptyValue : finalConformedValue;
       state.previousConformedValue = inputElementValue; // store value for access for next time
+      state.previousPlaceholder = placeholder;
 
-      state.previousPlaceholder = placeholder; // In some cases, this `update` method will be repeatedly called with a raw value that has already been conformed
+      // In some cases, this `update` method will be repeatedly called with a raw value that has already been conformed
       // and set to `inputElement.value`. The below check guards against needlessly readjusting the input state.
       // See https://github.com/text-mask/text-mask/issues/231
-
       if (inputElement.value === inputElementValue) {
         return;
       }
-
       inputElement.value = inputElementValue; // set the input value
-
       safeSetSelection(inputElement, adjustedCaretPosition); // adjust caret position
     }
   };
@@ -198,7 +202,6 @@ function safeSetSelection(element, selectionPosition) {
     }
   }
 }
-
 function getSafeRawValue(inputValue) {
   if (isString(inputValue)) {
     return inputValue;

package/esm/MaskedInput/index.js

@@ -1,2 +1,3 @@
+'use client';
 import MaskedInput from './MaskedInput';
 export default MaskedInput;

package/esm/MaskedInput/types.js

@@ -0,0 +1 @@
+'use client';

package/esm/MaskedInput/utilities.js

@@ -1,3 +1,4 @@
+'use client';
 var emptyArray = [];
 var strCaretTrap = '[]';
 export var defaultPlaceholderChar = '_';
@@ -5,19 +6,15 @@ export function convertMaskToPlaceholder(mask, placeholderChar) {
   if (mask === void 0) {
     mask = emptyArray;
   }
-
   if (placeholderChar === void 0) {
     placeholderChar = defaultPlaceholderChar;
   }
-
   if (!Array.isArray(mask)) {
     throw new Error('Text-mask:convertMaskToPlaceholder; The mask property must be an array.');
   }
-
   if (mask.indexOf(placeholderChar) !== -1) {
     throw new Error('Placeholder character must not be used as part of the mask. Please specify a character ' + 'that is not present in your mask as your placeholder character.\n\n' + ("The placeholder character that was received is: " + JSON.stringify(placeholderChar) + "\n\n") + ("The mask that was received is: " + JSON.stringify(mask)));
   }
-
   return mask.map(function (char) {
     return char instanceof RegExp ? placeholderChar : char;
   }).join('');
@@ -25,12 +22,10 @@ export function convertMaskToPlaceholder(mask, placeholderChar) {
 export function processCaretTraps(mask) {
   var indexes = [];
   var indexOfCaretTrap;
-
   while (indexOfCaretTrap = mask.indexOf(strCaretTrap), indexOfCaretTrap !== -1) {
     indexes.push(indexOfCaretTrap);
     mask.splice(indexOfCaretTrap, 1);
   }
-
   return {
     maskWithoutCaretTraps: mask,
     indexes: indexes

package/esm/Menu/Menu.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback, useContext, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -11,25 +12,24 @@ import useClickOutside from '../utils/useClickOutside';
 import { isFocusLeaving } from '../utils/events';
 import { isFocusableElement } from '../utils/dom';
 var defaultOpenMenuOn = ['click'];
+
 /**
  * Headless ARIA `menu`
  * @private
  */
-
 function Menu(_ref) {
   var _items$activeItemInde;
-
   var disabled = _ref.disabled,
-      children = _ref.children,
-      _ref$openMenuOn = _ref.openMenuOn,
-      openMenuOn = _ref$openMenuOn === void 0 ? defaultOpenMenuOn : _ref$openMenuOn,
-      _ref$defaultOpen = _ref.defaultOpen,
-      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-      openProp = _ref.open,
-      menuButtonText = _ref.menuButtonText,
-      renderMenuButton = _ref.renderMenuButton,
-      renderMenuPopup = _ref.renderMenuPopup,
-      onToggleMenu = _ref.onToggleMenu;
+    children = _ref.children,
+    _ref$openMenuOn = _ref.openMenuOn,
+    openMenuOn = _ref$openMenuOn === void 0 ? defaultOpenMenuOn : _ref$openMenuOn,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    openProp = _ref.open,
+    menuButtonText = _ref.menuButtonText,
+    renderMenuButton = _ref.renderMenuButton,
+    renderMenuPopup = _ref.renderMenuPopup,
+    onToggleMenu = _ref.onToggleMenu;
   var buttonElementRef = useRef(null);
   var menuElementRef = useRef(null);
   var parentMenu = useContext(MenuContext);
@@ -38,33 +38,27 @@ function Menu(_ref) {
     open: defaultOpen
   });
   var _menu$ = menu[0],
-      openState = _menu$.open,
-      items = _menu$.items,
-      activeItemIndex = _menu$.activeItemIndex,
-      dispatch = menu[1];
+    openState = _menu$.open,
+    items = _menu$.items,
+    activeItemIndex = _menu$.activeItemIndex,
+    dispatch = menu[1];
   var openControlled = typeof openProp !== 'undefined';
   var open = openControlled ? openProp : openState;
-
   var _useCustom = useCustom('Menu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var activeItem = isNil(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
-
   var _useFocus = useFocus(menuElementRef),
-      grabFocus = _useFocus.grab;
-
+    grabFocus = _useFocus.grab;
   var openMenu = useCallback(function (event) {
     dispatch({
       type: MenuActionTypes.OpenMenu
     });
-
     if (!event.isTrusted) {
       dispatch({
         type: MenuActionTypes.MoveFocus,
         to: MoveFocusTo.First
       });
     }
-
     onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(true, event);
     grabFocus();
   }, [dispatch, onToggleMenu, grabFocus]);
@@ -72,7 +66,6 @@ function Menu(_ref) {
     if (returnFocusToButton === void 0) {
       returnFocusToButton = true;
     }
-
     dispatch({
       type: MenuActionTypes.CloseMenu
     });
@@ -81,10 +74,8 @@ function Menu(_ref) {
       to: MoveFocusTo.None
     });
     onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(false, event);
-
     if (returnFocusToButton) {
       var _buttonElementRef$cur;
-
       (_buttonElementRef$cur = buttonElementRef.current) === null || _buttonElementRef$cur === void 0 ? void 0 : _buttonElementRef$cur.focus({
         preventScroll: true
       });
@@ -101,7 +92,6 @@ function Menu(_ref) {
     enabled: open,
     isOutside: function isOutside(event) {
       var _buttonElementRef$cur2, _menuElementRef$curre;
-
       return !((_buttonElementRef$cur2 = buttonElementRef.current) !== null && _buttonElementRef$cur2 !== void 0 && _buttonElementRef$cur2.contains(event.target)) && !((_menuElementRef$curre = menuElementRef.current) !== null && _menuElementRef$curre !== void 0 && _menuElementRef$curre.contains(event.target));
     },
     // fixme if clicking on a focusable element, don't move focus to menu button
@@ -109,11 +99,11 @@ function Menu(_ref) {
       return closeMenu(event, !isFocusableElement(event.target));
     }
   });
+
   /**
    * Keyboard interaction on menu button
    * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13
    */
-
   var handleButtonKeydown = useCallback(function (e) {
     switch (e.key) {
       // Open the menu
@@ -121,7 +111,6 @@ function Menu(_ref) {
       case KEY_VALUES.SPACE:
         e.preventDefault();
         e.stopPropagation();
-
         if (!open) {
           openMenu(e);
           dispatch({
@@ -131,19 +120,15 @@ function Menu(_ref) {
         } else {
           closeMenu(e);
         }
-
         break;
       // Open the menu (if closed) and move focus to first item
       // This is mostly useful after opening the menu with click
-
       case KEY_VALUES.DOWN:
         e.preventDefault();
         e.stopPropagation();
-
         if (!open) {
           openMenu(e);
         }
-
         dispatch({
           type: MenuActionTypes.MoveFocus,
           to: MoveFocusTo.First
@@ -155,13 +140,13 @@ function Menu(_ref) {
     if (disabled) {
       return;
     }
-
     toggleMenu(event);
   }, [disabled, toggleMenu]);
   var handleButtonContextMenu = useCallback(function (event) {
     // prevents default contextmenu
-    event.preventDefault(); // Only opens menu on right click. Left click can close the menu opened by a right click
+    event.preventDefault();
 
+    // Only opens menu on right click. Left click can close the menu opened by a right click
     if (open) return;
     if (disabled) return;
     openMenu(event);
@@ -170,19 +155,17 @@ function Menu(_ref) {
     var buttonEventHandlers = {
       onKeyDown: handleButtonKeydown
     };
+
     /**
      * Bind event of trigger,
      * not used in  in the expanded state of '<Sidenav>'
      */
-
     if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('click')) {
       buttonEventHandlers.onClick = handleButtonClick;
     }
-
     if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('contextmenu')) {
       buttonEventHandlers.onContextMenu = handleButtonContextMenu;
     }
-
     return buttonEventHandlers;
   }, [openMenuOn, handleButtonKeydown, handleButtonClick, handleButtonContextMenu]);
   var buttonId = useUniqueId('menubutton-');
@@ -211,11 +194,11 @@ function Menu(_ref) {
   var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/React.createElement("button", _extends({
     ref: buttonElementRef
   }, buttonProps), menuButtonText);
+
   /**
    * Keyboard interaction on menu
    * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
    */
-
   var handleMenuKeydown = useCallback(function (e) {
     switch (e.key) {
       // Move focus to previous item
@@ -228,7 +211,6 @@ function Menu(_ref) {
         });
         break;
       // Move focus to next item
-
       case KEY_VALUES.DOWN:
         e.preventDefault();
         e.stopPropagation();
@@ -238,11 +220,9 @@ 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 KEY_VALUES.RIGHT:
         e.preventDefault();
         e.stopPropagation();
-
         if (!rtl) {
           if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {
             activeItem.click();
@@ -252,14 +232,11 @@ function Menu(_ref) {
             type: MenuActionTypes.CloseMenu
           });
         }
-
         break;
       // When focus is in a submenu of an item in a menu, closes the submenu and returns focus to the parent menuitem.
-
       case KEY_VALUES.LEFT:
         e.preventDefault();
         e.stopPropagation();
-
         if (!rtl) {
           if (isSubmenu) {
             closeMenu(e);
@@ -267,10 +244,8 @@ function Menu(_ref) {
         } else if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {
           activeItem.click();
         }
-
         break;
       // Move focus to the first item
-
       case KEY_VALUES.HOME:
         e.preventDefault();
         e.stopPropagation();
@@ -280,7 +255,6 @@ function Menu(_ref) {
         });
         break;
       // Move focus to the last item
-
       case KEY_VALUES.END:
         e.preventDefault();
         e.stopPropagation();
@@ -291,40 +265,41 @@ 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 KEY_VALUES.ENTER:
       case KEY_VALUES.SPACE:
         if (activeItem) {
           e.preventDefault();
           e.stopPropagation();
           activeItem.click();
-
           if (!activeItem.getAttribute('aria-haspopup')) {
             closeMenu(e);
           }
         }
-
         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 KEY_VALUES.ESC:
         closeMenu(e);
         break;
     }
-  }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]); // Only used for clicks bubbling from child `menuitem`s.
+  }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]);
 
+  // Only used for clicks bubbling from child `menuitem`s.
   var handleMenuClick = useCallback(function (event) {
-    var target = event.target; // Only handle clicks on `menuitem`s
+    var target = event.target;
 
-    if (target.getAttribute('role') !== 'menuitem') return; // Ignore clicks on `menuitem`s that controls a submenu
+    // Only handle clicks on `menuitem`s
+    if (target.getAttribute('role') !== 'menuitem') return;
 
-    if (target.getAttribute('aria-haspopup') === 'menu') return; // Ignore disabled `menuitem`s
+    // Ignore clicks on `menuitem`s that controls a submenu
+    if (target.getAttribute('aria-haspopup') === 'menu') return;
 
+    // Ignore disabled `menuitem`s
     if (target.getAttribute('aria-disabled') === 'true') return;
     closeMenu(event, !isSubmenu);
-  }, [closeMenu, isSubmenu]); // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13
+  }, [closeMenu, isSubmenu]);
 
+  // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13
   var menuAriaAttributes = {
     role: 'menu',
     'aria-labelledby': buttonId,
@@ -334,17 +309,16 @@ function Menu(_ref) {
     onClick: handleMenuClick,
     onKeyDown: handleMenuKeydown
   };
-
   var menuProps = _extends({
     id: menuId
   }, menuAriaAttributes, menuEventHandlers, {
     tabIndex: 0
   });
-
   var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup(_extends({}, menuProps, {
     open: open
-  }), menuElementRef); // fixme Wrong children here
+  }), menuElementRef);
 
+  // fixme Wrong children here
   var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/React.createElement("ul", _extends({
     ref: menuElementRef
   }, menuProps, {
@@ -370,12 +344,10 @@ function Menu(_ref) {
   var rootEventHandlers = {
     onBlur: handleContainerBlur
   };
-
   if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {
     rootEventHandlers.onMouseEnter = handleMouseEnter;
     rootEventHandlers.onMouseLeave = handleMouseLeave;
   }
-
   var rootProps = _extends({}, rootEventHandlers, {
     children: /*#__PURE__*/React.createElement(React.Fragment, null, buttonElement, /*#__PURE__*/React.createElement(MenuContext.Provider, {
       value: menu
@@ -383,14 +355,11 @@ function Menu(_ref) {
     // render props
     open: open
   });
-
   if (isSubmenu) {
     rootProps.role = 'none presentation';
   }
-
   return children(rootProps, rootElementRef);
 }
-
 Menu.displayName = 'Menu';
 Menu.propTypes = {
   children: PropTypes.func.isRequired

package/esm/Menu/MenuContext.js

@@ -1,6 +1,6 @@
+'use client';
 import React from 'react';
 export var MenuActionTypes;
-
 (function (MenuActionTypes) {
   MenuActionTypes[MenuActionTypes["RegisterItem"] = 0] = "RegisterItem";
   MenuActionTypes[MenuActionTypes["UnregisterItem"] = 1] = "UnregisterItem";
@@ -8,9 +8,7 @@ export var MenuActionTypes;
   MenuActionTypes[MenuActionTypes["CloseMenu"] = 3] = "CloseMenu";
   MenuActionTypes[MenuActionTypes["MoveFocus"] = 4] = "MoveFocus";
 })(MenuActionTypes || (MenuActionTypes = {}));
-
 export var MoveFocusTo;
-
 (function (MoveFocusTo) {
   MoveFocusTo[MoveFocusTo["Next"] = 0] = "Next";
   MoveFocusTo[MoveFocusTo["Prev"] = 1] = "Prev";
@@ -19,7 +17,6 @@ export var MoveFocusTo;
   MoveFocusTo[MoveFocusTo["Specific"] = 4] = "Specific";
   MoveFocusTo[MoveFocusTo["None"] = 5] = "None";
 })(MoveFocusTo || (MoveFocusTo = {}));
-
 // Defaults to null for checking whether a Menu is inside another menu
 var MenuContext = /*#__PURE__*/React.createContext(null);
 MenuContext.displayName = 'MenuContext';