@panneau/fields 5.0.0-alpha.6 → 5.0.0-alpha.8

package/dist/file/FileField.js

@@ -37,102 +37,192 @@ function toFiles(value) {
 * value, and is added to a multiple one.
 */
 function FileField(props) {
+	const $ = c(42);
 	const intl = usePanneauIntl();
 	const context = useFieldsContext();
-	const { accept = null, maxSize = null, uploadSource = context.uploadSource, label, description, errors = [], disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName } = props;
+	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;
-	const files = toFiles(props.value);
+	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;
-	const [rejections, setRejections] = useState([]);
+	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);
-	useEffect(() => {
-		latest.current = 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: (file_0, reason) => setRejections((current) => [...current, rejectionMessage(file_0, reason)])
+		onRejected: t7
 	});
-	return /* @__PURE__ */ jsx(Fieldset, {
-		legend: label,
-		description,
-		errors: [...errors, ...rejections],
-		isRequired: required,
-		isDisabled: disabled,
-		className,
-		legendClassName: labelClassName,
-		descriptionClassName,
-		errorsClassName,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: FileField_module_default.field,
+	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: [
-				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,
-				/* @__PURE__ */ jsx(UploadList, {
-					items: upload.items,
-					onPause: upload.pause,
-					onResume: upload.resume,
-					onCancel: upload.cancel,
-					onRetry: upload.retry
-				}),
-				editable ? /* @__PURE__ */ jsx(FilePicker, {
-					accept,
-					multiple,
-					...!multiple && files.length > 0 ? { label: intl.formatMessage(messages.replaceFile) } : {},
-					onSelect: (selected) => {
-						setRejections([]);
-						upload.add(selected);
-					}
-				}) : null
+				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)

package/dist/file/FileField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.js","names":["file","onChange","styles","_c"],"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        uploadSource = context.uploadSource,\n        label,\n        description,\n        errors = [],\n        disabled,\n        readOnly,\n        required,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n    } = props;\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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"}
+{"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/index.d.ts

@@ -1,3 +1,3 @@
-export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './FileField';
-export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types';
+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/group/GroupField.d.ts

@@ -1,5 +1,5 @@
 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. */

package/dist/group/GroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.js","names":["field","object","label","description","errors","required","className","labelClassName","descriptionClassName","errorsClassName","_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 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. Each field renders with the entry of its type, at\n * 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                {fields.map((field) => (\n                    <NestedField\n                        key={field.name}\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            </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":["Field","Fieldset","NestedField","cx","getFieldProps","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","next","undefined","map","t5","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 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. Each field renders with the entry of its type, at\n * 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                {fields.map((field) => (\n                    <NestedField\n                        key={field.name}\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            </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/group/index.d.ts

@@ -1,2 +1,2 @@
-export { GroupField, GroupFieldEntry, type GroupFieldProps, type GroupValue } from './GroupField';
+export { GroupField, GroupFieldEntry, type GroupFieldProps, type GroupValue } from './GroupField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,19 +1,19 @@
-export { DefinitionField, NestedField, type NestedFieldProps } from './shared/DefinitionField';
-export { builtInFields, fieldsPlugin } from './shared/builtIn';
-export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context';
-export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired, } from './shared/entry';
-export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation';
-export { type FieldCheckAdapter, type FieldCheckSource, createFieldCheckSource, } from './shared/check';
-export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared/embed';
-export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types';
-export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim';
-export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types';
-export { MissingFieldEntry } from './missing/MissingField';
-export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField';
-export { FilePicker, type FilePickerProps } from './upload/FilePicker';
-export { UploadList, type UploadListProps } from './upload/UploadList';
-export { formatSize, matchesMime } from './upload/files';
-export { type UploadItem, type UploadItemStatus, type UploadRejection, type UploadSource, type UploadedFile, type Uploader, } from './upload/types';
-export { useRejectionMessage } from './upload/useRejectionMessage';
-export { type UseUploadsOptions, type UseUploadsResult, useUploads } from './upload/useUploads';
+export { DefinitionField, NestedField, type NestedFieldProps } from './shared/DefinitionField.js';
+export { builtInFields, fieldsPlugin } from './shared/builtIn.js';
+export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context.js';
+export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired, } from './shared/entry.js';
+export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation.js';
+export { type FieldCheckAdapter, type FieldCheckSource, createFieldCheckSource, } from './shared/check.js';
+export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared/embed.js';
+export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types.js';
+export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim.js';
+export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types.js';
+export { MissingFieldEntry } from './missing/MissingField.js';
+export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField.js';
+export { FilePicker, type FilePickerProps } from './upload/FilePicker.js';
+export { UploadList, type UploadListProps } from './upload/UploadList.js';
+export { formatSize, matchesMime } from './upload/files.js';
+export { type UploadItem, type UploadItemStatus, type UploadRejection, type UploadSource, type UploadedFile, type Uploader, } from './upload/types.js';
+export { useRejectionMessage } from './upload/useRejectionMessage.js';
+export { type UseUploadsOptions, type UseUploadsResult, useUploads } from './upload/useUploads.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/json/JsonField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** The value of a `json` field: an object or an array, or the text while it doesn't parse. */
 export type JsonValue = Record<string, unknown> | unknown[] | string;
 export interface JsonFieldProps extends FieldProps<JsonValue> {

package/dist/json/JsonField.js

@@ -39,45 +39,127 @@ function parseJson(text) {
 * is the text itself, which the `json` rule refuses, so the form can't be saved with it. The text
 * is indented again on blur once it parses.
 */
-function JsonField({ value, onChange, onBlur, errors = [], rows = 8, disabled, readOnly, required, ...props }) {
+function JsonField(t0) {
+	const $ = c(33);
+	let disabled;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let t1;
+	let t2;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, errors: t1, rows: t2, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = onBlur;
+		$[3] = onChange;
+		$[4] = props;
+		$[5] = readOnly;
+		$[6] = required;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = value;
+	} else {
+		disabled = $[1];
+		onBlur = $[2];
+		onChange = $[3];
+		props = $[4];
+		readOnly = $[5];
+		required = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		value = $[9];
+	}
+	let t3;
+	if ($[10] !== t1) {
+		t3 = t1 === void 0 ? [] : t1;
+		$[10] = t1;
+		$[11] = t3;
+	} else t3 = $[11];
+	const errors = t3;
+	const rows = t2 === void 0 ? 8 : t2;
 	const intl = usePanneauIntl();
-	const [state, setState] = useState(() => ({
-		value,
-		text: toText(value)
-	}));
+	let t4;
+	if ($[12] !== value) {
+		t4 = () => ({
+			value,
+			text: toText(value)
+		});
+		$[12] = value;
+		$[13] = t4;
+	} else t4 = $[13];
+	const [state, setState] = useState(t4);
 	if (state.value !== value) setState({
 		value,
 		text: toText(value)
 	});
 	const { text } = state;
-	const { error } = parseJson(text);
-	const shown = error !== null && errors.length === 0 ? [intl.formatMessage(messages.jsonInvalid, { error })] : errors;
-	return /* @__PURE__ */ jsx(TextArea, {
-		...props,
-		value: text,
-		onChange: (next) => {
+	let t5;
+	if ($[14] !== errors || $[15] !== intl || $[16] !== text) {
+		const { error } = parseJson(text);
+		t5 = error !== null && errors.length === 0 ? [intl.formatMessage(messages.jsonInvalid, { error })] : errors;
+		$[14] = errors;
+		$[15] = intl;
+		$[16] = text;
+		$[17] = t5;
+	} else t5 = $[17];
+	const shown = t5;
+	let t6;
+	if ($[18] !== onChange) {
+		t6 = (next) => {
 			const parsed = parseJson(next).value;
 			setState({
 				value: parsed,
 				text: next
 			});
 			onChange?.(parsed);
-		},
-		onBlur: () => {
+		};
+		$[18] = onChange;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== onBlur || $[21] !== value) {
+		t7 = () => {
 			if (value !== null && value !== void 0 && typeof value !== "string") setState({
 				value,
 				text: toText(value)
 			});
 			onBlur?.();
-		},
-		errors: shown,
-		rows,
-		spellCheck: "false",
-		textAreaClassName: JsonField_module_default.code,
-		isDisabled: disabled,
-		isReadOnly: readOnly,
-		isRequired: required
-	});
+		};
+		$[20] = onBlur;
+		$[21] = value;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== disabled || $[24] !== props || $[25] !== readOnly || $[26] !== required || $[27] !== rows || $[28] !== shown || $[29] !== t6 || $[30] !== t7 || $[31] !== text) {
+		t8 = /* @__PURE__ */ jsx(TextArea, {
+			...props,
+			value: text,
+			onChange: t6,
+			onBlur: t7,
+			errors: shown,
+			rows,
+			spellCheck: "false",
+			textAreaClassName: JsonField_module_default.code,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[23] = disabled;
+		$[24] = props;
+		$[25] = readOnly;
+		$[26] = required;
+		$[27] = rows;
+		$[28] = shown;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = text;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
 }
 /** The `json` type: an object or an array, with setting `rows`. */
 function JsonFieldEntry(props) {