@allxsmith/bestax-bulma 5.54.1 → 5.55.0

package/dist/esm/form/Dropzone.js

@@ -0,0 +1,524 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useReducer, useRef, useCallback, useEffect, useId } from 'react';
+import { usePrefixedClassNames, classNames, prefixedClassNames } from '../helpers/classNames.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { useConfig } from '../helpers/Config.js';
+import { useNumberFormat } from '../helpers/localeFormat.js';
+import { StatusRegion } from '../helpers/statusRegion.js';
+import { warnOnce } from '../helpers/devWarnings.js';
+import { Delete } from '../elements/Delete.js';
+import { useFieldsetDisabled, useInsideField, useInsideControl, rendersOwnField } from './FormContext.js';
+import { Field } from './Field.js';
+import { useAutoLabelId } from './useAutoLabelId.js';
+
+const noFiles = [];
+const noRefusals = [];
+const noAnnouncements = [];
+const describeAnnouncement = (announcement) => announcement.text;
+/**
+ * The tokens of an `accept` attribute that HTML recognizes, lowercased: an
+ * extension (`.pdf`), a wildcard (`image/*`) or a MIME type. Others are
+ * ignored, as browsers ignore them.
+ */
+const acceptTokens = (accept) => (accept ?? '')
+    .split(',')
+    .map(token => token.trim().toLowerCase())
+    .filter(token => token.length > 1 && (token[0] === '.' || token.includes('/')));
+/** Whether `accept`'s tokens take a file with this name and type. */
+const accepts = (tokens, name, type) => {
+    if (tokens.length === 0)
+        return true;
+    const lowerName = name.toLowerCase();
+    const lowerType = type.toLowerCase();
+    return tokens.some(token => token[0] === '.'
+        ? lowerName.endsWith(token)
+        : token.endsWith('/*')
+            ? lowerType.startsWith(token.slice(0, -1))
+            : lowerType === token);
+};
+/** Whether a drag or a clipboard carries files. */
+const carriesFiles = (data) => !!data && Array.from(data.types ?? []).includes('Files');
+/** The files a drop or a paste brings, with folders marked. */
+const incomingFrom = (data) => {
+    if (!data)
+        return [];
+    const items = Array.from(data.items ?? []).filter(item => item.kind === 'file');
+    if (items.length === 0) {
+        return Array.from(data.files ?? [], file => ({ file, folder: false }));
+    }
+    const incoming = [];
+    for (const item of items) {
+        const file = item.getAsFile();
+        if (!file)
+            continue;
+        const entry = item.webkitGetAsEntry?.();
+        incoming.push({ file, folder: !!entry?.isDirectory });
+    }
+    return incoming;
+};
+/** The same file: one object, or one picked again with the same details. */
+const sameFile = (a, b) => a === b ||
+    (a.name === b.name && a.size === b.size && a.lastModified === b.lastModified);
+/** Whether two lists hold the same files in the same order. */
+const sameFiles = (a, b) => !!a && a.length === b.length && b.every((file, i) => sameFile(a[i], file));
+/**
+ * Writes files to a file input, through a `DataTransfer`, the one way script
+ * can build a `FileList`. Where there's no `DataTransfer` the input is left as
+ * it is.
+ */
+const writeFiles = (input, files) => {
+    if (typeof DataTransfer !== 'function')
+        return;
+    const transfer = new DataTransfer();
+    for (const file of files)
+        transfer.items.add(file);
+    input.files = transfer.files;
+};
+/** The units a file size is written in, largest first. */
+const sizeUnits = [
+    ['gigabyte', 1e9, 'GB'],
+    ['megabyte', 1e6, 'MB'],
+    ['kilobyte', 1e3, 'kB'],
+];
+/**
+ * A file size for display, in decimal units ("1.2 MB"), in the locale of a
+ * `LocaleProvider` around it, or as English writes it outside one.
+ */
+const formatFileSize = (bytes, formatNumber) => {
+    for (const [unit, factor, symbol] of sizeUnits) {
+        if (bytes >= factor) {
+            const value = bytes / factor;
+            return formatNumber
+                ? formatNumber(value, {
+                    style: 'unit',
+                    unit,
+                    unitDisplay: 'short',
+                    maximumFractionDigits: 1,
+                })
+                : `${Math.round(value * 10) / 10} ${symbol}`;
+        }
+    }
+    return formatNumber
+        ? formatNumber(bytes, { style: 'unit', unit: 'byte', unitDisplay: 'long' })
+        : `${bytes} ${bytes === 1 ? 'byte' : 'bytes'}`;
+};
+/** A word for each kind of file `accept` names: "PDF", "image". */
+const typeNames = (tokens) => {
+    const names = [];
+    for (const token of tokens) {
+        let name = token;
+        if (token[0] === '.') {
+            name = token.slice(1).toUpperCase();
+        }
+        else {
+            const [type, subtype] = token.split('/');
+            const core = subtype.split('+')[0];
+            if (subtype === '*')
+                name = type;
+            else if (core === 'plain')
+                name = 'text';
+            else if (/^[a-z0-9]+$/.test(core))
+                name = core.toUpperCase();
+        }
+        if (!names.includes(name))
+            names.push(name);
+    }
+    return names;
+};
+/** "A", "A or B", "A, B, or C". */
+const orList = (items) => items.length <= 2
+    ? items.join(' or ')
+    : `${items.slice(0, -1).join(', ')}, or ${items[items.length - 1]}`;
+/**
+ * The `Dropzone` component is an area to drop files on or click to pick
+ * them, which checks each file and lists the chosen ones with a way to remove
+ * each.
+ *
+ * It's Bulma's boxed, full-width file widget with the real
+ * `<input type="file">` lying over it, so the input is the one tab stop, the
+ * click target and the drop target, and Enter and Space open the picker. The
+ * input holds the chosen files: a pick, drop or paste that passes the checks
+ * is written to it, so a form submits the files under `name`. It doesn't
+ * upload anything.
+ *
+ * @function
+ * @param {DropzoneProps} props - Props for the Dropzone component.
+ * @returns {JSX.Element} The rendered dropzone.
+ *
+ * @example
+ * <Dropzone
+ *   label="CV"
+ *   name="cv"
+ *   accept=".pdf,application/pdf"
+ *   maxSize={5_000_000}
+ *   hint="PDF up to 5 MB"
+ * />
+ */
+const Dropzone = forwardRef(({ 
+// Field props
+label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName, color, size, buttonLabel, icon, hint, maxSize, maxFiles, files: filesProp, onFilesChange, onReject, showFileList = true, allowPaste = true, preventDocumentDrop = true, removeLabel, rejectionMessage, addedMessage, removedMessage, className, accept, multiple, disabled: disabledProp, onChange, onClick, onDragEnter, onDragOver, onDragLeave, onDrop, onPaste, 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
+    const disabled = useFieldsetDisabled(disabledProp);
+    const controlled = filesProp !== undefined;
+    const [ownFiles, setOwnFiles] = useState(noFiles);
+    const files = filesProp ?? ownFiles;
+    // A render the controlled list needs after a change, so that one the app
+    // didn't take is undone.
+    const [, rerender] = useReducer((n) => n + 1, 0);
+    const [refusals, setRefusals] = useState(noRefusals);
+    const [drag, setDrag] = useState(null);
+    const [announcements, setAnnouncements] = useState(noAnnouncements);
+    const inputRef = useRef(null);
+    const listRef = useRef(null);
+    // Set while Dropzone dispatches the input's own events, so its change
+    // handler hands them on rather than reading them as a pick.
+    const dispatchingRef = useRef(false);
+    // The row a removal emptied, whose neighbour takes focus.
+    const removedRowRef = useRef(null);
+    const announcedRef = useRef(0);
+    // What the input held when it was last clicked (Enter and Space click it
+    // too), which a pick adds to: by the time the pick's change arrives, the
+    // browser has replaced the input's files with the picked ones.
+    const pickBaseRef = useRef(null);
+    const setInputRef = useCallback((node) => {
+        inputRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref) {
+            ref.current =
+                node;
+        }
+    }, [ref]);
+    const formatNumber = useNumberFormat();
+    const tokens = acceptTokens(accept);
+    const sizeText = (bytes) => formatFileSize(bytes, formatNumber);
+    const countText = (count) => formatNumber ? formatNumber(count) : String(count);
+    // The files a pick, drop or paste builds on, and a removal takes one from.
+    // Controlled, that's `files`. Uncontrolled, it's the input itself rather
+    // than the list: a script can rewrite the input through the ref, emptying
+    // it with `value = ''` or setting its `files`, and no event reports that,
+    // so the list catches up only at the next change. Where there's no
+    // DataTransfer to write the input with, the list is all there is.
+    const current = () => controlled || typeof DataTransfer !== 'function'
+        ? files
+        : Array.from(inputRef.current.files);
+    const messageFor = (refusal) => {
+        const { file, code } = refusal;
+        if (rejectionMessage)
+            return rejectionMessage({ file, code });
+        if (code === 'file-too-large') {
+            return `${file.name}: larger than ${sizeText(maxSize)}`;
+        }
+        if (code === 'too-many-files') {
+            const most = multiple ? maxFiles : 1;
+            return `${file.name}: only ${most === 1 ? 'one file' : `${countText(most)} files`}`;
+        }
+        return refusal.folder
+            ? `${file.name}: folders can't be added`
+            : `${file.name}: only ${orList(typeNames(tokens))} files`;
+    };
+    const announce = (texts) => {
+        if (texts.length === 0)
+            return;
+        const batch = ++announcedRef.current;
+        setAnnouncements(texts.map((text, i) => ({ id: `${batch}-${i}`, text })));
+    };
+    /**
+     * Makes `next` the chosen files: writes them to the input, and when they
+     * differ from the list, dispatches the input's `input` and `change` and
+     * reports the new list.
+     */
+    const commit = (next) => {
+        pickBaseRef.current = null;
+        const input = inputRef.current;
+        if (!sameFiles(input.files, next))
+            writeFiles(input, next);
+        if (sameFiles(files, next))
+            return;
+        if (controlled)
+            rerender();
+        else
+            setOwnFiles(next);
+        onFilesChange?.(next);
+        dispatchingRef.current = true;
+        try {
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            input.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+        finally {
+            dispatchingRef.current = false;
+        }
+    };
+    /** Checks the files a pick, drop or paste brings, and takes those that pass. */
+    const take = (incoming, base = current()) => {
+        const kept = multiple ? base : noFiles;
+        const room = multiple ? (maxFiles ?? Infinity) - kept.length : 1;
+        const added = [];
+        const refused = [];
+        for (const { file, folder } of incoming) {
+            const code = folder || !accepts(tokens, file.name, file.type)
+                ? 'file-invalid-type'
+                : maxSize !== undefined && file.size > maxSize
+                    ? 'file-too-large'
+                    : null;
+            if (code) {
+                refused.push({ file, code, folder });
+            }
+            else if (multiple &&
+                [...kept, ...added].some(f => sameFile(f, file))) ;
+            else if (added.length >= room) {
+                refused.push({ file, code: 'too-many-files', folder });
+            }
+            else {
+                added.push(file);
+            }
+        }
+        setRefusals(refused.length > 0 ? refused : noRefusals);
+        if (refused.length > 0) {
+            onReject?.(refused.map(({ file, code }) => ({ file, code })));
+        }
+        commit(added.length > 0 ? [...kept, ...added] : base);
+        const addedText = added.length === 0
+            ? []
+            : [
+                addedMessage
+                    ? addedMessage(added)
+                    : added.length === 1
+                        ? `${added[0].name} added`
+                        : `${countText(added.length)} files added`,
+            ];
+        announce([...addedText, ...refused.map(messageFor)]);
+    };
+    const remove = (index) => {
+        const file = files[index];
+        removedRowRef.current = index;
+        commit(current().filter(held => !sameFile(held, file)));
+        announce([
+            removedMessage ? removedMessage(file) : `${file.name} removed`,
+        ]);
+    };
+    const handleChange = (event) => {
+        if (dispatchingRef.current) {
+            onChange?.(event);
+            return;
+        }
+        // A pick: the browser has put the picked files in the input. They're
+        // added to what it held when it was clicked, or, for a picker opened
+        // with showPicker(), which clicks nothing, to the list. With none (a
+        // cancelled pick, in a browser that clears it), that stays.
+        const base = pickBaseRef.current ?? files;
+        const picked = Array.from(event.target.files ?? []);
+        if (picked.length === 0)
+            commit(base);
+        else
+            take(picked.map(file => ({ file, folder: false })), base);
+    };
+    const handleClick = (event) => {
+        onClick?.(event);
+        pickBaseRef.current = current();
+    };
+    // While files are dragged over the input it's cancelled, which makes the
+    // input the drop target and keeps the browser's own drop from running.
+    // Disabled, it refuses the drop, so the browser doesn't open the file.
+    const handleDragOver = (event) => {
+        (event.type === 'dragenter' ? onDragEnter : onDragOver)?.(event);
+        if (!carriesFiles(event.dataTransfer))
+            return;
+        event.preventDefault();
+        if (disabled) {
+            event.dataTransfer.dropEffect = 'none';
+            return;
+        }
+        event.dataTransfer.dropEffect = 'copy';
+        // Only the dragged files' types can be read, so a file is known to be
+        // refused only when `accept` names no extension and its type is known.
+        const room = multiple ? (maxFiles ?? Infinity) - current().length : 1;
+        const types = Array.from(event.dataTransfer.items ?? [])
+            .filter(item => item.kind === 'file')
+            .map(item => item.type);
+        const refused = room <= 0 ||
+            (types.length > 0 &&
+                tokens.length > 0 &&
+                !tokens.some(token => token[0] === '.') &&
+                types.every(type => type !== '' && !accepts(tokens, '', type)));
+        setDrag(refused ? 'reject' : 'over');
+    };
+    const handleDragLeave = (event) => {
+        onDragLeave?.(event);
+        setDrag(null);
+    };
+    const handleDrop = (event) => {
+        onDrop?.(event);
+        setDrag(null);
+        if (!carriesFiles(event.dataTransfer))
+            return;
+        event.preventDefault();
+        if (!disabled)
+            take(incomingFrom(event.dataTransfer));
+    };
+    const handlePaste = (event) => {
+        onPaste?.(event);
+        if (!allowPaste || disabled)
+            return;
+        const incoming = incomingFrom(event.clipboardData);
+        if (incoming.length === 0)
+            return;
+        event.preventDefault();
+        take(incoming);
+    };
+    // A controlled list: the input follows `files`, and a change the app
+    // didn't take is undone.
+    useEffect(() => {
+        const input = inputRef.current;
+        if (controlled && input && !sameFiles(input.files, files)) {
+            writeFiles(input, files);
+        }
+    });
+    // After a removal, focus goes to the remove button that took the removed
+    // one's place, else the one before, else the input.
+    useEffect(() => {
+        const row = removedRowRef.current;
+        if (row === null)
+            return;
+        removedRowRef.current = null;
+        const buttons = listRef.current?.querySelectorAll('button') ?? [];
+        const next = buttons[Math.min(row, buttons.length - 1)];
+        (next ?? inputRef.current)?.focus();
+    });
+    // A reset of the input's form empties the input, so the list and the
+    // refusals go too. The reset event fires before the form resets, and a
+    // listener after this one can still cancel it, so the list is cleared a
+    // task later, and only if the reset went ahead.
+    const latestRef = useRef({ files, controlled, onFilesChange });
+    useEffect(() => {
+        latestRef.current = { files, controlled, onFilesChange };
+    });
+    const formAttribute = props.form;
+    useEffect(() => {
+        const form = inputRef.current?.form;
+        if (!form)
+            return undefined;
+        let timer;
+        const onReset = (event) => {
+            timer = setTimeout(() => {
+                if (event.defaultPrevented)
+                    return;
+                const latest = latestRef.current;
+                pickBaseRef.current = null;
+                setRefusals(noRefusals);
+                if (latest.files.length === 0)
+                    return;
+                if (latest.controlled)
+                    rerender();
+                else
+                    setOwnFiles(noFiles);
+                latest.onFilesChange?.(noFiles);
+            });
+        };
+        form.addEventListener('reset', onReset);
+        return () => {
+            form.removeEventListener('reset', onReset);
+            clearTimeout(timer);
+        };
+    }, [formAttribute]);
+    // A file dropped just outside the zone would open in the tab. The guard
+    // cancels a file drag anywhere nothing else takes it, leaving alone
+    // enabled file inputs and editable fields, which take drops of their own,
+    // and drops something else already handled. It reads the event's real
+    // target, so a file input inside a shadow root is left alone too.
+    useEffect(() => {
+        if (!preventDocumentDrop)
+            return undefined;
+        const guard = (event) => {
+            if (event.defaultPrevented || !carriesFiles(event.dataTransfer)) {
+                return;
+            }
+            const target = event.composedPath()[0];
+            if (target instanceof Element &&
+                target.closest('input[type="file"]:not(:disabled), textarea, [contenteditable]:not([contenteditable="false"])')) {
+                return;
+            }
+            event.preventDefault();
+            if (event.type === 'dragover')
+                event.dataTransfer.dropEffect = 'none';
+        };
+        document.addEventListener('dragover', guard);
+        document.addEventListener('drop', guard);
+        return () => {
+            document.removeEventListener('dragover', guard);
+            document.removeEventListener('drop', guard);
+        };
+    }, [preventDocumentDrop]);
+    const warnsMaxFiles = maxFiles !== undefined && !multiple;
+    useEffect(() => {
+        if (warnsMaxFiles) {
+            warnOnce('Dropzone:maxFiles-without-multiple', '[bestax-bulma] <Dropzone maxFiles> takes effect only with ' +
+                'multiple. Without it, each new file replaces the one chosen.');
+        }
+    }, [warnsMaxFiles]);
+    const insideField = useInsideField();
+    const insideControl = useInsideControl();
+    const ownField = rendersOwnField('Dropzone', {
+        insideField,
+        insideControl,
+        label,
+        message,
+        horizontal,
+        fieldClassName,
+    });
+    const { controlId, fieldLabelProps } = useAutoLabelId({
+        label,
+        id: props.id,
+        labelProps,
+        rendersLabel: ownField,
+    });
+    const { classPrefix } = useConfig();
+    const pcn = (...args) => prefixedClassNames(classPrefix, ...args);
+    // The input takes `controlId`, so `id` stays out of the spread, where an
+    // undefined `id` key would wipe the id the label points at.
+    const { id: _id, ...inputProps } = props;
+    const { bulmaHelperClasses, rest } = useBulmaClasses(inputProps);
+    const baseId = useId();
+    const hintId = `${baseId}-hint`;
+    const refusalsId = `${baseId}-refusals`;
+    const messageId = `${baseId}-message`;
+    const describedBy = [
+        ariaDescribedBy,
+        hint ? hintId : undefined,
+        refusals.length > 0 ? refusalsId : undefined,
+        message ? messageId : undefined,
+    ]
+        .filter(Boolean)
+        .join(' ') || undefined;
+    const rootClass = usePrefixedClassNames('dropzone', {
+        'is-dragover': drag === 'over',
+        'is-drag-reject': drag === 'reject',
+        'is-disabled': disabled,
+    });
+    const zoneClass = usePrefixedClassNames('file', 'is-boxed', 'is-fullwidth', {
+        [`is-${color}`]: !!color,
+        [`is-${size}`]: !!size,
+    });
+    const helpClass = usePrefixedClassNames('help', {
+        [`is-${messageColor}`]: !!messageColor,
+    });
+    // Each row's key, from the file's details, which the list keeps unique.
+    const seen = new Map();
+    const keyOf = (file) => {
+        const key = `${file.name}:${file.size}:${file.lastModified}`;
+        const count = seen.get(key) ?? 0;
+        seen.set(key, count + 1);
+        return count === 0 ? key : `${key}:${count}`;
+    };
+    const dropzoneElement = (jsxs("div", { className: classNames(rootClass, bulmaHelperClasses, className), children: [jsx("div", { className: zoneClass, children: jsxs("label", { className: pcn('file-label'), children: [jsx("input", { ...rest, ref: setInputRef, className: pcn('file-input'), type: "file", id: controlId, accept: accept, multiple: multiple, disabled: disabled, "aria-describedby": describedBy, onChange: handleChange, onClick: handleClick, onDragEnter: handleDragOver, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onPaste: handlePaste }), jsxs("span", { className: pcn('file-cta'), children: [icon && jsx("span", { className: pcn('file-icon'), children: icon }), jsx("span", { className: pcn('file-label'), children: buttonLabel ||
+                                        (multiple ? 'Choose or drop files' : 'Choose or drop a file') })] })] }) }), hint && (jsx("p", { id: hintId, className: pcn('help', 'dropzone-hint'), children: hint })), showFileList && files.length > 0 && (jsx("ul", { ref: listRef, className: pcn('dropzone-list'), children: files.map((file, index) => (jsxs("li", { className: pcn('dropzone-item'), children: [jsx("span", { className: pcn('dropzone-name'), children: file.name }), jsx("span", { className: pcn('dropzone-size'), children: sizeText(file.size) }), !disabled && (jsx(Delete, { size: "small", ariaLabel: removeLabel ? removeLabel(file) : `Remove ${file.name}`, onClick: () => remove(index) }))] }, keyOf(file)))) })), refusals.length > 0 && (jsx("div", { id: refusalsId, className: pcn('dropzone-rejections'), children: refusals.map((refusal, index) => (jsx("p", { className: pcn('help', 'is-danger'), children: messageFor(refusal) }, index))) })), jsx(StatusRegion, { items: announcements, describe: describeAnnouncement })] }));
+    const messageEl = message ? (jsx("p", { id: messageId, className: helpClass, children: message })) : null;
+    if (ownField) {
+        return (jsxs(Field, { label: label, labelSize: labelSize, labelProps: fieldLabelProps, horizontal: horizontal, className: fieldClassName, children: [dropzoneElement, messageEl] }));
+    }
+    return (jsxs(Fragment, { children: [dropzoneElement, messageEl] }));
+});
+Dropzone.displayName = 'Dropzone';
+
+export { Dropzone };
+//# sourceMappingURL=Dropzone.js.map

package/dist/esm/form/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","sources":["../../../src/form/Dropzone.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useConfig } from '../helpers/Config';\nimport { useNumberFormat, NumberFormatter } from '../helpers/localeFormat';\nimport { StatusRegion } from '../helpers/statusRegion';\nimport { warnOnce } from '../helpers/devWarnings';\nimport { Delete } from '../elements/Delete';\nimport {\n  useInsideField,\n  useInsideControl,\n  rendersOwnField,\n  useFieldsetDisabled,\n} from './FormContext';\nimport { Field } from './Field';\nimport { FormFieldProps } from './fieldProps';\nimport { useAutoLabelId } from './useAutoLabelId';\n\n/** Why a Dropzone refused a file. */\nexport type DropzoneRejectionCode =\n  'file-invalid-type' | 'file-too-large' | 'too-many-files';\n\n/** A file a Dropzone refused, and why. */\nexport interface DropzoneRejection {\n  /** The file. */\n  file: File;\n  /**\n   * Why it was refused: `file-invalid-type` when `accept` doesn't take it, or\n   * it's a folder; `file-too-large` when it's over `maxSize`; `too-many-files`\n   * when the list is full.\n   */\n  code: DropzoneRejectionCode;\n}\n\n/**\n * Props for the Dropzone component.\n *\n * @helperProps Helper props go on the `.dropzone` root `<div>`, with\n * `className`. The other attributes go on the `<input>`.\n * @extraProp {string} [accept] - File types it takes, as the native attribute writes them (`.pdf`, `image/*`, `application/pdf`). The picker offers them, and Dropzone checks every pick, drop and paste against them by the same rules, since browsers don't check a dropped file. It goes by a file's name and type, not its contents.\n * @extraProp {boolean} [multiple=false] - Takes several files, and each pick, drop or paste adds to the list. Without it, a new file replaces the one chosen.\n * @extraProp {string} [name] - The files' name in the form's data. The input holds the chosen files, so a plain form submit, `FormData` and React 19 actions all carry them.\n * @extraProp {boolean} [required=false] - The browser's own check: a form won't submit with no file chosen.\n * @extraProp {boolean} [disabled=false] - Disables the input, hides the remove buttons and takes no drops. A disabled `Fieldset` around it does the same.\n * @extraProp {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] - Called on the input's `change`, after each pick, drop, paste or removal that changes the files, with `event.target.files` holding the new list.\n * @extraProp {React.Ref<HTMLInputElement>} [ref] - Forwarded to the `<input>`, so `ref.current.showPicker()` opens the picker from a button of your own. A script that writes the input through it, such as `value = ''` to clear it or a form library setting `files`, changes what the input holds and what the next pick, drop or paste adds to, but no event reports the write, so the list shows it only from the next change. To clear the list at once, reset the form, or control it with `files` and set that to `[]`.\n */\nexport interface DropzoneProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      'size' | 'color' | 'type' | 'children' | 'value' | 'defaultValue'\n    >,\n    Omit<BulmaClassesProps, 'color'>,\n    FormFieldProps {\n  /** Field label, rendered above the zone. It names the input along with the zone's own text, through `htmlFor` (your `id` when you pass one). Inside an outer `Field` it's dropped, and that `Field`'s label names the input. */\n  label?: React.ReactNode;\n  /** Props for the label element. An explicit `htmlFor` here overrides the automatic association (no id is generated then). */\n  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {\n    [key: string]: unknown;\n  };\n  /** Bulma color modifier for the zone, as `File` takes it. */\n  color?:\n    | 'primary'\n    | 'link'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'black'\n    | 'dark'\n    | 'light'\n    | 'white';\n  /** Size modifier for the zone. */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * The zone's text. It's the input's accessible name, so keep it short, and\n   * put details such as \"PDF up to 5 MB\" in `hint`. Default: \"Choose or drop\n   * a file\", or \"Choose or drop files\" with `multiple`.\n   */\n  buttonLabel?: React.ReactNode;\n  /**\n   * An icon above the zone's text. It sits inside the `<label>` that names\n   * the input, so leave an `Icon` here unnamed (`<Icon name=\"upload\" />`).\n   */\n  icon?: React.ReactNode;\n  /**\n   * A line under the zone that describes the input through\n   * `aria-describedby`, such as \"PDF up to 5 MB\".\n   */\n  hint?: React.ReactNode;\n  /** The largest file it takes, in bytes. A bigger one is refused with `file-too-large`. */\n  maxSize?: number;\n  /**\n   * With `multiple`, how many files the list holds at most. A drop that would\n   * go over adds files up to the limit and refuses the rest with\n   * `too-many-files`.\n   */\n  maxFiles?: number;\n  /**\n   * The chosen files, to control the list. The input and the list follow it,\n   * and a change you don't take through `onFilesChange` is undone. Setting it\n   * to `[]` clears both.\n   */\n  files?: File[];\n  /** Called with the whole list of chosen files each time it changes. */\n  onFilesChange?: (files: File[]) => void;\n  /** Called with the files a pick, drop or paste refused, and why. */\n  onReject?: (rejections: DropzoneRejection[]) => void;\n  /**\n   * Shows the chosen files under the zone, each with its size and a remove\n   * button. Turn it off to show them your own way from `onFilesChange`. The\n   * refusals still show.\n   */\n  showFileList?: boolean;\n  /** Takes files pasted while the input has focus, through the same checks as a drop. */\n  allowPaste?: boolean;\n  /**\n   * While it's on the page, stops the browser opening a file dropped outside\n   * any drop target, which would leave the page. Drops on other file inputs\n   * and on editable fields are left alone.\n   */\n  preventDocumentDrop?: boolean;\n  /** Names a file's remove button, for localization. Default: `` `Remove ${file.name}` ``. */\n  removeLabel?: (file: File) => string;\n  /**\n   * The text shown and announced for a refused file, for localization.\n   * Default: the file's name and the reason, such as \"photo.png: only PDF\n   * files\".\n   */\n  rejectionMessage?: (rejection: DropzoneRejection) => string;\n  /**\n   * What's announced when files are added, for localization. Default: the\n   * file's name and \"added\", or a count (\"2 files added\").\n   */\n  addedMessage?: (files: File[]) => string;\n  /** What's announced when a file is removed, for localization. Default: `` `${file.name} removed` ``. */\n  removedMessage?: (file: File) => string;\n  /**\n   * Help or validation message under the Dropzone. It describes the input\n   * through `aria-describedby`, after the hint and any refusals.\n   */\n  message?: React.ReactNode;\n  /** Additional CSS classes for the root. */\n  className?: string;\n}\n\n/** A file on its way in, and whether it's really a folder. */\ninterface Incoming {\n  file: File;\n  folder: boolean;\n}\n\n/** A refusal, with whether the file was a folder, which the default message says. */\ninterface Refusal extends DropzoneRejection {\n  folder: boolean;\n}\n\n/** Something the status region says, with an id that's new each time. */\ninterface Announcement {\n  id: string;\n  text: string;\n}\n\nconst noFiles: File[] = [];\nconst noRefusals: Refusal[] = [];\nconst noAnnouncements: Announcement[] = [];\n\nconst describeAnnouncement = (announcement: Announcement) => announcement.text;\n\n/**\n * The tokens of an `accept` attribute that HTML recognizes, lowercased: an\n * extension (`.pdf`), a wildcard (`image/*`) or a MIME type. Others are\n * ignored, as browsers ignore them.\n */\nconst acceptTokens = (accept: string | undefined): string[] =>\n  (accept ?? '')\n    .split(',')\n    .map(token => token.trim().toLowerCase())\n    .filter(\n      token => token.length > 1 && (token[0] === '.' || token.includes('/'))\n    );\n\n/** Whether `accept`'s tokens take a file with this name and type. */\nconst accepts = (tokens: string[], name: string, type: string): boolean => {\n  if (tokens.length === 0) return true;\n  const lowerName = name.toLowerCase();\n  const lowerType = type.toLowerCase();\n  return tokens.some(token =>\n    token[0] === '.'\n      ? lowerName.endsWith(token)\n      : token.endsWith('/*')\n        ? lowerType.startsWith(token.slice(0, -1))\n        : lowerType === token\n  );\n};\n\n/** Whether a drag or a clipboard carries files. */\nconst carriesFiles = (data: DataTransfer | null): data is DataTransfer =>\n  !!data && Array.from(data.types ?? []).includes('Files');\n\n/** The files a drop or a paste brings, with folders marked. */\nconst incomingFrom = (data: DataTransfer | null): Incoming[] => {\n  if (!data) return [];\n  const items = Array.from(data.items ?? []).filter(\n    item => item.kind === 'file'\n  );\n  if (items.length === 0) {\n    return Array.from(data.files ?? [], file => ({ file, folder: false }));\n  }\n  const incoming: Incoming[] = [];\n  for (const item of items) {\n    const file = item.getAsFile();\n    if (!file) continue;\n    const entry = item.webkitGetAsEntry?.();\n    incoming.push({ file, folder: !!entry?.isDirectory });\n  }\n  return incoming;\n};\n\n/** The same file: one object, or one picked again with the same details. */\nconst sameFile = (a: File, b: File): boolean =>\n  a === b ||\n  (a.name === b.name && a.size === b.size && a.lastModified === b.lastModified);\n\n/** Whether two lists hold the same files in the same order. */\nconst sameFiles = (\n  a: ArrayLike<File> | null | undefined,\n  b: readonly File[]\n): boolean =>\n  !!a && a.length === b.length && b.every((file, i) => sameFile(a[i], file));\n\n/**\n * Writes files to a file input, through a `DataTransfer`, the one way script\n * can build a `FileList`. Where there's no `DataTransfer` the input is left as\n * it is.\n */\nconst writeFiles = (input: HTMLInputElement, files: readonly File[]) => {\n  if (typeof DataTransfer !== 'function') return;\n  const transfer = new DataTransfer();\n  for (const file of files) transfer.items.add(file);\n  input.files = transfer.files;\n};\n\n/** The units a file size is written in, largest first. */\nconst sizeUnits = [\n  ['gigabyte', 1e9, 'GB'],\n  ['megabyte', 1e6, 'MB'],\n  ['kilobyte', 1e3, 'kB'],\n] as const;\n\n/**\n * A file size for display, in decimal units (\"1.2 MB\"), in the locale of a\n * `LocaleProvider` around it, or as English writes it outside one.\n */\nconst formatFileSize = (\n  bytes: number,\n  formatNumber: NumberFormatter | null\n): string => {\n  for (const [unit, factor, symbol] of sizeUnits) {\n    if (bytes >= factor) {\n      const value = bytes / factor;\n      return formatNumber\n        ? formatNumber(value, {\n            style: 'unit',\n            unit,\n            unitDisplay: 'short',\n            maximumFractionDigits: 1,\n          })\n        : `${Math.round(value * 10) / 10} ${symbol}`;\n    }\n  }\n  return formatNumber\n    ? formatNumber(bytes, { style: 'unit', unit: 'byte', unitDisplay: 'long' })\n    : `${bytes} ${bytes === 1 ? 'byte' : 'bytes'}`;\n};\n\n/** A word for each kind of file `accept` names: \"PDF\", \"image\". */\nconst typeNames = (tokens: string[]): string[] => {\n  const names: string[] = [];\n  for (const token of tokens) {\n    let name = token;\n    if (token[0] === '.') {\n      name = token.slice(1).toUpperCase();\n    } else {\n      const [type, subtype] = token.split('/');\n      const core = subtype.split('+')[0];\n      if (subtype === '*') name = type;\n      else if (core === 'plain') name = 'text';\n      else if (/^[a-z0-9]+$/.test(core)) name = core.toUpperCase();\n    }\n    if (!names.includes(name)) names.push(name);\n  }\n  return names;\n};\n\n/** \"A\", \"A or B\", \"A, B, or C\". */\nconst orList = (items: string[]): string =>\n  items.length <= 2\n    ? items.join(' or ')\n    : `${items.slice(0, -1).join(', ')}, or ${items[items.length - 1]}`;\n\n/**\n * The `Dropzone` component is an area to drop files on or click to pick\n * them, which checks each file and lists the chosen ones with a way to remove\n * each.\n *\n * It's Bulma's boxed, full-width file widget with the real\n * `<input type=\"file\">` lying over it, so the input is the one tab stop, the\n * click target and the drop target, and Enter and Space open the picker. The\n * input holds the chosen files: a pick, drop or paste that passes the checks\n * is written to it, so a form submits the files under `name`. It doesn't\n * upload anything.\n *\n * @function\n * @param {DropzoneProps} props - Props for the Dropzone component.\n * @returns {JSX.Element} The rendered dropzone.\n *\n * @example\n * <Dropzone\n *   label=\"CV\"\n *   name=\"cv\"\n *   accept=\".pdf,application/pdf\"\n *   maxSize={5_000_000}\n *   hint=\"PDF up to 5 MB\"\n * />\n */\nexport const Dropzone = forwardRef<HTMLInputElement, DropzoneProps>(\n  (\n    {\n      // Field props\n      label,\n      labelSize,\n      labelProps,\n      horizontal,\n      message,\n      messageColor,\n      fieldClassName,\n      color,\n      size,\n      buttonLabel,\n      icon,\n      hint,\n      maxSize,\n      maxFiles,\n      files: filesProp,\n      onFilesChange,\n      onReject,\n      showFileList = true,\n      allowPaste = true,\n      preventDocumentDrop = true,\n      removeLabel,\n      rejectionMessage,\n      addedMessage,\n      removedMessage,\n      className,\n      accept,\n      multiple,\n      disabled: disabledProp,\n      onChange,\n      onClick,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      onPaste,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const disabled = useFieldsetDisabled(disabledProp);\n    const controlled = filesProp !== undefined;\n    const [ownFiles, setOwnFiles] = useState<File[]>(noFiles);\n    const files = filesProp ?? ownFiles;\n    // A render the controlled list needs after a change, so that one the app\n    // didn't take is undone.\n    const [, rerender] = useReducer((n: number) => n + 1, 0);\n    const [refusals, setRefusals] = useState<Refusal[]>(noRefusals);\n    const [drag, setDrag] = useState<'over' | 'reject' | null>(null);\n    const [announcements, setAnnouncements] =\n      useState<Announcement[]>(noAnnouncements);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const listRef = useRef<HTMLUListElement>(null);\n    // Set while Dropzone dispatches the input's own events, so its change\n    // handler hands them on rather than reading them as a pick.\n    const dispatchingRef = useRef(false);\n    // The row a removal emptied, whose neighbour takes focus.\n    const removedRowRef = useRef<number | null>(null);\n    const announcedRef = useRef(0);\n    // What the input held when it was last clicked (Enter and Space click it\n    // too), which a pick adds to: by the time the pick's change arrives, the\n    // browser has replaced the input's files with the picked ones.\n    const pickBaseRef = useRef<File[] | null>(null);\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) {\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current =\n            node;\n        }\n      },\n      [ref]\n    );\n\n    const formatNumber = useNumberFormat();\n    const tokens = acceptTokens(accept);\n    const sizeText = (bytes: number) => formatFileSize(bytes, formatNumber);\n    const countText = (count: number) =>\n      formatNumber ? formatNumber(count) : String(count);\n\n    // The files a pick, drop or paste builds on, and a removal takes one from.\n    // Controlled, that's `files`. Uncontrolled, it's the input itself rather\n    // than the list: a script can rewrite the input through the ref, emptying\n    // it with `value = ''` or setting its `files`, and no event reports that,\n    // so the list catches up only at the next change. Where there's no\n    // DataTransfer to write the input with, the list is all there is.\n    const current = (): File[] =>\n      controlled || typeof DataTransfer !== 'function'\n        ? files\n        : Array.from((inputRef.current as HTMLInputElement).files as FileList);\n\n    const messageFor = (refusal: Refusal): string => {\n      const { file, code } = refusal;\n      if (rejectionMessage) return rejectionMessage({ file, code });\n      if (code === 'file-too-large') {\n        return `${file.name}: larger than ${sizeText(maxSize as number)}`;\n      }\n      if (code === 'too-many-files') {\n        const most = multiple ? (maxFiles as number) : 1;\n        return `${file.name}: only ${most === 1 ? 'one file' : `${countText(most)} files`}`;\n      }\n      return refusal.folder\n        ? `${file.name}: folders can't be added`\n        : `${file.name}: only ${orList(typeNames(tokens))} files`;\n    };\n\n    const announce = (texts: string[]) => {\n      if (texts.length === 0) return;\n      const batch = ++announcedRef.current;\n      setAnnouncements(texts.map((text, i) => ({ id: `${batch}-${i}`, text })));\n    };\n\n    /**\n     * Makes `next` the chosen files: writes them to the input, and when they\n     * differ from the list, dispatches the input's `input` and `change` and\n     * reports the new list.\n     */\n    const commit = (next: File[]) => {\n      pickBaseRef.current = null;\n      const input = inputRef.current as HTMLInputElement;\n      if (!sameFiles(input.files, next)) writeFiles(input, next);\n      if (sameFiles(files, next)) return;\n      if (controlled) rerender();\n      else setOwnFiles(next);\n      onFilesChange?.(next);\n      dispatchingRef.current = true;\n      try {\n        input.dispatchEvent(new Event('input', { bubbles: true }));\n        input.dispatchEvent(new Event('change', { bubbles: true }));\n      } finally {\n        dispatchingRef.current = false;\n      }\n    };\n\n    /** Checks the files a pick, drop or paste brings, and takes those that pass. */\n    const take = (incoming: Incoming[], base: File[] = current()) => {\n      const kept = multiple ? base : noFiles;\n      const room = multiple ? (maxFiles ?? Infinity) - kept.length : 1;\n      const added: File[] = [];\n      const refused: Refusal[] = [];\n      for (const { file, folder } of incoming) {\n        const code: DropzoneRejectionCode | null =\n          folder || !accepts(tokens, file.name, file.type)\n            ? 'file-invalid-type'\n            : maxSize !== undefined && file.size > maxSize\n              ? 'file-too-large'\n              : null;\n        if (code) {\n          refused.push({ file, code, folder });\n        } else if (\n          multiple &&\n          [...kept, ...added].some(f => sameFile(f, file))\n        ) {\n          // Already in the list: nothing to add, and nothing wrong.\n        } else if (added.length >= room) {\n          refused.push({ file, code: 'too-many-files', folder });\n        } else {\n          added.push(file);\n        }\n      }\n      setRefusals(refused.length > 0 ? refused : noRefusals);\n      if (refused.length > 0) {\n        onReject?.(refused.map(({ file, code }) => ({ file, code })));\n      }\n      commit(added.length > 0 ? [...kept, ...added] : base);\n      const addedText =\n        added.length === 0\n          ? []\n          : [\n              addedMessage\n                ? addedMessage(added)\n                : added.length === 1\n                  ? `${added[0].name} added`\n                  : `${countText(added.length)} files added`,\n            ];\n      announce([...addedText, ...refused.map(messageFor)]);\n    };\n\n    const remove = (index: number) => {\n      const file = files[index];\n      removedRowRef.current = index;\n      commit(current().filter(held => !sameFile(held, file)));\n      announce([\n        removedMessage ? removedMessage(file) : `${file.name} removed`,\n      ]);\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (dispatchingRef.current) {\n        onChange?.(event);\n        return;\n      }\n      // A pick: the browser has put the picked files in the input. They're\n      // added to what it held when it was clicked, or, for a picker opened\n      // with showPicker(), which clicks nothing, to the list. With none (a\n      // cancelled pick, in a browser that clears it), that stays.\n      const base = pickBaseRef.current ?? files;\n      const picked = Array.from(event.target.files ?? []);\n      if (picked.length === 0) commit(base);\n      else\n        take(\n          picked.map(file => ({ file, folder: false })),\n          base\n        );\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLInputElement>) => {\n      onClick?.(event);\n      pickBaseRef.current = current();\n    };\n\n    // While files are dragged over the input it's cancelled, which makes the\n    // input the drop target and keeps the browser's own drop from running.\n    // Disabled, it refuses the drop, so the browser doesn't open the file.\n    const handleDragOver = (event: React.DragEvent<HTMLInputElement>) => {\n      (event.type === 'dragenter' ? onDragEnter : onDragOver)?.(event);\n      if (!carriesFiles(event.dataTransfer)) return;\n      event.preventDefault();\n      if (disabled) {\n        event.dataTransfer.dropEffect = 'none';\n        return;\n      }\n      event.dataTransfer.dropEffect = 'copy';\n      // Only the dragged files' types can be read, so a file is known to be\n      // refused only when `accept` names no extension and its type is known.\n      const room = multiple ? (maxFiles ?? Infinity) - current().length : 1;\n      const types = Array.from(event.dataTransfer.items ?? [])\n        .filter(item => item.kind === 'file')\n        .map(item => item.type);\n      const refused =\n        room <= 0 ||\n        (types.length > 0 &&\n          tokens.length > 0 &&\n          !tokens.some(token => token[0] === '.') &&\n          types.every(type => type !== '' && !accepts(tokens, '', type)));\n      setDrag(refused ? 'reject' : 'over');\n    };\n\n    const handleDragLeave = (event: React.DragEvent<HTMLInputElement>) => {\n      onDragLeave?.(event);\n      setDrag(null);\n    };\n\n    const handleDrop = (event: React.DragEvent<HTMLInputElement>) => {\n      onDrop?.(event);\n      setDrag(null);\n      if (!carriesFiles(event.dataTransfer)) return;\n      event.preventDefault();\n      if (!disabled) take(incomingFrom(event.dataTransfer));\n    };\n\n    const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      onPaste?.(event);\n      if (!allowPaste || disabled) return;\n      const incoming = incomingFrom(event.clipboardData);\n      if (incoming.length === 0) return;\n      event.preventDefault();\n      take(incoming);\n    };\n\n    // A controlled list: the input follows `files`, and a change the app\n    // didn't take is undone.\n    useEffect(() => {\n      const input = inputRef.current;\n      if (controlled && input && !sameFiles(input.files, files)) {\n        writeFiles(input, files);\n      }\n    });\n\n    // After a removal, focus goes to the remove button that took the removed\n    // one's place, else the one before, else the input.\n    useEffect(() => {\n      const row = removedRowRef.current;\n      if (row === null) return;\n      removedRowRef.current = null;\n      const buttons = listRef.current?.querySelectorAll('button') ?? [];\n      const next = buttons[Math.min(row, buttons.length - 1)];\n      (next ?? inputRef.current)?.focus();\n    });\n\n    // A reset of the input's form empties the input, so the list and the\n    // refusals go too. The reset event fires before the form resets, and a\n    // listener after this one can still cancel it, so the list is cleared a\n    // task later, and only if the reset went ahead.\n    const latestRef = useRef({ files, controlled, onFilesChange });\n    useEffect(() => {\n      latestRef.current = { files, controlled, onFilesChange };\n    });\n    const formAttribute = props.form;\n    useEffect(() => {\n      const form = inputRef.current?.form;\n      if (!form) return undefined;\n      let timer: ReturnType<typeof setTimeout> | undefined;\n      const onReset = (event: Event) => {\n        timer = setTimeout(() => {\n          if (event.defaultPrevented) return;\n          const latest = latestRef.current;\n          pickBaseRef.current = null;\n          setRefusals(noRefusals);\n          if (latest.files.length === 0) return;\n          if (latest.controlled) rerender();\n          else setOwnFiles(noFiles);\n          latest.onFilesChange?.(noFiles);\n        });\n      };\n      form.addEventListener('reset', onReset);\n      return () => {\n        form.removeEventListener('reset', onReset);\n        clearTimeout(timer);\n      };\n    }, [formAttribute]);\n\n    // A file dropped just outside the zone would open in the tab. The guard\n    // cancels a file drag anywhere nothing else takes it, leaving alone\n    // enabled file inputs and editable fields, which take drops of their own,\n    // and drops something else already handled. It reads the event's real\n    // target, so a file input inside a shadow root is left alone too.\n    useEffect(() => {\n      if (!preventDocumentDrop) return undefined;\n      const guard = (event: DragEvent) => {\n        if (event.defaultPrevented || !carriesFiles(event.dataTransfer)) {\n          return;\n        }\n        const target = event.composedPath()[0];\n        if (\n          target instanceof Element &&\n          target.closest(\n            'input[type=\"file\"]:not(:disabled), textarea, [contenteditable]:not([contenteditable=\"false\"])'\n          )\n        ) {\n          return;\n        }\n        event.preventDefault();\n        if (event.type === 'dragover') event.dataTransfer.dropEffect = 'none';\n      };\n      document.addEventListener('dragover', guard);\n      document.addEventListener('drop', guard);\n      return () => {\n        document.removeEventListener('dragover', guard);\n        document.removeEventListener('drop', guard);\n      };\n    }, [preventDocumentDrop]);\n\n    const warnsMaxFiles = maxFiles !== undefined && !multiple;\n    useEffect(() => {\n      if (warnsMaxFiles) {\n        warnOnce(\n          'Dropzone:maxFiles-without-multiple',\n          '[bestax-bulma] <Dropzone maxFiles> takes effect only with ' +\n            'multiple. Without it, each new file replaces the one chosen.'\n        );\n      }\n    }, [warnsMaxFiles]);\n\n    const insideField = useInsideField();\n    const insideControl = useInsideControl();\n    const ownField = rendersOwnField('Dropzone', {\n      insideField,\n      insideControl,\n      label,\n      message,\n      horizontal,\n      fieldClassName,\n    });\n    const { controlId, fieldLabelProps } = useAutoLabelId({\n      label,\n      id: props.id,\n      labelProps,\n      rendersLabel: ownField,\n    });\n    const { classPrefix } = useConfig();\n    const pcn = (...args: Parameters<typeof classNames>) =>\n      prefixedClassNames(classPrefix, ...args);\n    // The input takes `controlId`, so `id` stays out of the spread, where an\n    // undefined `id` key would wipe the id the label points at.\n    const { id: _id, ...inputProps } = props;\n    const { bulmaHelperClasses, rest } = useBulmaClasses(inputProps);\n\n    const baseId = useId();\n    const hintId = `${baseId}-hint`;\n    const refusalsId = `${baseId}-refusals`;\n    const messageId = `${baseId}-message`;\n    const describedBy =\n      [\n        ariaDescribedBy,\n        hint ? hintId : undefined,\n        refusals.length > 0 ? refusalsId : undefined,\n        message ? messageId : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const rootClass = usePrefixedClassNames('dropzone', {\n      'is-dragover': drag === 'over',\n      'is-drag-reject': drag === 'reject',\n      'is-disabled': disabled,\n    });\n    const zoneClass = usePrefixedClassNames(\n      'file',\n      'is-boxed',\n      'is-fullwidth',\n      {\n        [`is-${color}`]: !!color,\n        [`is-${size}`]: !!size,\n      }\n    );\n    const helpClass = usePrefixedClassNames('help', {\n      [`is-${messageColor}`]: !!messageColor,\n    });\n\n    // Each row's key, from the file's details, which the list keeps unique.\n    const seen = new Map<string, number>();\n    const keyOf = (file: File) => {\n      const key = `${file.name}:${file.size}:${file.lastModified}`;\n      const count = seen.get(key) ?? 0;\n      seen.set(key, count + 1);\n      return count === 0 ? key : `${key}:${count}`;\n    };\n\n    const dropzoneElement = (\n      <div className={classNames(rootClass, bulmaHelperClasses, className)}>\n        <div className={zoneClass}>\n          <label className={pcn('file-label')}>\n            <input\n              {...rest}\n              ref={setInputRef}\n              className={pcn('file-input')}\n              type=\"file\"\n              id={controlId}\n              accept={accept}\n              multiple={multiple}\n              disabled={disabled}\n              aria-describedby={describedBy}\n              onChange={handleChange}\n              onClick={handleClick}\n              onDragEnter={handleDragOver}\n              onDragOver={handleDragOver}\n              onDragLeave={handleDragLeave}\n              onDrop={handleDrop}\n              onPaste={handlePaste}\n            />\n            <span className={pcn('file-cta')}>\n              {icon && <span className={pcn('file-icon')}>{icon}</span>}\n              <span className={pcn('file-label')}>\n                {buttonLabel ||\n                  (multiple ? 'Choose or drop files' : 'Choose or drop a file')}\n              </span>\n            </span>\n          </label>\n        </div>\n        {hint && (\n          <p id={hintId} className={pcn('help', 'dropzone-hint')}>\n            {hint}\n          </p>\n        )}\n        {showFileList && files.length > 0 && (\n          <ul ref={listRef} className={pcn('dropzone-list')}>\n            {files.map((file, index) => (\n              <li key={keyOf(file)} className={pcn('dropzone-item')}>\n                <span className={pcn('dropzone-name')}>{file.name}</span>\n                <span className={pcn('dropzone-size')}>\n                  {sizeText(file.size)}\n                </span>\n                {!disabled && (\n                  <Delete\n                    size=\"small\"\n                    ariaLabel={\n                      removeLabel ? removeLabel(file) : `Remove ${file.name}`\n                    }\n                    onClick={() => remove(index)}\n                  />\n                )}\n              </li>\n            ))}\n          </ul>\n        )}\n        {refusals.length > 0 && (\n          <div id={refusalsId} className={pcn('dropzone-rejections')}>\n            {refusals.map((refusal, index) => (\n              <p key={index} className={pcn('help', 'is-danger')}>\n                {messageFor(refusal)}\n              </p>\n            ))}\n          </div>\n        )}\n        <StatusRegion items={announcements} describe={describeAnnouncement} />\n      </div>\n    );\n\n    const messageEl = message ? (\n      <p id={messageId} className={helpClass}>\n        {message}\n      </p>\n    ) : null;\n\n    if (ownField) {\n      return (\n        <Field\n          label={label}\n          labelSize={labelSize}\n          labelProps={fieldLabelProps}\n          horizontal={horizontal}\n          className={fieldClassName}\n        >\n          {dropzoneElement}\n          {messageEl}\n        </Field>\n      );\n    }\n\n    return (\n      <>\n        {dropzoneElement}\n        {messageEl}\n      </>\n    );\n  }\n);\n\nDropzone.displayName = 'Dropzone';\n\nexport default Dropzone;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}