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

package/dist/file/FileField.js

@@ -0,0 +1,288 @@
+import { getAccept, getFieldProps, getMaxSize } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
+import { messages } from "../shared/messages.js";
+import { FilePicker } from "../upload/FilePicker.js";
+import { formatSize } from "../upload/files.js";
+import { UploadList } from "../upload/UploadList.js";
+import { useRejectionMessage } from "../upload/useRejectionMessage.js";
+import { useUploads } from "../upload/useUploads.js";
+import FileField_module_default from "./FileField.module.js";
+import { c } from "react/compiler-runtime";
+import { Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText, X } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+//#region src/file/FileField.tsx
+function fileSize(file) {
+	return typeof file.size === "number" ? file.size : null;
+}
+function fileUrl(file) {
+	return !(file instanceof Blob) && "url" in file && typeof file.url === "string" ? file.url : null;
+}
+/** Whether a value is a file of a `file` value. */
+function isFileValue(value) {
+	if (typeof File !== "undefined" && value instanceof File) return true;
+	return typeof value === "object" && value !== null && typeof value.name === "string";
+}
+/** The files of a value, single or multiple. */
+function toFiles(value) {
+	if (Array.isArray(value)) return value.filter(isFileValue);
+	return isFileValue(value) ? [value] : [];
+}
+/**
+* Files that belong to an item, outside the media library: an attachment, a PDF, a CSV (the
+* `file` type). With an upload source, files go directly to storage, and the value references
+* each upload (`{ upload, name, mime, size }`). Without one, the value is the file itself. Items
+* give stored files, which the field shows with a link. A new file replaces the file of a single
+* value, and is added to a multiple one.
+*/
+function FileField(props) {
+	const $ = c(42);
+	const intl = usePanneauIntl();
+	const context = useFieldsContext();
+	const { accept: t0, maxSize: t1, label, description, errors: t2, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName } = props;
+	const accept = t0 === void 0 ? null : t0;
+	const maxSize = t1 === void 0 ? null : t1;
+	let t3;
+	if ($[0] !== t2) {
+		t3 = t2 === void 0 ? [] : t2;
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	const errors = t3;
+	const uploadSource = props.uploadSource === void 0 ? context.uploadSource : props.uploadSource;
+	const multiple = props.multiple === true;
+	let t4;
+	if ($[2] !== props.value) {
+		t4 = toFiles(props.value);
+		$[2] = props.value;
+		$[3] = t4;
+	} else t4 = $[3];
+	const files = t4;
+	const editable = disabled !== true && readOnly !== true;
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = [];
+		$[4] = t5;
+	} else t5 = $[4];
+	const [rejections, setRejections] = useState(t5);
+	const rejectionMessage = useRejectionMessage(maxSize);
+	const latest = useRef(files);
+	let t6;
+	if ($[5] !== files) {
+		t6 = () => {
+			latest.current = files;
+		};
+		$[5] = files;
+		$[6] = t6;
+	} else t6 = $[6];
+	useEffect(t6);
+	const set = (next) => {
+		latest.current = next;
+		if (props.multiple === true) props.onChange?.(next.length > 0 ? next : null);
+		else props.onChange?.(next[0] ?? null);
+	};
+	let t7;
+	if ($[7] !== rejectionMessage) {
+		t7 = (file_0, reason) => setRejections((current) => [...current, rejectionMessage(file_0, reason)]);
+		$[7] = rejectionMessage;
+		$[8] = t7;
+	} else t7 = $[8];
+	const upload = useUploads({
+		source: uploadSource,
+		accept,
+		maxSize,
+		onUploaded: (file) => set(multiple ? [...latest.current, file] : [file]),
+		onRejected: t7
+	});
+	const T0 = Fieldset;
+	let t8;
+	if ($[9] !== errors || $[10] !== rejections) {
+		t8 = [...errors, ...rejections];
+		$[9] = errors;
+		$[10] = rejections;
+		$[11] = t8;
+	} else t8 = $[11];
+	const t9 = FileField_module_default;
+	const t10 = files.length > 0 ? /* @__PURE__ */ jsx("ul", {
+		className: FileField_module_default.files,
+		children: files.map((file_1, index) => {
+			const { name } = file_1;
+			const url = fileUrl(file_1);
+			const size = fileSize(file_1);
+			return /* @__PURE__ */ jsxs("li", {
+				className: FileField_module_default.file,
+				children: [
+					/* @__PURE__ */ jsx(FileText, {
+						"aria-hidden": true,
+						className: FileField_module_default.icon
+					}),
+					url !== null ? /* @__PURE__ */ jsx("a", {
+						href: url,
+						className: FileField_module_default.name,
+						target: "_blank",
+						rel: "noreferrer",
+						children: name
+					}) : /* @__PURE__ */ jsx("span", {
+						className: FileField_module_default.name,
+						children: name
+					}),
+					size !== null ? /* @__PURE__ */ jsx("span", {
+						className: FileField_module_default.size,
+						children: formatSize(size, intl.locale)
+					}) : null,
+					editable ? /* @__PURE__ */ jsx(IconButton, {
+						icon: X,
+						size: "sm",
+						label: intl.formatMessage(messages.removeFile, { name }),
+						onPress: () => set(latest.current.filter((_, at) => at !== index))
+					}) : null
+				]
+			}, `${String(index)}-${name}`);
+		})
+	}) : upload.items.length === 0 ? /* @__PURE__ */ jsx("span", {
+		className: FileField_module_default.none,
+		children: intl.formatMessage(messages.noFile)
+	}) : null;
+	let t11;
+	if ($[12] !== upload.cancel || $[13] !== upload.items || $[14] !== upload.pause || $[15] !== upload.resume || $[16] !== upload.retry) {
+		t11 = /* @__PURE__ */ jsx(UploadList, {
+			items: upload.items,
+			onPause: upload.pause,
+			onResume: upload.resume,
+			onCancel: upload.cancel,
+			onRetry: upload.retry
+		});
+		$[12] = upload.cancel;
+		$[13] = upload.items;
+		$[14] = upload.pause;
+		$[15] = upload.resume;
+		$[16] = upload.retry;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== accept || $[19] !== editable || $[20] !== files.length || $[21] !== intl || $[22] !== multiple || $[23] !== upload) {
+		t12 = editable ? /* @__PURE__ */ jsx(FilePicker, {
+			accept,
+			multiple,
+			...!multiple && files.length > 0 ? { label: intl.formatMessage(messages.replaceFile) } : {},
+			onSelect: (selected) => {
+				setRejections([]);
+				upload.add(selected);
+			}
+		}) : null;
+		$[18] = accept;
+		$[19] = editable;
+		$[20] = files.length;
+		$[21] = intl;
+		$[22] = multiple;
+		$[23] = upload;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t9.field) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: t9.field,
+			children: [
+				t10,
+				t11,
+				t12
+			]
+		});
+		$[25] = t10;
+		$[26] = t11;
+		$[27] = t12;
+		$[28] = t9.field;
+		$[29] = t13;
+	} else t13 = $[29];
+	let t14;
+	if ($[30] !== T0 || $[31] !== className || $[32] !== description || $[33] !== descriptionClassName || $[34] !== disabled || $[35] !== errorsClassName || $[36] !== label || $[37] !== labelClassName || $[38] !== required || $[39] !== t13 || $[40] !== t8) {
+		t14 = /* @__PURE__ */ jsx(T0, {
+			legend: label,
+			description,
+			errors: t8,
+			isRequired: required,
+			isDisabled: disabled,
+			className,
+			legendClassName: labelClassName,
+			descriptionClassName,
+			errorsClassName,
+			children: t13
+		});
+		$[30] = T0;
+		$[31] = className;
+		$[32] = description;
+		$[33] = descriptionClassName;
+		$[34] = disabled;
+		$[35] = errorsClassName;
+		$[36] = label;
+		$[37] = labelClassName;
+		$[38] = required;
+		$[39] = t13;
+		$[40] = t8;
+		$[41] = t14;
+	} else t14 = $[41];
+	return t14;
+}
+/**
+* The registry entry of the `file` type: the field's `multiple`, `accept` (or its `accept` rule)
+* and `maxSize` rule, with the upload source of the fields context.
+*/
+function FileFieldEntry(props) {
+	const $ = c(15);
+	const { field, value, onChange } = props;
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== field) {
+		t1 = getAccept(field);
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== field) {
+		t2 = getMaxSize(field);
+		$[4] = field;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t0 || $[7] !== t1 || $[8] !== t2) {
+		t3 = {
+			...t0,
+			accept: t1,
+			maxSize: t2
+		};
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	const common = t3;
+	let t4;
+	if ($[10] !== common || $[11] !== field.multiple || $[12] !== onChange || $[13] !== value) {
+		t4 = field.multiple === true ? /* @__PURE__ */ jsx(FileField, {
+			...common,
+			multiple: true,
+			value: toFiles(value),
+			onChange
+		}) : /* @__PURE__ */ jsx(FileField, {
+			...common,
+			value: toFiles(value)[0] ?? null,
+			onChange
+		});
+		$[10] = common;
+		$[11] = field.multiple;
+		$[12] = onChange;
+		$[13] = value;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+}
+//#endregion
+export { FileField, FileFieldEntry, isFileValue, toFiles };
+
+//# sourceMappingURL=FileField.js.map

package/dist/file/FileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileField.js","names":["FileText","X","useEffect","useRef","useState","StoredFile","Fieldset","IconButton","usePanneauIntl","useFieldsContext","getAccept","getFieldProps","getMaxSize","messages","FieldEntryProps","FieldProps","FilePicker","UploadList","formatSize","UploadSource","UploadedFile","useRejectionMessage","useUploads","styles","FileValue","File","FileFieldBaseProps","Omit","accept","maxSize","uploadSource","SingleFileFieldProps","multiple","value","onChange","MultipleFileFieldProps","FileFieldProps","fileSize","file","size","fileUrl","Blob","url","isFileValue","name","toFiles","Array","isArray","filter","FileField","props","$","_c","intl","context","t0","t1","label","description","errors","t2","disabled","readOnly","required","className","labelClassName","descriptionClassName","errorsClassName","undefined","t3","t4","files","editable","t5","Symbol","for","rejections","setRejections","rejectionMessage","latest","t6","current","set","next","length","t7","file_0","reason","upload","source","onUploaded","onRejected","T0","t8","t10","map","file_1","index","String","icon","locale","formatMessage","removeFile","_","at","items","none","noFile","t11","cancel","pause","resume","retry","t12","replaceFile","selected","add","t13","t9","field","t14","FileFieldEntry","common","_c","styles"],"sources":["../../src/file/FileField.tsx"],"sourcesContent":["import { FileText, X } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { StoredFile } from '@panneau/protocol';\nimport { Fieldset, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport { getAccept, getFieldProps, getMaxSize } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport { FilePicker } from '../upload/FilePicker';\nimport { UploadList } from '../upload/UploadList';\nimport { formatSize } from '../upload/files';\nimport type { UploadSource, UploadedFile } from '../upload/types';\nimport { useRejectionMessage } from '../upload/useRejectionMessage';\nimport { useUploads } from '../upload/useUploads';\nimport styles from './FileField.module.css';\n\n/**\n * A file of a `file` value: a stored file, as items give it; an upload, once the browser sent the\n * file to storage; or the file itself, sent in a multipart request without direct uploads.\n */\nexport type FileValue = StoredFile | UploadedFile | File;\n\nexport interface FileFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {\n    /** Accepted MIME types (`application/pdf`, `image/*`). Others are refused before they are sent. */\n    accept?: readonly string[] | null;\n    /** Largest file, in bytes. Larger ones are refused before they are sent. */\n    maxSize?: number | null;\n    /**\n     * Where files are uploaded directly to storage. Defaults to the one of the fields context.\n     * Without one, the value holds the files themselves, which the adapter sends in\n     * `multipart/form-data`.\n     */\n    uploadSource?: UploadSource | null;\n}\n\nexport interface SingleFileFieldProps extends FileFieldBaseProps {\n    multiple?: false;\n    value?: FileValue | null;\n    onChange?: (value: FileValue | null) => void;\n}\n\nexport interface MultipleFileFieldProps extends FileFieldBaseProps {\n    multiple: true;\n    value?: readonly FileValue[] | null;\n    /** Called with the files. An empty list is `null`. */\n    onChange?: (value: FileValue[] | null) => void;\n}\n\nexport type FileFieldProps = SingleFileFieldProps | MultipleFileFieldProps;\n\nfunction fileSize(file: FileValue): number | null {\n    return typeof file.size === 'number' ? file.size : null;\n}\n\nfunction fileUrl(file: FileValue): string | null {\n    return !(file instanceof Blob) && 'url' in file && typeof file.url === 'string'\n        ? file.url\n        : null;\n}\n\n/** Whether a value is a file of a `file` value. */\nexport function isFileValue(value: unknown): value is FileValue {\n    if (typeof File !== 'undefined' && value instanceof File) {\n        return true;\n    }\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        typeof (value as { name?: unknown }).name === 'string'\n    );\n}\n\n/** The files of a value, single or multiple. */\nexport function toFiles(value: unknown): FileValue[] {\n    if (Array.isArray(value)) {\n        return value.filter(isFileValue);\n    }\n    return isFileValue(value) ? [value] : [];\n}\n\n/**\n * Files that belong to an item, outside the media library: an attachment, a PDF, a CSV (the\n * `file` type). With an upload source, files go directly to storage, and the value references\n * each upload (`{ upload, name, mime, size }`). Without one, the value is the file itself. Items\n * give stored files, which the field shows with a link. A new file replaces the file of a single\n * value, and is added to a multiple one.\n */\nexport function FileField(props: FileFieldProps) {\n    const intl = usePanneauIntl();\n    const context = useFieldsContext();\n    const {\n        accept = null,\n        maxSize = null,\n        label,\n        description,\n        errors = [],\n        disabled,\n        readOnly,\n        required,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n    } = props;\n    const uploadSource =\n        props.uploadSource === undefined ? context.uploadSource : props.uploadSource;\n    const multiple = props.multiple === true;\n    const files = toFiles(props.value);\n    const editable = disabled !== true && readOnly !== true;\n    const [rejections, setRejections] = useState<string[]>([]);\n    const rejectionMessage = useRejectionMessage(maxSize);\n\n    // The files as last set, so that uploads that end together all add theirs.\n    const latest = useRef(files);\n    useEffect(() => {\n        latest.current = files;\n    });\n    const set = (next: FileValue[]) => {\n        latest.current = next;\n        if (props.multiple === true) {\n            props.onChange?.(next.length > 0 ? next : null);\n        } else {\n            props.onChange?.(next[0] ?? null);\n        }\n    };\n\n    const upload = useUploads({\n        source: uploadSource,\n        accept,\n        maxSize,\n        onUploaded: (file) => set(multiple ? [...latest.current, file] : [file]),\n        onRejected: (file, reason) =>\n            setRejections((current) => [...current, rejectionMessage(file, reason)]),\n    });\n\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={[...errors, ...rejections]}\n            isRequired={required}\n            isDisabled={disabled}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={styles.field}>\n                {files.length > 0 ? (\n                    <ul className={styles.files}>\n                        {files.map((file, index) => {\n                            const { name } = file;\n                            const url = fileUrl(file);\n                            const size = fileSize(file);\n                            return (\n                                <li key={`${String(index)}-${name}`} className={styles.file}>\n                                    <FileText aria-hidden className={styles.icon} />\n                                    {url !== null ? (\n                                        <a\n                                            href={url}\n                                            className={styles.name}\n                                            target=\"_blank\"\n                                            rel=\"noreferrer\"\n                                        >\n                                            {name}\n                                        </a>\n                                    ) : (\n                                        <span className={styles.name}>{name}</span>\n                                    )}\n                                    {size !== null ? (\n                                        <span className={styles.size}>\n                                            {formatSize(size, intl.locale)}\n                                        </span>\n                                    ) : null}\n                                    {editable ? (\n                                        <IconButton\n                                            icon={X}\n                                            size=\"sm\"\n                                            label={intl.formatMessage(messages.removeFile, {\n                                                name,\n                                            })}\n                                            onPress={() =>\n                                                set(latest.current.filter((_, at) => at !== index))\n                                            }\n                                        />\n                                    ) : null}\n                                </li>\n                            );\n                        })}\n                    </ul>\n                ) : upload.items.length === 0 ? (\n                    <span className={styles.none}>{intl.formatMessage(messages.noFile)}</span>\n                ) : null}\n                <UploadList\n                    items={upload.items}\n                    onPause={upload.pause}\n                    onResume={upload.resume}\n                    onCancel={upload.cancel}\n                    onRetry={upload.retry}\n                />\n                {editable ? (\n                    <FilePicker\n                        accept={accept}\n                        multiple={multiple}\n                        {...(!multiple && files.length > 0\n                            ? { label: intl.formatMessage(messages.replaceFile) }\n                            : {})}\n                        onSelect={(selected) => {\n                            setRejections([]);\n                            upload.add(selected);\n                        }}\n                    />\n                ) : null}\n            </div>\n        </Fieldset>\n    );\n}\n\n/**\n * The registry entry of the `file` type: the field's `multiple`, `accept` (or its `accept` rule)\n * and `maxSize` rule, with the upload source of the fields context.\n */\nexport function FileFieldEntry(props: FieldEntryProps) {\n    const { field, value, onChange } = props;\n    const common = {\n        ...getFieldProps(props),\n        accept: getAccept(field),\n        maxSize: getMaxSize(field),\n    };\n    return field.multiple === true ? (\n        <FileField {...common} multiple value={toFiles(value)} onChange={onChange} />\n    ) : (\n        <FileField {...common} value={toFiles(value)[0] ?? null} onChange={onChange} />\n    );\n}\n"],"mappings":"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"}

package/dist/file/FileField.module.js

@@ -0,0 +1,22 @@
+import "./FileField.css";
+//#region src/file/FileField.module.css
+var field = "panneau-file-field-field";
+var files = "panneau-file-field-files";
+var file = "panneau-file-field-file";
+var icon = "panneau-file-field-icon";
+var name = "panneau-file-field-name";
+var size = "panneau-file-field-size";
+var none = "panneau-file-field-none";
+var FileField_module_default = {
+	field,
+	files,
+	file,
+	icon,
+	name,
+	size,
+	none
+};
+//#endregion
+export { FileField_module_default as default, field, file, files, icon, name, none, size };
+
+//# sourceMappingURL=FileField.module.js.map

package/dist/file/FileField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileField.module.js","names":[],"sources":["../../src/file/FileField.module.css"],"sourcesContent":[".field {\n    display: grid;\n    gap: var(--panneau-space-2);\n}\n\n.files {\n    display: grid;\n    gap: var(--panneau-space-1);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.file {\n    display: flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    min-height: var(--panneau-control-height-sm);\n    padding-inline: var(--panneau-space-2) var(--panneau-space-1);\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n.icon {\n    flex: none;\n    width: 1rem;\n    height: 1rem;\n    color: var(--panneau-color-text-muted);\n}\n\n.name {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    font-size: var(--panneau-font-size-sm);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\na.name {\n    color: var(--panneau-color-link);\n}\n\n.size {\n    flex: none;\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n\n.none {\n    font-size: var(--panneau-font-size-md);\n    color: var(--panneau-color-text-muted);\n}\n"],"mappings":""}

package/dist/file/index.d.ts

@@ -0,0 +1,3 @@
+export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './FileField.js';
+export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/file/index.ts"],"names":[],"mappings":"AAAA,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,aAAa,CAAC;AACrB,YAAY,EACR,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,GACX,MAAM,iBAAiB,CAAC"}

package/dist/file/index.js

@@ -0,0 +1 @@
+export { FileField, FileFieldEntry, isFileValue, toFiles } from "./FileField.js";

package/dist/group/GroupField.css

@@ -1,12 +1,29 @@
 .panneau-group-field-fields {
-    display: flex;
-    flex-direction: column;
-    gap: var(--panneau-space-4);
     padding: var(--panneau-space-4);
     border: var(--panneau-border-width) solid var(--panneau-color-border);
     border-radius: var(--panneau-radius-md);
 }
 
+/* Short fields share a row, in columns of at least 14rem. */
+.panneau-group-field-flow {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
+    gap: var(--panneau-space-4);
+}
+
+.panneau-group-field-cell {
+    min-width: 0;
+}
+
+/* A field hidden by its condition renders nothing: its cell takes no column. */
+.panneau-group-field-cell:empty {
+    display: none;
+}
+
+.panneau-group-field-wide {
+    grid-column: 1 / -1;
+}
+
 @media (max-width: 30rem) {
     .panneau-group-field-fields {
         padding: var(--panneau-space-3);

package/dist/group/GroupField.d.ts

@@ -1,19 +1,25 @@
+import type { ReactNode } from 'react';
 import type { Field } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export type GroupValue = Record<string, unknown>;
 export interface GroupFieldProps extends FieldProps<GroupValue> {
     /** The nested fields, rendered with the entries of the fields context. */
     fields: readonly Field[];
     /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */
     path?: string;
+    /**
+     * Lays out the rendered fields, by name, instead of the flow of short fields side by side:
+     * the layout of a compound field (decision 0065).
+     */
+    renderFields?: (parts: Readonly<Record<string, ReactNode>>, value: GroupValue) => ReactNode;
     fieldsClassName?: string;
 }
 /**
- * A nested object: its fields under a legend. Each 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
+ * A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each
+ * 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
  * object through `onChange`.
  */
-export declare function GroupField({ fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, fieldsClassName, }: GroupFieldProps): import("react").JSX.Element;
+export declare function GroupField({ fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, renderFields, fieldsClassName, }: GroupFieldProps): import("react").JSX.Element;
 /** The `group` type: its `fields`, as a nested object. */
 export declare function GroupFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=GroupField.d.ts.map

package/dist/group/GroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.d.ts","sourceRoot":"","sources":["../../src/group/GroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,0EAA0E;IAC1E,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,eAAe,GAClB,EAAE,eAAe,+BA+BjB;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAerD"}
+{"version":3,"file":"GroupField.d.ts","sourceRoot":"","sources":["../../src/group/GroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO/C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,0EAA0E;IAC1E,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,eAAe,GAClB,EAAE,eAAe,+BA+CjB;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAerD"}

package/dist/group/GroupField.js

@@ -1,5 +1,6 @@
 import { cx } from "../shared/cx.js";
 import { getFieldProps } from "../shared/entry.js";
+import { isWideField } from "../shared/flow.js";
 import GroupField_module_default from "./GroupField.module.js";
 import { NestedField } from "../shared/DefinitionField.js";
 import { c } from "react/compiler-runtime";
@@ -7,13 +8,13 @@ import { Fieldset } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/group/GroupField.tsx
 /**
-* A nested object: its fields under a legend. Each 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
+* A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each
+* 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
 * object through `onChange`.
 */
 function GroupField(t0) {
-	const $ = c(32);
-	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) {
@@ -23,59 +24,63 @@ 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(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] !== t2 || $[20] !== t3) {
-		t4 = /* @__PURE__ */ jsx("div", {
-			className: t2,
-			children: t3
+	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: 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] = t2;
-		$[20] = t3;
-		$[21] = t4;
-	} else t4 = $[21];
+		$[11] = fields;
+		$[12] = object;
+		$[13] = renderField;
+		$[14] = renderFields;
+		$[15] = t4;
+	} else t4 = $[15];
 	let t5;
-	if ($[22] !== className || $[23] !== description || $[24] !== descriptionClassName || $[25] !== errors || $[26] !== errorsClassName || $[27] !== label || $[28] !== labelClassName || $[29] !== required || $[30] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Fieldset, {
+	if ($[16] !== t3 || $[17] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t3,
+			children: t4
+		});
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	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,
 			errors,
@@ -84,20 +89,20 @@ function GroupField(t0) {
 			legendClassName: labelClassName,
 			descriptionClassName,
 			errorsClassName,
-			children: t4
+			children: t5
 		});
-		$[22] = className;
-		$[23] = description;
-		$[24] = descriptionClassName;
-		$[25] = errors;
-		$[26] = errorsClassName;
-		$[27] = label;
-		$[28] = labelClassName;
-		$[29] = required;
-		$[30] = t4;
-		$[31] = t5;
-	} else t5 = $[31];
-	return t5;
+		$[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. */
 function GroupFieldEntry(props) {