@rescui/menu 0.9.8 → 0.10.1

package/lib/index.p.module.css.js

@@ -1,30 +1,29 @@
 var styles = {
-  "wrapper": "_wrapper_l9948f_8",
-  "menuItem": "_menuItem_l9948f_12",
-  "content": "_content_l9948f_40",
-  "placementRight": "_placementRight_l9948f_46",
-  "sizeS": "_sizeS_l9948f_51",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_l9948f_1",
-  "sizeM": "_sizeM_l9948f_56",
-  "sizeL": "_sizeL_l9948f_61",
-  "modeClear": "_modeClear_l9948f_66",
-  "themeLight": "_themeLight_l9948f_73",
-  "themeDark": "_themeDark_l9948f_78",
-  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_l9948f_83",
-  "modeClassic": "_modeClassic_l9948f_99",
-  "selected": "_selected_l9948f_111",
-  "modeRock": "_modeRock_l9948f_121",
-  "disableCursor": "_disableCursor_l9948f_141",
-  "highlighted": "_highlighted_l9948f_146",
-  "disabled": "_disabled_l9948f_229",
-  "icon": "_icon_l9948f_240",
-  "placementLeft": "_placementLeft_l9948f_244",
-  "divider": "_divider_l9948f_270",
-  "groupHeader": "_groupHeader_l9948f_288",
-  "groupHeaderSizeL": "_groupHeaderSizeL_l9948f_292",
-  "groupHeaderSizeM": "_groupHeaderSizeM_l9948f_297",
-  "groupHeaderSizeS": "_groupHeaderSizeS_l9948f_302",
-  "groupHeaderThemeLight": "_groupHeaderThemeLight_l9948f_307",
-  "groupHeaderThemeDark": "_groupHeaderThemeDark_l9948f_311"
+  "themeLight": "_themeLight_1brmszk_8",
+  "themeDark": "_themeDark_1brmszk_11",
+  "sizeS": "_sizeS_1brmszk_15",
+  "sizeM": "_sizeM_1brmszk_18",
+  "sizeL": "_sizeL_1brmszk_21",
+  "modeClassic": "_modeClassic_1brmszk_25",
+  "modeRock": "_modeRock_1brmszk_28",
+  "modeClear": "_modeClear_1brmszk_31",
+  "iconPlacementLeft": "_iconPlacementLeft_1brmszk_35",
+  "iconPlacementRight": "_iconPlacementRight_1brmszk_39",
+  "wrapper": "_wrapper_1brmszk_43",
+  "menuItem": "_menuItem_1brmszk_50",
+  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1brmszk_85",
+  "selected": "_selected_1brmszk_99",
+  "highlighted": "_highlighted_1brmszk_106",
+  "disableCursor": "_disableCursor_1brmszk_107",
+  "disabled": "_disabled_1brmszk_120",
+  "content": "_content_1brmszk_131",
+  "icon": "_icon_1brmszk_35",
+  "divider": "_divider_1brmszk_144",
+  "groupHeaderThemeLight": "_groupHeaderThemeLight_1brmszk_158",
+  "groupHeaderThemeDark": "_groupHeaderThemeDark_1brmszk_161",
+  "groupHeaderSizeL": "_groupHeaderSizeL_1brmszk_165",
+  "groupHeaderSizeM": "_groupHeaderSizeM_1brmszk_168",
+  "groupHeaderSizeS": "_groupHeaderSizeS_1brmszk_171",
+  "groupHeader": "_groupHeader_1brmszk_158"
 };
 export { styles as default };

package/lib/parts/divider.js

@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import { useTheme } from '@rescui/ui-contexts';
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from '../index.p.module.css.js';
 import { useMenuContext } from './menu-context.js';
 var THEME_CLASS = {
@@ -32,7 +32,7 @@ var Divider = function Divider(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var menuContext = useMenuContext();
-  var actualTheme = useTheme((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
+  var actualTheme = useThemeWithUndefined((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
   return /*#__PURE__*/React.createElement("hr", _objectSpread({
     className: cn(styles.divider, THEME_CLASS[actualTheme], className)
   }, restProps));

package/lib/parts/group-header.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import { useTheme } from '@rescui/ui-contexts';
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from '../index.p.module.css.js';
 import { useMenuContext } from './menu-context.js';
 var SIZE_CLASS = {
@@ -25,9 +25,10 @@ function GroupHeader(_ref) {
       propsTheme = _ref.theme;
   var menuContext = useMenuContext();
   var Tag = menuContext.wrapWithLi ? 'li' : 'span';
-  var actualTheme = useTheme((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : propsTheme);
+  var actualTheme = useThemeWithUndefined((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : propsTheme);
   return /*#__PURE__*/React.createElement(Tag, {
-    className: cn(styles.groupHeader, SIZE_CLASS[(_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : propsSize], THEME_CLASS[actualTheme], className)
+    className: cn(styles.groupHeader, SIZE_CLASS[(_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : propsSize], THEME_CLASS[actualTheme], className),
+    "data-rs-internal": 'menu__group-header'
   }, text);
 }
 

package/lib/parts/menu-item.js

@@ -19,12 +19,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useState, useEffect, cloneElement } from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
-import { useTheme } from '@rescui/ui-contexts';
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import styles from '../index.p.module.css.js';
 import { useMenuContext } from './menu-context.js';
 var ICON_PLACEMENT_STYLES = {
-  left: styles.placementLeft,
-  right: styles.placementRight
+  left: styles.iconPlacementLeft,
+  right: styles.iconPlacementRight
 };
 var MODE_STYLES = {
   classic: styles.modeClassic,
@@ -69,7 +69,7 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
       wrapWithLi = _useMenuContext.wrapWithLi,
       menuContext = _objectWithoutProperties(_useMenuContext, _excluded2);
 
-  var actualTheme = useTheme((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
+  var actualTheme = useThemeWithUndefined((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -122,17 +122,19 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
 
   var Wrapper = wrapWithLi ? 'li' : 'div';
   return /*#__PURE__*/React.createElement(Wrapper, {
-    className: cn(styles.wrapper, className),
-    "data-test": 'menu-item__wrapper'
+    className: cn(styles.wrapper, className, ICON_PLACEMENT_STYLES[actualIconPlacement], MODE_STYLES[actualMode], SIZE_STYLES[actualSize], THEME_STYLES[actualTheme]),
+    "data-test": 'menu-item__wrapper',
+    "data-rs-internal": 'menu__menu-item'
   }, /*#__PURE__*/React.createElement(Tag, _objectSpread({
     onKeyDown: handleKeyDown,
     ref: handleRef,
-    className: cn(styles.menuItem, ICON_PLACEMENT_STYLES[actualIconPlacement], MODE_STYLES[actualMode], SIZE_STYLES[actualSize], THEME_STYLES[actualTheme], (menuContext.disabled || disabled) && styles.disabled, selected && styles.selected, actualHighlighted && styles.highlighted, actualDisableCursor && styles.disableCursor),
+    className: cn(styles.menuItem, (menuContext.disabled || disabled) && styles.disabled, selected && styles.selected, actualHighlighted && styles.highlighted, actualDisableCursor && styles.disableCursor),
     "data-test": 'menu-item',
+    "data-rs-internal": 'menu__menu-item__inner',
     tabIndex: 0
-  }, restProps), actualIconPlacement === 'left' && iconElement, /*#__PURE__*/React.createElement("span", {
+  }, restProps), iconElement, /*#__PURE__*/React.createElement("span", {
     className: styles.content
-  }, children), actualIconPlacement === 'right' && iconElement));
+  }, children)));
 };
 
 var MenuItem = /*#__PURE__*/React.forwardRef(MenuItemInner);