@gearbox-protocol/ui-kit 3.10.2 → 3.10.3

package/dist/cjs/components/composites/pool-table/columns.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),w=require("../../assets-list-cell/assets-list-cell.cjs"),j=require("../../compound-apy/compound-apy.cjs"),d=require("../../description/description.cjs"),k=require("../../network-icon/network-icon.cjs"),C=require("../../percent-indicator/percent-indicator.cjs"),A=require("../../pool-apy-tooltip/pool-apy-tooltip.cjs"),I=require("../../pool-indicator-icon/pool-indicator-icon.cjs"),P=require("../../pool-points-indicator/pool-points-indicator.cjs"),u=require("../../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");const m=require("../../../utils/format-money.cjs"),f=require("../../../utils/templates.cjs");require("luxon");require("../../../utils/z-index.cjs");const _=require("../../token-symbol/token-symbol.cjs"),h=require("../../typed-intl/index.cjs"),q=require("../../../test-ids/pool-table.cjs");function a(e,o,l){const n=e?.header??t.jsx(h.FormattedMessageTyped,{messageId:e?.headerMessageId??o});let i;if(e?.headerTip!==null){const r=e?.headerTipMessageId??l;i=e?.headerTip??(r&&t.jsx(h.FormattedMessageTyped,{messageId:r}))}return{header:n,headerTip:i,mobileTitle:e?.mobileTitle??n}}function N({ctx:e}){const{pool:o,underlyingToken:l,points:n,apy:i,isMobile:r}=e,s=r?20:24,c=t.jsx(_.TokenSymbol,{token:l,size:s});return n&&n.length>0&&i?t.jsx(A.PoolAPYTooltip,{totalAPY:i.totalAPY,baseAPY:i.baseAPY,extraAPY:i.extraAPY,points:n,tokensList:e.tokensList,children:t.jsx("div",{children:t.jsx(I.PoolIndicatorIcon,{size:s,children:c})})}):o.hasPoints?t.jsx(P.PoolPointsIndicator,{size:s,children:c}):c}function v(e){const o=e.underlyingToken?.title??e.underlyingToken?.symbol??"",l=e.pool.version;return l&&l>=300&&l<310?`${o} v${Math.floor(l/100)}`:o}function D({ctx:e,renderDescription:o,getPoolName:l}){const{pool:n}=e,i=l?l(e):v(e);return t.jsxs("div",{className:"grid grid-cols-[auto_1fr] gap-x-3",children:[t.jsxs("div",{className:"flex items-center gap-3 shrink-0 leading-0",children:[n.network&&t.jsx(k.NetworkIcon,{network:n.network,isTest:!1,size:14,showTooltip:!0}),t.jsx(N,{ctx:e})]}),t.jsxs("div",{className:"flex md:flex-col min-w-0 overflow-hidden items-center md:items-start gap-2 md:gap-0",children:[t.jsx("span",{className:"truncate max-w-full",children:i}),o&&t.jsx(d.Description,{className:"min-w-0 text-xs",children:o(e)})]})]})}function S({ctx:e}){const{pool:o,underlyingToken:l,loading:n}=e;return t.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[t.jsx(u.Skeleton,{loading:!!n,width:60,children:m.formatMoney(o.expectedLiquidityInUSD??0)}),t.jsx(d.Description,{children:f.tokenTemplate(o.expectedLiquidity,l)})]})}function M({ctx:e}){const{pool:o,underlyingToken:l,loading:n}=e;return t.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[t.jsx(u.Skeleton,{loading:!!n,width:60,children:m.formatMoney(o.totalBorrowedInUSD??0)}),t.jsx(d.Description,{children:f.tokenTemplate(o.totalBorrowed,l)})]})}function Y({ctx:e}){const{pool:o,loading:l,underlyingToken:n}=e,i=n?.decimals??18,r=o.poolTokenSymbol!=null?{title:o.poolTokenSymbol,decimals:i}:n;return t.jsxs("div",{className:"flex flex-col items-start md:items-end","data-testid":q.poolTableTestIds.poolLineCellBalance,children:[t.jsx(u.Skeleton,{loading:!!l,width:60,children:m.formatMoney(o.userBalanceInUSD??0)}),o.userBalance!==void 0&&r&&t.jsx(d.Description,{children:f.tokenTemplate(o.userBalance,r)})]})}function z(e,o,l){const n=e.pool.collateralTokens,{tokensList:i,isMobile:r}=e,{mode:s="cascade",...c}=l??{};return!n?.length||!i?null:t.jsx(w.AssetsListCell,{maxAssets:o,tokensList:i,balances:n.map(p=>({token:p})),iconSize:r?20:24,options:{mode:s,...c}})}function B(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.pool");return{id:"pool",header:o,width:e?.width??"186px",align:"left",className:"pl-4",cell:n=>t.jsx(D,{ctx:n,renderDescription:e?.renderDescription,getPoolName:e?.getPoolName}),mobileTitle:l}}function L(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.supply");return{id:"supply",header:o,width:e?.width??"1fr",align:"right",hideOnMedium:e?.hideOnMedium,sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"supply",defaultDirection:"desc"},cell:n=>t.jsx(S,{ctx:n}),mobileTitle:l}}function F(e){const{header:o,headerTip:l,mobileTitle:n}=a(e,"components.poolTable.supplyApy","components.poolTable.supplyApy.tip");return{id:"supplyApy",header:o,headerTip:l,width:e?.width??"1.25fr",align:"right",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"apy",defaultDirection:"desc"},cell:i=>{const{apy:r,loading:s,points:c,tokensList:p}=i,{totalAPY:y=0,baseAPY:g=[],extraAPY:x=[],externalAPY:b,apy7DAgo:T}=r??{};return t.jsx(u.Skeleton,{width:60,loading:!!s,children:t.jsx(j.CompoundAPY,{totalAPY:y,totalAPYLoading:!!s,baseAPY:g,extraAPY:x,points:c,apy7DAgo:T,tokensList:p,externalAPY:b})})},mobileTitle:n}}function O(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.borrowed");return{id:"borrowed",header:o,width:e?.width??"1.15fr",align:"right",cell:n=>t.jsx(M,{ctx:n}),mobileTitle:l}}function U(e){const{header:o,headerTip:l,mobileTitle:n}=a(e,"components.poolTable.borrowApy");return{id:"borrowApy",header:o,headerTip:l,width:e?.width??"150px",align:"right",cell:i=>{const r=i.pool.borrowAPY??e?.getBorrowRate?.(i.pool)??0;return t.jsx("div",{className:"flex justify-start md:justify-end",children:m.percentageTemplate(r)})},mobileTitle:n}}function R(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.utilization");return{id:"utilization",header:o,width:e?.width??"150px",align:"right",className:"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"utilization",defaultDirection:"desc"},cell:n=>{const i=n.pool.utilization??0;return t.jsx("div",{className:"flex justify-start md:justify-end",children:t.jsx(C.PercentIndicator,{percent:i})})},mobileTitle:l}}function $(e){const o=e?.maxAssets??5,l=r=>z(r,o,e?.options),{header:n,mobileTitle:i}=a(e,"components.poolTable.collateral");return{id:"collateral",header:n,width:e?.width??"148px",align:e?.align??"left",gapBefore:e?.gapBefore??"md",cell:e?.cell??l,mobileCell:e?.mobileCell??e?.cell??l,mobileTitle:i}}function H(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.balance");return{id:"balance",header:o,width:e?.width??"1.15fr",align:"right",className:e?.className??"pr-4",headerClassName:e?.headerClassName??"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"balance",defaultDirection:"desc"},cell:e?.cell??(n=>t.jsx(Y,{ctx:n})),mobileTitle:l}}function E(e){return e}exports.balanceColumn=H;exports.borrowApyColumn=U;exports.borrowedColumn=O;exports.collateralColumn=$;exports.customColumn=E;exports.poolColumn=B;exports.supplyApyColumn=F;exports.supplyColumn=L;exports.utilizationColumn=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),j=require("../../assets-list-cell/assets-list-cell.cjs"),k=require("../../compound-apy/compound-apy.cjs"),c=require("../../description/description.cjs"),C=require("../../network-icon/network-icon.cjs"),A=require("../../percent-indicator/percent-indicator.cjs"),I=require("../../pool-apy-tooltip/pool-apy-tooltip.cjs"),P=require("../../pool-indicator-icon/pool-indicator-icon.cjs"),_=require("../../pool-points-indicator/pool-points-indicator.cjs"),u=require("../../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");const m=require("../../../utils/format-money.cjs"),f=require("../../../utils/templates.cjs");require("luxon");require("../../../utils/z-index.cjs");const q=require("../../token-symbol/token-symbol.cjs"),h=require("../../typed-intl/index.cjs"),N=require("../../../test-ids/pool-table.cjs");function a(e,o,l){const t=e?.header??n.jsx(h.FormattedMessageTyped,{messageId:e?.headerMessageId??o});let i;if(e?.headerTip!==null){const r=e?.headerTipMessageId??l;i=e?.headerTip??(r&&n.jsx(h.FormattedMessageTyped,{messageId:r}))}return{header:t,headerTip:i,mobileTitle:e?.mobileTitle??t}}function v({ctx:e}){const{pool:o,underlyingToken:l,points:t,apy:i,isMobile:r}=e,s=r?20:24,d=n.jsx(q.TokenSymbol,{token:l,size:s});return t&&t.length>0&&i?n.jsx(I.PoolAPYTooltip,{totalAPY:i.totalAPY,baseAPY:i.baseAPY,extraAPY:i.extraAPY,points:t,tokensList:e.tokensList,children:n.jsx("div",{children:n.jsx(P.PoolIndicatorIcon,{size:s,children:d})})}):o.hasPoints?n.jsx(_.PoolPointsIndicator,{size:s,children:d}):d}function y(e){const o=e.underlyingToken?.title??e.underlyingToken?.symbol??"",l=e.pool.version;return l&&l>=300&&l<310?`${o} v${Math.floor(l/100)}`:o}function D({ctx:e,renderDescription:o,getPoolName:l}){const{pool:t}=e,i=l?l(e):y(e);return n.jsxs("div",{className:"grid grid-cols-[auto_1fr] gap-x-3",children:[n.jsxs("div",{className:"flex items-center gap-3 shrink-0 leading-0",children:[t.network&&n.jsx(C.NetworkIcon,{network:t.network,isTest:!1,size:14,showTooltip:!0}),n.jsx(v,{ctx:e})]}),n.jsxs("div",{className:"flex md:flex-col min-w-0 overflow-hidden items-center md:items-start gap-2 md:gap-0",children:[n.jsx("span",{className:"truncate max-w-full",children:i}),o&&n.jsx(c.Description,{className:"min-w-0 text-xs",children:o(e)})]})]})}function S({ctx:e}){const{pool:o,underlyingToken:l,loading:t}=e;return n.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[n.jsx(u.Skeleton,{loading:!!t,width:60,children:m.formatMoney(o.expectedLiquidityInUSD??0)}),n.jsx(c.Description,{children:f.tokenTemplate(o.expectedLiquidity,l)})]})}function M({ctx:e}){const{pool:o,underlyingToken:l,loading:t}=e;return n.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[n.jsx(u.Skeleton,{loading:!!t,width:60,children:m.formatMoney(o.totalBorrowedInUSD??0)}),n.jsx(c.Description,{children:f.tokenTemplate(o.totalBorrowed,l)})]})}function Y({ctx:e}){const{pool:o,loading:l,underlyingToken:t}=e,i=t?.decimals??18,r=o.poolTokenSymbol!=null?{title:o.poolTokenSymbol,decimals:i}:t;return n.jsxs("div",{className:"flex flex-col items-start md:items-end","data-testid":N.poolTableTestIds.poolLineCellBalance,children:[n.jsx(u.Skeleton,{loading:!!l,width:60,children:m.formatMoney(o.userBalanceInUSD??0)}),o.userBalance!==void 0&&r&&n.jsx(c.Description,{children:f.tokenTemplate(o.userBalance,r)})]})}function z(e,o,l){const t=e.pool.collateralTokens,{tokensList:i,isMobile:r}=e,{mode:s="cascade",...d}=l??{};return!t?.length||!i?null:n.jsx(j.AssetsListCell,{maxAssets:o,tokensList:i,balances:t.map(p=>({token:p})),iconSize:r?20:24,options:{mode:s,...d}})}function B(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.pool");return{id:"pool",header:o,width:e?.width??"186px",align:"left",className:"pl-4",cell:t=>n.jsx(D,{ctx:t,renderDescription:e?.renderDescription,getPoolName:e?.getPoolName}),mobileTitle:l}}function L(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.supply");return{id:"supply",header:o,width:e?.width??"1fr",align:"right",hideOnMedium:e?.hideOnMedium,sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"supply",defaultDirection:"desc"},cell:t=>n.jsx(S,{ctx:t}),mobileTitle:l}}function F(e){const{header:o,headerTip:l,mobileTitle:t}=a(e,"components.poolTable.supplyApy","components.poolTable.supplyApy.tip");return{id:"supplyApy",header:o,headerTip:l,width:e?.width??"1.25fr",align:"right",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"apy",defaultDirection:"desc"},cell:i=>{const{apy:r,loading:s,points:d,tokensList:p}=i,{totalAPY:g=0,baseAPY:x=[],extraAPY:b=[],externalAPY:T,apy7DAgo:w}=r??{};return n.jsx(u.Skeleton,{width:60,loading:!!s,children:n.jsx(k.CompoundAPY,{totalAPY:g,totalAPYLoading:!!s,baseAPY:x,extraAPY:b,points:d,apy7DAgo:w,tokensList:p,externalAPY:T})})},mobileTitle:t}}function O(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.borrowed");return{id:"borrowed",header:o,width:e?.width??"1.15fr",align:"right",cell:t=>n.jsx(M,{ctx:t}),mobileTitle:l}}function U(e){const{header:o,headerTip:l,mobileTitle:t}=a(e,"components.poolTable.borrowApy");return{id:"borrowApy",header:o,headerTip:l,width:e?.width??"150px",align:"right",cell:i=>{const r=i.pool.borrowAPY??e?.getBorrowRate?.(i.pool)??0;return n.jsx("div",{className:"flex justify-start md:justify-end",children:m.percentageTemplate(r)})},mobileTitle:t}}function R(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.utilization");return{id:"utilization",header:o,width:e?.width??"150px",align:"right",className:"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"utilization",defaultDirection:"desc"},cell:t=>{const i=t.pool.utilization??0;return n.jsx("div",{className:"flex justify-start md:justify-end",children:n.jsx(A.PercentIndicator,{percent:i})})},mobileTitle:l}}function $(e){const o=e?.maxAssets??5,l=r=>z(r,o,e?.options),{header:t,mobileTitle:i}=a(e,"components.poolTable.collateral");return{id:"collateral",header:t,width:e?.width??"148px",align:e?.align??"left",gapBefore:e?.gapBefore??"md",cell:e?.cell??l,mobileCell:e?.mobileCell??e?.cell??l,mobileTitle:i}}function H(e){const{header:o,mobileTitle:l}=a(e,"components.poolTable.balance");return{id:"balance",header:o,width:e?.width??"1.15fr",align:"right",className:e?.className??"pr-4",headerClassName:e?.headerClassName??"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"balance",defaultDirection:"desc"},cell:e?.cell??(t=>n.jsx(Y,{ctx:t})),mobileTitle:l}}function E(e){return e}exports.balanceColumn=H;exports.borrowApyColumn=U;exports.borrowedColumn=O;exports.collateralColumn=$;exports.customColumn=E;exports.defaultPoolName=y;exports.poolColumn=B;exports.supplyApyColumn=F;exports.supplyColumn=L;exports.utilizationColumn=R;

package/dist/esm/components/composites/pool-table/columns.js

@@ -296,6 +296,7 @@ export {
   ce as borrowedColumn,
   pe as collateralColumn,
   he as customColumn,
+  M as defaultPoolName,
   ae as poolColumn,
   se as supplyApyColumn,
   de as supplyColumn,

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

@@ -11,6 +11,7 @@ interface ColumnHeaderOptions {
     headerTipMessageId?: LocaleKeys;
     mobileTitle?: React.ReactNode;
 }
+export declare function defaultPoolName(ctx: PoolTableCellContext): string;
 /**
  * Pool name column — displays token icon, pool name and optional description.
  *

package/package.json

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