@boxcustodia/library 2.0.0-alpha.2 → 2.0.0-alpha.21

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

@@ -0,0 +1,23 @@
+import { useCallback as n, useSyncExternalStore as d } from "react";
+import { isBrowser as f } from "../internal/is-browser.es.js";
+function a() {
+  return f && typeof window.matchMedia == "function";
+}
+function w(e, c = {}) {
+  const { defaultValue: t = !1 } = c, i = n(
+    (r) => {
+      if (!a()) return () => {
+      };
+      const o = window.matchMedia(e);
+      return o.addEventListener("change", r), () => o.removeEventListener("change", r);
+    },
+    [e]
+  ), s = n(() => a() ? window.matchMedia(e).matches : t, [e, t]), u = n(
+    () => t,
+    [t]
+  );
+  return d(i, s, u);
+}
+export {
+  w as useMediaQuery
+};

package/dist/hooks/use-memoized-fn/use-memoized-fn.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(e){typeof e!="function"&&console.error(`useMemoizedFn expected parameter is a function, got ${typeof e}`);const n=r.useRef(e);n.current=r.useMemo(()=>e,[e]);const t=r.useRef(null);return t.current||(t.current=function(...o){return n.current.apply(this,o)}),t.current}exports.useMemoizedFn=u;

package/dist/hooks/use-memoized-fn/use-memoized-fn.es.js

@@ -0,0 +1,15 @@
+import { useRef as n, useMemo as u } from "react";
+function i(e) {
+  typeof e != "function" && console.error(
+    `useMemoizedFn expected parameter is a function, got ${typeof e}`
+  );
+  const t = n(e);
+  t.current = u(() => e, [e]);
+  const r = n(null);
+  return r.current || (r.current = function(...o) {
+    return t.current.apply(this, o);
+  }), r.current;
+}
+export {
+  i as useMemoizedFn
+};

package/dist/hooks/use-mutation/use-mutation.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("../internal/use-latest-ref.cjs.js"),k=s=>{const[u,l]=t.useState("idle"),[y,a]=t.useState(null),[L,o]=t.useState(null),d=c.useLatestRef(s.fn),R=c.useLatestRef(s.onMutate),i=c.useLatestRef(s.onSuccess),S=c.useLatestRef(s.onError),g=c.useLatestRef(s.onSettled),f=t.useCallback(async e=>{R.current?.(e),l("pending"),a(null),o(null);let n=null,r=null;try{return n=await d.current(e),a(n),l("success"),i.current?.(n,e),n}catch(E){throw r=E,o(r),l("error"),S.current?.(r,e),r}finally{g.current?.(n,r,e)}},[d,R,i,S,g]),M=t.useCallback(e=>{f(e).catch(()=>{})},[f]),h=t.useCallback(()=>{l("idle"),a(null),o(null)},[]);return{mutate:M,mutateAsync:f,reset:h,data:y,error:L,status:u,isIdle:u==="idle",isPending:u==="pending",isSuccess:u==="success",isError:u==="error"}};exports.useMutation=k;

package/dist/hooks/use-mutation/use-mutation.es.js

@@ -0,0 +1,41 @@
+import { useState as f, useCallback as d } from "react";
+import { useLatestRef as s } from "../internal/use-latest-ref.es.js";
+const x = (e) => {
+  const [n, u] = f("idle"), [h, o] = f(null), [y, l] = f(null), i = s(e.fn), S = s(e.onMutate), m = s(e.onSuccess), R = s(e.onError), g = s(e.onSettled), a = d(
+    async (t) => {
+      S.current?.(t), u("pending"), o(null), l(null);
+      let r = null, c = null;
+      try {
+        return r = await i.current(t), o(r), u("success"), m.current?.(r, t), r;
+      } catch (w) {
+        throw c = w, l(c), u("error"), R.current?.(c, t), c;
+      } finally {
+        g.current?.(r, c, t);
+      }
+    },
+    [i, S, m, R, g]
+  ), E = d(
+    (t) => {
+      a(t).catch(() => {
+      });
+    },
+    [a]
+  ), M = d(() => {
+    u("idle"), o(null), l(null);
+  }, []);
+  return {
+    mutate: E,
+    mutateAsync: a,
+    reset: M,
+    data: h,
+    error: y,
+    status: n,
+    isIdle: n === "idle",
+    isPending: n === "pending",
+    isSuccess: n === "success",
+    isError: n === "error"
+  };
+};
+export {
+  x as useMutation
+};

package/dist/hooks/use-object/use-object.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),y=require("../internal/use-latest-ref.cjs.js");function b(u,r){const[c,n]=s.useState(u),f=s.useRef(u),i=y.useLatestRef(r?.onChange),o=s.useRef(!1);s.useEffect(()=>{if(!o.current){o.current=!0;return}i.current?.(c)},[c]);const R=s.useMemo(()=>({set:e=>n(t=>({...t,...typeof e=="function"?e(t):e})),replace:e=>n(t=>typeof e=="function"?e(t):e),reset:()=>n(f.current),setKey:(e,t)=>n(a=>({...a,[e]:t}))}),[n]);return[c,R]}exports.useObject=b;

package/dist/hooks/use-object/use-object.es.js

@@ -0,0 +1,30 @@
+import { useState as p, useRef as c, useEffect as y, useMemo as a } from "react";
+import { useLatestRef as g } from "../internal/use-latest-ref.es.js";
+function S(s, f) {
+  const [o, n] = p(s), u = c(s), m = g(f?.onChange), r = c(!1);
+  y(() => {
+    if (!r.current) {
+      r.current = !0;
+      return;
+    }
+    m.current?.(o);
+  }, [o]);
+  const i = a(
+    () => ({
+      set: (e) => n((t) => ({
+        ...t,
+        ...typeof e == "function" ? e(t) : e
+      })),
+      replace: (e) => n(
+        (t) => typeof e == "function" ? e(t) : e
+      ),
+      reset: () => n(u.current),
+      setKey: (e, t) => n((R) => ({ ...R, [e]: t }))
+    }),
+    [n]
+  );
+  return [o, i];
+}
+export {
+  S as useObject
+};

package/dist/hooks/use-on-mount/use-on-mount.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function n(u){const e=t.useRef(!1);t.useEffect(()=>{if(!e.current)return e.current=!0,u()},[])}exports.useOnMount=n;

package/dist/hooks/use-on-mount/use-on-mount.es.js

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

package/dist/hooks/use-pagination/use-pagination.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@radix-ui/react-use-controllable-state");function x({totalItems:o,pageSize:n,currentPage:i,defaultCurrentPage:g,onCurrentPageChange:l,initialCurrentPage:P,onChange:h}){const[t=1,a]=f.useControllableState({prop:i,defaultProp:g??P??1,onChange:r=>{l?.(r),h?.({currentPage:r,pageSize:n})}}),e=Math.max(1,Math.ceil(o/n)),s=t>=e,c=t<=1,m=(t-1)*n+1,M=Math.min(t*n,o);return{next:()=>{s||a(Math.min(t+1,e))},prev:()=>{c||a(Math.max(t-1,1))},goTo:r=>{const u=Math.min(Math.max(1,r),e);u!==t&&a(u)},currentPage:t,maxPage:e,isFirstPage:c,isLastPage:s,range:{start:m,end:M}}}exports.usePagination=x;

package/dist/hooks/use-pagination/use-pagination.es.js

@@ -0,0 +1,38 @@
+import { useControllableState as f } from "@radix-ui/react-use-controllable-state";
+function v({
+  totalItems: o,
+  pageSize: n,
+  currentPage: i,
+  defaultCurrentPage: m,
+  onCurrentPageChange: P,
+  initialCurrentPage: g,
+  onChange: h
+}) {
+  const [t = 1, e] = f({
+    prop: i,
+    defaultProp: m ?? g ?? 1,
+    onChange: (a) => {
+      P?.(a), h?.({ currentPage: a, pageSize: n });
+    }
+  }), r = Math.max(1, Math.ceil(o / n)), s = t >= r, c = t <= 1, x = (t - 1) * n + 1, M = Math.min(t * n, o);
+  return {
+    next: () => {
+      s || e(Math.min(t + 1, r));
+    },
+    prev: () => {
+      c || e(Math.max(t - 1, 1));
+    },
+    goTo: (a) => {
+      const u = Math.min(Math.max(1, a), r);
+      u !== t && e(u);
+    },
+    currentPage: t,
+    maxPage: r,
+    isFirstPage: c,
+    isLastPage: s,
+    range: { start: x, end: M }
+  };
+}
+export {
+  v as usePagination
+};

package/dist/hooks/use-portal/use-portal.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("react-dom"),r=new Map;function a(t){const e=r.get(t);if(e)return e.count+=1,e.node;const o=document.getElementById(t);if(o)return r.set(t,{node:o,count:1,createdByHook:!1}),o;const n=document.createElement("div");return n.id=t,document.body.appendChild(n),r.set(t,{node:n,count:1,createdByHook:!0}),n}function s(t){const e=r.get(t);e&&(e.count-=1,!(e.count>0)&&(e.createdByHook&&e.node.parentNode&&e.node.parentNode.removeChild(e.node),r.delete(t)))}function d(t){const[e,o]=c.useState(null);return c.useEffect(()=>{const n=a(t);return o(n),()=>{s(t)}},[t]),{render:n=>e?u.createPortal(n,e):null}}exports.usePortal=d;

package/dist/hooks/use-portal/use-portal.es.js

@@ -0,0 +1,31 @@
+import { useState as c, useEffect as u } from "react";
+import { createPortal as a } from "react-dom";
+const r = /* @__PURE__ */ new Map();
+function s(t) {
+  const e = r.get(t);
+  if (e)
+    return e.count += 1, e.node;
+  const o = document.getElementById(t);
+  if (o)
+    return r.set(t, { node: o, count: 1, createdByHook: !1 }), o;
+  const n = document.createElement("div");
+  return n.id = t, document.body.appendChild(n), r.set(t, { node: n, count: 1, createdByHook: !0 }), n;
+}
+function d(t) {
+  const e = r.get(t);
+  e && (e.count -= 1, !(e.count > 0) && (e.createdByHook && e.node.parentNode && e.node.parentNode.removeChild(e.node), r.delete(t)));
+}
+function f(t) {
+  const [e, o] = c(null);
+  return u(() => {
+    const n = s(t);
+    return o(n), () => {
+      d(t);
+    };
+  }, [t]), {
+    render: (n) => e ? a(n, e) : null
+  };
+}
+export {
+  f as usePortal
+};

package/dist/hooks/use-prevent-page-close/use-prevent-page-close.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("../internal/is-browser.cjs.js");function s(e){n.useEffect(()=>{if(!o.isBrowser||!e)return;const r=t=>{t.preventDefault(),t.returnValue=""};return window.addEventListener("beforeunload",r),()=>window.removeEventListener("beforeunload",r)},[e])}exports.usePreventPageClose=s;

package/dist/hooks/use-prevent-page-close/use-prevent-page-close.es.js

@@ -0,0 +1,14 @@
+import { useEffect as n } from "react";
+import { isBrowser as t } from "../internal/is-browser.es.js";
+function i(e) {
+  n(() => {
+    if (!t || !e) return;
+    const r = (o) => {
+      o.preventDefault(), o.returnValue = "";
+    };
+    return window.addEventListener("beforeunload", r), () => window.removeEventListener("beforeunload", r);
+  }, [e]);
+}
+export {
+  i as usePreventPageClose
+};

package/dist/hooks/use-range-pagination/use-range-pagination.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),f=require("../use-pagination/use-pagination.cjs.js"),i=(e,s)=>Array.from({length:s-e},(r,n)=>n+e),o="...",h=({siblingCount:e=1,...s})=>{const r=f.usePagination(s),{currentPage:n,maxPage:t}=r,{totalItems:E,pageSize:R}=s,D=()=>{const S=2+3*e,a=1;if(S>=t)return i(a,t+1);const g=Math.max(n-e,1),T=Math.min(n+e,t),u=g>2,l=T<t-2;if(u&&l){const c=i(g,T+1);return[a,o,...c,o,t]}if(l)return[...i(a,S+1),o,t];if(u){const c=i(t-S+1,t+1);return[a,o,...c]}},m=O.useMemo(D,[E,R,n,e]);return{...r,paginationRange:m??[]}};exports.DOTS=o;exports.useRangePagination=h;

package/dist/hooks/use-range-pagination/use-range-pagination.es.js

@@ -0,0 +1,36 @@
+import { useMemo as l } from "react";
+import { usePagination as h } from "../use-pagination/use-pagination.es.js";
+const r = (n, o) => Array.from({ length: o - n }, (S, e) => e + n), c = "...", d = ({
+  siblingCount: n = 1,
+  ...o
+}) => {
+  const S = h(o), { currentPage: e, maxPage: t } = S, { totalItems: R, pageSize: D } = o, f = l(() => {
+    const g = 2 + 3 * n, s = 1;
+    if (g >= t)
+      return r(s, t + 1);
+    const i = Math.max(e - n, 1), T = Math.min(e + n, t), m = i > 2, E = T < t - 2;
+    if (m && E) {
+      const a = r(i, T + 1);
+      return [s, c, ...a, c, t];
+    }
+    if (E)
+      return [...r(s, g + 1), c, t];
+    if (m) {
+      const a = r(t - g + 1, t + 1);
+      return [s, c, ...a];
+    }
+  }, [
+    R,
+    D,
+    e,
+    n
+  ]);
+  return {
+    ...S,
+    paginationRange: f ?? []
+  };
+};
+export {
+  c as DOTS,
+  d as useRangePagination
+};

package/dist/hooks/use-selection/use-selection.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function b(n){const[l,c]=t.useState(new Set),o=t.useCallback(e=>l.has(e),[l]),S=t.useCallback(e=>{c(a=>new Set([...a,e]))},[]),u=t.useCallback(e=>{c(a=>{const s=new Set(a);return s.delete(e),s})},[]),d=t.useCallback(e=>{c(a=>{const s=new Set(a);return s.has(e)?s.delete(e):s.add(e),s})},[]),r=t.useCallback(e=>{c(new Set(e))},[]),i=t.useCallback(()=>{c(e=>e.size===n.length?new Set:new Set(n))},[n]),w=t.useCallback(()=>c(new Set),[]);return{isAllSelected:l.size===n.length,isSomeSelected:l.size>0&&l.size<n.length,isNoneSelected:l.size===0,isSelected:o,selected:[...l],setSelected:r,select:S,unselect:u,toggle:d,toggleAll:i,clear:w}}exports.useSelection=b;

package/dist/hooks/use-selection/use-selection.es.js

@@ -0,0 +1,38 @@
+import { useState as i, useCallback as s } from "react";
+function z(c) {
+  const [t, l] = i(/* @__PURE__ */ new Set()), S = s((e) => t.has(e), [t]), d = s((e) => {
+    l((o) => /* @__PURE__ */ new Set([...o, e]));
+  }, []), r = s((e) => {
+    l((o) => {
+      const n = new Set(o);
+      return n.delete(e), n;
+    });
+  }, []), w = s((e) => {
+    l((o) => {
+      const n = new Set(o);
+      return n.has(e) ? n.delete(e) : n.add(e), n;
+    });
+  }, []), u = s((e) => {
+    l(new Set(e));
+  }, []), a = s(() => {
+    l(
+      (e) => e.size === c.length ? /* @__PURE__ */ new Set() : new Set(c)
+    );
+  }, [c]), g = s(() => l(/* @__PURE__ */ new Set()), []);
+  return {
+    isAllSelected: t.size === c.length,
+    isSomeSelected: t.size > 0 && t.size < c.length,
+    isNoneSelected: t.size === 0,
+    isSelected: S,
+    selected: [...t],
+    setSelected: u,
+    select: d,
+    unselect: r,
+    toggle: w,
+    toggleAll: a,
+    clear: g
+  };
+}
+export {
+  z as useSelection
+};

package/dist/hooks/use-step/use-step.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),u=(s,o,t)=>Math.min(Math.max(s,o),t);function p(s){const[o,t]=n.useState(0),e=Math.max(s-1,0),c=u(o,0,e),i=n.useCallback(()=>t(a=>Math.min(a+1,e)),[e]),x=n.useCallback(()=>t(a=>Math.max(a-1,0)),[]),b=n.useCallback(a=>t(u(a,0,e)),[e]),m=n.useCallback(()=>t(0),[]),r=c<=0,l=c>=e;return[c,{next:i,back:x,goTo:b,reset:m,canGoNext:!l,canGoBack:!r,isFirstStep:r,isLastStep:l,progress:s<=1?0:c/(s-1)}]}exports.useStep=p;

package/dist/hooks/use-step/use-step.es.js

@@ -0,0 +1,28 @@
+import { useState as d, useCallback as o } from "react";
+const i = (n, c, t) => Math.min(Math.max(n, c), t);
+function u(n) {
+  const [c, t] = d(0), s = Math.max(n - 1, 0), a = i(c, 0, s), m = o(
+    () => t((e) => Math.min(e + 1, s)),
+    [s]
+  ), p = o(() => t((e) => Math.max(e - 1, 0)), []), h = o(
+    (e) => t(i(e, 0, s)),
+    [s]
+  ), M = o(() => t(0), []), r = a <= 0, x = a >= s;
+  return [
+    a,
+    {
+      next: m,
+      back: p,
+      goTo: h,
+      reset: M,
+      canGoNext: !x,
+      canGoBack: !r,
+      isFirstStep: r,
+      isLastStep: x,
+      progress: n <= 1 ? 0 : a / (n - 1)
+    }
+  ];
+}
+export {
+  u as useStep
+};