@panneau/forms 4.1.1 → 5.0.0-alpha.0

package/dist/FormView.js

@@ -0,0 +1,203 @@
+import { messages } from "./messages.js";
+import { ConflictDialog } from "./ConflictDialog.js";
+import Form_module_default from "./Form.module.js";
+import { ErrorSummary } from "./ErrorSummary.js";
+import { FormContext, RevealContext, createRevealRegistry, useFormState } from "./context.js";
+import { FormBinding } from "./FormBinding.js";
+import { cx } from "./cx.js";
+import { LayoutNodes } from "./layout/Layout.js";
+import { useBeforeUnloadGuard } from "./unsaved.js";
+import { getLayoutFieldNames, getProblem, resolveFields, selectVisible, usePanneau, usePlugins } from "@panneau/core";
+import { Alert, Button, usePanneauIntl, useToast } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { FieldsProvider, builtInFields } from "@panneau/fields";
+//#region src/FormView.tsx
+var FOCUSABLE = "input:not([type=\"hidden\"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+/** The element of the field at a path, or of the closest field that holds it. */
+function findFieldElement(root, path) {
+	let current = path;
+	while (current !== "") {
+		const element = root.querySelector(`[data-panneau-path="${CSS.escape(current)}"]`);
+		if (element !== null) return element;
+		current = current.includes(".") ? current.slice(0, current.lastIndexOf(".")) : "";
+	}
+	return null;
+}
+/**
+* Error paths in the order of their fields: the order of the layout for top-level fields, then
+* the order of the paths inside them (`blocks.2.body` before `blocks.10.body`).
+*/
+function orderErrors(names, errors) {
+	const rank = (path) => {
+		const index = names.indexOf(path.split(".")[0] ?? "");
+		return index === -1 ? names.length : index;
+	};
+	const compare = (a, b) => rank(a) - rank(b) || a.localeCompare(b, void 0, { numeric: true });
+	return Object.fromEntries(Object.entries(errors).sort(([a], [b]) => compare(a, b)));
+}
+/**
+* Renders a form: its fields in their layout, bound to the form state of `@panneau/core`, with
+* an error summary, a scroll to the first error, error counts on tabs and sections, a guard for
+* unsaved changes and the dialog of version conflicts. Saving is the job of the form's
+* `onSubmit`.
+*/
+function FormView({ form, fields, layout = [], locales, relationSource, components, submitLabel, actions, onSubmitted, onReload, guardUnsavedChanges = true, showSavedToast = true, id, "aria-label": ariaLabel, className, layoutClassName, sidebarClassName, footerClassName, summaryClassName }) {
+	const intl = usePanneauIntl();
+	const toasts = useToast();
+	const { definition } = usePanneau();
+	const plugins = usePlugins();
+	const state = useFormState(form);
+	const [registry] = useState(createRevealRegistry);
+	const [resolving, setResolving] = useState(false);
+	const root = useRef(null);
+	useBeforeUnloadGuard(guardUnsavedChanges && state.dirty);
+	const resolved = resolveFields(fields, layout);
+	const main = resolved.layout.filter((node) => node.type !== "sidebar");
+	const sidebar = resolved.layout.filter((node_0) => node_0.type === "sidebar" && selectVisible(state, node_0));
+	const order = [...getLayoutFieldNames(main), ...getLayoutFieldNames(sidebar.flatMap((node_1) => node_1.children ?? []))];
+	const entries = {
+		...builtInFields,
+		...Object.fromEntries(plugins.fields),
+		...components
+	};
+	/** Opens the tab or section of a path, then scrolls to its field and focuses it. */
+	const goTo = (path) => {
+		registry.reveal(path);
+		requestAnimationFrame(() => {
+			const element = root.current !== null ? findFieldElement(root.current, path) : null;
+			if (element === null) return;
+			const reduced = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+			element.scrollIntoView?.({
+				block: "center",
+				behavior: reduced ? "auto" : "smooth"
+			});
+			(element.querySelector("[aria-invalid=\"true\"]") ?? element.querySelector(FOCUSABLE))?.focus({ preventScroll: true });
+		});
+	};
+	const handle = (result) => {
+		if (result === null) return;
+		if (result.status === "invalid") {
+			const first = Object.keys(orderErrors(order, result.errors))[0];
+			if (first !== void 0) goTo(first);
+		} else if (result.status === "submitted") {
+			if (showSavedToast) toasts.show({
+				title: intl.formatMessage(messages.saved),
+				tone: "success"
+			});
+			onSubmitted?.(result.result);
+		} else if (result.status === "error") toasts.show({
+			title: intl.formatMessage(messages.saveFailed),
+			tone: "danger",
+			action: {
+				label: intl.formatMessage(messages.retry),
+				onAction: () => void form.submit().then(handle)
+			}
+		}, { timeout: 8e3 });
+	};
+	const resolve = async (choice) => {
+		if (choice === "reload" && state.conflict?.current === null && onReload !== void 0) {
+			onReload();
+			return;
+		}
+		setResolving(true);
+		try {
+			handle(await form.resolveConflict(choice));
+		} finally {
+			setResolving(false);
+		}
+	};
+	const problem = state.status === "error" ? getProblem(state.error) : null;
+	const errorDetail = problem?.detail ?? (problem === null && state.error instanceof Error ? state.error.message : void 0);
+	const showSummary = state.status === "invalid" && state.submitCount > 0;
+	return /* @__PURE__ */ jsx(FormContext, {
+		value: form,
+		children: /* @__PURE__ */ jsx(RevealContext, {
+			value: registry,
+			children: /* @__PURE__ */ jsxs(FieldsProvider, {
+				components: entries,
+				locales: locales ?? definition?.locales ?? [],
+				...relationSource !== void 0 ? { relationSource } : {},
+				binding: FormBinding,
+				children: [/* @__PURE__ */ jsxs("form", {
+					ref: root,
+					id,
+					"aria-label": ariaLabel,
+					noValidate: true,
+					className: cx(Form_module_default.form, className),
+					onSubmit: (event) => {
+						event.preventDefault();
+						form.submit().then(handle);
+					},
+					children: [
+						showSummary ? /* @__PURE__ */ jsx(ErrorSummary, {
+							errors: orderErrors(order, state.errors),
+							fields: resolved.fields,
+							onSelect: goTo,
+							...summaryClassName !== void 0 ? { className: summaryClassName } : {}
+						}) : null,
+						state.status === "error" ? /* @__PURE__ */ jsx(Alert, {
+							tone: "danger",
+							role: "alert",
+							title: intl.formatMessage(messages.saveFailed),
+							actions: /* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								type: "submit",
+								children: intl.formatMessage(messages.retry)
+							}),
+							children: errorDetail
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: cx(Form_module_default.layout, sidebar.length > 0 && Form_module_default.withSidebar, layoutClassName),
+							children: [/* @__PURE__ */ jsx("div", {
+								className: Form_module_default.stack,
+								children: /* @__PURE__ */ jsx(LayoutNodes, {
+									nodes: main,
+									fields: resolved.fieldsByName
+								})
+							}), sidebar.length > 0 ? /* @__PURE__ */ jsx("aside", {
+								className: cx(Form_module_default.sidebar, sidebarClassName),
+								children: sidebar.map((node_2, index) => /* @__PURE__ */ jsx("div", {
+									className: Form_module_default.stack,
+									children: /* @__PURE__ */ jsx(LayoutNodes, {
+										nodes: node_2.children ?? [],
+										fields: resolved.fieldsByName
+									})
+								}, index))
+							}) : null]
+						}),
+						submitLabel !== null || actions !== void 0 ? /* @__PURE__ */ jsxs("div", {
+							className: cx(Form_module_default.footer, footerClassName),
+							children: [
+								state.dirty ? /* @__PURE__ */ jsx("span", {
+									className: Form_module_default.dirty,
+									role: "status",
+									children: intl.formatMessage(messages.unsaved)
+								}) : null,
+								actions,
+								submitLabel !== null ? /* @__PURE__ */ jsx(Button, {
+									type: "submit",
+									variant: "primary",
+									isPending: state.status === "submitting",
+									children: submitLabel ?? intl.formatMessage(messages.save)
+								}) : null
+							]
+						}) : null
+					]
+				}), /* @__PURE__ */ jsx(ConflictDialog, {
+					isOpen: state.status === "conflict" || resolving,
+					fields: resolved.fields,
+					values: state.values,
+					current: state.conflict?.current ?? null,
+					isPending: resolving,
+					onReload: () => void resolve("reload"),
+					onOverwrite: () => void resolve("overwrite")
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { FormView };
+
+//# sourceMappingURL=FormView.js.map

package/dist/FormView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormView.js","names":["node","styles"],"sources":["../src/FormView.tsx"],"sourcesContent":["import { type ReactNode, useRef, useState } from 'react';\n\nimport {\n    type Form,\n    type SubmitResult,\n    getLayoutFieldNames,\n    getProblem,\n    resolveFields,\n    selectVisible,\n    usePanneau,\n    usePlugins,\n} from '@panneau/core';\nimport {\n    type FieldEntry,\n    FieldsProvider,\n    type RelationSource,\n    builtInFields,\n} from '@panneau/fields';\nimport type { Field, LayoutNode } from '@panneau/protocol';\nimport { Alert, Button, usePanneauIntl, useToast } from '@panneau/ui';\n\nimport { ConflictDialog } from './ConflictDialog';\nimport { ErrorSummary } from './ErrorSummary';\nimport styles from './Form.module.css';\nimport { FormBinding } from './FormBinding';\nimport { FormContext, RevealContext, createRevealRegistry, useFormState } from './context';\nimport { cx } from './cx';\nimport { LayoutNodes } from './layout/Layout';\nimport { messages } from './messages';\nimport { useBeforeUnloadGuard } from './unsaved';\n\nexport interface FormViewProps {\n    /** The form state, from `useForm()` or `createForm()` of `@panneau/core`. */\n    form: Form;\n    /** The fields of the form. */\n    fields: readonly Field[];\n    /** The layout tree. Fields that no node references are added at the end. */\n    layout?: readonly LayoutNode[];\n    /** Locales of localized fields. Defaults to the definition's, from `PanneauProvider`. */\n    locales?: readonly string[];\n    /** Where relation fields search. Defaults to the one of a parent `FieldsProvider`. */\n    relationSource?: RelationSource | null;\n    /** Field entries by type, over the built-in ones and those of the plugins. */\n    components?: Readonly<Record<string, FieldEntry>>;\n    /** Label of the submit button. Defaults to \"Save\". `null` hides the button. */\n    submitLabel?: ReactNode;\n    /** Other buttons, next to the submit button. */\n    actions?: ReactNode;\n    /** Called after a successful submit, with what `onSubmit` returned. */\n    onSubmitted?: (result: unknown) => void;\n    /**\n     * Called by \"Load the current version\" in the conflict dialog when the backend didn't send the\n     * current item: fetch it, and `form.reset()` with it.\n     */\n    onReload?: () => void;\n    /** Asks for confirmation before the page is left with unsaved changes. Defaults to true. */\n    guardUnsavedChanges?: boolean;\n    /** Shows a toast after a successful submit. Defaults to true. */\n    showSavedToast?: boolean;\n    id?: string;\n    'aria-label'?: string;\n    className?: string;\n    layoutClassName?: string;\n    sidebarClassName?: string;\n    footerClassName?: string;\n    summaryClassName?: string;\n}\n\nconst FOCUSABLE =\n    'input:not([type=\"hidden\"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/** The element of the field at a path, or of the closest field that holds it. */\nfunction findFieldElement(root: HTMLElement, path: string): HTMLElement | null {\n    let current = path;\n    while (current !== '') {\n        const element = root.querySelector<HTMLElement>(\n            `[data-panneau-path=\"${CSS.escape(current)}\"]`,\n        );\n        if (element !== null) {\n            return element;\n        }\n        current = current.includes('.') ? current.slice(0, current.lastIndexOf('.')) : '';\n    }\n    return null;\n}\n\n/**\n * Error paths in the order of their fields: the order of the layout for top-level fields, then\n * the order of the paths inside them (`blocks.2.body` before `blocks.10.body`).\n */\nfunction orderErrors(\n    names: readonly string[],\n    errors: Record<string, string[]>,\n): Record<string, string[]> {\n    const rank = (path: string) => {\n        const index = names.indexOf(path.split('.')[0] ?? '');\n        return index === -1 ? names.length : index;\n    };\n    const compare = (a: string, b: string) =>\n        rank(a) - rank(b) || a.localeCompare(b, undefined, { numeric: true });\n    return Object.fromEntries(Object.entries(errors).sort(([a], [b]) => compare(a, b)));\n}\n\n/**\n * Renders a form: its fields in their layout, bound to the form state of `@panneau/core`, with\n * an error summary, a scroll to the first error, error counts on tabs and sections, a guard for\n * unsaved changes and the dialog of version conflicts. Saving is the job of the form's\n * `onSubmit`.\n */\nexport function FormView({\n    form,\n    fields,\n    layout = [],\n    locales,\n    relationSource,\n    components,\n    submitLabel,\n    actions,\n    onSubmitted,\n    onReload,\n    guardUnsavedChanges = true,\n    showSavedToast = true,\n    id,\n    'aria-label': ariaLabel,\n    className,\n    layoutClassName,\n    sidebarClassName,\n    footerClassName,\n    summaryClassName,\n}: FormViewProps) {\n    const intl = usePanneauIntl();\n    const toasts = useToast();\n    const { definition } = usePanneau();\n    const plugins = usePlugins();\n    const state = useFormState(form);\n    const [registry] = useState(createRevealRegistry);\n    const [resolving, setResolving] = useState(false);\n    const root = useRef<HTMLFormElement>(null);\n    useBeforeUnloadGuard(guardUnsavedChanges && state.dirty);\n\n    const resolved = resolveFields(fields, layout);\n    const main = resolved.layout.filter((node) => node.type !== 'sidebar');\n    const sidebar = resolved.layout.filter(\n        (node) => node.type === 'sidebar' && selectVisible(state, node),\n    );\n    const order = [\n        ...getLayoutFieldNames(main),\n        ...getLayoutFieldNames(sidebar.flatMap((node) => node.children ?? [])),\n    ];\n    const entries: Record<string, FieldEntry> = {\n        ...builtInFields,\n        ...(Object.fromEntries(plugins.fields) as Record<string, FieldEntry>),\n        ...components,\n    };\n\n    /** Opens the tab or section of a path, then scrolls to its field and focuses it. */\n    const goTo = (path: string) => {\n        registry.reveal(path);\n        // Wait for the tab or section to open before scrolling.\n        requestAnimationFrame(() => {\n            const element = root.current !== null ? findFieldElement(root.current, path) : null;\n            if (element === null) {\n                return;\n            }\n            const reduced = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n            element.scrollIntoView?.({ block: 'center', behavior: reduced ? 'auto' : 'smooth' });\n            const target =\n                element.querySelector<HTMLElement>('[aria-invalid=\"true\"]') ??\n                element.querySelector<HTMLElement>(FOCUSABLE);\n            target?.focus({ preventScroll: true });\n        });\n    };\n\n    const handle = (result: SubmitResult | null) => {\n        if (result === null) {\n            return;\n        }\n        if (result.status === 'invalid') {\n            const first = Object.keys(orderErrors(order, result.errors))[0];\n            if (first !== undefined) {\n                goTo(first);\n            }\n        } else if (result.status === 'submitted') {\n            if (showSavedToast) {\n                toasts.show({ title: intl.formatMessage(messages.saved), tone: 'success' });\n            }\n            onSubmitted?.(result.result);\n        } else if (result.status === 'error') {\n            toasts.show(\n                {\n                    title: intl.formatMessage(messages.saveFailed),\n                    tone: 'danger',\n                    action: {\n                        label: intl.formatMessage(messages.retry),\n                        onAction: () => void form.submit().then(handle),\n                    },\n                },\n                { timeout: 8000 },\n            );\n        }\n    };\n\n    const resolve = async (choice: 'reload' | 'overwrite') => {\n        if (choice === 'reload' && state.conflict?.current === null && onReload !== undefined) {\n            onReload();\n            return;\n        }\n        setResolving(true);\n        try {\n            handle(await form.resolveConflict(choice));\n        } finally {\n            setResolving(false);\n        }\n    };\n\n    const problem = state.status === 'error' ? getProblem(state.error) : null;\n    const errorDetail =\n        problem?.detail ??\n        (problem === null && state.error instanceof Error ? state.error.message : undefined);\n    const showSummary = state.status === 'invalid' && state.submitCount > 0;\n\n    return (\n        <FormContext value={form}>\n            <RevealContext value={registry}>\n                <FieldsProvider\n                    components={entries}\n                    locales={locales ?? definition?.locales ?? []}\n                    {...(relationSource !== undefined ? { relationSource } : {})}\n                    binding={FormBinding}\n                >\n                    <form\n                        ref={root}\n                        id={id}\n                        aria-label={ariaLabel}\n                        noValidate\n                        className={cx(styles.form, className)}\n                        onSubmit={(event) => {\n                            event.preventDefault();\n                            void form.submit().then(handle);\n                        }}\n                    >\n                        {showSummary ? (\n                            <ErrorSummary\n                                errors={orderErrors(order, state.errors)}\n                                fields={resolved.fields}\n                                onSelect={goTo}\n                                {...(summaryClassName !== undefined\n                                    ? { className: summaryClassName }\n                                    : {})}\n                            />\n                        ) : null}\n                        {state.status === 'error' ? (\n                            <Alert\n                                tone=\"danger\"\n                                role=\"alert\"\n                                title={intl.formatMessage(messages.saveFailed)}\n                                actions={\n                                    <Button size=\"sm\" type=\"submit\">\n                                        {intl.formatMessage(messages.retry)}\n                                    </Button>\n                                }\n                            >\n                                {errorDetail}\n                            </Alert>\n                        ) : null}\n                        <div\n                            className={cx(\n                                styles.layout,\n                                sidebar.length > 0 && styles.withSidebar,\n                                layoutClassName,\n                            )}\n                        >\n                            <div className={styles.stack}>\n                                <LayoutNodes nodes={main} fields={resolved.fieldsByName} />\n                            </div>\n                            {sidebar.length > 0 ? (\n                                <aside className={cx(styles.sidebar, sidebarClassName)}>\n                                    {sidebar.map((node, index) => (\n                                        <div key={index} className={styles.stack}>\n                                            <LayoutNodes\n                                                nodes={node.children ?? []}\n                                                fields={resolved.fieldsByName}\n                                            />\n                                        </div>\n                                    ))}\n                                </aside>\n                            ) : null}\n                        </div>\n                        {submitLabel !== null || actions !== undefined ? (\n                            <div className={cx(styles.footer, footerClassName)}>\n                                {state.dirty ? (\n                                    <span className={styles.dirty} role=\"status\">\n                                        {intl.formatMessage(messages.unsaved)}\n                                    </span>\n                                ) : null}\n                                {actions}\n                                {submitLabel !== null ? (\n                                    <Button\n                                        type=\"submit\"\n                                        variant=\"primary\"\n                                        isPending={state.status === 'submitting'}\n                                    >\n                                        {submitLabel ?? intl.formatMessage(messages.save)}\n                                    </Button>\n                                ) : null}\n                            </div>\n                        ) : null}\n                    </form>\n                    <ConflictDialog\n                        isOpen={state.status === 'conflict' || resolving}\n                        fields={resolved.fields}\n                        values={state.values}\n                        current={state.conflict?.current ?? null}\n                        isPending={resolving}\n                        onReload={() => void resolve('reload')}\n                        onOverwrite={() => void resolve('overwrite')}\n                    />\n                </FieldsProvider>\n            </RevealContext>\n        </FormContext>\n    );\n}\n"],"mappings":"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"}

package/dist/context.d.ts

@@ -0,0 +1,15 @@
+import type { Form, FormState } from '@panneau/core';
+export declare const FormContext: import("react").Context<Form | null>;
+/** The form of the closest `FormView`. */
+export declare function useFormContext(): Form;
+/** The state of a form, updated on every change. */
+export declare function useFormState(form: Form): FormState;
+/** Opens the containers (tabs, sections) that hold a path, so that its field can be reached. */
+export type Revealer = (path: string) => void;
+export interface RevealRegistry {
+    add(revealer: Revealer): () => void;
+    reveal(path: string): void;
+}
+export declare function createRevealRegistry(): RevealRegistry;
+export declare const RevealContext: import("react").Context<RevealRegistry>;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,WAAW,sCAAmC,CAAC;AAE5D,0CAA0C;AAC1C,wBAAgB,cAAc,IAAI,IAAI,CAMrC;AAED,oDAAoD;AACpD,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAElD;AAED,gGAAgG;AAChG,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC3B,GAAG,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI,CAAC;IACpC,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,IAAI,cAAc,CAarD;AAED,eAAO,MAAM,aAAa,yCAAwD,CAAC"}

package/dist/context.js

@@ -0,0 +1,32 @@
+import { createContext, use, useSyncExternalStore } from "react";
+//#region src/context.ts
+var FormContext = createContext(null);
+/** The form of the closest `FormView`. */
+function useFormContext() {
+	const form = use(FormContext);
+	if (form === null) throw new Error("This component must be rendered inside a <Form> or a <FormView>.");
+	return form;
+}
+/** The state of a form, updated on every change. */
+function useFormState(form) {
+	return useSyncExternalStore(form.subscribe, form.getState, form.getState);
+}
+function createRevealRegistry() {
+	const revealers = /* @__PURE__ */ new Set();
+	return {
+		add(revealer) {
+			revealers.add(revealer);
+			return () => {
+				revealers.delete(revealer);
+			};
+		},
+		reveal(path) {
+			revealers.forEach((revealer) => revealer(path));
+		}
+	};
+}
+var RevealContext = createContext(createRevealRegistry());
+//#endregion
+export { FormContext, RevealContext, createRevealRegistry, useFormContext, useFormState };
+
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../src/context.ts"],"sourcesContent":["import { createContext, use, useSyncExternalStore } from 'react';\n\nimport type { Form, FormState } from '@panneau/core';\n\nexport const FormContext = createContext<Form | null>(null);\n\n/** The form of the closest `FormView`. */\nexport function useFormContext(): Form {\n    const form = use(FormContext);\n    if (form === null) {\n        throw new Error('This component must be rendered inside a <Form> or a <FormView>.');\n    }\n    return form;\n}\n\n/** The state of a form, updated on every change. */\nexport function useFormState(form: Form): FormState {\n    return useSyncExternalStore(form.subscribe, form.getState, form.getState);\n}\n\n/** Opens the containers (tabs, sections) that hold a path, so that its field can be reached. */\nexport type Revealer = (path: string) => void;\n\nexport interface RevealRegistry {\n    add(revealer: Revealer): () => void;\n    reveal(path: string): void;\n}\n\nexport function createRevealRegistry(): RevealRegistry {\n    const revealers = new Set<Revealer>();\n    return {\n        add(revealer) {\n            revealers.add(revealer);\n            return () => {\n                revealers.delete(revealer);\n            };\n        },\n        reveal(path) {\n            revealers.forEach((revealer) => revealer(path));\n        },\n    };\n}\n\nexport const RevealContext = createContext<RevealRegistry>(createRevealRegistry());\n"],"mappings":";;AAIA,IAAa,cAAc,cAA2B,IAAI;;AAG1D,SAAgB,iBAAuB;CACnC,MAAM,OAAO,IAAI,WAAW;CAC5B,IAAI,SAAS,MACT,MAAM,IAAI,MAAM,kEAAkE;CAEtF,OAAO;AACX;;AAGA,SAAO,aAAA,MAAA;CAAA,OACI,qBAAqB,KAAI,WAAY,KAAI,UAAW,KAAI,QAAS;AAAC;AAW7E,SAAgB,uBAAuC;CACnD,MAAM,4BAAY,IAAI,IAAc;CACpC,OAAO;EACH,IAAI,UAAU;GACV,UAAU,IAAI,QAAQ;GACtB,aAAa;IACT,UAAU,OAAO,QAAQ;GAC7B;EACJ;EACA,OAAO,MAAM;GACT,UAAU,SAAS,aAAa,SAAS,IAAI,CAAC;EAClD;CACJ;AACJ;AAEA,IAAa,gBAAgB,cAA8B,qBAAqB,CAAC"}

package/dist/cx.d.ts

@@ -0,0 +1,3 @@
+/** Joins class names, skipping empty ones. */
+export declare function cx(...classNames: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../src/cx.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE/E"}

package/dist/cx.js

@@ -0,0 +1,9 @@
+//#region src/cx.ts
+/** Joins class names, skipping empty ones. */
+function cx(...classNames) {
+	return classNames.filter(Boolean).join(" ");
+}
+//#endregion
+export { cx };
+
+//# sourceMappingURL=cx.js.map

package/dist/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","names":[],"sources":["../src/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC9C"}

package/dist/describe.d.ts

@@ -0,0 +1,7 @@
+import type { Field } from '@panneau/protocol';
+/**
+ * A readable name for the value at a path, from the labels of its fields: `Blocks › 3 › Body`,
+ * `Title (fr)`. Unknown paths are returned as is.
+ */
+export declare function describePath(fields: readonly Field[], path: string): string;
+//# sourceMappingURL=describe.d.ts.map

package/dist/describe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"describe.d.ts","sourceRoot":"","sources":["../src/describe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI/C;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAa3E"}

package/dist/describe.js

@@ -0,0 +1,17 @@
+import { getPathSteps } from "./paths.js";
+//#region src/describe.ts
+/**
+* A readable name for the value at a path, from the labels of its fields: `Blocks › 3 › Body`,
+* `Title (fr)`. Unknown paths are returned as is.
+*/
+function describePath(fields, path) {
+	const steps = getPathSteps(fields, path);
+	if (steps.length === 0) return path;
+	return steps.map((step) => {
+		return `${step.field.label ?? step.field.name}${step.locale !== void 0 ? ` (${step.locale})` : ""}${step.index !== void 0 ? ` › ${step.index + 1}` : ""}`;
+	}).join(" › ");
+}
+//#endregion
+export { describePath };
+
+//# sourceMappingURL=describe.js.map

package/dist/describe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"describe.js","names":[],"sources":["../src/describe.ts"],"sourcesContent":["import type { Field } from '@panneau/protocol';\n\nimport { getPathSteps } from './paths';\n\n/**\n * A readable name for the value at a path, from the labels of its fields: `Blocks › 3 › Body`,\n * `Title (fr)`. Unknown paths are returned as is.\n */\nexport function describePath(fields: readonly Field[], path: string): string {\n    const steps = getPathSteps(fields, path);\n    if (steps.length === 0) {\n        return path;\n    }\n    return steps\n        .map((step) => {\n            const label = step.field.label ?? step.field.name;\n            const locale = step.locale !== undefined ? ` (${step.locale})` : '';\n            const index = step.index !== undefined ? ` › ${step.index + 1}` : '';\n            return `${label}${locale}${index}`;\n        })\n        .join(' › ');\n}\n"],"mappings":";;;;;;AAQA,SAAgB,aAAa,QAA0B,MAAsB;CACzE,MAAM,QAAQ,aAAa,QAAQ,IAAI;CACvC,IAAI,MAAM,WAAW,GACjB,OAAO;CAEX,OAAO,MACF,KAAK,SAAS;EAIX,OAAO,GAHO,KAAK,MAAM,SAAS,KAAK,MAAM,OAC9B,KAAK,WAAW,KAAA,IAAY,KAAK,KAAK,OAAM,KAAM,KACnD,KAAK,UAAU,KAAA,IAAY,MAAM,KAAK,QAAQ,MAAM;CAEtE,CAAC,CAAC,CACD,KAAK,KAAK;AACnB"}

package/dist/formatError.d.ts

@@ -0,0 +1,8 @@
+import type { Field, RuleFailure } from '@panneau/protocol';
+/**
+ * Translates the failures of the portable rules with react-intl, for `formatError`. `min` and
+ * `max` say "characters" for texts and "items" for lists, from the field at the path. A rule's own
+ * `message` wins.
+ */
+export declare function useFormatRuleFailure(fields: readonly Field[]): (failure: RuleFailure, path: string) => string;
+//# sourceMappingURL=formatError.d.ts.map

package/dist/formatError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatError.d.ts","sourceRoot":"","sources":["../src/formatError.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQ5D;;;;GAIG;AACH,wBAAgB,oBAAoB,CAChC,MAAM,EAAE,SAAS,KAAK,EAAE,GACzB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAwChD"}

package/dist/formatError.js

@@ -0,0 +1,46 @@
+import { messages } from "./messages.js";
+import { getPathSteps } from "./paths.js";
+import { c } from "react/compiler-runtime";
+import { usePanneauIntl } from "@panneau/ui";
+//#region src/formatError.ts
+var COUNTED = /* @__PURE__ */ new Set([
+	"repeater",
+	"relation",
+	"media",
+	"select"
+]);
+/**
+* Translates the failures of the portable rules with react-intl, for `formatError`. `min` and
+* `max` say "characters" for texts and "items" for lists, from the field at the path. A rule's own
+* `message` wins.
+*/
+function useFormatRuleFailure(fields) {
+	const $ = c(3);
+	const intl = usePanneauIntl();
+	let t0;
+	if ($[0] !== fields || $[1] !== intl) {
+		t0 = (failure, path) => {
+			if (failure.message !== void 0) return failure.message;
+			const step = getPathSteps(fields, path).at(-1);
+			const field = step?.field;
+			const value = typeof failure.value === "number" ? failure.value : 0;
+			if (failure.rule === "min" || failure.rule === "max") {
+				const list = field !== void 0 && step?.index === void 0 && COUNTED.has(field.type) && (field.type === "repeater" || field.multiple === true);
+				const numeric = field?.type === "number";
+				const key = list ? failure.rule === "min" ? "minItems" : "maxItems" : numeric ? failure.rule : failure.rule === "min" ? "minLength" : "maxLength";
+				return intl.formatMessage(messages.rule[key], { value });
+			}
+			const rule = failure.rule;
+			if (rule in messages.rule && rule !== "min" && rule !== "max") return intl.formatMessage(messages.rule[rule]);
+			return intl.formatMessage(messages.rule.invalid);
+		};
+		$[0] = fields;
+		$[1] = intl;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+//#endregion
+export { useFormatRuleFailure };
+
+//# sourceMappingURL=formatError.js.map

package/dist/formatError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatError.js","names":["_c"],"sources":["../src/formatError.ts"],"sourcesContent":["import type { Field, RuleFailure } from '@panneau/protocol';\nimport { usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from './messages';\nimport { getPathSteps } from './paths';\n\nconst COUNTED = new Set(['repeater', 'relation', 'media', 'select']);\n\n/**\n * Translates the failures of the portable rules with react-intl, for `formatError`. `min` and\n * `max` say \"characters\" for texts and \"items\" for lists, from the field at the path. A rule's own\n * `message` wins.\n */\nexport function useFormatRuleFailure(\n    fields: readonly Field[],\n): (failure: RuleFailure, path: string) => string {\n    const intl = usePanneauIntl();\n    return (failure, path) => {\n        if (failure.message !== undefined) {\n            return failure.message;\n        }\n        const step = getPathSteps(fields, path).at(-1);\n        const field = step?.field;\n        const value = typeof failure.value === 'number' ? failure.value : 0;\n        if (failure.rule === 'min' || failure.rule === 'max') {\n            const list =\n                field !== undefined &&\n                step?.index === undefined &&\n                COUNTED.has(field.type) &&\n                (field.type === 'repeater' || field.multiple === true);\n            const numeric = field?.type === 'number';\n            const key = list\n                ? failure.rule === 'min'\n                    ? 'minItems'\n                    : 'maxItems'\n                : numeric\n                  ? failure.rule\n                  : failure.rule === 'min'\n                    ? 'minLength'\n                    : 'maxLength';\n            return intl.formatMessage(messages.rule[key], { value });\n        }\n        const rule = failure.rule as keyof typeof messages.rule;\n        if (rule in messages.rule && rule !== 'min' && rule !== 'max') {\n            return intl.formatMessage(\n                messages.rule[\n                    rule as Exclude<\n                        typeof rule,\n                        'min' | 'max' | 'minLength' | 'maxLength' | 'minItems' | 'maxItems'\n                    >\n                ],\n            );\n        }\n        return intl.formatMessage(messages.rule.invalid);\n    };\n}\n"],"mappings":";;;;;AAMA,IAAM,0BAAU,IAAI,IAAI;CAAC;CAAY;CAAY;CAAS;AAAQ,CAAC;;;;;;AAOnE,SAAO,qBAAA,QAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAGH,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA,EAAA,OAAA,MAAA;EACvB,MAAA,SAAA,SAAA;GACH,IAAI,QAAO,YAAa,KAAA,GAAS,OACtB,QAAO;GAElB,MAAA,OAAa,aAAa,QAAQ,IAAI,CAAC,CAAA,GAAI,EAAE;GAC7C,MAAA,QAAc,MAAI;GAClB,MAAA,QAAc,OAAO,QAAO,UAAW,WAAW,QAAO,QAA3C;GACd,IAAI,QAAO,SAAU,SAAS,QAAO,SAAU,OAAK;IAChD,MAAA,OACI,UAAU,KAAA,KACV,MAAI,UAAY,KAAA,KAChB,QAAO,IAAK,MAAK,IAAK,MACrB,MAAK,SAAU,cAAc,MAAK,aAAc;IACrD,MAAA,UAAgB,OAAK,SAAW;IAChC,MAAA,MAAY,OACN,QAAO,SAAU,QAAjB,aAAA,aAGA,UACE,QAAO,OACP,QAAO,SAAU,QAAjB,cAAA;IAEc,OACf,KAAI,cAAe,SAAQ,KAAM,MAAM,EAAA,MAAQ,CAAC;GAAC;GAE5D,MAAA,OAAa,QAAO;GACpB,IAAI,QAAQ,SAAQ,QAAS,SAAS,SAAS,SAAS,OAAK,OAClD,KAAI,cACP,SAAQ,KACJ,KAKR;GACH,OACM,KAAI,cAAe,SAAQ,KAAK,OAAQ;EAAC;EACnD,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OArCM;AAqCN"}

package/dist/index.d.ts

@@ -1,12 +1,10 @@
-import * as react from 'react';
-import { ElementType, ReactNode } from 'react';
-import { FormDefinition } from '@panneau/core';
-
-interface FormsProviderProps {
-    definitions?: FormDefinition[];
-    components?: Record<string, ElementType>;
-    children: ReactNode;
-}
-declare function FormsProvider({ definitions: injectedDefinitions, components: injectedComponents, children, }: FormsProviderProps): react.JSX.Element;
-
-export { FormsProvider as default };
+export { ConflictDialog, type ConflictDialogProps } from './ConflictDialog';
+export { describePath } from './describe';
+export { ErrorSummary, type ErrorSummaryProps } from './ErrorSummary';
+export { Form, type FormProps } from './Form';
+export { FormBinding } from './FormBinding';
+export { FormView, type FormViewProps } from './FormView';
+export { useFormContext, useFormState } from './context';
+export { useFormatRuleFailure } from './formatError';
+export { type LeaveConfirmation, useBeforeUnloadGuard, useLeaveConfirmation } from './unsaved';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,KAAK,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1,90 +1,10 @@
-import { c } from 'react/compiler-runtime';
-import { ComponentsProvider, FORMS_NAMESPACE, FormsProvider as FormsProvider$1 } from '@panneau/core/contexts';
-import formHorizontal from '@panneau/form-horizontal';
-import formInline from '@panneau/form-inline';
-import formNormal from '@panneau/form-normal';
-import formTwoPane from '@panneau/form-two-pane';
-import { ChangePassword, ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable, definition } from '@panneau/form-auth';
-import isArray from 'lodash-es/isArray';
-import { jsx } from 'react/jsx-runtime';
-
-// Import forms
-
-var components = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ChangePassword: ChangePassword,
-    ConfirmPassword: ConfirmPassword,
-    ForgotPassword: ForgotPassword,
-    Horizontal: formHorizontal,
-    Inline: formInline,
-    Login: Login,
-    Normal: formNormal,
-    Register: Register,
-    ResetPassword: ResetPassword,
-    TwoFactorChallenge: TwoFactorChallenge,
-    TwoFactorDisable: TwoFactorDisable,
-    TwoFactorEnable: TwoFactorEnable,
-    TwoPane: formTwoPane
-});
-
-var definitions = [definition].reduce((allDefinition, definition) => [...allDefinition, ...(isArray(definition) ? definition : [definition])], []);
-
-const DEFAULT_DEFINITIONS = [];
-const DEFAULT_COMPONENTS = {};
-function FormsProvider(t0) {
-  const $ = c(10);
-  const {
-    definitions: t1,
-    components: t2,
-    children
-  } = t0;
-  const injectedDefinitions = t1 === undefined ? DEFAULT_DEFINITIONS : t1;
-  const injectedComponents = t2 === undefined ? DEFAULT_COMPONENTS : t2;
-  let t3;
-  if ($[0] !== injectedDefinitions) {
-    t3 = [...definitions, ...injectedDefinitions];
-    $[0] = injectedDefinitions;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  let t4;
-  if ($[2] !== injectedComponents) {
-    t4 = {
-      ...components,
-      ...injectedComponents
-    };
-    $[2] = injectedComponents;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== children || $[5] !== t4) {
-    t5 = /*#__PURE__*/jsx(ComponentsProvider, {
-      namespace: FORMS_NAMESPACE,
-      components: t4,
-      children: children
-    });
-    $[4] = children;
-    $[5] = t4;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  let t6;
-  if ($[7] !== t3 || $[8] !== t5) {
-    t6 = /*#__PURE__*/jsx(FormsProvider$1, {
-      forms: t3,
-      children: t5
-    });
-    $[7] = t3;
-    $[8] = t5;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  return t6;
-}
-
-export { FormsProvider as default };
+import { ConflictDialog } from "./ConflictDialog.js";
+import { describePath } from "./describe.js";
+import { ErrorSummary } from "./ErrorSummary.js";
+import { useFormContext, useFormState } from "./context.js";
+import { FormBinding } from "./FormBinding.js";
+import { useBeforeUnloadGuard, useLeaveConfirmation } from "./unsaved.js";
+import { FormView } from "./FormView.js";
+import { useFormatRuleFailure } from "./formatError.js";
+import { Form } from "./Form.js";
+export { ConflictDialog, ErrorSummary, Form, FormBinding, FormView, describePath, useBeforeUnloadGuard, useFormContext, useFormState, useFormatRuleFailure, useLeaveConfirmation };

package/dist/layout/Layout.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import type { Field, LayoutNode } from '@panneau/protocol';
+export interface LayoutProps {
+    nodes: readonly LayoutNode[];
+    fields: ReadonlyMap<string, Field>;
+}
+/** Renders layout nodes in order. */
+export declare function LayoutNodes({ nodes, fields }: LayoutProps): ReactNode;
+//# sourceMappingURL=Layout.d.ts.map

package/dist/layout/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/layout/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO3D,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;CACtC;AAwLD,qCAAqC;AACrC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,SAAS,CAErE"}