@panneau/fields 5.0.0-alpha.0 → 5.0.0-alpha.10

package/dist/upload/useUploads.js

@@ -0,0 +1,115 @@
+import { matchesMime } from "./files.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore } from "react";
+//#region src/upload/useUploads.ts
+var NO_ITEMS = [];
+function rejects(file, { accept, maxSize }) {
+	if (accept !== null && accept !== void 0 && accept.length > 0 && !matchesMime(file.type, accept)) return "accept";
+	return maxSize !== null && maxSize !== void 0 && file.size > maxSize ? "maxSize" : null;
+}
+/**
+* Checks files against `accept` and `maxSize`, uploads them through an upload source, and gives
+* the state of each file for an upload list. Without a source, files are given back as they are,
+* to send in a multipart request. The uploader is made once per source, and stopped when the
+* component unmounts.
+*/
+function useUploads(options) {
+	const $ = c(16);
+	const latest = useRef(options);
+	let t0;
+	if ($[0] !== options) {
+		t0 = () => {
+			latest.current = options;
+		};
+		$[0] = options;
+		$[1] = t0;
+	} else t0 = $[1];
+	useEffect(t0);
+	const { source } = options;
+	const [state, setState] = useState(null);
+	const uploader = state !== null && state.source === source ? state.uploader : null;
+	let t1;
+	let t2;
+	if ($[2] !== source) {
+		t1 = () => {
+			if (source === null) return;
+			const created = source.createUploader({ onUploaded: (file) => latest.current.onUploaded(file) });
+			setState({
+				source,
+				uploader: created
+			});
+			return () => created.destroy();
+		};
+		t2 = [source];
+		$[2] = source;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	useEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[5] !== uploader) {
+		t3 = (listener) => uploader?.subscribe(listener) ?? _temp;
+		t4 = () => uploader?.getItems() ?? NO_ITEMS;
+		$[5] = uploader;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+	}
+	const items = useSyncExternalStore(t3, t4, _temp2);
+	let t5;
+	if ($[8] !== items || $[9] !== uploader) {
+		let t6;
+		let t7;
+		let t8;
+		let t9;
+		if ($[11] !== uploader) {
+			t6 = (id) => uploader?.pause(id);
+			t7 = (id_0) => uploader?.resume(id_0);
+			t8 = (id_1) => uploader?.cancel(id_1);
+			t9 = (id_2) => uploader?.retry(id_2);
+			$[11] = uploader;
+			$[12] = t6;
+			$[13] = t7;
+			$[14] = t8;
+			$[15] = t9;
+		} else {
+			t6 = $[12];
+			t7 = $[13];
+			t8 = $[14];
+			t9 = $[15];
+		}
+		t5 = {
+			items,
+			add(files) {
+				for (const file_0 of files) {
+					const rejection = rejects(file_0, latest.current);
+					if (rejection !== null) latest.current.onRejected?.(file_0, rejection);
+					else if (uploader === null) latest.current.onUploaded(file_0);
+					else uploader.add([file_0]);
+				}
+			},
+			pause: t6,
+			resume: t7,
+			cancel: t8,
+			retry: t9
+		};
+		$[8] = items;
+		$[9] = uploader;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
+}
+function _temp2() {
+	return NO_ITEMS;
+}
+function _temp() {}
+//#endregion
+export { useUploads };
+
+//# sourceMappingURL=useUploads.js.map

package/dist/upload/useUploads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploads.js","names":["useEffect","useRef","useState","useSyncExternalStore","matchesMime","UploadItem","UploadRejection","UploadSource","UploadedFile","Uploader","UseUploadsOptions","source","accept","maxSize","onUploaded","file","File","onRejected","reason","UseUploadsResult","items","add","files","Iterable","pause","id","resume","cancel","retry","NO_ITEMS","rejects","Pick","undefined","length","type","size","useUploads","options","$","_c","latest","t0","current","state","setState","uploader","t1","t2","created","createUploader","destroy","t3","t4","listener","subscribe","_temp","getItems","_temp2","t5","t6","t7","t8","t9","id_0","id_1","id_2","file_0","rejection","_c"],"sources":["../../src/upload/useUploads.ts"],"sourcesContent":["import { useEffect, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { matchesMime } from './files';\nimport type { UploadItem, UploadRejection, UploadSource, UploadedFile, Uploader } from './types';\n\nexport interface UseUploadsOptions {\n    /** Where files are uploaded. Without one, `add()` gives the files themselves. */\n    source: UploadSource | null;\n    /** Accepted MIME types (`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    /** Called with each file once it is uploaded: its upload, or the file itself without a source. */\n    onUploaded: (file: UploadedFile | File) => void;\n    /** Called with each file refused before it was sent. */\n    onRejected?: (file: File, reason: UploadRejection) => void;\n}\n\nexport interface UseUploadsResult {\n    /** The files being uploaded. */\n    items: readonly UploadItem[];\n    add: (files: Iterable<File>) => void;\n    pause: (id: string) => void;\n    resume: (id: string) => void;\n    cancel: (id: string) => void;\n    retry: (id: string) => void;\n}\n\nconst NO_ITEMS: readonly UploadItem[] = [];\n\nfunction rejects(\n    file: File,\n    { accept, maxSize }: Pick<UseUploadsOptions, 'accept' | 'maxSize'>,\n): UploadRejection | null {\n    if (\n        accept !== null &&\n        accept !== undefined &&\n        accept.length > 0 &&\n        !matchesMime(file.type, accept)\n    ) {\n        return 'accept';\n    }\n    return maxSize !== null && maxSize !== undefined && file.size > maxSize ? 'maxSize' : null;\n}\n\n/**\n * Checks files against `accept` and `maxSize`, uploads them through an upload source, and gives\n * the state of each file for an upload list. Without a source, files are given back as they are,\n * to send in a multipart request. The uploader is made once per source, and stopped when the\n * component unmounts.\n */\nexport function useUploads(options: UseUploadsOptions): UseUploadsResult {\n    // The latest callbacks and limits, read when files are added or uploaded.\n    const latest = useRef(options);\n    useEffect(() => {\n        latest.current = options;\n    });\n    const { source } = options;\n    const [state, setState] = useState<{ source: UploadSource; uploader: Uploader } | null>(null);\n    const uploader = state !== null && state.source === source ? state.uploader : null;\n\n    useEffect(() => {\n        if (source === null) {\n            return undefined;\n        }\n        const created = source.createUploader({\n            onUploaded: (file) => latest.current.onUploaded(file),\n        });\n        setState({ source, uploader: created });\n        return () => created.destroy();\n    }, [source]);\n\n    const items = useSyncExternalStore(\n        (listener) => uploader?.subscribe(listener) ?? (() => undefined),\n        () => uploader?.getItems() ?? NO_ITEMS,\n        () => NO_ITEMS,\n    );\n\n    return {\n        items,\n        add(files) {\n            for (const file of files) {\n                const rejection = rejects(file, latest.current);\n                if (rejection !== null) {\n                    latest.current.onRejected?.(file, rejection);\n                } else if (uploader === null) {\n                    latest.current.onUploaded(file);\n                } else {\n                    uploader.add([file]);\n                }\n            }\n        },\n        pause: (id) => uploader?.pause(id),\n        resume: (id) => uploader?.resume(id),\n        cancel: (id) => uploader?.cancel(id),\n        retry: (id) => uploader?.retry(id),\n    };\n}\n"],"mappings":"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"}

package/dist/uppy/index.d.ts

@@ -0,0 +1,3 @@
+export { type PresignedUploadsLike, type UppyUploadSourceOptions, createUppyUploadSource, createUppyUploader, } from './uploader.js';
+export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/uppy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,sBAAsB,EACtB,kBAAkB,GACrB,MAAM,YAAY,CAAC;AACpB,YAAY,EACR,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,GACX,MAAM,iBAAiB,CAAC"}

package/dist/uppy/index.js

@@ -0,0 +1 @@
+export { createUppyUploadSource, createUppyUploader } from "./uploader.js";

package/dist/uppy/uploader.d.ts

@@ -0,0 +1,44 @@
+import Uppy, { type Body, type Meta } from '@uppy/core';
+import type { Upload, UploadSignRequest } from '@panneau/protocol';
+import type { UploadSource, UploadedFile, Uploader } from '../upload/types.js';
+/**
+ * Signs and completes direct uploads: `adapter.presignedUploads()` of `@panneau/data` (or
+ * `createPresignedUploads()`) gives one.
+ */
+export interface PresignedUploadsLike {
+    signRequest(request: UploadSignRequest): Promise<{
+        url: string;
+        key?: string;
+        headers?: Record<string, string>;
+    }>;
+    complete(key: string, options?: {
+        name?: string;
+    }): Promise<Upload>;
+}
+export interface UppyUploadSourceOptions {
+    /** Files larger than this, in bytes, are sent in parts, which can pause and resume. Defaults to 10 MB. */
+    multipartThreshold?: number;
+    /**
+     * Installs what sends files on each Uppy instance: `@uppy/aws-s3` with the backend's
+     * signatures by default. Tests install a fake one.
+     */
+    install?: (uppy: Uppy<Meta, Body>, uploads: PresignedUploadsLike) => void;
+}
+/**
+ * An uploader on Uppy 6: files go to S3-compatible storage with URLs that the backend signs, in
+ * parts when they are large, then each upload is completed with the backend.
+ */
+export declare function createUppyUploader(uploads: PresignedUploadsLike, { onUploaded, multipartThreshold, install, }: UppyUploadSourceOptions & {
+    onUploaded: (file: UploadedFile, upload: Upload) => void;
+}): Uploader;
+/**
+ * The upload source of fields on Uppy 6 (`@uppy/core` and `@uppy/aws-s3`, optional peer
+ * dependencies of this entry point): pass it as `uploadSource` to `FieldsProvider` or
+ * `FormView`, with the signing routes of the backend.
+ *
+ * ```ts
+ * const uploadSource = createUppyUploadSource(adapter.presignedUploads());
+ * ```
+ */
+export declare function createUppyUploadSource(uploads: PresignedUploadsLike, options?: UppyUploadSourceOptions): UploadSource;
+//# sourceMappingURL=uploader.d.ts.map

package/dist/uppy/uploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploader.d.ts","sourceRoot":"","sources":["../../src/uppy/uploader.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,EAAE,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAiB,MAAM,YAAY,CAAC;AAEvE,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAGR,YAAY,EACZ,YAAY,EACZ,QAAQ,EACX,MAAM,iBAAiB,CAAC;AAEzB;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACjC,WAAW,CACP,OAAO,EAAE,iBAAiB,GAC3B,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC;IAC5E,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CACvE;AAED,MAAM,WAAW,uBAAuB;IACpC,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC7E;AAgBD;;;GAGG;AACH,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,oBAAoB,EAC7B,EACI,UAAU,EACV,kBAA4B,EAC5B,OAAgF,GACnF,EAAE,uBAAuB,GAAG;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAC1F,QAAQ,CA+HV;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAClC,OAAO,EAAE,oBAAoB,EAC7B,OAAO,GAAE,uBAA4B,GACtC,YAAY,CAId"}

package/dist/uppy/uploader.js

@@ -0,0 +1,139 @@
+import AwsS3 from "@uppy/aws-s3";
+import Uppy from "@uppy/core";
+//#region src/uppy/uploader.ts
+var MB = 1048576;
+function errorMessage(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+function installAwsS3(uppy, uploads, threshold) {
+	uppy.use(AwsS3, {
+		signRequest: (request) => uploads.signRequest({ ...request }),
+		shouldUseMultipart: (file) => (file.size ?? 0) > threshold
+	});
+}
+/**
+* An uploader on Uppy 6: files go to S3-compatible storage with URLs that the backend signs, in
+* parts when they are large, then each upload is completed with the backend.
+*/
+function createUppyUploader(uploads, { onUploaded, multipartThreshold = 10 * MB, install = (uppy, presigned) => installAwsS3(uppy, presigned, multipartThreshold) }) {
+	const uppy = new Uppy({
+		autoProceed: true,
+		allowMultipleUploadBatches: true
+	});
+	install(uppy, uploads);
+	const completing = /* @__PURE__ */ new Set();
+	const failures = /* @__PURE__ */ new Map();
+	const listeners = /* @__PURE__ */ new Set();
+	let items = [];
+	const toItem = (file) => {
+		const { bytesUploaded, bytesTotal } = file.progress;
+		const failure = failures.get(file.id) ?? null;
+		let status = "uploading";
+		if (failure !== null) status = "failed";
+		else if (completing.has(file.id)) status = "completing";
+		else if (file.isPaused === true) status = "paused";
+		return {
+			id: file.id,
+			name: file.name,
+			size: file.size,
+			mime: file.type !== "" ? file.type : null,
+			progress: typeof bytesUploaded === "number" && bytesTotal !== null && bytesTotal > 0 ? Math.min(1, bytesUploaded / bytesTotal) : null,
+			status,
+			error: failure,
+			canPause: (file.size ?? 0) > multipartThreshold
+		};
+	};
+	const update = () => {
+		items = uppy.getFiles().map(toItem);
+		listeners.forEach((listener) => listener());
+	};
+	const forget = (id) => {
+		completing.delete(id);
+		failures.delete(id);
+		if (uppy.getFile(id) !== void 0) uppy.removeFile(id);
+	};
+	uppy.on("state-update", update);
+	uppy.on("upload-error", (file, error) => {
+		if (file !== void 0) {
+			failures.set(file.id, errorMessage(error));
+			update();
+		}
+	});
+	uppy.on("upload-success", (file, response) => {
+		if (file === void 0) return;
+		const key = typeof response.body?.key === "string" ? response.body.key : null;
+		if (key === null) {
+			failures.set(file.id, "The storage gave no key for this file.");
+			update();
+			return;
+		}
+		completing.add(file.id);
+		update();
+		uploads.complete(key, { name: file.name }).then((upload) => {
+			forget(file.id);
+			onUploaded({
+				upload: upload.id,
+				name: upload.name ?? file.name,
+				mime: upload.mime ?? (file.type !== "" ? file.type : null),
+				size: upload.size ?? file.size
+			}, upload);
+		}).catch((error) => {
+			completing.delete(file.id);
+			failures.set(file.id, errorMessage(error));
+			update();
+		});
+	});
+	return {
+		getItems: () => items,
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		add(files) {
+			for (const file of files) uppy.addFile({
+				name: file.name,
+				type: file.type,
+				data: file
+			});
+		},
+		pause(id) {
+			if (uppy.getFile(id)?.isPaused !== true) uppy.pauseResume(id);
+		},
+		resume(id) {
+			if (uppy.getFile(id)?.isPaused === true) uppy.pauseResume(id);
+		},
+		cancel(id) {
+			forget(id);
+			update();
+		},
+		retry(id) {
+			if (!failures.has(id)) return;
+			failures.delete(id);
+			update();
+			uppy.retryUpload(id);
+		},
+		destroy() {
+			listeners.clear();
+			uppy.destroy();
+		}
+	};
+}
+/**
+* The upload source of fields on Uppy 6 (`@uppy/core` and `@uppy/aws-s3`, optional peer
+* dependencies of this entry point): pass it as `uploadSource` to `FieldsProvider` or
+* `FormView`, with the signing routes of the backend.
+*
+* ```ts
+* const uploadSource = createUppyUploadSource(adapter.presignedUploads());
+* ```
+*/
+function createUppyUploadSource(uploads, options = {}) {
+	return { createUploader: ({ onUploaded }) => createUppyUploader(uploads, {
+		...options,
+		onUploaded
+	}) };
+}
+//#endregion
+export { createUppyUploadSource, createUppyUploader };
+
+//# sourceMappingURL=uploader.js.map

package/dist/uppy/uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploader.js","names":["AwsS3","Uppy","Body","Meta","UppyFile","Upload","UploadSignRequest","UploadItem","UploadItemStatus","UploadSource","UploadedFile","Uploader","PresignedUploadsLike","signRequest","request","Promise","url","key","headers","Record","complete","options","name","UppyUploadSourceOptions","multipartThreshold","install","uppy","uploads","MB","errorMessage","error","Error","message","String","installAwsS3","threshold","use","shouldUseMultipart","file","size","createUppyUploader","onUploaded","presigned","upload","autoProceed","allowMultipleUploadBatches","completing","Set","failures","Map","listeners","items","toItem","bytesUploaded","bytesTotal","progress","failure","get","id","status","has","isPaused","mime","type","Math","min","canPause","update","getFiles","map","forEach","listener","forget","delete","getFile","undefined","removeFile","on","set","response","body","add","then","catch","getItems","subscribe","files","addFile","data","pause","pauseResume","resume","cancel","retry","retryUpload","destroy","clear","createUppyUploadSource","createUploader"],"sources":["../../src/uppy/uploader.ts"],"sourcesContent":["import AwsS3 from '@uppy/aws-s3';\nimport Uppy, { type Body, type Meta, type UppyFile } from '@uppy/core';\n\nimport type { Upload, UploadSignRequest } from '@panneau/protocol';\n\nimport type {\n    UploadItem,\n    UploadItemStatus,\n    UploadSource,\n    UploadedFile,\n    Uploader,\n} from '../upload/types';\n\n/**\n * Signs and completes direct uploads: `adapter.presignedUploads()` of `@panneau/data` (or\n * `createPresignedUploads()`) gives one.\n */\nexport interface PresignedUploadsLike {\n    signRequest(\n        request: UploadSignRequest,\n    ): Promise<{ url: string; key?: string; headers?: Record<string, string> }>;\n    complete(key: string, options?: { name?: string }): Promise<Upload>;\n}\n\nexport interface UppyUploadSourceOptions {\n    /** Files larger than this, in bytes, are sent in parts, which can pause and resume. Defaults to 10 MB. */\n    multipartThreshold?: number;\n    /**\n     * Installs what sends files on each Uppy instance: `@uppy/aws-s3` with the backend's\n     * signatures by default. Tests install a fake one.\n     */\n    install?: (uppy: Uppy<Meta, Body>, uploads: PresignedUploadsLike) => void;\n}\n\nconst MB = 1024 * 1024;\n\nfunction errorMessage(error: unknown): string {\n    return error instanceof Error ? error.message : String(error);\n}\n\nfunction installAwsS3(uppy: Uppy<Meta, Body>, uploads: PresignedUploadsLike, threshold: number) {\n    uppy.use(AwsS3<Meta, Body>, {\n        // Uppy's request types are interfaces; the protocol's schema is an open object.\n        signRequest: (request) => uploads.signRequest({ ...request }),\n        shouldUseMultipart: (file) => (file.size ?? 0) > threshold,\n    });\n}\n\n/**\n * An uploader on Uppy 6: files go to S3-compatible storage with URLs that the backend signs, in\n * parts when they are large, then each upload is completed with the backend.\n */\nexport function createUppyUploader(\n    uploads: PresignedUploadsLike,\n    {\n        onUploaded,\n        multipartThreshold = 10 * MB,\n        install = (uppy, presigned) => installAwsS3(uppy, presigned, multipartThreshold),\n    }: UppyUploadSourceOptions & { onUploaded: (file: UploadedFile, upload: Upload) => void },\n): Uploader {\n    const uppy = new Uppy<Meta, Body>({ autoProceed: true, allowMultipleUploadBatches: true });\n    install(uppy, uploads);\n\n    // What Uppy doesn't track: files being completed with the backend, and why one failed.\n    const completing = new Set<string>();\n    const failures = new Map<string, string>();\n    const listeners = new Set<() => void>();\n    let items: readonly UploadItem[] = [];\n\n    const toItem = (file: UppyFile<Meta, Body>): UploadItem => {\n        const { bytesUploaded, bytesTotal } = file.progress;\n        const failure = failures.get(file.id) ?? null;\n        let status: UploadItemStatus = 'uploading';\n        if (failure !== null) {\n            status = 'failed';\n        } else if (completing.has(file.id)) {\n            status = 'completing';\n        } else if (file.isPaused === true) {\n            status = 'paused';\n        }\n        return {\n            id: file.id,\n            name: file.name,\n            size: file.size,\n            mime: file.type !== '' ? file.type : null,\n            progress:\n                typeof bytesUploaded === 'number' && bytesTotal !== null && bytesTotal > 0\n                    ? Math.min(1, bytesUploaded / bytesTotal)\n                    : null,\n            status,\n            error: failure,\n            canPause: (file.size ?? 0) > multipartThreshold,\n        };\n    };\n\n    const update = () => {\n        items = uppy.getFiles().map(toItem);\n        listeners.forEach((listener) => listener());\n    };\n\n    const forget = (id: string) => {\n        completing.delete(id);\n        failures.delete(id);\n        if (uppy.getFile(id) !== undefined) {\n            uppy.removeFile(id);\n        }\n    };\n\n    uppy.on('state-update', update);\n    uppy.on('upload-error', (file, error) => {\n        if (file !== undefined) {\n            failures.set(file.id, errorMessage(error));\n            update();\n        }\n    });\n    uppy.on('upload-success', (file, response) => {\n        if (file === undefined) {\n            return;\n        }\n        const key = typeof response.body?.key === 'string' ? response.body.key : null;\n        if (key === null) {\n            failures.set(file.id, 'The storage gave no key for this file.');\n            update();\n            return;\n        }\n        completing.add(file.id);\n        update();\n        uploads\n            .complete(key, { name: file.name })\n            .then((upload) => {\n                forget(file.id);\n                onUploaded(\n                    {\n                        upload: upload.id,\n                        name: upload.name ?? file.name,\n                        mime: upload.mime ?? (file.type !== '' ? file.type : null),\n                        size: upload.size ?? file.size,\n                    },\n                    upload,\n                );\n            })\n            .catch((error: unknown) => {\n                completing.delete(file.id);\n                failures.set(file.id, errorMessage(error));\n                update();\n            });\n    });\n\n    return {\n        getItems: () => items,\n        subscribe(listener) {\n            listeners.add(listener);\n            return () => listeners.delete(listener);\n        },\n        add(files) {\n            for (const file of files) {\n                uppy.addFile({ name: file.name, type: file.type, data: file });\n            }\n        },\n        pause(id) {\n            if (uppy.getFile(id)?.isPaused !== true) {\n                uppy.pauseResume(id);\n            }\n        },\n        resume(id) {\n            if (uppy.getFile(id)?.isPaused === true) {\n                uppy.pauseResume(id);\n            }\n        },\n        cancel(id) {\n            forget(id);\n            update();\n        },\n        retry(id) {\n            if (!failures.has(id)) {\n                return;\n            }\n            failures.delete(id);\n            update();\n            void uppy.retryUpload(id);\n        },\n        destroy() {\n            listeners.clear();\n            uppy.destroy();\n        },\n    };\n}\n\n/**\n * The upload source of fields on Uppy 6 (`@uppy/core` and `@uppy/aws-s3`, optional peer\n * dependencies of this entry point): pass it as `uploadSource` to `FieldsProvider` or\n * `FormView`, with the signing routes of the backend.\n *\n * ```ts\n * const uploadSource = createUppyUploadSource(adapter.presignedUploads());\n * ```\n */\nexport function createUppyUploadSource(\n    uploads: PresignedUploadsLike,\n    options: UppyUploadSourceOptions = {},\n): UploadSource {\n    return {\n        createUploader: ({ onUploaded }) => createUppyUploader(uploads, { ...options, onUploaded }),\n    };\n}\n"],"mappings":"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"}

package/dist/url/UrlField.css

@@ -1,4 +1,4 @@
-.panneau-open-bOtJNo {
+.panneau-url-field-open {
     display: inline-flex;
     align-items: center;
     padding: var(--panneau-space-1);
@@ -6,6 +6,6 @@
     border-radius: var(--panneau-radius-sm);
 }
 
-.panneau-open-bOtJNo:hover {
+.panneau-url-field-open:hover {
     color: var(--panneau-color-text);
 }

package/dist/url/UrlField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {
     /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */
     defaultScheme?: string;

package/dist/url/UrlField.js

@@ -19,24 +19,55 @@ function withScheme(url, scheme = "https://") {
 * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme
 * gets `https://` on blur, as v4 did.
 */
-function UrlField({ value, onChange, onBlur, defaultScheme = "https://", ...props }) {
+function UrlField(t0) {
+	const $ = c(23);
+	let onBlur;
+	let onChange;
+	let props;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, defaultScheme: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = onBlur;
+		$[2] = onChange;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = value;
+	} else {
+		onBlur = $[1];
+		onChange = $[2];
+		props = $[3];
+		t1 = $[4];
+		value = $[5];
+	}
+	const defaultScheme = t1 === void 0 ? "https://" : t1;
 	const intl = usePanneauIntl();
-	const openable = value !== null && value !== void 0 && /^https?:\/\//i.test(value);
-	return /* @__PURE__ */ jsx(TextField, {
-		autoComplete: "off",
-		...props,
-		type: "url",
-		inputMode: "url",
-		value,
-		onChange,
-		onBlur: () => {
+	let t2;
+	if ($[6] !== value) {
+		t2 = value !== null && value !== void 0 && /^https?:\/\//i.test(value);
+		$[6] = value;
+		$[7] = t2;
+	} else t2 = $[7];
+	const openable = t2;
+	let t3;
+	if ($[8] !== defaultScheme || $[9] !== onBlur || $[10] !== onChange || $[11] !== value) {
+		t3 = () => {
 			if (value !== null && value !== void 0) {
 				const next = withScheme(value, defaultScheme);
 				if (next !== value) onChange?.(next === "" ? null : next);
 			}
 			onBlur?.();
-		},
-		suffix: openable ? /* @__PURE__ */ jsx("a", {
+		};
+		$[8] = defaultScheme;
+		$[9] = onBlur;
+		$[10] = onChange;
+		$[11] = value;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== intl || $[14] !== openable || $[15] !== value) {
+		t4 = openable ? /* @__PURE__ */ jsx("a", {
 			href: value,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -46,8 +77,32 @@ function UrlField({ value, onChange, onBlur, defaultScheme = "https://", ...prop
 				icon: ExternalLink,
 				label: intl.formatMessage(messages.openLink)
 			})
-		}) : void 0
-	});
+		}) : void 0;
+		$[13] = intl;
+		$[14] = openable;
+		$[15] = value;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== onChange || $[18] !== props || $[19] !== t3 || $[20] !== t4 || $[21] !== value) {
+		t5 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "off",
+			...props,
+			type: "url",
+			inputMode: "url",
+			value,
+			onChange,
+			onBlur: t3,
+			suffix: t4
+		});
+		$[17] = onChange;
+		$[18] = props;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = value;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
 }
 /** The `url` type: setting `defaultScheme`. */
 function UrlFieldEntry(props) {

package/dist/url/UrlField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UrlField.js","names":["styles","_c"],"sources":["../../src/url/UrlField.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react';\n\nimport { Icon, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\nimport styles from './UrlField.module.css';\n\nexport interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {\n    /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */\n    defaultScheme?: string;\n}\n\nconst SCHEME = /^[a-z][a-z0-9+.-]*:/i;\n\n/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */\nexport function withScheme(url: string, scheme = 'https://'): string {\n    const trimmed = url.trim();\n    if (trimmed.startsWith('//')) {\n        return `${scheme}${trimmed.slice(2)}`;\n    }\n    if (trimmed === '' || SCHEME.test(trimmed) || /^[/#?]/.test(trimmed)) {\n        return trimmed;\n    }\n    return `${scheme}${trimmed}`;\n}\n\n/**\n * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme\n * gets `https://` on blur, as v4 did.\n */\nexport function UrlField({\n    value,\n    onChange,\n    onBlur,\n    defaultScheme = 'https://',\n    ...props\n}: UrlFieldProps) {\n    const intl = usePanneauIntl();\n    const openable = value !== null && value !== undefined && /^https?:\\/\\//i.test(value);\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            type=\"url\"\n            inputMode=\"url\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                if (value !== null && value !== undefined) {\n                    const next = withScheme(value, defaultScheme);\n                    if (next !== value) {\n                        onChange?.(next === '' ? null : next);\n                    }\n                }\n                onBlur?.();\n            }}\n            suffix={\n                openable ? (\n                    <a\n                        href={value}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className={styles.open}\n                        title={intl.formatMessage(messages.openLink)}\n                    >\n                        <Icon icon={ExternalLink} label={intl.formatMessage(messages.openLink)} />\n                    </a>\n                ) : undefined\n            }\n        />\n    );\n}\n\n/** The `url` type: setting `defaultScheme`. */\nexport function UrlFieldEntry(props: FieldEntryProps) {\n    const defaultScheme = getSetting(props.field, 'defaultScheme', isString);\n    return (\n        <UrlField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(defaultScheme !== undefined ? { defaultScheme } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAeA,IAAM,SAAS;;AAGf,SAAgB,WAAW,KAAa,SAAS,YAAoB;CACjE,MAAM,UAAU,IAAI,KAAK;CACzB,IAAI,QAAQ,WAAW,IAAI,GACvB,OAAO,GAAG,SAAS,QAAQ,MAAM,CAAC;CAEtC,IAAI,YAAY,MAAM,OAAO,KAAK,OAAO,KAAK,SAAS,KAAK,OAAO,GAC/D,OAAO;CAEX,OAAO,GAAG,SAAS;AACvB;;;;;AAMA,SAAgB,SAAS,EACrB,OACA,UACA,QACA,gBAAgB,YAChB,GAAG,SACW;CACd,MAAM,OAAO,eAAe;CAC5B,MAAM,WAAW,UAAU,QAAQ,UAAU,KAAA,KAAa,gBAAgB,KAAK,KAAK;CACpF,OACI,oBAAC,WAAD;EACI,cAAa;EACb,GAAI;EACJ,MAAK;EACL,WAAU;EACH;EACG;EACV,cAAc;GACV,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW;IACvC,MAAM,OAAO,WAAW,OAAO,aAAa;IAC5C,IAAI,SAAS,OACT,WAAW,SAAS,KAAK,OAAO,IAAI;GAE5C;GACA,SAAS;EACb;EACA,QACI,WACI,oBAAC,KAAD;GACI,MAAM;GACN,QAAO;GACP,KAAI;GACJ,WAAWA,wBAAO;GAClB,OAAO,KAAK,cAAc,SAAS,QAAQ;GAE3C,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAc,OAAO,KAAK,cAAc,SAAS,QAAQ;GAAE,CAAA;EACxE,CAAA,IACH,KAAA;CACP,CAAA;AAGb;;AAGA,SAAO,cAAA,OAAA;CAAA,MAAA,IAAAC,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACmB,KAAA,WAAW,MAAK,OAAQ,iBAAiB,QAAQ;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAxE,MAAA,gBAAsB;CAAmD,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAG7D,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,eAAA;EAE5C,KAAA,kBAAkB,KAAA,IAAlB,EAAA,cAAmD,IAAnD,CAAmD;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJ7D,KAAA,oBAAC,UAAD;GAAS,GACD;GACG,OAAA;GACG,UAAA,MAAK;GAAS,GACnB;EAAoD,CAAA;EAC3D,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}
+{"version":3,"file":"UrlField.js","names":["ExternalLink","Icon","usePanneauIntl","getFieldProps","getSetting","isString","messages","FieldEntryProps","TextField","TextFieldProps","styles","UrlFieldProps","Omit","defaultScheme","SCHEME","withScheme","url","scheme","trimmed","trim","startsWith","slice","test","UrlField","t0","$","_c","onBlur","onChange","props","t1","value","undefined","intl","t2","openable","t3","next","t4","open","formatMessage","openLink","t5","UrlFieldEntry","field","_c","styles"],"sources":["../../src/url/UrlField.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react';\n\nimport { Icon, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\nimport styles from './UrlField.module.css';\n\nexport interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {\n    /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */\n    defaultScheme?: string;\n}\n\nconst SCHEME = /^[a-z][a-z0-9+.-]*:/i;\n\n/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */\nexport function withScheme(url: string, scheme = 'https://'): string {\n    const trimmed = url.trim();\n    if (trimmed.startsWith('//')) {\n        return `${scheme}${trimmed.slice(2)}`;\n    }\n    if (trimmed === '' || SCHEME.test(trimmed) || /^[/#?]/.test(trimmed)) {\n        return trimmed;\n    }\n    return `${scheme}${trimmed}`;\n}\n\n/**\n * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme\n * gets `https://` on blur, as v4 did.\n */\nexport function UrlField({\n    value,\n    onChange,\n    onBlur,\n    defaultScheme = 'https://',\n    ...props\n}: UrlFieldProps) {\n    const intl = usePanneauIntl();\n    const openable = value !== null && value !== undefined && /^https?:\\/\\//i.test(value);\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            type=\"url\"\n            inputMode=\"url\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                if (value !== null && value !== undefined) {\n                    const next = withScheme(value, defaultScheme);\n                    if (next !== value) {\n                        onChange?.(next === '' ? null : next);\n                    }\n                }\n                onBlur?.();\n            }}\n            suffix={\n                openable ? (\n                    <a\n                        href={value}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className={styles.open}\n                        title={intl.formatMessage(messages.openLink)}\n                    >\n                        <Icon icon={ExternalLink} label={intl.formatMessage(messages.openLink)} />\n                    </a>\n                ) : undefined\n            }\n        />\n    );\n}\n\n/** The `url` type: setting `defaultScheme`. */\nexport function UrlFieldEntry(props: FieldEntryProps) {\n    const defaultScheme = getSetting(props.field, 'defaultScheme', isString);\n    return (\n        <UrlField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(defaultScheme !== undefined ? { defaultScheme } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/url/UrlField.module.js

@@ -1,6 +1,6 @@
 import "./UrlField.css";
 //#region src/url/UrlField.module.css
-var open = "panneau-open-bOtJNo";
+var open = "panneau-url-field-open";
 var UrlField_module_default = { open };
 //#endregion
 export { UrlField_module_default as default, open };

package/dist/url/index.d.ts

@@ -1,2 +1,2 @@
-export { UrlField, UrlFieldEntry, type UrlFieldProps, withScheme } from './UrlField';
+export { UrlField, UrlFieldEntry, type UrlFieldProps, withScheme } from './UrlField.js';
 //# sourceMappingURL=index.d.ts.map