@sanity/ui 4.0.0-next.4 → 4.0.0-next.5

package/dist/useClickOutsideEvent-lEVhDFCQ.js

@@ -0,0 +1,36 @@
+import { o as EMPTY_ARRAY } from "./helpers-bwfx1e-Y.js";
+import { c } from "react/compiler-runtime";
+import { useDebugValue, useEffect } from "react";
+import { useEffectEvent } from "use-effect-event";
+/**
+* @public
+*/
+function useClickOutsideEvent(listener, t0, boundaryElement) {
+	let $ = c(9), elementsArg = t0 === void 0 ? _temp : t0, t1;
+	$[0] !== boundaryElement || $[1] !== elementsArg || $[2] !== listener ? (t1 = (evt) => {
+		if (!listener) return;
+		let target = evt.target;
+		if (!(target instanceof Node)) return;
+		let resolvedBoundaryElement = boundaryElement?.();
+		if (resolvedBoundaryElement && !resolvedBoundaryElement.contains(target)) return;
+		let elements = elementsArg().flat();
+		for (let el of elements) if (el && (target === el || el.contains(target))) return;
+		listener(evt);
+	}, $[0] = boundaryElement, $[1] = elementsArg, $[2] = listener, $[3] = t1) : t1 = $[3];
+	let onEvent = useEffectEvent(t1), hasListener = !!listener, t2;
+	$[4] !== hasListener || $[5] !== onEvent ? (t2 = () => {
+		if (!hasListener) return;
+		let handleEvent = (evt_0) => onEvent(evt_0);
+		return document.addEventListener("mousedown", handleEvent), () => {
+			document.removeEventListener("mousedown", handleEvent);
+		};
+	}, $[4] = hasListener, $[5] = onEvent, $[6] = t2) : t2 = $[6];
+	let t3;
+	$[7] === hasListener ? t3 = $[8] : (t3 = [hasListener], $[7] = hasListener, $[8] = t3), useEffect(t2, t3), useDebugValue(listener ? "MouseDown On" : "MouseDown Off");
+}
+function _temp() {
+	return EMPTY_ARRAY;
+}
+export { useClickOutsideEvent as t };
+
+//# sourceMappingURL=useClickOutsideEvent-lEVhDFCQ.js.map

package/dist/useClickOutsideEvent-lEVhDFCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutsideEvent-lEVhDFCQ.js","names":["useDebugValue","useEffect","useEffectEvent","EMPTY_ARRAY","ClickOutsideEventListener","event","MouseEvent","ClickOutsideEventElements","HTMLElement","useClickOutsideEvent","listener","t0","boundaryElement","$","_c","elementsArg","undefined","_temp","t1","evt","target","Node","resolvedBoundaryElement","contains","elements","flat","el","onEvent","hasListener","Boolean","t2","handleEvent","evt_0","document","addEventListener","removeEventListener","t3"],"sources":["../src/core/hooks/useClickOutsideEvent.ts"],"sourcesContent":["import {useDebugValue, useEffect} from 'react'\n// TODO: switch to `useEffectEvent` from `react` once\n// https://github.com/facebook/react/issues/34818 is fixed in the lowest React\n// version we support: on React 19.2 the native hook never sees values past\n// the first render when the calling component is wrapped in `forwardRef` or\n// `memo`. This public hook runs in the fiber of whatever component calls it\n// (consumers may call it from `forwardRef` or `memo` components).\nimport {useEffectEvent} from 'use-effect-event'\n\nimport {EMPTY_ARRAY} from '../constants'\n\n/**\n * @public\n */\nexport type ClickOutsideEventListener = (event: MouseEvent) => void\n\n/**\n * @public\n */\nexport type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[]\n\n/**\n * @public\n */\nexport function useClickOutsideEvent(\n  listener: ClickOutsideEventListener | false | undefined,\n  elementsArg: () => ClickOutsideEventElements = () => EMPTY_ARRAY,\n  boundaryElement?: () => HTMLElement | null,\n): void {\n  /**\n   * The `useEffectEvent` hook allow us to always see the latest value of `listener`, `elementsArg` and `boundaryElement` without needing to\n   * juggle `useState`, `useRef` and `useState` to make sure the `mousedown` event listener isn't constantly being added and removed.\n   */\n  const onEvent = useEffectEvent((evt: MouseEvent) => {\n    if (!listener) {\n      return\n    }\n\n    const target = evt.target\n\n    if (!(target instanceof Node)) {\n      return\n    }\n\n    const resolvedBoundaryElement = boundaryElement?.()\n\n    if (resolvedBoundaryElement && !resolvedBoundaryElement.contains(target)) {\n      return\n    }\n\n    const elements = elementsArg().flat()\n\n    for (const el of elements) {\n      if (!el) continue\n\n      if (target === el || el.contains(target)) {\n        return\n      }\n    }\n\n    listener(evt)\n  })\n\n  const hasListener = Boolean(listener)\n\n  useEffect(() => {\n    if (!hasListener) return undefined\n\n    const handleEvent = (evt: MouseEvent) => onEvent(evt)\n\n    document.addEventListener('mousedown', handleEvent)\n\n    return () => {\n      document.removeEventListener('mousedown', handleEvent)\n    }\n  }, [hasListener])\n\n  useDebugValue(listener ? 'MouseDown On' : 'MouseDown Off')\n}\n"],"mappings":";;;;;;;AAwBA,SAAOS,qBAAAC,UAAAC,IAAAC,iBAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAELC,cAAAJ,OAAAK,KAAAA,IAAAC,QAAAN,IAAgEO;CAAA,AAAAL,EAAA,OAAAD,mBAAAC,EAAA,OAAAE,eAAAF,EAAA,OAAAH,YAOjCQ,MAAAC,QAAA;EAC7B,IAAI,CAACT,UAAQ;EAIb,IAAAU,SAAeD,IAAGC;EAElB,IAAI,EAAEA,kBAAkBC,OAAK;EAI7B,IAAAC,0BAAgCV,kBAAkB;EAElD,IAAIU,2BAAA,CAA4BA,wBAAuBC,SAAUH,MAAM,GAAC;EAIxE,IAAAI,WAAiBT,YAAY,CAAC,CAAAU,KAAM;EAEpC,KAAK,IAAAC,MAAYF,UACVE,WAEDN,WAAWM,MAAMA,GAAEH,SAAUH,MAAM,IAAC;EAK1CV,SAASS,GAAG;CAAC,GACdN,EAAA,KAAAD,iBAAAC,EAAA,KAAAE,aAAAF,EAAA,KAAAH,UAAAG,EAAA,KAAAK,MAAAA,KAAAL,EAAA;CA5BD,IAAAc,UAAgBzB,eAAegB,EA4B9B,GAEDU,cAAoBC,EAAQnB,UAASoB;CAAA,AAAAjB,EAAA,OAAAe,eAAAf,EAAA,OAAAc,WAE3BG,WAAA;EACR,IAAI,CAACF,aAAW;EAEhB,IAAAG,eAAoBC,UAAqBL,QAAQR,KAAG;EAED,OAAnDc,SAAQC,iBAAkB,aAAaH,WAAW,SAE3C;GACLE,SAAQE,oBAAqB,aAAaJ,WAAW;EAAC;CACvD,GACFlB,EAAA,KAAAe,aAAAf,EAAA,KAAAc,SAAAd,EAAA,KAAAiB,MAAAA,KAAAjB,EAAA;CAAA,IAAAuB;CAEDpC,AAFCa,EAAA,OAAAe,cAAeQ,KAAAvB,EAAA,MAAbuB,KAAA,CAACR,WAAW,GAACf,EAAA,KAAAe,aAAAf,EAAA,KAAAuB,KAVhBnC,UAAU6B,IAUPM,EAAa,GAEhBpC,cAAcU,WAAA,iBAAA,eAA2C;AAAC;AArDrD,SAAAO,QAAA;CAAA,OAEgDd;AAAW"}

package/dist/useElementSize-BJvbGHq8.js

@@ -0,0 +1,51 @@
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+/**
+* @internal
+*/
+const _elementSizeObserver = _createElementSizeObserver();
+function _createElementRectValueListener() {
+	return { subscribe(element, subscriber) {
+		let resizeObserver = new ResizeObserver(([entry]) => {
+			subscriber({
+				_contentRect: entry.contentRect,
+				border: {
+					width: entry.borderBoxSize[0].inlineSize,
+					height: entry.borderBoxSize[0].blockSize
+				},
+				content: {
+					width: entry.contentRect.width,
+					height: entry.contentRect.height
+				}
+			});
+		});
+		return resizeObserver.observe(element), () => {
+			resizeObserver.unobserve(element), resizeObserver.disconnect();
+		};
+	} };
+}
+function _createElementSizeObserver() {
+	let disposeCache = /* @__PURE__ */ new WeakMap(), subscribersCache = /* @__PURE__ */ new WeakMap();
+	return { subscribe(element, subscriber) {
+		let subscribers = subscribersCache.get(element) || [], dispose = disposeCache.get(element);
+		return subscribersCache.has(element) || (subscribersCache.set(element, subscribers), dispose = _createElementRectValueListener().subscribe(element, (elementRect) => {
+			for (let sub of subscribers) sub(elementRect);
+		})), subscribers.push(subscriber), () => {
+			let idx = subscribers.indexOf(subscriber);
+			idx > -1 && subscribers.splice(idx, 1), subscribers.length === 0 && dispose && dispose();
+		};
+	} };
+}
+/**
+* Subscribe to the size of a DOM element.
+* @beta
+*/
+function useElementSize(element) {
+	let $ = c(3), [size, setSize] = useState(null), t0, t1;
+	return $[0] === element ? (t0 = $[1], t1 = $[2]) : (t0 = () => {
+		if (element) return _elementSizeObserver.subscribe(element, setSize);
+	}, t1 = [element], $[0] = element, $[1] = t0, $[2] = t1), useEffect(t0, t1), size;
+}
+export { _elementSizeObserver as n, useElementSize as t };
+
+//# sourceMappingURL=useElementSize-BJvbGHq8.js.map

package/dist/useElementSize-BJvbGHq8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize-BJvbGHq8.js","names":["ElementRectValue","width","height","ElementSize","content","border","_contentRect","DOMRectReadOnly","_ElementSizeSubscriber","elementRect","_ElementSizeObserver","subscribe","element","HTMLElement","subscriber","_ElementSizeListener","_elementSizeObserver","_createElementSizeObserver","_createElementRectValueListener","resizeObserver","ResizeObserver","entry","contentRect","borderBoxSize","inlineSize","blockSize","observe","unobserve","disconnect","disposeCache","WeakMap","subscribersCache","subscribers","get","dispose","has","set","listener","sub","push","idx","indexOf","splice","length","useEffect","useState","_elementSizeObserver","ElementSize","useElementSize","element","$","_c","size","setSize","t0","t1","subscribe"],"sources":["../src/core/observers/elementSizeObserver.ts","../src/core/hooks/useElementSize.ts"],"sourcesContent":["/**\n * @beta\n */\nexport interface ElementRectValue {\n  width: number\n  height: number\n}\n\n/**\n * @beta\n */\nexport interface ElementSize {\n  content: ElementRectValue\n  border: ElementRectValue\n\n  /** @deprecated INTERNAL ONLY */\n  _contentRect: DOMRectReadOnly\n}\n\n/**\n * @internal\n */\nexport type _ElementSizeSubscriber = (elementRect: ElementSize) => void\n\n/**\n * @internal\n */\nexport interface _ElementSizeObserver {\n  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void\n}\n\n/**\n * @internal\n */\nexport interface _ElementSizeListener {\n  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void\n}\n\n// Initialize element size observer\n// NOTE: this should NOT have size effects\n/**\n * @internal\n */\nexport const _elementSizeObserver = _createElementSizeObserver()\n\nfunction _createElementRectValueListener(): _ElementSizeListener {\n  return {\n    subscribe(element, subscriber) {\n      const resizeObserver = new ResizeObserver(([entry]) => {\n        subscriber({\n          // oxlint-disable-next-line no-deprecated\n          _contentRect: entry.contentRect,\n          border: {\n            width: entry.borderBoxSize[0].inlineSize,\n            height: entry.borderBoxSize[0].blockSize,\n          },\n          content: {\n            width: entry.contentRect.width,\n            height: entry.contentRect.height,\n          },\n        })\n      })\n\n      resizeObserver.observe(element)\n\n      return () => {\n        resizeObserver.unobserve(element)\n        resizeObserver.disconnect()\n      }\n    },\n  }\n}\n\nfunction _createElementSizeObserver(): _ElementSizeObserver {\n  const disposeCache = new WeakMap<HTMLElement, () => void>()\n  const subscribersCache = new WeakMap<HTMLElement, _ElementSizeSubscriber[]>()\n\n  return {\n    subscribe(element, subscriber) {\n      const subscribers = subscribersCache.get(element) || []\n\n      let dispose = disposeCache.get(element)\n\n      if (!subscribersCache.has(element)) {\n        subscribersCache.set(element, subscribers)\n\n        const listener = _createElementRectValueListener()\n\n        // listen\n        dispose = listener.subscribe(element, (elementRect) => {\n          for (const sub of subscribers) {\n            sub(elementRect)\n          }\n        })\n      }\n\n      subscribers.push(subscriber)\n\n      return () => {\n        // dispose\n\n        const idx = subscribers.indexOf(subscriber)\n\n        if (idx > -1) {\n          subscribers.splice(idx, 1)\n        }\n\n        if (subscribers.length === 0) {\n          // unlisten\n          if (dispose) dispose()\n        }\n      }\n    },\n  }\n}\n","import {useEffect, useState} from 'react'\n\nimport {_elementSizeObserver, ElementSize} from '../observers/elementSizeObserver'\n\n/**\n * Subscribe to the size of a DOM element.\n * @beta\n */\nexport function useElementSize(element: HTMLElement | null): ElementSize | null {\n  const [size, setSize] = useState<ElementSize | null>(null)\n\n  useEffect(() => {\n    if (!element) return undefined\n\n    return _elementSizeObserver.subscribe(element, setSize)\n  }, [element])\n\n  return size\n}\n"],"mappings":";;;;;AA2CA,MAAagB,uBAAuBC,2BAA2B;AAE/D,SAASC,kCAAwD;CAC/D,OAAO,EACLP,UAAUC,SAASE,YAAY;EAC7B,IAAMK,iBAAiB,IAAIC,gBAAgB,CAACC,WAAW;GACrDP,WAAW;IAETR,cAAce,MAAMC;IACpBjB,QAAQ;KACNJ,OAAOoB,MAAME,cAAc,EAAE,CAACC;KAC9BtB,QAAQmB,MAAME,cAAc,EAAE,CAACE;IACjC;IACArB,SAAS;KACPH,OAAOoB,MAAMC,YAAYrB;KACzBC,QAAQmB,MAAMC,YAAYpB;IAC5B;GACF,CAAC;EACH,CAAC;EAID,OAFAiB,eAAeO,QAAQd,OAAO,SAEjB;GAEXO,AADAA,eAAeQ,UAAUf,OAAO,GAChCO,eAAeS,WAAW;EAC5B;CACF,EACF;AACF;AAEA,SAASX,6BAAmD;CAC1D,IAAMY,+BAAe,IAAIC,QAAiC,GACpDC,mCAAmB,IAAID,QAA+C;CAE5E,OAAO,EACLnB,UAAUC,SAASE,YAAY;EAC7B,IAAMkB,cAAcD,iBAAiBE,IAAIrB,OAAO,KAAK,CAAA,GAEjDsB,UAAUL,aAAaI,IAAIrB,OAAO;EAiBtC,OAfKmB,iBAAiBI,IAAIvB,OAAO,MAC/BmB,iBAAiBK,IAAIxB,SAASoB,WAAW,GAKzCE,UAHiBhB,gCAGPmB,CAAQ,CAAC1B,UAAUC,UAAUH,gBAAgB;GACrD,KAAK,IAAM6B,OAAON,aAChBM,IAAI7B,WAAW;EAEnB,CAAC,IAGHuB,YAAYO,KAAKzB,UAAU,SAEd;GAGX,IAAM0B,MAAMR,YAAYS,QAAQ3B,UAAU;GAM1C,AAJI0B,MAAM,MACRR,YAAYU,OAAOF,KAAK,CAAC,GAGvBR,YAAYW,WAAW,KAErBT,WAASA,QAAQ;EAEzB;CACF,EACF;AACF;;;;;AC1GA,SAAOc,eAAAC,SAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GACL,CAAAC,MAAAC,WAAwBR,SAA6B,IAAI,GAACS,IAAAC;CAM7C,OAN6CL,EAAA,OAAAD,WAM9CK,KAAAJ,EAAA,IAAAK,KAAAL,EAAA,OAJFI,WAAA;EACHL,aAAyB,OAEvBH,qBAAoBU,UAAWP,SAASI,OAAO;CAAC,GACtDE,KAAA,CAACN,OAAO,GAACC,EAAA,KAAAD,SAAAC,EAAA,KAAAI,IAAAJ,EAAA,KAAAK,KAJZX,UAAUU,IAIPC,EAAS,GAELH;AAAI"}