@protobase/ui 0.25.2 → 0.25.3

package/dist/app/hand-order/hand-sorted-list.js

@@ -1,4 +1,5 @@
 import { Skeleton } from "../../primitives/skeleton.js";
+import { slotted } from "../../locale/slotted.js";
 import { Problem } from "../pages/problem.js";
 import { recordKey, recordTitle } from "../../live/model-helpers.js";
 import { loadedFields } from "../displays/list-displays.js";
@@ -11,7 +12,7 @@ import { embeddedColumns } from "../embedded-list/embedded-columns.js";
 import { text } from "./messages.js";
 import { useHandOrder } from "./use-hand-order.js";
 import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/app/hand-order/hand-sorted-list.tsx
 /**
 * The records in their order by hand, in the list's table with a drag handle in each row's checkbox place: dragging a
@@ -58,11 +59,7 @@ const HandSortedList = ({ model, view, field, filter, columns, sort }) => {
 		total: rows.length,
 		rowAt: (index) => rows[index]
 	}, [rows]);
-	if (ruleName !== void 0 && !rule) return /* @__PURE__ */ jsxs(Problem, { children: [
-		"No drop rule is registered as ",
-		ruleName,
-		". Give it in dropRules in protobase.ui.tsx, or load the plugin that provides it."
-	] });
+	if (ruleName !== void 0 && !rule) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("noRule"), ruleName) });
 	if (order.loading) return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-2",
 		children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }, index))

package/dist/app/hand-order/messages.js

@@ -11,7 +11,8 @@ const text = defineMessages({
 		undo: "Undo",
 		couldNotUndo: "Could not undo",
 		movedToPlace: (place) => `Moved to place ${place}`,
-		notMoved: "Left in its place"
+		notMoved: "Left in its place",
+		noRule: "No drop rule is registered as {}. Give it in dropRules in protobase.ui.tsx, or load the plugin that provides it."
 	},
 	nl: {
 		done: "Klaar",
@@ -23,7 +24,8 @@ const text = defineMessages({
 		undo: "Ongedaan maken",
 		couldNotUndo: "Kon niet ongedaan maken",
 		movedToPlace: (place) => `Verplaatst naar plaats ${place}`,
-		notMoved: "Op zijn plaats gelaten"
+		notMoved: "Op zijn plaats gelaten",
+		noRule: "Er is geen sleepregel geregistreerd als {}. Geef die in dropRules in protobase.ui.tsx, of laad de plug-in die haar levert."
 	}
 });
 //#endregion

package/dist/app/history/describe-change.js

@@ -1,16 +1,11 @@
 import { humanize } from "../../live/naming.js";
 import { displayValue } from "../../live/display-value.js";
+import { text } from "./messages.js";
 //#region src/app/history/describe-change.ts
-const verbs = {
-	create: "created this",
-	update: "changed",
-	delete: "deleted this",
-	undelete: "restored this"
-};
 /** Who made a change: their name, else their id; a write from outside the app names the database role. */
 const changedBy = (change) => {
 	if (change.actor) return change.actor.name ?? change.actor.id;
-	return change.databaseRole ? `Database (${change.databaseRole})` : "Database";
+	return change.databaseRole ? text("databaseRole", change.databaseRole) : text("database");
 };
 /**
 * A change as the record page tells it: who, what they did, and for an update each changed field the model still has,
@@ -33,7 +28,7 @@ const describeChange = (change, model, view) => {
 			after: displayValue(field, change.after[name], hints)
 		}];
 	});
-	const verb = change.operation === "update" && fields.length === 0 ? "changed this" : verbs[change.operation];
+	const verb = change.operation === "update" && fields.length === 0 ? text("changedThis") : text(change.operation);
 	return {
 		who: changedBy(change),
 		verb,

package/dist/app/history/messages.js

@@ -0,0 +1,32 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/history/messages.ts
+const text = defineMessages({
+	en: {
+		create: "created this",
+		update: "changed",
+		delete: "deleted this",
+		undelete: "restored this",
+		database: "Database",
+		databaseRole: (role) => `Database (${role})`,
+		changed: "changed",
+		changedThis: "changed this",
+		couldNotLoad: "Could not load the history",
+		noChanges: "No changes kept yet.",
+		showMore: "Show more"
+	},
+	nl: {
+		create: "maakte dit",
+		update: "wijzigde",
+		delete: "verwijderde dit",
+		undelete: "zette dit terug",
+		database: "Database",
+		databaseRole: (role) => `Database (${role})`,
+		changed: "gewijzigd",
+		changedThis: "wijzigde dit",
+		couldNotLoad: "Kon de geschiedenis niet laden",
+		noChanges: "Nog geen wijzigingen bewaard.",
+		showMore: "Meer tonen"
+	}
+});
+//#endregion
+export { text };

package/dist/app/import/convert.js

@@ -1,4 +1,5 @@
 import { parseNumberText } from "../../format/number-text.js";
+import { text } from "./messages.js";
 import { cellText, isEmptyCell, isSheetDate } from "./sheet-cell.js";
 import { enumLabel } from "@protobase/schema";
 //#region src/app/import/convert.ts
@@ -16,17 +17,17 @@ const toNumberText = (cell, options) => {
 	if (typeof cell === "string") return parseNumberText(cell, options.decimal);
 };
 const integerValue = (field, cell, options) => {
-	const text = toNumberText(cell, options);
-	if (text === void 0) return problem(`${quoted(cell)} is not a number`);
-	const [whole, fraction = ""] = text.split(".");
-	if (/[1-9]/.test(fraction) || /e/i.test(text)) return problem(`${quoted(cell)} is not a whole number`);
+	const text$1 = toNumberText(cell, options);
+	if (text$1 === void 0) return problem(text("notNumber", quoted(cell)));
+	const [whole, fraction = ""] = text$1.split(".");
+	if (/[1-9]/.test(fraction) || /e/i.test(text$1)) return problem(text("notWholeNumber", quoted(cell)));
 	if (field.type === "bigint") return ok(String(BigInt(whole)));
 	const value = Number(whole);
-	return Number.isSafeInteger(value) ? ok(value) : problem(`${quoted(cell)} is too large`);
+	return Number.isSafeInteger(value) ? ok(value) : problem(text("tooLarge", quoted(cell)));
 };
 const decimalValue = (cell, options) => {
-	const text = toNumberText(cell, options);
-	return text === void 0 ? problem(`${quoted(cell)} is not a number`) : ok(text);
+	const text$2 = toNumberText(cell, options);
+	return text$2 === void 0 ? problem(text("notNumber", quoted(cell))) : ok(text$2);
 };
 const trueWords = /* @__PURE__ */ new Set([
 	"true",
@@ -40,10 +41,10 @@ const falseWords = /* @__PURE__ */ new Set([
 ]);
 const booleanValue = (cell) => {
 	if (typeof cell === "boolean") return ok(cell);
-	const text = typeof cell === "string" || typeof cell === "number" ? String(cell).trim().toLowerCase() : "";
-	if (trueWords.has(text)) return ok(true);
-	if (falseWords.has(text)) return ok(false);
-	return problem(`${quoted(cell)} is not true or false (true, false, yes, no, 1 or 0)`);
+	const text$3 = typeof cell === "string" || typeof cell === "number" ? String(cell).trim().toLowerCase() : "";
+	if (trueWords.has(text$3)) return ok(true);
+	if (falseWords.has(text$3)) return ok(false);
+	return problem(text("notBoolean", quoted(cell)));
 };
 const pad = (value) => String(value).padStart(2, "0");
 const calendarDate = (year, month, day) => {
@@ -90,11 +91,11 @@ const wallTimeOf = (cell, options) => {
 	}
 	return typeof cell === "string" ? readWallTime(cell, options.dateOrder) : void 0;
 };
-const notDate = (cell, options) => problem(`${quoted(cell)} is not a date (2026-04-03 or ${options.dateOrder === "dmy" ? "day/month/year" : "month/day/year"})`);
+const notDate = (cell, options) => problem(text("notDate", quoted(cell), options.dateOrder === "dmy"));
 const dateValue = (cell, options) => {
 	const at = wallTimeOf(cell, options);
 	if (!at) return notDate(cell, options);
-	if (at.time && at.time !== "00:00:00") return problem(`${quoted(cell)} has a time of day; the field holds a date`);
+	if (at.time && at.time !== "00:00:00") return problem(text("hasTime", quoted(cell)));
 	return ok(at.date);
 };
 const timestampValue = (cell, options) => {
@@ -108,20 +109,20 @@ const timestampValue = (cell, options) => {
 const normalized = (text) => text.trim().toLowerCase().replace(/\s+/g, " ");
 const enumValue = (field, hints, cell) => {
 	const values = field.enumValues ?? [];
-	const text = normalized(cellText(cell));
-	const matches = values.filter((value) => normalized(value) === text || normalized(enumLabel(value, hints?.valueLabels)) === text);
+	const text$4 = normalized(cellText(cell));
+	const matches = values.filter((value) => normalized(value) === text$4 || normalized(enumLabel(value, hints?.valueLabels)) === text$4);
 	if (matches.length === 1) return ok(matches[0]);
-	if (matches.length > 1) return problem(`${quoted(cell)} matches more than one value: ${matches.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")}`);
-	return problem(`${quoted(cell)} is not one of ${values.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")}`);
+	if (matches.length > 1) return problem(text("severalValues", quoted(cell), matches.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")));
+	return problem(text("notOneOf", quoted(cell), values.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")));
 };
-const textValue = (cell) => typeof cell === "boolean" ? problem(`${quoted(cell)} is true or false, not text`) : ok(cellText(cell));
+const textValue = (cell) => typeof cell === "boolean" ? problem(text("notText", quoted(cell))) : ok(cellText(cell));
 /**
 * The value a cell gives a field, as the API takes it, or the problem that keeps it from being one: never a guess, and an
 * empty cell is null, never a default. A relation's cell is the value of the field its records are found by, so it
 * converts as that field (`convertCell(targetField, ...)`).
 */
 const convertCell = (field, hints, cell, options) => {
-	if (isEmptyCell(cell)) return field.nullable ? ok(null) : problem("is empty, and it is required");
+	if (isEmptyCell(cell)) return field.nullable ? ok(null) : problem(text("emptyRequired"));
 	switch (field.type) {
 		case "integer":
 		case "bigint": return integerValue(field, cell, options);

package/dist/app/import/failed-rows.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { cellText } from "./sheet-cell.js";
 //#region src/app/import/failed-rows.ts
 const csvField = (text) => /[",\r\n]/.test(text) ? `"${text.replace(/"/g, "\"\"")}"` : text;
@@ -13,8 +14,8 @@ const failedRowsCsv = (headers, rows) => {
 	]);
 	return `${[[
 		...headers,
-		"Line",
-		"Problems"
+		text("line"),
+		text("problems")
 	], ...lines].map((fields) => fields.map(csvField).join(",")).join("\r\n")}\r\n`;
 };
 //#endregion

package/dist/app/import/import-button.js

@@ -1,6 +1,7 @@
 import { Button } from "../../primitives/button.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { can } from "../permissions.js";
+import { text } from "./messages.js";
 import { ImportDialog } from "./import-dialog.js";
 import { useState } from "react";
 import { Upload } from "lucide-react";
@@ -18,7 +19,7 @@ const ImportButton = ({ model }) => {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
 		onClick: () => setOpen(true),
 		"aria-haspopup": "dialog",
-		children: [/* @__PURE__ */ jsx(Upload, { className: "size-3.5" }), "Import"]
+		children: [/* @__PURE__ */ jsx(Upload, { className: "size-3.5" }), text("import")]
 	}), open && /* @__PURE__ */ jsx(ImportDialog, {
 		model,
 		resources,

package/dist/app/import/import-check-step.js

@@ -3,6 +3,7 @@ import { Spinner } from "../../primitives/spinner.js";
 import { Button } from "../../primitives/button.js";
 import { saveFile } from "../../lib/save-file.js";
 import { displayValue } from "../../live/display-value.js";
+import { text } from "./messages.js";
 import { failedRowsCsv } from "./failed-rows.js";
 import { ImportCounts } from "./import-counts.js";
 import { fieldLabel, relationModel } from "./mapping.js";
@@ -12,40 +13,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** How many rows with problems the check lists; the file of them holds every one. */
 const listedProblems = 50;
 /** Saves the rows with their problems as a CSV named after the imported file. */
-const downloadRows = (fileName, headers, rows) => saveFile(failedRowsCsv(headers, rows), `${(fileName ?? "import").replace(/\.[^.]+$/, "")} - not imported.csv`, "text/csv");
+const downloadRows = (fileName, headers, rows) => saveFile(failedRowsCsv(headers, rows), text("notImportedFile", (fileName ?? "import").replace(/\.[^.]+$/, "")), "text/csv");
 /** The rows with what keeps each from being imported, at most `listedProblems` of them. */
 const ProblemList = ({ rows }) => /* @__PURE__ */ jsxs("ul", {
-	"aria-label": "Rows not imported",
+	"aria-label": text("rowsNotImported"),
 	className: "flex flex-col gap-1 text-xs",
 	children: [rows.slice(0, listedProblems).map((row) => /* @__PURE__ */ jsxs("li", { children: [
-		/* @__PURE__ */ jsxs("span", {
+		/* @__PURE__ */ jsx("span", {
 			className: "font-medium",
-			children: [
-				"Row ",
-				row.line,
-				":"
-			]
+			children: text("rowProblems", row.line)
 		}),
 		" ",
 		row.problems.join("; ")
-	] }, row.line)), rows.length > listedProblems && /* @__PURE__ */ jsxs("li", {
+	] }, row.line)), rows.length > listedProblems && /* @__PURE__ */ jsx("li", {
 		className: "text-muted-foreground",
-		children: [
-			"And ",
-			(rows.length - listedProblems).toLocaleString(formatTag()),
-			" more rows, all in the file."
-		]
+		children: text("andMore", (rows.length - listedProblems).toLocaleString(formatTag()))
 	})]
 });
 const ImportChecking = ({ rows }) => /* @__PURE__ */ jsxs("p", {
 	className: "flex items-center gap-2 text-muted-foreground",
 	role: "status",
-	children: [
-		/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
-		"Checking rows… ",
-		rows.toLocaleString(formatTag()),
-		" read"
-	]
+	children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), text("checkingRows", rows.toLocaleString(formatTag()))]
 });
 /**
 * What the import would do, before it writes anything: how many rows create or update a record, the first rows as they
@@ -58,24 +46,24 @@ const ImportCheckStep = ({ check, model, resources, views, columns, headers, fil
 		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx(ImportCounts, {
-				label: "Check",
+				label: text("check"),
 				counts: [
-					["Rows", check.rows],
-					["To create", check.creates],
-					["To update", check.updates],
-					["With problems", check.problems.length]
+					[text("rows"), check.rows],
+					[text("toCreate"), check.creates],
+					[text("toUpdate"), check.updates],
+					[text("withProblems"), check.problems.length]
 				]
 			}),
 			check.preview.length > 0 && /* @__PURE__ */ jsx("div", {
 				className: "overflow-x-auto rounded-lg border",
 				children: /* @__PURE__ */ jsxs("table", {
-					"aria-label": "First rows",
+					"aria-label": text("firstRows"),
 					className: "w-full text-left text-xs",
 					children: [/* @__PURE__ */ jsx("thead", {
 						className: "bg-muted text-muted-foreground",
 						children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
 							className: "px-2 py-1.5 font-medium",
-							children: "Row"
+							children: text("row")
 						}), shown.map((field) => /* @__PURE__ */ jsx("th", {
 							className: "whitespace-nowrap px-2 py-1.5 font-medium",
 							children: fieldLabel(view, field.name)
@@ -101,21 +89,17 @@ const ImportCheckStep = ({ check, model, resources, views, columns, headers, fil
 					className: "flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ jsx("h3", {
 						className: "font-medium",
-						children: "Rows with problems, which are skipped"
+						children: text("problemRows")
 					}), /* @__PURE__ */ jsxs(Button, {
 						size: "sm",
 						onClick: () => downloadRows(fileName, headers, check.problems),
-						children: [/* @__PURE__ */ jsx(Download, { className: "size-3.5" }), "Download"]
+						children: [/* @__PURE__ */ jsx(Download, { className: "size-3.5" }), text("download")]
 					})]
 				}), /* @__PURE__ */ jsx(ProblemList, { rows: check.problems })]
 			}),
-			/* @__PURE__ */ jsxs("p", {
+			/* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: [
-					"Rows are saved in batches of ",
-					100,
-					". Cancelling, or an error, keeps the batches already saved; a row the server refuses is listed and the others are saved."
-				]
+				children: text("batches", 100)
 			})
 		]
 	});

package/dist/app/import/import-dialog.js

@@ -3,6 +3,7 @@ import { Button } from "../../primitives/button.js";
 import { humanize } from "../../live/naming.js";
 import { ErrorBanner } from "../error-banner.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
+import { text } from "./messages.js";
 import { unmappedRequired } from "./mapping.js";
 import { ImportCheckStep, ImportChecking } from "./import-check-step.js";
 import { ImportFileStep } from "./import-file-step.js";
@@ -11,7 +12,7 @@ import { ImportProgressStep, ImportSummary } from "./import-result-step.js";
 import { useImportFlow } from "./use-import-flow.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/import/import-dialog.tsx
-const errorTitle = (flow) => flow.step.kind === "file" ? "Could not read the file" : "Could not check the rows";
+const errorTitle = (flow) => flow.step.kind === "file" ? text("couldNotReadFile") : text("couldNotCheck");
 const readyToCheck = (flow) => {
 	if (flow.columns.length === 0) return false;
 	if (flow.mode === "create") return unmappedRequired("create", flow.fields, flow.columns).length === 0;
@@ -39,7 +40,7 @@ const ImportDialog = ({ model, resources, views, canUpdate, onClose, sourceFor }
 	};
 	const cancelButton = /* @__PURE__ */ jsx(Button, {
 		onClick: close,
-		children: "Cancel"
+		children: text("cancel")
 	});
 	const actions = () => {
 		switch (step.kind) {
@@ -47,49 +48,44 @@ const ImportDialog = ({ model, resources, views, canUpdate, onClose, sourceFor }
 				variant: "primary",
 				loading: step.reading,
 				onClick: flow.openSheet,
-				children: "Next"
+				children: text("next")
 			})] });
 			case "map": return /* @__PURE__ */ jsxs(Fragment, { children: [cancelButton, /* @__PURE__ */ jsx(Button, {
 				variant: "primary",
 				disabled: !readyToCheck(flow),
 				onClick: flow.check,
-				children: "Check rows"
+				children: text("checkRows")
 			})] });
 			case "checking": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 				onClick: flow.back,
-				children: "Back"
+				children: text("back")
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "primary",
 				loading: true,
-				children: "Checking"
+				children: text("checking")
 			})] });
 			case "checked": {
 				const rows = step.check.creates + step.check.updates;
 				return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 					onClick: flow.back,
-					children: "Back"
-				}), /* @__PURE__ */ jsxs(Button, {
+					children: text("back")
+				}), /* @__PURE__ */ jsx(Button, {
 					variant: "primary",
 					disabled: rows === 0,
 					onClick: () => flow.start(rows),
-					children: [
-						"Import ",
-						rows.toLocaleString(formatTag()),
-						" ",
-						rows === 1 ? "row" : "rows"
-					]
+					children: text("importRows", rows.toLocaleString(formatTag()), rows)
 				})] });
 			}
 			case "importing": return /* @__PURE__ */ jsx(Button, {
 				variant: "danger",
 				disabled: step.cancelling,
 				onClick: flow.cancel,
-				children: "Cancel import"
+				children: text("cancelImport")
 			});
 			case "done": return /* @__PURE__ */ jsx(Button, {
 				variant: "primary",
 				onClick: onClose,
-				children: "Done"
+				children: text("done")
 			});
 		}
 	};
@@ -136,7 +132,7 @@ const ImportDialog = ({ model, resources, views, canUpdate, onClose, sourceFor }
 	return /* @__PURE__ */ jsx(ResponsiveDialog, {
 		open: true,
 		wide: true,
-		title: `Import ${plural.toLowerCase()}`,
+		title: text("importPlural", plural),
 		description: flow.file && step.kind !== "file" ? flow.file.name : void 0,
 		onClose: close,
 		actions: actions(),

package/dist/app/import/import-file-step.js

@@ -1,4 +1,5 @@
 import { Spinner } from "../../primitives/spinner.js";
+import { text } from "./messages.js";
 import { ImportSelect } from "./import-select.js";
 import { useId } from "react";
 import { FileSpreadsheet } from "lucide-react";
@@ -16,7 +17,7 @@ const ImportFileStep = ({ file, sheets, sheet, reading, onChoose, onSheet }) =>
 					/* @__PURE__ */ jsx("label", {
 						htmlFor: id,
 						className: "font-medium",
-						children: "File"
+						children: text("file")
 					}),
 					/* @__PURE__ */ jsx("input", {
 						id,
@@ -31,25 +32,20 @@ const ImportFileStep = ({ file, sheets, sheet, reading, onChoose, onSheet }) =>
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-xs text-muted-foreground",
-						children: "An Excel workbook (.xlsx) or a CSV file saved as UTF-8. Its first row names the columns."
+						children: text("fileHint")
 					})
 				]
 			}),
 			reading && /* @__PURE__ */ jsxs("p", {
 				className: "flex items-center gap-2 text-muted-foreground",
 				role: "status",
-				children: [
-					/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
-					"Reading ",
-					file?.name ?? "the file",
-					"…"
-				]
+				children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), text("reading", file?.name ?? text("theFile"))]
 			}),
 			!reading && sheets.length > 1 && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-end gap-3",
 				children: [/* @__PURE__ */ jsx(FileSpreadsheet, { className: "mb-2 size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ jsx(ImportSelect, {
 					className: "flex-1",
-					label: "Sheet",
+					label: text("sheet"),
 					value: sheet ?? "",
 					options: sheets.map((name) => ({
 						value: name,