@panneau/lists 5.0.0-alpha.12 → 5.0.0-alpha.13

package/dist/inline/InlineCell.js

@@ -0,0 +1,471 @@
+import { messages } from "../messages.js";
+import Inline_module_default from "./Inline.module.js";
+import { getProblem } from "@panneau/core";
+import { c } from "react/compiler-runtime";
+import { Button, IconButton, Spinner, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pencil } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { DateFieldEntry } from "@panneau/fields/date";
+import { checkValues } from "@panneau/protocol/runtime";
+import { BooleanFieldEntry } from "@panneau/fields/boolean";
+import { NumberFieldEntry } from "@panneau/fields/number";
+import { SelectFieldEntry } from "@panneau/fields/select";
+import { TextFieldEntry } from "@panneau/fields/text";
+//#region src/inline/InlineCell.tsx
+var ENTRIES = {
+	text: TextFieldEntry,
+	number: NumberFieldEntry,
+	select: SelectFieldEntry,
+	boolean: BooleanFieldEntry,
+	date: DateFieldEntry
+};
+/** Types that save as soon as a value is picked, rather than on Enter or when leaving the cell. */
+var PICKED = /* @__PURE__ */ new Set(["select", "date"]);
+function isEqualValue(a, b) {
+	return JSON.stringify(a ?? null) === JSON.stringify(b ?? null);
+}
+/**
+* A cell that edits its field in place (decision 0043): a checkbox for a boolean, otherwise the
+* value with a button that turns it into the field's control. Enter or leaving the cell saves,
+* Escape cancels; a select and a date save when one is picked. The value is checked by the
+* field's portable rules, then saved alone; errors and conflicts show in the cell.
+*/
+function InlineCell(t0) {
+	const $ = c(76);
+	const { item, field, itemLabel, children, renderValue, onSave, onItem, formatError } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { mode: "idle" };
+		$[0] = t1;
+	} else t1 = $[0];
+	const [state, setState] = useState(t1);
+	const root = useRef(null);
+	const focus = useRef(null);
+	const label = field.label ?? field.name;
+	const value = item[field.name];
+	const isBoolean = field.type === "boolean";
+	const Entry = ENTRIES[field.type];
+	let bare;
+	if ($[1] !== field) {
+		const { help: _help, ...t2 } = field;
+		bare = t2;
+		$[1] = field;
+		$[2] = bare;
+	} else bare = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
+			if (focus.current === "editor") root.current?.querySelector("input, [role=\"spinbutton\"], button")?.focus();
+			else if (focus.current === "button") root.current?.querySelector("button")?.focus();
+			focus.current = null;
+		};
+		$[3] = t2;
+	} else t2 = $[3];
+	useEffect(t2);
+	let save;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[4] !== Entry || $[5] !== bare || $[6] !== children || $[7] !== field || $[8] !== formatError || $[9] !== intl || $[10] !== isBoolean || $[11] !== item || $[12] !== itemLabel || $[13] !== label || $[14] !== onItem || $[15] !== onSave || $[16] !== renderValue || $[17] !== state.current || $[18] !== state.draft || $[19] !== state.errors || $[20] !== state.mode || $[21] !== value) {
+		t9 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			save = (base, draft) => {
+				setState({
+					mode: "saving",
+					draft
+				});
+				onSave(base, draft).then((saved) => {
+					onItem(saved);
+					focus.current = isBoolean ? null : "button";
+					setState({ mode: "idle" });
+				}, (error) => {
+					const problem = getProblem(error);
+					if (problem?.status === 412 && problem.current !== void 0) {
+						onItem(problem.current);
+						setState({
+							mode: "conflict",
+							draft,
+							current: problem.current
+						});
+						return;
+					}
+					const own = Object.entries(problem?.errors ?? {}).filter((t10) => {
+						const [path] = t10;
+						return path === field.name || path.startsWith(`${field.name}.`);
+					}).flatMap(_temp);
+					const message = problem?.detail ?? (problem !== null ? problem.title : null) ?? (error instanceof Error && error.message !== "" ? error.message : null) ?? intl.formatMessage(messages.saveValueFailed);
+					focus.current = "editor";
+					setState({
+						mode: "editing",
+						draft,
+						errors: own.length > 0 ? own : [message]
+					});
+				});
+			};
+			const commit = (draft_0) => {
+				if (isEqualValue(draft_0, value)) {
+					focus.current = "button";
+					setState({ mode: "idle" });
+					return;
+				}
+				const failures = checkValues([field], { [field.name]: draft_0 }, {
+					mode: "update",
+					partial: true,
+					item
+				});
+				const errors = Object.values(failures).flat().map((failure) => formatError(failure));
+				if (errors.length > 0) {
+					setState({
+						mode: "editing",
+						draft: draft_0,
+						errors
+					});
+					return;
+				}
+				save(item, draft_0);
+			};
+			const cancel = () => {
+				focus.current = "button";
+				setState({ mode: "idle" });
+			};
+			const onKeyDown = (event) => {
+				if (state.mode !== "editing") return;
+				if (event.key === "Escape") {
+					event.stopPropagation();
+					cancel();
+				} else if (event.key === "Enter" && !PICKED.has(field.type)) {
+					event.preventDefault();
+					commit(state.draft);
+				}
+			};
+			const onBlur = (event_0) => {
+				const next = event_0.relatedTarget;
+				if (state.mode !== "editing" || next instanceof Element && (event_0.currentTarget.contains(next) || next.closest(".panneau-popover") !== null)) return;
+				commit(state.draft);
+			};
+			const control = (draft_1, errors_0, disabled) => /* @__PURE__ */ jsx(Entry, {
+				field: bare,
+				path: field.name,
+				value: draft_1,
+				onChange: (next_0) => {
+					if (isBoolean || PICKED.has(field.type) && next_0 !== null) commit(next_0);
+					else setState({
+						mode: "editing",
+						draft: next_0,
+						errors: []
+					});
+				},
+				errors: errors_0,
+				disabled,
+				hideLabel: true
+			});
+			if (isBoolean) {
+				let t11;
+				if ($[30] !== state.errors || $[31] !== state.mode) {
+					t11 = state.mode === "editing" ? state.errors : [];
+					$[30] = state.errors;
+					$[31] = state.mode;
+					$[32] = t11;
+				} else t11 = $[32];
+				let t12;
+				if ($[33] !== intl || $[34] !== state.mode) {
+					t12 = state.mode === "saving" ? /* @__PURE__ */ jsx(Spinner, {
+						size: "sm",
+						label: intl.formatMessage(messages.savingValue)
+					}) : null;
+					$[33] = intl;
+					$[34] = state.mode;
+					$[35] = t12;
+				} else t12 = $[35];
+				const t13 = /* @__PURE__ */ jsxs("div", {
+					className: Inline_module_default.control,
+					children: [control(state.mode === "idle" ? value : state.draft, t11, state.mode === "saving"), t12]
+				});
+				const t14 = state.mode === "conflict" ? /* @__PURE__ */ jsx(Conflict, {
+					current: renderValue(state.current),
+					onKeep: () => setState({ mode: "idle" }),
+					onSave: () => save(state.current, state.draft)
+				}) : null;
+				let t15;
+				if ($[36] !== t13 || $[37] !== t14) {
+					t15 = /* @__PURE__ */ jsxs("div", {
+						className: Inline_module_default.cell,
+						children: [t13, t14]
+					});
+					$[36] = t13;
+					$[37] = t14;
+					$[38] = t15;
+				} else t15 = $[38];
+				t9 = t15;
+				break bb0;
+			}
+			if (state.mode === "idle") {
+				let t11;
+				if ($[39] !== children) {
+					t11 = /* @__PURE__ */ jsx("span", {
+						className: Inline_module_default.value,
+						children
+					});
+					$[39] = children;
+					$[40] = t11;
+				} else t11 = $[40];
+				let t12;
+				if ($[41] !== intl || $[42] !== itemLabel || $[43] !== label) {
+					t12 = intl.formatMessage(messages.editValue, {
+						field: label,
+						item: itemLabel
+					});
+					$[41] = intl;
+					$[42] = itemLabel;
+					$[43] = label;
+					$[44] = t12;
+				} else t12 = $[44];
+				let t13;
+				if ($[45] !== value) {
+					t13 = () => {
+						focus.current = "editor";
+						setState({
+							mode: "editing",
+							draft: value,
+							errors: []
+						});
+					};
+					$[45] = value;
+					$[46] = t13;
+				} else t13 = $[46];
+				let t14;
+				if ($[47] !== t12 || $[48] !== t13) {
+					t14 = /* @__PURE__ */ jsx(IconButton, {
+						icon: Pencil,
+						size: "sm",
+						label: t12,
+						showTooltip: false,
+						className: Inline_module_default.edit,
+						onPress: t13
+					});
+					$[47] = t12;
+					$[48] = t13;
+					$[49] = t14;
+				} else t14 = $[49];
+				let t15;
+				if ($[50] !== t11 || $[51] !== t14) {
+					t15 = /* @__PURE__ */ jsxs("div", {
+						ref: root,
+						className: Inline_module_default.cell,
+						children: [t11, t14]
+					});
+					$[50] = t11;
+					$[51] = t14;
+					$[52] = t15;
+				} else t15 = $[52];
+				t9 = t15;
+				break bb0;
+			}
+			t5 = root;
+			t6 = Inline_module_default.cell;
+			t7 = onKeyDown;
+			t8 = onBlur;
+			t3 = Inline_module_default.control;
+			let t11;
+			if ($[53] !== state.errors || $[54] !== state.mode) {
+				t11 = state.mode === "editing" ? state.errors : [];
+				$[53] = state.errors;
+				$[54] = state.mode;
+				$[55] = t11;
+			} else t11 = $[55];
+			t4 = control(state.draft, t11, state.mode === "saving");
+		}
+		$[4] = Entry;
+		$[5] = bare;
+		$[6] = children;
+		$[7] = field;
+		$[8] = formatError;
+		$[9] = intl;
+		$[10] = isBoolean;
+		$[11] = item;
+		$[12] = itemLabel;
+		$[13] = label;
+		$[14] = onItem;
+		$[15] = onSave;
+		$[16] = renderValue;
+		$[17] = state.current;
+		$[18] = state.draft;
+		$[19] = state.errors;
+		$[20] = state.mode;
+		$[21] = value;
+		$[22] = save;
+		$[23] = t3;
+		$[24] = t4;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t7;
+		$[28] = t8;
+		$[29] = t9;
+	} else {
+		save = $[22];
+		t3 = $[23];
+		t4 = $[24];
+		t5 = $[25];
+		t6 = $[26];
+		t7 = $[27];
+		t8 = $[28];
+		t9 = $[29];
+	}
+	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
+	let t10;
+	if ($[56] !== intl || $[57] !== state.mode) {
+		t10 = state.mode === "saving" ? /* @__PURE__ */ jsx(Spinner, {
+			size: "sm",
+			label: intl.formatMessage(messages.savingValue)
+		}) : null;
+		$[56] = intl;
+		$[57] = state.mode;
+		$[58] = t10;
+	} else t10 = $[58];
+	let t11;
+	if ($[59] !== t10 || $[60] !== t3 || $[61] !== t4) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t4, t10]
+		});
+		$[59] = t10;
+		$[60] = t3;
+		$[61] = t4;
+		$[62] = t11;
+	} else t11 = $[62];
+	let t12;
+	if ($[63] !== renderValue || $[64] !== save || $[65] !== state.current || $[66] !== state.draft || $[67] !== state.mode) {
+		t12 = state.mode === "conflict" ? /* @__PURE__ */ jsx(Conflict, {
+			current: renderValue(state.current),
+			onKeep: () => {
+				focus.current = "button";
+				setState({ mode: "idle" });
+			},
+			onSave: () => save(state.current, state.draft)
+		}) : null;
+		$[63] = renderValue;
+		$[64] = save;
+		$[65] = state.current;
+		$[66] = state.draft;
+		$[67] = state.mode;
+		$[68] = t12;
+	} else t12 = $[68];
+	let t13;
+	if ($[69] !== t11 || $[70] !== t12 || $[71] !== t5 || $[72] !== t6 || $[73] !== t7 || $[74] !== t8) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			ref: t5,
+			className: t6,
+			onKeyDown: t7,
+			onBlur: t8,
+			children: [t11, t12]
+		});
+		$[69] = t11;
+		$[70] = t12;
+		$[71] = t5;
+		$[72] = t6;
+		$[73] = t7;
+		$[74] = t8;
+		$[75] = t13;
+	} else t13 = $[75];
+	return t13;
+}
+/** What someone else saved, with the choice of keeping it or saving over it. */
+function _temp(t0) {
+	const [, list] = t0;
+	return list;
+}
+function Conflict(t0) {
+	const $ = c(23);
+	const { current, onKeep, onSave } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== intl) {
+		t1 = intl.formatMessage(messages.valueConflict);
+		$[0] = intl;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== current) {
+		t2 = /* @__PURE__ */ jsx("strong", { children: current });
+		$[2] = current;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("span", { children: [
+			t1,
+			" ",
+			t2
+		] });
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== intl) {
+		t4 = intl.formatMessage(messages.keepTheirs);
+		$[7] = intl;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== onKeep || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			appearance: "ghost",
+			onPress: onKeep,
+			children: t4
+		});
+		$[9] = onKeep;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== intl) {
+		t6 = intl.formatMessage(messages.saveMine);
+		$[12] = intl;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== onSave || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			onPress: onSave,
+			children: t6
+		});
+		$[14] = onSave;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== t5 || $[18] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("span", {
+			className: Inline_module_default.conflictActions,
+			children: [t5, t7]
+		});
+		$[17] = t5;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== t3 || $[21] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: Inline_module_default.conflict,
+			role: "alert",
+			children: [t3, t8]
+		});
+		$[20] = t3;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
+	return t9;
+}
+//#endregion
+export { InlineCell };
+
+//# sourceMappingURL=InlineCell.js.map

package/dist/inline/InlineCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineCell.js","names":["Pencil","FocusEvent","KeyboardEvent","ReactNode","useEffect","useRef","useState","getProblem","BooleanFieldEntry","DateFieldEntry","NumberFieldEntry","SelectFieldEntry","TextFieldEntry","Field","RuleFailure","checkValues","Button","IconButton","Spinner","usePanneauIntl","messages","ListItem","styles","ENTRIES","text","number","select","boolean","date","const","PICKED","Set","State","mode","draft","errors","current","InlineCellProps","item","field","itemLabel","children","renderValue","onSave","value","Promise","onItem","formatError","failure","isEqualValue","a","b","JSON","stringify","InlineCell","t0","$","_c","intl","t1","Symbol","for","state","setState","root","focus","label","name","isBoolean","type","Entry","bare","help","_help","t2","querySelector","save","t3","t4","t5","t6","t7","t8","t9","bb0","base","then","saved","error","problem","status","undefined","own","Object","entries","filter","t10","path","startsWith","flatMap","_temp","message","detail","title","Error","formatMessage","saveValueFailed","length","commit","draft_0","failures","partial","values","flat","map","cancel","onKeyDown","event","key","stopPropagation","has","preventDefault","onBlur","event_0","next","relatedTarget","Element","currentTarget","contains","closest","control","draft_1","errors_0","disabled","next_0","t11","t12","savingValue","t13","t14","t15","cell","editValue","edit","list","Conflict","onKeep","valueConflict","keepTheirs","saveMine","conflictActions","conflict","_c","styles"],"sources":["../../src/inline/InlineCell.tsx"],"sourcesContent":["import { Pencil } from 'lucide-react';\nimport {\n    type FocusEvent,\n    type KeyboardEvent,\n    type ReactNode,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport { getProblem } from '@panneau/core';\nimport { BooleanFieldEntry } from '@panneau/fields/boolean';\nimport { DateFieldEntry } from '@panneau/fields/date';\nimport { NumberFieldEntry } from '@panneau/fields/number';\nimport { SelectFieldEntry } from '@panneau/fields/select';\nimport { TextFieldEntry } from '@panneau/fields/text';\nimport type { Field, RuleFailure } from '@panneau/protocol';\nimport { checkValues } from '@panneau/protocol/runtime';\nimport { Button, IconButton, Spinner, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListItem } from '../types';\nimport styles from './Inline.module.css';\n\nconst ENTRIES = {\n    text: TextFieldEntry,\n    number: NumberFieldEntry,\n    select: SelectFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n} as const;\n\n/** Types that save as soon as a value is picked, rather than on Enter or when leaving the cell. */\nconst PICKED = new Set(['select', 'date']);\n\ntype State =\n    | { mode: 'idle' }\n    | { mode: 'editing'; draft: unknown; errors: readonly string[] }\n    | { mode: 'saving'; draft: unknown }\n    | { mode: 'conflict'; draft: unknown; current: ListItem };\n\nexport interface InlineCellProps {\n    item: ListItem;\n    /** The field the cell edits, of a type of `INLINE_TYPES`. */\n    field: Field;\n    /** The label of the item, for the name of the edit button. */\n    itemLabel: string;\n    /** The content of the cell when it doesn't edit: the value, or the title's link. */\n    children: ReactNode;\n    /** Renders a value of the field, for the current value of a conflict. */\n    renderValue: (item: ListItem) => ReactNode;\n    /** Saves the value on an item (the current one after a conflict), with its version. */\n    onSave: (item: ListItem, value: unknown) => Promise<ListItem>;\n    /** Shows an item the backend gave back: saved, or changed by someone else. */\n    onItem: (item: ListItem) => void;\n    formatError: (failure: RuleFailure) => string;\n}\n\nfunction isEqualValue(a: unknown, b: unknown): boolean {\n    return JSON.stringify(a ?? null) === JSON.stringify(b ?? null);\n}\n\n/**\n * A cell that edits its field in place (decision 0043): a checkbox for a boolean, otherwise the\n * value with a button that turns it into the field's control. Enter or leaving the cell saves,\n * Escape cancels; a select and a date save when one is picked. The value is checked by the\n * field's portable rules, then saved alone; errors and conflicts show in the cell.\n */\nexport function InlineCell({\n    item,\n    field,\n    itemLabel,\n    children,\n    renderValue,\n    onSave,\n    onItem,\n    formatError,\n}: InlineCellProps) {\n    const intl = usePanneauIntl();\n    const [state, setState] = useState<State>({ mode: 'idle' });\n    const root = useRef<HTMLDivElement>(null);\n    // Where focus goes once the cell has drawn its new state.\n    const focus = useRef<'editor' | 'button' | null>(null);\n    const label = field.label ?? field.name;\n    const value = item[field.name];\n    const isBoolean = field.type === 'boolean';\n    const Entry = ENTRIES[field.type as keyof typeof ENTRIES];\n    // The help of the field is for its form: a cell has no room for it.\n    const { help: _help, ...bare } = field;\n\n    useEffect(() => {\n        if (focus.current === 'editor') {\n            root.current?.querySelector<HTMLElement>('input, [role=\"spinbutton\"], button')?.focus();\n        } else if (focus.current === 'button') {\n            root.current?.querySelector<HTMLElement>('button')?.focus();\n        }\n        focus.current = null;\n    });\n\n    const save = (base: ListItem, draft: unknown) => {\n        setState({ mode: 'saving', draft });\n        onSave(base, draft).then(\n            (saved) => {\n                onItem(saved);\n                focus.current = isBoolean ? null : 'button';\n                setState({ mode: 'idle' });\n            },\n            (error: unknown) => {\n                const problem = getProblem(error);\n                if (problem?.status === 412 && problem.current !== undefined) {\n                    onItem(problem.current);\n                    setState({ mode: 'conflict', draft, current: problem.current });\n                    return;\n                }\n                const own = Object.entries(problem?.errors ?? {})\n                    .filter(([path]) => path === field.name || path.startsWith(`${field.name}.`))\n                    .flatMap(([, list]) => list);\n                const message =\n                    problem?.detail ??\n                    (problem !== null ? problem.title : null) ??\n                    (error instanceof Error && error.message !== '' ? error.message : null) ??\n                    intl.formatMessage(messages.saveValueFailed);\n                focus.current = 'editor';\n                setState({ mode: 'editing', draft, errors: own.length > 0 ? own : [message] });\n            },\n        );\n    };\n\n    const commit = (draft: unknown) => {\n        if (isEqualValue(draft, value)) {\n            focus.current = 'button';\n            setState({ mode: 'idle' });\n            return;\n        }\n        const failures = checkValues(\n            [field],\n            { [field.name]: draft },\n            {\n                mode: 'update',\n                partial: true,\n                item,\n            },\n        );\n        const errors = Object.values(failures)\n            .flat()\n            .map((failure) => formatError(failure));\n        if (errors.length > 0) {\n            setState({ mode: 'editing', draft, errors });\n            return;\n        }\n        save(item, draft);\n    };\n\n    const cancel = () => {\n        focus.current = 'button';\n        setState({ mode: 'idle' });\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n        if (state.mode !== 'editing') {\n            return;\n        }\n        if (event.key === 'Escape') {\n            event.stopPropagation();\n            cancel();\n        } else if (event.key === 'Enter' && !PICKED.has(field.type)) {\n            event.preventDefault();\n            commit(state.draft);\n        }\n    };\n\n    // Leaving the cell saves; the popover of a select or a date picker is part of it.\n    const onBlur = (event: FocusEvent) => {\n        const next = event.relatedTarget;\n        if (\n            state.mode !== 'editing' ||\n            (next instanceof Element &&\n                (event.currentTarget.contains(next) || next.closest('.panneau-popover') !== null))\n        ) {\n            return;\n        }\n        commit(state.draft);\n    };\n\n    const control = (draft: unknown, errors: readonly string[], disabled: boolean) => (\n        <Entry\n            field={bare}\n            path={field.name}\n            value={draft}\n            onChange={(next) => {\n                if (isBoolean || (PICKED.has(field.type) && next !== null)) {\n                    commit(next);\n                } else {\n                    setState({ mode: 'editing', draft: next, errors: [] });\n                }\n            }}\n            errors={errors}\n            disabled={disabled}\n            hideLabel\n        />\n    );\n\n    if (isBoolean) {\n        return (\n            <div className={styles.cell}>\n                <div className={styles.control}>\n                    {control(\n                        state.mode === 'idle' ? value : state.draft,\n                        state.mode === 'editing' ? state.errors : [],\n                        state.mode === 'saving',\n                    )}\n                    {state.mode === 'saving' ? (\n                        <Spinner size=\"sm\" label={intl.formatMessage(messages.savingValue)} />\n                    ) : null}\n                </div>\n                {state.mode === 'conflict' ? (\n                    <Conflict\n                        current={renderValue(state.current)}\n                        onKeep={() => setState({ mode: 'idle' })}\n                        onSave={() => save(state.current, state.draft)}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    if (state.mode === 'idle') {\n        return (\n            <div ref={root} className={styles.cell}>\n                <span className={styles.value}>{children}</span>\n                <IconButton\n                    icon={Pencil}\n                    size=\"sm\"\n                    label={intl.formatMessage(messages.editValue, {\n                        field: label,\n                        item: itemLabel,\n                    })}\n                    showTooltip={false}\n                    className={styles.edit}\n                    onPress={() => {\n                        focus.current = 'editor';\n                        setState({ mode: 'editing', draft: value, errors: [] });\n                    }}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <div ref={root} className={styles.cell} onKeyDown={onKeyDown} onBlur={onBlur}>\n            <div className={styles.control}>\n                {control(\n                    state.draft,\n                    state.mode === 'editing' ? state.errors : [],\n                    state.mode === 'saving',\n                )}\n                {state.mode === 'saving' ? (\n                    <Spinner size=\"sm\" label={intl.formatMessage(messages.savingValue)} />\n                ) : null}\n            </div>\n            {state.mode === 'conflict' ? (\n                <Conflict\n                    current={renderValue(state.current)}\n                    onKeep={() => {\n                        focus.current = 'button';\n                        setState({ mode: 'idle' });\n                    }}\n                    onSave={() => save(state.current, state.draft)}\n                />\n            ) : null}\n        </div>\n    );\n}\n\n/** What someone else saved, with the choice of keeping it or saving over it. */\nfunction Conflict({\n    current,\n    onKeep,\n    onSave,\n}: {\n    current: ReactNode;\n    onKeep: () => void;\n    onSave: () => void;\n}) {\n    const intl = usePanneauIntl();\n    return (\n        <div className={styles.conflict} role=\"alert\">\n            <span>\n                {intl.formatMessage(messages.valueConflict)} <strong>{current}</strong>\n            </span>\n            <span className={styles.conflictActions}>\n                <Button size=\"sm\" appearance=\"ghost\" onPress={onKeep}>\n                    {intl.formatMessage(messages.keepTheirs)}\n                </Button>\n                <Button size=\"sm\" onPress={onSave}>\n                    {intl.formatMessage(messages.saveMine)}\n                </Button>\n            </span>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/inline/editable.d.ts

@@ -0,0 +1,12 @@
+import type { Field } from '@panneau/protocol';
+import type { ListColumn, ListItem } from '../types.js';
+/** The types a column edits in place (decision 0043). */
+export declare const INLINE_TYPES: ReadonlySet<string>;
+/** Whether a field can be edited in place: a simple type, one value, not read-only. */
+export declare function isInlineField(field: Field | null | undefined): field is Field;
+/**
+ * The field a column edits in place on an item, or `null`: a field of `inlineEdit`, of a simple
+ * type, shown for the item (`visibleWhen`), on an item that can be updated.
+ */
+export declare function getInlineField(column: ListColumn, item: ListItem, inlineEdit: readonly string[]): Field | null;
+//# sourceMappingURL=editable.d.ts.map

package/dist/inline/editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../src/inline/editable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAErD,yDAAyD;AACzD,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,MAAM,CAM3C,CAAC;AAEH,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,KAAK,CAU7E;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,SAAS,MAAM,EAAE,GAC9B,KAAK,GAAG,IAAI,CAYd"}

package/dist/inline/editable.js

@@ -0,0 +1,29 @@
+import { evaluateCondition } from "@panneau/protocol/runtime";
+//#region src/inline/editable.ts
+/** The types a column edits in place (decision 0043). */
+var INLINE_TYPES = /* @__PURE__ */ new Set([
+	"text",
+	"number",
+	"select",
+	"boolean",
+	"date"
+]);
+/** Whether a field can be edited in place: a simple type, one value, not read-only. */
+function isInlineField(field) {
+	return field !== null && field !== void 0 && INLINE_TYPES.has(field.type) && field.localized !== true && field.multiple !== true && field.readOnly !== true && field.createOnly !== true;
+}
+/**
+* The field a column edits in place on an item, or `null`: a field of `inlineEdit`, of a simple
+* type, shown for the item (`visibleWhen`), on an item that can be updated.
+*/
+function getInlineField(column, item, inlineEdit) {
+	const field = column.field;
+	if (!isInlineField(field) || !inlineEdit.includes(field.name)) return null;
+	if (item.abilities?.update !== true) return null;
+	if (field.visibleWhen !== void 0 && !evaluateCondition(field.visibleWhen, item)) return null;
+	return field;
+}
+//#endregion
+export { INLINE_TYPES, getInlineField, isInlineField };
+
+//# sourceMappingURL=editable.js.map

package/dist/inline/editable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable.js","names":["Field","evaluateCondition","ListColumn","ListItem","INLINE_TYPES","ReadonlySet","Set","isInlineField","field","undefined","has","type","localized","multiple","readOnly","createOnly","getInlineField","column","item","inlineEdit","includes","name","abilities","update","visibleWhen"],"sources":["../../src/inline/editable.ts"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { evaluateCondition } from '@panneau/protocol/runtime';\n\nimport type { ListColumn, ListItem } from '../types';\n\n/** The types a column edits in place (decision 0043). */\nexport const INLINE_TYPES: ReadonlySet<string> = new Set([\n    'text',\n    'number',\n    'select',\n    'boolean',\n    'date',\n]);\n\n/** Whether a field can be edited in place: a simple type, one value, not read-only. */\nexport function isInlineField(field: Field | null | undefined): field is Field {\n    return (\n        field !== null &&\n        field !== undefined &&\n        INLINE_TYPES.has(field.type) &&\n        field.localized !== true &&\n        field.multiple !== true &&\n        field.readOnly !== true &&\n        field.createOnly !== true\n    );\n}\n\n/**\n * The field a column edits in place on an item, or `null`: a field of `inlineEdit`, of a simple\n * type, shown for the item (`visibleWhen`), on an item that can be updated.\n */\nexport function getInlineField(\n    column: ListColumn,\n    item: ListItem,\n    inlineEdit: readonly string[],\n): Field | null {\n    const field = column.field;\n    if (!isInlineField(field) || !inlineEdit.includes(field.name)) {\n        return null;\n    }\n    if (item.abilities?.update !== true) {\n        return null;\n    }\n    if (field.visibleWhen !== undefined && !evaluateCondition(field.visibleWhen, item)) {\n        return null;\n    }\n    return field;\n}\n"],"mappings":";;;AAMA,IAAaI,+BAAoC,IAAIE,IAAI;CACrD;CACA;CACA;CACA;CACA;AAAM,CACT;;AAGD,SAAgBC,cAAcC,OAAiD;CAC3E,OACIA,UAAU,QACVA,UAAUC,KAAAA,KACVL,aAAaM,IAAIF,MAAMG,IAAI,KAC3BH,MAAMI,cAAc,QACpBJ,MAAMK,aAAa,QACnBL,MAAMM,aAAa,QACnBN,MAAMO,eAAe;AAE7B;;;;;AAMA,SAAgBC,eACZC,QACAC,MACAC,YACY;CACZ,MAAMX,QAAQS,OAAOT;CACrB,IAAI,CAACD,cAAcC,KAAK,KAAK,CAACW,WAAWC,SAASZ,MAAMa,IAAI,GACxD,OAAO;CAEX,IAAIH,KAAKI,WAAWC,WAAW,MAC3B,OAAO;CAEX,IAAIf,MAAMgB,gBAAgBf,KAAAA,KAAa,CAACR,kBAAkBO,MAAMgB,aAAaN,IAAI,GAC7E,OAAO;CAEX,OAAOV;AACX"}