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

package/dist/upload/FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.js","names":["files","styles"],"sources":["../../src/upload/FilePicker.tsx"],"sourcesContent":["import { Upload } from 'lucide-react';\nimport { type DropItem, DropZone, FileTrigger } from 'react-aria-components';\n\nimport { Button, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport styles from './FilePicker.module.css';\n\nexport interface FilePickerProps {\n    /** Called with the files chosen or dropped. */\n    onSelect: (files: File[]) => void;\n    /** Accepted MIME types, which the file dialog offers. */\n    accept?: readonly string[] | null;\n    multiple?: boolean;\n    isDisabled?: boolean;\n    /** Text of the button. Defaults to \"Choose a file\", or \"Choose files\" with `multiple`. */\n    label?: string;\n    className?: string;\n}\n\nasync function readDrop(items: DropItem[]): Promise<File[]> {\n    const files = await Promise.all(\n        items.map((item) => (item.kind === 'file' ? item.getFile() : Promise.resolve(null))),\n    );\n    return files.filter((file): file is File => file !== null);\n}\n\n/** A button that opens the file dialog, in a zone where files can be dropped. */\nexport function FilePicker({\n    onSelect,\n    accept,\n    multiple = false,\n    isDisabled = false,\n    label,\n    className,\n}: FilePickerProps) {\n    const intl = usePanneauIntl();\n    return (\n        <DropZone\n            className={cx(styles.zone, className)}\n            aria-label={intl.formatMessage(messages.dropZone)}\n            isDisabled={isDisabled}\n            onDrop={(event) => {\n                void readDrop(event.items).then((files) => {\n                    if (files.length > 0) {\n                        onSelect(multiple ? files : files.slice(0, 1));\n                    }\n                });\n            }}\n        >\n            <FileTrigger\n                {...(accept !== null && accept !== undefined && accept.length > 0\n                    ? { acceptedFileTypes: accept }\n                    : {})}\n                allowsMultiple={multiple}\n                onSelect={(list) => {\n                    const files = list === null ? [] : [...list];\n                    if (files.length > 0) {\n                        onSelect(files);\n                    }\n                }}\n            >\n                <Button size=\"sm\" appearance=\"outline\" icon={Upload} isDisabled={isDisabled}>\n                    {label ??\n                        intl.formatMessage(multiple ? messages.chooseFiles : messages.chooseFile)}\n                </Button>\n            </FileTrigger>\n            <span className={styles.hint}>{intl.formatMessage(messages.dropHere)}</span>\n        </DropZone>\n    );\n}\n"],"mappings":";;;;;;;;AAqBA,eAAe,SAAS,OAAoC;CAIxD,QAAO,MAHa,QAAQ,IACxB,MAAM,KAAK,SAAU,KAAK,SAAS,SAAS,KAAK,QAAQ,IAAI,QAAQ,QAAQ,IAAI,CAAE,CACvF,EAAA,CACa,QAAQ,SAAuB,SAAS,IAAI;AAC7D;;AAGA,SAAgB,WAAW,EACvB,UACA,QACA,WAAW,OACX,aAAa,OACb,OACA,aACgB;CAChB,MAAM,OAAO,eAAe;CAC5B,OACI,qBAAC,UAAD;EACI,WAAW,GAAGC,0BAAO,MAAM,SAAS;EACpC,cAAY,KAAK,cAAc,SAAS,QAAQ;EACpC;EACZ,SAAS,UAAU;GACf,SAAc,MAAM,KAAK,CAAC,CAAC,MAAM,UAAU;IACvC,IAAI,MAAM,SAAS,GACf,SAAS,WAAW,QAAQ,MAAM,MAAM,GAAG,CAAC,CAAC;GAErD,CAAC;EACL;EAVJ,UAAA,CAYI,oBAAC,aAAD;GACI,GAAK,WAAW,QAAQ,WAAW,KAAA,KAAa,OAAO,SAAS,IAC1D,EAAE,mBAAmB,OAAO,IAC5B,CAAC;GACP,gBAAgB;GAChB,WAAW,SAAS;IAChB,MAAMD,UAAQ,SAAS,OAAO,CAAA,IAAK,CAAC,GAAG,IAAI;IAC3C,IAAIA,QAAM,SAAS,GACf,SAASA,OAAK;GAEtB;GAEA,UAAA,oBAAC,QAAD;IAAQ,MAAK;IAAK,YAAW;IAAU,MAAM;IAAoB;IAC5D,UAAA,SACG,KAAK,cAAc,WAAW,SAAS,cAAc,SAAS,UAAU;GACxE,CAAA;EACC,CAAA,GACb,oBAAC,QAAD;GAAM,WAAWC,0BAAO;GAAO,UAAA,KAAK,cAAc,SAAS,QAAQ;EAAQ,CAAA,CACrE;;AAElB"}
+{"version":3,"file":"FilePicker.js","names":["Upload","DropItem","DropZone","FileTrigger","Button","usePanneauIntl","cx","messages","styles","FilePickerProps","onSelect","files","File","accept","multiple","isDisabled","label","className","readDrop","items","Promise","all","map","item","kind","getFile","resolve","filter","file","FilePicker","t0","$","_c","t1","t2","undefined","intl","t3","zone","t4","formatMessage","dropZone","t5","event","then","length","slice","t6","acceptedFileTypes","t7","list","files_0","t8","chooseFiles","chooseFile","t9","t10","t11","dropHere","t12","hint","t13","_c","styles"],"sources":["../../src/upload/FilePicker.tsx"],"sourcesContent":["import { Upload } from 'lucide-react';\nimport { type DropItem, DropZone, FileTrigger } from 'react-aria-components';\n\nimport { Button, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport styles from './FilePicker.module.css';\n\nexport interface FilePickerProps {\n    /** Called with the files chosen or dropped. */\n    onSelect: (files: File[]) => void;\n    /** Accepted MIME types, which the file dialog offers. */\n    accept?: readonly string[] | null;\n    multiple?: boolean;\n    isDisabled?: boolean;\n    /** Text of the button. Defaults to \"Choose a file\", or \"Choose files\" with `multiple`. */\n    label?: string;\n    className?: string;\n}\n\nasync function readDrop(items: DropItem[]): Promise<File[]> {\n    const files = await Promise.all(\n        items.map((item) => (item.kind === 'file' ? item.getFile() : Promise.resolve(null))),\n    );\n    return files.filter((file): file is File => file !== null);\n}\n\n/** A button that opens the file dialog, in a zone where files can be dropped. */\nexport function FilePicker({\n    onSelect,\n    accept,\n    multiple = false,\n    isDisabled = false,\n    label,\n    className,\n}: FilePickerProps) {\n    const intl = usePanneauIntl();\n    return (\n        <DropZone\n            className={cx(styles.zone, className)}\n            aria-label={intl.formatMessage(messages.dropZone)}\n            isDisabled={isDisabled}\n            onDrop={(event) => {\n                void readDrop(event.items).then((files) => {\n                    if (files.length > 0) {\n                        onSelect(multiple ? files : files.slice(0, 1));\n                    }\n                });\n            }}\n        >\n            <FileTrigger\n                {...(accept !== null && accept !== undefined && accept.length > 0\n                    ? { acceptedFileTypes: accept }\n                    : {})}\n                allowsMultiple={multiple}\n                onSelect={(list) => {\n                    const files = list === null ? [] : [...list];\n                    if (files.length > 0) {\n                        onSelect(files);\n                    }\n                }}\n            >\n                <Button size=\"sm\" appearance=\"outline\" icon={Upload} isDisabled={isDisabled}>\n                    {label ??\n                        intl.formatMessage(multiple ? messages.chooseFiles : messages.chooseFile)}\n                </Button>\n            </FileTrigger>\n            <span className={styles.hint}>{intl.formatMessage(messages.dropHere)}</span>\n        </DropZone>\n    );\n}\n"],"mappings":"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"}

package/dist/upload/UploadList.d.ts

@@ -1,4 +1,4 @@
-import type { UploadItem } from './types';
+import type { UploadItem } from './types.js';
 export interface UploadListProps {
     /** The files being uploaded, from `useUploads()`. */
     items: readonly UploadItem[];

package/dist/upload/UploadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadList.js","names":["name","Pause","Play","RotateCcw","X","status","indeterminate","valueText","_c","styles","_Fragment"],"sources":["../../src/upload/UploadList.tsx"],"sourcesContent":["import { Pause, Play, RotateCcw, X } from 'lucide-react';\nimport { ProgressBar } from 'react-aria-components';\n\nimport { IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport styles from './UploadList.module.css';\nimport { formatSize } from './files';\nimport type { UploadItem } from './types';\n\nexport interface UploadListProps {\n    /** The files being uploaded, from `useUploads()`. */\n    items: readonly UploadItem[];\n    onPause?: (id: string) => void;\n    onResume?: (id: string) => void;\n    onCancel?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    /** Accessible name of the list. Defaults to \"Uploads\". */\n    'aria-label'?: string;\n    className?: string;\n}\n\n/**\n * The files being uploaded: a progress bar for each, and buttons to pause and resume a file sent\n * in parts, to cancel it, and to retry it when it failed. Renders nothing without files.\n */\nexport function UploadList({\n    items,\n    onPause,\n    onResume,\n    onCancel,\n    onRetry,\n    'aria-label': ariaLabel,\n    className,\n}: UploadListProps) {\n    const intl = usePanneauIntl();\n    if (items.length === 0) {\n        return null;\n    }\n    return (\n        <ul\n            className={cx(styles.list, className)}\n            aria-label={ariaLabel ?? intl.formatMessage(messages.uploads)}\n        >\n            {items.map((item) => {\n                const { name } = item;\n                const failed = item.status === 'failed';\n                const indeterminate = item.progress === null || item.status === 'completing';\n                const status = {\n                    uploading: intl.formatMessage(messages.uploading),\n                    paused: intl.formatMessage(messages.uploadPaused),\n                    completing: intl.formatMessage(messages.uploadCompleting),\n                    failed: intl.formatMessage(messages.uploadFailed, { error: item.error ?? '' }),\n                }[item.status];\n                const percent = item.progress === null ? null : Math.round(item.progress * 100);\n                return (\n                    <li key={item.id} className={cx(styles.item, failed && styles.failed)}>\n                        <span className={styles.name}>\n                            {name}\n                            {item.size !== null ? ` · ${formatSize(item.size, intl.locale)}` : null}\n                        </span>\n                        <span className={styles.buttons}>\n                            {item.canPause && item.status === 'uploading' && onPause ? (\n                                <IconButton\n                                    icon={Pause}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.pauseUpload, { name })}\n                                    onPress={() => onPause(item.id)}\n                                />\n                            ) : null}\n                            {item.status === 'paused' && onResume ? (\n                                <IconButton\n                                    icon={Play}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.resumeUpload, { name })}\n                                    onPress={() => onResume(item.id)}\n                                />\n                            ) : null}\n                            {failed && onRetry ? (\n                                <IconButton\n                                    icon={RotateCcw}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.retryUpload, { name })}\n                                    onPress={() => onRetry(item.id)}\n                                />\n                            ) : null}\n                            {item.status !== 'completing' && onCancel ? (\n                                <IconButton\n                                    icon={X}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.cancelUpload, { name })}\n                                    onPress={() => onCancel(item.id)}\n                                />\n                            ) : null}\n                        </span>\n                        {failed ? (\n                            <span className={styles.error} role=\"alert\">\n                                {status}\n                            </span>\n                        ) : (\n                            <ProgressBar\n                                aria-label={name}\n                                className={cx(\n                                    styles.progress,\n                                    indeterminate && styles.indeterminate,\n                                )}\n                                value={percent ?? 0}\n                                isIndeterminate={indeterminate}\n                                valueLabel={\n                                    item.progress !== null && !indeterminate\n                                        ? `${status} · ${intl.formatNumber(item.progress, { style: 'percent' })}`\n                                        : status\n                                }\n                            >\n                                {({ valueText }) => (\n                                    <>\n                                        <span className={styles.status}>{valueText}</span>\n                                        <span className={styles.track}>\n                                            <span\n                                                className={styles.fill}\n                                                style={\n                                                    indeterminate\n                                                        ? undefined\n                                                        : { width: `${String(percent ?? 0)}%` }\n                                                }\n                                            />\n                                        </span>\n                                    </>\n                                )}\n                            </ProgressBar>\n                        )}\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UploadList.js","names":["Pause","Play","RotateCcw","X","ProgressBar","IconButton","usePanneauIntl","cx","messages","styles","formatSize","UploadItem","UploadListProps","items","onPause","id","onResume","onCancel","onRetry","className","UploadList","t0","$","_c","ariaLabel","intl","length","t1","list","t2","formatMessage","uploads","t3","t4","item","name","failed","status","indeterminate","progress","uploading","paused","uploadPaused","completing","uploadCompleting","uploadFailed","error","percent","Math","round","size","locale","buttons","canPause","pauseUpload","resumeUpload","retryUpload","cancelUpload","formatNumber","style","t5","valueText","track","fill","undefined","width","String","map","_c","styles","_Fragment"],"sources":["../../src/upload/UploadList.tsx"],"sourcesContent":["import { Pause, Play, RotateCcw, X } from 'lucide-react';\nimport { ProgressBar } from 'react-aria-components';\n\nimport { IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport styles from './UploadList.module.css';\nimport { formatSize } from './files';\nimport type { UploadItem } from './types';\n\nexport interface UploadListProps {\n    /** The files being uploaded, from `useUploads()`. */\n    items: readonly UploadItem[];\n    onPause?: (id: string) => void;\n    onResume?: (id: string) => void;\n    onCancel?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    /** Accessible name of the list. Defaults to \"Uploads\". */\n    'aria-label'?: string;\n    className?: string;\n}\n\n/**\n * The files being uploaded: a progress bar for each, and buttons to pause and resume a file sent\n * in parts, to cancel it, and to retry it when it failed. Renders nothing without files.\n */\nexport function UploadList({\n    items,\n    onPause,\n    onResume,\n    onCancel,\n    onRetry,\n    'aria-label': ariaLabel,\n    className,\n}: UploadListProps) {\n    const intl = usePanneauIntl();\n    if (items.length === 0) {\n        return null;\n    }\n    return (\n        <ul\n            className={cx(styles.list, className)}\n            aria-label={ariaLabel ?? intl.formatMessage(messages.uploads)}\n        >\n            {items.map((item) => {\n                const { name } = item;\n                const failed = item.status === 'failed';\n                const indeterminate = item.progress === null || item.status === 'completing';\n                const status = {\n                    uploading: intl.formatMessage(messages.uploading),\n                    paused: intl.formatMessage(messages.uploadPaused),\n                    completing: intl.formatMessage(messages.uploadCompleting),\n                    failed: intl.formatMessage(messages.uploadFailed, { error: item.error ?? '' }),\n                }[item.status];\n                const percent = item.progress === null ? null : Math.round(item.progress * 100);\n                return (\n                    <li key={item.id} className={cx(styles.item, failed && styles.failed)}>\n                        <span className={styles.name}>\n                            {name}\n                            {item.size !== null ? ` · ${formatSize(item.size, intl.locale)}` : null}\n                        </span>\n                        <span className={styles.buttons}>\n                            {item.canPause && item.status === 'uploading' && onPause ? (\n                                <IconButton\n                                    icon={Pause}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.pauseUpload, { name })}\n                                    onPress={() => onPause(item.id)}\n                                />\n                            ) : null}\n                            {item.status === 'paused' && onResume ? (\n                                <IconButton\n                                    icon={Play}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.resumeUpload, { name })}\n                                    onPress={() => onResume(item.id)}\n                                />\n                            ) : null}\n                            {failed && onRetry ? (\n                                <IconButton\n                                    icon={RotateCcw}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.retryUpload, { name })}\n                                    onPress={() => onRetry(item.id)}\n                                />\n                            ) : null}\n                            {item.status !== 'completing' && onCancel ? (\n                                <IconButton\n                                    icon={X}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.cancelUpload, { name })}\n                                    onPress={() => onCancel(item.id)}\n                                />\n                            ) : null}\n                        </span>\n                        {failed ? (\n                            <span className={styles.error} role=\"alert\">\n                                {status}\n                            </span>\n                        ) : (\n                            <ProgressBar\n                                aria-label={name}\n                                className={cx(\n                                    styles.progress,\n                                    indeterminate && styles.indeterminate,\n                                )}\n                                value={percent ?? 0}\n                                isIndeterminate={indeterminate}\n                                valueLabel={\n                                    item.progress !== null && !indeterminate\n                                        ? `${status} · ${intl.formatNumber(item.progress, { style: 'percent' })}`\n                                        : status\n                                }\n                            >\n                                {({ valueText }) => (\n                                    <>\n                                        <span className={styles.status}>{valueText}</span>\n                                        <span className={styles.track}>\n                                            <span\n                                                className={styles.fill}\n                                                style={\n                                                    indeterminate\n                                                        ? undefined\n                                                        : { width: `${String(percent ?? 0)}%` }\n                                                }\n                                            />\n                                        </span>\n                                    </>\n                                )}\n                            </ProgressBar>\n                        )}\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"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"}

package/dist/upload/files.js.map

@@ -1 +1 @@
-{"version":3,"file":"files.js","names":[],"sources":["../../src/upload/files.ts"],"sourcesContent":["/** Whether a MIME type matches one of the patterns of an `accept` rule (`image/*`, `application/pdf`). */\nexport function matchesMime(mime: string, patterns: readonly string[]): boolean {\n    return patterns.some((pattern) =>\n        pattern.endsWith('/*') ? mime.startsWith(pattern.slice(0, -1)) : mime === pattern,\n    );\n}\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\n\n/** A size in bytes, for people: `1.5 MB`. Uses the locale's number format. */\nexport function formatSize(bytes: number, locale?: string): string {\n    let value = bytes;\n    let unit = 0;\n    while (value >= 1024 && unit < UNITS.length - 1) {\n        value /= 1024;\n        unit += 1;\n    }\n    const number = new Intl.NumberFormat(locale, {\n        maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1,\n    }).format(value);\n    return `${number} ${UNITS[unit] ?? 'B'}`;\n}\n"],"mappings":";;AACA,SAAgB,YAAY,MAAc,UAAsC;CAC5E,OAAO,SAAS,MAAM,YAClB,QAAQ,SAAS,IAAI,IAAI,KAAK,WAAW,QAAQ,MAAM,GAAG,EAAE,CAAC,IAAI,SAAS,OAC9E;AACJ;AAEA,IAAM,QAAQ;CAAC;CAAK;CAAM;CAAM;CAAM;AAAI;;AAG1C,SAAgB,WAAW,OAAe,QAAyB;CAC/D,IAAI,QAAQ;CACZ,IAAI,OAAO;CACX,OAAO,SAAS,QAAQ,OAAO,MAAM,SAAS,GAAG;EAC7C,SAAS;EACT,QAAQ;CACZ;CAIA,OAAO,GAHQ,IAAI,KAAK,aAAa,QAAQ,EACzC,uBAAuB,SAAS,KAAK,SAAS,KAAK,IAAI,EAC3D,CAAC,CAAC,CAAC,OAAO,KACA,EAAM,GAAI,MAAM,SAAS;AACvC"}
+{"version":3,"file":"files.js","names":["matchesMime","mime","patterns","some","pattern","endsWith","startsWith","slice","UNITS","const","formatSize","bytes","locale","value","unit","length","number","Intl","NumberFormat","maximumFractionDigits","format"],"sources":["../../src/upload/files.ts"],"sourcesContent":["/** Whether a MIME type matches one of the patterns of an `accept` rule (`image/*`, `application/pdf`). */\nexport function matchesMime(mime: string, patterns: readonly string[]): boolean {\n    return patterns.some((pattern) =>\n        pattern.endsWith('/*') ? mime.startsWith(pattern.slice(0, -1)) : mime === pattern,\n    );\n}\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\n\n/** A size in bytes, for people: `1.5 MB`. Uses the locale's number format. */\nexport function formatSize(bytes: number, locale?: string): string {\n    let value = bytes;\n    let unit = 0;\n    while (value >= 1024 && unit < UNITS.length - 1) {\n        value /= 1024;\n        unit += 1;\n    }\n    const number = new Intl.NumberFormat(locale, {\n        maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1,\n    }).format(value);\n    return `${number} ${UNITS[unit] ?? 'B'}`;\n}\n"],"mappings":";;AACA,SAAgBA,YAAYC,MAAcC,UAAsC;CAC5E,OAAOA,SAASC,MAAMC,YAClBA,QAAQC,SAAS,IAAI,IAAIJ,KAAKK,WAAWF,QAAQG,MAAM,GAAG,EAAE,CAAC,IAAIN,SAASG,OAC9E;AACJ;AAEA,IAAMI,QAAQ;CAAC;CAAK;CAAM;CAAM;CAAM;AAAI;;AAG1C,SAAgBE,WAAWC,OAAeC,QAAyB;CAC/D,IAAIC,QAAQF;CACZ,IAAIG,OAAO;CACX,OAAOD,SAAS,QAAQC,OAAON,MAAMO,SAAS,GAAG;EAC7CF,SAAS;EACTC,QAAQ;CACZ;CAIA,OAAO,GAHQ,IAAIG,KAAKC,aAAaN,QAAQ,EACzCO,uBAAuBL,SAAS,KAAKD,SAAS,KAAK,IAAI,EAC3D,CAAC,CAAC,CAACO,OAAOP,KACAG,EAAM,GAAIR,MAAMM,SAAS;AACvC"}

package/dist/upload/useRejectionMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UploadRejection } from './types';
+import type { UploadRejection } from './types.js';
 /** The message of a file refused before it was sent, for a field's errors. */
 export declare function useRejectionMessage(maxSize: number | null | undefined): (file: File, reason: UploadRejection) => string;
 //# sourceMappingURL=useRejectionMessage.d.ts.map

package/dist/upload/useRejectionMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRejectionMessage.js","names":["_c"],"sources":["../../src/upload/useRejectionMessage.ts"],"sourcesContent":["import { usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../shared/messages';\nimport { formatSize } from './files';\nimport type { UploadRejection } from './types';\n\n/** The message of a file refused before it was sent, for a field's errors. */\nexport function useRejectionMessage(\n    maxSize: number | null | undefined,\n): (file: File, reason: UploadRejection) => string {\n    const intl = usePanneauIntl();\n    return (file, reason) =>\n        reason === 'accept'\n            ? intl.formatMessage(messages.rejectedType, { name: file.name })\n            : intl.formatMessage(messages.rejectedSize, {\n                  name: file.name,\n                  size: formatSize(maxSize ?? 0, intl.locale),\n              });\n}\n"],"mappings":";;;;;;AAOA,SAAO,oBAAA,SAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAGH,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,QAAA,EAAA,OAAA,SAAA;EACvB,MAAA,MAAA,WACH,WAAW,WACL,KAAI,cAAe,SAAQ,cAAe,EAAA,MAAQ,KAAI,KAAM,CAI3D,IAHD,KAAI,cAAe,SAAQ,cAAe;GAAA,MAChC,KAAI;GAAK,MACT,WAAW,WAAA,GAAc,KAAI,MAAO;EAC9C,CAAC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OANL;AAMK"}
+{"version":3,"file":"useRejectionMessage.js","names":["usePanneauIntl","messages","formatSize","UploadRejection","useRejectionMessage","maxSize","$","_c","intl","t0","file","reason","formatMessage","rejectedType","name","rejectedSize","size","locale","_c"],"sources":["../../src/upload/useRejectionMessage.ts"],"sourcesContent":["import { usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../shared/messages';\nimport { formatSize } from './files';\nimport type { UploadRejection } from './types';\n\n/** The message of a file refused before it was sent, for a field's errors. */\nexport function useRejectionMessage(\n    maxSize: number | null | undefined,\n): (file: File, reason: UploadRejection) => string {\n    const intl = usePanneauIntl();\n    return (file, reason) =>\n        reason === 'accept'\n            ? intl.formatMessage(messages.rejectedType, { name: file.name })\n            : intl.formatMessage(messages.rejectedSize, {\n                  name: file.name,\n                  size: formatSize(maxSize ?? 0, intl.locale),\n              });\n}\n"],"mappings":";;;;;;AAOA,SAAOI,oBAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAGH,MAAAC,OAAaR,eAAe;CAAE,IAAAS;CAAA,IAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,SAAA;EACvBI,MAAAC,MAAAC,WACHA,WAAW,WACLH,KAAII,cAAeX,SAAQY,cAAe,EAAAC,MAAQJ,KAAII,KAAM,CAI3D,IAHDN,KAAII,cAAeX,SAAQc,cAAe;GAAAD,MAChCJ,KAAII;GAAKE,MACTd,WAAWG,WAAA,GAAcG,KAAIS,MAAO;EAC9C,CAAC;EAACX,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OANLG;AAMK"}

package/dist/upload/useUploads.d.ts

@@ -1,4 +1,4 @@
-import type { UploadItem, UploadRejection, UploadSource, UploadedFile } from './types';
+import type { UploadItem, UploadRejection, UploadSource, UploadedFile } from './types.js';
 export interface UseUploadsOptions {
     /** Where files are uploaded. Without one, `add()` gives the files themselves. */
     source: UploadSource | null;

package/dist/upload/useUploads.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploads.js","names":["id","file","_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":";;;;AA4BA,IAAM,WAAkC,CAAA;AAExC,SAAS,QACL,MACA,EAAE,QAAQ,WACY;CACtB,IACI,WAAW,QACX,WAAW,KAAA,KACX,OAAO,SAAS,KAChB,CAAC,YAAY,KAAK,MAAM,MAAM,GAE9B,OAAO;CAEX,OAAO,YAAY,QAAQ,YAAY,KAAA,KAAa,KAAK,OAAO,UAAU,YAAY;AAC1F;;;;;;;AAQA,SAAO,WAAA,SAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAEH,MAAA,SAAe,OAAO,OAAO;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA;EACrB,WAAA;GACN,OAAM,UAAW;EAAH;EACjB,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAFD,UAAU,EAET;CACD,MAAA,EAAA,WAAmB;CACnB,MAAA,CAAA,OAAA,YAA0B,SAA8D,IAAI;CAC5F,MAAA,WAAiB,UAAU,QAAQ,MAAK,WAAY,SAAS,MAAK,WAAjD;CAAkE,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,QAAA;EAEzE,WAAA;GACN,IAAI,WAAW,MAAI;GAGnB,MAAA,UAAgB,OAAM,eAAgB,EAAA,aACtB,SAAU,OAAM,QAAQ,WAAY,IAAI,EACxD,CAAC;GACD,SAAS;IAAA;IAAA,UAAoB;GAAQ,CAAC;GAAC,aAC1B,QAAO,QAAS;EAAC;EAC/B,KAAA,CAAC,MAAM;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CATX,UAAU,IASP,EAAQ;CAAC,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA;EAGR,MAAA,aAAc,UAAQ,UAAY,QAA6B,KAAjD;EACd,WAAM,UAAQ,SAAuB,KAA/B;EAAgC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CAF1C,MAAA,QAAc,qBACV,IACA,IACA,MACJ;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA,EAAA,OAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,UAAA;GAgBS,MAAA,OAAQ,UAAQ,MAAQ,EAAE;GACzB,MAAA,SAAQ,UAAQ,OAASF,IAAE;GAC3B,MAAA,SAAQ,UAAQ,OAASA,IAAE;GAC5B,MAAA,SAAQ,UAAQ,MAAQA,IAAE;GAAC,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA;GAAA,KAAA,EAAA;GAAA,KAAA,EAAA;GAAA,KAAA,EAAA;GAAA,KAAA,EAAA;EAAA;EAjB/B,KAAA;GAAA;GAAA,IAAA,OAAA;IAGC,KAAK,MAAA,UAAc,OAAK;KACpB,MAAA,YAAkB,QAAQC,QAAM,OAAM,OAAQ;KAC9C,IAAI,cAAc,MACd,OAAM,QAAQ,aAAcA,QAAM,SAAS;UACxC,IAAI,aAAa,MACpB,OAAM,QAAQ,WAAYA,MAAI;UAE9B,SAAQ,IAAK,CAACA,MAAI,CAAC;IACtB;GACJ;GAAA,OAEE;GAA2B,QAC1B;GAA4B,QAC5B;GAA4B,OAC7B;EACX;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAlBM;AAkBN;AA7CE,SAAA,SAAA;CAAA,OAwBO;AAAQ;AAxBf,SAAA,QAAA,CAAA"}
+{"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

@@ -1,3 +1,3 @@
-export { type PresignedUploadsLike, type UppyUploadSourceOptions, createUppyUploadSource, createUppyUploader, } from './uploader';
-export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types';
+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/uploader.d.ts

@@ -1,6 +1,6 @@
 import Uppy, { type Body, type Meta } from '@uppy/core';
 import type { Upload, UploadSignRequest } from '@panneau/protocol';
-import type { UploadSource, UploadedFile, Uploader } from '../upload/types';
+import type { UploadSource, UploadedFile, Uploader } from '../upload/types.js';
 /**
  * Signs and completes direct uploads: `adapter.presignedUploads()` of `@panneau/data` (or
  * `createPresignedUploads()`) gives one.

package/dist/uppy/uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploader.js","names":[],"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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"}
+{"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.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":";;;;;;;;;AAeA,IAAMc,SAAS;;AAGf,SAAgBC,WAAWC,KAAaC,SAAS,YAAoB;CACjE,MAAMC,UAAUF,IAAIG,KAAK;CACzB,IAAID,QAAQE,WAAW,IAAI,GACvB,OAAO,GAAGH,SAASC,QAAQG,MAAM,CAAC;CAEtC,IAAIH,YAAY,MAAMJ,OAAOQ,KAAKJ,OAAO,KAAK,SAASI,KAAKJ,OAAO,GAC/D,OAAOA;CAEX,OAAO,GAAGD,SAASC;AACvB;;;;;AAMA,SAAOK,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAO,OAAAH,UAAAD,QAAAd,eAAAiB,IAAA,GAAAD,SAAAL;EAMTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAJ,SAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,QAAAN,EAAA;CAAA;CAFZ,MAAAZ,gBAAAiB,OAAAE,KAAAA,IAAA,aAAAF;CAGA,MAAAG,OAAa/B,eAAe;CAAE,IAAAgC;CAAA,IAAAT,EAAA,OAAAM,OAAA;EACbG,KAAAH,UAAU,QAAQA,UAAUC,KAAAA,KAAa,gBAAeV,KAAMS,KAAK;EAACN,EAAA,KAAAM;EAAAN,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAArF,MAAAU,WAAiBD;CAAqE,IAAAE;CAAA,IAAAX,EAAA,OAAAZ,iBAAAY,EAAA,OAAAE,UAAAF,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAA;EAStEK,WAAA;GACJ,IAAIL,UAAU,QAAQA,UAAUC,KAAAA,GAAS;IACrC,MAAAK,OAAatB,WAAWgB,OAAOlB,aAAa;IAC5C,IAAIwB,SAASN,OACTH,WAAWS,SAAS,KAAT,OAAAA,IAAyB;GACvC;GAELV,SAAS;EAAC;EACbF,EAAA,KAAAZ;EAAAY,EAAA,KAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAQ,QAAAR,EAAA,QAAAU,YAAAV,EAAA,QAAAM,OAAA;EAEGO,KAAAH,WACI,oBAAA,KAAA;GACUJ,MAAAA;GACC,QAAA;GACH,KAAA;GACO,WAAArB,wBAAM6B;GACV,OAAAN,KAAIO,cAAelC,SAAQmC,QAAS;GAE3C,UAAA,oBAAC,MAAD;IAAYzC,MAAAA;IAAqB,OAAAiC,KAAIO,cAAelC,SAAQmC,QAAS;GAAC,CAAA;EACtE,CAAA,IATRT,KAAAA;EAUaP,EAAA,MAAAQ;EAAAR,EAAA,MAAAU;EAAAV,EAAA,MAAAM;EAAAN,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,QAAAG,YAAAH,EAAA,QAAAI,SAAAJ,EAAA,QAAAW,MAAAX,EAAA,QAAAa,MAAAb,EAAA,QAAAM,OAAA;EA3BrBW,KAAA,oBAAC,WAAD;GACiB,cAAA;GAAK,GACdb;GACC,MAAA;GACK,WAAA;GACHE;GACGH;GACF,QAAAQ;GAUJ,QAAAE;EAUa,CAAA;EAEnBb,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAW;EAAAX,EAAA,MAAAa;EAAAb,EAAA,MAAAM;EAAAN,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OA7BFiB;AA6BE;;AAKV,SAAOC,cAAAd,OAAA;CAAA,MAAAJ,IAAAC,EAAA,EAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAI,MAAAe,OAAA;EACmBpB,KAAApB,WAAWyB,MAAKe,OAAQ,iBAAiBvC,QAAQ;EAACoB,EAAA,KAAAI,MAAAe;EAAAnB,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAxE,MAAAZ,gBAAsBW;CAAmD,IAAAM;CAAA,IAAAL,EAAA,OAAAI,OAAA;EAG7DC,KAAA3B,cAAc0B,KAAK;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CACjB,MAAAS,KAAA7B,SAASwB,MAAKE,KAA2B,IAAjBF,MAAKE,QAA7B;CAA0C,IAAAK;CAAA,IAAAX,EAAA,OAAAZ,eAAA;EAE5CuB,KAAAvB,kBAAkBmB,KAAAA,IAAlB,EAAAnB,cAAmD,IAAnD,CAAmD;EAACY,EAAA,KAAAZ;EAAAY,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAI,MAAAD,YAAAH,EAAA,OAAAK,MAAAL,EAAA,OAAAS,MAAAT,EAAA,OAAAW,IAAA;EAJ7DE,KAAA,oBAAC,UAAD;GAAS,GACDR;GACG,OAAAI;GACG,UAAAL,MAAKD;GAAS,GACnBQ;EAAoD,CAAA;EAC3DX,EAAA,KAAAI,MAAAD;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAS;EAAAT,EAAA,KAAAW;EAAAX,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,OALFa;AAKE"}

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/fields",
-    "version": "5.0.0-alpha.6",
+    "version": "5.0.0-alpha.8",
     "description": "Controlled field components of Panneau for the protocol's built-in field types, one subpath per field, and uploads to storage (Uppy 6 in its own entry point).",
     "type": "module",
     "license": "MIT",
@@ -154,9 +154,9 @@
         "dist"
     ],
     "scripts": {
-        "build": "vite build && tsc -p tsconfig.build.json",
+        "build": "vite build && node ../../scripts/declarations.js",
         "typecheck": "tsc --noEmit",
-        "api": "tsc -p tsconfig.build.json && node ../../scripts/api-report.js"
+        "api": "node ../../scripts/declarations.js && node ../../scripts/api-report.js"
     },
     "publishConfig": {
         "access": "public"
@@ -178,9 +178,9 @@
     },
     "dependencies": {
         "@internationalized/date": "^3.12.4",
-        "@panneau/intl": "5.0.0-alpha.6",
-        "@panneau/protocol": "5.0.0-alpha.6",
-        "@panneau/ui": "5.0.0-alpha.6",
+        "@panneau/intl": "5.0.0-alpha.8",
+        "@panneau/protocol": "5.0.0-alpha.8",
+        "@panneau/ui": "5.0.0-alpha.8",
         "leaflet": "^1.9.4",
         "lucide-react": "^1.57.0"
     },