planning

node_modules/react-dnd/lib/hooks/useDrag/useDragSourceConnector.js

@@ -0,0 +1,19 @@
+import { useMemo } from 'react';
+import { SourceConnector } from '../../internals';
+import { useDragDropManager } from '../useDragDropManager';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
+export function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
+    const manager = useDragDropManager();
+    const connector = useMemo(() => new SourceConnector(manager.getBackend()), [manager]);
+    useIsomorphicLayoutEffect(() => {
+        connector.dragSourceOptions = dragSourceOptions || null;
+        connector.reconnect();
+        return () => connector.disconnectDragSource();
+    }, [connector, dragSourceOptions]);
+    useIsomorphicLayoutEffect(() => {
+        connector.dragPreviewOptions = dragPreviewOptions || null;
+        connector.reconnect();
+        return () => connector.disconnectDragPreview();
+    }, [connector, dragPreviewOptions]);
+    return connector;
+}