@gearbox-protocol/permissionless-ui 1.17.9 → 1.18.0

package/dist/esm/hooks/index.js

@@ -1,51 +1,54 @@
-import { useCheckboxSelect as r } from "./use-checkbox-select.js";
-import { useControllableState as i } from "./use-controllable-state.js";
-import { useDebounce as u, useDebounceCall as a } from "./use-debounce.js";
-import { getSortForField as L, useFilterAllSelected as p, useRangeFilter as n, useSelectFilter as x, useSort as A } from "./use-filter.js";
+import { useCheckboxSelect as t } from "./use-checkbox-select.js";
+import { useControllableState as o } from "./use-controllable-state.js";
+import { useDebounce as u } from "./use-debounce.js";
+import { useDebounceCall as l } from "./use-debounce-call.js";
+import { getSortForField as L, useFilterAllSelected as x, useRangeFilter as m, useSelectFilter as n, useSort as A } from "./use-filter.js";
 import { useHF as c } from "./use-hf.js";
-import { useEditPriceManually as f, useLiquidationGraphParams as I, useLiquidationHeatmap as E } from "./use-liquidation/index.js";
+import { useEditPriceManually as I, useLiquidationGraphParams as E, useLiquidationHeatmap as d } from "./use-liquidation/index.js";
 import { useIsDesktop as _, useIsMobile as b, useIsTablet as D, useMediaQuery as F } from "./use-media-query.js";
-import { useOpenedState as P } from "./use-opened-state.js";
-import { usePrevious as h } from "./use-previous.js";
-import { CELL_BAD as q, CELL_CURRENT as v, CELL_GOOD as G, CELL_HOVERED as M, CELL_LIQUIDATION as R, CELL_OK as U, DEFAULT_AXIS_MAX as N, DEFAULT_AXIS_MIN as g, formatAxisLabel as H, formatAxisTipLabel as X, formatAxisTipPrice as k, getCellClass as y, isPointInCell as Q, useAxis as V, useFixedAssets as B, useIsAxisInRelativeUnits as K, useLiquidationGraphActivePrice as W, useLiquidationGraphCurrentActiveValue as j, usePriceInNumber as w, useWithLiquidationGraphActivePrices as z } from "./use-liquidation/utils.js";
+import { useOpenedState as T } from "./use-opened-state.js";
+import { usePoolPointsTips as O } from "./use-pool-points-tips.js";
+import { usePrevious as v } from "./use-previous.js";
+import { CELL_BAD as M, CELL_CURRENT as R, CELL_GOOD as U, CELL_HOVERED as N, CELL_LIQUIDATION as g, CELL_OK as H, DEFAULT_AXIS_MAX as X, DEFAULT_AXIS_MIN as k, formatAxisLabel as y, formatAxisTipLabel as Q, formatAxisTipPrice as V, getCellClass as B, isPointInCell as K, useAxis as W, useFixedAssets as j, useIsAxisInRelativeUnits as w, useLiquidationGraphActivePrice as z, useLiquidationGraphCurrentActiveValue as J, usePriceInNumber as Y, useWithLiquidationGraphActivePrices as Z } from "./use-liquidation/utils.js";
 export {
-  q as CELL_BAD,
-  v as CELL_CURRENT,
-  G as CELL_GOOD,
-  M as CELL_HOVERED,
-  R as CELL_LIQUIDATION,
-  U as CELL_OK,
-  N as DEFAULT_AXIS_MAX,
-  g as DEFAULT_AXIS_MIN,
-  H as formatAxisLabel,
-  X as formatAxisTipLabel,
-  k as formatAxisTipPrice,
-  y as getCellClass,
+  M as CELL_BAD,
+  R as CELL_CURRENT,
+  U as CELL_GOOD,
+  N as CELL_HOVERED,
+  g as CELL_LIQUIDATION,
+  H as CELL_OK,
+  X as DEFAULT_AXIS_MAX,
+  k as DEFAULT_AXIS_MIN,
+  y as formatAxisLabel,
+  Q as formatAxisTipLabel,
+  V as formatAxisTipPrice,
+  B as getCellClass,
   L as getSortForField,
-  Q as isPointInCell,
-  V as useAxis,
-  r as useCheckboxSelect,
-  i as useControllableState,
+  K as isPointInCell,
+  W as useAxis,
+  t as useCheckboxSelect,
+  o as useControllableState,
   u as useDebounce,
-  a as useDebounceCall,
-  f as useEditPriceManually,
-  p as useFilterAllSelected,
-  B as useFixedAssets,
+  l as useDebounceCall,
+  I as useEditPriceManually,
+  x as useFilterAllSelected,
+  j as useFixedAssets,
   c as useHF,
-  K as useIsAxisInRelativeUnits,
+  w as useIsAxisInRelativeUnits,
   _ as useIsDesktop,
   b as useIsMobile,
   D as useIsTablet,
-  W as useLiquidationGraphActivePrice,
-  j as useLiquidationGraphCurrentActiveValue,
-  I as useLiquidationGraphParams,
-  E as useLiquidationHeatmap,
+  z as useLiquidationGraphActivePrice,
+  J as useLiquidationGraphCurrentActiveValue,
+  E as useLiquidationGraphParams,
+  d as useLiquidationHeatmap,
   F as useMediaQuery,
-  P as useOpenedState,
-  h as usePrevious,
-  w as usePriceInNumber,
-  n as useRangeFilter,
-  x as useSelectFilter,
+  T as useOpenedState,
+  O as usePoolPointsTips,
+  v as usePrevious,
+  Y as usePriceInNumber,
+  m as useRangeFilter,
+  n as useSelectFilter,
   A as useSort,
-  z as useWithLiquidationGraphActivePrices
+  Z as useWithLiquidationGraphActivePrices
 };

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

@@ -0,0 +1,17 @@
+import { useRef as c, useCallback as n, useEffect as o } from "react";
+function f(r) {
+  const e = c(null), t = n(
+    (u) => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        u();
+      }, r);
+    },
+    [r]
+  );
+  return o(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), t;
+}
+export {
+  f as useDebounceCall
+};

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

@@ -1,32 +1,21 @@
-import { useMemo as s, useEffect as r, useCallback as l } from "react";
-const a = (e, t) => {
-  let n = null;
-  const o = () => {
-    n && (clearTimeout(n), n = null);
-  }, c = (u) => () => {
-    e(u), o();
+import { useMemo as c, useEffect as r } from "react";
+const i = (t, o) => {
+  let e = null;
+  const n = () => {
+    e && (clearTimeout(e), e = null);
+  }, s = (u) => () => {
+    t(u), n();
   };
   return [(u) => {
-    o(), n = window.setTimeout(c(u), t);
-  }, o];
+    n(), e = window.setTimeout(s(u), o);
+  }, n];
 };
-function i(e, t = 1e3) {
-  const [n, o] = s(() => a(e, t), [e, t]);
+function f(t, o = 1e3) {
+  const [e, n] = c(() => i(t, o), [t, o]);
   return r(() => function() {
-    o();
-  }, [o]), n;
-}
-const m = (e) => e();
-function k(e) {
-  const t = i(m, e);
-  return l(
-    (n) => {
-      t(n);
-    },
-    [t]
-  );
+    n();
+  }, [n]), e;
 }
 export {
-  i as useDebounce,
-  k as useDebounceCall
+  f as useDebounce
 };

package/dist/esm/hooks/use-pool-points-tips.js

@@ -0,0 +1,17 @@
+import { useMemo as a } from "react";
+function l(u) {
+  const { points: e, tokensList: n } = u || {};
+  return a(() => !e || !Array.isArray(e) ? [] : e.map((t) => {
+    const r = t.token && n ? n[t.token] : null, o = r?.symbol || t.token || "Unknown", m = r?.title || o, s = t.amount ? typeof t.amount == "bigint" ? (Number(t.amount) / 1e18).toFixed(4) : String(t.amount) : "0";
+    return {
+      reward: t,
+      amount: s,
+      name: t.name || o,
+      tokenTitle: m,
+      fullTip: `${s} ${o}${t.description ? ` - ${t.description}` : ""}`
+    };
+  }), [e, n]);
+}
+export {
+  l as usePoolPointsTips
+};