planning

node_modules/react-dnd/dist/esm/hooks/index.js

@@ -0,0 +1,5 @@
+export * from './useDrag';
+export * from './useDrop';
+export * from './useDragLayer';
+export * from './useDragDropManager';
+export * from './types';

node_modules/react-dnd/dist/esm/hooks/types.js

@@ -0,0 +1 @@
+export {};

node_modules/react-dnd/dist/esm/hooks/useCollectedProps.js

@@ -0,0 +1,8 @@
+import { useMonitorOutput } from './useMonitorOutput';
+export function useCollectedProps(collector, monitor, connector) {
+  return useMonitorOutput(monitor, collector || function () {
+    return {};
+  }, function () {
+    return connector.reconnect();
+  });
+}

node_modules/react-dnd/dist/esm/hooks/useCollector.js

@@ -0,0 +1,48 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import equal from 'fast-deep-equal';
+import { useState, useCallback } from 'react';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+/**
+ *
+ * @param monitor The monitor to collect state from
+ * @param collect The collecting function
+ * @param onUpdate A method to invoke when updates occur
+ */
+
+export function useCollector(monitor, collect, onUpdate) {
+  var _useState = useState(function () {
+    return collect(monitor);
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      collected = _useState2[0],
+      setCollected = _useState2[1];
+
+  var updateCollected = useCallback(function () {
+    var nextValue = collect(monitor); // This needs to be a deep-equality check because some monitor-collected values
+    // include XYCoord objects that may be equivalent, but do not have instance equality.
+
+    if (!equal(collected, nextValue)) {
+      setCollected(nextValue);
+
+      if (onUpdate) {
+        onUpdate();
+      }
+    }
+  }, [collected, monitor, onUpdate]); // update the collected properties after react renders.
+  // Note that the "Dustbin Stress Test" fails if this is not
+  // done when the component updates
+
+  useIsomorphicLayoutEffect(updateCollected);
+  return [collected, updateCollected];
+}

node_modules/react-dnd/dist/esm/hooks/useDrag/DragSourceImpl.js

@@ -0,0 +1,84 @@
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export var DragSourceImpl = /*#__PURE__*/function () {
+  function DragSourceImpl(spec, monitor, connector) {
+    _classCallCheck(this, DragSourceImpl);
+
+    _defineProperty(this, "spec", void 0);
+
+    _defineProperty(this, "monitor", void 0);
+
+    _defineProperty(this, "connector", void 0);
+
+    this.spec = spec;
+    this.monitor = monitor;
+    this.connector = connector;
+  }
+
+  _createClass(DragSourceImpl, [{
+    key: "beginDrag",
+    value: function beginDrag() {
+      var _result;
+
+      var spec = this.spec;
+      var monitor = this.monitor;
+      var result = null;
+
+      if (_typeof(spec.item) === 'object') {
+        result = spec.item;
+      } else if (typeof spec.item === 'function') {
+        result = spec.item(monitor);
+      } else {
+        result = {};
+      }
+
+      return (_result = result) !== null && _result !== void 0 ? _result : null;
+    }
+  }, {
+    key: "canDrag",
+    value: function canDrag() {
+      var spec = this.spec;
+      var monitor = this.monitor;
+
+      if (typeof spec.canDrag === 'boolean') {
+        return spec.canDrag;
+      } else if (typeof spec.canDrag === 'function') {
+        return spec.canDrag(monitor);
+      } else {
+        return true;
+      }
+    }
+  }, {
+    key: "isDragging",
+    value: function isDragging(globalMonitor, target) {
+      var spec = this.spec;
+      var monitor = this.monitor;
+      var isDragging = spec.isDragging;
+      return isDragging ? isDragging(monitor) : target === globalMonitor.getSourceId();
+    }
+  }, {
+    key: "endDrag",
+    value: function endDrag() {
+      var spec = this.spec;
+      var monitor = this.monitor;
+      var connector = this.connector;
+      var end = spec.end;
+
+      if (end) {
+        end(monitor.getItem(), monitor);
+      }
+
+      connector.reconnect();
+    }
+  }]);
+
+  return DragSourceImpl;
+}();

node_modules/react-dnd/dist/esm/hooks/useDrag/connectors.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+export function useConnectDragSource(connector) {
+  return useMemo(function () {
+    return connector.hooks.dragSource();
+  }, [connector]);
+}
+export function useConnectDragPreview(connector) {
+  return useMemo(function () {
+    return connector.hooks.dragPreview();
+  }, [connector]);
+}

node_modules/react-dnd/dist/esm/hooks/useDrag/index.js

@@ -0,0 +1 @@
+export * from './useDrag';

node_modules/react-dnd/dist/esm/hooks/useDrag/useDrag.js

@@ -0,0 +1,21 @@
+import { useRegisteredDragSource } from './useRegisteredDragSource';
+import { useOptionalFactory } from '../useOptionalFactory';
+import { useDragSourceMonitor } from './useDragSourceMonitor';
+import { useDragSourceConnector } from './useDragSourceConnector';
+import { useCollectedProps } from '../useCollectedProps';
+import { useConnectDragPreview, useConnectDragSource } from './connectors';
+import { invariant } from '@react-dnd/invariant';
+/**
+ * useDragSource hook
+ * @param sourceSpec The drag source specification (object or function, function preferred)
+ * @param deps The memoization deps array to use when evaluating spec changes
+ */
+
+export function useDrag(specArg, deps) {
+  var spec = useOptionalFactory(specArg, deps);
+  invariant(!spec.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
+  var monitor = useDragSourceMonitor();
+  var connector = useDragSourceConnector(spec.options, spec.previewOptions);
+  useRegisteredDragSource(spec, monitor, connector);
+  return [useCollectedProps(spec.collect, monitor, connector), useConnectDragSource(connector), useConnectDragPreview(connector)];
+}

node_modules/react-dnd/dist/esm/hooks/useDrag/useDragSource.js

@@ -0,0 +1,11 @@
+import { useEffect, useMemo } from 'react';
+import { DragSourceImpl } from './DragSourceImpl';
+export function useDragSource(spec, monitor, connector) {
+  var handler = useMemo(function () {
+    return new DragSourceImpl(spec, monitor, connector);
+  }, [monitor, connector]);
+  useEffect(function () {
+    handler.spec = spec;
+  }, [spec]);
+  return handler;
+}

node_modules/react-dnd/dist/esm/hooks/useDrag/useDragSourceConnector.js

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

node_modules/react-dnd/dist/esm/hooks/useDrag/useDragSourceMonitor.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+import { DragSourceMonitorImpl } from '../../internals';
+import { useDragDropManager } from '../useDragDropManager';
+export function useDragSourceMonitor() {
+  var manager = useDragDropManager();
+  return useMemo(function () {
+    return new DragSourceMonitorImpl(manager);
+  }, [manager]);
+}

node_modules/react-dnd/dist/esm/hooks/useDrag/useDragType.js

@@ -0,0 +1,9 @@
+import { invariant } from '@react-dnd/invariant';
+import { useMemo } from 'react';
+export function useDragType(spec) {
+  return useMemo(function () {
+    var result = spec.type;
+    invariant(result != null, 'spec.type must be defined');
+    return result;
+  }, [spec]);
+}

node_modules/react-dnd/dist/esm/hooks/useDrag/useRegisteredDragSource.js

@@ -0,0 +1,34 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { registerSource } from '../../internals';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
+import { useDragSource } from './useDragSource';
+import { useDragDropManager } from '../useDragDropManager';
+import { useDragType } from './useDragType';
+export function useRegisteredDragSource(spec, monitor, connector) {
+  var manager = useDragDropManager();
+  var handler = useDragSource(spec, monitor, connector);
+  var itemType = useDragType(spec);
+  useIsomorphicLayoutEffect(function registerDragSource() {
+    if (itemType != null) {
+      var _registerSource = registerSource(itemType, handler, manager),
+          _registerSource2 = _slicedToArray(_registerSource, 2),
+          handlerId = _registerSource2[0],
+          unregister = _registerSource2[1];
+
+      monitor.receiveHandlerId(handlerId);
+      connector.receiveHandlerId(handlerId);
+      return unregister;
+    }
+  }, [manager, monitor, connector, handler, itemType]);
+}

node_modules/react-dnd/dist/esm/hooks/useDragDropManager.js

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import { invariant } from '@react-dnd/invariant';
+import { DndContext } from '../core';
+/**
+ * A hook to retrieve the DragDropManager from Context
+ */
+
+export function useDragDropManager() {
+  var _useContext = useContext(DndContext),
+      dragDropManager = _useContext.dragDropManager;
+
+  invariant(dragDropManager != null, 'Expected drag drop context');
+  return dragDropManager;
+}

node_modules/react-dnd/dist/esm/hooks/useDragLayer.js

@@ -0,0 +1,37 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useEffect } from 'react';
+import { useDragDropManager } from './useDragDropManager';
+import { useCollector } from './useCollector';
+/**
+ * useDragLayer Hook
+ * @param collector The property collector
+ */
+
+export function useDragLayer(collect) {
+  var dragDropManager = useDragDropManager();
+  var monitor = dragDropManager.getMonitor();
+
+  var _useCollector = useCollector(monitor, collect),
+      _useCollector2 = _slicedToArray(_useCollector, 2),
+      collected = _useCollector2[0],
+      updateCollected = _useCollector2[1];
+
+  useEffect(function () {
+    return monitor.subscribeToOffsetChange(updateCollected);
+  });
+  useEffect(function () {
+    return monitor.subscribeToStateChange(updateCollected);
+  });
+  return collected;
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/DropTargetImpl.js

@@ -0,0 +1,51 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export var DropTargetImpl = /*#__PURE__*/function () {
+  function DropTargetImpl(spec, monitor) {
+    _classCallCheck(this, DropTargetImpl);
+
+    _defineProperty(this, "spec", void 0);
+
+    _defineProperty(this, "monitor", void 0);
+
+    this.spec = spec;
+    this.monitor = monitor;
+  }
+
+  _createClass(DropTargetImpl, [{
+    key: "canDrop",
+    value: function canDrop() {
+      var spec = this.spec;
+      var monitor = this.monitor;
+      return spec.canDrop ? spec.canDrop(monitor.getItem(), monitor) : true;
+    }
+  }, {
+    key: "hover",
+    value: function hover() {
+      var spec = this.spec;
+      var monitor = this.monitor;
+
+      if (spec.hover) {
+        spec.hover(monitor.getItem(), monitor);
+      }
+    }
+  }, {
+    key: "drop",
+    value: function drop() {
+      var spec = this.spec;
+      var monitor = this.monitor;
+
+      if (spec.drop) {
+        return spec.drop(monitor.getItem(), monitor);
+      }
+    }
+  }]);
+
+  return DropTargetImpl;
+}();

node_modules/react-dnd/dist/esm/hooks/useDrop/connectors.js

@@ -0,0 +1,6 @@
+import { useMemo } from 'react';
+export function useConnectDropTarget(connector) {
+  return useMemo(function () {
+    return connector.hooks.dropTarget();
+  }, [connector]);
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/index.js

@@ -0,0 +1 @@
+export * from './useDrop';

node_modules/react-dnd/dist/esm/hooks/useDrop/useAccept.js

@@ -0,0 +1,15 @@
+import { invariant } from '@react-dnd/invariant';
+import { useMemo } from 'react';
+/**
+ * Internal utility hook to get an array-version of spec.accept.
+ * The main utility here is that we aren't creating a new array on every render if a non-array spec.accept is passed in.
+ * @param spec
+ */
+
+export function useAccept(spec) {
+  var accept = spec.accept;
+  return useMemo(function () {
+    invariant(spec.accept != null, 'accept must be defined');
+    return Array.isArray(accept) ? accept : [accept];
+  }, [accept]);
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/useDrop.js

@@ -0,0 +1,19 @@
+import { useRegisteredDropTarget } from './useRegisteredDropTarget';
+import { useOptionalFactory } from '../useOptionalFactory';
+import { useDropTargetMonitor } from './useDropTargetMonitor';
+import { useDropTargetConnector } from './useDropTargetConnector';
+import { useCollectedProps } from '../useCollectedProps';
+import { useConnectDropTarget } from './connectors';
+/**
+ * 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) {
+  var spec = useOptionalFactory(specArg, deps);
+  var monitor = useDropTargetMonitor();
+  var connector = useDropTargetConnector(spec.options);
+  useRegisteredDropTarget(spec, monitor, connector);
+  return [useCollectedProps(spec.collect, monitor, connector), useConnectDropTarget(connector)];
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/useDropTarget.js

@@ -0,0 +1,11 @@
+import { useEffect, useMemo } from 'react';
+import { DropTargetImpl } from './DropTargetImpl';
+export function useDropTarget(spec, monitor) {
+  var dropTarget = useMemo(function () {
+    return new DropTargetImpl(spec, monitor);
+  }, [monitor]);
+  useEffect(function () {
+    dropTarget.spec = spec;
+  }, [spec]);
+  return dropTarget;
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/useDropTargetConnector.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import { TargetConnector } from '../../internals';
+import { useDragDropManager } from '../useDragDropManager';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
+export function useDropTargetConnector(options) {
+  var manager = useDragDropManager();
+  var connector = useMemo(function () {
+    return new TargetConnector(manager.getBackend());
+  }, [manager]);
+  useIsomorphicLayoutEffect(function () {
+    connector.dropTargetOptions = options || null;
+    connector.reconnect();
+    return function () {
+      return connector.disconnectDropTarget();
+    };
+  }, [options]);
+  return connector;
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/useDropTargetMonitor.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+import { DropTargetMonitorImpl } from '../../internals';
+import { useDragDropManager } from '../useDragDropManager';
+export function useDropTargetMonitor() {
+  var manager = useDragDropManager();
+  return useMemo(function () {
+    return new DropTargetMonitorImpl(manager);
+  }, [manager]);
+}

node_modules/react-dnd/dist/esm/hooks/useDrop/useRegisteredDropTarget.js

@@ -0,0 +1,34 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { registerTarget } from '../../internals';
+import { useDragDropManager } from '../useDragDropManager';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
+import { useAccept } from './useAccept';
+import { useDropTarget } from './useDropTarget';
+export function useRegisteredDropTarget(spec, monitor, connector) {
+  var manager = useDragDropManager();
+  var dropTarget = useDropTarget(spec, monitor);
+  var accept = useAccept(spec);
+  useIsomorphicLayoutEffect(function registerDropTarget() {
+    var _registerTarget = registerTarget(accept, dropTarget, manager),
+        _registerTarget2 = _slicedToArray(_registerTarget, 2),
+        handlerId = _registerTarget2[0],
+        unregister = _registerTarget2[1];
+
+    monitor.receiveHandlerId(handlerId);
+    connector.receiveHandlerId(handlerId);
+    return unregister;
+  }, [manager, monitor, dropTarget, connector, accept.map(function (a) {
+    return a.toString();
+  }).join('|')]);
+}

node_modules/react-dnd/dist/esm/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,3 @@
+import { useLayoutEffect, useEffect } from 'react'; // suppress the useLayoutEffect warning on server side.
+
+export var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;

node_modules/react-dnd/dist/esm/hooks/useMonitorOutput.js

@@ -0,0 +1,33 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+import { useCollector } from './useCollector';
+export function useMonitorOutput(monitor, collect, onCollect) {
+  var _useCollector = useCollector(monitor, collect, onCollect),
+      _useCollector2 = _slicedToArray(_useCollector, 2),
+      collected = _useCollector2[0],
+      updateCollected = _useCollector2[1];
+
+  useIsomorphicLayoutEffect(function subscribeToMonitorStateChange() {
+    var handlerId = monitor.getHandlerId();
+
+    if (handlerId == null) {
+      return;
+    }
+
+    return monitor.subscribeToStateChange(updateCollected, {
+      handlerIds: [handlerId]
+    });
+  }, [monitor, updateCollected]);
+  return collected;
+}

node_modules/react-dnd/dist/esm/hooks/useOptionalFactory.js

@@ -0,0 +1,24 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import { useMemo } from 'react';
+export function useOptionalFactory(arg, deps) {
+  var memoDeps = _toConsumableArray(deps || []);
+
+  if (deps == null && typeof arg !== 'function') {
+    memoDeps.push(arg);
+  }
+
+  return useMemo(function () {
+    return typeof arg === 'function' ? arg() : arg;
+  }, memoDeps);
+}