@jfrader/ui 0.5.0 → 0.6.0

package/dist/use-native-dialog-FB0p7lkg.js

@@ -0,0 +1,93 @@
+'use client';
+import { t as e } from "./use-scroll-lock-40gXwwAy.js";
+import { useCallback as t, useEffect as n, useImperativeHandle as r, useRef as i, useState as a } from "react";
+//#region src/overlay/use-native-dialog.ts
+function o(e, t) {
+	e && e.open && typeof e.requestClose == "function" ? e.requestClose() : t(!1);
+}
+function s(e, n) {
+	let [r, s] = a(0), c = i(null), l = t((e) => {
+		c.current = e;
+	}, []), u = t((t) => {
+		let r = c.current?.open ?? !1;
+		(t !== e || r !== e) && (t === e ? s((e) => e + 1) : n(t));
+	}, [e, n]);
+	return {
+		dialogElementRef: c,
+		setDialogElement: l,
+		setOpen: u,
+		requestClose: t(() => {
+			o(c.current, u);
+		}, [u]),
+		repairToken: r
+	};
+}
+function c(e) {
+	let { open: t, ...n } = e;
+	return n;
+}
+function l({ open: o, setOpen: s, requestClose: c, repairToken: l, setDialogElement: u }, { onCancel: d, onClick: f, onClose: p }, m, h, g) {
+	let _ = i(null), v = h ?? _;
+	r(m, () => v.current, []);
+	let y = i(null), b = i(!1), [x, S] = a(!1), C = i(g);
+	C.current = g;
+	let w = i(null), T = t((e) => {
+		v.current = e, u(e);
+	}, [u]);
+	e(x, () => v.current?.ownerDocument), n(() => {
+		let e = v.current;
+		if (!e) return;
+		let t = () => {
+			e.close(), b.current = !1, S(!1);
+		};
+		if (o) {
+			let t = w.current !== null;
+			if (w.current = null, e.open) t && C.current?.enter(e);
+			else {
+				y.current = e.ownerDocument.activeElement ?? null, b.current = !0;
+				try {
+					e.showModal();
+				} catch {}
+				S(e.open), e.open && C.current?.enter(e);
+			}
+		} else if (e.open && w.current === null) {
+			let n = C.current?.exit(e);
+			if (!n) {
+				t();
+				return;
+			}
+			let r = {};
+			w.current = r;
+			let i = () => {
+				w.current === r && (w.current = null, e.open && t());
+			};
+			n.then(i, i);
+		}
+	}, [o, l]), n(() => () => {
+		w.current = null;
+		let e = y.current;
+		b.current && e && e.isConnected && typeof e.focus == "function" && e.focus();
+	}, []);
+	let E = (e) => e.target === v.current;
+	return {
+		ref: T,
+		onCancel: (e) => {
+			if (!o) {
+				e.preventDefault();
+				return;
+			}
+			if (d?.(e), !E(e)) return;
+			let t = e.defaultPrevented;
+			e.preventDefault(), t || s(!1);
+		},
+		onClick: (e) => {
+			f?.(e), o && e.target === v.current && !e.defaultPrevented && c();
+		},
+		onClose: (e) => {
+			E(e) ? v.current?.open || (w.current = null, b.current = !1, p?.(e), S(!1), o && s(!1)) : p?.(e);
+		},
+		"data-state": o ? "open" : x ? "closing" : "closed"
+	};
+}
+//#endregion
+export { s as i, o as n, l as r, c as t };

package/dist/{use-overlay-floating-DvJifLpF.js → use-overlay-floating-Bx2jBKAA.js}

@@ -2,8 +2,8 @@
 import { autoUpdate as e, flip as t, offset as n, shift as r, size as i, useFloating as a } from "@floating-ui/react";
 //#region src/overlay/use-overlay-floating.ts
 var o = 8, s = 8;
-function c({ open: c, onOpenChange: l, placement: u, nodeId: d, boundary: f, onAvailableSize: p }) {
-	let m = {
+function c({ open: c, onOpenChange: l, placement: u, nodeId: d, boundary: f, onAvailableSize: p, strategy: m, gap: h = o, transform: g }) {
+	let _ = {
 		padding: s,
 		...f ? { boundary: f } : {}
 	};
@@ -12,12 +12,14 @@ function c({ open: c, onOpenChange: l, placement: u, nodeId: d, boundary: f, onA
 		onOpenChange: l,
 		placement: u,
 		nodeId: d,
+		strategy: m,
+		transform: g,
 		middleware: [
-			n(o),
-			t(m),
-			r(m),
+			n(h),
+			t(_),
+			r(_),
 			p && i({
-				...m,
+				..._,
 				apply: ({ availableWidth: e, availableHeight: t }) => p({
 					width: e,
 					height: t

package/dist/use-scroll-lock-40gXwwAy.js

@@ -0,0 +1,23 @@
+'use client';
+import { useEffect as e, useRef as t } from "react";
+//#region src/overlay/use-scroll-lock.ts
+var n = /* @__PURE__ */ new Map();
+function r(r, i) {
+	let a = t(i);
+	a.current = i, e(() => {
+		if (!r) return;
+		let e = a.current?.() ?? (typeof document > "u" ? void 0 : document);
+		if (!e) return;
+		let t = n.get(e);
+		return t ? t.count += 1 : (n.set(e, {
+			count: 1,
+			rootOverflow: e.documentElement.style.overflow,
+			bodyOverflow: e.body.style.overflow
+		}), e.documentElement.style.overflow = "hidden", e.body.style.overflow = "hidden"), () => {
+			let t = n.get(e);
+			t && (--t.count, !(t.count > 0) && (e.documentElement.style.overflow = t.rootOverflow, e.body.style.overflow = t.bodyOverflow, n.delete(e)));
+		};
+	}, [r]);
+}
+//#endregion
+export { r as t };