@protobase/ui 0.63.2 → 0.63.4

package/dist/inline-child-table/line-row.js

@@ -1,16 +1,12 @@
 import { cn } from "../lib/cn.js";
-import { lineTotalCents } from "../mocks/invoices.js";
 import { lineGrid } from "./columns.js";
-import { formatMoney } from "../format/money.js";
 import { LineMenu } from "./line-menu.js";
-import { NumberCell } from "./number-cell.js";
 import { text } from "./messages.js";
 import { GripVertical } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 //#region src/inline-child-table/line-row.tsx
-const parseEuros = (typed) => Math.round(Number(typed.replace(",", ".").replace(/[^0-9.]/g, "")) * 100);
-const LineRow = ({ line, position, count, reorderable, editable, onChange, onRemove, onMove }) => {
+const LineRow = ({ line, name, columns, position, count, reorderable, onRemove, onMove, error }) => {
 	const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({
 		id: line.id,
 		disabled: !reorderable
@@ -23,7 +19,7 @@ const LineRow = ({ line, position, count, reorderable, editable, onChange, onRem
 		label: text("moveDown"),
 		disabled: position === count - 1,
 		onSelect: () => onMove(position + 1)
-	}] : [], ...editable ? [{
+	}] : [], ...onRemove ? [{
 		label: text("removeLine"),
 		destructive: true,
 		onSelect: onRemove
@@ -31,60 +27,36 @@ const LineRow = ({ line, position, count, reorderable, editable, onChange, onRem
 	return /* @__PURE__ */ jsxs("div", {
 		ref: setNodeRef,
 		"data-line-id": line.id,
+		"aria-invalid": error ? true : void 0,
 		style: {
 			transform: transform ? `translate3d(0, ${transform.y}px, 0)` : void 0,
 			transition
 		},
-		className: cn("group relative border-b border-border bg-background px-2 py-1 last:border-b-0 hover:bg-surface", lineGrid, isDragging && "z-10 bg-surface opacity-80 shadow-pop"),
+		className: cn("group relative border-b border-border bg-background px-2 py-1 last:border-b-0 hover:bg-surface", lineGrid, isDragging && "z-10 bg-surface opacity-80 shadow-pop", error && "bg-danger-soft"),
 		children: [
 			reorderable ? /* @__PURE__ */ jsx("button", {
 				ref: setActivatorNodeRef,
 				type: "button",
-				"aria-label": text("dragToReorder", line.description),
+				"aria-label": text("dragToReorder", name),
 				...attributes,
 				...listeners,
 				style: { touchAction: "none" },
 				className: "flex size-7 cursor-grab items-center justify-center rounded text-faint-foreground opacity-60 hover:bg-muted hover:opacity-100 focus-visible:opacity-100 active:cursor-grabbing pointer-coarse:size-11",
 				children: /* @__PURE__ */ jsx(GripVertical, { className: "size-4" })
 			}) : /* @__PURE__ */ jsx("span", {}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "min-w-0",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "truncate text-foreground",
-					children: line.description
-				}), /* @__PURE__ */ jsx("p", {
-					className: "font-mono text-[11px] text-faint-foreground",
-					children: line.productId
-				})]
-			}),
-			editable ? /* @__PURE__ */ jsx(NumberCell, {
-				label: text("quantity"),
-				value: line.quantity,
-				format: String,
-				parse: (typed) => Math.round(Number(typed)),
-				onCommit: (quantity) => onChange({ quantity })
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "px-2 text-right tabular-nums",
-				children: line.quantity
-			}),
-			editable ? /* @__PURE__ */ jsx(NumberCell, {
-				label: text("unitPrice"),
-				value: line.unitPriceCents,
-				format: (cents) => (cents / 100).toFixed(2),
-				parse: parseEuros,
-				onCommit: (unitPriceCents) => onChange({ unitPriceCents })
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "px-2 text-right tabular-nums",
-				children: (line.unitPriceCents / 100).toFixed(2)
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "px-2 text-right font-medium tabular-nums text-foreground",
-				children: formatMoney(lineTotalCents(line))
-			}),
+			columns.map((column) => /* @__PURE__ */ jsx("div", {
+				className: cn("min-w-0", column.align === "right" && "text-right"),
+				children: column.cell(line)
+			}, column.key)),
 			menu.length > 0 ? /* @__PURE__ */ jsx(LineMenu, {
-				label: text("actionsFor", line.description),
+				label: text("actionsFor", name),
 				items: menu
-			}) : /* @__PURE__ */ jsx("span", {})
+			}) : /* @__PURE__ */ jsx("span", {}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "col-span-full px-2 pb-1 text-xs text-danger-text",
+				children: error
+			})
 		]
 	});
 };

package/dist/inline-child-table/messages.js

@@ -15,6 +15,7 @@ const text = defineMessages({
 		unitPrice: "Unit price",
 		lineTotal: "Line total",
 		addLine: "Add line",
+		noLines: "No lines yet.",
 		moveUp: "Move up",
 		moveDown: "Move down",
 		removeLine: "Remove line",
@@ -38,6 +39,7 @@ const text = defineMessages({
 		unitPrice: "Stukprijs",
 		lineTotal: "Regeltotaal",
 		addLine: "Regel toevoegen",
+		noLines: "Nog geen regels.",
 		moveUp: "Omhoog",
 		moveDown: "Omlaag",
 		removeLine: "Regel verwijderen",

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.63.2";
+var version = "0.63.4";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };