@loafmarkets/ui 0.0.7 → 0.0.8

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +2 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +4 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +4 -3
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -207,10 +207,12 @@ type YourOrder = {
207
207
  type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
208
208
  title?: string;
209
209
  orders: YourOrder[];
210
+ renderOrderActions?: (order: YourOrder) => React.ReactNode;
210
211
  };
211
212
  declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
212
213
  title?: string;
213
214
  orders: YourOrder[];
215
+ renderOrderActions?: (order: YourOrder) => React.ReactNode;
214
216
  } & React.RefAttributes<HTMLDivElement>>;
215
217
 
216
218
  type PriceChartRange = "1D" | "1W" | "1M" | "3M" | "1Y";
package/dist/index.d.ts CHANGED
@@ -207,10 +207,12 @@ type YourOrder = {
207
207
  type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
208
208
  title?: string;
209
209
  orders: YourOrder[];
210
+ renderOrderActions?: (order: YourOrder) => React.ReactNode;
210
211
  };
211
212
  declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
212
213
  title?: string;
213
214
  orders: YourOrder[];
215
+ renderOrderActions?: (order: YourOrder) => React.ReactNode;
214
216
  } & React.RefAttributes<HTMLDivElement>>;
215
217
 
216
218
  type PriceChartRange = "1D" | "1W" | "1M" | "3M" | "1Y";
package/dist/index.js CHANGED
@@ -1576,7 +1576,7 @@ var formatPercent = (value, fractionDigits = 2) => {
1576
1576
  return `${value.toFixed(fractionDigits)}%`;
1577
1577
  };
1578
1578
  var YourOrders = React5__namespace.forwardRef(
1579
- ({ className, title = "Portfolio Holdings (Demo)", orders, ...props }, ref) => {
1579
+ ({ className, title = "Portfolio Holdings (Demo)", orders, renderOrderActions, ...props }, ref) => {
1580
1580
  const [activeTab, setActiveTab] = React5__namespace.useState("portfolio");
1581
1581
  const hasOrders = Array.isArray(orders) && orders.length > 0;
1582
1582
  const renderPortfolio = () => {
@@ -1608,7 +1608,7 @@ var YourOrders = React5__namespace.forwardRef(
1608
1608
  const currentPrice = order.currentPrice ?? order.price;
1609
1609
  const priceChangePercent = order.priceChangePercent ?? order.pnlPercent;
1610
1610
  const priceChangePositive = order.priceChangePositive ?? (priceChangePercent != null ? priceChangePercent >= 0 : void 0);
1611
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
1611
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...rowStyle, gridTemplateColumns: renderOrderActions ? "1.8fr 0.8fr 0.7fr 0.8fr 0.8fr 0.9fr 0.8fr" : "1.8fr 0.9fr 0.7fr 0.8fr 0.8fr 1fr" }, children: [
1612
1612
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
1613
1613
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.15rem" }, children: [
1614
1614
  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.9rem", fontWeight: 500 }, children: propertyName }),
@@ -1679,7 +1679,8 @@ var YourOrders = React5__namespace.forwardRef(
1679
1679
  ] }) : null
1680
1680
  ]
1681
1681
  }
1682
- )
1682
+ ),
1683
+ renderOrderActions ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "flex-end" }, children: renderOrderActions(order) }) : null
1683
1684
  ] }, order.id);
1684
1685
  }) })
1685
1686
  ] });