@gearbox-protocol/ui-kit 3.7.0-next.1 → 3.7.0-next.2

package/dist/cjs/components/composites/pool-assets-table/pool-assets-table-row.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const m=require("../../../hooks/use-media-query.cjs");require("clsx");require("tailwind-merge");require("sonner");const q=require("../../../utils/format-money.cjs");require("luxon");require("../../../utils/z-index.cjs");const S=require("../../description/description.cjs"),u=require("../../short-string/short-string.cjs"),s=require("../../table/grid-table.cjs"),t=require("../../table/table-sm.cjs"),_=require("../../token-symbol/token-symbol.cjs"),d=require("../../token-template/token-template.cjs"),l=require("../../typed-intl/index.cjs");function y({poolName:p,token:o,currentQuota:x,underlyingToken:r,last:g}){const{limit:h,totalQuoted:T,rate:b}=x,n=m.useIsMobile(),j=m.useIsDesktop()?21:n?40:16,i=()=>e.jsxs("div",{className:"flex items-center flex-col-auto",children:[e.jsx(_.TokenSymbol,{token:o,size:32}),e.jsxs("span",{className:"ml-1.5 md:ml-2.5 text-left",children:[e.jsx(u.ShortString,{maxLength:j,children:o?.title}),e.jsx(S.Description,{children:e.jsx(u.ShortString,{maxLength:20,children:p})})]})]}),a=()=>q.percentageTemplate(b),c=()=>e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.usage",values:{amount:e.jsx(d.TokenTemplate,{value:T,token:r,decimalPartLength:2,precision:2,showSymbol:!1},"pool-assets-line-usage-amount"),total:e.jsx(d.TokenTemplate,{value:h,token:r,decimalPartLength:2,precision:2,showSymbol:!1},"pool-assets-line-usage-total")}})});return e.jsx(s.GridTableRow,{last:g,height:"auto",className:"cursor-default",onRowClick:()=>{},style:{minHeight:"75px"},children:n?e.jsx(s.GridTableCell,{span:"full",size:"sm",className:"px-3 py-0!",children:e.jsxs(t.TableLineSm,{columns:2,columnsXs:2,title:i(),className:"w-full",children:[e.jsx(t.TableCellSm,{title:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.rate"}),children:a()}),e.jsx(t.TableCellSm,{title:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.limits"}),children:c()})]})}):e.jsxs(e.Fragment,{children:[e.jsx(s.GridTableCell,{textAlign:"left",className:"pl-4",size:"sm",children:i()}),e.jsx(s.GridTableCell,{textAlign:"right",size:"sm",children:a()}),e.jsx(s.GridTableCell,{textAlign:"right",className:"pr-4",size:"sm",children:c()})]})})}exports.PoolAssetsTableRow=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const m=require("../../../hooks/use-media-query.cjs");require("clsx");require("tailwind-merge");require("sonner");const q=require("../../../utils/format-money.cjs");require("luxon");require("../../../utils/z-index.cjs");const S=require("../../description/description.cjs"),u=require("../../short-string/short-string.cjs"),s=require("../../table/grid-table.cjs"),t=require("../../table/table-sm.cjs"),_=require("../../token-symbol/token-symbol.cjs"),d=require("../../token-template/token-template.cjs"),l=require("../../typed-intl/index.cjs");function y({poolName:p,token:r,currentQuota:x,underlyingToken:n,last:g}){const{limit:h,totalQuoted:T,rate:b}=x,o=m.useIsMobile(),j=m.useIsDesktop()?21:o?40:16,i=()=>e.jsxs("div",{className:"flex items-center flex-col-auto",children:[e.jsx(_.TokenSymbol,{token:r,size:32}),e.jsxs("span",{className:"ml-1.5 md:ml-2.5 text-left",children:[e.jsx(u.ShortString,{maxLength:j,children:r?.title}),e.jsx(S.Description,{children:e.jsx(u.ShortString,{maxLength:20,children:p})})]})]}),a=()=>q.percentageTemplate(b),c=()=>e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.usage",values:{amount:e.jsx(d.TokenTemplate,{value:T,token:n,decimalPartLength:2,precision:2,showSymbol:!1},"pool-assets-line-usage-amount"),total:e.jsx(d.TokenTemplate,{value:h,token:n,decimalPartLength:2,precision:2,showSymbol:!1},"pool-assets-line-usage-total")}})});return e.jsx(s.GridTableRow,{last:g,height:"auto",className:"cursor-default",style:{minHeight:"75px"},children:o?e.jsx(s.GridTableCell,{span:"full",size:"sm",className:"px-3 py-0!",children:e.jsxs(t.TableLineSm,{columns:2,columnsXs:2,title:i(),className:"w-full",children:[e.jsx(t.TableCellSm,{title:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.rate"}),children:a()}),e.jsx(t.TableCellSm,{title:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.limits"}),children:c()})]})}):e.jsxs(e.Fragment,{children:[e.jsx(s.GridTableCell,{textAlign:"left",className:"pl-4",size:"sm",children:i()}),e.jsx(s.GridTableCell,{textAlign:"right",size:"sm",children:a()}),e.jsx(s.GridTableCell,{textAlign:"right",className:"pr-4",size:"sm",children:c()})]})})}exports.PoolAssetsTableRow=y;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@gearbox-protocol/sdk");require("react");require("clsx");require("tailwind-merge");require("sonner");const c=require("../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const s=require("../../table/grid-table.cjs"),d=require("../../text-button/text-button.cjs"),u=require("../../token-template/token-template.cjs"),x=require("../../typed-intl/index.cjs"),r=require("../../vertical-indicator/vertical-indicator.cjs"),m=require("./pool-credit-managers-table.test-ids.cjs");function p({creditManager:t,last:l,onClick:o,totalDebtMoney:i,underlyingToken:a}){return e.jsxs(s.GridTableRow,{last:l,height:"75px",onRowClick:o,"data-testid":m.poolCreditManagersTableTestIds.creditManagerLine,children:[e.jsx(s.GridTableCell,{textAlign:"left",className:"pl-4",size:"sm",children:e.jsx(r.VerticalIndicator,{label:t.name,description:n.shortAddress(t.address)})}),e.jsx(s.GridTableCell,{textAlign:"right",size:"sm",children:e.jsx("div",{className:"flex justify-end flex-col-auto",children:e.jsx("div",{className:"flex-col-auto",children:e.jsx(r.VerticalIndicator,{value:e.jsx(u.TokenTemplate,{value:t.totalDebt,token:a}),valueDescription:c.formatMoney(i)})})})}),e.jsx(s.GridTableCell,{textAlign:"right",className:"pr-4",size:"sm",children:e.jsx("div",{className:"flex justify-end flex-col-auto",children:e.jsx("div",{className:"flex-col-auto",children:e.jsx(r.VerticalIndicator,{label:e.jsx(d.TextButton,{as:"span",children:e.jsx(x.FormattedMessageTyped,{messageId:"components.poolCreditManagersTable.assets",values:{amount:t.collateralTokens.length}})}),description:" "})})})})]})}exports.PoolCreditManagersTableRow=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@gearbox-protocol/sdk");require("react");require("clsx");require("tailwind-merge");require("sonner");const c=require("../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const s=require("../../table/grid-table.cjs"),d=require("../../text-button/text-button.cjs"),u=require("../../token-template/token-template.cjs"),x=require("../../typed-intl/index.cjs"),r=require("../../vertical-indicator/vertical-indicator.cjs"),m=require("./pool-credit-managers-table.test-ids.cjs");function p({creditManager:t,last:l,onClick:o,totalDebtMoney:i,underlyingToken:n}){return e.jsxs(s.GridTableRow,{last:l,height:"75px",onRowClick:o,"data-testid":m.poolCreditManagersTableTestIds.creditManagerLine,children:[e.jsx(s.GridTableCell,{textAlign:"left",className:"pl-4",size:"sm",children:e.jsx(r.VerticalIndicator,{label:t.name,description:a.shortAddress(t.address)})}),e.jsx(s.GridTableCell,{textAlign:"right",size:"sm",children:e.jsx("div",{className:"flex justify-end flex-col-auto",children:e.jsx("div",{className:"flex-col-auto",children:e.jsx(r.VerticalIndicator,{value:e.jsx(u.TokenTemplate,{value:t.totalDebt,token:n}),valueDescription:c.formatMoney(i)})})})}),e.jsx(s.GridTableCell,{textAlign:"right",className:"pr-4",size:"sm",children:e.jsx("div",{className:"flex justify-end flex-col-auto",children:e.jsx("div",{className:"flex-col-auto",children:e.jsx(r.VerticalIndicator,{label:e.jsx(d.TextButton,{as:"span",children:e.jsx(x.FormattedMessageTyped,{messageId:"components.poolCreditManagersTable.assets",values:{amount:t.collateralTokens.length}})}),description:e.jsx(e.Fragment,{children:" "})})})})})]})}exports.PoolCreditManagersTableRow=p;

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

@@ -11,26 +11,26 @@ import "luxon";
 import "../../../utils/z-index.js";
 import { Description as w } from "../../description/description.js";
 import { ShortString as c } from "../../short-string/short-string.js";
-import { GridTableRow as k, GridTableCell as s } from "../../table/grid-table.js";
-import { TableLineSm as y, TableCellSm as p } from "../../table/table-sm.js";
-import { TokenSymbol as z } from "../../token-symbol/token-symbol.js";
+import { GridTableRow as y, GridTableCell as s } from "../../table/grid-table.js";
+import { TableLineSm as z, TableCellSm as p } from "../../table/table-sm.js";
+import { TokenSymbol as I } from "../../token-symbol/token-symbol.js";
 import { TokenTemplate as d } from "../../token-template/token-template.js";
-import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as l } from "../../typed-intl/index.js";
 function O({
   poolName: h,
-  token: l,
+  token: o,
   currentQuota: g,
   underlyingToken: r,
   last: u
 }) {
   const { limit: f, totalQuoted: x, rate: T } = g, i = N(), b = S() ? 21 : i ? 40 : 16, m = () => /* @__PURE__ */ t("div", { className: "flex items-center flex-col-auto", children: [
-    /* @__PURE__ */ e(z, { token: l, size: 32 }),
+    /* @__PURE__ */ e(I, { token: o, size: 32 }),
     /* @__PURE__ */ t("span", { className: "ml-1.5 md:ml-2.5 text-left", children: [
-      /* @__PURE__ */ e(c, { maxLength: b, children: l?.title }),
+      /* @__PURE__ */ e(c, { maxLength: b, children: o?.title }),
       /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(c, { maxLength: 20, children: h }) })
     ] })
   ] }), a = () => A(T), n = () => /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-    o,
+    l,
     {
       messageId: "components.poolAssetsTable.usage",
       values: {
@@ -60,18 +60,16 @@ function O({
     }
   ) });
   return /* @__PURE__ */ e(
-    k,
+    y,
     {
       last: u,
       height: "auto",
       className: "cursor-default",
-      onRowClick: () => {
-      },
       style: {
         minHeight: "75px"
       },
       children: i ? /* @__PURE__ */ e(s, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ t(
-        y,
+        z,
         {
           columns: 2,
           columnsXs: 2,
@@ -81,14 +79,14 @@ function O({
             /* @__PURE__ */ e(
               p,
               {
-                title: /* @__PURE__ */ e(o, { messageId: "components.poolAssetsTable.rate" }),
+                title: /* @__PURE__ */ e(l, { messageId: "components.poolAssetsTable.rate" }),
                 children: a()
               }
             ),
             /* @__PURE__ */ e(
               p,
               {
-                title: /* @__PURE__ */ e(o, { messageId: "components.poolAssetsTable.limits" }),
+                title: /* @__PURE__ */ e(l, { messageId: "components.poolAssetsTable.limits" }),
                 children: n()
               }
             )

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

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

package/dist/types/components/composites/pool-assets-table/index.d.ts

@@ -1,7 +1,4 @@
-export type * from './pool-assets-table';
 export * from './pool-assets-table';
-export type * from './pool-assets-table-head';
 export * from './pool-assets-table-head';
-export type * from './pool-assets-table-row';
 export * from './pool-assets-table-row';
 export type * from './types';

package/dist/types/components/composites/pool-assets-table/pool-assets-table-row.d.ts

@@ -4,7 +4,7 @@ import { PoolAssetsTableQuotaRow } from './types';
 /** Props for {@link PoolAssetsTableRow}. */
 export interface PoolAssetsTableRowProps {
     readonly poolName: string;
-    readonly token: TokenData;
+    readonly token: TokenData | undefined;
     readonly currentQuota: PoolAssetsTableQuotaRow;
     readonly underlyingToken: TokenData;
     readonly last: boolean;

package/dist/types/components/composites/pool-assets-table/pool-assets-table.d.ts

@@ -12,7 +12,7 @@ export interface PoolAssetsTableProps {
     readonly poolName: string;
     readonly sort: PoolAssetsTableSort;
     /** Token metadata keyed by token address (must include every `quota.token`). */
-    readonly tokensList: Record<Address, TokenData>;
+    readonly tokensList: Partial<Record<Address, TokenData>>;
     /** Underlying asset used for `TokenTemplate` amounts in the usage column. */
     readonly underlyingToken: TokenData;
 }

package/dist/types/components/composites/pool-credit-manager-info/index.d.ts

@@ -1,6 +1,4 @@
-/** Credit manager detail dialog — metrics grid + oracles / LT slot. */
 export * from './overflow-layout';
-export type * from './pool-credit-manager-info';
 export * from './pool-credit-manager-info';
 export * from './test-ids';
 export type * from './types';

package/dist/types/components/composites/pool-credit-managers-table/index.d.ts

@@ -1,8 +1,5 @@
-export type * from './pool-credit-managers-table';
 export * from './pool-credit-managers-table';
 export * from './pool-credit-managers-table.test-ids';
-export type * from './pool-credit-managers-table-head';
 export * from './pool-credit-managers-table-head';
-export type * from './pool-credit-managers-table-row';
 export * from './pool-credit-managers-table-row';
 export type * from './types';

package/dist/types/components/composites/pool-credit-managers-table/types.d.ts

@@ -20,7 +20,7 @@ export interface PoolCreditManagerRow {
     readonly address: Address;
     readonly name: string;
     readonly totalDebt: bigint;
-    readonly collateralTokens: readonly unknown[];
+    readonly collateralTokens: readonly Address[];
     readonly underlyingToken: Address;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.7.0-next.1",
+  "version": "3.7.0-next.2",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",