@gearbox-protocol/ui-kit 3.13.1 → 3.14.0-next.10

package/dist/esm/components/trading-view/trading-view.js

@@ -1,5 +1,5 @@
 import { jsxs as S, jsx as l } from "react/jsx-runtime";
-import { useMemo as y, useCallback as ne, useRef as M } from "react";
+import { useMemo as y, useCallback as ne, useRef as E } from "react";
 import { toast as ie } from "sonner";
 import { useIsMobile as le } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
@@ -8,7 +8,7 @@ import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { RangeButtons as ce } from "../buttons/range-buttons/range-buttons.js";
-import { DEFAULT_SERIES_COLORS as E, getSeriesColorPalette as ue } from "../graph/graph.js";
+import { DEFAULT_SERIES_COLORS as k, getSeriesColorPalette as ue } from "../graph/graph.js";
 import { GraphViewWithData as me } from "../graph/graph-view.js";
 import { GraphDropdown as fe } from "./graph-dropdown.js";
 const de = ({ size: e = 16 }) => /* @__PURE__ */ S(
@@ -45,17 +45,17 @@ const de = ({ size: e = 16 }) => /* @__PURE__ */ S(
       /* @__PURE__ */ l("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" })
     ]
   }
-), F = "ui-kit:tradingview-series-colors:";
-function k(e) {
+), V = "ui-kit:tradingview-series-colors:";
+function j(e) {
   if (typeof window > "u" || !window.localStorage)
     return /* @__PURE__ */ new Map();
   try {
-    const t = window.localStorage.getItem(F + e);
+    const t = window.localStorage.getItem(V + e);
     if (!t) return /* @__PURE__ */ new Map();
     const c = JSON.parse(t);
     return c == null || typeof c != "object" ? /* @__PURE__ */ new Map() : new Map(
       Object.entries(c).filter(
-        ([, o]) => typeof o == "number" && o >= 0 && o < E.length
+        ([, o]) => typeof o == "number" && o >= 0 && o < k.length
       )
     );
   } catch {
@@ -66,17 +66,17 @@ function we(e, t) {
   if (!(typeof window > "u" || !window.localStorage))
     try {
       window.localStorage.setItem(
-        F + e,
+        V + e,
         JSON.stringify(Object.fromEntries(t))
       );
     } catch {
     }
 }
-function z(e, t) {
+function F(e, t) {
   if (t.size === 0) return;
-  const c = k(e);
-  for (const [o, p] of t)
-    c.set(o, p);
+  const c = j(e);
+  for (const [o, v] of t)
+    c.set(o, v);
   we(e, c);
 }
 function Re({
@@ -84,18 +84,18 @@ function Re({
   yMeasureUnit: t,
   height: c = 306,
   defaultGraph: o,
-  onGraphSelected: p,
+  onGraphSelected: v,
   graphs: d,
-  isMultipleSelect: V,
-  range: B,
-  rangeList: j,
-  setRange: T,
+  isMultipleSelect: B,
+  range: T,
+  rangeList: N,
+  setRange: D,
   onGraphExpanded: A,
-  isGraphExpanded: D,
-  onUnselectSeries: W,
-  graphsWithNoData: H,
-  loadingGraphs: J,
-  noDataMessage: N = "No data available for this graph",
+  isGraphExpanded: W,
+  onUnselectSeries: H,
+  graphsWithNoData: J,
+  loadingGraphs: I,
+  noDataMessage: R = "No data available for this graph",
   currentValueDecimals: $,
   containerClassName: X,
   useSharedPriceScale: q,
@@ -105,51 +105,51 @@ function Re({
   seriesColorPersistenceKey: u,
   ...U
 }) {
-  const v = y(() => Array.isArray(e) ? e : e ? [e] : [], [e]), R = y(() => Array.isArray(e) && e.length > 1, [e]), L = le(), K = ne(
+  const b = y(() => Array.isArray(e) ? e : e ? [e] : [], [e]), L = y(() => Array.isArray(e) && e.length > 1, [e]), O = le(), K = ne(
     (w, g) => {
-      ie.error(N);
+      ie.error(R);
     },
-    [N]
+    [R]
   ), P = y(() => {
     if (t)
       return Array.isArray(t) ? t[0] : t;
-  }, [t]), G = (!L && A || j.length > 0 || p && d && o) && /* @__PURE__ */ S("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
-    /* @__PURE__ */ l("div", { children: p && d && o && /* @__PURE__ */ l(
+  }, [t]), G = (!O && A || N.length > 0 || v && d && o) && /* @__PURE__ */ S("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
+    /* @__PURE__ */ l("div", { children: v && d && o && /* @__PURE__ */ l(
       fe,
       {
-        onSelected: p,
+        onSelected: v,
         items: d,
         defaultItem: o,
-        multiple: V,
-        graphsWithNoData: H,
-        loadingGraphs: J,
+        multiple: B,
+        graphsWithNoData: J,
+        loadingGraphs: I,
         onNoDataSelected: K
       }
     ) }),
     /* @__PURE__ */ S("div", { className: "flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1", children: [
-      /* @__PURE__ */ l(ce, { range: B, rangeList: j, setRange: T }),
-      !L && A && /* @__PURE__ */ l(
+      /* @__PURE__ */ l(ce, { range: T, rangeList: N, setRange: D }),
+      !O && A && /* @__PURE__ */ l(
         "button",
         {
           type: "button",
           className: "px-2.5 py-1.5 flex min-w-[44px] min-h-[26px] justify-center items-center text-xs leading-[14px] font-medium text-center rounded-md border cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-muted border-muted text-muted-foreground hover:border-secondary ml-1.5",
           onClick: A,
-          children: D ? /* @__PURE__ */ l(ae, { size: 16 }) : /* @__PURE__ */ l(de, { size: 16 })
+          children: W ? /* @__PURE__ */ l(ae, { size: 16 }) : /* @__PURE__ */ l(de, { size: 16 })
         }
       )
     ] })
-  ] }), i = M(/* @__PURE__ */ new Map()), a = M(0), O = M(!1);
-  if (d && d.length > 0 && !O.current) {
-    O.current = !0;
-    const w = u ? k(u) : /* @__PURE__ */ new Map(), g = String(d[0].value);
+  ] }), i = E(/* @__PURE__ */ new Map()), a = E(0), _ = E(!1);
+  if (d && d.length > 0 && !_.current) {
+    _.current = !0;
+    const w = u ? j(u) : /* @__PURE__ */ new Map(), g = String(d[0].value);
     i.current.set(g, 0), a.current = 1;
     for (let r = 1; r < d.length; r++) {
       const m = String(d[r].value);
       if (i.current.has(m)) continue;
-      const b = w.get(m) ?? r;
-      i.current.set(m, b), a.current = Math.max(a.current, b + 1);
+      const p = w.get(m) ?? r;
+      i.current.set(m, p), a.current = Math.max(a.current, p + 1);
     }
-    u && z(
+    u && F(
       u,
       i.current
     );
@@ -157,42 +157,42 @@ function Re({
   const ee = y(() => {
     const w = Array.isArray(t) ? t : void 0;
     if (u) {
-      const r = k(u);
+      const r = j(u);
       for (const [m, x] of r)
         i.current.has(m) || (i.current.set(m, x), a.current = Math.max(
           a.current,
           x + 1
         ));
     }
-    const g = v.map((r, m) => {
-      const x = r?.title || `Series ${m + 1}`, b = o != null ? Array.isArray(o) ? o[0]?.value ?? o[0] : typeof o == "object" && "value" in o ? o.value : o : null, I = v.length === 1 ? b != null ? String(b) : "single" : r?.id || x;
-      if (!i.current.has(I)) {
+    const g = b.map((r, m) => {
+      const x = r?.title || `Series ${m + 1}`, p = o != null ? Array.isArray(o) ? o[0]?.value ?? o[0] : typeof o == "object" && "value" in o ? o.value : o : null, C = b.length === 1 ? p != null ? String(p) : "single" : r?.id || x;
+      if (!i.current.has(C)) {
         const n = new Set(
           Array.from(i.current.values())
         );
         let s = a.current;
-        for (let f = 0; f < E.length; f++) {
-          const h = (a.current + f) % E.length;
+        for (let f = 0; f < k.length; f++) {
+          const h = (a.current + f) % k.length;
           if (!n.has(h)) {
             s = h;
             break;
           }
         }
-        i.current.set(I, s), a.current = s + 1;
+        i.current.set(C, s), a.current = s + 1;
       }
-      const oe = i.current.get(I) ?? 0, C = ue(oe), re = [...r?.data || []].sort((n, s) => {
+      const oe = i.current.get(C) ?? 0, M = ue(oe), re = [...r?.data || []].sort((n, s) => {
         const f = typeof n.time == "number" ? n.time : Number(n.time), h = typeof s.time == "number" ? s.time : Number(s.time);
         return f - h;
       }).reduce((n, s) => {
         const f = s.time;
         return n.length === 0 || n[n.length - 1].time !== f ? n.push({ time: f, value: s.value }) : n[n.length - 1] = { time: f, value: s.value }, n;
-      }, []), _ = r?.lineColor ?? r?.color ?? void 0;
+      }, []), z = r?.lineColor ?? r?.color ?? void 0;
       return {
         data: re,
         label: x,
         yMeasureUnit: w?.[m] ?? (Array.isArray(t) ? void 0 : t),
-        ..._ != null ? {
-          lineColor: _,
+        ...z != null ? {
+          lineColor: z,
           ...r?.topColor != null && {
             topColor: r.topColor
           },
@@ -200,17 +200,17 @@ function Re({
             bottomColor: r.bottomColor
           }
         } : {
-          color: C.line,
-          topColor: C.top,
-          bottomColor: C.bottom
+          color: M.line,
+          topColor: M.top,
+          bottomColor: M.bottom
         }
       };
     });
-    return u && i.current.size > 0 && z(
+    return u && i.current.size > 0 && F(
       u,
       i.current
     ), g;
-  }, [v, o, t, u]), te = R && v.length > 0 ? v.some((w) => !w) : !e;
+  }, [b, o, t, u]), te = I !== void 0 ? I.size > 0 : L && b.length > 0 ? b.some((w) => !w) : !e;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -227,8 +227,8 @@ function Re({
           toolbar: G,
           size: c ? "full" : "default",
           containerClassName: se("h-full", X),
-          showLegend: R,
-          onUnselectSeries: W,
+          showLegend: L,
+          onUnselectSeries: H,
           yMeasureUnit: P,
           currentValueDecimals: $,
           useSharedPriceScale: q,

package/dist/esm/locale/en.json.js

@@ -20,8 +20,10 @@ const e = {
   "components.loading.loadingPercent": "Loading {percent}%",
   "components.loading.wait": "Please wait...",
   "components.smartNumberInput.balance": "Balance",
+  "components.smartNumberInput.amountLabel": "Amount",
   "components.smartNumberInput.inputTitle": "Token Amount",
   "components.smartNumberInput.confirm.input": "Input",
+  "components.smartNumberInput.selectToken": "Select token",
   "components.tipWindow.title": "Tip",
   "components.healthFactor.low": "Extremely low! This HF may not cover possible oracle deviations.",
   "components.headCell": "Sort by {value}",