@panneau/forms 4.1.1 → 5.0.0-alpha.1

package/dist/layout/Layout.js

@@ -0,0 +1,442 @@
+import { messages } from "../messages.js";
+import Form_module_default from "../Form.module.js";
+import { RevealContext, useFormContext, useFormState } from "../context.js";
+import { c } from "react/compiler-runtime";
+import { getLayoutFieldNames, selectErrorCount, selectVisible, usePlugins } from "@panneau/core";
+import { Badge, Disclosure, Tab, TabList, TabPanel, Tabs, usePanneauIntl } from "@panneau/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createElement, use, useEffect, useId, useState } from "react";
+import { NestedField } from "@panneau/fields";
+//#region src/layout/Layout.tsx
+/** Whether a path belongs to one of the field names (`title.fr` to `title`). */
+function containsPath(names, path) {
+	const name = path.split(".")[0];
+	return name !== void 0 && names.includes(name);
+}
+function ErrorBadge(t0) {
+	const $ = c(4);
+	const { form, names } = t0;
+	const intl = usePanneauIntl();
+	const count = selectErrorCount(useFormState(form), names);
+	if (count === 0) return null;
+	const T0 = Badge;
+	const t1 = "danger";
+	const t2 = intl.formatMessage(messages.errorCount, { count });
+	let t3;
+	if ($[0] !== T0 || $[1] !== count || $[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			tone: t1,
+			label: t2,
+			children: count
+		});
+		$[0] = T0;
+		$[1] = count;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+}
+function TabsNode(t0) {
+	const $ = c(6);
+	const { node, fields } = t0;
+	const form = useFormContext();
+	const state = useFormState(form);
+	const registry = use(RevealContext);
+	const id = useId();
+	let t1;
+	if ($[0] !== state) {
+		t1 = (child) => child.type === "tab" && selectVisible(state, child);
+		$[0] = state;
+		$[1] = t1;
+	} else t1 = $[1];
+	const tabs = (node.children ?? []).filter(t1);
+	const names = tabs.map(_temp);
+	const [selected, setSelected] = useState(`${id}-0`);
+	useEffect(() => registry.add((path) => {
+		const index = names.findIndex((tabNames) => containsPath(tabNames, path));
+		if (index !== -1) setSelected(`${id}-${index}`);
+	}), [
+		registry,
+		names,
+		id
+	]);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (key) => setSelected(String(key));
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== fields || $[4] !== id) {
+		t3 = (tab_2, index_1) => /* @__PURE__ */ jsx(TabPanel, {
+			id: `${id}-${index_1}`,
+			shouldForceMount: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: Form_module_default.stack,
+				children: /* @__PURE__ */ jsx(LayoutNodes, {
+					nodes: tab_2.children ?? [],
+					fields
+				})
+			})
+		}, index_1);
+		$[3] = fields;
+		$[4] = id;
+		$[5] = t3;
+	} else t3 = $[5];
+	return /* @__PURE__ */ jsxs(Tabs, {
+		selectedKey: selected,
+		onSelectionChange: t2,
+		children: [/* @__PURE__ */ jsx(TabList, {
+			"aria-label": node.label ?? tabs.map(_temp2).join(", "),
+			children: tabs.map((tab_1, index_0) => /* @__PURE__ */ jsxs(Tab, {
+				id: `${id}-${index_0}`,
+				children: [
+					tab_1.label,
+					" ",
+					/* @__PURE__ */ jsx(ErrorBadge, {
+						form,
+						names: names[index_0] ?? []
+					})
+				]
+			}, index_0))
+		}), tabs.map(t3)]
+	});
+}
+function _temp2(tab_0) {
+	return tab_0.label ?? "";
+}
+function _temp(tab) {
+	return getLayoutFieldNames(tab.children ?? []);
+}
+function SectionNode(t0) {
+	const $ = c(37);
+	const { node, fields } = t0;
+	const form = useFormContext();
+	const registry = use(RevealContext);
+	const titleId = useId();
+	let t1;
+	if ($[0] !== node.children) {
+		t1 = node.children ?? [];
+		$[0] = node.children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = getLayoutFieldNames(t1);
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	const names = t2;
+	const [expanded, setExpanded] = useState(node.collapsed !== true);
+	let t3;
+	let t4;
+	if ($[4] !== names || $[5] !== registry) {
+		t3 = () => registry.add((path) => {
+			if (containsPath(names, path)) setExpanded(true);
+		});
+		t4 = [registry, names];
+		$[4] = names;
+		$[5] = registry;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[8] !== node.description) {
+		t5 = node.description !== void 0 ? /* @__PURE__ */ jsx("p", {
+			className: Form_module_default.sectionDescription,
+			children: node.description
+		}) : null;
+		$[8] = node.description;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== node.children) {
+		t6 = node.children ?? [];
+		$[10] = node.children;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== fields || $[13] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: Form_module_default.stack,
+			children: /* @__PURE__ */ jsx(LayoutNodes, {
+				nodes: t6,
+				fields
+			})
+		});
+		$[12] = fields;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== t5 || $[16] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Fragment, { children: [t5, t7] });
+		$[15] = t5;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	const content = t8;
+	if (node.collapsible === true) {
+		let t9;
+		if ($[18] !== form || $[19] !== names) {
+			t9 = /* @__PURE__ */ jsx(ErrorBadge, {
+				form,
+				names
+			});
+			$[18] = form;
+			$[19] = names;
+			$[20] = t9;
+		} else t9 = $[20];
+		let t10;
+		if ($[21] !== content) {
+			t10 = /* @__PURE__ */ jsx("div", {
+				className: Form_module_default.stack,
+				children: content
+			});
+			$[21] = content;
+			$[22] = t10;
+		} else t10 = $[22];
+		let t11;
+		if ($[23] !== expanded || $[24] !== node.label || $[25] !== t10 || $[26] !== t9) {
+			t11 = /* @__PURE__ */ jsx("div", {
+				className: Form_module_default.section,
+				children: /* @__PURE__ */ jsx(Disclosure, {
+					title: node.label,
+					titleEnd: t9,
+					isExpanded: expanded,
+					onExpandedChange: setExpanded,
+					children: t10
+				})
+			});
+			$[23] = expanded;
+			$[24] = node.label;
+			$[25] = t10;
+			$[26] = t9;
+			$[27] = t11;
+		} else t11 = $[27];
+		return t11;
+	}
+	const t9 = node.label !== void 0 ? titleId : void 0;
+	let t10;
+	if ($[28] !== form || $[29] !== names || $[30] !== node.label || $[31] !== titleId) {
+		t10 = node.label !== void 0 ? /* @__PURE__ */ jsx("div", {
+			className: Form_module_default.sectionHeader,
+			children: /* @__PURE__ */ jsxs("h3", {
+				id: titleId,
+				className: Form_module_default.sectionTitle,
+				children: [
+					node.label,
+					" ",
+					/* @__PURE__ */ jsx(ErrorBadge, {
+						form,
+						names
+					})
+				]
+			})
+		}) : null;
+		$[28] = form;
+		$[29] = names;
+		$[30] = node.label;
+		$[31] = titleId;
+		$[32] = t10;
+	} else t10 = $[32];
+	let t11;
+	if ($[33] !== content || $[34] !== t10 || $[35] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("section", {
+			className: Form_module_default.section,
+			"aria-labelledby": t9,
+			children: [t10, content]
+		});
+		$[33] = content;
+		$[34] = t10;
+		$[35] = t9;
+		$[36] = t11;
+	} else t11 = $[36];
+	return t11;
+}
+function ComponentNode(t0) {
+	const $ = c(5);
+	const { node } = t0;
+	const form = useFormContext();
+	const { components } = usePlugins();
+	let t1;
+	let t2;
+	if ($[0] !== components || $[1] !== form || $[2] !== node) {
+		t2 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const Component = node.component !== void 0 ? components.get(node.component) : void 0;
+			if (Component === void 0) {
+				t2 = null;
+				break bb0;
+			}
+			t1 = createElement(Component, {
+				...node.props,
+				node,
+				form
+			});
+		}
+		$[0] = components;
+		$[1] = form;
+		$[2] = node;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	if (t2 !== Symbol.for("react.early_return_sentinel")) return t2;
+	return t1;
+}
+function LayoutNodeView(t0) {
+	const $ = c(30);
+	const { node, fields } = t0;
+	const form = useFormContext();
+	const state = useFormState(form);
+	if (!selectVisible(state, node)) return null;
+	switch (node.type) {
+		case "field": {
+			let t1;
+			if ($[0] !== fields || $[1] !== node.name) {
+				t1 = node.name !== void 0 ? fields.get(node.name) : void 0;
+				$[0] = fields;
+				$[1] = node.name;
+				$[2] = t1;
+			} else t1 = $[2];
+			const field = t1;
+			let t2;
+			if ($[3] !== field || $[4] !== state) {
+				t2 = field !== void 0 ? /* @__PURE__ */ jsx(NestedField, {
+					field,
+					path: field.name,
+					parentValue: state.values
+				}) : null;
+				$[3] = field;
+				$[4] = state;
+				$[5] = t2;
+			} else t2 = $[5];
+			return t2;
+		}
+		case "row": {
+			let t1;
+			if ($[6] !== node.children) {
+				t1 = node.children ?? [];
+				$[6] = node.children;
+				$[7] = t1;
+			} else t1 = $[7];
+			let t2;
+			if ($[8] !== fields || $[9] !== t1) {
+				let t3;
+				if ($[11] !== fields) {
+					t3 = (child, index) => /* @__PURE__ */ jsx("div", {
+						className: Form_module_default.cell,
+						style: { "--panneau-span": child.width ?? 12 },
+						children: /* @__PURE__ */ jsx(LayoutNodeView, {
+							node: child,
+							fields
+						})
+					}, index);
+					$[11] = fields;
+					$[12] = t3;
+				} else t3 = $[12];
+				t2 = t1.map(t3);
+				$[8] = fields;
+				$[9] = t1;
+				$[10] = t2;
+			} else t2 = $[10];
+			let t3;
+			if ($[13] !== t2) {
+				t3 = /* @__PURE__ */ jsx("div", {
+					className: Form_module_default.row,
+					children: t2
+				});
+				$[13] = t2;
+				$[14] = t3;
+			} else t3 = $[14];
+			return t3;
+		}
+		case "tabs": {
+			let t1;
+			if ($[15] !== fields || $[16] !== node) {
+				t1 = /* @__PURE__ */ jsx(TabsNode, {
+					node,
+					fields
+				});
+				$[15] = fields;
+				$[16] = node;
+				$[17] = t1;
+			} else t1 = $[17];
+			return t1;
+		}
+		case "section": {
+			let t1;
+			if ($[18] !== fields || $[19] !== node) {
+				t1 = /* @__PURE__ */ jsx(SectionNode, {
+					node,
+					fields
+				});
+				$[18] = fields;
+				$[19] = node;
+				$[20] = t1;
+			} else t1 = $[20];
+			return t1;
+		}
+		case "text": {
+			const t1 = node.text ?? node.label;
+			let t2;
+			if ($[21] !== t1) {
+				t2 = /* @__PURE__ */ jsx("p", {
+					className: Form_module_default.text,
+					children: t1
+				});
+				$[21] = t1;
+				$[22] = t2;
+			} else t2 = $[22];
+			return t2;
+		}
+		case "component": {
+			let t1;
+			if ($[23] !== node) {
+				t1 = /* @__PURE__ */ jsx(ComponentNode, { node });
+				$[23] = node;
+				$[24] = t1;
+			} else t1 = $[24];
+			return t1;
+		}
+		default: {
+			let t1;
+			if ($[25] !== node.children) {
+				t1 = node.children ?? [];
+				$[25] = node.children;
+				$[26] = t1;
+			} else t1 = $[26];
+			let t2;
+			if ($[27] !== fields || $[28] !== t1) {
+				t2 = /* @__PURE__ */ jsx("div", {
+					className: Form_module_default.stack,
+					children: /* @__PURE__ */ jsx(LayoutNodes, {
+						nodes: t1,
+						fields
+					})
+				});
+				$[27] = fields;
+				$[28] = t1;
+				$[29] = t2;
+			} else t2 = $[29];
+			return t2;
+		}
+	}
+}
+/** Renders layout nodes in order. */
+function LayoutNodes({ nodes, fields }) {
+	return nodes.map((node, index) => /* @__PURE__ */ jsx(LayoutNodeView, {
+		node,
+		fields
+	}, index));
+}
+//#endregion
+export { LayoutNodes };
+
+//# sourceMappingURL=Layout.js.map

package/dist/layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","names":["count","index","tab","fields","selected","form","names","content","expanded","setExpanded","titleId","field","child","node","_c","styles","_Fragment"],"sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import {\n    type CSSProperties,\n    type ReactNode,\n    createElement,\n    use,\n    useEffect,\n    useId,\n    useState,\n} from 'react';\n\nimport {\n    type Form,\n    getLayoutFieldNames,\n    selectErrorCount,\n    selectVisible,\n    usePlugins,\n} from '@panneau/core';\nimport { NestedField } from '@panneau/fields';\nimport type { Field, LayoutNode } from '@panneau/protocol';\nimport { Badge, Disclosure, Tab, TabList, TabPanel, Tabs, usePanneauIntl } from '@panneau/ui';\n\nimport styles from '../Form.module.css';\nimport { RevealContext, useFormContext, useFormState } from '../context';\nimport { messages } from '../messages';\n\nexport interface LayoutProps {\n    nodes: readonly LayoutNode[];\n    fields: ReadonlyMap<string, Field>;\n}\n\n/** Whether a path belongs to one of the field names (`title.fr` to `title`). */\nfunction containsPath(names: readonly string[], path: string): boolean {\n    const name = path.split('.')[0];\n    return name !== undefined && names.includes(name);\n}\n\nfunction ErrorBadge({ form, names }: { form: Form; names: readonly string[] }) {\n    const intl = usePanneauIntl();\n    const count = selectErrorCount(useFormState(form), names);\n    if (count === 0) {\n        return null;\n    }\n    return (\n        <Badge tone=\"danger\" label={intl.formatMessage(messages.errorCount, { count })}>\n            {count}\n        </Badge>\n    );\n}\n\nfunction TabsNode({ node, fields }: { node: LayoutNode; fields: ReadonlyMap<string, Field> }) {\n    const form = useFormContext();\n    const state = useFormState(form);\n    const registry = use(RevealContext);\n    const id = useId();\n    const tabs = (node.children ?? []).filter(\n        (child) => child.type === 'tab' && selectVisible(state, child),\n    );\n    const names = tabs.map((tab) => getLayoutFieldNames(tab.children ?? []));\n    const [selected, setSelected] = useState<string>(`${id}-0`);\n\n    useEffect(\n        () =>\n            registry.add((path) => {\n                const index = names.findIndex((tabNames) => containsPath(tabNames, path));\n                if (index !== -1) {\n                    setSelected(`${id}-${index}`);\n                }\n            }),\n        [registry, names, id],\n    );\n\n    return (\n        <Tabs selectedKey={selected} onSelectionChange={(key) => setSelected(String(key))}>\n            <TabList aria-label={node.label ?? tabs.map((tab) => tab.label ?? '').join(', ')}>\n                {tabs.map((tab, index) => (\n                    <Tab key={index} id={`${id}-${index}`}>\n                        {tab.label} <ErrorBadge form={form} names={names[index] ?? []} />\n                    </Tab>\n                ))}\n            </TabList>\n            {tabs.map((tab, index) => (\n                // Panels stay mounted: fields keep their state, and errors can be revealed.\n                <TabPanel key={index} id={`${id}-${index}`} shouldForceMount>\n                    <div className={styles.stack}>\n                        <LayoutNodes nodes={tab.children ?? []} fields={fields} />\n                    </div>\n                </TabPanel>\n            ))}\n        </Tabs>\n    );\n}\n\nfunction SectionNode({ node, fields }: { node: LayoutNode; fields: ReadonlyMap<string, Field> }) {\n    const form = useFormContext();\n    const registry = use(RevealContext);\n    const titleId = useId();\n    const names = getLayoutFieldNames(node.children ?? []);\n    const [expanded, setExpanded] = useState(node.collapsed !== true);\n\n    useEffect(\n        () =>\n            registry.add((path) => {\n                if (containsPath(names, path)) {\n                    setExpanded(true);\n                }\n            }),\n        [registry, names],\n    );\n\n    const content = (\n        <>\n            {node.description !== undefined ? (\n                <p className={styles.sectionDescription}>{node.description}</p>\n            ) : null}\n            <div className={styles.stack}>\n                <LayoutNodes nodes={node.children ?? []} fields={fields} />\n            </div>\n        </>\n    );\n    if (node.collapsible === true) {\n        return (\n            <div className={styles.section}>\n                <Disclosure\n                    title={node.label}\n                    titleEnd={<ErrorBadge form={form} names={names} />}\n                    isExpanded={expanded}\n                    onExpandedChange={setExpanded}\n                >\n                    <div className={styles.stack}>{content}</div>\n                </Disclosure>\n            </div>\n        );\n    }\n    return (\n        <section\n            className={styles.section}\n            aria-labelledby={node.label !== undefined ? titleId : undefined}\n        >\n            {node.label !== undefined ? (\n                <div className={styles.sectionHeader}>\n                    <h3 id={titleId} className={styles.sectionTitle}>\n                        {node.label} <ErrorBadge form={form} names={names} />\n                    </h3>\n                </div>\n            ) : null}\n            {content}\n        </section>\n    );\n}\n\nfunction ComponentNode({ node }: { node: LayoutNode }) {\n    const form = useFormContext();\n    const { components } = usePlugins();\n    const Component = node.component !== undefined ? components.get(node.component) : undefined;\n    if (Component === undefined) {\n        return null;\n    }\n    // A component of the plugin registry, looked up by name: not created during render.\n    return createElement(Component, { ...node.props, node, form });\n}\n\nfunction LayoutNodeView({\n    node,\n    fields,\n}: {\n    node: LayoutNode;\n    fields: ReadonlyMap<string, Field>;\n}) {\n    const form = useFormContext();\n    const state = useFormState(form);\n    if (!selectVisible(state, node)) {\n        return null;\n    }\n    switch (node.type) {\n        case 'field': {\n            const field = node.name !== undefined ? fields.get(node.name) : undefined;\n            return field !== undefined ? (\n                <NestedField field={field} path={field.name} parentValue={state.values} />\n            ) : null;\n        }\n        case 'row':\n            return (\n                <div className={styles.row}>\n                    {(node.children ?? []).map((child, index) => (\n                        <div\n                            key={index}\n                            className={styles.cell}\n                            style={{ '--panneau-span': child.width ?? 12 } as CSSProperties}\n                        >\n                            <LayoutNodeView node={child} fields={fields} />\n                        </div>\n                    ))}\n                </div>\n            );\n        case 'tabs':\n            return <TabsNode node={node} fields={fields} />;\n        case 'section':\n            return <SectionNode node={node} fields={fields} />;\n        case 'text':\n            return <p className={styles.text}>{node.text ?? node.label}</p>;\n        case 'component':\n            return <ComponentNode node={node} />;\n        default:\n            // `column`, a `tab` or a `sidebar` out of place, and unknown containers.\n            return (\n                <div className={styles.stack}>\n                    <LayoutNodes nodes={node.children ?? []} fields={fields} />\n                </div>\n            );\n    }\n}\n\n/** Renders layout nodes in order. */\nexport function LayoutNodes({ nodes, fields }: LayoutProps): ReactNode {\n    return nodes.map((node, index) => <LayoutNodeView key={index} node={node} fields={fields} />);\n}\n"],"mappings":"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"}

package/dist/locales/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The English messages of `@panneau/forms`, by id. They are also the default messages.
+ *
+ * @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+ * of every package.
+ */
+export declare const en: Record<string, string>;
+/**
+ * The French messages of `@panneau/forms`, by id.
+ *
+ * @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+ * of every package.
+ */
+export declare const fr: Record<string, string>;
+//# sourceMappingURL=index.d.ts.map

package/dist/locales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAgC,CAAC;AAEvE;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAErC,CAAC"}

package/dist/locales/index.js

@@ -0,0 +1,21 @@
+import { messages } from "../messages.js";
+import { fr as fr$1, getDefaultMessages } from "@panneau/intl";
+//#region src/locales/index.ts
+/**
+* The English messages of `@panneau/forms`, by id. They are also the default messages.
+*
+* @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+* of every package.
+*/
+var en = getDefaultMessages(messages);
+/**
+* The French messages of `@panneau/forms`, by id.
+*
+* @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+* of every package.
+*/
+var fr = Object.fromEntries(Object.entries(fr$1).filter(([id]) => id in en));
+//#endregion
+export { en, fr };
+
+//# sourceMappingURL=index.js.map

package/dist/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["allFr"],"sources":["../../src/locales/index.ts"],"sourcesContent":["import { fr as allFr, getDefaultMessages } from '@panneau/intl';\n\nimport { messages } from '../messages';\n\n/**\n * The English messages of `@panneau/forms`, by id. They are also the default messages.\n *\n * @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages\n * of every package.\n */\nexport const en: Record<string, string> = getDefaultMessages(messages);\n\n/**\n * The French messages of `@panneau/forms`, by id.\n *\n * @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages\n * of every package.\n */\nexport const fr: Record<string, string> = Object.fromEntries(\n    Object.entries(allFr).filter(([id]) => id in en),\n);\n"],"mappings":";;;;;;;;;AAUA,IAAa,KAA6B,mBAAmB,QAAQ;;;;;;;AAQrE,IAAa,KAA6B,OAAO,YAC7C,OAAO,QAAQA,IAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,MAAM,EAAE,CACnD"}

package/dist/messages.d.ts

@@ -0,0 +1,2 @@
+export { formsMessages as messages } from '@panneau/intl';
+//# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/messages.js

@@ -0,0 +1 @@
+export { formsMessages as messages } from "@panneau/intl";

package/dist/paths.d.ts

@@ -0,0 +1,15 @@
+import type { Field } from '@panneau/protocol';
+/** A step from a field to the value at a path: the field, and a locale or an item index. */
+export interface PathStep {
+    field: Field;
+    locale?: string;
+    index?: number;
+}
+/**
+ * The fields that a dot path goes through (`blocks.2.body.fr`: `blocks`, item 3, `body` in
+ * French). Typed blocks are searched in all their types. Returns `[]` for an unknown path.
+ */
+export declare function getPathSteps(fields: readonly Field[], path: string): PathStep[];
+/** The field a path ends on, if the path is known. */
+export declare function getFieldAtPath(fields: readonly Field[], path: string): Field | undefined;
+//# sourceMappingURL=paths.d.ts.map

package/dist/paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../src/paths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,4FAA4F;AAC5F,MAAM,WAAW,QAAQ;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CA2B/E;AAED,sDAAsD;AACtD,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAExF"}

package/dist/paths.js

@@ -0,0 +1,34 @@
+//#region src/paths.ts
+function nested(field) {
+	return [...field.fields ?? [], ...(field.types ?? []).flatMap((type) => type.fields)];
+}
+/**
+* The fields that a dot path goes through (`blocks.2.body.fr`: `blocks`, item 3, `body` in
+* French). Typed blocks are searched in all their types. Returns `[]` for an unknown path.
+*/
+function getPathSteps(fields, path) {
+	const steps = [];
+	const segments = path.split(".");
+	let candidates = fields;
+	for (let index = 0; index < segments.length; index += 1) {
+		const field = candidates.find((candidate) => candidate.name === segments[index]);
+		if (field === void 0) return [];
+		const step = { field };
+		steps.push(step);
+		const next = segments[index + 1];
+		if (field.localized === true && next !== void 0) {
+			step.locale = next;
+			index += 1;
+		}
+		if (field.type === "repeater" && next !== void 0 && /^\d+$/.test(segments[index + 1] ?? "")) {
+			step.index = Number(segments[index + 1]);
+			index += 1;
+		}
+		candidates = nested(field);
+	}
+	return steps;
+}
+//#endregion
+export { getPathSteps };
+
+//# sourceMappingURL=paths.js.map

package/dist/paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.js","names":[],"sources":["../src/paths.ts"],"sourcesContent":["import type { Field } from '@panneau/protocol';\n\n/** A step from a field to the value at a path: the field, and a locale or an item index. */\nexport interface PathStep {\n    field: Field;\n    locale?: string;\n    index?: number;\n}\n\nfunction nested(field: Field): Field[] {\n    return [...(field.fields ?? []), ...(field.types ?? []).flatMap((type) => type.fields)];\n}\n\n/**\n * The fields that a dot path goes through (`blocks.2.body.fr`: `blocks`, item 3, `body` in\n * French). Typed blocks are searched in all their types. Returns `[]` for an unknown path.\n */\nexport function getPathSteps(fields: readonly Field[], path: string): PathStep[] {\n    const steps: PathStep[] = [];\n    const segments = path.split('.');\n    let candidates: readonly Field[] = fields;\n    for (let index = 0; index < segments.length; index += 1) {\n        const field = candidates.find((candidate) => candidate.name === segments[index]);\n        if (field === undefined) {\n            return [];\n        }\n        const step: PathStep = { field };\n        steps.push(step);\n        const next = segments[index + 1];\n        if (field.localized === true && next !== undefined) {\n            step.locale = next;\n            index += 1;\n        }\n        if (\n            field.type === 'repeater' &&\n            next !== undefined &&\n            /^\\d+$/.test(segments[index + 1] ?? '')\n        ) {\n            step.index = Number(segments[index + 1]);\n            index += 1;\n        }\n        candidates = nested(field);\n    }\n    return steps;\n}\n\n/** The field a path ends on, if the path is known. */\nexport function getFieldAtPath(fields: readonly Field[], path: string): Field | undefined {\n    return getPathSteps(fields, path).at(-1)?.field;\n}\n"],"mappings":";AASA,SAAS,OAAO,OAAuB;CACnC,OAAO,CAAC,GAAI,MAAM,UAAU,CAAA,GAAK,IAAI,MAAM,SAAS,CAAA,EAAA,CAAI,SAAS,SAAS,KAAK,MAAM,CAAC;AAC1F;;;;;AAMA,SAAgB,aAAa,QAA0B,MAA0B;CAC7E,MAAM,QAAoB,CAAA;CAC1B,MAAM,WAAW,KAAK,MAAM,GAAG;CAC/B,IAAI,aAA+B;CACnC,KAAK,IAAI,QAAQ,GAAG,QAAQ,SAAS,QAAQ,SAAS,GAAG;EACrD,MAAM,QAAQ,WAAW,MAAM,cAAc,UAAU,SAAS,SAAS,MAAM;EAC/E,IAAI,UAAU,KAAA,GACV,OAAO,CAAA;EAEX,MAAM,OAAiB,EAAE,MAAM;EAC/B,MAAM,KAAK,IAAI;EACf,MAAM,OAAO,SAAS,QAAQ;EAC9B,IAAI,MAAM,cAAc,QAAQ,SAAS,KAAA,GAAW;GAChD,KAAK,SAAS;GACd,SAAS;EACb;EACA,IACI,MAAM,SAAS,cACf,SAAS,KAAA,KACT,QAAQ,KAAK,SAAS,QAAQ,MAAM,EAAE,GACxC;GACE,KAAK,QAAQ,OAAO,SAAS,QAAQ,EAAE;GACvC,SAAS;EACb;EACA,aAAa,OAAO,KAAK;CAC7B;CACA,OAAO;AACX"}

package/dist/unsaved.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+/**
+ * Asks the browser to confirm before the page is closed or reloaded while `dirty` is true. Forms
+ * use it by default.
+ */
+export declare function useBeforeUnloadGuard(dirty: boolean): void;
+export interface LeaveConfirmation {
+    /**
+     * Resolves `true` when leaving is fine: right away without unsaved changes, or once the user
+     * chose to leave in the dialog.
+     */
+    confirmLeave: () => Promise<boolean>;
+    /** The dialog to render, while it is open. */
+    dialog: ReactNode;
+}
+/**
+ * Guards in-app navigation while a form has unsaved changes. Call `confirmLeave()` from the
+ * router's navigation guard (or before closing a panel), and render `dialog`. The page itself is
+ * guarded by `useBeforeUnloadGuard()`.
+ */
+export declare function useLeaveConfirmation(dirty: boolean): LeaveConfirmation;
+//# sourceMappingURL=unsaved.d.ts.map

package/dist/unsaved.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsaved.d.ts","sourceRoot":"","sources":["../src/unsaved.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMpE;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAazD;AAED,MAAM,WAAW,iBAAiB;IAC9B;;;OAGG;IACH,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,8CAA8C;IAC9C,MAAM,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,CA8CtE"}