meticulous-ui 3.2.8 → 3.2.9

package/hooks/index.js

@@ -0,0 +1,46 @@
+import o from "./usePrevious.js";
+import r from "./useDebounce.js";
+import e from "./useThrottle.js";
+import m from "./useIsMounted.js";
+import t from "./useEventListener.js";
+import i from "./useIntersectionObserver.js";
+import s from "./useMediaQuery.js";
+import u from "./useLocalStorage.js";
+import p from "./useSessionStorage.js";
+import f from "./useOutsideClick.js";
+import n from "./useWindowSize.js";
+import a from "./useOnlineStatus.js";
+import d from "./useCopyToClipboard.js";
+import l from "./useToggle.js";
+import c from "./useTimeout.js";
+import S from "./useInterval.js";
+import g from "./useUnmount.js";
+import v from "./useFirstRender.js";
+const R = {
+  // state
+  usePrevious: o,
+  useDebounce: r,
+  useThrottle: e,
+  useToggle: l,
+  // lifecycle
+  useIsMounted: m,
+  useUnmount: g,
+  useFirstRender: v,
+  useTimeout: c,
+  useInterval: S,
+  // dom / browser
+  useEventListener: t,
+  useIntersectionObserver: i,
+  useMediaQuery: s,
+  useOutsideClick: f,
+  useWindowSize: n,
+  useOnlineStatus: a,
+  // storage
+  useLocalStorage: u,
+  useSessionStorage: p,
+  // utility
+  useCopyToClipboard: d
+};
+export {
+  R as default
+};

package/hooks/useCopyToClipboard.js

@@ -0,0 +1,14 @@
+import { useState as a } from "react";
+const c = () => {
+  const [e, t] = a(!1);
+  return [e, async (o) => {
+    try {
+      await navigator.clipboard.writeText(o), t(!0), setTimeout(() => t(!1), 2e3);
+    } catch {
+      t(!1);
+    }
+  }];
+};
+export {
+  c as default
+};

package/hooks/useDebounce.js

@@ -0,0 +1,11 @@
+import { useState as c, useEffect as n } from "react";
+const d = (e, t) => {
+  const [o, s] = c(e);
+  return n(() => {
+    const u = setTimeout(() => s(e), t);
+    return () => clearTimeout(u);
+  }, [e, t]), o;
+};
+export {
+  d as default
+};

package/hooks/useEventListener.js

@@ -0,0 +1,15 @@
+import { useRef as o, useEffect as c } from "react";
+const f = (r, s, e = window) => {
+  const t = o(s);
+  c(() => {
+    t.current = s;
+  }, [s]), c(() => {
+    const n = e && "current" in e ? e.current : e;
+    if (!(n != null && n.addEventListener)) return;
+    const u = (i) => t.current(i);
+    return n.addEventListener(r, u), () => n.removeEventListener(r, u);
+  }, [r, e]);
+};
+export {
+  f as default
+};

package/hooks/useFirstRender.js

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

package/hooks/useIntersectionObserver.js

@@ -0,0 +1,13 @@
+import { useState as u, useEffect as l } from "react";
+const b = (r, e = {}) => {
+  const [s, o] = u(null);
+  return l(() => {
+    const t = r.current;
+    if (!t) return;
+    const n = new IntersectionObserver(([c]) => o(c), e);
+    return n.observe(t), () => n.disconnect();
+  }, [r, e.threshold, e.root, e.rootMargin]), s;
+};
+export {
+  b as default
+};

package/hooks/useInterval.js

@@ -0,0 +1,14 @@
+import { useRef as u, useEffect as n } from "react";
+const o = (e, r) => {
+  const t = u(e);
+  n(() => {
+    t.current = e;
+  }, [e]), n(() => {
+    if (r === null) return;
+    const s = setInterval(() => t.current(), r);
+    return () => clearInterval(s);
+  }, [r]);
+};
+export {
+  o as default
+};

package/hooks/useIsMounted.js

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

package/hooks/useLocalStorage.js

@@ -0,0 +1,28 @@
+import { useState as n } from "react";
+const g = (e, o) => {
+  const [r, c] = n(() => {
+    try {
+      const t = localStorage.getItem(e);
+      return t !== null ? JSON.parse(t) : o;
+    } catch {
+      return o;
+    }
+  });
+  return [r, (t) => {
+    const s = typeof t == "function" ? t(r) : t;
+    c(s);
+    try {
+      localStorage.setItem(e, JSON.stringify(s));
+    } catch {
+    }
+  }, () => {
+    c(o);
+    try {
+      localStorage.removeItem(e);
+    } catch {
+    }
+  }];
+};
+export {
+  g as default
+};

package/hooks/useMediaQuery.js

@@ -0,0 +1,11 @@
+import { useState as o, useEffect as r } from "react";
+const h = (e) => {
+  const [n, s] = o(() => window.matchMedia(e).matches);
+  return r(() => {
+    const t = window.matchMedia(e), a = (c) => s(c.matches);
+    return t.addEventListener("change", a), () => t.removeEventListener("change", a);
+  }, [e]), n;
+};
+export {
+  h as default
+};

package/hooks/useOnlineStatus.js

@@ -0,0 +1,13 @@
+import { useState as o, useEffect as s } from "react";
+const f = () => {
+  const [i, e] = o(navigator.onLine);
+  return s(() => {
+    const n = () => e(!0), t = () => e(!1);
+    return window.addEventListener("online", n), window.addEventListener("offline", t), () => {
+      window.removeEventListener("online", n), window.removeEventListener("offline", t);
+    };
+  }, []), i;
+};
+export {
+  f as default
+};

package/hooks/useOutsideClick.js

@@ -0,0 +1,14 @@
+import { useEffect as r } from "react";
+const u = (e, n) => {
+  r(() => {
+    const t = (o) => {
+      e.current && !e.current.contains(o.target) && n(o);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    };
+  }, [e, n]);
+};
+export {
+  u as default
+};

package/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as u } from "react";
+const n = (r) => {
+  const e = t(void 0);
+  return u(() => {
+    e.current = r;
+  }), e.current;
+};
+export {
+  n as default
+};

package/hooks/useSessionStorage.js

@@ -0,0 +1,28 @@
+import { useState as c } from "react";
+const g = (e, s) => {
+  const [o, r] = c(() => {
+    try {
+      const t = sessionStorage.getItem(e);
+      return t !== null ? JSON.parse(t) : s;
+    } catch {
+      return s;
+    }
+  });
+  return [o, (t) => {
+    const n = typeof t == "function" ? t(o) : t;
+    r(n);
+    try {
+      sessionStorage.setItem(e, JSON.stringify(n));
+    } catch {
+    }
+  }, () => {
+    r(s);
+    try {
+      sessionStorage.removeItem(e);
+    } catch {
+    }
+  }];
+};
+export {
+  g as default
+};

package/hooks/useThrottle.js

@@ -0,0 +1,16 @@
+import { useState as c, useRef as u, useEffect as i } from "react";
+const f = (t, e) => {
+  const [r, n] = c(t), o = u(Date.now());
+  return i(() => {
+    const s = e - (Date.now() - o.current), a = setTimeout(
+      () => {
+        n(t), o.current = Date.now();
+      },
+      Math.max(0, s)
+    );
+    return () => clearTimeout(a);
+  }, [t, e]), r;
+};
+export {
+  f as default
+};

package/hooks/useTimeout.js

@@ -0,0 +1,14 @@
+import { useRef as s, useEffect as u } from "react";
+const f = (e, t) => {
+  const r = s(e);
+  u(() => {
+    r.current = e;
+  }, [e]), u(() => {
+    if (t === null) return;
+    const o = setTimeout(() => r.current(), t);
+    return () => clearTimeout(o);
+  }, [t]);
+};
+export {
+  f as default
+};

package/hooks/useToggle.js

@@ -0,0 +1,10 @@
+import { useState as u, useCallback as r } from "react";
+const f = (o = !1) => {
+  const [t, a] = u(o), l = r((e) => {
+    a((s) => typeof e == "boolean" ? e : !s);
+  }, []);
+  return [t, l];
+};
+export {
+  f as default
+};

package/hooks/useUnmount.js

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

package/hooks/useWindowSize.js

@@ -0,0 +1,14 @@
+import { useState as t, useEffect as r } from "react";
+const w = () => {
+  const [i, n] = t({
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return r(() => {
+    const e = () => n({ width: window.innerWidth, height: window.innerHeight });
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []), i;
+};
+export {
+  w as default
+};

package/index.js

@@ -23,7 +23,7 @@ import { default as M } from "./components/Input/FileUploader/FileUploader.js";
 import { default as Q } from "./colors/index.js";
 import { default as X } from "./utils/index.js";
 import { default as Z } from "./hooks/index.js";
-import { default as $ } from "./react-utils/index.js";
+import { default as $ } from "./reactUtils/index.js";
 import { default as eo } from "./components/Icons/index.js";
 export {
   I as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "3.2.8",
+  "version": "3.2.9",
   "license": "ISC",
   "description": "A comprehensive React UI component library with a wide range of customizable components, icons, colors, and utilities for building modern web applications.",
   "main": "./index.js",
@@ -18,6 +18,8 @@
     "colors",
     "components",
     "utils",
+    "hooks",
+    "reactUtils",
     "package.json",
     "README.md"
   ],

package/reactUtils/composeProviders.js

@@ -0,0 +1,5 @@
+import { jsx as t } from "react/jsx-runtime";
+const d = (...e) => ({ children: o }) => e.reduceRight((r, s) => /* @__PURE__ */ t(s, { children: r }), o);
+export {
+  d as default
+};

package/reactUtils/createContextHook.js

@@ -0,0 +1,12 @@
+import { createContext as n, useContext as s } from "react";
+const i = (o) => {
+  const e = n(o), r = () => {
+    const t = s(e);
+    if (t === void 0) throw new Error("useContext must be used inside its Provider");
+    return t;
+  };
+  return [e.Provider, r];
+};
+export {
+  i as default
+};

package/reactUtils/createPortalNode.js

@@ -0,0 +1,7 @@
+const d = (t = "div") => {
+  const e = document.createElement(t);
+  return document.body.appendChild(e), e;
+};
+export {
+  d as default
+};

package/reactUtils/index.js

@@ -0,0 +1,19 @@
+import o from "./createContextHook.js";
+import r from "./composeProviders.js";
+import m from "./lazyImport.js";
+import t from "./withErrorBoundary.js";
+import e from "./withSuspense.js";
+import p from "./memoCompare.js";
+import i from "./createPortalNode.js";
+const u = {
+  createContextHook: o,
+  composeProviders: r,
+  lazyImport: m,
+  withErrorBoundary: t,
+  withSuspense: e,
+  memoCompare: p,
+  createPortalNode: i
+};
+export {
+  u as default
+};

package/reactUtils/lazyImport.js

@@ -0,0 +1,7 @@
+import { lazy as l } from "react";
+const e = (o, t) => ({
+  [t]: l(() => o().then((a) => ({ default: a[t] })))
+});
+export {
+  e as default
+};

package/reactUtils/memoCompare.js

@@ -0,0 +1,5 @@
+import { memo as e } from "react";
+const t = (m, o) => e(m, o);
+export {
+  t as default
+};

package/reactUtils/withErrorBoundary.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Component as a } from "react";
+class n extends a {
+  constructor(r) {
+    super(r), this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, error: r };
+  }
+  render() {
+    if (this.state.hasError) {
+      const r = this.props.fallback;
+      return /* @__PURE__ */ o(r, { error: this.state.error });
+    }
+    return this.props.children;
+  }
+}
+const h = (t, r) => {
+  const s = (e) => /* @__PURE__ */ o(n, { fallback: r, children: /* @__PURE__ */ o(t, { ...e }) });
+  return s.displayName = `withErrorBoundary(${t.displayName ?? t.name ?? "Component"})`, s;
+};
+export {
+  h as default
+};

package/reactUtils/withSuspense.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Suspense as u } from "react";
+const r = (s, i = null) => {
+  const e = (n) => /* @__PURE__ */ t(u, { fallback: i, children: /* @__PURE__ */ t(s, { ...n }) });
+  return e.displayName = `withSuspense(${s.displayName ?? s.name ?? "Component"})`, e;
+};
+export {
+  r as default
+};