@panneau/lists 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/inline/InlineCell.js

@@ -0,0 +1,490 @@
+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, useToast } 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(78);
+	const { item, field, itemLabel, getItemLabel, children, renderValue, onSave, onItem, formatError } = t0;
+	const intl = usePanneauIntl();
+	const toasts = useToast();
+	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] !== getItemLabel || $[10] !== intl || $[11] !== isBoolean || $[12] !== item || $[13] !== itemLabel || $[14] !== label || $[15] !== onItem || $[16] !== onSave || $[17] !== renderValue || $[18] !== state.current || $[19] !== state.draft || $[20] !== state.errors || $[21] !== state.mode || $[22] !== toasts || $[23] !== value) {
+		t9 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			save = (base, draft, t10) => {
+				const { undoing: t11 } = t10 === void 0 ? {} : t10;
+				const undoing = t11 === void 0 ? false : t11;
+				const previous = base[field.name];
+				setState({
+					mode: "saving",
+					draft
+				});
+				onSave(base, draft).then((saved) => {
+					onItem(saved);
+					focus.current = isBoolean ? null : "button";
+					setState({ mode: "idle" });
+					const names = {
+						item: getItemLabel?.(saved) ?? itemLabel,
+						field: label
+					};
+					const key = { key: `panneau-inline:${item.id}:${field.name}` };
+					toasts.show(undoing ? { title: intl.formatMessage(messages.inlineUndone, names) } : {
+						title: intl.formatMessage(messages.inlineSaved, names),
+						tone: "success",
+						action: {
+							label: intl.formatMessage(messages.undo),
+							onAction: () => save(saved, previous, { undoing: true })
+						}
+					}, key);
+				}, (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((t12) => {
+						const [path] = t12;
+						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 t13;
+				if ($[32] !== state.errors || $[33] !== state.mode) {
+					t13 = state.mode === "editing" ? state.errors : [];
+					$[32] = state.errors;
+					$[33] = state.mode;
+					$[34] = t13;
+				} else t13 = $[34];
+				let t14;
+				if ($[35] !== intl || $[36] !== state.mode) {
+					t14 = state.mode === "saving" ? /* @__PURE__ */ jsx(Spinner, {
+						size: "sm",
+						label: intl.formatMessage(messages.savingValue)
+					}) : null;
+					$[35] = intl;
+					$[36] = state.mode;
+					$[37] = t14;
+				} else t14 = $[37];
+				const t15 = /* @__PURE__ */ jsxs("div", {
+					className: Inline_module_default.control,
+					children: [control(state.mode === "idle" ? value : state.draft, t13, state.mode === "saving"), t14]
+				});
+				const t16 = state.mode === "conflict" ? /* @__PURE__ */ jsx(Conflict, {
+					current: renderValue(state.current),
+					onKeep: () => setState({ mode: "idle" }),
+					onSave: () => save(state.current, state.draft)
+				}) : null;
+				let t17;
+				if ($[38] !== t15 || $[39] !== t16) {
+					t17 = /* @__PURE__ */ jsxs("div", {
+						className: Inline_module_default.cell,
+						children: [t15, t16]
+					});
+					$[38] = t15;
+					$[39] = t16;
+					$[40] = t17;
+				} else t17 = $[40];
+				t9 = t17;
+				break bb0;
+			}
+			if (state.mode === "idle") {
+				let t13;
+				if ($[41] !== children) {
+					t13 = /* @__PURE__ */ jsx("span", {
+						className: Inline_module_default.value,
+						children
+					});
+					$[41] = children;
+					$[42] = t13;
+				} else t13 = $[42];
+				let t14;
+				if ($[43] !== intl || $[44] !== itemLabel || $[45] !== label) {
+					t14 = intl.formatMessage(messages.editValue, {
+						field: label,
+						item: itemLabel
+					});
+					$[43] = intl;
+					$[44] = itemLabel;
+					$[45] = label;
+					$[46] = t14;
+				} else t14 = $[46];
+				let t15;
+				if ($[47] !== value) {
+					t15 = () => {
+						focus.current = "editor";
+						setState({
+							mode: "editing",
+							draft: value,
+							errors: []
+						});
+					};
+					$[47] = value;
+					$[48] = t15;
+				} else t15 = $[48];
+				let t16;
+				if ($[49] !== t14 || $[50] !== t15) {
+					t16 = /* @__PURE__ */ jsx(IconButton, {
+						icon: Pencil,
+						size: "sm",
+						label: t14,
+						showTooltip: false,
+						className: Inline_module_default.edit,
+						onPress: t15
+					});
+					$[49] = t14;
+					$[50] = t15;
+					$[51] = t16;
+				} else t16 = $[51];
+				let t17;
+				if ($[52] !== t13 || $[53] !== t16) {
+					t17 = /* @__PURE__ */ jsxs("div", {
+						ref: root,
+						className: Inline_module_default.cell,
+						children: [t13, t16]
+					});
+					$[52] = t13;
+					$[53] = t16;
+					$[54] = t17;
+				} else t17 = $[54];
+				t9 = t17;
+				break bb0;
+			}
+			t5 = root;
+			t6 = Inline_module_default.cell;
+			t7 = onKeyDown;
+			t8 = onBlur;
+			t3 = Inline_module_default.control;
+			let t13;
+			if ($[55] !== state.errors || $[56] !== state.mode) {
+				t13 = state.mode === "editing" ? state.errors : [];
+				$[55] = state.errors;
+				$[56] = state.mode;
+				$[57] = t13;
+			} else t13 = $[57];
+			t4 = control(state.draft, t13, state.mode === "saving");
+		}
+		$[4] = Entry;
+		$[5] = bare;
+		$[6] = children;
+		$[7] = field;
+		$[8] = formatError;
+		$[9] = getItemLabel;
+		$[10] = intl;
+		$[11] = isBoolean;
+		$[12] = item;
+		$[13] = itemLabel;
+		$[14] = label;
+		$[15] = onItem;
+		$[16] = onSave;
+		$[17] = renderValue;
+		$[18] = state.current;
+		$[19] = state.draft;
+		$[20] = state.errors;
+		$[21] = state.mode;
+		$[22] = toasts;
+		$[23] = value;
+		$[24] = save;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t5;
+		$[28] = t6;
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t9;
+	} else {
+		save = $[24];
+		t3 = $[25];
+		t4 = $[26];
+		t5 = $[27];
+		t6 = $[28];
+		t7 = $[29];
+		t8 = $[30];
+		t9 = $[31];
+	}
+	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
+	let t10;
+	if ($[58] !== intl || $[59] !== state.mode) {
+		t10 = state.mode === "saving" ? /* @__PURE__ */ jsx(Spinner, {
+			size: "sm",
+			label: intl.formatMessage(messages.savingValue)
+		}) : null;
+		$[58] = intl;
+		$[59] = state.mode;
+		$[60] = t10;
+	} else t10 = $[60];
+	let t11;
+	if ($[61] !== t10 || $[62] !== t3 || $[63] !== t4) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t4, t10]
+		});
+		$[61] = t10;
+		$[62] = t3;
+		$[63] = t4;
+		$[64] = t11;
+	} else t11 = $[64];
+	let t12;
+	if ($[65] !== renderValue || $[66] !== save || $[67] !== state.current || $[68] !== state.draft || $[69] !== 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;
+		$[65] = renderValue;
+		$[66] = save;
+		$[67] = state.current;
+		$[68] = state.draft;
+		$[69] = state.mode;
+		$[70] = t12;
+	} else t12 = $[70];
+	let t13;
+	if ($[71] !== t11 || $[72] !== t12 || $[73] !== t5 || $[74] !== t6 || $[75] !== t7 || $[76] !== t8) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			ref: t5,
+			className: t6,
+			onKeyDown: t7,
+			onBlur: t8,
+			children: [t11, t12]
+		});
+		$[71] = t11;
+		$[72] = t12;
+		$[73] = t5;
+		$[74] = t6;
+		$[75] = t7;
+		$[76] = t8;
+		$[77] = t13;
+	} else t13 = $[77];
+	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","useToast","messages","ListItem","styles","ENTRIES","text","number","select","boolean","date","const","PICKED","Set","State","mode","draft","errors","current","InlineCellProps","item","field","itemLabel","getItemLabel","children","renderValue","onSave","value","Promise","onItem","formatError","failure","isEqualValue","a","b","JSON","stringify","InlineCell","t0","$","_c","intl","toasts","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","t10","undoing","t11","undefined","previous","then","saved","names","key","id","show","title","formatMessage","inlineUndone","inlineSaved","tone","action","undo","onAction","error","problem","status","own","Object","entries","filter","t12","path","startsWith","flatMap","_temp","message","detail","Error","saveValueFailed","length","commit","draft_0","failures","partial","values","flat","map","cancel","onKeyDown","event","stopPropagation","has","preventDefault","onBlur","event_0","next","relatedTarget","Element","currentTarget","contains","closest","control","draft_1","errors_0","disabled","next_0","t13","t14","savingValue","t15","t16","t17","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, useToast } 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 label of an item the backend gave back, for the toast that says it was saved. */\n    getItemLabel?: (item: ListItem) => 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    getItemLabel,\n    children,\n    renderValue,\n    onSave,\n    onItem,\n    formatError,\n}: InlineCellProps) {\n    const intl = usePanneauIntl();\n    const toasts = useToast();\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    /**\n     * Saves a value on an item. The toast that says it has \"Undo\", which saves the previous value\n     * the same way, with the version the save just got (decision 0063): a conflict then shows in\n     * the cell, as for any change. After an undo, a short toast says the value is back.\n     */\n    const save = (base: ListItem, draft: unknown, { undoing = false } = {}) => {\n        const previous = base[field.name];\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                const names = { item: getItemLabel?.(saved) ?? itemLabel, field: label };\n                const key = { key: `panneau-inline:${item.id}:${field.name}` };\n                toasts.show(\n                    undoing\n                        ? { title: intl.formatMessage(messages.inlineUndone, names) }\n                        : {\n                              title: intl.formatMessage(messages.inlineSaved, names),\n                              tone: 'success',\n                              action: {\n                                  label: intl.formatMessage(messages.undo),\n                                  onAction: () => save(saved, previous, { undoing: true }),\n                              },\n                          },\n                    key,\n                );\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":";;;;;;;;;;;;;;;AAwBA,IAAMwB,UAAU;CACZC,MAAMb;CACNc,QAAQhB;CACRiB,QAAQhB;CACRiB,SAASpB;CACTqB,MAAMpB;AACV;;AAGA,IAAMsB,yBAAS,IAAIC,IAAI,CAAC,UAAU,MAAM,CAAC;AA2BzC,SAASmB,aAAaC,GAAYC,GAAqB;CACnD,OAAOC,KAAKC,UAAUH,KAAK,IAAI,MAAME,KAAKC,UAAUF,KAAK,IAAI;AACjE;;;;;;;AAQA,SAAOG,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAoB,MAAA,EAAApB,MAAAC,OAAAC,WAAAC,cAAAC,UAAAC,aAAAC,QAAAG,QAAAC,gBAAAQ;CAWvB,MAAAG,OAAazC,eAAe;CAC5B,MAAA0C,SAAezC,SAAS;CAAE,IAAA0C;CAAA,IAAAJ,EAAA,OAAAK,OAAAC,IAAA,2BAAA,GAAA;EACgBF,KAAA,EAAA5B,MAAQ,OAAO;EAACwB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAA1D,MAAA,CAAAO,OAAAC,YAA0B5D,SAAgBwD,EAAgB;CAC1D,MAAAK,OAAa9D,OAAuB,IAAI;CAExC,MAAA+D,QAAc/D,OAAmC,IAAI;CACrD,MAAAgE,QAAc7B,MAAK6B,SAAU7B,MAAK8B;CAClC,MAAAxB,QAAcP,KAAKC,MAAK8B;CACxB,MAAAC,YAAkB/B,MAAKgC,SAAU;CACjC,MAAAC,QAAcjD,QAAQgB,MAAKgC;CAA+B,IAAAE;CAAA,IAAAhB,EAAA,OAAAlB,OAAA;EAE1D,MAAA,EAAAmC,MAAAC,OAAA,GAAAC,OAAiCrC;EAAjCkC,OAAAG;EAAuCnB,EAAA,KAAAlB;EAAAkB,EAAA,KAAAgB;CAAA,OAAAA,OAAAhB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAK,OAAAC,IAAA,2BAAA,GAAA;EAE7Ba,WAAA;GACN,IAAIT,MAAK/B,YAAa,UAClB8B,KAAI9B,SAAuByC,cAAc,sCAA2C,CAAC,EAAAV,MAAC;QACnF,IAAIA,MAAK/B,YAAa,UACzB8B,KAAI9B,SAAuByC,cAAc,QAAe,CAAC,EAAAV,MAAC;GAE9DA,MAAK/B,UAAW;EAAH;EAChBqB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAPDtD,UAAUyE,EAOT;CAAC,IAAAE;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAA5B,EAAA,OAAAe,SAAAf,EAAA,OAAAgB,QAAAhB,EAAA,OAAAf,YAAAe,EAAA,OAAAlB,SAAAkB,EAAA,OAAAT,eAAAS,EAAA,OAAAhB,gBAAAgB,EAAA,QAAAE,QAAAF,EAAA,QAAAa,aAAAb,EAAA,QAAAnB,QAAAmB,EAAA,QAAAjB,aAAAiB,EAAA,QAAAW,SAAAX,EAAA,QAAAV,UAAAU,EAAA,QAAAb,UAAAa,EAAA,QAAAd,eAAAc,EAAA,QAAAO,MAAA5B,WAAAqB,EAAA,QAAAO,MAAA9B,SAAAuB,EAAA,QAAAO,MAAA7B,UAAAsB,EAAA,QAAAO,MAAA/B,QAAAwB,EAAA,QAAAG,UAAAH,EAAA,QAAAZ,OAAA;EAgIMwC,KAAAvB,OAkBMC,IAlBN,6BAkBK;EAACuB,KAAA;GA3IdR,QAAaS,MAAArD,OAAAsD,QAAA;IAAiC,MAAA,EAAAC,SAAAC,QAAAF,QAAAG,KAAAA,IAAA,CAAuB,IAAvBH;IAAE,MAAAC,UAAAC,QAAAC,KAAAA,IAAA,QAAAD;IAC5C,MAAAE,WAAiBL,KAAKhD,MAAK8B;IAC3BJ,SAAS;KAAAhC,MAAQ;KAAQC;IAAQ,CAAC;IAClCU,OAAO2C,MAAMrD,KAAK,CAAC,CAAA2D,MACfC,UAAA;KACI/C,OAAO+C,KAAK;KACZ3B,MAAK/B,UAAWkC,YAAA,OAAA;KAChBL,SAAS,EAAAhC,MAAQ,OAAO,CAAC;KACzB,MAAA8D,QAAc;MAAAzD,MAAQG,eAAeqD,KAAkB,KAAjCtD;MAAkCD,OAAS6B;KAAM;KACvE,MAAA4B,MAAY,EAAAA,KAAO,kBAAkB1D,KAAI2D,GAAG,GAAI1D,MAAK8B,OAAQ;KAC7DT,OAAMsC,KACFT,UAAA,EAAAU,OACexC,KAAIyC,cAAehF,SAAQiF,cAAeN,KAAK,EAQxD,IATN;MAAAI,OAGiBxC,KAAIyC,cAAehF,SAAQkF,aAAcP,KAAK;MAACQ,MAChD;MAASC,QACP;OAAApC,OACGT,KAAIyC,cAAehF,SAAQqF,IAAK;OAACC,gBACxB5B,KAAKgB,OAAOF,UAAU,EAAAH,SAAW,KAAK,CAAC;MAC3D;KACJ,GACNO,GACJ;IAAC,IAELW,UAAA;KACI,MAAAC,UAAgBtG,WAAWqG,KAAK;KAChC,IAAIC,SAAOC,WAAa,OAAOD,QAAOxE,YAAauD,KAAAA,GAAS;MACxD5C,OAAO6D,QAAOxE,OAAQ;MACtB6B,SAAS;OAAAhC,MAAQ;OAAUC;OAAAE,SAAkBwE,QAAOxE;MAAS,CAAC;MAAC;KAAA;KAGnE,MAAA0E,MAAYC,OAAMC,QAASJ,SAAOzE,UAAP,CAAoB,CAAC,CAAC,CAAA8E,QACrCC,QAAA;MAAC,MAAA,CAAAC,QAAAD;MAAM,OAAKC,SAAS5E,MAAK8B,QAAS8C,KAAIC,WAAY,GAAG7E,MAAK8B,KAAK,EAAG;KAAC,CAAA,CAAC,CAAAgD,QACpEC,KAAkB;KAC/B,MAAAC,UACIX,SAAOY,WACNZ,YAAY,OAAOA,QAAOT,QAA1B,UACAQ,iBAAiBc,SAASd,MAAKY,YAAa,KAAKZ,MAAKY,UAAtD,SACD5D,KAAIyC,cAAehF,SAAQsG,eAAgB;KAC/CvD,MAAK/B,UAAW;KAChB6B,SAAS;MAAAhC,MAAQ;MAASC;MAAAC,QAAiB2E,IAAGa,SAAU,IAAbb,MAAA,CAAwBS,OAAO;KAAE,CAAC;IAAC,CAEtF;GAAC;GAGL,MAAAK,UAAeC,YAAA;IACX,IAAI3E,aAAahB,SAAOW,KAAK,GAAC;KAC1BsB,MAAK/B,UAAW;KAChB6B,SAAS,EAAAhC,MAAQ,OAAO,CAAC;KAAC;IAAA;IAG9B,MAAA6F,WAAiBhH,YACb,CAACyB,KAAK,GACN,GAAGA,MAAK8B,OAAQnC,QAAM,GACtB;KAAAD,MACU;KAAQ8F,SACL;KAAIzF;IAEjB,CACJ;IACA,MAAAH,SAAe4E,OAAMiB,OAAQF,QAAQ,CAAC,CAAAG,KAC5B,CAAC,CAAAC,KACFjF,YAAaD,YAAYC,OAAO,CAAC;IAC1C,IAAId,OAAMwF,SAAU,GAAC;KACjB1D,SAAS;MAAAhC,MAAQ;MAASC,OAAEA;MAAKC;KAAS,CAAC;KAAC;IAAA;IAGhD2C,KAAKxC,MAAMJ,OAAK;GAAC;GAGrB,MAAAiG,eAAe;IACXhE,MAAK/B,UAAW;IAChB6B,SAAS,EAAAhC,MAAQ,OAAO,CAAC;GAAC;GAG9B,MAAAmG,aAAkBC,UAAA;IACd,IAAIrE,MAAK/B,SAAU,WAAS;IAG5B,IAAIoG,MAAKrC,QAAS,UAAQ;KACtBqC,MAAKC,gBAAiB;KACtBH,OAAO;IAAC,OACL,IAAIE,MAAKrC,QAAS,WAAd,CAA0BlE,OAAMyG,IAAKhG,MAAKgC,IAAK,GAAC;KACvD8D,MAAKG,eAAgB;KACrBZ,OAAO5D,MAAK9B,KAAM;IAAC;GACtB;GAIL,MAAAuG,UAAeC,YAAA;IACX,MAAAC,OAAaN,QAAKO;IAClB,IACI5E,MAAK/B,SAAU,aACd0G,gBAAgBE,YACZR,QAAKS,cAAcC,SAAUJ,IAAiD,KAAxCA,KAAIK,QAAS,kBAAkB,MAAM,OAAM;IAI1FpB,OAAO5D,MAAK9B,KAAM;GAAC;GAGvB,MAAA+G,WAAgBC,SAAAC,UAAAC,aACZ,oBAAC,OAAD;IACW3E,OAAAA;IACD,MAAAlC,MAAK8B;IACJnC,OAAAA;IACG,WAAAmH,WAAA;KACN,IAAI/E,aAAcxC,OAAMyG,IAAKhG,MAAKgC,IAAsB,KAAZoE,WAAS,MACjDf,OAAOe,MAAI;UAEX1E,SAAS;MAAAhC,MAAQ;MAASC,OAASyG;MAAIxG,QAAU,CAAA;KAAG,CAAC;IACxD;IAEGA,QAAAA;IACEiH;IACV,WAAA;GAAS,CAAA;GAIjB,IAAI9E,WAAS;IAAA,IAAAgF;IAAA,IAAA7F,EAAA,QAAAO,MAAA7B,UAAAsB,EAAA,QAAAO,MAAA/B,MAAA;KAMOqH,MAAAtF,MAAK/B,SAAU,YAAY+B,MAAK7B,SAAhC,CAAA;KAA4CsB,EAAA,MAAAO,MAAA7B;KAAAsB,EAAA,MAAAO,MAAA/B;KAAAwB,EAAA,MAAA6F;IAAA,OAAAA,MAAA7F,EAAA;IAAA,IAAA8F;IAAA,IAAA9F,EAAA,QAAAE,QAAAF,EAAA,QAAAO,MAAA/B,MAAA;KAG/CsH,MAAAvF,MAAK/B,SAAU,WACZ,oBAAC,SAAD;MAAc,MAAA;MAAY,OAAA0B,KAAIyC,cAAehF,SAAQoI,WAAY;KAAC,CAAA,IADrE;KAEO/F,EAAA,MAAAE;KAAAF,EAAA,MAAAO,MAAA/B;KAAAwB,EAAA,MAAA8F;IAAA,OAAAA,MAAA9F,EAAA;IARZ,MAAAgG,MAAA,qBAAA,OAAA;KAAgB,WAAAnI,sBAAM2H;KAAtB,UAAA,CACKA,QACGjF,MAAK/B,SAAU,SAAfY,QAAgCmB,MAAK9B,OACrCoH,KACAtF,MAAK/B,SAAU,QACnB,GACCsH,GAGC;;IACL,MAAAG,MAAA1F,MAAK/B,SAAU,aACZ,oBAAC,UAAD;KACa,SAAAU,YAAYqB,MAAK5B,OAAQ;KAC1B,cAAM6B,SAAS,EAAAhC,MAAQ,OAAO,CAAC;KAC/B,cAAM6C,KAAKd,MAAK5B,SAAU4B,MAAK9B,KAAM;IAAC,CAAA,IAJrD;IAMO,IAAAyH;IAAA,IAAAlG,EAAA,QAAAgG,OAAAhG,EAAA,QAAAiG,KAAA;KAjBZC,MAAA,qBAAA,OAAA;MAAgB,WAAArI,sBAAMsI;MAAtB,UAAA,CACIH,KAUCC,GAOC;;KAAAjG,EAAA,MAAAgG;KAAAhG,EAAA,MAAAiG;KAAAjG,EAAA,MAAAkG;IAAA,OAAAA,MAAAlG,EAAA;IAlBN4B,KAAAsE;IAAA,MAAArE;GAkBM;GAId,IAAItB,MAAK/B,SAAU,QAAM;IAAA,IAAAqH;IAAA,IAAA7F,EAAA,QAAAf,UAAA;KAGb4G,MAAA,oBAAA,QAAA;MAAiB,WAAAhI,sBAAMuB;MAASH;KAAgB,CAAA;KAAAe,EAAA,MAAAf;KAAAe,EAAA,MAAA6F;IAAA,OAAAA,MAAA7F,EAAA;IAAA,IAAA8F;IAAA,IAAA9F,EAAA,QAAAE,QAAAF,EAAA,QAAAjB,aAAAiB,EAAA,QAAAW,OAAA;KAIrCmF,MAAA5F,KAAIyC,cAAehF,SAAQyI,WAAY;MAAAtH,OACnC6B;MAAK9B,MACNE;KACV,CAAC;KAACiB,EAAA,MAAAE;KAAAF,EAAA,MAAAjB;KAAAiB,EAAA,MAAAW;KAAAX,EAAA,MAAA8F;IAAA,OAAAA,MAAA9F,EAAA;IAAA,IAAAgG;IAAA,IAAAhG,EAAA,QAAAZ,OAAA;KAGO4G,YAAA;MACLtF,MAAK/B,UAAW;MAChB6B,SAAS;OAAAhC,MAAQ;OAASC,OAASW;OAAKV,QAAU,CAAA;MAAG,CAAC;KAAC;KAC1DsB,EAAA,MAAAZ;KAAAY,EAAA,MAAAgG;IAAA,OAAAA,MAAAhG,EAAA;IAAA,IAAAiG;IAAA,IAAAjG,EAAA,QAAA8F,OAAA9F,EAAA,QAAAgG,KAAA;KAZLC,MAAA,oBAAC,YAAD;MACU3J,MAAAA;MACD,MAAA;MACE,OAAAwJ;MAIM,aAAA;MACF,WAAAjI,sBAAMwI;MACR,SAAAL;KAGR,CAAA;KACHhG,EAAA,MAAA8F;KAAA9F,EAAA,MAAAgG;KAAAhG,EAAA,MAAAiG;IAAA,OAAAA,MAAAjG,EAAA;IAAA,IAAAkG;IAAA,IAAAlG,EAAA,QAAA6F,OAAA7F,EAAA,QAAAiG,KAAA;KAfNC,MAAA,qBAAA,OAAA;MAAUzF,KAAAA;MAAiB,WAAA5C,sBAAMsI;MAAjC,UAAA,CACIN,KACAI,GAcE;;KAAAjG,EAAA,MAAA6F;KAAA7F,EAAA,MAAAiG;KAAAjG,EAAA,MAAAkG;IAAA,OAAAA,MAAAlG,EAAA;IAhBN4B,KAAAsE;IAAA,MAAArE;GAgBM;GAKApB,KAAAA;GAAiBgB,KAAA5D,sBAAMsI;GAAkBxB,KAAAA;GAAmBK,KAAAA;GAClD1D,KAAAzD,sBAAM2H;GAAQ,IAAAK;GAAA,IAAA7F,EAAA,QAAAO,MAAA7B,UAAAsB,EAAA,QAAAO,MAAA/B,MAAA;IAGtBqH,MAAAtF,MAAK/B,SAAU,YAAY+B,MAAK7B,SAAhC,CAAA;IAA4CsB,EAAA,MAAAO,MAAA7B;IAAAsB,EAAA,MAAAO,MAAA/B;IAAAwB,EAAA,MAAA6F;GAAA,OAAAA,MAAA7F,EAAA;GAF/CuB,KAAAiE,QACGjF,MAAK9B,OACLoH,KACAtF,MAAK/B,SAAU,QACnB;EAAC;EAAAwB,EAAA,KAAAe;EAAAf,EAAA,KAAAgB;EAAAhB,EAAA,KAAAf;EAAAe,EAAA,KAAAlB;EAAAkB,EAAA,KAAAT;EAAAS,EAAA,KAAAhB;EAAAgB,EAAA,MAAAE;EAAAF,EAAA,MAAAa;EAAAb,EAAA,MAAAnB;EAAAmB,EAAA,MAAAjB;EAAAiB,EAAA,MAAAW;EAAAX,EAAA,MAAAV;EAAAU,EAAA,MAAAb;EAAAa,EAAA,MAAAd;EAAAc,EAAA,MAAAO,MAAA5B;EAAAqB,EAAA,MAAAO,MAAA9B;EAAAuB,EAAA,MAAAO,MAAA7B;EAAAsB,EAAA,MAAAO,MAAA/B;EAAAwB,EAAA,MAAAG;EAAAH,EAAA,MAAAZ;EAAAY,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAA;EAAAP,OAAArB,EAAA;EAAAsB,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;EAAAwB,KAAAxB,EAAA;EAAAyB,KAAAzB,EAAA;EAAA0B,KAAA1B,EAAA;EAAA2B,KAAA3B,EAAA;EAAA4B,KAAA5B,EAAA;CAAA;CAAA,IAAA4B,OAAAvB,OAAAC,IAAA,6BAAA,GAAA,OAAAsB;CAAA,IAAAG;CAAA,IAAA/B,EAAA,QAAAE,QAAAF,EAAA,QAAAO,MAAA/B,MAAA;EACAuD,MAAAxB,MAAK/B,SAAU,WACZ,oBAAC,SAAD;GAAc,MAAA;GAAY,OAAA0B,KAAIyC,cAAehF,SAAQoI,WAAY;EAAC,CAAA,IADrE;EAEO/F,EAAA,MAAAE;EAAAF,EAAA,MAAAO,MAAA/B;EAAAwB,EAAA,MAAA+B;CAAA,OAAAA,MAAA/B,EAAA;CAAA,IAAAiC;CAAA,IAAAjC,EAAA,QAAA+B,OAAA/B,EAAA,QAAAsB,MAAAtB,EAAA,QAAAuB,IAAA;EARZU,MAAA,qBAAA,OAAA;GAAgB,WAAAX;GAAhB,UAAA,CACKC,IAKAQ,GAGC;;EAAA/B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAiC;CAAA,OAAAA,MAAAjC,EAAA;CAAA,IAAAyD;CAAA,IAAAzD,EAAA,QAAAd,eAAAc,EAAA,QAAAqB,QAAArB,EAAA,QAAAO,MAAA5B,WAAAqB,EAAA,QAAAO,MAAA9B,SAAAuB,EAAA,QAAAO,MAAA/B,MAAA;EACLiF,MAAAlD,MAAK/B,SAAU,aACZ,oBAAC,UAAD;GACa,SAAAU,YAAYqB,MAAK5B,OAAQ;GAC1B,cAAA;IACJ+B,MAAK/B,UAAW;IAChB6B,SAAS,EAAAhC,MAAQ,OAAO,CAAC;GAAC;GAEtB,cAAM6C,KAAKd,MAAK5B,SAAU4B,MAAK9B,KAAM;EAAC,CAAA,IAPrD;EASOuB,EAAA,MAAAd;EAAAc,EAAA,MAAAqB;EAAArB,EAAA,MAAAO,MAAA5B;EAAAqB,EAAA,MAAAO,MAAA9B;EAAAuB,EAAA,MAAAO,MAAA/B;EAAAwB,EAAA,MAAAyD;CAAA,OAAAA,MAAAzD,EAAA;CAAA,IAAA6F;CAAA,IAAA7F,EAAA,QAAAiC,OAAAjC,EAAA,QAAAyD,OAAAzD,EAAA,QAAAwB,MAAAxB,EAAA,QAAAyB,MAAAzB,EAAA,QAAA0B,MAAA1B,EAAA,QAAA2B,IAAA;EApBZkE,MAAA,qBAAA,OAAA;GAAUpF,KAAAA;GAAiB,WAAAgB;GAAwBkD,WAAAA;GAAmBK,QAAAA;GAAtE,UAAA,CACI/C,KAUCwB,GAUC;;EAAAzD,EAAA,MAAAiC;EAAAjC,EAAA,MAAAyD;EAAAzD,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;EAAA3B,EAAA,MAAA6F;CAAA,OAAAA,MAAA7F,EAAA;CAAA,OArBN6F;AAqBM;;AAjOP,SAAAhC,MAAA9D,IAAA;CAuEuB,MAAA,GAAAuG,QAAAvG;CAAQ,OAAKuG;AAAI;AA+J/C,SAAAC,SAAAxG,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAkB,MAAA,EAAAtB,SAAA6H,QAAArH,WAAAY;CASd,MAAAG,OAAazC,eAAe;CAAE,IAAA2C;CAAA,IAAAJ,EAAA,OAAAE,MAAA;EAIjBE,KAAAF,KAAIyC,cAAehF,SAAQ8I,aAAc;EAACzG,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAArB,SAAA;EAAEwC,KAAA,oBAAA,UAAA,EAAA,UAASxC,QAAiB,CAAA;EAAAqB,EAAA,KAAArB;EAAAqB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,OAAAI,MAAAJ,EAAA,OAAAmB,IAAA;EAD3EG,KAAA,qBAAA,QAAA,EAAA,UAAA;GACKlB;GAA2C;GAACe;EAC1C,EAAA,CAAA;EAAAnB,EAAA,KAAAI;EAAAJ,EAAA,KAAAmB;EAAAnB,EAAA,KAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,OAAAE,MAAA;EAGEqB,KAAArB,KAAIyC,cAAehF,SAAQ+I,UAAW;EAAC1G,EAAA,KAAAE;EAAAF,EAAA,KAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,OAAAwG,UAAAxG,EAAA,QAAAuB,IAAA;EAD5CC,KAAA,oBAAC,QAAD;GAAa,MAAA;GAAgB,YAAA;GAAiBgF,SAAAA;GACzCjF,UAAAA;EADE,CAAA;EAEEvB,EAAA,KAAAwG;EAAAxG,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAE,MAAA;EAEJuB,KAAAvB,KAAIyC,cAAehF,SAAQgJ,QAAS;EAAC3G,EAAA,MAAAE;EAAAF,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAb,UAAAa,EAAA,QAAAyB,IAAA;EAD1CC,KAAA,oBAAC,QAAD;GAAa,MAAA;GAAcvC,SAAAA;GACtBsC,UAAAA;EADE,CAAA;EAEEzB,EAAA,MAAAb;EAAAa,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAwB,MAAAxB,EAAA,QAAA0B,IAAA;EANbC,KAAA,qBAAA,QAAA;GAAiB,WAAA9D,sBAAM+I;GAAvB,UAAA,CACIpF,IAGAE,EAGG;;EAAA1B,EAAA,MAAAwB;EAAAxB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAsB,MAAAtB,EAAA,QAAA2B,IAAA;EAXXC,KAAA,qBAAA,OAAA;GAAgB,WAAA/D,sBAAMgJ;GAAgB,MAAA;GAAtC,UAAA,CACIvF,IAGAK,EAQE;;EAAA3B,EAAA,MAAAsB;EAAAtB,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAZN4B;AAYM"}

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"}