@protobase/ui 0.63.5 → 0.65.0

package/dist/side-panel/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/side-panel/messages.ts
-const text = defineMessages({
-	en: { close: "Close" },
-	nl: { close: "Sluiten" }
-});
+const text = messages("side-panel");
 //#endregion
 export { text };

package/dist/status/messages.js

@@ -1,62 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/status/messages.ts
-const text = defineMessages({
-	en: {
-		setStatus: "Set a status",
-		editStatus: "Edit status",
-		availability: "Availability",
-		automatic: "Automatic",
-		busy: "Busy",
-		doNotDisturb: "Do not disturb",
-		doNotDisturbHint: "You get no push notifications; they wait in the bell.",
-		statusText: "Status",
-		statusPlaceholder: "Having lunch",
-		clearsAfter: "Clear after",
-		never: "Never",
-		thirtyMinutes: "30 minutes",
-		oneHour: "1 hour",
-		fourHours: "4 hours",
-		today: "Today",
-		thisWeek: "This week",
-		custom: "Choose a date and time",
-		clearsAt: "Clears at",
-		pickTime: "Choose a date and time still to come",
-		save: "Save",
-		cancel: "Cancel",
-		clear: "Clear status",
-		couldNotSave: "Could not save your status",
-		until: (time) => `Until ${time}`,
-		online: "Online",
-		away: "Away"
-	},
-	nl: {
-		setStatus: "Status instellen",
-		editStatus: "Status wijzigen",
-		availability: "Beschikbaarheid",
-		automatic: "Automatisch",
-		busy: "Bezet",
-		doNotDisturb: "Niet storen",
-		doNotDisturbHint: "Je krijgt geen pushmeldingen; ze wachten bij de bel.",
-		statusText: "Status",
-		statusPlaceholder: "Aan het lunchen",
-		clearsAfter: "Wissen na",
-		never: "Nooit",
-		thirtyMinutes: "30 minuten",
-		oneHour: "1 uur",
-		fourHours: "4 uur",
-		today: "Vandaag",
-		thisWeek: "Deze week",
-		custom: "Kies een datum en tijd",
-		clearsAt: "Wist om",
-		pickTime: "Kies een datum en tijd die nog moet komen",
-		save: "Opslaan",
-		cancel: "Annuleren",
-		clear: "Status wissen",
-		couldNotSave: "Je status kon niet worden opgeslagen",
-		until: (time) => `Tot ${time}`,
-		online: "Online",
-		away: "Afwezig"
-	}
-});
+const text = messages("status");
 //#endregion
 export { text };

package/dist/toasts/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/toasts/messages.ts
-const text = defineMessages({
-	en: { dismiss: "Dismiss" },
-	nl: { dismiss: "Sluiten" }
-});
+const text = messages("toasts");
 //#endregion
 export { text };

package/dist/users/create-user-form.js

@@ -62,7 +62,7 @@ const CreateUserForm = ({ roles, onCreated }) => {
 					"aria-label": text("password"),
 					type: "password",
 					autoComplete: "new-password",
-					placeholder: text("passwordOptional", 12),
+					placeholder: text("passwordOptional", { length: 12 }),
 					value: password,
 					onChange: (event) => setPassword(event.target.value)
 				}),

package/dist/users/messages.js

@@ -1,52 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/users/messages.ts
-const text = defineMessages({
-	en: {
-		inviteSomeone: "Invite someone",
-		inviteDescription: "They get an email with a link to make their account, with the roles you tick.",
-		notAcceptedYet: "Not accepted yet",
-		sendingAgain: "Sending again gives a new link, which replaces the earlier one.",
-		nobodyWaiting: "Nobody is waiting.",
-		addAnAccount: "Add an account",
-		addDescription: "Makes the account at once, with the address counted as verified. Without a password, the person signs in another way this app allows, such as an emailed code.",
-		email: "Email",
-		name: "Name",
-		password: "Password",
-		passwordOptional: (length) => `Password (optional, ${length}+ characters)`,
-		addAccount: "Add account",
-		couldNotReadRoles: "Could not read the roles",
-		people: "People",
-		peopleDescription: "Everyone with an account. Roles decide what each sees and does; someone blocked cannot sign in, and is signed out at once.",
-		findSomeone: "Find someone",
-		emailAddress: "Email address",
-		keepOneRole: "Keep at least one role.",
-		blocked: "Blocked",
-		unblock: "Unblock",
-		block: "Block"
-	},
-	nl: {
-		inviteSomeone: "Iemand uitnodigen",
-		inviteDescription: "Die krijgt een e-mail met een link om een account te maken, met de rollen die je aanvinkt.",
-		notAcceptedYet: "Nog niet geaccepteerd",
-		sendingAgain: "Opnieuw sturen geeft een nieuwe link, die de vorige vervangt.",
-		nobodyWaiting: "Er wacht niemand.",
-		addAnAccount: "Een account toevoegen",
-		addDescription: "Maakt het account meteen, met het adres als gecontroleerd. Zonder wachtwoord logt de persoon in op een andere manier die deze app toestaat, zoals een gemailde code.",
-		email: "E-mailadres",
-		name: "Naam",
-		password: "Wachtwoord",
-		passwordOptional: (length) => `Wachtwoord (optioneel, ${length}+ tekens)`,
-		addAccount: "Account toevoegen",
-		couldNotReadRoles: "Kon de rollen niet lezen",
-		people: "Mensen",
-		peopleDescription: "Iedereen met een account. Rollen bepalen wat ieder ziet en doet; wie geblokkeerd is, kan niet inloggen en wordt meteen uitgelogd.",
-		findSomeone: "Iemand zoeken",
-		emailAddress: "E-mailadres",
-		keepOneRole: "Houd minstens één rol.",
-		blocked: "Geblokkeerd",
-		unblock: "Deblokkeren",
-		block: "Blokkeren"
-	}
-});
+const text = messages("users");
 //#endregion
 export { text };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/ui",
-  "version": "0.63.5",
+  "version": "0.65.0",
   "description": "The Protobase admin app and the React hooks and components for custom UI.",
   "license": "Apache-2.0",
   "repository": {
@@ -39,15 +39,16 @@
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
-    "@protobase/client": "0.63.5",
-    "@protobase/layout": "0.63.5",
-    "@protobase/schema": "0.63.5",
+    "@protobase/client": "0.65.0",
+    "@protobase/layout": "0.65.0",
+    "@protobase/schema": "0.65.0",
     "@sentry/browser": "^11.7.0",
     "@tanstack/react-query": "^5.104.1",
     "@tanstack/react-table": "^9.2.6",
     "altcha-lib": "^2.6.0",
     "dompurify": "^3.4.17",
     "fflate": "^0.8.3",
+    "intl-messageformat": "^12.1.4",
     "lucide-react": "^1.52.0",
     "maplibre-gl": "^6.14.0",
     "marked": "^18.1.1",

package/dist/app/icons.js

@@ -1,27 +0,0 @@
-import { Boxes, Building2, CreditCard, FileText, Globe2, Package, Receipt, Settings, ShoppingCart, Table2, Tags, Truck, Users, Warehouse } from "lucide-react";
-//#region src/app/icons.ts
-const byResource = {
-	orders: ShoppingCart,
-	orderLines: ShoppingCart,
-	companies: Building2,
-	invoices: FileText,
-	invoiceLines: Receipt,
-	products: Package,
-	categories: Tags,
-	tags: Tags,
-	companyTags: Tags,
-	stockMoves: Boxes,
-	stockLevels: Boxes,
-	warehouses: Warehouse,
-	locations: Warehouse,
-	people: Users,
-	users: Users,
-	empMaster: Users,
-	organizations: Settings,
-	countries: Globe2,
-	currencies: CreditCard,
-	shipments: Truck
-};
-const iconFor = (resource) => byResource[resource] ?? Table2;
-//#endregion
-export { iconFor };

package/dist/app-shell/nav.js

@@ -1,85 +0,0 @@
-import { BarChart3, Boxes, Building2, CreditCard, FileText, Package, Receipt, Settings, ShoppingCart, Truck, Users, Warehouse } from "lucide-react";
-//#region src/app-shell/nav.ts
-const navGroups = [
-	{
-		label: "Sales",
-		items: [
-			{
-				id: "orders",
-				label: "Orders",
-				icon: ShoppingCart,
-				count: 12
-			},
-			{
-				id: "customers",
-				label: "Customers",
-				icon: Building2
-			},
-			{
-				id: "invoices",
-				label: "Invoices",
-				icon: FileText,
-				count: 3
-			}
-		]
-	},
-	{
-		label: "Inventory",
-		items: [
-			{
-				id: "products",
-				label: "Products",
-				icon: Package
-			},
-			{
-				id: "stock-moves",
-				label: "Stock moves",
-				icon: Boxes
-			},
-			{
-				id: "warehouses",
-				label: "Warehouses",
-				icon: Warehouse
-			},
-			{
-				id: "shipments",
-				label: "Shipments",
-				icon: Truck
-			}
-		]
-	},
-	{
-		label: "Finance",
-		items: [
-			{
-				id: "payments",
-				label: "Payments",
-				icon: CreditCard
-			},
-			{
-				id: "credit-notes",
-				label: "Credit notes",
-				icon: Receipt
-			},
-			{
-				id: "reports",
-				label: "Reports",
-				icon: BarChart3
-			}
-		]
-	},
-	{
-		label: "Admin",
-		items: [{
-			id: "users",
-			label: "Users",
-			icon: Users
-		}, {
-			id: "settings",
-			label: "Settings",
-			icon: Settings
-		}]
-	}
-];
-//#endregion
-export { navGroups };

package/dist/locale/slotted.js

@@ -1,14 +0,0 @@
-import { Fragment } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/locale/slotted.tsx
-/**
-* A built-in text with a `{}` for each element that goes in it, such as a highlighted address, rendered with the
-* elements in their places in order: each language puts them where its sentence needs them.
-*/
-const slotted = (message, ...slots) => {
-	const parts = message.split("{}");
-	if (parts.length !== slots.length + 1) throw new Error(`The text "${message}" has ${parts.length - 1} places for ${slots.length} elements`);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: parts.map((part, index) => /* @__PURE__ */ jsxs(Fragment, { children: [part, index < slots.length && slots[index]] }, index)) });
-};
-//#endregion
-export { slotted };

package/dist/mocks/activity.js

@@ -1,24 +0,0 @@
-import { mockNow, rngAt } from "./rng.js";
-//#region src/mocks/activity.ts
-const dayMs = 864e5;
-const dailyCounts = (days) => Array.from({ length: days }, (_, offset) => {
-	const at = mockNow - (days - 1 - offset) * dayMs;
-	const weekday = new Date(at).getUTCDay();
-	return {
-		at,
-		count: Math.round((weekday === 0 || weekday === 6 ? 120 : 410) * (.8 + rngAt(71, offset)() * .45) * (1 + offset / days / 3))
-	};
-});
-const activitySeries = (granularity) => {
-	if (granularity === "day") return dailyCounts(30);
-	const daily = dailyCounts(84);
-	return Array.from({ length: 12 }, (_, week) => {
-		const chunk = daily.slice(week * 7, week * 7 + 7);
-		return {
-			at: chunk[0].at,
-			count: chunk.reduce((sum, day) => sum + day.count, 0)
-		};
-	});
-};
-//#endregion
-export { activitySeries };

package/dist/mocks/rng.js

@@ -1,20 +0,0 @@
-//#region src/mocks/rng.ts
-const mockNow = Date.UTC(2026, 9, 6, 9, 41);
-const hash = (seed, index) => {
-	let h = (seed ^ Math.imul(index + 2654435769, 2246822507)) >>> 0;
-	h = Math.imul(h ^ h >>> 16, 2246822507);
-	h = Math.imul(h ^ h >>> 13, 3266489909);
-	return (h ^ h >>> 16) >>> 0;
-};
-const rngAt = (seed, index) => {
-	let state = hash(seed, index);
-	return () => {
-		state = state + 1831565813 >>> 0;
-		let t = state;
-		t = Math.imul(t ^ t >>> 15, t | 1);
-		t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-		return ((t ^ t >>> 14) >>> 0) / 4294967296;
-	};
-};
-//#endregion
-export { hash, mockNow, rngAt };

package/dist/mocks/users.js

@@ -1,63 +0,0 @@
-//#region src/mocks/users.ts
-const users = [
-	{
-		id: "u1",
-		name: "Sanne M.",
-		initials: "SM",
-		hue: 250,
-		role: "Admin"
-	},
-	{
-		id: "u2",
-		name: "Jonas K.",
-		initials: "JK",
-		hue: 160,
-		role: "Sales"
-	},
-	{
-		id: "u3",
-		name: "Lieke D.",
-		initials: "LD",
-		hue: 20,
-		role: "Finance"
-	},
-	{
-		id: "u4",
-		name: "Tobias R.",
-		initials: "TR",
-		hue: 310,
-		role: "Warehouse"
-	},
-	{
-		id: "u5",
-		name: "Imke V.",
-		initials: "IV",
-		hue: 200,
-		role: "Sales"
-	},
-	{
-		id: "u6",
-		name: "Marek W.",
-		initials: "MW",
-		hue: 80,
-		role: "Warehouse"
-	},
-	{
-		id: "u7",
-		name: "Hanna B.",
-		initials: "HB",
-		hue: 350,
-		role: "Finance"
-	},
-	{
-		id: "u8",
-		name: "Daan P.",
-		initials: "DP",
-		hue: 120,
-		role: "Sales"
-	}
-];
-const userById = (id) => users.find((user) => user.id === id) ?? users[0];
-users.filter((user) => user.role === "Sales");
-//#endregion
-export { userById, users };