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

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

@@ -0,0 +1,187 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { shortAddress as E, PERCENTAGE_DECIMALS as m, PERCENTAGE_FACTOR as v, toBigInt as y } from "@gearbox-protocol/sdk";
+import "react";
+import "@gearbox-protocol/sdk/common-utils";
+import { useIsMobile as N } from "../../../hooks/use-media-query.js";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+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 { TableCellSm as n } from "../../table/table-sm.js";
+import { TextButton as S } 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";
+function de({
+  creditManager: t,
+  tokensList: f,
+  underlyingTable: u,
+  onClose: a,
+  hideZeroQuota: c,
+  setHideZeroQuota: g
+}) {
+  const I = N(), i = f[t.underlyingToken], h = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.title" }),
+      children: /* @__PURE__ */ e(
+        w,
+        {
+          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 })
+        }
+      )
+    }
+  ), x = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.minDebt" }),
+      children: /* @__PURE__ */ e(l, { value: t.minDebt, token: i })
+    }
+  ), C = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.maxDebt" }),
+      children: /* @__PURE__ */ e(l, { value: t.maxDebt, token: i })
+    }
+  ), b = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.liquidationFee" }),
+      children: s(
+        BigInt(t.feeLiquidation) * m
+      )
+    }
+  ), T = () => {
+    const D = (v - y(t.liquidationDiscount)) * m;
+    return /* @__PURE__ */ e(
+      n,
+      {
+        title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.liquidationPremium" }),
+        children: s(D)
+      }
+    );
+  }, k = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.interestFee" }),
+      children: s(
+        BigInt(t.feeInterest) * m
+      )
+    }
+  ), L = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.debtLimit" }),
+      children: /* @__PURE__ */ e(
+        l,
+        {
+          value: t.totalDebtLimit,
+          token: i
+        }
+      )
+    }
+  ), M = () => /* @__PURE__ */ e(
+    n,
+    {
+      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.maxEnabledTokens" }),
+      children: t.maxEnabledTokensLength
+    }
+  );
+  return /* @__PURE__ */ r(
+    q,
+    {
+      dialog: {
+        padding: !0
+      },
+      show: !0,
+      onClickOutside: a,
+      children: [
+        /* @__PURE__ */ r("div", { className: "w-full", "data-testid": G.detail, children: [
+          /* @__PURE__ */ e(
+            P,
+            {
+              title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.title" }),
+              onClose: a
+            }
+          ),
+          /* @__PURE__ */ e(d, { height: 32 })
+        ] }),
+        /* @__PURE__ */ r(
+          p,
+          {
+            gap: "sm",
+            justifyItemContent: "start",
+            columns: 1,
+            columnsLg: 1,
+            columnsMd: 1,
+            columnsSm: 1,
+            children: [
+              h(),
+              /* @__PURE__ */ r(
+                p,
+                {
+                  gap: "sm",
+                  justifyItemContent: "start",
+                  columns: 4,
+                  columnsLg: 3,
+                  columnsMd: 3,
+                  columnsSm: 2,
+                  children: [
+                    x(),
+                    C(),
+                    b(),
+                    T(),
+                    k(),
+                    L(),
+                    M()
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(d, { height: 32 }),
+        /* @__PURE__ */ e("div", { className: "flex items-center flex-col-12", children: /* @__PURE__ */ e(
+          A,
+          {
+            checked: c,
+            onChange: () => g(!c),
+            boxAlign: "center",
+            children: /* @__PURE__ */ e(o, { messageId: "dialogs.oraclesAndLTInfo.filter.hide0Quota" })
+          }
+        ) }),
+        /* @__PURE__ */ e(d, { height: 16 }),
+        /* @__PURE__ */ e(
+          F,
+          {
+            borderColor: "default",
+            className: B,
+            innerPadding: "0 8px",
+            maxHeight: "300px",
+            minHeight: "100px",
+            overflowContainerClassName: j,
+            outerPadding: "14px 12px 14px 0",
+            size: "default",
+            children: /* @__PURE__ */ e("div", { className: "pl-2 pr-2 flex-col-auto", children: u })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  de as PoolCreditManagerInfo
+};

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

@@ -0,0 +1,6 @@
+const e = {
+  detail: "pool-credit-managers-detail"
+};
+export {
+  e as poolCreditManagerInfoTestIds
+};

package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table-head.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
-import { getSortForField as r } from "../../hooks/use-filter.js";
+import { getSortForField as r } from "../../../hooks/use-filter.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "@gearbox-protocol/sdk";
-import { HeadCell as a } from "../head-cell/head-cell.js";
-import { GridTableRow as d, GridTableHead as i } from "../table/grid-table.js";
-import { useIntlTyped as p, FormattedMessageTyped as n } from "../typed-intl/index.js";
+import { HeadCell as a } from "../../head-cell/head-cell.js";
+import { GridTableRow as d, GridTableHead as i } from "../../table/grid-table.js";
+import { useIntlTyped as p, FormattedMessageTyped as n } from "../../typed-intl/index.js";
 function I({
   sort: m
 }) {

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

@@ -4,15 +4,15 @@ import "react";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import { formatMoney as d } from "../../utils/format-money.js";
+import { formatMoney as d } 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 { VerticalIndicator as l } from "../vertical-indicator/vertical-indicator.js";
+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 { 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,

package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table.js

@@ -2,8 +2,8 @@ import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk/common-utils";
 import "@gearbox-protocol/sdk";
-import { useIsMobile as d } from "../../hooks/use-media-query.js";
-import { GridTable as f, GridTableHeader as n, GridTableBody as b } from "../table/grid-table.js";
+import { useIsMobile as d } from "../../../hooks/use-media-query.js";
+import { GridTable as f, GridTableHeader as n, GridTableBody as b } from "../../table/grid-table.js";
 import { PoolCreditManagersTableHead as c } from "./pool-credit-managers-table-head.js";
 import { PoolCreditManagersTableRow as C } from "./pool-credit-managers-table-row.js";
 function w({

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

@@ -0,0 +1 @@
+