@jbpark/use-hooks 2.0.2 → 2.2.0

package/dist/index.js

@@ -1,424 +0,0 @@
-import { useRef as y, useEffect as f, useState as h, useCallback as p } from "react";
-const V = (e, { delay: o = 100, autoInvoke: d = !0 }, t = []) => {
-  const n = y(null), i = y(e), s = y(t), l = y(void 0);
-  f(() => {
-    i.current = e;
-  }), f(() => {
-    s.current = t;
-  });
-  const r = y(null);
-  return r.current || (r.current = ((...c) => {
-    n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-      i.current(...c);
-    }, o);
-  })), f(() => {
-    const c = l.current === void 0 || l.current.length !== t.length || l.current.some((a, u) => a !== t[u]);
-    c && n.current && clearTimeout(n.current), d && c && (l.current === void 0 ? i.current() : r.current && r.current()), l.current = t;
-  }), f(() => () => {
-    n.current && clearTimeout(n.current);
-  }, []), r.current;
-}, I = (e = !0) => {
-  f(() => {
-    if (!e)
-      return;
-    const o = window.scrollY, d = /iPad|iPhone|iPod/.test(navigator.userAgent), t = {
-      documentElement: {
-        overflow: document.documentElement.style.overflow,
-        height: document.documentElement.style.height,
-        position: document.documentElement.style.position,
-        width: document.documentElement.style.width
-      },
-      body: {
-        overflow: document.body.style.overflow,
-        height: document.body.style.height,
-        position: document.body.style.position,
-        top: document.body.style.top,
-        left: document.body.style.left,
-        right: document.body.style.right,
-        width: document.body.style.width,
-        webkitOverflowScrolling: document.body.style.getPropertyValue(
-          "-webkit-overflow-scrolling"
-        )
-      }
-    };
-    if (document.documentElement.style.overflow = "hidden", document.documentElement.style.height = "100%", document.documentElement.style.position = "fixed", document.documentElement.style.width = "100%", document.body.style.overflow = "hidden", document.body.style.height = "100%", document.body.style.position = "fixed", document.body.style.top = `-${o}px`, document.body.style.left = "0", document.body.style.right = "0", document.body.style.width = "100%", d) {
-      document.body.style.setProperty("-webkit-overflow-scrolling", "touch");
-      const n = (r) => {
-        (r.target === document.body || r.target === document.documentElement || r.target === window) && (r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation());
-      }, i = () => {
-        window.scrollTo(0, 0), document.body.scrollTop = 0, document.documentElement.scrollTop = 0;
-      }, s = ["scroll", "touchmove", "touchstart", "touchend"];
-      s.forEach((r) => {
-        window.addEventListener(r, n, {
-          passive: !1,
-          capture: !0
-        }), document.addEventListener(r, n, {
-          passive: !1,
-          capture: !0
-        }), document.body.addEventListener(r, n, {
-          passive: !1,
-          capture: !0
-        });
-      });
-      const l = setInterval(i, 16);
-      return () => {
-        clearInterval(l), s.forEach((r) => {
-          window.removeEventListener(r, n, { capture: !0 }), document.removeEventListener(r, n, { capture: !0 }), document.body.removeEventListener(r, n, {
-            capture: !0
-          });
-        }), document.documentElement.style.overflow = t.documentElement.overflow, document.documentElement.style.height = t.documentElement.height, document.documentElement.style.position = t.documentElement.position, document.documentElement.style.width = t.documentElement.width, document.body.style.overflow = t.body.overflow, document.body.style.height = t.body.height, document.body.style.position = t.body.position, document.body.style.top = t.body.top, document.body.style.left = t.body.left, document.body.style.right = t.body.right, document.body.style.width = t.body.width, t.body.webkitOverflowScrolling ? document.body.style.setProperty(
-          "-webkit-overflow-scrolling",
-          t.body.webkitOverflowScrolling
-        ) : document.body.style.removeProperty("-webkit-overflow-scrolling"), window.scrollTo(0, o);
-      };
-    }
-    return () => {
-      document.documentElement.style.overflow = t.documentElement.overflow, document.documentElement.style.height = t.documentElement.height, document.documentElement.style.position = t.documentElement.position, document.documentElement.style.width = t.documentElement.width, document.body.style.overflow = t.body.overflow, document.body.style.height = t.body.height, document.body.style.position = t.body.position, document.body.style.top = t.body.top, document.body.style.left = t.body.left, document.body.style.right = t.body.right, document.body.style.width = t.body.width, window.scrollTo(0, o);
-    };
-  }, [e]);
-}, P = (e) => {
-  const [o, d] = h(null);
-  return f(() => {
-    const t = (s) => typeof s == "string" ? document.querySelector(s) : s.current, n = () => {
-      const s = t(e);
-      d(s ? s.getBoundingClientRect() : null);
-    }, i = () => {
-      requestAnimationFrame(n);
-    };
-    return n(), window.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 }), () => {
-      window.removeEventListener("scroll", i), window.removeEventListener("resize", i);
-    };
-  }, [e]), o;
-}, R = () => {
-  const [e, o] = h(null), [d, t] = h({
-    scrollY: 0,
-    scrollPercentage: 0,
-    isAtTop: !0,
-    isAtBottom: !1,
-    scrollableHeight: 0,
-    clientHeight: 0,
-    scrollHeight: 0
-  }), n = p((i) => {
-    o(i);
-  }, []);
-  return f(() => {
-    if (!e)
-      return;
-    const i = () => {
-      const { scrollTop: r, scrollHeight: c, clientHeight: a } = e, u = c - a;
-      if (u <= 0) {
-        t({
-          scrollY: 0,
-          scrollPercentage: 0,
-          isAtTop: !0,
-          isAtBottom: !0,
-          scrollableHeight: 0,
-          clientHeight: a,
-          scrollHeight: c
-        });
-        return;
-      }
-      const m = Math.min(
-        100,
-        Math.max(0, r / u * 100)
-      );
-      t({
-        scrollY: r,
-        scrollPercentage: m,
-        isAtTop: r <= 0,
-        isAtBottom: r >= u - 1,
-        scrollableHeight: u,
-        clientHeight: a,
-        scrollHeight: c
-      });
-    };
-    i();
-    const s = () => {
-      i();
-    };
-    e.addEventListener("scroll", s, { passive: !0 });
-    const l = new ResizeObserver(() => {
-      i();
-    });
-    return l.observe(e), () => {
-      e.removeEventListener("scroll", s), l.unobserve(e);
-    };
-  }, [e]), { ...d, element: e, setRef: n };
-}, w = {
-  // < 640px
-  sm: 640,
-  // >= 640px
-  md: 768,
-  // >= 768px
-  lg: 1024,
-  // >= 1024px
-  xl: 1280,
-  // >= 1280px
-  "2xl": 1536
-  // >= 1536px
-}, z = (e) => {
-  let o = "xs";
-  return e >= w["2xl"] ? o = "2xl" : e >= w.xl ? o = "xl" : e >= w.lg ? o = "lg" : e >= w.md ? o = "md" : e >= w.sm ? o = "sm" : o = "xs", {
-    current: o,
-    xs: e < w.sm,
-    sm: e >= w.sm && e < w.md,
-    md: e >= w.md && e < w.lg,
-    lg: e >= w.lg && e < w.xl,
-    xl: e >= w.xl && e < w["2xl"],
-    "2xl": e >= w["2xl"]
-  };
-}, A = (e) => {
-  const { delay: o = 100, container: d } = e || {}, [t, n] = h({ width: 0, height: 0 }), [i, s] = h({
-    current: "xs",
-    xs: !0,
-    sm: !1,
-    md: !1,
-    lg: !1,
-    xl: !1,
-    "2xl": !1
-  }), [l, r] = h({ width: 0, height: 0 }), [c, a] = h(null), u = y(null), m = p((g) => {
-    a(g);
-  }, []);
-  return V(
-    () => {
-      r(t);
-    },
-    { delay: o },
-    [t]
-  ), f(() => {
-    const g = () => {
-      const b = d ?? c ?? document.body;
-      if (!b)
-        return;
-      const { offsetWidth: L, offsetHeight: x } = b;
-      n((E) => E.width !== L || E.height !== x ? { width: L, height: x } : E), s((E) => {
-        const T = z(L);
-        return E.current !== T.current ? T : E;
-      });
-    }, v = () => {
-      const b = d ?? c ?? document.body;
-      b && (g(), u.current && u.current.disconnect(), u.current = new ResizeObserver(() => {
-        requestAnimationFrame(() => {
-          g();
-        });
-      }), u.current.observe(b));
-    }, S = () => {
-      u.current && (u.current.disconnect(), u.current = null);
-    };
-    return v(), () => {
-      S();
-    };
-  }, [d, c]), {
-    size: l,
-    breakpoint: i,
-    ref: m
-  };
-}, O = (e, o = {}) => {
-  const { retryCount: d = 0, retryDelay: t = 1e3 } = o, [n, i] = h(!0), [s, l] = h(null), [r, c] = h(!1), [a, u] = h(0), m = p(() => {
-    if (!e) {
-      i(!1), c(!1);
-      return;
-    }
-    i(!0), l(null);
-    const v = new Image();
-    v.src = e, v.onload = () => {
-      i(!1), c(!0), l(null), u(0);
-    }, v.onerror = (S) => {
-      i(!1), c(!1), l(S), a < d && setTimeout(() => {
-        u((b) => b + 1);
-      }, t);
-    };
-  }, [e, a, d, t]);
-  f(() => {
-    m();
-  }, [m]);
-  const g = p(() => {
-    u(0), m();
-  }, [m]);
-  return {
-    loading: n,
-    error: s,
-    loaded: r,
-    retry: g
-  };
-}, M = (e, o) => {
-  const d = y(o), [t, n] = h(() => {
-    if (typeof window > "u")
-      return o;
-    try {
-      const s = window.localStorage.getItem(e);
-      return s ? JSON.parse(s) : o;
-    } catch {
-      return o;
-    }
-  });
-  f(() => {
-    if (!(typeof window > "u"))
-      try {
-        const s = window.localStorage.getItem(e);
-        s ? n(JSON.parse(s)) : window.localStorage.setItem(e, JSON.stringify(d.current));
-      } catch (s) {
-        console.error(`Error reading localStorage key "${e}":`, s);
-      }
-  }, [e]);
-  const i = p(
-    (s) => {
-      try {
-        n((l) => {
-          const r = s instanceof Function ? s(l) : s;
-          return localStorage.setItem(e, JSON.stringify(r)), r;
-        });
-      } catch (l) {
-        console.error(`Error setting localStorage key "${e}":`, l);
-      }
-    },
-    [e]
-  );
-  return [t, i];
-}, Y = (e, o) => {
-  const d = y(e);
-  f(() => {
-    d.current = e;
-  }, [e]), f(() => {
-    let t;
-    function n() {
-      const i = d.current();
-      i instanceof Promise ? i.then(() => {
-        o && (t = setTimeout(n, o));
-      }) : o && (t = setTimeout(n, o));
-    }
-    if (o)
-      return t = setTimeout(n, o), () => t && clearTimeout(t);
-  }, [o]);
-}, C = (e) => {
-  const o = y([]), d = p(
-    (n) => {
-      if (o.current[n] && (o.current[n].scrollIntoView({
-        behavior: "smooth",
-        block: "start",
-        inline: "start",
-        ...e
-      }), e?.offset)) {
-        const i = o.current[n].getBoundingClientRect().top + window.scrollY - e.offset;
-        window.scrollTo({
-          top: i,
-          behavior: e.behavior || "smooth"
-        });
-      }
-    },
-    [e]
-  ), t = p((n, i) => {
-    o.current[i] = n;
-  }, []);
-  return { elementRefs: o, setElementRef: t, scrollToElement: d };
-}, k = () => {
-  const [e, o] = h({
-    x: 0,
-    y: 0,
-    percent: {
-      x: 0,
-      y: 0
-    }
-  });
-  return f(() => {
-    const d = () => {
-      const s = window.scrollX || 0, l = window.scrollY || 0, r = /iPad|iPhone|iPod/.test(navigator.userAgent), c = window.visualViewport, a = r && c ? c.width : window.innerWidth, u = r && c ? c.height : window.innerHeight, m = Math.max(
-        0,
-        document.documentElement.scrollWidth - a
-      ), g = Math.max(
-        0,
-        document.documentElement.scrollHeight - u
-      ), v = m === 0 ? 0 : Math.min(100, s / m * 100), S = g === 0 ? 0 : Math.min(100, l / g * 100);
-      o({
-        x: s,
-        y: l,
-        percent: {
-          x: Math.floor(Math.max(0, v)),
-          y: Math.floor(Math.max(0, S))
-        }
-      });
-    };
-    d();
-    const t = () => {
-      d();
-    }, n = () => {
-      setTimeout(d, 100);
-    }, i = () => {
-      setTimeout(d, 50);
-    };
-    return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", n), window.addEventListener("orientationchange", n), window.visualViewport && window.visualViewport.addEventListener("resize", i), () => {
-      window.removeEventListener("scroll", t), window.removeEventListener("resize", n), window.removeEventListener("orientationchange", n), window.visualViewport && window.visualViewport.removeEventListener(
-        "resize",
-        i
-      );
-    };
-  }, []), e;
-}, B = (e = {}) => {
-  const { isInApp: o = !1, debounce: d = 100 } = e, [t, n] = h({
-    width: 0,
-    height: 0,
-    offsetLeft: 0,
-    offsetTop: 0,
-    pageLeft: 0,
-    pageTop: 0,
-    scale: 1
-  }), i = p(() => {
-    const l = window.innerHeight, r = window.visualViewport?.height || l, c = document.documentElement.clientHeight, a = document.body.clientHeight;
-    return window.visualViewport && Math.abs(r - l) > 100 ? r : Math.max(l, c, a);
-  }, []), s = p(() => {
-    if (window.visualViewport && !o)
-      return window.visualViewport;
-    const l = window.visualViewport?.width || window.innerWidth, r = o ? i() : window.visualViewport?.height || window.innerHeight;
-    return {
-      width: l,
-      height: r,
-      offsetLeft: window.visualViewport?.offsetLeft || 0,
-      offsetTop: window.visualViewport?.offsetTop || 0,
-      pageLeft: window.scrollX ?? window.pageXOffset ?? 0,
-      pageTop: window.scrollY ?? window.pageYOffset ?? 0,
-      scale: window.visualViewport?.scale || 1
-    };
-  }, [o, i]);
-  return f(() => {
-    let l;
-    const r = () => {
-      clearTimeout(l), l = setTimeout(() => {
-        n(s());
-      }, d);
-    }, c = () => n(s());
-    c();
-    const a = ["resize", "orientationchange"];
-    o && a.push("focus", "blur", "touchstart", "touchend"), a.forEach((m) => {
-      m === "resize" || m === "orientationchange" ? window.addEventListener(m, r) : window.addEventListener(m, c, { passive: !0 });
-    }), window.visualViewport && (window.visualViewport.addEventListener("resize", c), window.visualViewport.addEventListener("scroll", c));
-    let u;
-    if (o) {
-      let m = s().height;
-      u = setInterval(() => {
-        const g = s().height;
-        Math.abs(g - m) > 50 && (m = g, c());
-      }, 500);
-    }
-    return () => {
-      clearTimeout(l), u && clearInterval(u), a.forEach((m) => {
-        window.removeEventListener(
-          m,
-          m === "resize" || m === "orientationchange" ? r : c
-        );
-      }), window.visualViewport && (window.visualViewport.removeEventListener("resize", c), window.visualViewport.removeEventListener("scroll", c));
-    };
-  }, [s, o, d]), t;
-};
-export {
-  I as useBodyScrollLock,
-  V as useDebounce,
-  P as useElementPosition,
-  R as useElementScroll,
-  O as useImage,
-  M as useLocalStorage,
-  Y as useRecursiveTimeout,
-  A as useResponsiveSize,
-  C as useScrollToElements,
-  B as useViewport,
-  k as useWindowScroll
-};

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>