@gearbox-protocol/ui-kit 3.14.0-next.34 → 3.14.0-next.36

package/dist/esm/components/markdown-viewer/markdown-viewer.js

@@ -60,6 +60,7 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../composites/credit-account-history/credit-account-history.js";
 import "../table/grid-table.js";
 import "../token-symbol/token-symbol.js";
 import "../typography/typography.js";
@@ -184,7 +185,7 @@ function a(o) {
   }
   return { id: T(l), displayText: o };
 }
-function zr({
+function Er({
   content: o,
   title: l,
   backButton: s,
@@ -396,5 +397,5 @@ function zr({
   return c ? d : /* @__PURE__ */ r(w, { title: l || "", backButton: s, children: d });
 }
 export {
-  zr as MarkdownViewer
+  Er as MarkdownViewer
 };

package/dist/esm/components/time-to-liquidation/time-to-liquidation.js

@@ -48,6 +48,7 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../composites/credit-account-history/credit-account-history.js";
 import "../table/grid-table.js";
 import "../token-symbol/token-symbol.js";
 import "../typography/typography.js";

package/dist/esm/components/tokens-list-cell/tokens-list-cell.js

@@ -47,6 +47,7 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../composites/credit-account-history/credit-account-history.js";
 import "../table/grid-table.js";
 import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
 import "../typography/typography.js";
@@ -163,7 +164,7 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../toggle/toggle.js";
 import "../with-filter-button/with-filter-button.js";
-function Br({
+function Dr({
   balances: a,
   tokensList: l,
   maxAssets: p = 3,
@@ -226,5 +227,5 @@ function Br({
   ] });
 }
 export {
-  Br as TokensListCell
+  Dr as TokensListCell
 };

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

@@ -1,17 +1,17 @@
-import { jsxs as S, jsx as l } from "react/jsx-runtime";
-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 { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { useMemo as g, useCallback as ce, useRef as N } from "react";
+import { toast as ue } from "sonner";
+import { useIsMobile as me } from "../../hooks/use-media-query.js";
 import "@gearbox-protocol/sdk";
-import { cn as se } from "../../utils/cn.js";
+import { cn as de } from "../../utils/cn.js";
 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 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(
+import { RangeButtons as fe } from "../buttons/range-buttons/range-buttons.js";
+import { DEFAULT_SERIES_COLORS as j, getSeriesColorPalette as ae, GraphLegend as we } from "../graph/graph.js";
+import { GraphViewWithData as xe } from "../graph/graph-view.js";
+import { GraphDropdown as ve } from "./graph-dropdown.js";
+const pe = ({ size: e = 16 }) => /* @__PURE__ */ h(
   "svg",
   {
     width: e,
@@ -24,11 +24,11 @@ const de = ({ size: e = 16 }) => /* @__PURE__ */ S(
     strokeLinejoin: "round",
     "aria-label": "Expand fullscreen",
     children: [
-      /* @__PURE__ */ l("title", { children: "Expand fullscreen" }),
-      /* @__PURE__ */ l("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
+      /* @__PURE__ */ i("title", { children: "Expand fullscreen" }),
+      /* @__PURE__ */ i("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
     ]
   }
-), ae = ({ size: e = 16 }) => /* @__PURE__ */ S(
+), be = ({ size: e = 16 }) => /* @__PURE__ */ h(
   "svg",
   {
     width: e,
@@ -41,177 +41,194 @@ const de = ({ size: e = 16 }) => /* @__PURE__ */ S(
     strokeLinejoin: "round",
     "aria-label": "Exit fullscreen",
     children: [
-      /* @__PURE__ */ l("title", { children: "Exit fullscreen" }),
-      /* @__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" })
+      /* @__PURE__ */ i("title", { children: "Exit fullscreen" }),
+      /* @__PURE__ */ i("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" })
     ]
   }
-), V = "ui-kit:tradingview-series-colors:";
-function j(e) {
+), $ = "ui-kit:tradingview-series-colors:";
+function L(e) {
   if (typeof window > "u" || !window.localStorage)
     return /* @__PURE__ */ new Map();
   try {
-    const t = window.localStorage.getItem(V + e);
-    if (!t) return /* @__PURE__ */ new Map();
-    const c = JSON.parse(t);
+    const o = window.localStorage.getItem($ + e);
+    if (!o) return /* @__PURE__ */ new Map();
+    const c = JSON.parse(o);
     return c == null || typeof c != "object" ? /* @__PURE__ */ new Map() : new Map(
       Object.entries(c).filter(
-        ([, o]) => typeof o == "number" && o >= 0 && o < k.length
+        ([, r]) => typeof r == "number" && r >= 0 && r < j.length
       )
     );
   } catch {
     return /* @__PURE__ */ new Map();
   }
 }
-function we(e, t) {
+function ye(e, o) {
   if (!(typeof window > "u" || !window.localStorage))
     try {
       window.localStorage.setItem(
-        V + e,
-        JSON.stringify(Object.fromEntries(t))
+        $ + e,
+        JSON.stringify(Object.fromEntries(o))
       );
     } catch {
     }
 }
-function F(e, t) {
-  if (t.size === 0) return;
-  const c = j(e);
-  for (const [o, v] of t)
-    c.set(o, v);
-  we(e, c);
+function J(e, o) {
+  if (o.size === 0) return;
+  const c = L(e);
+  for (const [r, v] of o)
+    c.set(r, v);
+  ye(e, c);
 }
-function Re({
+function ze({
   data: e,
-  yMeasureUnit: t,
+  yMeasureUnit: o,
   height: c = 306,
-  defaultGraph: o,
+  defaultGraph: r,
   onGraphSelected: v,
-  graphs: d,
-  isMultipleSelect: B,
-  range: T,
-  rangeList: N,
-  setRange: D,
-  onGraphExpanded: A,
-  isGraphExpanded: W,
-  onUnselectSeries: H,
-  graphsWithNoData: J,
-  loadingGraphs: I,
-  noDataMessage: R = "No data available for this graph",
-  currentValueDecimals: $,
-  containerClassName: X,
-  useSharedPriceScale: q,
-  showCurrentValue: Q,
-  yScaleMin: Y,
-  yScaleMinMultiple: Z,
+  graphs: f,
+  isMultipleSelect: X,
+  range: q,
+  rangeList: R,
+  setRange: Q,
+  onGraphExpanded: I,
+  isGraphExpanded: Y,
+  onUnselectSeries: O,
+  graphsWithNoData: Z,
+  loadingGraphs: A,
+  isLoading: T,
+  noDataMessage: _ = "No data available for this graph",
+  currentValueDecimals: D,
+  containerClassName: U,
+  useSharedPriceScale: K,
+  showCurrentValue: P,
+  yScaleMin: G,
+  yScaleMinMultiple: ee,
   seriesColorPersistenceKey: u,
-  ...U
+  ...z
 }) {
-  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(R);
+  const p = g(() => Array.isArray(e) ? e : e ? [e] : [], [e]), C = g(() => Array.isArray(e) && e.length > 1, [e]), F = me(), te = ce(
+    (w, y) => {
+      ue.error(_);
     },
-    [R]
-  ), P = y(() => {
-    if (t)
-      return Array.isArray(t) ? t[0] : t;
-  }, [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: v,
-        items: d,
-        defaultItem: o,
-        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: 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: W ? /* @__PURE__ */ l(ae, { size: 16 }) : /* @__PURE__ */ l(de, { size: 16 })
-        }
-      )
-    ] })
-  ] }), 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 p = w.get(m) ?? r;
-      i.current.set(m, p), a.current = Math.max(a.current, p + 1);
+    [_]
+  ), oe = g(() => {
+    if (o)
+      return Array.isArray(o) ? o[0] : o;
+  }, [o]), V = !!(v && f && r), l = N(/* @__PURE__ */ new Map()), a = N(0), B = N(!1);
+  if (f && f.length > 0 && !B.current) {
+    B.current = !0;
+    const w = u ? L(u) : /* @__PURE__ */ new Map(), y = String(f[0].value);
+    l.current.set(y, 0), a.current = 1;
+    for (let t = 1; t < f.length; t++) {
+      const m = String(f[t].value);
+      if (l.current.has(m)) continue;
+      const b = w.get(m) ?? t;
+      l.current.set(m, b), a.current = Math.max(a.current, b + 1);
     }
-    u && F(
+    u && J(
       u,
-      i.current
+      l.current
     );
   }
-  const ee = y(() => {
-    const w = Array.isArray(t) ? t : void 0;
+  const W = g(() => {
+    const w = Array.isArray(o) ? o : void 0;
     if (u) {
-      const r = j(u);
-      for (const [m, x] of r)
-        i.current.has(m) || (i.current.set(m, x), a.current = Math.max(
+      const t = L(u);
+      for (const [m, x] of t)
+        l.current.has(m) || (l.current.set(m, x), a.current = Math.max(
           a.current,
           x + 1
         ));
     }
-    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 y = p.map((t, m) => {
+      const x = t?.title || `Series ${m + 1}`, b = r != null ? Array.isArray(r) ? r[0]?.value ?? r[0] : typeof r == "object" && "value" in r ? r.value : r : null, E = p.length === 1 ? b != null ? String(b) : "single" : t?.id || x;
+      if (!l.current.has(E)) {
         const n = new Set(
-          Array.from(i.current.values())
+          Array.from(l.current.values())
         );
         let s = a.current;
-        for (let f = 0; f < k.length; f++) {
-          const h = (a.current + f) % k.length;
-          if (!n.has(h)) {
-            s = h;
+        for (let d = 0; d < j.length; d++) {
+          const S = (a.current + d) % j.length;
+          if (!n.has(S)) {
+            s = S;
             break;
           }
         }
-        i.current.set(C, s), a.current = s + 1;
+        l.current.set(E, s), a.current = s + 1;
       }
-      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;
+      const le = l.current.get(E) ?? 0, k = ae(le), se = [...t?.data || []].sort((n, s) => {
+        const d = typeof n.time == "number" ? n.time : Number(n.time), S = typeof s.time == "number" ? s.time : Number(s.time);
+        return d - S;
       }).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;
-      }, []), z = r?.lineColor ?? r?.color ?? void 0;
+        const d = s.time;
+        return n.length === 0 || n[n.length - 1].time !== d ? n.push({ time: d, value: s.value }) : n[n.length - 1] = { time: d, value: s.value }, n;
+      }, []), H = t?.lineColor ?? t?.color ?? void 0;
       return {
-        data: re,
+        data: se,
         label: x,
-        yMeasureUnit: w?.[m] ?? (Array.isArray(t) ? void 0 : t),
-        ...z != null ? {
-          lineColor: z,
-          ...r?.topColor != null && {
-            topColor: r.topColor
+        yMeasureUnit: w?.[m] ?? (Array.isArray(o) ? void 0 : o),
+        ...t?.priceScaleId != null && {
+          priceScaleId: t.priceScaleId
+        },
+        ...t?.seriesType != null && {
+          seriesType: t.seriesType
+        },
+        ...t?.lineStyle != null && {
+          lineStyle: t.lineStyle
+        },
+        ...H != null ? {
+          lineColor: H,
+          ...t?.topColor != null && {
+            topColor: t.topColor
           },
-          ...r?.bottomColor != null && {
-            bottomColor: r.bottomColor
+          ...t?.bottomColor != null && {
+            bottomColor: t.bottomColor
           }
         } : {
-          color: M.line,
-          topColor: M.top,
-          bottomColor: M.bottom
+          color: k.line,
+          topColor: k.top,
+          bottomColor: k.bottom
         }
       };
     });
-    return u && i.current.size > 0 && F(
+    return u && l.current.size > 0 && J(
       u,
-      i.current
-    ), g;
-  }, [b, o, t, u]), te = I !== void 0 ? I.size > 0 : L && b.length > 0 ? b.some((w) => !w) : !e;
-  return /* @__PURE__ */ l(
+      l.current
+    ), y;
+  }, [p, r, o, u]), re = T !== void 0 ? T : A !== void 0 ? A.size > 0 : C && p.length > 0 ? p.some((w) => !w) : !e, ne = z.title, M = C && !V && !ne, ie = (!F && I || R.length > 0 || V || M) && /* @__PURE__ */ h("div", { className: "z-10 w-full flex flex-row flex-wrap sm:flex-nowrap items-center gap-2", children: [
+    /* @__PURE__ */ i("div", { className: "min-w-0", children: v && f && r ? /* @__PURE__ */ i(
+      ve,
+      {
+        onSelected: v,
+        items: f,
+        defaultItem: r,
+        multiple: X,
+        graphsWithNoData: Z,
+        loadingGraphs: A,
+        onNoDataSelected: te
+      }
+    ) : M ? /* @__PURE__ */ i(
+      we,
+      {
+        series: W,
+        onUnselect: O,
+        inline: !0
+      }
+    ) : null }),
+    /* @__PURE__ */ h("div", { className: "flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1", children: [
+      /* @__PURE__ */ i(fe, { range: q, rangeList: R, setRange: Q }),
+      !F && I && /* @__PURE__ */ i(
+        "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: I,
+          children: Y ? /* @__PURE__ */ i(be, { size: 16 }) : /* @__PURE__ */ i(pe, { size: 16 })
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -219,28 +236,28 @@ function Re({
         height: c ? `${c}px` : void 0
       },
       className: "w-full",
-      children: /* @__PURE__ */ l(
-        me,
+      children: /* @__PURE__ */ i(
+        xe,
         {
-          series: ee,
-          loading: te,
-          toolbar: G,
+          series: W,
+          loading: re,
+          toolbar: ie,
           size: c ? "full" : "default",
-          containerClassName: se("h-full", X),
-          showLegend: L,
-          onUnselectSeries: H,
-          yMeasureUnit: P,
-          currentValueDecimals: $,
-          useSharedPriceScale: q,
-          showCurrentValue: Q,
-          yScaleMin: Y,
-          yScaleMinMultiple: Z,
-          ...U
+          containerClassName: de("h-full", U),
+          showLegend: C && !M,
+          onUnselectSeries: O,
+          yMeasureUnit: oe,
+          currentValueDecimals: D,
+          useSharedPriceScale: K,
+          showCurrentValue: P,
+          yScaleMin: G,
+          yScaleMinMultiple: ee,
+          ...z
         }
       )
     }
   );
 }
 export {
-  Re as TradingView
+  ze as TradingView
 };

package/dist/esm/components/with-copy/with-copy.js

@@ -47,6 +47,7 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../composites/credit-account-history/credit-account-history.js";
 import "../table/grid-table.js";
 import "../token-symbol/token-symbol.js";
 import "../typography/typography.js";
@@ -163,7 +164,7 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../toggle/toggle.js";
 import "../with-filter-button/with-filter-button.js";
-function Kr({
+function Rr({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -245,5 +246,5 @@ function Kr({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  Kr as WithCopy
+  Rr as WithCopy
 };