@sanity/ui 2.8.13-canary.0 → 2.8.13-canary.1

package/dist/index.esm.js

@@ -5504,16 +5504,28 @@ function _sortElements(rootElement, elements) {
   elements.sort(_sort);
 }
 function useMenuController(props) {
-  const {
+  const $ = c(21), {
     onKeyDown,
     originElement,
     shouldFocus,
     rootElementRef
-  } = props, elementsRef = useRef([]), [activeIndex, _setActiveIndex] = useState(-1), activeIndexRef = useRef(activeIndex), activeElement = useMemo(() => elementsRef.current[activeIndex] || null, [activeIndex]), mounted = !!rootElementRef.current, setActiveIndex = useCallback((nextActiveIndex) => {
+  } = props;
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
+  const elementsRef = useRef(t0), [activeIndex, _setActiveIndex] = useState(-1), activeIndexRef = useRef(activeIndex);
+  let t1;
+  t1 = elementsRef.current[activeIndex] || null;
+  const activeElement = t1, mounted = !!rootElementRef.current;
+  let t2;
+  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = (nextActiveIndex) => {
     _setActiveIndex(nextActiveIndex), activeIndexRef.current = nextActiveIndex;
-  }, []), mount = useCallback((element, selected) => {
-    if (!element) return () => {
-    };
+  }, $[1] = t2) : t2 = $[1];
+  const setActiveIndex = t2;
+  let t3;
+  $[2] !== rootElementRef.current ? (t3 = (element, selected) => {
+    if (!element)
+      return () => {
+      };
     if (elementsRef.current.indexOf(element) === -1 && (elementsRef.current.push(element), _sortElements(rootElementRef.current, elementsRef.current)), selected) {
       const selectedIndex = elementsRef.current.indexOf(element);
       setActiveIndex(selectedIndex);
@@ -5522,7 +5534,10 @@ function useMenuController(props) {
       const idx = elementsRef.current.indexOf(element);
       idx > -1 && elementsRef.current.splice(idx, 1);
     };
-  }, [rootElementRef, setActiveIndex]), handleKeyDown = useCallback((event) => {
+  }, $[2] = rootElementRef.current, $[3] = t3) : t3 = $[3];
+  const mount = t3;
+  let t4;
+  $[4] !== originElement || $[5] !== onKeyDown ? (t4 = (event) => {
     if (event.key === "Tab") {
       originElement && originElement.focus();
       return;
@@ -5530,7 +5545,8 @@ function useMenuController(props) {
     if (event.key === "Home") {
       event.preventDefault(), event.stopPropagation();
       const el = _getFocusableElements(elementsRef.current)[0];
-      if (!el) return;
+      if (!el)
+        return;
       const currentIndex = elementsRef.current.indexOf(el);
       setActiveIndex(currentIndex);
       return;
@@ -5538,7 +5554,8 @@ function useMenuController(props) {
     if (event.key === "End") {
       event.preventDefault(), event.stopPropagation();
       const focusableElements_0 = _getFocusableElements(elementsRef.current), el_0 = focusableElements_0[focusableElements_0.length - 1];
-      if (!el_0) return;
+      if (!el_0)
+        return;
       const currentIndex_0 = elementsRef.current.indexOf(el_0);
       setActiveIndex(currentIndex_0);
       return;
@@ -5546,7 +5563,8 @@ function useMenuController(props) {
     if (event.key === "ArrowUp") {
       event.preventDefault(), event.stopPropagation();
       const focusableElements_1 = _getFocusableElements(elementsRef.current), focusableLen = focusableElements_1.length;
-      if (focusableLen === 0) return;
+      if (focusableLen === 0)
+        return;
       const focusedElement = elementsRef.current[activeIndexRef.current];
       let focusedIndex = focusableElements_1.indexOf(focusedElement);
       focusedIndex = (focusedIndex - 1 + focusableLen) % focusableLen;
@@ -5557,7 +5575,8 @@ function useMenuController(props) {
     if (event.key === "ArrowDown") {
       event.preventDefault(), event.stopPropagation();
       const focusableElements_2 = _getFocusableElements(elementsRef.current), focusableLen_0 = focusableElements_2.length;
-      if (focusableLen_0 === 0) return;
+      if (focusableLen_0 === 0)
+        return;
       const focusedElement_0 = elementsRef.current[activeIndexRef.current];
       let focusedIndex_0 = focusableElements_2.indexOf(focusedElement_0);
       focusedIndex_0 = (focusedIndex_0 + 1) % focusableLen_0;
@@ -5566,14 +5585,23 @@ function useMenuController(props) {
       return;
     }
     onKeyDown && onKeyDown(event);
-  }, [onKeyDown, originElement, setActiveIndex]), handleItemMouseEnter = useCallback((event_0) => {
+  }, $[4] = originElement, $[5] = onKeyDown, $[6] = t4) : t4 = $[6];
+  const handleKeyDown = t4;
+  let t5;
+  $[7] === Symbol.for("react.memo_cache_sentinel") ? (t5 = (event_0) => {
     const element_0 = event_0.currentTarget, currentIndex_3 = elementsRef.current.indexOf(element_0);
     setActiveIndex(currentIndex_3);
-  }, [setActiveIndex]), handleItemMouseLeave = useCallback(() => {
+  }, $[7] = t5) : t5 = $[7];
+  const handleItemMouseEnter = t5;
+  let t6;
+  $[8] !== rootElementRef.current ? (t6 = () => {
     setActiveIndex(-2), rootElementRef.current?.focus();
-  }, [rootElementRef, setActiveIndex]);
-  return useEffect(() => {
-    if (!mounted) return;
+  }, $[8] = rootElementRef.current, $[9] = t6) : t6 = $[9];
+  const handleItemMouseLeave = t6;
+  let t7, t8;
+  $[10] !== mounted || $[11] !== activeIndex || $[12] !== shouldFocus ? (t7 = () => {
+    if (!mounted)
+      return;
     const rafId = requestAnimationFrame(() => {
       if (activeIndex === -1) {
         if (shouldFocus === "first") {
@@ -5595,14 +5623,16 @@ function useMenuController(props) {
       (elementsRef.current[activeIndex] || null)?.focus();
     });
     return () => cancelAnimationFrame(rafId);
-  }, [activeIndex, mounted, setActiveIndex, shouldFocus]), {
+  }, t8 = [activeIndex, mounted, setActiveIndex, shouldFocus], $[10] = mounted, $[11] = activeIndex, $[12] = shouldFocus, $[13] = t7, $[14] = t8) : (t7 = $[13], t8 = $[14]), useEffect(t7, t8);
+  let t9;
+  return $[15] !== activeElement || $[16] !== activeIndex || $[17] !== handleItemMouseLeave || $[18] !== handleKeyDown || $[19] !== mount ? (t9 = {
     activeElement,
     activeIndex,
     handleItemMouseEnter,
     handleItemMouseLeave,
     handleKeyDown,
     mount
-  };
+  }, $[15] = activeElement, $[16] = activeIndex, $[17] = handleItemMouseLeave, $[18] = handleKeyDown, $[19] = mount, $[20] = t9) : t9 = $[20], t9;
 }
 const Root$5 = styled(Box)`
   outline: none;