@protobase/ui 0.63.4 → 0.64.0

package/dist/primitives/token.js

@@ -10,7 +10,7 @@ const Token = ({ label, onRemove }) => /* @__PURE__ */ jsxs("span", {
 		children: label
 	}), /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": text("remove", label),
+		"aria-label": text("remove", { label }),
 		className: "rounded p-0.5 hover:bg-primary-border/60",
 		onMouseDown: (event) => event.preventDefault(),
 		onClick: onRemove,

package/dist/record-view/field.js

@@ -1,7 +1,7 @@
 import { Button } from "../primitives/button.js";
+import { Avatar } from "../primitives/avatar.js";
 import { text } from "./messages.js";
 import { FieldControlContext } from "../primitives/field-control.js";
-import { Avatar } from "../primitives/avatar.js";
 import { useId } from "react";
 import { TriangleAlert } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ const Field = ({ name, label, required, help, example, error, conflict, wide, ch
 					})]
 				}), conflict && /* @__PURE__ */ jsxs("span", {
 					className: "inline-flex items-center gap-1.5 text-warning-text",
-					title: text("savedDifferent", conflict.user.name),
+					title: text("savedDifferent", { name: conflict.user.name }),
 					children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "size-3.5" }), /* @__PURE__ */ jsx(Avatar, {
 						initials: conflict.user.initials,
 						hue: conflict.user.hue,
@@ -74,7 +74,7 @@ const Field = ({ name, label, required, help, example, error, conflict, wide, ch
 				children: [/* @__PURE__ */ jsxs("span", { children: [
 					/* @__PURE__ */ jsx("strong", { children: conflict.user.name }),
 					" ",
-					text("savedThis", conflict.ago),
+					text("savedThis", { ago: conflict.ago }),
 					" ",
 					/* @__PURE__ */ jsx("strong", { children: conflict.theirValue })
 				] }), /* @__PURE__ */ jsxs("span", {

package/dist/record-view/messages.js

@@ -1,40 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/record-view/messages.ts
-const text = defineMessages({
-	en: {
-		savedDifferent: (name) => `${name} saved a different value`,
-		example: "Example:",
-		savedThis: (ago) => `saved this ${ago}:`,
-		keepMine: "Keep mine",
-		useTheirs: "Use theirs",
-		actions: "Actions",
-		saving: "Saving...",
-		savedAgo: (ago) => `Saved ${ago}`,
-		notSavedRetrying: "Not saved, retrying",
-		lastEditedBy: "Last edited by",
-		lastUpdated: (ago) => `Last updated ${ago}`,
-		viewing: (count) => `${count} viewing`,
-		savingSubject: (subject) => `Saving ${subject}...`,
-		subjectSaved: (subject) => `${subject} saved`,
-		tabs: "Tabs"
-	},
-	nl: {
-		savedDifferent: (name) => `${name} bewaarde een andere waarde`,
-		example: "Voorbeeld:",
-		savedThis: (ago) => `bewaarde dit ${ago}:`,
-		keepMine: "Mijn waarde houden",
-		useTheirs: "Hun waarde gebruiken",
-		actions: "Acties",
-		saving: "Bewaren...",
-		savedAgo: (ago) => `Bewaard ${ago}`,
-		notSavedRetrying: "Niet bewaard, opnieuw proberen",
-		lastEditedBy: "Laatst bewerkt door",
-		lastUpdated: (ago) => `Laatst bijgewerkt ${ago}`,
-		viewing: (count) => `${count} kijken mee`,
-		savingSubject: (subject) => `${subject} bewaren...`,
-		subjectSaved: (subject) => `${subject} bewaard`,
-		tabs: "Tabbladen"
-	}
-});
+const text = messages("record-view");
 //#endregion
 export { text };

package/dist/record-view/record-header.js

@@ -1,6 +1,6 @@
-import { text } from "./messages.js";
-import { AvatarStack } from "../primitives/avatar.js";
 import { Badge } from "../primitives/badge.js";
+import { AvatarStack } from "../primitives/avatar.js";
+import { text } from "./messages.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/record-view/record-header.tsx
 const RecordHeader = ({ collection, title, status, lastEditedBy, presence = [], actions }) => {
@@ -32,7 +32,7 @@ const RecordHeader = ({ collection, title, status, lastEditedBy, presence = [],
 					}),
 					" ",
 					lastEditedBy.ago
-				] }) : /* @__PURE__ */ jsx(Fragment, { children: text("lastUpdated", lastEditedBy.ago) })
+				] }) : /* @__PURE__ */ jsx(Fragment, { children: text("lastUpdated", { ago: lastEditedBy.ago }) })
 			})
 		] }), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-4",
@@ -41,7 +41,7 @@ const RecordHeader = ({ collection, title, status, lastEditedBy, presence = [],
 				children: [/* @__PURE__ */ jsx(AvatarStack, {
 					people: presence,
 					size: "md"
-				}), text("viewing", presence.length)]
+				}), text("viewing", { count: presence.length })]
 			}), actions]
 		})]
 	});

package/dist/roles/messages.js

@@ -1,14 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/roles/messages.ts
-const text = defineMessages({
-	en: {
-		couldNotReadRoles: "Could not read your roles",
-		couldNotSwitch: "Could not switch the role"
-	},
-	nl: {
-		couldNotReadRoles: "Kon je rollen niet lezen",
-		couldNotSwitch: "Kon niet van rol wisselen"
-	}
-});
+const text = messages("roles");
 //#endregion
 export { text };