@panneau/fields 5.0.0-alpha.18 → 5.0.0-alpha.19

package/dist/group/GroupField.js

@@ -13,8 +13,8 @@ import { jsx } from "react/jsx-runtime";
 * object through `onChange`.
 */
 function GroupField(t0) {
-	const $ = c(34);
-	const { fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, fieldsClassName } = t0;
+	const $ = c(29);
+	const { fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, renderFields, fieldsClassName } = t0;
 	const base = path ?? name ?? "";
 	let t1;
 	if ($[0] !== value) {
@@ -24,70 +24,62 @@ function GroupField(t0) {
 	} else t1 = $[1];
 	const object = t1;
 	let t2;
-	if ($[2] !== fieldsClassName) {
-		t2 = cx(GroupField_module_default.fields, fieldsClassName);
-		$[2] = fieldsClassName;
-		$[3] = t2;
-	} else t2 = $[3];
+	if ($[2] !== base || $[3] !== disabled || $[4] !== object || $[5] !== onBlur || $[6] !== onChange || $[7] !== readOnly) {
+		t2 = (field) => /* @__PURE__ */ jsx(NestedField, {
+			field,
+			path: base !== "" ? `${base}.${field.name}` : field.name,
+			value: object[field.name],
+			onChange: (next) => onChange?.({
+				...object,
+				[field.name]: next
+			}),
+			...onBlur !== void 0 ? { onBlur } : {},
+			parentValue: object,
+			...disabled !== void 0 ? { disabled } : {},
+			...readOnly !== void 0 ? { readOnly } : {}
+		});
+		$[2] = base;
+		$[3] = disabled;
+		$[4] = object;
+		$[5] = onBlur;
+		$[6] = onChange;
+		$[7] = readOnly;
+		$[8] = t2;
+	} else t2 = $[8];
+	const renderField = t2;
 	let t3;
-	if ($[4] !== base || $[5] !== disabled || $[6] !== fields || $[7] !== object || $[8] !== onBlur || $[9] !== onChange || $[10] !== readOnly) {
-		let t4;
-		if ($[12] !== base || $[13] !== disabled || $[14] !== object || $[15] !== onBlur || $[16] !== onChange || $[17] !== readOnly) {
-			t4 = (field) => /* @__PURE__ */ jsx("div", {
-				className: cx(GroupField_module_default.cell, isWideField(field) && GroupField_module_default.wide),
-				children: /* @__PURE__ */ jsx(NestedField, {
-					field,
-					path: base !== "" ? `${base}.${field.name}` : field.name,
-					value: object[field.name],
-					onChange: (next) => onChange?.({
-						...object,
-						[field.name]: next
-					}),
-					...onBlur !== void 0 ? { onBlur } : {},
-					parentValue: object,
-					...disabled !== void 0 ? { disabled } : {},
-					...readOnly !== void 0 ? { readOnly } : {}
-				})
-			}, field.name);
-			$[12] = base;
-			$[13] = disabled;
-			$[14] = object;
-			$[15] = onBlur;
-			$[16] = onChange;
-			$[17] = readOnly;
-			$[18] = t4;
-		} else t4 = $[18];
-		t3 = fields.map(t4);
-		$[4] = base;
-		$[5] = disabled;
-		$[6] = fields;
-		$[7] = object;
-		$[8] = onBlur;
-		$[9] = onChange;
-		$[10] = readOnly;
-		$[11] = t3;
-	} else t3 = $[11];
+	if ($[9] !== fieldsClassName) {
+		t3 = cx(GroupField_module_default.fields, fieldsClassName);
+		$[9] = fieldsClassName;
+		$[10] = t3;
+	} else t3 = $[10];
 	let t4;
-	if ($[19] !== t3) {
-		t4 = /* @__PURE__ */ jsx("div", {
+	if ($[11] !== fields || $[12] !== object || $[13] !== renderField || $[14] !== renderFields) {
+		t4 = renderFields !== void 0 ? renderFields(Object.fromEntries(fields.map((field_0) => [field_0.name, renderField(field_0)])), object) : /* @__PURE__ */ jsx("div", {
 			className: GroupField_module_default.flow,
-			children: t3
+			children: fields.map((field_1) => /* @__PURE__ */ jsx("div", {
+				className: cx(GroupField_module_default.cell, isWideField(field_1) && GroupField_module_default.wide),
+				children: renderField(field_1)
+			}, field_1.name))
 		});
-		$[19] = t3;
-		$[20] = t4;
-	} else t4 = $[20];
+		$[11] = fields;
+		$[12] = object;
+		$[13] = renderField;
+		$[14] = renderFields;
+		$[15] = t4;
+	} else t4 = $[15];
 	let t5;
-	if ($[21] !== t2 || $[22] !== t4) {
+	if ($[16] !== t3 || $[17] !== t4) {
 		t5 = /* @__PURE__ */ jsx("div", {
-			className: t2,
+			className: t3,
 			children: t4
 		});
-		$[21] = t2;
-		$[22] = t4;
-		$[23] = t5;
-	} else t5 = $[23];
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
 	let t6;
-	if ($[24] !== className || $[25] !== description || $[26] !== descriptionClassName || $[27] !== errors || $[28] !== errorsClassName || $[29] !== label || $[30] !== labelClassName || $[31] !== required || $[32] !== t5) {
+	if ($[19] !== className || $[20] !== description || $[21] !== descriptionClassName || $[22] !== errors || $[23] !== errorsClassName || $[24] !== label || $[25] !== labelClassName || $[26] !== required || $[27] !== t5) {
 		t6 = /* @__PURE__ */ jsx(Fieldset, {
 			legend: label,
 			description,
@@ -99,17 +91,17 @@ function GroupField(t0) {
 			errorsClassName,
 			children: t5
 		});
-		$[24] = className;
-		$[25] = description;
-		$[26] = descriptionClassName;
-		$[27] = errors;
-		$[28] = errorsClassName;
-		$[29] = label;
-		$[30] = labelClassName;
-		$[31] = required;
-		$[32] = t5;
-		$[33] = t6;
-	} else t6 = $[33];
+		$[19] = className;
+		$[20] = description;
+		$[21] = descriptionClassName;
+		$[22] = errors;
+		$[23] = errorsClassName;
+		$[24] = label;
+		$[25] = labelClassName;
+		$[26] = required;
+		$[27] = t5;
+		$[28] = t6;
+	} else t6 = $[28];
 	return t6;
 }
 /** The `group` type: its `fields`, as a nested object. */

package/dist/group/GroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.js","names":["Field","Fieldset","NestedField","cx","getFieldProps","isWideField","FieldEntryProps","FieldProps","styles","GroupValue","Record","GroupFieldProps","fields","path","fieldsClassName","GroupField","t0","$","_c","name","value","onChange","onBlur","label","description","errors","disabled","readOnly","required","className","labelClassName","descriptionClassName","errorsClassName","base","t1","object","t2","t3","t4","field","cell","wide","next","undefined","map","flow","t5","t6","GroupFieldEntry","props","Array","isArray","_c","styles"],"sources":["../../src/group/GroupField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { Fieldset } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport { isWideField } from '../shared/flow';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './GroupField.module.css';\n\nexport type GroupValue = Record<string, unknown>;\n\nexport interface GroupFieldProps extends FieldProps<GroupValue> {\n    /** The nested fields, rendered with the entries of the fields context. */\n    fields: readonly Field[];\n    /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */\n    path?: string;\n    fieldsClassName?: string;\n}\n\n/**\n * A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each\n * field renders with the entry of its type, at the path `<group>.<field>`. Without a binding in the fields context, the group sets the whole\n * object through `onChange`.\n */\nexport function GroupField({\n    fields,\n    path,\n    name,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    fieldsClassName,\n}: GroupFieldProps) {\n    const base = path ?? name ?? '';\n    const object = value ?? {};\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={cx(styles.fields, fieldsClassName)}>\n                <div className={styles.flow}>\n                    {fields.map((field) => (\n                        <div\n                            key={field.name}\n                            className={cx(styles.cell, isWideField(field) && styles.wide)}\n                        >\n                            <NestedField\n                                field={field}\n                                path={base !== '' ? `${base}.${field.name}` : field.name}\n                                value={object[field.name]}\n                                onChange={(next) => onChange?.({ ...object, [field.name]: next })}\n                                {...(onBlur !== undefined ? { onBlur } : {})}\n                                parentValue={object}\n                                {...(disabled !== undefined ? { disabled } : {})}\n                                {...(readOnly !== undefined ? { readOnly } : {})}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `group` type: its `fields`, as a nested object. */\nexport function GroupFieldEntry(props: FieldEntryProps) {\n    const { value } = props;\n    return (\n        <GroupField\n            {...getFieldProps(props)}\n            fields={props.field.fields ?? []}\n            path={props.path}\n            value={\n                value !== null && typeof value === 'object' && !Array.isArray(value)\n                    ? (value as GroupValue)\n                    : null\n            }\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GroupField.js","names":["ReactNode","Field","Fieldset","NestedField","cx","getFieldProps","isWideField","FieldEntryProps","FieldProps","styles","GroupValue","Record","GroupFieldProps","fields","path","renderFields","parts","Readonly","value","fieldsClassName","GroupField","t0","$","_c","name","onChange","onBlur","label","description","errors","disabled","readOnly","required","className","labelClassName","descriptionClassName","errorsClassName","base","t1","object","t2","field","next","undefined","renderField","t3","t4","Object","fromEntries","map","field_0","flow","field_1","cell","wide","t5","t6","GroupFieldEntry","props","Array","isArray","_c","styles"],"sources":["../../src/group/GroupField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { Field } from '@panneau/protocol';\nimport { Fieldset } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport { isWideField } from '../shared/flow';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './GroupField.module.css';\n\nexport type GroupValue = Record<string, unknown>;\n\nexport interface GroupFieldProps extends FieldProps<GroupValue> {\n    /** The nested fields, rendered with the entries of the fields context. */\n    fields: readonly Field[];\n    /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */\n    path?: string;\n    /**\n     * Lays out the rendered fields, by name, instead of the flow of short fields side by side:\n     * the layout of a compound field (decision 0065).\n     */\n    renderFields?: (parts: Readonly<Record<string, ReactNode>>, value: GroupValue) => ReactNode;\n    fieldsClassName?: string;\n}\n\n/**\n * A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each\n * field renders with the entry of its type, at the path `<group>.<field>`. Without a binding in the fields context, the group sets the whole\n * object through `onChange`.\n */\nexport function GroupField({\n    fields,\n    path,\n    name,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    renderFields,\n    fieldsClassName,\n}: GroupFieldProps) {\n    const base = path ?? name ?? '';\n    const object = value ?? {};\n    const renderField = (field: Field) => (\n        <NestedField\n            field={field}\n            path={base !== '' ? `${base}.${field.name}` : field.name}\n            value={object[field.name]}\n            onChange={(next) => onChange?.({ ...object, [field.name]: next })}\n            {...(onBlur !== undefined ? { onBlur } : {})}\n            parentValue={object}\n            {...(disabled !== undefined ? { disabled } : {})}\n            {...(readOnly !== undefined ? { readOnly } : {})}\n        />\n    );\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={cx(styles.fields, fieldsClassName)}>\n                {renderFields !== undefined ? (\n                    renderFields(\n                        Object.fromEntries(fields.map((field) => [field.name, renderField(field)])),\n                        object,\n                    )\n                ) : (\n                    <div className={styles.flow}>\n                        {fields.map((field) => (\n                            <div\n                                key={field.name}\n                                className={cx(styles.cell, isWideField(field) && styles.wide)}\n                            >\n                                {renderField(field)}\n                            </div>\n                        ))}\n                    </div>\n                )}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `group` type: its `fields`, as a nested object. */\nexport function GroupFieldEntry(props: FieldEntryProps) {\n    const { value } = props;\n    return (\n        <GroupField\n            {...getFieldProps(props)}\n            fields={props.field.fields ?? []}\n            path={props.path}\n            value={\n                value !== null && typeof value === 'object' && !Array.isArray(value)\n                    ? (value as GroupValue)\n                    : null\n            }\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './l
 export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim.js';
 export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types.js';
 export { isWideField } from './shared/flow.js';
+export { type CompoundFieldEntry, type CompoundFieldOptions, type CompoundLayoutProps, type CompoundSummary, type CompoundSummaryContext, defineCompoundField, restParts, summarizeCompound, } from './compound/compound.js';
 export { MissingFieldEntry } from './missing/MissingField.js';
 export { type RevealRegistry, type Revealer, RevealContext, createRevealRegistry, useRevealer, } from './shared/reveal.js';
 export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,aAAa,EACb,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,sBAAsB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,KAAK,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,aAAa,EACb,oBAAoB,EACpB,WAAW,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACH,KAAK,kBAAkB,EACvB,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,WAAW,EACX,OAAO,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EACH,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,QAAQ,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,aAAa,EACb,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,sBAAsB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,KAAK,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,mBAAmB,EACnB,SAAS,EACT,iBAAiB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,aAAa,EACb,oBAAoB,EACpB,WAAW,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACH,KAAK,kBAAkB,EACvB,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,WAAW,EACX,OAAO,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EACH,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,QAAQ,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,5 +1,6 @@
-import { FieldsProvider, getParentPath, useFieldsContext } from "./shared/context.js";
 import { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired } from "./shared/entry.js";
+import { isWideField } from "./shared/flow.js";
+import { FieldsProvider, getParentPath, useFieldsContext } from "./shared/context.js";
 import { RevealContext, createRevealRegistry, useRevealer } from "./shared/reveal.js";
 import { MissingFieldEntry } from "./missing/MissingField.js";
 import { FilePicker } from "./upload/FilePicker.js";
@@ -8,11 +9,11 @@ import { UploadList } from "./upload/UploadList.js";
 import { useRejectionMessage } from "./upload/useRejectionMessage.js";
 import { useUploads } from "./upload/useUploads.js";
 import { FileField, FileFieldEntry, isFileValue, toFiles } from "./file/FileField.js";
-import { isWideField } from "./shared/flow.js";
 import { createRelationSource, toReferences, useRelationReferences } from "./shared/relation.js";
 import { builtInFields, fieldsPlugin } from "./shared/builtIn.js";
 import { DefinitionField, NestedField } from "./shared/DefinitionField.js";
 import { createFieldCheckSource } from "./shared/check.js";
 import { createEmbedSource } from "./shared/embed.js";
 import { createNominatimSource } from "./location/nominatim.js";
-export { DefinitionField, FieldsProvider, FileField, FileFieldEntry, FilePicker, MissingFieldEntry, NestedField, RevealContext, UploadList, builtInFields, createEmbedSource, createFieldCheckSource, createNominatimSource, createRelationSource, createRevealRegistry, fieldsPlugin, findRule, formatSize, getAccept, getFieldProps, getMaxSize, getParentPath, getRuleNumber, isFileValue, isRequired, isWideField, matchesMime, toFiles, toReferences, useFieldsContext, useRejectionMessage, useRelationReferences, useRevealer, useUploads };
+import { defineCompoundField, restParts, summarizeCompound } from "./compound/compound.js";
+export { DefinitionField, FieldsProvider, FileField, FileFieldEntry, FilePicker, MissingFieldEntry, NestedField, RevealContext, UploadList, builtInFields, createEmbedSource, createFieldCheckSource, createNominatimSource, createRelationSource, createRevealRegistry, defineCompoundField, fieldsPlugin, findRule, formatSize, getAccept, getFieldProps, getMaxSize, getParentPath, getRuleNumber, isFileValue, isRequired, isWideField, matchesMime, restParts, summarizeCompound, toFiles, toReferences, useFieldsContext, useRejectionMessage, useRelationReferences, useRevealer, useUploads };

package/dist/json/JsonField.js

@@ -2,9 +2,9 @@ import { getFieldProps, getSetting, isNumber } from "../shared/entry.js";
 import { messages } from "../shared/messages.js";
 import JsonField_module_default from "./JsonField.module.js";
 import { c } from "react/compiler-runtime";
-import { useState } from "react";
 import { TextArea, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/json/JsonField.tsx
 /** The text of a value: indented JSON, or the text that doesn't parse as it is. */
 function toText(value) {

package/dist/link/LinkField.js

@@ -1,5 +1,5 @@
-import { useFieldsContext } from "../shared/context.js";
 import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import { LocalizedField } from "../localized/LocalizedField.js";
 import { TextField } from "../text/TextField.js";
@@ -13,10 +13,10 @@ import { usePageSearch } from "./pages.js";
 import { DefinitionField } from "../shared/DefinitionField.js";
 import { c } from "react/compiler-runtime";
 import { getLinkNewTab, getLinkTypes } from "@panneau/protocol/runtime";
-import { File, FileText, Globe, Hash, Mail, Phone } from "lucide-react";
-import { useState } from "react";
 import { Checkbox, ComboBox, Fieldset, SegmentedControl, TextInput, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { File, FileText, Globe, Hash, Mail, Phone } from "lucide-react";
+import { useState } from "react";
 //#region src/link/LinkField.tsx
 var DEFAULT_TYPES = [
 	{ id: "url" },

package/dist/localized/LocalizedField.js

@@ -1,16 +1,16 @@
-import { useFieldsContext } from "../shared/context.js";
 import { cx } from "../shared/cx.js";
 import { getFieldProps } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import { useRevealer } from "../shared/reveal.js";
 import LocalizedField_module_default from "./LocalizedField.module.js";
 import { NestedField } from "../shared/DefinitionField.js";
 import { c } from "react/compiler-runtime";
 import { isFilled } from "@panneau/protocol/runtime";
-import { Plus } from "lucide-react";
-import { useState } from "react";
 import { Fieldset, Icon, SegmentedControl, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { useState } from "react";
 //#region src/localized/LocalizedField.tsx
 /** The name of a locale in the UI's language, capitalized (`Français`, `English`). */
 function useLocaleName() {

package/dist/location/LocationField.js

@@ -1,14 +1,14 @@
-import { useFieldsContext } from "../shared/context.js";
 import { getFieldProps, getSetting, isNumber, isString } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import LocationField_module_default from "./LocationField.module.js";
 import { LocationMap } from "./LocationMap.js";
 import { useAddressSearch } from "./search.js";
 import { c } from "react/compiler-runtime";
-import { X } from "lucide-react";
-import { useRef, useState } from "react";
 import { ComboBox, Fieldset, IconButton, NumberInput, TextInput, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useRef, useState } from "react";
 //#region src/location/LocationField.tsx
 /** OpenStreetMap's standard tiles: fine for an admin panel, with their credit. */
 var OPEN_STREET_MAP_TILES = {

package/dist/location/LocationMap.js

@@ -1,8 +1,8 @@
 import LocationField_module_default from "./LocationField.module.js";
 import { LEAFLET_CSS } from "./leafletCss.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useEffectEvent, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useEffectEvent, useRef } from "react";
 //#region src/location/LocationMap.tsx
 var STYLE_ID = "panneau-leaflet-css";
 /** Loads Leaflet, outside the component: the React Compiler doesn't handle `import()`. */

package/dist/money/MoneyField.js

@@ -3,9 +3,9 @@ import { messages } from "../shared/messages.js";
 import { CURRENCY_CODES, getCurrencyName, getMoneyFormatOptions, isMoneyValue, toMoneyValue } from "./money.js";
 import { c } from "react/compiler-runtime";
 import { fromMinorUnits } from "@panneau/protocol/runtime";
-import { useState } from "react";
 import { NumberInput, Select, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/money/MoneyField.tsx
 /**
 * An amount and its currency, `{ amount, currency }`, with the amount in minor units (decision

package/dist/relation/RelationField.js

@@ -1,14 +1,14 @@
-import { useFieldsContext } from "../shared/context.js";
 import { cx } from "../shared/cx.js";
 import { getFieldProps } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import { toReferences, useRelationReferences } from "../shared/relation.js";
 import RelationField_module_default from "./RelationField.module.js";
 import { c } from "react/compiler-runtime";
-import { X } from "lucide-react";
-import { useEffect, useState } from "react";
 import { ComboBox, Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useEffect, useState } from "react";
 //#region src/relation/RelationField.tsx
 /** The id of the "Create “…”" option of the picker. */
 var CREATE_ID = "\0create";

package/dist/repeater/RepeaterField.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import type { BlockType, Field } from '@panneau/protocol';
 import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** An item of a repeater. Typed blocks have their type in `type`. */
@@ -13,6 +14,16 @@ export interface RepeaterFieldProps extends FieldProps<RepeaterItem[]> {
     min?: number;
     /** Most items: no item can be added above it. */
     max?: number;
+    /**
+     * The title of an item, after its number: a summary of its values (decision 0065). Without
+     * one, or when it gives `null`, the label of its type, or "Item 2".
+     */
+    itemTitle?: (item: RepeaterItem, index: number) => string | null;
+    /**
+     * Lays out the rendered fields of an item, by name, instead of one under the other: the
+     * layout of a compound field (decision 0065).
+     */
+    renderFields?: (parts: Readonly<Record<string, ReactNode>>, item: RepeaterItem) => ReactNode;
     itemClassName?: string;
 }
 /**
@@ -20,7 +31,7 @@ export interface RepeaterFieldProps extends FieldProps<RepeaterItem[]> {
  * can be added, moved and removed. Each field renders at the path `<list>.<index>.<field>`. An
  * empty list is `null`.
  */
-export declare function RepeaterField({ fields, types, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, min, max, className, labelClassName, descriptionClassName, errorsClassName, itemClassName, }: RepeaterFieldProps): import("react").JSX.Element;
+export declare function RepeaterField({ fields, types, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, min, max, itemTitle, renderFields, className, labelClassName, descriptionClassName, errorsClassName, itemClassName, }: RepeaterFieldProps): import("react").JSX.Element;
 /**
  * The `repeater` type: `fields`, or `types` for typed blocks, with `min` and `max` items from its
  * rules.

package/dist/repeater/RepeaterField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeaterField.d.ts","sourceRoot":"","sources":["../../src/repeater/RepeaterField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAe1D,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,qEAAqE;AACrE,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,YAAY,EAAE,CAAC;IAClE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,SAAS,KAAK,EAAE,CAAC;IAC1B,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,mGAAmG;IACnG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAUD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,MAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAG,EACH,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,aAAa,GAChB,EAAE,kBAAkB,+BAuJpB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAwBxD"}
+{"version":3,"file":"RepeaterField.d.ts","sourceRoot":"","sources":["../../src/repeater/RepeaterField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAe1D,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,qEAAqE;AACrE,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,YAAY,EAAE,CAAC;IAClE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,SAAS,KAAK,EAAE,CAAC;IAC1B,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,mGAAmG;IACnG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACjE;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAUD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,MAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAG,EACH,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,aAAa,GAChB,EAAE,kBAAkB,+BAoKpB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAwBxD"}

package/dist/repeater/RepeaterField.js

@@ -4,10 +4,10 @@ import { messages } from "../shared/messages.js";
 import RepeaterField_module_default from "./RepeaterField.module.js";
 import { NestedField } from "../shared/DefinitionField.js";
 import { c } from "react/compiler-runtime";
-import { ArrowDown, ArrowUp, Plus, Trash2 } from "lucide-react";
-import { useId } from "react";
 import { Button, Fieldset, IconButton, Menu, MenuItem, MenuTrigger, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, Plus, Trash2 } from "lucide-react";
+import { useId } from "react";
 //#region src/repeater/RepeaterField.tsx
 function defaults(fields) {
 	return Object.fromEntries(fields.flatMap((field) => field.default !== void 0 ? [[field.name, field.default]] : []));
@@ -18,8 +18,8 @@ function defaults(fields) {
 * empty list is `null`.
 */
 function RepeaterField(t0) {
-	const $ = c(45);
-	const { fields: t1, types, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, min: t2, max, className, labelClassName, descriptionClassName, errorsClassName, itemClassName } = t0;
+	const $ = c(47);
+	const { fields: t1, types, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, min: t2, max, itemTitle, renderFields, className, labelClassName, descriptionClassName, errorsClassName, itemClassName } = t0;
 	let t3;
 	if ($[0] !== t1) {
 		t3 = t1 === void 0 ? [] : t1;
@@ -76,7 +76,7 @@ function RepeaterField(t0) {
 	} else t7 = $[12];
 	const add = t7;
 	let t8;
-	if ($[13] !== base || $[14] !== canRemove || $[15] !== disabled || $[16] !== editable || $[17] !== fields || $[18] !== id || $[19] !== intl || $[20] !== itemClassName || $[21] !== items || $[22] !== move || $[23] !== onBlur || $[24] !== readOnly || $[25] !== set || $[26] !== types) {
+	if ($[13] !== base || $[14] !== canRemove || $[15] !== disabled || $[16] !== editable || $[17] !== fields || $[18] !== id || $[19] !== intl || $[20] !== itemClassName || $[21] !== itemTitle || $[22] !== items || $[23] !== move || $[24] !== onBlur || $[25] !== readOnly || $[26] !== renderFields || $[27] !== set || $[28] !== types) {
 		t8 = items.length > 0 ? /* @__PURE__ */ jsx("ol", {
 			className: RepeaterField_module_default.items,
 			children: items.map((item, index) => {
@@ -84,6 +84,20 @@ function RepeaterField(t0) {
 				const itemFields = types !== void 0 ? type_0?.fields ?? [] : fields;
 				const number = index + 1;
 				const titleId = `${id}-${index}`;
+				const summary = itemTitle?.(item, index) ?? null;
+				const renderField = (field) => /* @__PURE__ */ jsx(NestedField, {
+					field,
+					path: `${base}.${index}.${field.name}`,
+					value: item[field.name],
+					onChange: (next_1) => set(items.map((current, i) => i === index ? {
+						...current,
+						[field.name]: next_1
+					} : current)),
+					...onBlur !== void 0 ? { onBlur } : {},
+					parentValue: item,
+					...disabled !== void 0 ? { disabled } : {},
+					...readOnly !== void 0 ? { readOnly } : {}
+				}, field.name);
 				return /* @__PURE__ */ jsxs("li", {
 					className: cx(RepeaterField_module_default.item, itemClassName),
 					"aria-labelledby": titleId,
@@ -95,7 +109,7 @@ function RepeaterField(t0) {
 							children: [/* @__PURE__ */ jsx("span", {
 								className: RepeaterField_module_default.index,
 								children: number
-							}), type_0?.label ?? (typeof item.type === "string" ? item.type : intl.formatMessage(messages.item, { index: number }))]
+							}), summary ?? type_0?.label ?? (typeof item.type === "string" ? item.type : intl.formatMessage(messages.item, { index: number }))]
 						}), editable ? /* @__PURE__ */ jsxs("span", {
 							className: RepeaterField_module_default.tools,
 							children: [
@@ -118,25 +132,13 @@ function RepeaterField(t0) {
 									size: "sm",
 									label: intl.formatMessage(messages.removeItem, { index: number }),
 									isDisabled: !canRemove,
-									onPress: () => set(items.filter((_, i) => i !== index))
+									onPress: () => set(items.filter((_, i_0) => i_0 !== index))
 								})
 							]
 						}) : null]
 					}), /* @__PURE__ */ jsx("div", {
 						className: RepeaterField_module_default.body,
-						children: itemFields.map((field) => /* @__PURE__ */ jsx(NestedField, {
-							field,
-							path: `${base}.${index}.${field.name}`,
-							value: item[field.name],
-							onChange: (next_1) => set(items.map((current, i_0) => i_0 === index ? {
-								...current,
-								[field.name]: next_1
-							} : current)),
-							...onBlur !== void 0 ? { onBlur } : {},
-							parentValue: item,
-							...disabled !== void 0 ? { disabled } : {},
-							...readOnly !== void 0 ? { readOnly } : {}
-						}, field.name))
+						children: renderFields !== void 0 ? renderFields(Object.fromEntries(itemFields.map((field_0) => [field_0.name, renderField(field_0)])), item) : itemFields.map(renderField)
 					})]
 				}, index);
 			})
@@ -152,16 +154,18 @@ function RepeaterField(t0) {
 		$[18] = id;
 		$[19] = intl;
 		$[20] = itemClassName;
-		$[21] = items;
-		$[22] = move;
-		$[23] = onBlur;
-		$[24] = readOnly;
-		$[25] = set;
-		$[26] = types;
-		$[27] = t8;
-	} else t8 = $[27];
+		$[21] = itemTitle;
+		$[22] = items;
+		$[23] = move;
+		$[24] = onBlur;
+		$[25] = readOnly;
+		$[26] = renderFields;
+		$[27] = set;
+		$[28] = types;
+		$[29] = t8;
+	} else t8 = $[29];
 	let t9;
-	if ($[28] !== add || $[29] !== canAdd || $[30] !== editable || $[31] !== intl || $[32] !== types) {
+	if ($[30] !== add || $[31] !== canAdd || $[32] !== editable || $[33] !== intl || $[34] !== types) {
 		t9 = editable ? /* @__PURE__ */ jsx("div", {
 			className: RepeaterField_module_default.footer,
 			children: types !== void 0 ? /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(Button, {
@@ -181,15 +185,15 @@ function RepeaterField(t0) {
 				children: intl.formatMessage(messages.add)
 			})
 		}) : null;
-		$[28] = add;
-		$[29] = canAdd;
-		$[30] = editable;
-		$[31] = intl;
-		$[32] = types;
-		$[33] = t9;
-	} else t9 = $[33];
+		$[30] = add;
+		$[31] = canAdd;
+		$[32] = editable;
+		$[33] = intl;
+		$[34] = types;
+		$[35] = t9;
+	} else t9 = $[35];
 	let t10;
-	if ($[34] !== className || $[35] !== description || $[36] !== descriptionClassName || $[37] !== errors || $[38] !== errorsClassName || $[39] !== label || $[40] !== labelClassName || $[41] !== required || $[42] !== t8 || $[43] !== t9) {
+	if ($[36] !== className || $[37] !== description || $[38] !== descriptionClassName || $[39] !== errors || $[40] !== errorsClassName || $[41] !== label || $[42] !== labelClassName || $[43] !== required || $[44] !== t8 || $[45] !== t9) {
 		t10 = /* @__PURE__ */ jsxs(Fieldset, {
 			legend: label,
 			description,
@@ -201,18 +205,18 @@ function RepeaterField(t0) {
 			errorsClassName,
 			children: [t8, t9]
 		});
-		$[34] = className;
-		$[35] = description;
-		$[36] = descriptionClassName;
-		$[37] = errors;
-		$[38] = errorsClassName;
-		$[39] = label;
-		$[40] = labelClassName;
-		$[41] = required;
-		$[42] = t8;
-		$[43] = t9;
-		$[44] = t10;
-	} else t10 = $[44];
+		$[36] = className;
+		$[37] = description;
+		$[38] = descriptionClassName;
+		$[39] = errors;
+		$[40] = errorsClassName;
+		$[41] = label;
+		$[42] = labelClassName;
+		$[43] = required;
+		$[44] = t8;
+		$[45] = t9;
+		$[46] = t10;
+	} else t10 = $[46];
 	return t10;
 }
 /**