@loafmarkets/ui 0.1.396 → 0.1.398
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.d.mts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +28 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +28 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -4615,6 +4615,8 @@ var PropertyHeroHeader = React5.forwardRef(
|
|
|
4615
4615
|
name,
|
|
4616
4616
|
address,
|
|
4617
4617
|
location,
|
|
4618
|
+
typeBadgeColor = "#E6C87E",
|
|
4619
|
+
typeBadgeBackground = "rgba(230, 200, 126, 0.12)",
|
|
4618
4620
|
price,
|
|
4619
4621
|
currencySymbol = "$",
|
|
4620
4622
|
changePercent,
|
|
@@ -4688,7 +4690,7 @@ var PropertyHeroHeader = React5.forwardRef(
|
|
|
4688
4690
|
/* @__PURE__ */ jsx(NameGroup, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
|
|
4689
4691
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexWrap: "wrap" }, children: [
|
|
4690
4692
|
/* @__PURE__ */ jsx("h1", { style: headingStyle, className: "break-words", children: name }),
|
|
4691
|
-
location ? /* @__PURE__ */ jsx(TypeBadge, { children: location }) : null
|
|
4693
|
+
location ? /* @__PURE__ */ jsx(TypeBadge, { $color: typeBadgeColor, $bg: typeBadgeBackground, children: location }) : null
|
|
4692
4694
|
] }),
|
|
4693
4695
|
address ? /* @__PURE__ */ jsx(AddressText, { children: address }) : null
|
|
4694
4696
|
] }) }),
|
|
@@ -4916,8 +4918,8 @@ var TypeBadge = styled10.span`
|
|
|
4916
4918
|
letter-spacing: 0.03em;
|
|
4917
4919
|
text-transform: uppercase;
|
|
4918
4920
|
line-height: 1;
|
|
4919
|
-
color:
|
|
4920
|
-
background:
|
|
4921
|
+
color: ${(p) => p.$color};
|
|
4922
|
+
background: ${(p) => p.$bg};
|
|
4921
4923
|
white-space: nowrap;
|
|
4922
4924
|
flex-shrink: 0;
|
|
4923
4925
|
`;
|
|
@@ -15542,6 +15544,10 @@ function PortfolioActivityPanel({
|
|
|
15542
15544
|
] }),
|
|
15543
15545
|
expanded && /* @__PURE__ */ jsxs(CExpandedWrap, { children: [
|
|
15544
15546
|
/* @__PURE__ */ jsxs(CDetailGrid3, { children: [
|
|
15547
|
+
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
15548
|
+
/* @__PURE__ */ jsx(CDLabel, { children: "Order ID" }),
|
|
15549
|
+
/* @__PURE__ */ jsx(CDValue, { children: order.id > 0 ? `#${order.id}` : "\u2014" })
|
|
15550
|
+
] }),
|
|
15545
15551
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
15546
15552
|
/* @__PURE__ */ jsx(CDLabel, { children: "Type" }),
|
|
15547
15553
|
/* @__PURE__ */ jsx(CDValue, { children: typeLabel })
|
|
@@ -15567,7 +15573,8 @@ function PortfolioActivityPanel({
|
|
|
15567
15573
|
] }, rowKey);
|
|
15568
15574
|
}),
|
|
15569
15575
|
mergedOrderHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15570
|
-
/* @__PURE__ */ jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
|
|
15576
|
+
/* @__PURE__ */ jsxs(GridHeader, { $columns: "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
|
|
15577
|
+
/* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
|
|
15571
15578
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
|
|
15572
15579
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
|
|
15573
15580
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Type" }),
|
|
@@ -15583,7 +15590,8 @@ function PortfolioActivityPanel({
|
|
|
15583
15590
|
const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
|
|
15584
15591
|
const typeLabel = order.isOfferingOrder ? "Initial Offering" : prettyLabel(order.type);
|
|
15585
15592
|
const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
|
|
15586
|
-
return /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
|
|
15593
|
+
return /* @__PURE__ */ jsxs(GridRow, { $columns: "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 1fr", children: [
|
|
15594
|
+
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
|
|
15587
15595
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(order.tokenName) : void 0, children: order.tokenName }) }),
|
|
15588
15596
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
|
|
15589
15597
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: typeLabel }) }),
|
|
@@ -15637,7 +15645,14 @@ function PortfolioActivityPanel({
|
|
|
15637
15645
|
] }),
|
|
15638
15646
|
/* @__PURE__ */ jsx(CChevronWrap, { $open: expanded, children: /* @__PURE__ */ jsx(ChevronDown, {}) })
|
|
15639
15647
|
] }),
|
|
15640
|
-
expanded && /* @__PURE__ */ jsx(CExpandedWrap, { children: /* @__PURE__ */ jsxs(
|
|
15648
|
+
expanded && /* @__PURE__ */ jsx(CExpandedWrap, { children: /* @__PURE__ */ jsxs(CDetailGrid3, { children: [
|
|
15649
|
+
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
15650
|
+
/* @__PURE__ */ jsx(CDLabel, { children: "Trade ID" }),
|
|
15651
|
+
/* @__PURE__ */ jsxs(CDValue, { children: [
|
|
15652
|
+
"#",
|
|
15653
|
+
trade.tradeId
|
|
15654
|
+
] })
|
|
15655
|
+
] }),
|
|
15641
15656
|
/* @__PURE__ */ jsxs(CDetailItem, { children: [
|
|
15642
15657
|
/* @__PURE__ */ jsx(CDLabel, { children: "Price" }),
|
|
15643
15658
|
/* @__PURE__ */ jsx(CDValue, { children: formatCurrency4(trade.price) })
|
|
@@ -15654,7 +15669,8 @@ function PortfolioActivityPanel({
|
|
|
15654
15669
|
] }, rowKey);
|
|
15655
15670
|
}),
|
|
15656
15671
|
tradeHistory.length > 0 && !compactPositions && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15657
|
-
/* @__PURE__ */ jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
|
|
15672
|
+
/* @__PURE__ */ jsxs(GridHeader, { $columns: "0.5fr 1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
|
|
15673
|
+
/* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
|
|
15658
15674
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
|
|
15659
15675
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
|
|
15660
15676
|
/* @__PURE__ */ jsx(GridHeaderCell, { children: "Qty" }),
|
|
@@ -15672,7 +15688,11 @@ function PortfolioActivityPanel({
|
|
|
15672
15688
|
const settlementLabel = isSettled ? "Settled" : isFailed ? "Settlement Failed" : isSettling ? prettyLabel(trade.status) : "\u2014";
|
|
15673
15689
|
const settlementMeta = isSettled ? { color: "#0ecb81", bg: "rgba(14,203,129,0.1)" } : isFailed ? { color: "#f6465d", bg: "rgba(246,70,93,0.12)" } : isSettling ? { color: "#E6C87E", bg: "rgba(240,185,11,0.15)" } : null;
|
|
15674
15690
|
const sideColor = sideLabel(trade.side) === "Buy" ? "#0ecb81" : "#f6465d";
|
|
15675
|
-
return /* @__PURE__ */ jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
|
|
15691
|
+
return /* @__PURE__ */ jsxs(GridRow, { $columns: "0.5fr 1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
|
|
15692
|
+
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { $muted: true, children: [
|
|
15693
|
+
"#",
|
|
15694
|
+
trade.tradeId
|
|
15695
|
+
] }) }),
|
|
15676
15696
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(trade.tokenName) : void 0, children: trade.tokenName }) }),
|
|
15677
15697
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
|
|
15678
15698
|
/* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsxs(CellText, { children: [
|