@jfrader/ui 0.5.1 → 0.7.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-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 };