@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.62

package/dist/esm/hooks/index.js

@@ -1,20 +1,15 @@
-import { useDebounce as r } from "./use-debounce.js";
-import { useDebounceCall as s } from "./use-debounce-call.js";
-import { getSortForField as i, getSortForFields as m, nextMultiSortState as p, useSort as x } from "./use-filter.js";
-import { useIsDesktop as f, useIsMedium as l, useIsMobile as S, useMediaQuery as b } from "./use-media-query.js";
-import { useObservedWidthKey as M } from "./use-observed-width-key.js";
-import { usePrevious as n } from "./use-previous.js";
+import { useDebounceCall as r } from "./use-debounce-call.js";
+import { getSortForFields as t, nextMultiSortState as u, useSort as i } from "./use-filter.js";
+import { useIsDesktop as m, useIsMedium as p, useIsMobile as x, useMediaQuery as f } from "./use-media-query.js";
+import { usePrevious as S } from "./use-previous.js";
 export {
-  i as getSortForField,
-  m as getSortForFields,
-  p as nextMultiSortState,
-  r as useDebounce,
-  s as useDebounceCall,
-  f as useIsDesktop,
-  l as useIsMedium,
-  S as useIsMobile,
-  b as useMediaQuery,
-  M as useObservedWidthKey,
-  n as usePrevious,
-  x as useSort
+  t as getSortForFields,
+  u as nextMultiSortState,
+  r as useDebounceCall,
+  m as useIsDesktop,
+  p as useIsMedium,
+  x as useIsMobile,
+  f as useMediaQuery,
+  S as usePrevious,
+  i as useSort
 };

package/dist/esm/hooks/use-copy-to-clipboard.js

@@ -0,0 +1,29 @@
+import { useState as a, useRef as n, useEffect as s, useCallback as l } from "react";
+function p(r = 1500) {
+  const [o, t] = a(!1), e = n(null);
+  s(
+    () => () => {
+      e.current && clearTimeout(e.current);
+    },
+    []
+  );
+  const c = l(
+    async (u) => {
+      try {
+        await navigator.clipboard.writeText(u);
+      } catch (i) {
+        console.error("Failed to copy:", i);
+        return;
+      }
+      e.current && clearTimeout(e.current), t(!0), e.current = setTimeout(
+        () => t(!1),
+        r
+      );
+    },
+    [r]
+  );
+  return { isCopied: o, copy: c };
+}
+export {
+  p as useCopyToClipboard
+};

package/dist/esm/hooks/use-debounce-call.js

@@ -1,9 +1,24 @@
-import { useDebounce as o } from "./use-debounce.js";
-import "react";
-import "../components/breakpoint-provider.js";
-const n = (e) => e();
+import { useMemo as s, useEffect as r } from "react";
+const l = (e, o) => {
+  let n = null;
+  const t = () => {
+    n && (clearTimeout(n), n = null);
+  }, c = (u) => () => {
+    e(u), t();
+  };
+  return [(u) => {
+    t(), n = window.setTimeout(c(u), o);
+  }, t];
+};
+function a(e, o = 1e3) {
+  const [n, t] = s(() => l(e, o), [e, o]);
+  return r(() => function() {
+    t();
+  }, [t]), n;
+}
+const i = (e) => e();
 function b(e) {
-  return o(n, e);
+  return a(i, e);
 }
 export {
   b as useDebounceCall

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

@@ -1,38 +1,34 @@
 import { useState as u, useCallback as d } from "react";
-const c = (r) => r === "asc" ? "desc" : "asc", l = (r, t) => {
-  if (r === t?.field)
-    return t.sort;
-};
-function S(r = null) {
+const c = (r) => r === "asc" ? "desc" : "asc";
+function l(r = null) {
   const [t, o] = u(
     r
-  ), e = d(
+  ), s = d(
     (n, i = "asc") => {
       n === t?.field ? o({ field: n, sort: c(t.sort) }) : o({ field: n, sort: i });
     },
     [t]
   );
-  return [t, e];
+  return [t, s];
 }
 const x = (r, t) => {
-  const o = t?.findIndex((e) => e.field === r) ?? -1;
+  const o = t?.findIndex((s) => s.field === r) ?? -1;
   return !t || o === -1 ? { sort: void 0, priority: void 0 } : { sort: t[o].sort, priority: o + 1 };
 };
-function g(r, t, o = "asc", e = 2) {
-  const n = r.findIndex((s) => s.field === t);
+function S(r, t, o = "asc", s = 2) {
+  const n = r.findIndex((e) => e.field === t);
   if (n !== -1) {
     if (r[n].sort === o) {
-      const s = [...r];
-      return s[n] = { field: t, sort: c(r[n].sort) }, s;
+      const e = [...r];
+      return e[n] = { field: t, sort: c(r[n].sort) }, e;
     }
-    return r.filter((s) => s.field !== t);
+    return r.filter((e) => e.field !== t);
   }
   const i = [{ field: t, sort: o }, ...r];
-  return i.length > e ? i.slice(0, e) : i;
+  return i.length > s ? i.slice(0, s) : i;
 }
 export {
-  l as getSortForField,
   x as getSortForFields,
-  g as nextMultiSortState,
-  S as useSort
+  S as nextMultiSortState,
+  l as useSort
 };

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

@@ -1,5 +1,5 @@
 import { useState as u, useEffect as m } from "react";
-import { useBreakpointContext as n, BREAKPOINT_QUERIES as c } from "../components/breakpoint-provider.js";
+import { useBreakpointContext as n, BREAKPOINT_QUERIES as c } from "./breakpoint-state.js";
 function i(e, t = !0) {
   const [o, r] = u(!1);
   return m(() => {