@versini/ui-hooks 5.1.0 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-hooks",
-	"version": "5.1.0",
+	"version": "5.2.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -20,13 +20,13 @@
 	],
 	"scripts": {
 		"build:check": "tsc",
-		"build:js": "vite build",
-		"build:types": "tsup",
-		"build": "npm-run-all --serial clean build:check build:js build:types",
-		"clean": "rimraf dist",
-		"dev:js": "vite build --watch --mode development",
-		"dev:types": "tsup --watch src",
-		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"build:js": "rslib build",
+		"build:types": "echo 'Types now built with rslib'",
+		"build": "npm-run-all --serial clean build:check build:js",
+		"clean": "rimraf dist tmp",
+		"dev:js": "rslib build --watch",
+		"dev:types": "echo 'Types now watched with rslib'",
+		"dev": "rslib build --watch",
 		"lint": "biome lint src",
 		"lint:fix": "biome check src --write --no-errors-on-unmatched",
 		"prettier": "biome check --write --no-errors-on-unmatched",
@@ -36,5 +36,5 @@
 		"test:watch": "vitest",
 		"test": "vitest run"
 	},
-	"gitHead": "e2e7b5c53c77d1773d7e0e463bac2a75b936a0d3"
+	"gitHead": "7484ad443b77ef31e52ae3a7d88b8129bc6cdf1d"
 }

package/dist/hooks/useClickOutside.js

@@ -1,26 +0,0 @@
-import { useRef as f, useEffect as d } from "react";
-const i = ["mousedown", "touchstart"];
-function E(r, o, e) {
-  const c = f(null);
-  return d(() => {
-    const n = (t) => {
-      const s = t ? t.target : void 0;
-      if (Array.isArray(e)) {
-        const a = !document.body.contains(s) && s.tagName !== "HTML";
-        e.every(
-          (u) => !!u && !t.composedPath().includes(u)
-        ) && !a && r();
-      } else c.current && !c.current.contains(s) && r();
-    };
-    return (o || i).forEach(
-      (t) => document.addEventListener(t, n)
-    ), () => {
-      (o || i).forEach(
-        (t) => document.removeEventListener(t, n)
-      );
-    };
-  }, [r, e, o]), c;
-}
-export {
-  E as useClickOutside
-};

package/dist/hooks/useHaptic.js

@@ -1,49 +0,0 @@
-import { useRef as u, useEffect as d, useCallback as l } from "react";
-const o = 50, s = 120, m = () => {
-  const c = u(null), r = u(null), i = u(/* @__PURE__ */ new Set());
-  d(() => typeof window > "u" ? void 0 : ((() => {
-    if (c.current && r.current)
-      return;
-    const e = document.createElement("input");
-    e.type = "checkbox", e.setAttribute("switch", ""), e.style.display = "none", e.setAttribute("aria-hidden", "true");
-    const t = document.createElement("label");
-    t.style.display = "none", t.setAttribute("aria-hidden", "true"), t.appendChild(e), document.body.appendChild(t), c.current = e, r.current = t;
-  })(), () => {
-    for (const e of i.current)
-      clearTimeout(e);
-    i.current.clear(), r.current && document.body.contains(r.current) && document.body.removeChild(r.current), c.current = null, r.current = null;
-  }), []);
-  const a = l(() => {
-    try {
-      if (navigator?.vibrate) {
-        navigator.vibrate(o);
-        return;
-      }
-      r.current?.click();
-    } catch {
-    }
-  }, []);
-  return { haptic: l(
-    (n = 1) => {
-      if (!(typeof window > "u") && !(n < 1)) {
-        if (navigator?.vibrate && n > 1) {
-          const e = [];
-          for (let t = 0; t < n; t++)
-            e.push(o), t < n - 1 && e.push(s - o);
-          navigator.vibrate(e);
-          return;
-        }
-        for (let e = 0; e < n; e++) {
-          const t = setTimeout(() => {
-            a(), i.current.delete(t);
-          }, e * s);
-          i.current.add(t);
-        }
-      }
-    },
-    [a]
-  ) };
-};
-export {
-  m as useHaptic
-};

package/dist/hooks/useHotkeys.js

@@ -1,56 +0,0 @@
-import { useEffect as y } from "react";
-function E(t) {
-  const e = t.toLowerCase().split("+").map((s) => s.trim()), r = {
-    alt: e.includes("alt"),
-    ctrl: e.includes("ctrl"),
-    meta: e.includes("meta"),
-    mod: e.includes("mod"),
-    shift: e.includes("shift")
-  }, a = ["alt", "ctrl", "meta", "shift", "mod"], n = e.find((s) => !a.includes(s));
-  return {
-    ...r,
-    key: n
-  };
-}
-function p(t, e) {
-  const { alt: r, ctrl: a, meta: n, mod: s, shift: i, key: f } = t, { altKey: c, ctrlKey: o, metaKey: u, shiftKey: d, key: m } = e;
-  if (r !== c)
-    return !1;
-  if (s) {
-    if (!o && !u)
-      return !1;
-  } else if (a !== o || n !== u)
-    return !1;
-  return i !== d ? !1 : !!(f && (m.toLowerCase() === f.toLowerCase() || e.code.replace("Key", "").toLowerCase() === f.toLowerCase()));
-}
-function l(t) {
-  return (e) => p(E(t), e);
-}
-function h(t) {
-  return (e) => {
-    const r = "nativeEvent" in e ? e.nativeEvent : e;
-    t.forEach(([a, n, s = { preventDefault: !0 }]) => {
-      l(a)(r) && (s.preventDefault && e.preventDefault(), n(r));
-    });
-  };
-}
-function k(t, e, r = !1) {
-  return t.target instanceof HTMLElement ? (r || !t.target.isContentEditable) && !e.includes(t.target.tagName) : !0;
-}
-function w(t, e = ["INPUT", "TEXTAREA", "SELECT"], r = !1) {
-  y(() => {
-    const a = (n) => {
-      t.forEach(
-        ([s, i, f = { preventDefault: !0 }]) => {
-          l(s)(n) && k(n, e, r) && (f.preventDefault && n.preventDefault(), i(n));
-        }
-      );
-    };
-    return document.documentElement.addEventListener("keydown", a), () => document.documentElement.removeEventListener("keydown", a);
-  }, [t, e, r]);
-}
-export {
-  h as getHotkeyHandler,
-  k as shouldFireEvent,
-  w as useHotkeys
-};

package/dist/hooks/useInViewport.js

@@ -1,12 +0,0 @@
-import { useRef as o, useState as c, useCallback as f } from "react";
-function p() {
-  const e = o(null), [n, t] = c(!1);
-  return { ref: f((r) => {
-    typeof IntersectionObserver < "u" && (r && !e.current ? e.current = new IntersectionObserver(
-      (s) => t(s.some((i) => i.isIntersecting))
-    ) : e.current?.disconnect(), r ? e.current?.observe(r) : t(!1));
-  }, []), inViewport: n };
-}
-export {
-  p as useInViewport
-};

package/dist/hooks/useInterval.js

@@ -1,12 +0,0 @@
-import { useState as i, useRef as o, useCallback as a, useEffect as v } from "react";
-function p(u, c) {
-  const [t, s] = i(!1), e = o(null), l = o(null), r = a(() => {
-    s((f) => (!f && (!e.current || e.current === -1) && (e.current = window.setInterval(l.current, c)), !0));
-  }, [c]), n = a(() => {
-    s(!1), window.clearInterval(e.current || -1), e.current = -1;
-  }, []);
-  return v(() => (l.current = u, t && r(), n), [u, t, r, n]), { start: r, stop: n, active: t };
-}
-export {
-  p as useInterval
-};

package/dist/hooks/useIsMounted.js

@@ -1,10 +0,0 @@
-import { useRef as r, useEffect as t, useCallback as u } from "react";
-function s() {
-  const e = r(!1);
-  return t(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), u(() => e.current, []);
-}
-export {
-  s as useIsMounted
-};

package/dist/hooks/useLocalStorage.js

@@ -1,42 +0,0 @@
-import { useSyncExternalStore as w, useCallback as a, useEffect as d } from "react";
-function S(t, e) {
-  window.dispatchEvent(new StorageEvent("storage", { key: t, newValue: e }));
-}
-const g = (t, e) => {
-  const c = JSON.stringify(
-    typeof e == "function" ? e() : e
-  );
-  window.localStorage.setItem(t, c), S(t, c);
-}, i = (t) => {
-  window.localStorage.removeItem(t), S(t, null);
-}, l = (t) => window.localStorage.getItem(t), m = (t) => (window.addEventListener("storage", t), () => window.removeEventListener("storage", t));
-function E({
-  key: t,
-  initialValue: e
-}) {
-  const s = w(m, () => l(t)), o = a(
-    (n) => {
-      try {
-        const r = typeof n == "function" ? n(JSON.parse(s)) : n;
-        r == null ? i(t) : g(t, r);
-      } catch (r) {
-        console.warn(r);
-      }
-    },
-    [t, s]
-  ), u = a(() => {
-    o(e);
-  }, [e, o]), f = a(() => {
-    o(null);
-  }, [o]);
-  return d(() => {
-    try {
-      l(t) === null && typeof e < "u" && g(t, e);
-    } catch (n) {
-      console.warn(n);
-    }
-  }, [t, e]), [s ? JSON.parse(s) : null, o, u, f];
-}
-export {
-  E as useLocalStorage
-};

package/dist/hooks/useMergeRefs.js

@@ -1,12 +0,0 @@
-import { useMemo as t } from "react";
-function o(r) {
-  return t(() => r.every((e) => e == null) ? () => {
-  } : (e) => {
-    r.forEach((n) => {
-      typeof n == "function" ? n(e) : n != null && (n.current = e);
-    });
-  }, [...r]);
-}
-export {
-  o as useMergeRefs
-};

package/dist/hooks/useResizeObserver.js

@@ -1,26 +0,0 @@
-import { useRef as s, useState as m, useMemo as a, useEffect as l } from "react";
-import { useIsMounted as d } from "./useIsMounted.js";
-const b = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function h(n) {
-  const c = d(), e = s(0), t = s(null), [u, i] = m(b), r = a(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((f) => {
-    const o = f[0];
-    o && (cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
-      t.current && c() && i(o.contentRect);
-    }));
-  }), [c]);
-  return l(() => (t.current && r?.observe(t.current, n), () => {
-    r?.disconnect(), e.current && cancelAnimationFrame(e.current);
-  }), [r, n]), [t, u];
-}
-export {
-  h as useResizeObserver
-};

package/dist/hooks/useUncontrolled.js

@@ -1,23 +0,0 @@
-import { useState as c, useEffect as U } from "react";
-function w({
-  value: e,
-  defaultValue: s,
-  finalValue: f,
-  onChange: o = () => {
-  },
-  initialControlledDelay: t = 0
-}) {
-  const [r, u] = c(!1), [i, d] = c(
-    s !== void 0 ? s : f
-  ), m = (n) => {
-    d(n), o?.(n);
-  };
-  return U(() => {
-    (async () => e !== void 0 && !r && t > 0 && (await new Promise(
-      (n) => setTimeout(n, t)
-    ), u(!0)))();
-  }, [e, t, r]), e !== void 0 ? !r && t > 0 ? ["", o, !0] : [e, o, !0] : [i, m, !1];
-}
-export {
-  w as useUncontrolled
-};

package/dist/hooks/useUniqueId.js

@@ -1,15 +0,0 @@
-import { useId as u } from "react";
-function i(e) {
-  const r = u();
-  if (!e)
-    return r;
-  if (typeof e == "number" || typeof e == "string")
-    return `${e}${r}`;
-  if (typeof e == "object") {
-    const { id: t, prefix: f = "" } = e;
-    return typeof t == "number" || typeof t == "string" ? `${f}${t}` : `${f}${r}`;
-  }
-}
-export {
-  i as useUniqueId
-};

package/dist/hooks/useViewportSize.js

@@ -1,21 +0,0 @@
-import { useState as w, useCallback as r, useEffect as o } from "react";
-function t(e, i) {
-  o(() => (window.addEventListener(e, i, {
-    passive: !0
-  }), () => window.removeEventListener(e, i)), [e, i]);
-}
-function s() {
-  const [e, i] = w({
-    width: 0,
-    height: 0
-  }), n = r(() => {
-    i({
-      width: window.innerWidth || 0,
-      height: window.innerHeight || 0
-    });
-  }, []);
-  return t("resize", n), t("orientationchange", n), o(n, []), e;
-}
-export {
-  s as useViewportSize
-};

package/dist/hooks/useVisualViewportSize.js

@@ -1,22 +0,0 @@
-import { useState as n, useCallback as w, useEffect as o } from "react";
-function s() {
-  const [e, t] = n({
-    width: 0,
-    height: 0
-  }), i = w(() => {
-    t({
-      width: window?.visualViewport?.width || window.innerWidth || 0,
-      height: window?.visualViewport?.height || window.innerHeight || 0
-    });
-  }, []);
-  return o(() => (i(), window.visualViewport && (window.visualViewport.addEventListener("resize", i, {
-    passive: !0
-  }), window.visualViewport.addEventListener("orientationchange", i, {
-    passive: !0
-  })), () => {
-    window.visualViewport && (window.visualViewport.removeEventListener("resize", i), window.visualViewport.removeEventListener("orientationchange", i));
-  }), [i]), e;
-}
-export {
-  s as useVisualViewportSize
-};