@panneau/fields 5.0.0-alpha.1 → 5.0.0-alpha.11

package/dist/file/FileField.js

@@ -0,0 +1,288 @@
+import { useFieldsContext } from "../shared/context.js";
+import { getAccept, getFieldProps, getMaxSize } from "../shared/entry.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 { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText, X } from "lucide-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,4 +1,4 @@
-.panneau-fields-YVfYCM {
+.panneau-group-field-fields {
     display: flex;
     flex-direction: column;
     gap: var(--panneau-space-4);
@@ -8,7 +8,7 @@
 }
 
 @media (max-width: 30rem) {
-    .panneau-fields-YVfYCM {
+    .panneau-group-field-fields {
         padding: var(--panneau-space-3);
     }
 }

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/GroupField.module.js

@@ -1,6 +1,6 @@
 import "./GroupField.css";
 //#region src/group/GroupField.module.css
-var fields = "panneau-fields-YVfYCM";
+var fields = "panneau-group-field-fields";
 var GroupField_module_default = { fields };
 //#endregion
 export { GroupField_module_default as default, fields };

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,8 +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, getFieldProps, getRuleNumber, isRequired } from './shared/entry';
-export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation';
-export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types';
-export { MissingFieldEntry } from './missing/MissingField';
+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/index.d.ts.map

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

package/dist/index.js

@@ -1,7 +1,16 @@
 import { FieldsProvider, getParentPath, useFieldsContext } from "./shared/context.js";
-import { findRule, getFieldProps, getRuleNumber, isRequired } from "./shared/entry.js";
+import { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired } from "./shared/entry.js";
 import { MissingFieldEntry } from "./missing/MissingField.js";
+import { FilePicker } from "./upload/FilePicker.js";
+import { formatSize, matchesMime } from "./upload/files.js";
+import { UploadList } from "./upload/UploadList.js";
+import { useRejectionMessage } from "./upload/useRejectionMessage.js";
+import { useUploads } from "./upload/useUploads.js";
+import { FileField, FileFieldEntry, isFileValue, toFiles } from "./file/FileField.js";
 import { createRelationSource, toReferences, useRelationReferences } from "./shared/relation.js";
 import { builtInFields, fieldsPlugin } from "./shared/builtIn.js";
 import { DefinitionField, NestedField } from "./shared/DefinitionField.js";
-export { DefinitionField, FieldsProvider, MissingFieldEntry, NestedField, builtInFields, createRelationSource, fieldsPlugin, findRule, getFieldProps, getParentPath, getRuleNumber, isRequired, toReferences, useFieldsContext, useRelationReferences };
+import { createFieldCheckSource } from "./shared/check.js";
+import { createEmbedSource } from "./shared/embed.js";
+import { createNominatimSource } from "./location/nominatim.js";
+export { DefinitionField, FieldsProvider, FileField, FileFieldEntry, FilePicker, MissingFieldEntry, NestedField, UploadList, builtInFields, createEmbedSource, createFieldCheckSource, createNominatimSource, createRelationSource, fieldsPlugin, findRule, formatSize, getAccept, getFieldProps, getMaxSize, getParentPath, getRuleNumber, isFileValue, isRequired, matchesMime, toFiles, toReferences, useFieldsContext, useRejectionMessage, useRelationReferences, useUploads };

package/dist/json/JsonField.css

@@ -0,0 +1,7 @@
+/* JSON reads in a monospace font, without wrapping long lines. */
+.panneau-json-field-code {
+    font-family: var(--panneau-font-family-mono);
+    font-size: var(--panneau-font-size-sm);
+    white-space: pre;
+    tab-size: 2;
+}

package/dist/json/JsonField.d.ts

@@ -0,0 +1,22 @@
+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> {
+    placeholder?: string;
+    /** Visible lines. Defaults to 8. */
+    rows?: number;
+}
+/** The value of a text: what it parses to when it is an object or an array, or the text itself. */
+export declare function parseJson(text: string): {
+    value: JsonValue | null;
+    error: string | null;
+};
+/**
+ * Structured data edited as JSON: an object or an array. While the text doesn't parse, the value
+ * 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.
+ */
+export declare function JsonField({ value, onChange, onBlur, errors, rows, disabled, readOnly, required, ...props }: JsonFieldProps): import("react").JSX.Element;
+/** The `json` type: an object or an array, with setting `rows`. */
+export declare function JsonFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=JsonField.d.ts.map

package/dist/json/JsonField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.d.ts","sourceRoot":"","sources":["../../src/json/JsonField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,8FAA8F;AAC9F,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,SAAS,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAUD,mGAAmG;AACnG,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAazF;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAW,EACX,IAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAwChB;AAED,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAepD"}