@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/hooks/use-id.js

@@ -1,28 +1,22 @@
-import { useState as o } from "react";
-function* a(n = Date.now()) {
-  let t = n;
-  for (; ; )
-    t = (t * 1664525 + 1013904223) % 2 ** 32, yield t / 2 ** 32;
+import { useState as e } from "react";
+//#region src/hooks/use-id.ts
+function* t(e = Date.now()) {
+	let t = e;
+	for (;;) t = (t * 1664525 + 1013904223) % 2 ** 32, yield t / 2 ** 32;
 }
-const i = a();
-function l(n) {
-  const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let e = "";
-  for (let r = 0; r < n; r++)
-    e += t.charAt(Math.floor(i.next().value * t.length));
-  return e;
+var n = t();
+function r(e) {
+	let t = "";
+	for (let r = 0; r < e; r++) t += "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(n.next().value * 62));
+	return t;
 }
-let u = 0;
-function c() {
-  return u++;
+var i = 0;
+function a() {
+	return i++;
 }
-function d() {
-  const [n] = o(() => {
-    const t = c().toString(36), e = l(4);
-    return `:r${t}:${e}`;
-  });
-  return n;
+function o() {
+	let [t] = e(() => `:r${a().toString(36)}:${r(4)}`);
+	return t;
 }
-export {
-  d as default
-};
+//#endregion
+export { o as default };

package/dist/esm/hooks/use-media-query.js

@@ -1,19 +1,16 @@
-import { useMemo as u, useState as i, useCallback as o, useLayoutEffect as d } from "react";
-import { isBrowser as M } from "../utils/platform.js";
-const m = (t) => M() ? window.matchMedia(t) : null, a = (t) => t.matches;
-function l(t, n = !1) {
-  const e = u(() => m(t), [t]), [s, c] = i(
-    e ? a(e) : n
-  ), r = o(() => {
-    e && c(a(e));
-  }, [e]);
-  return d(() => {
-    if (e)
-      return e.addEventListener("change", r), () => {
-        e.removeEventListener("change", r);
-      };
-  }), s;
+import { isBrowser as e } from "../utils/platform.js";
+import { useCallback as t, useLayoutEffect as n, useMemo as r, useState as i } from "react";
+//#region src/hooks/use-media-query.ts
+var a = (t) => e() ? window.matchMedia(t) : null, o = (e) => e.matches;
+function s(e, s = !1) {
+	let c = r(() => a(e), [e]), [l, u] = i(c ? o(c) : s), d = t(() => {
+		c && u(o(c));
+	}, [c]);
+	return n(() => {
+		if (c) return c.addEventListener("change", d), () => {
+			c.removeEventListener("change", d);
+		};
+	}), l;
 }
-export {
-  l as useMediaQuery
-};
+//#endregion
+export { s as useMediaQuery };

package/dist/esm/hooks/use-resizable.js

@@ -1,50 +1,50 @@
-import { useRef as R, useState as z, useEffect as g } from "react";
-function x({
-  isDisabled: c = !1,
-  minWidth: i,
-  minHeight: a
-} = {}) {
-  const e = R(null), [t, o] = z({
-    isResizing: !1,
-    startX: 0,
-    startY: 0,
-    startWidth: 0,
-    startHeight: 0
-  }), l = (s) => {
-    if (c) return;
-    s.preventDefault();
-    const r = e.current?.querySelector("textarea");
-    !e.current || !r || o({
-      isResizing: !0,
-      startX: s.clientX,
-      startY: s.clientY,
-      startWidth: e.current.offsetWidth,
-      startHeight: r.offsetHeight
-    });
-  };
-  return g(() => {
-    if (!t.isResizing) return;
-    const s = (n) => {
-      if (!e.current) return;
-      const u = e.current.querySelector("textarea");
-      if (!u) return;
-      const d = n.clientX - t.startX, f = n.clientY - t.startY, h = Math.max(t.startWidth + d, i ?? 0), m = Math.max(
-        t.startHeight + f,
-        a ?? 0
-      );
-      e.current.style.width = `${h}px`, u.style.height = `${m}px`;
-    }, r = () => {
-      o((n) => ({ ...n, isResizing: !1 }));
-    };
-    return document.addEventListener("mousemove", s), document.addEventListener("mouseup", r), () => {
-      document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", r);
-    };
-  }, [t, i, a]), {
-    containerRef: e,
-    handleResizeStart: l,
-    isResizing: t.isResizing
-  };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/use-resizable.ts
+function r({ isDisabled: r = !1, minWidth: i, minHeight: a } = {}) {
+	let o = t(null), [s, c] = n({
+		isResizing: !1,
+		startX: 0,
+		startY: 0,
+		startWidth: 0,
+		startHeight: 0
+	});
+	return e(() => {
+		if (!s.isResizing) return;
+		let e = (e) => {
+			if (!o.current) return;
+			let t = o.current.querySelector("textarea");
+			if (!t) return;
+			let n = e.clientX - s.startX, r = e.clientY - s.startY, c = Math.max(s.startWidth + n, i ?? 0), l = Math.max(s.startHeight + r, a ?? 0);
+			o.current.style.width = `${c}px`, t.style.height = `${l}px`;
+		}, t = () => {
+			c((e) => ({
+				...e,
+				isResizing: !1
+			}));
+		};
+		return document.addEventListener("mousemove", e), document.addEventListener("mouseup", t), () => {
+			document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", t);
+		};
+	}, [
+		s,
+		i,
+		a
+	]), {
+		containerRef: o,
+		handleResizeStart: (e) => {
+			if (r) return;
+			e.preventDefault();
+			let t = o.current?.querySelector("textarea");
+			!o.current || !t || c({
+				isResizing: !0,
+				startX: e.clientX,
+				startY: e.clientY,
+				startWidth: o.current.offsetWidth,
+				startHeight: t.offsetHeight
+			});
+		},
+		isResizing: s.isResizing
+	};
 }
-export {
-  x as useResizable
-};
+//#endregion
+export { r as useResizable };

package/dist/esm/hooks/use-responsive-value.js

@@ -1,29 +1,25 @@
-import { useBreakpointListener as s } from "./use-breakpoint-listener.js";
-function p(n) {
-  return typeof n == "object" && n !== null && "base" in n;
+import { useBreakpointListener as e } from "./use-breakpoint-listener.js";
+//#region src/hooks/use-responsive-value.ts
+function t(e) {
+	return typeof e == "object" && !!e && "base" in e;
 }
-const i = [
-  "sm",
-  "md",
-  "lg",
-  "xl"
+var n = [
+	"sm",
+	"md",
+	"lg",
+	"xl"
 ];
-function c(n) {
-  const r = s();
-  if (!p(n))
-    return n;
-  if (r === "xs")
-    return n.base;
-  if (r in n)
-    return n[r];
-  const o = i.indexOf(r);
-  for (let t = o; t >= 0; t--) {
-    const e = i[t];
-    if (e && e in n)
-      return n[e];
-  }
-  return n.base;
+function r(r) {
+	let i = e();
+	if (!t(r)) return r;
+	if (i === "xs") return r.base;
+	if (i in r) return r[i];
+	let a = n.indexOf(i);
+	for (let e = a; e >= 0; e--) {
+		let t = n[e];
+		if (t && t in r) return r[t];
+	}
+	return r.base;
 }
-export {
-  c as useResponsiveValue
-};
+//#endregion
+export { r as useResponsiveValue };

package/dist/esm/hooks/use-scroll-direction.js

@@ -1,56 +1,54 @@
-import { useState as m, useRef as s, useEffect as a } from "react";
-import { useMediaQuery as S } from "./use-media-query.js";
-const f = 10;
-function E(r) {
-  let e = r.parentElement;
-  for (; e; ) {
-    const c = getComputedStyle(e).overflowY;
-    if (c === "auto" || c === "scroll")
-      return e;
-    e = e.parentElement;
-  }
-  return null;
+import { useMediaQuery as e } from "./use-media-query.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/use-scroll-direction.ts
+var i = 10;
+function a(e) {
+	let t = e.parentElement;
+	for (; t;) {
+		let e = getComputedStyle(t).overflowY;
+		if (e === "auto" || e === "scroll") return t;
+		t = t.parentElement;
+	}
+	return null;
 }
-function p(r) {
-  return r === window ? window.scrollY : r.scrollTop;
+function o(e) {
+	return e === window ? window.scrollY : e.scrollTop;
 }
-function h(r) {
-  if (r === window)
-    return window.scrollY + window.innerHeight >= document.documentElement.scrollHeight - 1;
-  const e = r;
-  return e.scrollTop + e.clientHeight >= e.scrollHeight - 1;
+function s(e) {
+	if (e === window) return window.scrollY + window.innerHeight >= document.documentElement.scrollHeight - 1;
+	let t = e;
+	return t.scrollTop + t.clientHeight >= t.scrollHeight - 1;
 }
-function T(r) {
-  const e = S("(prefers-reduced-motion: reduce)"), [c, u] = m("idle"), i = s(null), l = s(0), t = s(0);
-  return a(() => {
-    if (e) {
-      u("idle");
-      return;
-    }
-    const o = (() => {
-      if (r?.current) return r.current;
-      if (i.current) {
-        const n = E(i.current);
-        if (n) return n;
-      }
-      return window;
-    })();
-    l.current = p(o), t.current = 0;
-    const d = () => {
-      const n = p(o);
-      if (n < 0) return;
-      if (h(o)) {
-        t.current = 0, l.current = n, u("up");
-        return;
-      }
-      const w = n - l.current;
-      t.current += w, l.current = n, t.current > f ? (t.current = 0, u("down")) : t.current < -f && (t.current = 0, u("up"));
-    };
-    return o.addEventListener("scroll", d, { passive: !0 }), () => {
-      o.removeEventListener("scroll", d);
-    };
-  }, [e, r]), [i, e ? "idle" : c];
+function c(c) {
+	let l = e("(prefers-reduced-motion: reduce)"), [u, d] = r("idle"), f = n(null), p = n(0), m = n(0);
+	return t(() => {
+		if (l) {
+			d("idle");
+			return;
+		}
+		let e = (() => {
+			if (c?.current) return c.current;
+			if (f.current) {
+				let e = a(f.current);
+				if (e) return e;
+			}
+			return window;
+		})();
+		p.current = o(e), m.current = 0;
+		let t = () => {
+			let t = o(e);
+			if (t < 0) return;
+			if (s(e)) {
+				m.current = 0, p.current = t, d("up");
+				return;
+			}
+			let n = t - p.current;
+			m.current += n, p.current = t, m.current > i ? (m.current = 0, d("down")) : m.current < -10 && (m.current = 0, d("up"));
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => {
+			e.removeEventListener("scroll", t);
+		};
+	}, [l, c]), [f, l ? "idle" : u];
 }
-export {
-  T as useScrollDirection
-};
+//#endregion
+export { c as useScrollDirection };