@gearbox-protocol/ui-kit 3.7.0 → 3.8.0

package/dist/esm/components/composites/index.js

@@ -1,35 +1,31 @@
 import { PoolAssetsTable as r } from "./pool-assets-table/pool-assets-table.js";
 import { PoolAssetsTableHead as a } from "./pool-assets-table/pool-assets-table-head.js";
-import { PoolAssetsTableRow as m } from "./pool-assets-table/pool-assets-table-row.js";
-import { overflowContainerClassName as p, overflowWrapClassName as n } from "./pool-credit-manager-info/overflow-layout.js";
+import { PoolAssetsTableRow as t } from "./pool-assets-table/pool-assets-table-row.js";
+import { overflowContainerClassName as n, overflowWrapClassName as p } from "./pool-credit-manager-info/overflow-layout.js";
 import { PoolCreditManagerInfo as f } from "./pool-credit-manager-info/pool-credit-manager-info.js";
-import { poolCreditManagerInfoTestIds as x } from "./pool-credit-manager-info/test-ids.js";
-import { PoolCreditManagersTable as d } from "./pool-credit-managers-table/pool-credit-managers-table.js";
-import { poolCreditManagersTableTestIds as T } from "./pool-credit-managers-table/pool-credit-managers-table.test-ids.js";
-import { PoolCreditManagersTableHead as g } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
-import { PoolCreditManagersTableRow as M } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
-import { balanceColumn as y, borrowApyColumn as I, borrowedColumn as c, collateralColumn as v, customColumn as H, poolColumn as N, supplyApyColumn as R, supplyColumn as z, utilizationColumn as W } from "./pool-table/columns.js";
-import { PoolTable as j } from "./pool-table/pool-table.js";
+import { PoolCreditManagersTable as b } from "./pool-credit-managers-table/pool-credit-managers-table.js";
+import { PoolCreditManagersTableHead as i } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
+import { PoolCreditManagersTableRow as d } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
+import { balanceColumn as w, borrowApyColumn as A, borrowedColumn as g, collateralColumn as y, customColumn as M, poolColumn as c, supplyApyColumn as v, supplyColumn as H, utilizationColumn as N } from "./pool-table/columns.js";
+import { PoolTable as z } from "./pool-table/pool-table.js";
 export {
   r as PoolAssetsTable,
   a as PoolAssetsTableHead,
-  m as PoolAssetsTableRow,
+  t as PoolAssetsTableRow,
   f as PoolCreditManagerInfo,
-  d as PoolCreditManagersTable,
-  g as PoolCreditManagersTableHead,
-  M as PoolCreditManagersTableRow,
-  j as PoolTable,
-  y as balanceColumn,
-  I as borrowApyColumn,
-  c as borrowedColumn,
-  v as collateralColumn,
-  H as customColumn,
-  p as overflowContainerClassName,
-  n as overflowWrapClassName,
-  N as poolColumn,
-  x as poolCreditManagerInfoTestIds,
-  T as poolCreditManagersTableTestIds,
-  R as supplyApyColumn,
-  z as supplyColumn,
-  W as utilizationColumn
+  b as PoolCreditManagersTable,
+  i as PoolCreditManagersTableHead,
+  d as PoolCreditManagersTableRow,
+  z as PoolTable,
+  w as balanceColumn,
+  A as borrowApyColumn,
+  g as borrowedColumn,
+  y as collateralColumn,
+  M as customColumn,
+  n as overflowContainerClassName,
+  p as overflowWrapClassName,
+  c as poolColumn,
+  v as supplyApyColumn,
+  H as supplyColumn,
+  N as utilizationColumn
 };

package/dist/esm/components/composites/pool-credit-manager-info/index.js

@@ -1,9 +1,7 @@
 import { overflowContainerClassName as e, overflowWrapClassName as a } from "./overflow-layout.js";
-import { PoolCreditManagerInfo as t } from "./pool-credit-manager-info.js";
-import { poolCreditManagerInfoTestIds as n } from "./test-ids.js";
+import { PoolCreditManagerInfo as l } from "./pool-credit-manager-info.js";
 export {
-  t as PoolCreditManagerInfo,
+  l as PoolCreditManagerInfo,
   e as overflowContainerClassName,
-  a as overflowWrapClassName,
-  n as poolCreditManagerInfoTestIds
+  a as overflowWrapClassName
 };

package/dist/esm/components/composites/pool-credit-manager-info/pool-credit-manager-info.js

@@ -3,6 +3,7 @@ import { shortAddress as E, PERCENTAGE_DECIMALS as m, PERCENTAGE_FACTOR as v, to
 import "react";
 import "@gearbox-protocol/sdk/common-utils";
 import { useIsMobile as N } from "../../../hooks/use-media-query.js";
+import { poolCreditManagerInfoTestIds as A } from "../../../test-ids/pool-credit-manager-info.js";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
@@ -10,18 +11,17 @@ import { percentageTemplate as s } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
 import { CardGrid as p } from "../../card-grid/card-grid.js";
-import { CheckboxLabeled as A } from "../../checkbox/checkbox-labeled.js";
-import { ConfirmMenu as P } from "../../confirm-menu/confirm-menu.js";
-import { DialogModalContainer as q } from "../../dialog/dialog-modal-container.js";
-import { OverflowContainer as F } from "../../overflow-container/overflow-container.js";
+import { CheckboxLabeled as P } from "../../checkbox/checkbox-labeled.js";
+import { ConfirmMenu as q } from "../../confirm-menu/confirm-menu.js";
+import { DialogModalContainer as F } from "../../dialog/dialog-modal-container.js";
+import { OverflowContainer as S } from "../../overflow-container/overflow-container.js";
 import { TableCellSm as n } from "../../table/table-sm.js";
-import { TextButton as S } from "../../text-button/text-button.js";
+import { TextButton as w } from "../../text-button/text-button.js";
 import { TokenTemplate as l } from "../../token-template/token-template.js";
 import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
 import { VSpace as d } from "../../vspace/vspace.js";
-import { WithCopy as w } from "../../with-copy/with-copy.js";
-import { overflowContainerClassName as j, overflowWrapClassName as B } from "./overflow-layout.js";
-import { poolCreditManagerInfoTestIds as G } from "./test-ids.js";
+import { WithCopy as j } from "../../with-copy/with-copy.js";
+import { overflowContainerClassName as B, overflowWrapClassName as G } from "./overflow-layout.js";
 function de({
   creditManager: t,
   tokensList: f,
@@ -35,12 +35,12 @@ function de({
     {
       title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.title" }),
       children: /* @__PURE__ */ e(
-        w,
+        j,
         {
           toCopy: t.address,
           trigger: "root",
           tooltip: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.copy.tip" }),
-          children: /* @__PURE__ */ e(S, { color: "empty", children: I ? E(t.address) : t.address })
+          children: /* @__PURE__ */ e(w, { color: "empty", children: I ? E(t.address) : t.address })
         }
       )
     }
@@ -101,7 +101,7 @@ function de({
     }
   );
   return /* @__PURE__ */ r(
-    q,
+    F,
     {
       dialog: {
         padding: !0
@@ -109,9 +109,9 @@ function de({
       show: !0,
       onClickOutside: a,
       children: [
-        /* @__PURE__ */ r("div", { className: "w-full", "data-testid": G.detail, children: [
+        /* @__PURE__ */ r("div", { className: "w-full", "data-testid": A.detail, children: [
           /* @__PURE__ */ e(
-            P,
+            q,
             {
               title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.title" }),
               onClose: a
@@ -155,7 +155,7 @@ function de({
         ),
         /* @__PURE__ */ e(d, { height: 32 }),
         /* @__PURE__ */ e("div", { className: "flex items-center flex-col-12", children: /* @__PURE__ */ e(
-          A,
+          P,
           {
             checked: c,
             onChange: () => g(!c),
@@ -165,14 +165,14 @@ function de({
         ) }),
         /* @__PURE__ */ e(d, { height: 16 }),
         /* @__PURE__ */ e(
-          F,
+          S,
           {
             borderColor: "default",
-            className: B,
+            className: G,
             innerPadding: "0 8px",
             maxHeight: "300px",
             minHeight: "100px",
-            overflowContainerClassName: j,
+            overflowContainerClassName: B,
             outerPadding: "14px 12px 14px 0",
             size: "default",
             children: /* @__PURE__ */ e("div", { className: "pl-2 pr-2 flex-col-auto", children: u })

package/dist/esm/components/composites/pool-credit-managers-table/index.js

@@ -1,10 +1,8 @@
 import { PoolCreditManagersTable as r } from "./pool-credit-managers-table.js";
-import { poolCreditManagersTableTestIds as t } from "./pool-credit-managers-table.test-ids.js";
-import { PoolCreditManagersTableHead as d } from "./pool-credit-managers-table-head.js";
-import { PoolCreditManagersTableRow as p } from "./pool-credit-managers-table-row.js";
+import { PoolCreditManagersTableHead as l } from "./pool-credit-managers-table-head.js";
+import { PoolCreditManagersTableRow as d } from "./pool-credit-managers-table-row.js";
 export {
   r as PoolCreditManagersTable,
-  d as PoolCreditManagersTableHead,
-  p as PoolCreditManagersTableRow,
-  t as poolCreditManagersTableTestIds
+  l as PoolCreditManagersTableHead,
+  d as PoolCreditManagersTableRow
 };

package/dist/esm/components/composites/pool-credit-managers-table/pool-credit-managers-table-row.js

@@ -1,19 +1,19 @@
 import { jsxs as m, jsx as e, Fragment as n } from "react/jsx-runtime";
 import { shortAddress as d } from "@gearbox-protocol/sdk";
+import { poolCreditManagersTableTestIds as p } from "../../../test-ids/pool-credit-managers-table.js";
 import "react";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import { formatMoney as p } from "../../../utils/format-money.js";
+import { formatMoney as c } from "../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { GridTableRow as c, GridTableCell as o } from "../../table/grid-table.js";
-import { TextButton as f } from "../../text-button/text-button.js";
-import { TokenTemplate as h } from "../../token-template/token-template.js";
-import { FormattedMessageTyped as u } from "../../typed-intl/index.js";
+import { GridTableRow as f, GridTableCell as o } from "../../table/grid-table.js";
+import { TextButton as h } from "../../text-button/text-button.js";
+import { TokenTemplate as u } from "../../token-template/token-template.js";
+import { FormattedMessageTyped as x } from "../../typed-intl/index.js";
 import { VerticalIndicator as l } from "../../vertical-indicator/vertical-indicator.js";
-import { poolCreditManagersTableTestIds as x } from "./pool-credit-managers-table.test-ids.js";
 function F({
   creditManager: t,
   last: r,
@@ -22,12 +22,12 @@ function F({
   underlyingToken: a
 }) {
   return /* @__PURE__ */ m(
-    c,
+    f,
     {
       last: r,
       height: "75px",
       onRowClick: i,
-      "data-testid": x.creditManagerLine,
+      "data-testid": p.creditManagerLine,
       children: [
         /* @__PURE__ */ e(o, { textAlign: "left", className: "pl-4", size: "sm", children: /* @__PURE__ */ e(
           l,
@@ -40,20 +40,20 @@ function F({
           l,
           {
             value: /* @__PURE__ */ e(
-              h,
+              u,
               {
                 value: t.totalDebt,
                 token: a
               }
             ),
-            valueDescription: p(s)
+            valueDescription: c(s)
           }
         ) }) }) }),
         /* @__PURE__ */ e(o, { textAlign: "right", className: "pr-4", size: "sm", children: /* @__PURE__ */ e("div", { className: "flex justify-end flex-col-auto", children: /* @__PURE__ */ e("div", { className: "flex-col-auto", children: /* @__PURE__ */ e(
           l,
           {
-            label: /* @__PURE__ */ e(f, { as: "span", children: /* @__PURE__ */ e(
-              u,
+            label: /* @__PURE__ */ e(h, { as: "span", children: /* @__PURE__ */ e(
+              x,
               {
                 messageId: "components.poolCreditManagersTable.assets",
                 values: { amount: t.collateralTokens.length }

package/dist/esm/components/currency-button/currency-button.js

@@ -2,6 +2,7 @@ import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { IconExpand as g } from "@gearbox-protocol/static";
 import { cva as u } from "class-variance-authority";
 import { TokenSymbol as k } from "../token-symbol/token-symbol.js";
+import { currencyButtonTestIds as w } from "../../test-ids/currency-button.js";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
@@ -9,7 +10,7 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const w = 13, N = u(
+const B = 13, N = u(
   "flex flex-row items-center text-foreground cursor-[unset]",
   {
     variants: {
@@ -24,7 +25,7 @@ const w = 13, N = u(
 ), V = {
   sm: { symbol: 16, arrow: 8 },
   md: { symbol: 28, arrow: 12 }
-}, B = u(
+}, E = u(
   "ml-0.5 leading-none text-gray-100 transition-transform duration-100 ease-[ease]",
   {
     variants: {
@@ -40,9 +41,9 @@ const w = 13, N = u(
     defaultVariants: { size: "md", active: !1 }
   }
 );
-function G({
+function K({
   title: o,
-  maxLength: l = w,
+  maxLength: l = B,
   token: m,
   disabled: d,
   showSelectDialog: r,
@@ -65,7 +66,7 @@ function G({
           (i.key === "Enter" || i.key === " ") && (i.preventDefault(), s());
         } : void 0,
         "data-active": t,
-        "data-testid": "currency-button",
+        "data-testid": w.root,
         onClick: s,
         className: x(
           "group",
@@ -94,7 +95,7 @@ function G({
             {
               className: x(
                 "expand-wrap",
-                B({ size: a, active: f })
+                E({ size: a, active: f })
               ),
               children: /* @__PURE__ */ e(g, { size: p.arrow })
             }
@@ -105,5 +106,5 @@ function G({
   );
 }
 export {
-  G as CurrencyButton
+  K as CurrencyButton
 };