@protobase/ui 0.46.9 → 0.46.10

package/dist/app/create/create-page.js

@@ -6,7 +6,7 @@ import { text } from "../messages.js";
 import { useNavigationGuard } from "../router.js";
 import { useAppAddress } from "../use-app-address.js";
 import { text as text$1 } from "./messages.js";
-import { createBody, createSections, hasDatabaseDefault, initialDraft, isChosen, isRequired } from "./create-values.js";
+import { createBody, createSections, hasDatabaseDefault, initialDraft, isChosen, isRequired, numberDefault } from "./create-values.js";
 import { FieldEditor } from "../field-editor.js";
 import { can } from "../permissions.js";
 import { fetchLabels } from "../../live/relation-labels.js";
@@ -133,7 +133,7 @@ const LoadedCreate = ({ resource, values }) => {
 					value: isChosen(value) ? value.key : value ?? (field.type === "boolean" ? false : ""),
 					stored: void 0,
 					relationLabel: isChosen(value) ? value.label : void 0,
-					placeholder: hasDatabaseDefault(field) ? text$1("setByDatabase") : void 0,
+					placeholder: hasDatabaseDefault(field) ? text$1("setByDatabase") : numberDefault(field),
 					relationPicker: target ? {
 						target,
 						view: meta.views[target.name]

package/dist/app/create/create-values.js

@@ -59,17 +59,32 @@ const givenValue = (field, value) => {
 	if (field.type === "boolean") return value === "true";
 	return value;
 };
+const numeric = /* @__PURE__ */ new Set([
+	"integer",
+	"bigint",
+	"decimal"
+]);
+/**
+* A number field's literal default, which its empty input shows as a placeholder rather than as its value: typing into a
+* prefilled `0` would add to it, and the create applies the default to an empty field.
+*/
+const numberDefault = (field) => {
+	if (!numeric.has(field.type) || !field.default || !("value" in field.default)) return void 0;
+	const value = field.default.value;
+	return value === null || value === void 0 ? void 0 : String(value);
+};
 /**
 * The form's starting values: the values the address gives (`/notes/new?listing_id=42`), for the fields the form has,
-* else literal defaults from `/meta`. Database defaults stay empty so the database fills them.
+* else literal defaults from `/meta`, but for numbers. Database defaults stay empty so the database fills them.
 */
 const initialDraft = (model, sections, given = {}) => Object.fromEntries(sections.flatMap((section) => section.fields.flatMap((name) => {
 	const field = model.fields[name];
 	if (Object.hasOwn(given, name)) return [[name, givenValue(field, given[name])]];
 	const fallback = field.default;
+	if (numberDefault(field) !== void 0) return [];
 	if (!fallback || !("value" in fallback) || fallback.value === null || fallback.value === void 0) return [];
 	return [[name, typeof fallback.value === "boolean" ? fallback.value : String(fallback.value)]];
 })));
 const hasDatabaseDefault = (field) => Boolean(field.default && "db" in field.default);
 //#endregion
-export { createBody, createSections, hasDatabaseDefault, initialDraft, isChosen, isCreatable, isRequired, keyValue };
+export { createBody, createSections, hasDatabaseDefault, initialDraft, isChosen, isCreatable, isRequired, keyValue, numberDefault };

package/dist/app/nav-from-meta.js

@@ -16,8 +16,13 @@ const groupLabels = {
 	core: "admin",
 	hr: "hr"
 };
+/** The group of a schema's resources: none for the default `public` schema, whose name would read as "visible to anyone". */
+const schemaGroup = (schema = "public") => {
+	if (schema === "public") return "";
+	return groupLabels[schema] ? text(groupLabels[schema]) : humanize(schema);
+};
 /**
-* One sidebar group per `nav.group` (default: the database schema, and "Pages" for pages); `nav.hidden` and a place in
+* One sidebar group per `nav.group` (default: the database schema, none for `public`, and "Pages" for pages); `nav.hidden` and a place in
 * the user menu leave an entry out, `nav.order` sorts within a group, and `recent` (from `useNavRecent`) makes an entry
 * collapsible. Groups with pages come first, so a dashboard leads the sidebar. The resources of a source that cannot be
 * read are listed under its label, each with the problem. A visitor also gets the resources whose views ask them to sign
@@ -50,8 +55,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 	for (const model of Object.values(meta.resources)) {
 		const view = meta.views[model.name];
 		if (!view || inMenu.has(model.name)) continue;
-		const schema = model.table.schema ?? "public";
-		const defaultGroup = view.nav?.group ?? (groupLabels[schema] ? text(groupLabels[schema]) : humanize(schema));
+		const defaultGroup = view.nav?.group ?? schemaGroup(model.table.schema);
 		const add = (groupName, item, order) => {
 			const group = groups.get(groupName) ?? {
 				label: groupName,

package/dist/app-shell/sidebar.js

@@ -34,7 +34,7 @@ const Sidebar = ({ mode, activeItem, user, workspace, appName, appIcon, forceExp
 					className: cn("flex-1 overflow-y-auto overflow-x-hidden pb-2", mode === "icon-label" ? "px-2" : "px-2"),
 					children: groups.map((group, index) => /* @__PURE__ */ jsxs("div", {
 						className: cn("flex flex-col gap-0.5", index > 0 && "mt-3"),
-						children: [inline ? /* @__PURE__ */ jsx("div", {
+						children: [inline ? group.label && /* @__PURE__ */ jsx("div", {
 							className: cn("px-3 pb-1 pt-1 text-xs font-medium uppercase tracking-wide text-faint-foreground", expanding && "h-4 whitespace-nowrap py-0 opacity-0 transition-opacity group-hover/side:opacity-100 group-focus-within/side:opacity-100", expanded && "opacity-100"),
 							children: group.label
 						}) : index > 0 && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-1 h-px w-6 bg-border" }), group.items.map((item) => item.recent && isTextMode(mode) ? /* @__PURE__ */ jsx(SidebarGroup, {

package/dist/auth/user-to-shell.js

@@ -1,4 +1,5 @@
 import { text } from "./messages.js";
+import { capitalise } from "../live/naming.js";
 //#region src/auth/user-to-shell.ts
 /** The hue of someone's avatar, the same for the same id. */
 const hueOf = (text) => [...text].reduce((sum, char) => (sum * 31 + char.charCodeAt(0)) % 360, 7);
@@ -7,6 +8,8 @@ const initialsOf = (name) => name.split(/[\s@.]+/).filter(Boolean).slice(0, 2).m
 const rolesOf = (user) => (user.role ?? "user").split(",").map((role) => role.trim());
 /** The user holds the `admin` role, among others perhaps. */
 const isAdmin = (user) => rolesOf(user).includes("admin");
+/** A role's name as words: `full_access` becomes "Full access". */
+const roleLabel = (role) => capitalise(role.replace(/[_-]+/g, " ").trim());
 /** What the sidebar's profile menu shows for a signed-in user. */
 const userToShell = (user) => {
 	const roles = rolesOf(user);
@@ -16,7 +19,7 @@ const userToShell = (user) => {
 		email: user.email,
 		initials: initialsOf(user.name || user.email) || "?",
 		hue: hueOf(user.id || user.email),
-		role: admin ? text("admin") : (roles[0] ?? "user").replace(/^./, (char) => char.toUpperCase()),
+		role: admin ? text("admin") : roleLabel(roles[0] ?? "user"),
 		roleTone: admin ? "violet" : "blue"
 	};
 };

package/dist/format/messages.js

@@ -2,7 +2,7 @@ import { defineMessages } from "../locale/messages.js";
 //#region src/format/messages.ts
 const text = defineMessages({
 	en: {
-		rows: (count) => `${count} rows`,
+		rows: (count, one) => `${count} ${one ? "row" : "rows"}`,
 		aboutRows: (count) => `about ${count} rows`,
 		secondsAgo: (count) => `${count} s ago`,
 		minutesAgo: (count) => `${count} min ago`,
@@ -11,7 +11,7 @@ const text = defineMessages({
 		justNow: "just now"
 	},
 	nl: {
-		rows: (count) => `${count} rijen`,
+		rows: (count, one) => `${count} ${one ? "rij" : "rijen"}`,
 		aboutRows: (count) => `ongeveer ${count} rijen`,
 		secondsAgo: (count) => `${count} s geleden`,
 		minutesAgo: (count) => `${count} min geleden`,

package/dist/format/number.js

@@ -6,7 +6,7 @@ const formatInt = (value) => grouped().format(value);
 const formatSigned = (value) => value > 0 ? `+${grouped().format(value)}` : grouped().format(value).replace("-", "−");
 const formatPercent = (value) => `${value}%`;
 const formatApproxRows = (count) => {
-	if (count < 1e4) return text("rows", formatInt(count));
+	if (count < 1e4) return text("rows", formatInt(count), count === 1);
 	const magnitude = 10 ** (Math.floor(Math.log10(count)) - 3);
 	return text("aboutRows", formatInt(Math.round(count / magnitude) * magnitude));
 };

package/dist/forms/public-form-page.js

@@ -6,7 +6,7 @@ import { Notice } from "../app/meta-gate.js";
 import { Button } from "../primitives/button.js";
 import { Field } from "../record-view/field.js";
 import { humanize } from "../live/naming.js";
-import { createBody, hasDatabaseDefault, initialDraft, isRequired } from "../app/create/create-values.js";
+import { createBody, hasDatabaseDefault, initialDraft, isRequired, numberDefault } from "../app/create/create-values.js";
 import { ErrorBanner } from "../app/error-banner.js";
 import { FieldEditor } from "../app/field-editor.js";
 import { fieldErrors, fieldMessage } from "../app/field-errors.js";
@@ -123,7 +123,7 @@ const LoadedForm = ({ form }) => {
 							hints,
 							value: draft[name] ?? (field.type === "boolean" ? false : ""),
 							stored: void 0,
-							placeholder: hasDatabaseDefault(field) ? text$1("setByDatabase") : void 0,
+							placeholder: hasDatabaseDefault(field) ? text$1("setByDatabase") : numberDefault(field),
 							invalid: Boolean(problem),
 							onChange: (next) => change(name, next)
 						})

package/dist/package.js

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