@rescui/menu 0.14.2-RUI-308-Fix-select-issues-405b9fa40.12 → 0.15.0

package/lib/menu.js

@@ -1,4 +1,6 @@
 "use client";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
@@ -6,26 +8,93 @@ import { MenuProvider } from './parts/menu-context.js';
 import styles from './menu.p.module.css.js';
 import { useMenuKeyboardNavigation } from './parts/use-menu-keyboard-navigation.js';
 
-const MenuListbox = _ref => {
-  let {
-    activateFirstItem,
-    tag: Tag,
-    itemTag,
-    iconPlacement,
-    disabled,
-    size,
-    mode,
-    theme,
-    className,
-    wrapItemsWithLi,
-    resizeIcons,
-    role,
-    onKeyDown,
-    onMouseLeave,
-    tabIndex,
-    ...props
-  } = _ref;
+const MenuListbox = t0 => {
+  const $ = c(52);
+  let Tag;
+  let activateFirstItem;
+  let className;
+  let disabled;
+  let iconPlacement;
+  let itemTag;
+  let mode;
+  let onKeyDown;
+  let onMouseLeave;
+  let props;
+  let resizeIcons;
+  let role;
+  let size;
+  let tabIndex;
+  let theme;
+  let wrapItemsWithLi;
+
+  if ($[0] !== t0) {
+    ({
+      activateFirstItem,
+      tag: Tag,
+      itemTag,
+      iconPlacement,
+      disabled,
+      size,
+      mode,
+      theme,
+      className,
+      wrapItemsWithLi,
+      resizeIcons,
+      role,
+      onKeyDown,
+      onMouseLeave,
+      tabIndex,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = Tag;
+    $[2] = activateFirstItem;
+    $[3] = className;
+    $[4] = disabled;
+    $[5] = iconPlacement;
+    $[6] = itemTag;
+    $[7] = mode;
+    $[8] = onKeyDown;
+    $[9] = onMouseLeave;
+    $[10] = props;
+    $[11] = resizeIcons;
+    $[12] = role;
+    $[13] = size;
+    $[14] = tabIndex;
+    $[15] = theme;
+    $[16] = wrapItemsWithLi;
+  } else {
+    Tag = $[1];
+    activateFirstItem = $[2];
+    className = $[3];
+    disabled = $[4];
+    iconPlacement = $[5];
+    itemTag = $[6];
+    mode = $[7];
+    onKeyDown = $[8];
+    onMouseLeave = $[9];
+    props = $[10];
+    resizeIcons = $[11];
+    role = $[12];
+    size = $[13];
+    tabIndex = $[14];
+    theme = $[15];
+    wrapItemsWithLi = $[16];
+  }
+
   const menuRef = useRef(null);
+  let t1;
+
+  if ($[17] !== activateFirstItem) {
+    t1 = {
+      activateFirstItem
+    };
+    $[17] = activateFirstItem;
+    $[18] = t1;
+  } else {
+    t1 = $[18];
+  }
+
   const {
     currentActiveItemEl,
     setCurrentActiveItemEl,
@@ -34,110 +103,296 @@ const MenuListbox = _ref => {
     handleItemFocus,
     handleItemKeyDown,
     handleItemMouseEnter
-  } = useMenuKeyboardNavigation({
-    activateFirstItem
-  });
-
-  const handleMenuKeyDown = e => {
-    onKeyDown?.(e);
-
-    if (e.defaultPrevented || e.target !== e.currentTarget) {
-      return;
-    }
-
-    handleItemKeyDown(e, currentActiveItemEl ?? undefined);
-  };
-
-  const handleMenuMouseLeave = e => {
-    onMouseLeave?.(e);
-
-    if (e.defaultPrevented) {
-      return;
-    }
-
-    setCurrentActiveItemEl(null);
-    menuRef.current?.focus({
-      preventScroll: true
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(MenuProvider, {
-    itemTag: itemTag,
-    iconPlacement: iconPlacement,
-    disabled: disabled,
-    size: size,
-    mode: mode,
-    theme: theme,
-    wrapWithLi: wrapItemsWithLi ?? Tag === 'ul',
-    resizeIcons: resizeIcons,
-    keyboardNavigationEnabled: true,
-    currentActiveItemEl: currentActiveItemEl,
-    registerItem: registerItem,
-    unregisterItem: unregisterItem,
-    onItemFocus: handleItemFocus,
-    onItemKeyDown: handleItemKeyDown,
-    onItemMouseEnter: handleItemMouseEnter
-  }, /*#__PURE__*/React.createElement(Tag, { ...props,
-    className: cn(styles.keyboardNavigationEnabled, styles.menu, className),
-    onKeyDown: handleMenuKeyDown,
-    onMouseLeave: handleMenuMouseLeave,
-    role: role ?? 'listbox',
-    tabIndex: currentActiveItemEl ? -1 : tabIndex ?? 0,
-    ref: menuRef
-  }));
+  } = useMenuKeyboardNavigation(t1);
+  let t2;
+
+  if ($[19] !== currentActiveItemEl || $[20] !== handleItemKeyDown || $[21] !== onKeyDown) {
+    t2 = e => {
+      onKeyDown?.(e);
+
+      if (e.defaultPrevented || e.target !== e.currentTarget) {
+        return;
+      }
+
+      handleItemKeyDown(e, currentActiveItemEl ?? undefined);
+    };
+
+    $[19] = currentActiveItemEl;
+    $[20] = handleItemKeyDown;
+    $[21] = onKeyDown;
+    $[22] = t2;
+  } else {
+    t2 = $[22];
+  }
+
+  const handleMenuKeyDown = t2;
+  let t3;
+
+  if ($[23] !== onMouseLeave || $[24] !== setCurrentActiveItemEl) {
+    t3 = e_0 => {
+      onMouseLeave?.(e_0);
+
+      if (e_0.defaultPrevented) {
+        return;
+      }
+
+      setCurrentActiveItemEl(null);
+      menuRef.current?.focus({
+        preventScroll: true
+      });
+    };
+
+    $[23] = onMouseLeave;
+    $[24] = setCurrentActiveItemEl;
+    $[25] = t3;
+  } else {
+    t3 = $[25];
+  }
+
+  const handleMenuMouseLeave = t3;
+  const t4 = wrapItemsWithLi ?? Tag === "ul";
+  let t5;
+
+  if ($[26] !== className) {
+    t5 = cn(styles.keyboardNavigationEnabled, styles.menu, className);
+    $[26] = className;
+    $[27] = t5;
+  } else {
+    t5 = $[27];
+  }
+
+  const t6 = role ?? "listbox";
+  const t7 = currentActiveItemEl ? -1 : tabIndex ?? 0;
+  let t8;
+
+  if ($[28] !== Tag || $[29] !== handleMenuKeyDown || $[30] !== handleMenuMouseLeave || $[31] !== props || $[32] !== t5 || $[33] !== t6 || $[34] !== t7) {
+    t8 = /*#__PURE__*/React.createElement(Tag, _extends({}, props, {
+      className: t5,
+      onKeyDown: handleMenuKeyDown,
+      onMouseLeave: handleMenuMouseLeave,
+      role: t6,
+      tabIndex: t7,
+      ref: menuRef
+    }));
+    $[28] = Tag;
+    $[29] = handleMenuKeyDown;
+    $[30] = handleMenuMouseLeave;
+    $[31] = props;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t7;
+    $[35] = t8;
+  } else {
+    t8 = $[35];
+  }
+
+  let t9;
+
+  if ($[36] !== currentActiveItemEl || $[37] !== disabled || $[38] !== handleItemFocus || $[39] !== handleItemKeyDown || $[40] !== handleItemMouseEnter || $[41] !== iconPlacement || $[42] !== itemTag || $[43] !== mode || $[44] !== registerItem || $[45] !== resizeIcons || $[46] !== size || $[47] !== t4 || $[48] !== t8 || $[49] !== theme || $[50] !== unregisterItem) {
+    t9 = /*#__PURE__*/React.createElement(MenuProvider, {
+      itemTag: itemTag,
+      iconPlacement: iconPlacement,
+      disabled: disabled,
+      size: size,
+      mode: mode,
+      theme: theme,
+      wrapWithLi: t4,
+      resizeIcons: resizeIcons,
+      keyboardNavigationEnabled: true,
+      currentActiveItemEl: currentActiveItemEl,
+      registerItem: registerItem,
+      unregisterItem: unregisterItem,
+      onItemFocus: handleItemFocus,
+      onItemKeyDown: handleItemKeyDown,
+      onItemMouseEnter: handleItemMouseEnter
+    }, t8);
+    $[36] = currentActiveItemEl;
+    $[37] = disabled;
+    $[38] = handleItemFocus;
+    $[39] = handleItemKeyDown;
+    $[40] = handleItemMouseEnter;
+    $[41] = iconPlacement;
+    $[42] = itemTag;
+    $[43] = mode;
+    $[44] = registerItem;
+    $[45] = resizeIcons;
+    $[46] = size;
+    $[47] = t4;
+    $[48] = t8;
+    $[49] = theme;
+    $[50] = unregisterItem;
+    $[51] = t9;
+  } else {
+    t9 = $[51];
+  }
+
+  return t9;
 };
 
-const MenuRegular = _ref2 => {
-  let {
-    tag: Tag,
-    itemTag,
-    iconPlacement,
-    disabled,
-    size,
-    mode,
-    theme,
-    className,
-    wrapItemsWithLi,
-    resizeIcons,
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(MenuProvider, {
-    itemTag: itemTag,
-    iconPlacement: iconPlacement,
-    disabled: disabled,
-    size: size,
-    mode: mode,
-    theme: theme,
-    wrapWithLi: wrapItemsWithLi ?? Tag === 'ul',
-    resizeIcons: resizeIcons,
-    keyboardNavigationEnabled: false,
-    currentActiveItemEl: null,
-    registerItem: null,
-    unregisterItem: null,
-    onItemFocus: null,
-    onItemKeyDown: null,
-    onItemMouseEnter: null
-  }, /*#__PURE__*/React.createElement(Tag, {
-    className: cn(styles.keyboardNavigationDisabled, styles.menu, className),
-    ...props
-  }));
+const MenuRegular = t0 => {
+  const $ = c(28);
+  let Tag;
+  let className;
+  let disabled;
+  let iconPlacement;
+  let itemTag;
+  let mode;
+  let props;
+  let resizeIcons;
+  let size;
+  let theme;
+  let wrapItemsWithLi;
+
+  if ($[0] !== t0) {
+    ({
+      tag: Tag,
+      itemTag,
+      iconPlacement,
+      disabled,
+      size,
+      mode,
+      theme,
+      className,
+      wrapItemsWithLi,
+      resizeIcons,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = Tag;
+    $[2] = className;
+    $[3] = disabled;
+    $[4] = iconPlacement;
+    $[5] = itemTag;
+    $[6] = mode;
+    $[7] = props;
+    $[8] = resizeIcons;
+    $[9] = size;
+    $[10] = theme;
+    $[11] = wrapItemsWithLi;
+  } else {
+    Tag = $[1];
+    className = $[2];
+    disabled = $[3];
+    iconPlacement = $[4];
+    itemTag = $[5];
+    mode = $[6];
+    props = $[7];
+    resizeIcons = $[8];
+    size = $[9];
+    theme = $[10];
+    wrapItemsWithLi = $[11];
+  }
+
+  const t1 = wrapItemsWithLi ?? Tag === "ul";
+  let t2;
+
+  if ($[12] !== className) {
+    t2 = cn(styles.keyboardNavigationDisabled, styles.menu, className);
+    $[12] = className;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+
+  let t3;
+
+  if ($[14] !== Tag || $[15] !== props || $[16] !== t2) {
+    t3 = /*#__PURE__*/React.createElement(Tag, _extends({
+      className: t2
+    }, props));
+    $[14] = Tag;
+    $[15] = props;
+    $[16] = t2;
+    $[17] = t3;
+  } else {
+    t3 = $[17];
+  }
+
+  let t4;
+
+  if ($[18] !== disabled || $[19] !== iconPlacement || $[20] !== itemTag || $[21] !== mode || $[22] !== resizeIcons || $[23] !== size || $[24] !== t1 || $[25] !== t3 || $[26] !== theme) {
+    t4 = /*#__PURE__*/React.createElement(MenuProvider, {
+      itemTag: itemTag,
+      iconPlacement: iconPlacement,
+      disabled: disabled,
+      size: size,
+      mode: mode,
+      theme: theme,
+      wrapWithLi: t1,
+      resizeIcons: resizeIcons,
+      keyboardNavigationEnabled: false,
+      currentActiveItemEl: null,
+      registerItem: null,
+      unregisterItem: null,
+      onItemFocus: null,
+      onItemKeyDown: null,
+      onItemMouseEnter: null
+    }, t3);
+    $[18] = disabled;
+    $[19] = iconPlacement;
+    $[20] = itemTag;
+    $[21] = mode;
+    $[22] = resizeIcons;
+    $[23] = size;
+    $[24] = t1;
+    $[25] = t3;
+    $[26] = theme;
+    $[27] = t4;
+  } else {
+    t4 = $[27];
+  }
+
+  return t4;
 };
 
-const Menu = _ref3 => {
-  let {
-    enableKeyboardNavigation = false,
-    activateFirstItem = false,
-    tag = 'ul',
-    ...props
-  } = _ref3;
-  return enableKeyboardNavigation ? /*#__PURE__*/React.createElement(MenuListbox, {
-    activateFirstItem: activateFirstItem,
-    tag: tag,
-    ...props
-  }) : /*#__PURE__*/React.createElement(MenuRegular, {
-    tag: tag,
-    ...props
-  });
+const Menu = t0 => {
+  const $ = c(10);
+  let props;
+  let t1;
+  let t2;
+  let t3;
+
+  if ($[0] !== t0) {
+    ({
+      enableKeyboardNavigation: t1,
+      activateFirstItem: t2,
+      tag: t3,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    props = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    t3 = $[4];
+  }
+
+  const enableKeyboardNavigation = t1 === undefined ? false : t1;
+  const activateFirstItem = t2 === undefined ? false : t2;
+  const tag = t3 === undefined ? "ul" : t3;
+  let t4;
+
+  if ($[5] !== activateFirstItem || $[6] !== enableKeyboardNavigation || $[7] !== props || $[8] !== tag) {
+    t4 = enableKeyboardNavigation ? /*#__PURE__*/React.createElement(MenuListbox, _extends({
+      activateFirstItem: activateFirstItem,
+      tag: tag
+    }, props)) : /*#__PURE__*/React.createElement(MenuRegular, _extends({
+      tag: tag
+    }, props));
+    $[5] = activateFirstItem;
+    $[6] = enableKeyboardNavigation;
+    $[7] = props;
+    $[8] = tag;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+
+  return t4;
 };
 
 Menu.propTypes = {

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

@@ -1,37 +1,37 @@
 var styles = {
-  "themeLight": "_themeLight_lrn2jk_8",
-  "themeDark": "_themeDark_lrn2jk_11",
-  "menu": "_menu_lrn2jk_15",
-  "sizeS": "_sizeS_lrn2jk_21",
-  "sizeM": "_sizeM_lrn2jk_24",
-  "sizeL": "_sizeL_lrn2jk_27",
-  "modeClassic": "_modeClassic_lrn2jk_31",
-  "modeRock": "_modeRock_lrn2jk_34",
-  "modeClear": "_modeClear_lrn2jk_37",
-  "iconPlacementLeft": "_iconPlacementLeft_lrn2jk_41",
-  "iconPlacementRight": "_iconPlacementRight_lrn2jk_45",
-  "wrapper": "_wrapper_lrn2jk_49",
-  "hoverIcon": "_hoverIcon_lrn2jk_53",
-  "hoverIconNoReserve": "_hoverIconNoReserve_lrn2jk_56",
-  "menuItem": "_menuItem_lrn2jk_61",
-  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_lrn2jk_98",
-  "selected": "_selected_lrn2jk_112",
-  "keyboardNavigationEnabled": "_keyboardNavigationEnabled_lrn2jk_119",
-  "hideCustomIconOnHover": "_hideCustomIconOnHover_lrn2jk_130",
-  "customIcon": "_customIcon_lrn2jk_132",
-  "hideSelectedIconOnHover": "_hideSelectedIconOnHover_lrn2jk_137",
-  "selectedIcon": "_selectedIcon_lrn2jk_139",
-  "disabled": "_disabled_lrn2jk_144",
-  "contentWrapper": "_contentWrapper_lrn2jk_151",
-  "content": "_content_lrn2jk_151",
-  "icon": "_icon_lrn2jk_41",
-  "resizedIcon": "_resizedIcon_lrn2jk_169",
-  "divider": "_divider_lrn2jk_177",
-  "groupHeaderThemeLight": "_groupHeaderThemeLight_lrn2jk_191",
-  "groupHeaderThemeDark": "_groupHeaderThemeDark_lrn2jk_194",
-  "groupHeaderSizeL": "_groupHeaderSizeL_lrn2jk_198",
-  "groupHeaderSizeM": "_groupHeaderSizeM_lrn2jk_201",
-  "groupHeaderSizeS": "_groupHeaderSizeS_lrn2jk_204",
-  "groupHeader": "_groupHeader_lrn2jk_191"
+  "themeLight": "_themeLight_gu3ipu_8",
+  "themeDark": "_themeDark_gu3ipu_11",
+  "menu": "_menu_gu3ipu_15",
+  "sizeS": "_sizeS_gu3ipu_21",
+  "sizeM": "_sizeM_gu3ipu_24",
+  "sizeL": "_sizeL_gu3ipu_27",
+  "modeClassic": "_modeClassic_gu3ipu_31",
+  "modeRock": "_modeRock_gu3ipu_34",
+  "modeClear": "_modeClear_gu3ipu_37",
+  "iconPlacementLeft": "_iconPlacementLeft_gu3ipu_41",
+  "iconPlacementRight": "_iconPlacementRight_gu3ipu_45",
+  "wrapper": "_wrapper_gu3ipu_49",
+  "hoverIcon": "_hoverIcon_gu3ipu_53",
+  "hoverIconNoReserve": "_hoverIconNoReserve_gu3ipu_56",
+  "menuItem": "_menuItem_gu3ipu_61",
+  "keyboardNavigationDisabled": "_keyboardNavigationDisabled_gu3ipu_98",
+  "selected": "_selected_gu3ipu_112",
+  "keyboardNavigationEnabled": "_keyboardNavigationEnabled_gu3ipu_119",
+  "hideCustomIconOnHover": "_hideCustomIconOnHover_gu3ipu_130",
+  "customIcon": "_customIcon_gu3ipu_132",
+  "hideSelectedIconOnHover": "_hideSelectedIconOnHover_gu3ipu_137",
+  "selectedIcon": "_selectedIcon_gu3ipu_139",
+  "disabled": "_disabled_gu3ipu_144",
+  "contentWrapper": "_contentWrapper_gu3ipu_151",
+  "content": "_content_gu3ipu_151",
+  "icon": "_icon_gu3ipu_41",
+  "resizedIcon": "_resizedIcon_gu3ipu_169",
+  "divider": "_divider_gu3ipu_177",
+  "groupHeaderThemeLight": "_groupHeaderThemeLight_gu3ipu_191",
+  "groupHeaderThemeDark": "_groupHeaderThemeDark_gu3ipu_194",
+  "groupHeaderSizeL": "_groupHeaderSizeL_gu3ipu_198",
+  "groupHeaderSizeM": "_groupHeaderSizeM_gu3ipu_201",
+  "groupHeaderSizeS": "_groupHeaderSizeS_gu3ipu_204",
+  "groupHeader": "_groupHeader_gu3ipu_191"
 };
 export { styles as default };

package/lib/parts/divider.js

@@ -1,4 +1,6 @@
 "use client";
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import { c } from 'react-compiler-runtime';
 import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
@@ -10,19 +12,59 @@ const THEME_CLASS = {
   dark: styles.themeDark
 };
 
-const Divider = _ref => {
-  let {
-    className,
-    theme,
-    ...restProps
-  } = _ref;
+const Divider = t0 => {
+  const $ = c(11);
+  let className;
+  let restProps;
+  let theme;
+
+  if ($[0] !== t0) {
+    ({
+      className,
+      theme,
+      ...restProps
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = restProps;
+    $[3] = theme;
+  } else {
+    className = $[1];
+    restProps = $[2];
+    theme = $[3];
+  }
+
   const menuContext = useMenuContext();
   const actualTheme = useThemeWithUndefined(menuContext.theme ?? theme);
-  return /*#__PURE__*/React.createElement("hr", {
-    className: cn(styles.divider, THEME_CLASS[actualTheme], className),
-    role: menuContext.keyboardNavigationEnabled ? 'presentation' : undefined,
-    ...restProps
-  });
+  const t1 = THEME_CLASS[actualTheme];
+  let t2;
+
+  if ($[4] !== className || $[5] !== t1) {
+    t2 = cn(styles.divider, t1, className);
+    $[4] = className;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+
+  const t3 = menuContext.keyboardNavigationEnabled ? "presentation" : undefined;
+  let t4;
+
+  if ($[7] !== restProps || $[8] !== t2 || $[9] !== t3) {
+    t4 = /*#__PURE__*/React.createElement("hr", _extends({
+      className: t2,
+      role: t3
+    }, restProps));
+    $[7] = restProps;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+
+  return t4;
 };
 
 Divider.propTypes = {