@protobase/ui 0.38.0 → 0.39.1

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

@@ -10,7 +10,7 @@ const isCreatable = (model, field) => field.name !== model.tenant && !field.read
 /**
 * The view's sections limited to creatable fields, plus a section for any creatable field the layout leaves out. The
 * create form is a form, so sections and fields meant only for reading the record stay out of their sections, and a
-* creatable field among them lands in that last section.
+* creatable field among them lands in that last section. A write-only field is on the form only where a section names it.
 */
 const createSections = (model, view) => {
 	const creatable = Object.values(model.fields).filter((field) => isCreatable(model, field)).map((field) => field.name);
@@ -25,7 +25,7 @@ const createSections = (model, view) => {
 			fields
 		}] : [];
 	});
-	const rest = creatable.filter((name) => !placed.has(name));
+	const rest = creatable.filter((name) => !placed.has(name) && !model.fields[name].writeOnly);
 	if (rest.length === 0) return sections;
 	return [...sections, {
 		title: sections.length === 0 ? text("details") : text("otherFields"),

package/dist/app/messages.js

@@ -52,6 +52,7 @@ const text = defineMessages({
 		show: (label) => `Show ${label}`,
 		hide: (label) => `Hide ${label}`,
 		couldNotShow: (label) => `Could not show the ${label}`,
+		setNewValue: "Set a new value",
 		noAnswer: "It did not answer.",
 		signInRefused: (message) => `It did not accept your sign-in: ${message}`,
 		loadingFrom: (label) => `Loading from ${label}`,
@@ -114,6 +115,7 @@ const text = defineMessages({
 		show: (label) => `${label} tonen`,
 		hide: (label) => `${label} verbergen`,
 		couldNotShow: (label) => `Kon ${label} niet tonen`,
+		setNewValue: "Nieuwe waarde instellen",
 		noAnswer: "Het antwoordde niet.",
 		signInRefused: (message) => `Het accepteerde je inlog niet: ${message}`,
 		loadingFrom: (label) => `Laden van ${label}`,

package/dist/app/record-page.js

@@ -80,7 +80,7 @@ const hidden = (model, name) => name === model.tenant || model.primaryKey.includ
 */
 const layoutFor = (model, view, read) => {
 	if (view && view.layout.length > 0) return view.layout;
-	const shown = Object.values(model.fields).filter((field) => !hidden(model, field.name));
+	const shown = Object.values(model.fields).filter((field) => !hidden(model, field.name) && !field.writeOnly);
 	const editable = shown.filter((field) => !field.readOnly);
 	const fields = (editable.length > 0 && !read ? editable : shown).map((field) => field.name);
 	return [
@@ -222,7 +222,7 @@ const LoadedRecord = ({ model, recordKey, stored, preview }) => {
 	const status = hasStatus && !sidebarFields.includes("status") && statusValue !== null && statusValue !== void 0 && statusValue !== "" ? String(statusValue) : void 0;
 	const updatedAt = auditField(model, "updated");
 	const hint = (name) => view?.fields[name];
-	const visible = (name) => fieldAccess(stored.permissions, name) !== "hidden" && whenShown(hint(name)?.when, editing);
+	const visible = (name) => fieldAccess(stored.permissions, name) !== "hidden" && whenShown(hint(name)?.when, editing) && (shown === "form" || !model.fields[name]?.writeOnly);
 	const known = (name) => !preview || Object.hasOwn(stored.record, name);
 	const fieldView = (name) => {
 		const field = model.fields[name];
@@ -263,7 +263,7 @@ const LoadedRecord = ({ model, recordKey, stored, preview }) => {
 				},
 				locked: shown !== "form" || access === "read",
 				invalid: Boolean(editor.errors[name]),
-				reveal: field.sensitive ? () => client.reveal(model.name, recordKey, name) : void 0,
+				reveal: field.sensitive && !field.writeOnly ? () => client.reveal(model.name, recordKey, name) : void 0,
 				resource: model.name,
 				onChange: (next) => pick(name, next)
 			}) : /* @__PURE__ */ jsx(Skeleton, { className: "h-9" })

package/dist/app/sensitive-field.js

@@ -12,7 +12,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMutation } from "@tanstack/react-query";
 //#region src/app/sensitive-field.tsx
 const mask = "••••••••••";
-/** A value hidden like a password. Showing a stored one asks the server for it, once per page visit. */
+/**
+* A value hidden like a password. Showing a stored one asks the server for it, once per page visit; a write-only one has
+* none to show, so its eye only unmasks what was typed.
+*/
 const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placeholder, onChange }) => {
 	const [shown, setShown] = useState(false);
 	const stored = useMutation({
@@ -56,7 +59,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		invalid,
 		"aria-label": label,
 		className: cn(hints?.format === "code" && "font-mono text-xs"),
-		placeholder: typed || !reveal ? placeholder : mask,
+		placeholder: typed || !reveal ? placeholder ?? (field.writeOnly ? text("setNewValue") : void 0) : mask,
 		value: text$1,
 		trailing: eye,
 		onChange: (event) => onChange(event.target.value)

package/dist/live/columns-from-model.js

@@ -62,8 +62,8 @@ const kindOf = (field, view, index) => {
 	}
 };
 const currencyCents = (value) => Math.round(Number.parseFloat(String(value)) * 100);
-/** The fields a view's list shows as columns: its list columns, else the resource's first six fields. */
-const listColumnNames = (resource, view) => view?.list?.columns ?? Object.keys(resource.fields).slice(0, 6);
+/** The fields a view's list shows as columns: its list columns, else the resource's first six fields the caller reads. */
+const listColumnNames = (resource, view) => view?.list?.columns ?? Object.values(resource.fields).filter((field) => !field.writeOnly).slice(0, 6).map((field) => field.name);
 /** Grid columns for `names`, by default the view's list: kinds follow the field types and the view's format hints. */
 const columnsFromModel = (resource, view, highlight = [], names = listColumnNames(resource, view)) => {
 	const title = recordTitleField(resource, view);

package/dist/live/model-helpers.js

@@ -9,8 +9,9 @@ const labelCandidates = [
 	"code",
 	"description"
 ];
+const namesRecords = (field) => field?.type === "text" && !field.sensitive;
 /** The field that names a record when another record points at it. */
-const labelFieldOf = (model, view) => view?.title ?? labelCandidates.find((name) => model.fields[name]?.type === "text") ?? Object.values(model.fields).find((field) => field.type === "text")?.name ?? model.primaryKey[0];
+const labelFieldOf = (model, view) => view?.title ?? labelCandidates.find((name) => namesRecords(model.fields[name])) ?? Object.values(model.fields).find(namesRecords)?.name ?? model.primaryKey[0];
 /** What names a record: the view's `title`, else the first text column of its list, else `labelFieldOf`. */
 const recordTitleField = (model, view) => view?.title ?? view?.list?.columns.find((name) => model.fields[name]?.type === "text") ?? labelFieldOf(model);
 /** A record's name as shown: its title field's value, an enum's by its label, else `fallback` when the value is missing. */

package/dist/package.js

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