@kwiz/fluentui/dist/helpers/drag-drop/use-droppable.js

KWIZ common controls for FluentUI

import { useDrop } from 'react-dnd';
export function useDroppable(props) {
    const { acceptTypes, onItemDrop, onHover, onDrop, } = props || {
        acceptTypes: [],
        onItemDrop: () => { }
    };
    const [{ canDrop, isOver }, dropRef] = useDrop({
        accept: acceptTypes,
        drop: (item) => {
            onItemDrop(item);
            onDrop === null || onDrop === void 0 ? void 0 : onDrop();
        },
        hover: (item) => {
            onHover === null || onHover === void 0 ? void 0 : onHover(item);
        },
        collect: (monitor) => ({
            canDrop: monitor.canDrop(),
            isOver: monitor.isOver(),
        }),
    });
    return {
        canDrop,
        isOver,
        dropRef,
    };
}
//# sourceMappingURL=use-droppable.js.map