@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.3

package/dist/esm/components/explorer-links-dropdown/explorer-links-dropdown.js

@@ -1,83 +1 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { IconExternal as k } from "@gearbox-protocol/static";
-import * as c from "react";
-import { DropdownMenu as C, DropdownMenuTrigger as b } from "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import { DropdownMenuContent as D } from "../dropdown-menu/dropdown-menu-content.js";
-import { DropdownMenuItem as w } from "../dropdown-menu/dropdown-menu-item.js";
-import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
-import "@gearbox-protocol/sdk";
-import { cn as M } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const s = {
-  1: [
-    { name: "Etherscan", url: "https://etherscan.io" },
-    { name: "Blockscout", url: "https://eth.blockscout.com" }
-  ],
-  42161: [
-    { name: "Arbiscan", url: "https://arbiscan.io" },
-    { name: "Blockscout", url: "https://arbitrum.blockscout.com" }
-  ],
-  10: [
-    { name: "Optimistic Etherscan", url: "https://optimistic.etherscan.io" },
-    { name: "Blockscout", url: "https://optimism.blockscout.com" }
-  ],
-  146: [{ name: "Sonic Explorer", url: "https://sonicscan.org" }]
-};
-function N(e, r, n) {
-  return n ? `${e}/tx/${n}` : r ? `${e}/address/${r}` : e;
-}
-function G({
-  explorerLinks: e,
-  opened: r,
-  opens: n = "right",
-  onClose: p,
-  title: a,
-  address: l,
-  txHash: u,
-  chainId: h = 1,
-  className: f,
-  children: d
-}) {
-  const [g, i] = c.useState(r ?? !1);
-  c.useEffect(() => {
-    r !== void 0 && i(r);
-  }, [r]);
-  const x = (t) => {
-    i(t), t || p?.();
-  }, E = e ?? s[h] ?? s[1];
-  return /* @__PURE__ */ m(C, { open: g, onOpenChange: x, children: [
-    /* @__PURE__ */ o(b, { asChild: !0, children: /* @__PURE__ */ o("span", { className: M("cursor-pointer", f), children: d || a || "Explorer" }) }),
-    /* @__PURE__ */ o(D, { align: n === "left" ? "start" : "end", children: E?.map((t) => /* @__PURE__ */ o(w, { asChild: !0, children: /* @__PURE__ */ m(
-      "a",
-      {
-        href: N(t.url, l, u),
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "flex items-center gap-2",
-        children: [
-          t.icon,
-          /* @__PURE__ */ o("span", { children: t.name }),
-          /* @__PURE__ */ o(
-            k,
-            {
-              size: 12,
-              className: "ml-auto text-muted-foreground"
-            }
-          )
-        ]
-      }
-    ) }, t.name)) })
-  ] });
-}
-export {
-  G as ExplorerLinksDropdown
-};
+

package/dist/esm/components/explorer-links-dropdown/index.js

@@ -1,4 +1 @@
-import { ExplorerLinksDropdown as p } from "./explorer-links-dropdown.js";
-export {
-  p as ExplorerLinksDropdown
-};
+

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

@@ -1,11 +1,11 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as A } from "class-variance-authority";
-import * as B from "react";
-import { useMemo as D, useRef as N, useState as M, useEffect as E } from "react";
-import { SpinnerLoader as I } from "../spinner-loader/spinner-loader.js";
-import { cn as y } from "../../utils/cn.js";
-import { Graph as O } from "./graph.js";
-const q = A(
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { cva as B } from "class-variance-authority";
+import * as D from "react";
+import { useMemo as M, useRef as b, useState as E, useEffect as I } from "react";
+import { SpinnerLoader as O } from "../spinner-loader/spinner-loader.js";
+import { cn as R } from "../../utils/cn.js";
+import { Graph as P } from "./graph.js";
+const q = B(
   "relative w-full overflow-hidden rounded-lg border-border border bg-card text-card-foreground",
   {
     variants: {
@@ -35,42 +35,42 @@ const q = A(
       padding: "default"
     }
   }
-), R = B.forwardRef(
+), V = D.forwardRef(
   ({
     className: n,
     variant: t,
     size: l,
     padding: m,
     title: a,
-    description: r,
-    toolbar: s,
+    description: s,
+    toolbar: r,
     loading: i = !1,
     emptyMessage: d,
     error: c,
     children: f,
-    ...p
-  }, x) => {
-    const u = a || r || s;
-    return /* @__PURE__ */ o(
+    ...x
+  }, g) => {
+    const u = a || s || r;
+    return /* @__PURE__ */ h(
       "div",
       {
-        ref: x,
-        className: y(
+        ref: g,
+        className: R(
           "flex flex-col",
           q({ variant: t, size: l, padding: m, className: n })
         ),
-        ...p,
+        ...x,
         children: [
-          u && /* @__PURE__ */ o("div", { className: "mb-4 flex items-start justify-between gap-4 shrink-0", children: [
-            (a || r) && /* @__PURE__ */ o("div", { className: "flex-1", children: [
+          u && /* @__PURE__ */ h("div", { className: "mb-4 flex items-start justify-between gap-4 shrink-0", children: [
+            (a || s) && /* @__PURE__ */ h("div", { className: "flex-1", children: [
               a && /* @__PURE__ */ e("h3", { className: "text-base sm:text-lg font-semibold leading-none tracking-tight", children: a }),
-              r && /* @__PURE__ */ e("p", { className: "mt-1 text-xs sm:text-sm text-muted-foreground", children: r })
+              s && /* @__PURE__ */ e("p", { className: "mt-1 text-xs sm:text-sm text-muted-foreground", children: s })
             ] }),
-            s && /* @__PURE__ */ e("div", { className: "shrink-0 w-full", children: s })
+            r && /* @__PURE__ */ e("div", { className: "shrink-0 w-full", children: r })
           ] }),
-          /* @__PURE__ */ o("div", { className: "relative flex-1 w-full min-h-0", children: [
-            i && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e(I, { size: 32, width: 3 }) }) }),
-            c && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-2 text-destructive", children: [
+          /* @__PURE__ */ h("div", { className: "relative flex-1 w-full min-h-0", children: [
+            i && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e(O, { size: 32, width: 3 }) }) }),
+            c && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2 text-destructive", children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
@@ -92,7 +92,7 @@ const q = A(
               ),
               /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: c })
             ] }) }),
-            !c && !f && d && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            !c && !f && d && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
@@ -117,7 +117,7 @@ const q = A(
             /* @__PURE__ */ e(
               "div",
               {
-                className: y(
+                className: R(
                   "w-full h-full transition-[filter] duration-300 delay-300",
                   i && "blur-sm pointer-events-none"
                 ),
@@ -130,96 +130,96 @@ const q = A(
     );
   }
 );
-R.displayName = "GraphView";
-function X({
+V.displayName = "GraphView";
+function Y({
   series: n,
   data: t,
   lineColor: l,
   color: m,
   topColor: a,
-  bottomColor: r,
-  graphId: s,
+  bottomColor: s,
+  graphId: r,
   onUnselectSeries: i,
   loading: d,
   title: c,
   description: f,
-  toolbar: p,
-  emptyMessage: x = "No data available",
+  toolbar: x,
+  emptyMessage: g = "No data available",
   error: u,
-  containerClassName: V,
-  variant: W,
-  size: z,
-  padding: G,
-  yMeasureUnit: g,
-  showCurrentValue: w,
-  ...L
+  containerClassName: W,
+  variant: z,
+  size: G,
+  padding: L,
+  yMeasureUnit: N,
+  showCurrentValue: k,
+  ...S
 }) {
-  const h = D(() => {
+  const v = M(() => {
     if (n && n.length > 0)
       return n;
     if (t && t.length > 0) {
-      const j = l ?? m;
+      const o = l ?? m;
       return [
         {
-          data: t.map((v) => ({
-            time: typeof v.time == "number" ? v.time : Number(v.time),
-            value: v.value
+          data: t.map((p) => ({
+            time: typeof p.time == "number" ? p.time : Number(p.time),
+            value: p.value
           })),
           label: "Value",
-          yMeasureUnit: g,
-          ...j && { lineColor: j },
+          yMeasureUnit: N,
+          ...o && { lineColor: o },
           ...a && { topColor: a },
-          ...r && { bottomColor: r }
+          ...s && { bottomColor: s }
         }
       ];
     }
     return [];
-  }, [n, t, g, l, m, a, r]), S = !d && h.length === 0, b = N(h);
-  h.length > 0 && (b.current = h);
-  const k = d && h.length === 0 ? b.current : h, H = k.length > 0;
+  }, [n, t, N, l, m, a, s]), w = v.some((o) => o.data.length > 0), H = !d && !w, y = b(v);
+  w && (y.current = v);
+  const j = d && !w ? y.current : v, A = j.some((o) => o.data.length > 0);
   return /* @__PURE__ */ e(
-    R,
+    V,
     {
-      className: V,
-      variant: W,
-      size: z,
-      padding: G,
+      className: W,
+      variant: z,
+      size: G,
+      padding: L,
       title: c,
       description: f,
-      toolbar: p,
+      toolbar: x,
       loading: d,
       error: u,
-      emptyMessage: S ? x : void 0,
-      children: H && !u && /* @__PURE__ */ e(
-        O,
+      emptyMessage: H ? g : void 0,
+      children: A && !u && /* @__PURE__ */ e(
+        P,
         {
-          series: k,
-          yMeasureUnit: g,
+          series: j,
+          yMeasureUnit: N,
           ...i ? { onUnselectSeries: i } : {},
-          ...w !== void 0 ? { showCurrentValue: w } : {},
-          ...L
+          ...k !== void 0 ? { showCurrentValue: k } : {},
+          ...S
         }
       )
     }
   );
 }
-function Y(n = 0) {
-  const t = N(null), l = N(null), [m, a] = M(null);
-  return E(() => {
-    const r = () => {
+function Z(n = 0) {
+  const t = b(null), l = b(null), [m, a] = E(null);
+  return I(() => {
+    const s = () => {
       if (t.current && l.current) {
         const d = l.current.clientWidth, c = t.current.clientWidth;
         a(d - c - n);
       }
-    }, s = l.current, i = s ? new ResizeObserver(r) : null;
-    return s && i?.observe(s), () => {
-      s && i?.unobserve(s);
+    }, r = l.current, i = r ? new ResizeObserver(s) : null;
+    return r && i?.observe(r), () => {
+      r && i?.unobserve(r);
     };
   }, [n]), { graphWidth: m, parentRef: l, asideRef: t };
 }
 export {
-  R as GraphView,
-  X as GraphViewWithData,
+  V as GraphView,
+  Y as GraphViewWithData,
   q as graphViewVariants,
-  Y as useGraphAside
+  Z as useGraphAside
 };