@panneau/fields 4.1.0 → 5.0.0-alpha.0

package/dist/select/SelectField.js

@@ -0,0 +1,434 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import SelectField_module_default from "./SelectField.module.js";
+import { c } from "react/compiler-runtime";
+import { Checkbox, Fieldset, RadioGroup, Select } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/select/SelectField.tsx
+/**
+* A choice among options, or several with `multiple`, as a dropdown or as radios and checkboxes.
+* Values keep their type (strings, numbers, booleans).
+*/
+function SelectField(props) {
+	const $ = c(114);
+	const { options, label, description, errors, disabled, readOnly, required, placeholder, name, id, autoFocus, onBlur, className, labelClassName, descriptionClassName, errorsClassName, controlClassName } = props;
+	let t0;
+	if ($[0] !== props) {
+		t0 = props["aria-label"] !== void 0 ? { "aria-label": props["aria-label"] } : {};
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== className || $[3] !== description || $[4] !== descriptionClassName || $[5] !== errors || $[6] !== errorsClassName || $[7] !== label || $[8] !== labelClassName || $[9] !== t0) {
+		t1 = {
+			label,
+			description,
+			errors,
+			className,
+			labelClassName,
+			descriptionClassName,
+			errorsClassName,
+			...t0
+		};
+		$[2] = className;
+		$[3] = description;
+		$[4] = descriptionClassName;
+		$[5] = errors;
+		$[6] = errorsClassName;
+		$[7] = label;
+		$[8] = labelClassName;
+		$[9] = t0;
+		$[10] = t1;
+	} else t1 = $[10];
+	const chrome = t1;
+	const locked = disabled === true || readOnly === true;
+	if (props.multiple === true) {
+		let t2;
+		if ($[11] !== props.value) {
+			t2 = props.value ?? [];
+			$[11] = props.value;
+			$[12] = t2;
+		} else t2 = $[12];
+		const selected = t2;
+		let t3;
+		if ($[13] !== options || $[14] !== props) {
+			t3 = (next) => {
+				const ordered = options.map(_temp).filter((value) => next.includes(value));
+				props.onChange?.(ordered.length > 0 ? ordered : null);
+			};
+			$[13] = options;
+			$[14] = props;
+			$[15] = t3;
+		} else t3 = $[15];
+		const change = t3;
+		if (props.widget === "checkboxes") {
+			let t4;
+			if ($[16] !== change || $[17] !== controlClassName || $[18] !== options || $[19] !== readOnly || $[20] !== selected) {
+				let t5;
+				if ($[22] !== change || $[23] !== controlClassName || $[24] !== readOnly || $[25] !== selected) {
+					t5 = (option_0, index) => /* @__PURE__ */ jsx(Checkbox, {
+						isSelected: selected.includes(option_0.value),
+						isDisabled: option_0.disabled,
+						isReadOnly: readOnly,
+						description: option_0.description,
+						onChange: (checked) => change(checked ? [...selected, option_0.value] : selected.filter((value_0) => value_0 !== option_0.value)),
+						checkboxClassName: controlClassName,
+						children: option_0.label
+					}, index);
+					$[22] = change;
+					$[23] = controlClassName;
+					$[24] = readOnly;
+					$[25] = selected;
+					$[26] = t5;
+				} else t5 = $[26];
+				t4 = options.map(t5);
+				$[16] = change;
+				$[17] = controlClassName;
+				$[18] = options;
+				$[19] = readOnly;
+				$[20] = selected;
+				$[21] = t4;
+			} else t4 = $[21];
+			let t5;
+			if ($[27] !== t4) {
+				t5 = /* @__PURE__ */ jsx("div", {
+					className: SelectField_module_default.checkboxes,
+					children: t4
+				});
+				$[27] = t4;
+				$[28] = t5;
+			} else t5 = $[28];
+			let t6;
+			if ($[29] !== className || $[30] !== description || $[31] !== descriptionClassName || $[32] !== disabled || $[33] !== errors || $[34] !== errorsClassName || $[35] !== label || $[36] !== labelClassName || $[37] !== required || $[38] !== t5) {
+				t6 = /* @__PURE__ */ jsx(Fieldset, {
+					legend: label,
+					description,
+					errors,
+					isRequired: required,
+					isDisabled: disabled,
+					className,
+					legendClassName: labelClassName,
+					descriptionClassName,
+					errorsClassName,
+					children: t5
+				});
+				$[29] = className;
+				$[30] = description;
+				$[31] = descriptionClassName;
+				$[32] = disabled;
+				$[33] = errors;
+				$[34] = errorsClassName;
+				$[35] = label;
+				$[36] = labelClassName;
+				$[37] = required;
+				$[38] = t5;
+				$[39] = t6;
+			} else t6 = $[39];
+			return t6;
+		}
+		let t4;
+		if ($[40] !== placeholder) {
+			t4 = placeholder !== void 0 ? { placeholder } : {};
+			$[40] = placeholder;
+			$[41] = t4;
+		} else t4 = $[41];
+		let t5;
+		if ($[42] !== name) {
+			t5 = name !== void 0 ? { name } : {};
+			$[42] = name;
+			$[43] = t5;
+		} else t5 = $[43];
+		let t6;
+		if ($[44] !== id) {
+			t6 = id !== void 0 ? { id } : {};
+			$[44] = id;
+			$[45] = t6;
+		} else t6 = $[45];
+		let t7;
+		if ($[46] !== autoFocus) {
+			t7 = autoFocus !== void 0 ? { autoFocus } : {};
+			$[46] = autoFocus;
+			$[47] = t7;
+		} else t7 = $[47];
+		let t8;
+		if ($[48] !== onBlur) {
+			t8 = onBlur !== void 0 ? { onBlur } : {};
+			$[48] = onBlur;
+			$[49] = t8;
+		} else t8 = $[49];
+		let t9;
+		if ($[50] !== controlClassName) {
+			t9 = controlClassName !== void 0 ? { triggerClassName: controlClassName } : {};
+			$[50] = controlClassName;
+			$[51] = t9;
+		} else t9 = $[51];
+		let t10;
+		if ($[52] !== change || $[53] !== chrome || $[54] !== locked || $[55] !== options || $[56] !== required || $[57] !== selected || $[58] !== t4 || $[59] !== t5 || $[60] !== t6 || $[61] !== t7 || $[62] !== t8 || $[63] !== t9) {
+			t10 = /* @__PURE__ */ jsx(Select, {
+				...chrome,
+				multiple: true,
+				options,
+				value: selected,
+				onChange: change,
+				isRequired: required,
+				isDisabled: locked,
+				...t4,
+				...t5,
+				...t6,
+				...t7,
+				...t8,
+				...t9
+			});
+			$[52] = change;
+			$[53] = chrome;
+			$[54] = locked;
+			$[55] = options;
+			$[56] = required;
+			$[57] = selected;
+			$[58] = t4;
+			$[59] = t5;
+			$[60] = t6;
+			$[61] = t7;
+			$[62] = t8;
+			$[63] = t9;
+			$[64] = t10;
+		} else t10 = $[64];
+		return t10;
+	}
+	if (props.widget === "radios") {
+		const t2 = props.value ?? null;
+		let t3;
+		if ($[65] !== props) {
+			t3 = (value_1) => props.onChange?.(value_1);
+			$[65] = props;
+			$[66] = t3;
+		} else t3 = $[66];
+		let t4;
+		if ($[67] !== name) {
+			t4 = name !== void 0 ? { name } : {};
+			$[67] = name;
+			$[68] = t4;
+		} else t4 = $[68];
+		let t5;
+		if ($[69] !== id) {
+			t5 = id !== void 0 ? { id } : {};
+			$[69] = id;
+			$[70] = t5;
+		} else t5 = $[70];
+		let t6;
+		if ($[71] !== onBlur) {
+			t6 = onBlur !== void 0 ? { onBlur } : {};
+			$[71] = onBlur;
+			$[72] = t6;
+		} else t6 = $[72];
+		let t7;
+		if ($[73] !== controlClassName) {
+			t7 = controlClassName !== void 0 ? { radioClassName: controlClassName } : {};
+			$[73] = controlClassName;
+			$[74] = t7;
+		} else t7 = $[74];
+		let t8;
+		if ($[75] !== chrome || $[76] !== disabled || $[77] !== options || $[78] !== readOnly || $[79] !== required || $[80] !== t2 || $[81] !== t3 || $[82] !== t4 || $[83] !== t5 || $[84] !== t6 || $[85] !== t7) {
+			t8 = /* @__PURE__ */ jsx(RadioGroup, {
+				...chrome,
+				options,
+				value: t2,
+				onChange: t3,
+				isRequired: required,
+				isDisabled: disabled,
+				isReadOnly: readOnly,
+				...t4,
+				...t5,
+				...t6,
+				...t7
+			});
+			$[75] = chrome;
+			$[76] = disabled;
+			$[77] = options;
+			$[78] = readOnly;
+			$[79] = required;
+			$[80] = t2;
+			$[81] = t3;
+			$[82] = t4;
+			$[83] = t5;
+			$[84] = t6;
+			$[85] = t7;
+			$[86] = t8;
+		} else t8 = $[86];
+		return t8;
+	}
+	const t2 = props.value ?? null;
+	let t3;
+	if ($[87] !== props) {
+		t3 = (value_2) => props.onChange?.(value_2);
+		$[87] = props;
+		$[88] = t3;
+	} else t3 = $[88];
+	let t4;
+	if ($[89] !== placeholder) {
+		t4 = placeholder !== void 0 ? { placeholder } : {};
+		$[89] = placeholder;
+		$[90] = t4;
+	} else t4 = $[90];
+	let t5;
+	if ($[91] !== name) {
+		t5 = name !== void 0 ? { name } : {};
+		$[91] = name;
+		$[92] = t5;
+	} else t5 = $[92];
+	let t6;
+	if ($[93] !== id) {
+		t6 = id !== void 0 ? { id } : {};
+		$[93] = id;
+		$[94] = t6;
+	} else t6 = $[94];
+	let t7;
+	if ($[95] !== autoFocus) {
+		t7 = autoFocus !== void 0 ? { autoFocus } : {};
+		$[95] = autoFocus;
+		$[96] = t7;
+	} else t7 = $[96];
+	let t8;
+	if ($[97] !== onBlur) {
+		t8 = onBlur !== void 0 ? { onBlur } : {};
+		$[97] = onBlur;
+		$[98] = t8;
+	} else t8 = $[98];
+	let t9;
+	if ($[99] !== controlClassName) {
+		t9 = controlClassName !== void 0 ? { triggerClassName: controlClassName } : {};
+		$[99] = controlClassName;
+		$[100] = t9;
+	} else t9 = $[100];
+	let t10;
+	if ($[101] !== chrome || $[102] !== locked || $[103] !== options || $[104] !== required || $[105] !== t2 || $[106] !== t3 || $[107] !== t4 || $[108] !== t5 || $[109] !== t6 || $[110] !== t7 || $[111] !== t8 || $[112] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Select, {
+			...chrome,
+			options,
+			value: t2,
+			onChange: t3,
+			isRequired: required,
+			isDisabled: locked,
+			...t4,
+			...t5,
+			...t6,
+			...t7,
+			...t8,
+			...t9
+		});
+		$[101] = chrome;
+		$[102] = locked;
+		$[103] = options;
+		$[104] = required;
+		$[105] = t2;
+		$[106] = t3;
+		$[107] = t4;
+		$[108] = t5;
+		$[109] = t6;
+		$[110] = t7;
+		$[111] = t8;
+		$[112] = t9;
+		$[113] = t10;
+	} else t10 = $[113];
+	return t10;
+}
+function _temp(option) {
+	return option.value;
+}
+function isOptionValue(value) {
+	return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+/**
+* The `select` type: `options`, `multiple`, and setting `widget` (`radios` for a single choice,
+* `checkboxes` for several).
+*/
+function SelectFieldEntry(props) {
+	const $ = c(26);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getSetting(field, "widget", isString);
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const widget = t0;
+	let t1;
+	if ($[2] !== field.options) {
+		t1 = field.options ?? [];
+		$[2] = field.options;
+		$[3] = t1;
+	} else t1 = $[3];
+	const options = t1;
+	if (field.multiple === true) {
+		let t2;
+		if ($[4] !== props.value) {
+			t2 = Array.isArray(props.value) ? props.value.filter(isOptionValue) : null;
+			$[4] = props.value;
+			$[5] = t2;
+		} else t2 = $[5];
+		const value = t2;
+		let t3;
+		if ($[6] !== props) {
+			t3 = getFieldProps(props);
+			$[6] = props;
+			$[7] = t3;
+		} else t3 = $[7];
+		let t4;
+		if ($[8] !== widget) {
+			t4 = widget === "checkboxes" ? { widget } : {};
+			$[8] = widget;
+			$[9] = t4;
+		} else t4 = $[9];
+		let t5;
+		if ($[10] !== options || $[11] !== props.onChange || $[12] !== t3 || $[13] !== t4 || $[14] !== value) {
+			t5 = /* @__PURE__ */ jsx(SelectField, {
+				...t3,
+				multiple: true,
+				options,
+				value,
+				onChange: props.onChange,
+				...t4
+			});
+			$[10] = options;
+			$[11] = props.onChange;
+			$[12] = t3;
+			$[13] = t4;
+			$[14] = value;
+			$[15] = t5;
+		} else t5 = $[15];
+		return t5;
+	}
+	let t2;
+	if ($[16] !== props) {
+		t2 = getFieldProps(props);
+		$[16] = props;
+		$[17] = t2;
+	} else t2 = $[17];
+	const t3 = isOptionValue(props.value) ? props.value : null;
+	let t4;
+	if ($[18] !== widget) {
+		t4 = widget === "radios" ? { widget } : {};
+		$[18] = widget;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== options || $[21] !== props.onChange || $[22] !== t2 || $[23] !== t3 || $[24] !== t4) {
+		t5 = /* @__PURE__ */ jsx(SelectField, {
+			...t2,
+			options,
+			value: t3,
+			onChange: props.onChange,
+			...t4
+		});
+		$[20] = options;
+		$[21] = props.onChange;
+		$[22] = t2;
+		$[23] = t3;
+		$[24] = t4;
+		$[25] = t5;
+	} else t5 = $[25];
+	return t5;
+}
+//#endregion
+export { SelectField, SelectFieldEntry };
+
+//# sourceMappingURL=SelectField.js.map

package/dist/select/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","names":["index","option","readOnly","value","controlClassName","label","description","errors","required","disabled","className","labelClassName","descriptionClassName","errorsClassName","options","selected","change","locked","_c","styles"],"sources":["../../src/select/SelectField.tsx"],"sourcesContent":["import type { Option } from '@panneau/protocol';\nimport { Checkbox, Fieldset, type OptionValue, RadioGroup, Select } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './SelectField.module.css';\n\nexport type { OptionValue };\n\n/** Props of both single and multiple select fields. */\nexport interface SelectFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {\n    /** The choices. Same shape as the protocol's `Option`. */\n    options: readonly Option[];\n    placeholder?: string;\n    controlClassName?: string;\n}\n\nexport interface SingleSelectFieldProps extends SelectFieldBaseProps {\n    multiple?: false;\n    value?: OptionValue | null;\n    onChange?: (value: OptionValue | null) => void;\n    /** `select` (default): a dropdown. `radios`: every choice visible. */\n    widget?: 'select' | 'radios';\n}\n\nexport interface MultipleSelectFieldProps extends SelectFieldBaseProps {\n    multiple: true;\n    value?: readonly OptionValue[] | null;\n    /** Called with the selected values, in the order of the options. An empty list is `null`. */\n    onChange?: (value: OptionValue[] | null) => void;\n    /** `select` (default): a dropdown. `checkboxes`: every choice visible. */\n    widget?: 'select' | 'checkboxes';\n}\n\nexport type SelectFieldProps = SingleSelectFieldProps | MultipleSelectFieldProps;\n\n/**\n * A choice among options, or several with `multiple`, as a dropdown or as radios and checkboxes.\n * Values keep their type (strings, numbers, booleans).\n */\nexport function SelectField(props: SelectFieldProps) {\n    const {\n        options,\n        label,\n        description,\n        errors,\n        disabled,\n        readOnly,\n        required,\n        placeholder,\n        name,\n        id,\n        autoFocus,\n        onBlur,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n        controlClassName,\n    } = props;\n    const chrome = {\n        label,\n        description,\n        errors,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n        ...(props['aria-label'] !== undefined ? { 'aria-label': props['aria-label'] } : {}),\n    };\n    const locked = disabled === true || readOnly === true;\n\n    if (props.multiple === true) {\n        const selected = props.value ?? [];\n        const change = (next: readonly OptionValue[]) => {\n            // Keep the order of the options, whatever the order of the clicks.\n            const ordered = options\n                .map((option) => option.value)\n                .filter((value) => next.includes(value));\n            props.onChange?.(ordered.length > 0 ? ordered : null);\n        };\n        if (props.widget === 'checkboxes') {\n            return (\n                <Fieldset\n                    legend={label}\n                    description={description}\n                    errors={errors}\n                    isRequired={required}\n                    isDisabled={disabled}\n                    className={className}\n                    legendClassName={labelClassName}\n                    descriptionClassName={descriptionClassName}\n                    errorsClassName={errorsClassName}\n                >\n                    <div className={styles.checkboxes}>\n                        {options.map((option, index) => (\n                            <Checkbox\n                                key={index}\n                                isSelected={selected.includes(option.value)}\n                                isDisabled={option.disabled}\n                                isReadOnly={readOnly}\n                                description={option.description}\n                                onChange={(checked) =>\n                                    change(\n                                        checked\n                                            ? [...selected, option.value]\n                                            : selected.filter((value) => value !== option.value),\n                                    )\n                                }\n                                checkboxClassName={controlClassName}\n                            >\n                                {option.label}\n                            </Checkbox>\n                        ))}\n                    </div>\n                </Fieldset>\n            );\n        }\n        return (\n            <Select\n                {...chrome}\n                multiple\n                options={options}\n                value={selected}\n                onChange={change}\n                isRequired={required}\n                isDisabled={locked}\n                {...(placeholder !== undefined ? { placeholder } : {})}\n                {...(name !== undefined ? { name } : {})}\n                {...(id !== undefined ? { id } : {})}\n                {...(autoFocus !== undefined ? { autoFocus } : {})}\n                {...(onBlur !== undefined ? { onBlur } : {})}\n                {...(controlClassName !== undefined ? { triggerClassName: controlClassName } : {})}\n            />\n        );\n    }\n\n    if (props.widget === 'radios') {\n        return (\n            <RadioGroup\n                {...chrome}\n                options={options}\n                value={props.value ?? null}\n                onChange={(value) => props.onChange?.(value)}\n                isRequired={required}\n                isDisabled={disabled}\n                isReadOnly={readOnly}\n                {...(name !== undefined ? { name } : {})}\n                {...(id !== undefined ? { id } : {})}\n                {...(onBlur !== undefined ? { onBlur } : {})}\n                {...(controlClassName !== undefined ? { radioClassName: controlClassName } : {})}\n            />\n        );\n    }\n    return (\n        <Select\n            {...chrome}\n            options={options}\n            value={props.value ?? null}\n            onChange={(value) => props.onChange?.(value)}\n            isRequired={required}\n            isDisabled={locked}\n            {...(placeholder !== undefined ? { placeholder } : {})}\n            {...(name !== undefined ? { name } : {})}\n            {...(id !== undefined ? { id } : {})}\n            {...(autoFocus !== undefined ? { autoFocus } : {})}\n            {...(onBlur !== undefined ? { onBlur } : {})}\n            {...(controlClassName !== undefined ? { triggerClassName: controlClassName } : {})}\n        />\n    );\n}\n\nfunction isOptionValue(value: unknown): value is OptionValue {\n    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';\n}\n\n/**\n * The `select` type: `options`, `multiple`, and setting `widget` (`radios` for a single choice,\n * `checkboxes` for several).\n */\nexport function SelectFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const widget = getSetting(field, 'widget', isString);\n    const options = field.options ?? [];\n    if (field.multiple === true) {\n        const value = Array.isArray(props.value) ? props.value.filter(isOptionValue) : null;\n        return (\n            <SelectField\n                {...getFieldProps(props)}\n                multiple\n                options={options}\n                value={value}\n                onChange={props.onChange}\n                {...(widget === 'checkboxes' ? { widget } : {})}\n            />\n        );\n    }\n    return (\n        <SelectField\n            {...getFieldProps(props)}\n            options={options}\n            value={isOptionValue(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(widget === 'radios' ? { widget } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/select/SelectField.module.js

@@ -0,0 +1,8 @@
+import "./SelectField.css";
+//#region src/select/SelectField.module.css
+var checkboxes = "panneau-checkboxes-To0J7N";
+var SelectField_module_default = { checkboxes };
+//#endregion
+export { checkboxes, SelectField_module_default as default };
+
+//# sourceMappingURL=SelectField.module.js.map

package/dist/select/SelectField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.module.js","names":[],"sources":["../../src/select/SelectField.module.css"],"sourcesContent":[".checkboxes {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n}\n"],"mappings":""}

package/dist/select/index.d.ts

@@ -0,0 +1,2 @@
+export { type MultipleSelectFieldProps, type SelectFieldBaseProps, type OptionValue, SelectField, SelectFieldEntry, type SelectFieldProps, type SingleSelectFieldProps, } from './SelectField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,WAAW,EACX,gBAAgB,EAChB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC9B,MAAM,eAAe,CAAC"}

package/dist/select/index.js

@@ -0,0 +1 @@
+export { SelectField, SelectFieldEntry } from "./SelectField.js";

package/dist/shared/DefinitionField.d.ts

@@ -0,0 +1,32 @@
+import { type Field } from '@panneau/protocol';
+import type { FieldEntryProps } from './types';
+export interface NestedFieldProps {
+    field: Field;
+    /** Dot path of the field's value. */
+    path: string;
+    /** The value, without a binding. */
+    value?: unknown;
+    /** Sets the value, without a binding. */
+    onChange?: (value: unknown) => void;
+    onBlur?: () => void;
+    errors?: readonly string[];
+    /** The object the field belongs to, for conditions and generated values. */
+    parentValue?: unknown;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+}
+/**
+ * A field inside another one (a group, a block, a localized value), or at the top of a form.
+ * With a binding in context, the binding gives its value and decides whether it shows. Without
+ * one, it uses `value` and `onChange`, and hides itself when its `visibleWhen` condition on the
+ * parent value is false.
+ */
+export declare function NestedField({ field, path, value, onChange, onBlur, errors, parentValue, disabled, readOnly, className, }: NestedFieldProps): import("react").JSX.Element | null;
+/**
+ * Renders a field of the definition with the entry of its type: from the fields context, or a
+ * built-in one. A localized field renders an input per locale. A type without an entry renders a
+ * placeholder that names the missing plugin.
+ */
+export declare function DefinitionField(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=DefinitionField.d.ts.map

package/dist/shared/DefinitionField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionField.d.ts","sourceRoot":"","sources":["../../src/shared/DefinitionField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAqB,MAAM,mBAAmB,CAAC;AASlE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,sCAgClB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}

package/dist/shared/DefinitionField.js

@@ -0,0 +1,153 @@
+import { getParentPath, useFieldsContext } from "./context.js";
+import { LocalizedFieldEntry } from "../localized/LocalizedField.js";
+import { MissingFieldEntry } from "../missing/MissingField.js";
+import { builtInFields } from "./builtIn.js";
+import { c } from "react/compiler-runtime";
+import { evaluateCondition } from "@panneau/protocol";
+import { jsx } from "react/jsx-runtime";
+//#region src/shared/DefinitionField.tsx
+/**
+* A field inside another one (a group, a block, a localized value), or at the top of a form.
+* With a binding in context, the binding gives its value and decides whether it shows. Without
+* one, it uses `value` and `onChange`, and hides itself when its `visibleWhen` condition on the
+* parent value is false.
+*/
+function NestedField(t0) {
+	const $ = c(33);
+	const { field, path, value, onChange, onBlur, errors, parentValue, disabled, readOnly, className } = t0;
+	const { binding: Binding } = useFieldsContext();
+	let t1;
+	if ($[0] !== disabled) {
+		t1 = disabled !== void 0 ? { disabled } : {};
+		$[0] = disabled;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== readOnly) {
+		t2 = readOnly !== void 0 ? { readOnly } : {};
+		$[2] = readOnly;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== className) {
+		t3 = className !== void 0 ? { className } : {};
+		$[4] = className;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== field || $[7] !== parentValue || $[8] !== path || $[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
+		t4 = {
+			field,
+			path,
+			parentValue,
+			...t1,
+			...t2,
+			...t3
+		};
+		$[6] = field;
+		$[7] = parentValue;
+		$[8] = path;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	const shared = t4;
+	if (Binding !== null) {
+		let t5;
+		if ($[13] !== path) {
+			t5 = getParentPath(path);
+			$[13] = path;
+			$[14] = t5;
+		} else t5 = $[14];
+		let t6;
+		if ($[15] !== shared) {
+			t6 = (bound) => /* @__PURE__ */ jsx(DefinitionField, {
+				...shared,
+				...bound
+			});
+			$[15] = shared;
+			$[16] = t6;
+		} else t6 = $[16];
+		let t7;
+		if ($[17] !== Binding || $[18] !== field || $[19] !== path || $[20] !== t5 || $[21] !== t6) {
+			t7 = /* @__PURE__ */ jsx(Binding, {
+				field,
+				path,
+				parentPath: t5,
+				render: t6
+			});
+			$[17] = Binding;
+			$[18] = field;
+			$[19] = path;
+			$[20] = t5;
+			$[21] = t6;
+			$[22] = t7;
+		} else t7 = $[22];
+		return t7;
+	}
+	if (field.visibleWhen !== void 0 && !evaluateCondition(field.visibleWhen, parentValue)) return null;
+	const t5 = onChange ?? _temp;
+	let t6;
+	if ($[23] !== onBlur) {
+		t6 = onBlur !== void 0 ? { onBlur } : {};
+		$[23] = onBlur;
+		$[24] = t6;
+	} else t6 = $[24];
+	let t7;
+	if ($[25] !== errors) {
+		t7 = errors !== void 0 ? { errors } : {};
+		$[25] = errors;
+		$[26] = t7;
+	} else t7 = $[26];
+	let t8;
+	if ($[27] !== shared || $[28] !== t5 || $[29] !== t6 || $[30] !== t7 || $[31] !== value) {
+		t8 = /* @__PURE__ */ jsx(DefinitionField, {
+			...shared,
+			value,
+			onChange: t5,
+			...t6,
+			...t7
+		});
+		$[27] = shared;
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = value;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
+}
+/**
+* Renders a field of the definition with the entry of its type: from the fields context, or a
+* built-in one. A localized field renders an input per locale. A type without an entry renders a
+* placeholder that names the missing plugin.
+*/
+function _temp() {}
+function DefinitionField(props) {
+	const $ = c(5);
+	const { components } = useFieldsContext();
+	const { field } = props;
+	if (field.localized === true) {
+		let t0;
+		if ($[0] !== props) {
+			t0 = /* @__PURE__ */ jsx(LocalizedFieldEntry, { ...props });
+			$[0] = props;
+			$[1] = t0;
+		} else t0 = $[1];
+		return t0;
+	}
+	const Entry = components[field.type] ?? builtInFields[field.type] ?? MissingFieldEntry;
+	let t0;
+	if ($[2] !== Entry || $[3] !== props) {
+		t0 = /* @__PURE__ */ jsx(Entry, { ...props });
+		$[2] = Entry;
+		$[3] = props;
+		$[4] = t0;
+	} else t0 = $[4];
+	return t0;
+}
+//#endregion
+export { DefinitionField, NestedField };
+
+//# sourceMappingURL=DefinitionField.js.map