@rescui/menu 0.14.1 → 0.15.0

package/lib/parts/use-menu-keyboard-navigation.js

@@ -1,132 +1,247 @@
 "use client";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import { useState, useCallback, useRef, useEffect } from 'react';
+import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import { c } from 'react-compiler-runtime';
+import { useState, useRef, useEffect } from 'react';
 import { getFirstItem, getLastItem, getPrevItem, getNextItem, htmlElementsComparator } from './navigation-utils.js';
 
 function getSortedItems(itemsSet) {
   return Array.from(itemsSet.values()).sort(htmlElementsComparator);
 }
 
-function useMenuKeyboardNavigation(_ref) {
-  let {
+function useMenuKeyboardNavigation(t0) {
+  const $ = c(14);
+  const {
     activateFirstItem
-  } = _ref;
+  } = t0;
   const [currentActiveItemEl, setCurrentActiveItemEl] = useState(null);
-  const setCurrentActiveItemAndFocus = useCallback(function (el) {
-    let {
-      scroll = false
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    setCurrentActiveItemEl(el ?? null);
-
-    if (el) {
-      el.focus({
-        preventScroll: !scroll
-      });
-    }
-  }, []);
-  const menuItemsSet = useRef(new Set());
+  let t1;
+
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (el, t2) => {
+      const {
+        scroll: t3
+      } = t2 === undefined ? {} : t2;
+      const scroll = t3 === undefined ? false : t3;
+      setCurrentActiveItemEl(el ?? null);
+
+      if (el) {
+        el.focus({
+          preventScroll: !scroll
+        });
+      }
+    };
+
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+
+  const setCurrentActiveItemAndFocus = t1;
+  let t2;
+
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = new Set();
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+
+  const menuItemsSet = useRef(t2);
   const activateFirstItemTimeoutIdRef = useRef(null);
-  const scheduleActivateFirstItem = useCallback(() => {
-    if (activateFirstItemTimeoutIdRef.current) {
-      clearTimeout(activateFirstItemTimeoutIdRef.current);
-    }
-
-    activateFirstItemTimeoutIdRef.current = setTimeout(() => {
-      setCurrentActiveItemAndFocus(getFirstItem(getSortedItems(menuItemsSet.current)));
-    }, 50);
-  }, [setCurrentActiveItemAndFocus]);
-  const registerItem = useCallback(ref => {
-    if (!ref || menuItemsSet.current.has(ref)) {
-      return;
-    }
-
-    menuItemsSet.current.add(ref);
-
-    if (activateFirstItem) {
-      scheduleActivateFirstItem();
-    }
-  }, [activateFirstItem, scheduleActivateFirstItem]);
-  const unregisterItem = useCallback(ref => {
-    menuItemsSet.current.delete(ref);
-  }, []);
-  useEffect(() => {
-    return () => {
+  let t3;
+
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      if (activateFirstItemTimeoutIdRef.current) {
+        clearTimeout(activateFirstItemTimeoutIdRef.current);
+      }
+
+      activateFirstItemTimeoutIdRef.current = setTimeout(() => {
+        setCurrentActiveItemAndFocus(getFirstItem(getSortedItems(menuItemsSet.current)));
+      }, 50);
+    };
+
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+
+  const scheduleActivateFirstItem = t3;
+  let t4;
+
+  if ($[3] !== activateFirstItem) {
+    t4 = ref => {
+      if (!ref || menuItemsSet.current.has(ref)) {
+        return;
+      }
+
+      menuItemsSet.current.add(ref);
+
+      if (activateFirstItem) {
+        scheduleActivateFirstItem();
+      }
+    };
+
+    $[3] = activateFirstItem;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+
+  const registerItem = t4;
+  let t5;
+
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = ref_0 => {
+      menuItemsSet.current.delete(ref_0);
+    };
+
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+
+  const unregisterItem = t5;
+  let t6;
+  let t7;
+
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => () => {
       if (activateFirstItemTimeoutIdRef.current) {
         clearTimeout(activateFirstItemTimeoutIdRef.current);
       }
 
       menuItemsSet.current.clear();
     };
-  }, []);
-  const handleItemFocus = useCallback(ref => {
-    if (!ref) {
-      return;
-    }
-
-    setCurrentActiveItemEl(ref);
-  }, [setCurrentActiveItemEl]);
-  const handleItemKeyDown = useCallback( // eslint-disable-next-line complexity
-  (e, ref) => {
-    var _context;
-
-    if (!_includesInstanceProperty(_context = ['ArrowDown', 'ArrowUp', 'Home', 'End', ' ', 'Enter']).call(_context, e.key)) {
-      return;
-    }
-
-    const items = getSortedItems(menuItemsSet.current);
-
-    switch (e.key) {
-      case 'ArrowDown':
-        e.preventDefault();
-        setCurrentActiveItemAndFocus(getNextItem(items, ref), {
-          scroll: true
-        });
-        break;
 
-      case 'ArrowUp':
-        e.preventDefault();
-        setCurrentActiveItemAndFocus(getPrevItem(items, ref), {
-          scroll: true
-        });
-        break;
+    t7 = [];
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t6 = $[6];
+    t7 = $[7];
+  }
+
+  useEffect(t6, t7);
+  let t8;
+
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = ref_1 => {
+      if (!ref_1) {
+        return;
+      }
 
-      case 'Home':
-        e.preventDefault();
-        setCurrentActiveItemAndFocus(getFirstItem(items), {
-          scroll: true
-        });
-        break;
+      setCurrentActiveItemEl(ref_1);
+    };
 
-      case 'End':
-        e.preventDefault();
-        setCurrentActiveItemAndFocus(getLastItem(items), {
-          scroll: true
-        });
-        break;
-
-      case ' ':
-      case 'Enter':
-        e.preventDefault();
-        ref?.click?.();
-        break;
-    }
-  }, [setCurrentActiveItemAndFocus]);
-  const handleItemMouseEnter = useCallback(ref => {
-    if (!ref) {
-      return;
-    }
-
-    setCurrentActiveItemAndFocus(ref);
-  }, [setCurrentActiveItemAndFocus]);
-  return {
-    currentActiveItemEl,
-    setCurrentActiveItemEl,
-    registerItem,
-    unregisterItem,
-    handleItemFocus,
-    handleItemKeyDown,
-    handleItemMouseEnter
-  };
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+
+  const handleItemFocus = t8;
+  let t9;
+
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = (e, ref_2) => {
+      var _context;
+
+      if (!_includesInstanceProperty(_context = ["ArrowDown", "ArrowUp", "Home", "End", " ", "Enter"]).call(_context, e.key)) {
+        return;
+      }
+
+      const items = getSortedItems(menuItemsSet.current);
+
+      bb44: switch (e.key) {
+        case "ArrowDown":
+          {
+            e.preventDefault();
+            setCurrentActiveItemAndFocus(getNextItem(items, ref_2), {
+              scroll: true
+            });
+            break bb44;
+          }
+
+        case "ArrowUp":
+          {
+            e.preventDefault();
+            setCurrentActiveItemAndFocus(getPrevItem(items, ref_2), {
+              scroll: true
+            });
+            break bb44;
+          }
+
+        case "Home":
+          {
+            e.preventDefault();
+            setCurrentActiveItemAndFocus(getFirstItem(items), {
+              scroll: true
+            });
+            break bb44;
+          }
+
+        case "End":
+          {
+            e.preventDefault();
+            setCurrentActiveItemAndFocus(getLastItem(items), {
+              scroll: true
+            });
+            break bb44;
+          }
+
+        case " ":
+        case "Enter":
+          {
+            e.preventDefault();
+            ref_2?.click?.();
+            break bb44;
+          }
+      }
+    };
+
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+
+  const handleItemKeyDown = t9;
+  let t10;
+
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = ref_3 => {
+      if (!ref_3) {
+        return;
+      }
+
+      setCurrentActiveItemAndFocus(ref_3);
+    };
+
+    $[10] = t10;
+  } else {
+    t10 = $[10];
+  }
+
+  const handleItemMouseEnter = t10;
+  let t11;
+
+  if ($[11] !== currentActiveItemEl || $[12] !== registerItem) {
+    t11 = {
+      currentActiveItemEl,
+      setCurrentActiveItemEl,
+      registerItem,
+      unregisterItem,
+      handleItemFocus,
+      handleItemKeyDown,
+      handleItemMouseEnter
+    };
+    $[11] = currentActiveItemEl;
+    $[12] = registerItem;
+    $[13] = t11;
+  } else {
+    t11 = $[13];
+  }
+
+  return t11;
 }
 
 export { useMenuKeyboardNavigation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/menu",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -18,18 +18,18 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.26.0",
     "classnames": "^2.2.6",
-    "nanoid": "^3.3.3"
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@rescui/ui-contexts": "^0.6.0",
     "prop-types": "^15",
-    "react": ">=16.8.0 <20"
+    "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.3.3",
+    "@rescui/colors": "^0.3.4",
     "@rescui/postcss-preset-library": "^0.2.3",
-    "@rescui/scripts": "^0.5.2",
-    "@rescui/typography": "^0.27.4",
+    "@rescui/scripts": "^0.5.3",
+    "@rescui/typography": "^0.28.0",
     "@rescui/visual-regression": "^0.1.4",
     "postcss": "^8.3.0"
   },
@@ -38,5 +38,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
+  "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
 }