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

package/dist/index.js

@@ -126,45 +126,25 @@ function useArrayProp(val, defaultVal) {
     [__perf_hash__]
   );
 }
-function _getElements(element, elementsArg) {
-  const ret = [element];
-  for (const el of elementsArg)
-    Array.isArray(el) ? ret.push(...el) : ret.push(el);
-  return ret.filter(Boolean);
-}
 function useClickOutside(listener, elementsArg = EMPTY_ARRAY, boundaryElement) {
-  const [element, setElement] = react.useState(null), [elements, setElements] = react.useState(() => _getElements(element, elementsArg)), elementsRef = react.useRef(elements);
-  return react.useEffect(() => {
-    const prevElements = elementsRef.current, nextElements = _getElements(element, elementsArg);
-    if (prevElements.length !== nextElements.length) {
-      setElements(nextElements), elementsRef.current = nextElements;
+  const [legacyElement, setLegacyElement] = react.useState(null), onEvent = useEffectEvent.useEffectEvent((evt) => {
+    const target = evt.target;
+    if (!(target instanceof Node) || boundaryElement && !boundaryElement.contains(target))
       return;
-    }
-    for (const el of prevElements)
-      if (!nextElements.includes(el)) {
-        setElements(nextElements), elementsRef.current = nextElements;
-        return;
-      }
-    for (const el of nextElements)
-      if (!prevElements.includes(el)) {
-        setElements(nextElements), elementsRef.current = nextElements;
+    const elements = (Array.isArray(elementsArg) ? [legacyElement, ...elementsArg] : elementsArg()).flat();
+    for (const el of elements)
+      if (el && (target === el || el.contains(target)))
         return;
-      }
-  }, [element, elementsArg]), react.useEffect(() => {
-    if (!listener) return;
-    const handleWindowMouseDown = (evt) => {
-      const target = evt.target;
-      if (target instanceof Node && !(boundaryElement && !boundaryElement.contains(target))) {
-        for (const el of elements)
-          if (target === el || el.contains(target))
-            return;
-        listener(evt);
-      }
-    };
-    return window.addEventListener("mousedown", handleWindowMouseDown), () => {
-      window.removeEventListener("mousedown", handleWindowMouseDown);
+    listener(evt);
+  }), hasListener = !!listener;
+  if (react.useEffect(() => {
+    if (!hasListener) return;
+    const handleEvent = (evt) => onEvent(evt);
+    return document.addEventListener("mousedown", handleEvent), document.addEventListener("touchstart", handleEvent), () => {
+      document.removeEventListener("mousedown", handleEvent), document.removeEventListener("touchstart", handleEvent);
     };
-  }, [boundaryElement, listener, elements]), setElement;
+  }, [hasListener, onEvent]), Array.isArray(elementsArg))
+    return setLegacyElement;
 }
 function useCustomValidity(ref, customValidity) {
   react.useEffect(() => {
@@ -515,21 +495,13 @@ function useGlobalKeyDown(onKeyDown) {
 function useMatchMedia(mediaQueryString, getServerSnapshot2) {
   const { subscribe: subscribe2, getSnapshot } = react.useMemo(() => {
     let MEDIA_QUERY_CACHE;
-    function getMatchMedia() {
-      return MEDIA_QUERY_CACHE === void 0 && (MEDIA_QUERY_CACHE = window.matchMedia(mediaQueryString)), MEDIA_QUERY_CACHE;
-    }
+    const getMatchMedia = () => (MEDIA_QUERY_CACHE || (MEDIA_QUERY_CACHE = window.matchMedia(mediaQueryString)), MEDIA_QUERY_CACHE);
     return {
       subscribe: (onStoreChange) => {
         const matchMedia = getMatchMedia();
         return matchMedia.addEventListener("change", onStoreChange), () => matchMedia.removeEventListener("change", onStoreChange);
       },
-      getSnapshot: () => {
-        try {
-          return getMatchMedia().matches;
-        } catch (err) {
-          throw new Error(`Failed to match media query: ${mediaQueryString}`, { cause: err });
-        }
-      }
+      getSnapshot: () => getMatchMedia().matches
     };
   }, [mediaQueryString]);
   return react.useDebugValue(mediaQueryString), react.useSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2);