@loafmarkets/ui 0.1.91 → 0.1.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +24 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +24 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11813,8 +11813,8 @@ var InsufficientFunds = styled25__default.default.div`
|
|
|
11813
11813
|
`;
|
|
11814
11814
|
var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
|
|
11815
11815
|
var formatCurrency5 = (value, opts) => {
|
|
11816
|
-
const min = 2;
|
|
11817
|
-
const max = 2;
|
|
11816
|
+
const min = opts?.minimumFractionDigits ?? 2;
|
|
11817
|
+
const max = opts?.maximumFractionDigits ?? 2;
|
|
11818
11818
|
return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
|
|
11819
11819
|
};
|
|
11820
11820
|
var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
|
|
@@ -11977,6 +11977,13 @@ function PortfolioActivityPanel({
|
|
|
11977
11977
|
formatCurrency5(pos.averageEntryPrice)
|
|
11978
11978
|
] })
|
|
11979
11979
|
] }),
|
|
11980
|
+
/* @__PURE__ */ jsxRuntime.jsxs(HoldingsValue, { children: [
|
|
11981
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency5(currentValue) }),
|
|
11982
|
+
/* @__PURE__ */ jsxRuntime.jsxs(HoldingsAvgCost, { children: [
|
|
11983
|
+
"Avg cost ",
|
|
11984
|
+
formatCurrency5(costBasis, { maximumFractionDigits: 0 })
|
|
11985
|
+
] })
|
|
11986
|
+
] }),
|
|
11980
11987
|
/* @__PURE__ */ jsxRuntime.jsxs(HoldingsPnL, { children: [
|
|
11981
11988
|
/* @__PURE__ */ jsxRuntime.jsxs(PnLAmount, { $positive: isPositive, children: [
|
|
11982
11989
|
isPositive ? "+" : "-",
|
|
@@ -12374,7 +12381,7 @@ var PaginationLabel = styled25__default.default.span`
|
|
|
12374
12381
|
`;
|
|
12375
12382
|
var HoldingsItem = styled25__default.default.div`
|
|
12376
12383
|
display: grid;
|
|
12377
|
-
grid-template-columns: 1fr 1fr
|
|
12384
|
+
grid-template-columns: 1.2fr 1fr 1fr 0.8fr;
|
|
12378
12385
|
align-items: center;
|
|
12379
12386
|
padding: 0.5rem 0;
|
|
12380
12387
|
min-height: 50px;
|
|
@@ -12413,6 +12420,20 @@ var HoldingsAvgEntry = styled25__default.default.div`
|
|
|
12413
12420
|
color: var(--color-accent, #E6C87E);
|
|
12414
12421
|
font-weight: 500;
|
|
12415
12422
|
`;
|
|
12423
|
+
var HoldingsValue = styled25__default.default.div`
|
|
12424
|
+
display: flex;
|
|
12425
|
+
flex-direction: column;
|
|
12426
|
+
align-items: center;
|
|
12427
|
+
gap: 0.15rem;
|
|
12428
|
+
font-size: 0.85rem;
|
|
12429
|
+
font-weight: 600;
|
|
12430
|
+
color: #fff;
|
|
12431
|
+
`;
|
|
12432
|
+
var HoldingsAvgCost = styled25__default.default.div`
|
|
12433
|
+
font-size: 0.65rem;
|
|
12434
|
+
color: rgba(255, 255, 255, 0.4);
|
|
12435
|
+
font-weight: 400;
|
|
12436
|
+
`;
|
|
12416
12437
|
var HoldingsPnL = styled25__default.default.div`
|
|
12417
12438
|
display: flex;
|
|
12418
12439
|
flex-direction: column;
|