react-dnd
Version:
Drag and Drop for React
22 lines (21 loc) • 995 B
JavaScript
import { useCollectedProps } from '../useCollectedProps.js';
import { useOptionalFactory } from '../useOptionalFactory.js';
import { useConnectDropTarget } from './connectors.js';
import { useDropTargetConnector } from './useDropTargetConnector.js';
import { useDropTargetMonitor } from './useDropTargetMonitor.js';
import { useRegisteredDropTarget } from './useRegisteredDropTarget.js';
/**
* useDropTarget Hook
* @param spec The drop target specification (object or function, function preferred)
* @param deps The memoization deps array to use when evaluating spec changes
*/ export function useDrop(specArg, deps) {
const spec = useOptionalFactory(specArg, deps);
const monitor = useDropTargetMonitor();
const connector = useDropTargetConnector(spec.options);
useRegisteredDropTarget(spec, monitor, connector);
return [
useCollectedProps(spec.collect, monitor, connector),
useConnectDropTarget(connector),
];
}
//# sourceMappingURL=useDrop.js.map