/* * Copyright 2025 Commonwealth Scientific and Industrial Research * Organisation (CSIRO) ABN 41 687 119 230. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import type { ConnectDropTarget, DropTargetMonitor } from 'react-dnd'; import { useDrop } from 'react-dnd'; import { NativeTypes } from 'react-dnd-html5-backend'; interface UseFileDrop { canDrop: boolean; isOver: boolean; dropTarget: ConnectDropTarget; } function UseFileDrop(onDrop: (item: { files: any[] }) => void): UseFileDrop { const [{ canDrop, isOver }, drop] = useDrop( () => ({ accept: [NativeTypes.FILE], drop(item: { files: any[] }) { if (onDrop) { onDrop(item); } }, canDrop() { return true; }, collect: (monitor: DropTargetMonitor) => { return { isOver: monitor.isOver(), canDrop: monitor.canDrop() }; } }), [onDrop] ); return { canDrop, isOver, dropTarget: drop }; } export default UseFileDrop;