@navikt/ds-react/cjs/form/file-upload/parts/dropzone/useDropzone.js

React components from the Norwegian Labour and Welfare Administration.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDropzone = void 0;
const react_1 = require("react");
const useDropzone = ({ upload, disabled }) => {
    const [isDraggingOver, setIsDraggingOver] = (0, react_1.useState)(false);
    const onDragEnter = () => {
        setIsDraggingOver(true);
    };
    const onDragOver = (event) => {
        event.preventDefault(); // Prevents the browser from opening the file in a new tab
    };
    const onDragLeave = () => {
        setIsDraggingOver(false);
    };
    const onDrop = (event) => {
        event.preventDefault(); // Prevents the browser from opening the file in a new tab
        setIsDraggingOver(false);
        const fileList = event.dataTransfer.files;
        if (!fileList) {
            return;
        }
        upload(fileList);
    };
    return {
        isDraggingOver,
        onDragEnter: disabled ? undefined : onDragEnter,
        onDragOver: disabled ? undefined : onDragOver,
        onDragLeave: disabled ? undefined : onDragLeave,
        onDrop: disabled ? undefined : onDrop,
    };
};
exports.useDropzone = useDropzone;
//# sourceMappingURL=useDropzone.js.map