planning

node_modules/react-dnd/lib/internals/SourceConnector.js

@@ -0,0 +1,165 @@
+import { wrapConnectorHooks } from './wrapConnectorHooks';
+import { isRef } from './isRef';
+import { shallowEqual } from '@react-dnd/shallowequal';
+export class SourceConnector {
+    hooks = wrapConnectorHooks({
+        dragSource: (node, options) => {
+            this.clearDragSource();
+            this.dragSourceOptions = options || null;
+            if (isRef(node)) {
+                this.dragSourceRef = node;
+            }
+            else {
+                this.dragSourceNode = node;
+            }
+            this.reconnectDragSource();
+        },
+        dragPreview: (node, options) => {
+            this.clearDragPreview();
+            this.dragPreviewOptions = options || null;
+            if (isRef(node)) {
+                this.dragPreviewRef = node;
+            }
+            else {
+                this.dragPreviewNode = node;
+            }
+            this.reconnectDragPreview();
+        },
+    });
+    handlerId = null;
+    // The drop target may either be attached via ref or connect function
+    dragSourceRef = null;
+    dragSourceNode;
+    dragSourceOptionsInternal = null;
+    dragSourceUnsubscribe;
+    // The drag preview may either be attached via ref or connect function
+    dragPreviewRef = null;
+    dragPreviewNode;
+    dragPreviewOptionsInternal = null;
+    dragPreviewUnsubscribe;
+    lastConnectedHandlerId = null;
+    lastConnectedDragSource = null;
+    lastConnectedDragSourceOptions = null;
+    lastConnectedDragPreview = null;
+    lastConnectedDragPreviewOptions = null;
+    backend;
+    constructor(backend) {
+        this.backend = backend;
+    }
+    receiveHandlerId(newHandlerId) {
+        if (this.handlerId === newHandlerId) {
+            return;
+        }
+        this.handlerId = newHandlerId;
+        this.reconnect();
+    }
+    get connectTarget() {
+        return this.dragSource;
+    }
+    get dragSourceOptions() {
+        return this.dragSourceOptionsInternal;
+    }
+    set dragSourceOptions(options) {
+        this.dragSourceOptionsInternal = options;
+    }
+    get dragPreviewOptions() {
+        return this.dragPreviewOptionsInternal;
+    }
+    set dragPreviewOptions(options) {
+        this.dragPreviewOptionsInternal = options;
+    }
+    reconnect() {
+        this.reconnectDragSource();
+        this.reconnectDragPreview();
+    }
+    reconnectDragSource() {
+        const dragSource = this.dragSource;
+        // if nothing has changed then don't resubscribe
+        const didChange = this.didHandlerIdChange() ||
+            this.didConnectedDragSourceChange() ||
+            this.didDragSourceOptionsChange();
+        if (didChange) {
+            this.disconnectDragSource();
+        }
+        if (!this.handlerId) {
+            return;
+        }
+        if (!dragSource) {
+            this.lastConnectedDragSource = dragSource;
+            return;
+        }
+        if (didChange) {
+            this.lastConnectedHandlerId = this.handlerId;
+            this.lastConnectedDragSource = dragSource;
+            this.lastConnectedDragSourceOptions = this.dragSourceOptions;
+            this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, dragSource, this.dragSourceOptions);
+        }
+    }
+    reconnectDragPreview() {
+        const dragPreview = this.dragPreview;
+        // if nothing has changed then don't resubscribe
+        const didChange = this.didHandlerIdChange() ||
+            this.didConnectedDragPreviewChange() ||
+            this.didDragPreviewOptionsChange();
+        if (didChange) {
+            this.disconnectDragPreview();
+        }
+        if (!this.handlerId) {
+            return;
+        }
+        if (!dragPreview) {
+            this.lastConnectedDragPreview = dragPreview;
+            return;
+        }
+        if (didChange) {
+            this.lastConnectedHandlerId = this.handlerId;
+            this.lastConnectedDragPreview = dragPreview;
+            this.lastConnectedDragPreviewOptions = this.dragPreviewOptions;
+            this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, dragPreview, this.dragPreviewOptions);
+        }
+    }
+    didHandlerIdChange() {
+        return this.lastConnectedHandlerId !== this.handlerId;
+    }
+    didConnectedDragSourceChange() {
+        return this.lastConnectedDragSource !== this.dragSource;
+    }
+    didConnectedDragPreviewChange() {
+        return this.lastConnectedDragPreview !== this.dragPreview;
+    }
+    didDragSourceOptionsChange() {
+        return !shallowEqual(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
+    }
+    didDragPreviewOptionsChange() {
+        return !shallowEqual(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
+    }
+    disconnectDragSource() {
+        if (this.dragSourceUnsubscribe) {
+            this.dragSourceUnsubscribe();
+            this.dragSourceUnsubscribe = undefined;
+        }
+    }
+    disconnectDragPreview() {
+        if (this.dragPreviewUnsubscribe) {
+            this.dragPreviewUnsubscribe();
+            this.dragPreviewUnsubscribe = undefined;
+            this.dragPreviewNode = null;
+            this.dragPreviewRef = null;
+        }
+    }
+    get dragSource() {
+        return (this.dragSourceNode || (this.dragSourceRef && this.dragSourceRef.current));
+    }
+    get dragPreview() {
+        return (this.dragPreviewNode ||
+            (this.dragPreviewRef && this.dragPreviewRef.current));
+    }
+    clearDragSource() {
+        this.dragSourceNode = null;
+        this.dragSourceRef = null;
+    }
+    clearDragPreview() {
+        this.dragPreviewNode = null;
+        this.dragPreviewRef = null;
+    }
+}