@boxcustodia/library 0.1.4 → 0.2.1

package/dist/index.es801.js

@@ -1,103 +1,173 @@
-import { invariant as o } from "./index.es768.js";
-function l(t, e) {
-  if (!(t instanceof e))
+import { invariant as f } from "./index.es767.js";
+import { matchesType as c } from "./index.es817.js";
+import { getSourceClientOffset as v, getDifferenceFromInitialOffset as y } from "./index.es818.js";
+import { areDirty as p } from "./index.es819.js";
+function S(i, t) {
+  if (!(i instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function u(t, e) {
-  for (var n = 0; n < e.length; n++) {
-    var i = e[n];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
+function m(i, t) {
+  for (var e = 0; e < t.length; e++) {
+    var r = t[e];
+    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(i, r.key, r);
   }
 }
-function f(t, e, n) {
-  return e && u(t.prototype, e), t;
+function O(i, t, e) {
+  return t && m(i.prototype, t), i;
 }
-function a(t, e, n) {
-  return e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+function h(i, t, e) {
+  return t in i ? Object.defineProperty(i, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = e, i;
 }
-var r = !1, c = /* @__PURE__ */ function() {
-  function t(e) {
-    l(this, t), a(this, "internalMonitor", void 0), a(this, "targetId", null), this.internalMonitor = e.getMonitor();
+var C = /* @__PURE__ */ function() {
+  function i(t, e) {
+    S(this, i), h(this, "store", void 0), h(this, "registry", void 0), this.store = t, this.registry = e;
   }
-  return f(t, [{
-    key: "receiveHandlerId",
-    value: function(n) {
-      this.targetId = n;
+  return O(i, [{
+    key: "subscribeToStateChange",
+    value: function(e) {
+      var r = this, a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+        handlerIds: void 0
+      }, n = a.handlerIds;
+      f(typeof e == "function", "listener must be a function."), f(typeof n > "u" || Array.isArray(n), "handlerIds, when specified, must be an array of strings.");
+      var u = this.store.getState().stateId, s = function() {
+        var l = r.store.getState(), o = l.stateId;
+        try {
+          var d = o === u || o === u + 1 && !p(l.dirtyHandlerIds, n);
+          d || e();
+        } finally {
+          u = o;
+        }
+      };
+      return this.store.subscribe(s);
     }
   }, {
-    key: "getHandlerId",
-    value: function() {
-      return this.targetId;
+    key: "subscribeToOffsetChange",
+    value: function(e) {
+      var r = this;
+      f(typeof e == "function", "listener must be a function.");
+      var a = this.store.getState().dragOffset, n = function() {
+        var s = r.store.getState().dragOffset;
+        s !== a && (a = s, e());
+      };
+      return this.store.subscribe(n);
     }
   }, {
-    key: "subscribeToStateChange",
-    value: function(n, i) {
-      return this.internalMonitor.subscribeToStateChange(n, i);
+    key: "canDragSource",
+    value: function(e) {
+      if (!e)
+        return !1;
+      var r = this.registry.getSource(e);
+      return f(r, "Expected to find a valid source. sourceId=".concat(e)), this.isDragging() ? !1 : r.canDrag(this, e);
+    }
+  }, {
+    key: "canDropOnTarget",
+    value: function(e) {
+      if (!e)
+        return !1;
+      var r = this.registry.getTarget(e);
+      if (f(r, "Expected to find a valid target. targetId=".concat(e)), !this.isDragging() || this.didDrop())
+        return !1;
+      var a = this.registry.getTargetType(e), n = this.getItemType();
+      return c(a, n) && r.canDrop(this, e);
     }
   }, {
-    key: "canDrop",
+    key: "isDragging",
     value: function() {
-      if (!this.targetId)
+      return !!this.getItemType();
+    }
+  }, {
+    key: "isDraggingSource",
+    value: function(e) {
+      if (!e)
+        return !1;
+      var r = this.registry.getSource(e, !0);
+      if (f(r, "Expected to find a valid source. sourceId=".concat(e)), !this.isDragging() || !this.isSourcePublic())
         return !1;
-      o(!r, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
-      try {
-        return r = !0, this.internalMonitor.canDropOnTarget(this.targetId);
-      } finally {
-        r = !1;
-      }
+      var a = this.registry.getSourceType(e), n = this.getItemType();
+      return a !== n ? !1 : r.isDragging(this, e);
     }
   }, {
-    key: "isOver",
-    value: function(n) {
-      return this.targetId ? this.internalMonitor.isOverTarget(this.targetId, n) : !1;
+    key: "isOverTarget",
+    value: function(e) {
+      var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+        shallow: !1
+      };
+      if (!e)
+        return !1;
+      var a = r.shallow;
+      if (!this.isDragging())
+        return !1;
+      var n = this.registry.getTargetType(e), u = this.getItemType();
+      if (u && !c(n, u))
+        return !1;
+      var s = this.getTargetIds();
+      if (!s.length)
+        return !1;
+      var g = s.indexOf(e);
+      return a ? g === s.length - 1 : g > -1;
     }
   }, {
     key: "getItemType",
     value: function() {
-      return this.internalMonitor.getItemType();
+      return this.store.getState().dragOperation.itemType;
     }
   }, {
     key: "getItem",
     value: function() {
-      return this.internalMonitor.getItem();
+      return this.store.getState().dragOperation.item;
+    }
+  }, {
+    key: "getSourceId",
+    value: function() {
+      return this.store.getState().dragOperation.sourceId;
+    }
+  }, {
+    key: "getTargetIds",
+    value: function() {
+      return this.store.getState().dragOperation.targetIds;
     }
   }, {
     key: "getDropResult",
     value: function() {
-      return this.internalMonitor.getDropResult();
+      return this.store.getState().dragOperation.dropResult;
     }
   }, {
     key: "didDrop",
     value: function() {
-      return this.internalMonitor.didDrop();
+      return this.store.getState().dragOperation.didDrop;
+    }
+  }, {
+    key: "isSourcePublic",
+    value: function() {
+      return !!this.store.getState().dragOperation.isSourcePublic;
     }
   }, {
     key: "getInitialClientOffset",
     value: function() {
-      return this.internalMonitor.getInitialClientOffset();
+      return this.store.getState().dragOffset.initialClientOffset;
     }
   }, {
     key: "getInitialSourceClientOffset",
     value: function() {
-      return this.internalMonitor.getInitialSourceClientOffset();
+      return this.store.getState().dragOffset.initialSourceClientOffset;
     }
   }, {
-    key: "getSourceClientOffset",
+    key: "getClientOffset",
     value: function() {
-      return this.internalMonitor.getSourceClientOffset();
+      return this.store.getState().dragOffset.clientOffset;
     }
   }, {
-    key: "getClientOffset",
+    key: "getSourceClientOffset",
     value: function() {
-      return this.internalMonitor.getClientOffset();
+      return v(this.store.getState().dragOffset);
     }
   }, {
     key: "getDifferenceFromInitialOffset",
     value: function() {
-      return this.internalMonitor.getDifferenceFromInitialOffset();
+      return y(this.store.getState().dragOffset);
     }
-  }]), t;
+  }]), i;
 }();
 export {
-  c as DropTargetMonitorImpl
+  C as DragDropMonitorImpl
 };

package/dist/index.es802.js

@@ -1,146 +1,189 @@
-import { wrapConnectorHooks as s } from "./index.es803.js";
-import { isRef as c } from "./index.es804.js";
-import { shallowEqual as d } from "./index.es780.js";
-function u(i, r) {
-  if (!(i instanceof r))
+import { invariant as o } from "./index.es767.js";
+import { addSource as v, addTarget as y, removeSource as S, removeTarget as T } from "./index.es820.js";
+import { getNextUniqueId as m } from "./index.es821.js";
+import { HandlerRole as u } from "./index.es797.js";
+import { validateType as d, validateSourceContract as E, validateTargetContract as b } from "./index.es822.js";
+import { asap as k } from "./index.es823.js";
+function w(t, r) {
+  if (!(t instanceof r))
     throw new TypeError("Cannot call a class as a function");
 }
-function g(i, r) {
+function I(t, r) {
   for (var e = 0; e < r.length; e++) {
-    var t = r[e];
-    t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(i, t.key, t);
+    var n = r[e];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
   }
 }
-function h(i, r, e) {
-  return r && g(i.prototype, r), i;
+function R(t, r, e) {
+  return r && I(t.prototype, r), t;
 }
-function n(i, r, e) {
-  return r in i ? Object.defineProperty(i, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : i[r] = e, i;
+function s(t, r, e) {
+  return r in t ? Object.defineProperty(t, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : t[r] = e, t;
 }
-var w = /* @__PURE__ */ function() {
-  function i(r) {
-    var e = this;
-    u(this, i), n(this, "hooks", s({
-      dragSource: function(a, o) {
-        e.clearDragSource(), e.dragSourceOptions = o || null, c(a) ? e.dragSourceRef = a : e.dragSourceNode = a, e.reconnectDragSource();
-      },
-      dragPreview: function(a, o) {
-        e.clearDragPreview(), e.dragPreviewOptions = o || null, c(a) ? e.dragPreviewRef = a : e.dragPreviewNode = a, e.reconnectDragPreview();
-      }
-    })), n(this, "handlerId", null), n(this, "dragSourceRef", null), n(this, "dragSourceNode", void 0), n(this, "dragSourceOptionsInternal", null), n(this, "dragSourceUnsubscribe", void 0), n(this, "dragPreviewRef", null), n(this, "dragPreviewNode", void 0), n(this, "dragPreviewOptionsInternal", null), n(this, "dragPreviewUnsubscribe", void 0), n(this, "lastConnectedHandlerId", null), n(this, "lastConnectedDragSource", null), n(this, "lastConnectedDragSourceOptions", null), n(this, "lastConnectedDragPreview", null), n(this, "lastConnectedDragPreviewOptions", null), n(this, "backend", void 0), this.backend = r;
+function _(t, r) {
+  return H(t) || C(t, r) || x(t, r) || A();
+}
+function A() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function x(t, r) {
+  if (t) {
+    if (typeof t == "string") return f(t, r);
+    var e = Object.prototype.toString.call(t).slice(8, -1);
+    if (e === "Object" && t.constructor && (e = t.constructor.name), e === "Map" || e === "Set") return Array.from(t);
+    if (e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)) return f(t, r);
   }
-  return h(i, [{
-    key: "receiveHandlerId",
-    value: function(e) {
-      this.handlerId !== e && (this.handlerId = e, this.reconnect());
-    }
-  }, {
-    key: "connectTarget",
-    get: function() {
-      return this.dragSource;
-    }
-  }, {
-    key: "dragSourceOptions",
-    get: function() {
-      return this.dragSourceOptionsInternal;
-    },
-    set: function(e) {
-      this.dragSourceOptionsInternal = e;
-    }
-  }, {
-    key: "dragPreviewOptions",
-    get: function() {
-      return this.dragPreviewOptionsInternal;
-    },
-    set: function(e) {
-      this.dragPreviewOptionsInternal = e;
+}
+function f(t, r) {
+  (r == null || r > t.length) && (r = t.length);
+  for (var e = 0, n = new Array(r); e < r; e++)
+    n[e] = t[e];
+  return n;
+}
+function C(t, r) {
+  var e = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (e != null) {
+    var n = [], a = !0, i = !1, c, l;
+    try {
+      for (e = e.call(t); !(a = (c = e.next()).done) && (n.push(c.value), !(r && n.length === r)); a = !0)
+        ;
+    } catch (g) {
+      i = !0, l = g;
+    } finally {
+      try {
+        !a && e.return != null && e.return();
+      } finally {
+        if (i) throw l;
+      }
     }
-  }, {
-    key: "reconnect",
-    value: function() {
-      this.reconnectDragSource(), this.reconnectDragPreview();
+    return n;
+  }
+}
+function H(t) {
+  if (Array.isArray(t)) return t;
+}
+function O(t) {
+  var r = m().toString();
+  switch (t) {
+    case u.SOURCE:
+      return "S".concat(r);
+    case u.TARGET:
+      return "T".concat(r);
+    default:
+      throw new Error("Unknown Handler Role: ".concat(t));
+  }
+}
+function p(t) {
+  switch (t[0]) {
+    case "S":
+      return u.SOURCE;
+    case "T":
+      return u.TARGET;
+    default:
+      o(!1, "Cannot parse handler ID: ".concat(t));
+  }
+}
+function h(t, r) {
+  var e = t.entries(), n = !1;
+  do {
+    var a = e.next(), i = a.done, c = _(a.value, 2), l = c[1];
+    if (l === r)
+      return !0;
+    n = !!i;
+  } while (!n);
+  return !1;
+}
+var N = /* @__PURE__ */ function() {
+  function t(r) {
+    w(this, t), s(this, "types", /* @__PURE__ */ new Map()), s(this, "dragSources", /* @__PURE__ */ new Map()), s(this, "dropTargets", /* @__PURE__ */ new Map()), s(this, "pinnedSourceId", null), s(this, "pinnedSource", null), s(this, "store", void 0), this.store = r;
+  }
+  return R(t, [{
+    key: "addSource",
+    value: function(e, n) {
+      d(e), E(n);
+      var a = this.addHandler(u.SOURCE, e, n);
+      return this.store.dispatch(v(a)), a;
     }
   }, {
-    key: "reconnectDragSource",
-    value: function() {
-      var e = this.dragSource, t = this.didHandlerIdChange() || this.didConnectedDragSourceChange() || this.didDragSourceOptionsChange();
-      if (t && this.disconnectDragSource(), !!this.handlerId) {
-        if (!e) {
-          this.lastConnectedDragSource = e;
-          return;
-        }
-        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragSource = e, this.lastConnectedDragSourceOptions = this.dragSourceOptions, this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, e, this.dragSourceOptions));
-      }
+    key: "addTarget",
+    value: function(e, n) {
+      d(e, !0), b(n);
+      var a = this.addHandler(u.TARGET, e, n);
+      return this.store.dispatch(y(a)), a;
     }
   }, {
-    key: "reconnectDragPreview",
-    value: function() {
-      var e = this.dragPreview, t = this.didHandlerIdChange() || this.didConnectedDragPreviewChange() || this.didDragPreviewOptionsChange();
-      if (t && this.disconnectDragPreview(), !!this.handlerId) {
-        if (!e) {
-          this.lastConnectedDragPreview = e;
-          return;
-        }
-        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragPreview = e, this.lastConnectedDragPreviewOptions = this.dragPreviewOptions, this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, e, this.dragPreviewOptions));
-      }
+    key: "containsHandler",
+    value: function(e) {
+      return h(this.dragSources, e) || h(this.dropTargets, e);
     }
   }, {
-    key: "didHandlerIdChange",
-    value: function() {
-      return this.lastConnectedHandlerId !== this.handlerId;
+    key: "getSource",
+    value: function(e) {
+      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+      o(this.isSourceId(e), "Expected a valid source ID.");
+      var a = n && e === this.pinnedSourceId, i = a ? this.pinnedSource : this.dragSources.get(e);
+      return i;
     }
   }, {
-    key: "didConnectedDragSourceChange",
-    value: function() {
-      return this.lastConnectedDragSource !== this.dragSource;
+    key: "getTarget",
+    value: function(e) {
+      return o(this.isTargetId(e), "Expected a valid target ID."), this.dropTargets.get(e);
     }
   }, {
-    key: "didConnectedDragPreviewChange",
-    value: function() {
-      return this.lastConnectedDragPreview !== this.dragPreview;
+    key: "getSourceType",
+    value: function(e) {
+      return o(this.isSourceId(e), "Expected a valid source ID."), this.types.get(e);
     }
   }, {
-    key: "didDragSourceOptionsChange",
-    value: function() {
-      return !d(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
+    key: "getTargetType",
+    value: function(e) {
+      return o(this.isTargetId(e), "Expected a valid target ID."), this.types.get(e);
     }
   }, {
-    key: "didDragPreviewOptionsChange",
-    value: function() {
-      return !d(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
+    key: "isSourceId",
+    value: function(e) {
+      var n = p(e);
+      return n === u.SOURCE;
     }
   }, {
-    key: "disconnectDragSource",
-    value: function() {
-      this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
+    key: "isTargetId",
+    value: function(e) {
+      var n = p(e);
+      return n === u.TARGET;
     }
   }, {
-    key: "disconnectDragPreview",
-    value: function() {
-      this.dragPreviewUnsubscribe && (this.dragPreviewUnsubscribe(), this.dragPreviewUnsubscribe = void 0, this.dragPreviewNode = null, this.dragPreviewRef = null);
+    key: "removeSource",
+    value: function(e) {
+      var n = this;
+      o(this.getSource(e), "Expected an existing source."), this.store.dispatch(S(e)), k(function() {
+        n.dragSources.delete(e), n.types.delete(e);
+      });
     }
   }, {
-    key: "dragSource",
-    get: function() {
-      return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;
+    key: "removeTarget",
+    value: function(e) {
+      o(this.getTarget(e), "Expected an existing target."), this.store.dispatch(T(e)), this.dropTargets.delete(e), this.types.delete(e);
     }
   }, {
-    key: "dragPreview",
-    get: function() {
-      return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;
+    key: "pinSource",
+    value: function(e) {
+      var n = this.getSource(e);
+      o(n, "Expected an existing source."), this.pinnedSourceId = e, this.pinnedSource = n;
     }
   }, {
-    key: "clearDragSource",
+    key: "unpinSource",
     value: function() {
-      this.dragSourceNode = null, this.dragSourceRef = null;
+      o(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
     }
   }, {
-    key: "clearDragPreview",
-    value: function() {
-      this.dragPreviewNode = null, this.dragPreviewRef = null;
+    key: "addHandler",
+    value: function(e, n, a) {
+      var i = O(e);
+      return this.types.set(i, n), e === u.SOURCE ? this.dragSources.set(i, a) : e === u.TARGET && this.dropTargets.set(i, a), i;
     }
-  }]), i;
+  }]), t;
 }();
 export {
-  w as SourceConnector
+  N as HandlerRegistryImpl
 };

package/dist/index.es803.js

@@ -1,53 +1,11 @@
-import { invariant as f } from "./index.es768.js";
-import { isValidElement as u, cloneElement as a } from "react";
-function l(n) {
-  if (typeof n.type != "string") {
-    var e = n.type.displayName || n.type.name || "the component";
-    throw new Error("Only native element nodes can now be passed to React DnD connectors." + "You can either wrap ".concat(e, " into a <div>, or turn it into a ") + "drag source or a drop target itself.");
-  }
-}
-function p(n) {
-  return function() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-    if (!u(e)) {
-      var o = e;
-      return n(o, t), o;
-    }
-    var r = e;
-    l(r);
-    var c = t ? function(s) {
-      return n(s, t);
-    } : n;
-    return m(r, c);
-  };
-}
-function v(n) {
-  var e = {};
-  return Object.keys(n).forEach(function(t) {
-    var o = n[t];
-    if (t.endsWith("Ref"))
-      e[t] = n[t];
-    else {
-      var r = p(o);
-      e[t] = function() {
-        return r;
-      };
-    }
-  }), e;
-}
-function i(n, e) {
-  typeof n == "function" ? n(e) : n.current = e;
-}
-function m(n, e) {
-  var t = n.ref;
-  return f(typeof t != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), t ? a(n, {
-    ref: function(r) {
-      i(t, r), i(e, r);
-    }
-  }) : a(n, {
-    ref: e
-  });
+import { invariant as e } from "./index.es767.js";
+import { useMemo as c } from "react";
+function i(t) {
+  var r = t.accept;
+  return c(function() {
+    return e(t.accept != null, "accept must be defined"), Array.isArray(r) ? r : [r];
+  }, [r]);
 }
 export {
-  v as wrapConnectorHooks
+  i as useAccept
 };

package/dist/index.es804.js

@@ -1,17 +1,13 @@
-function o(e) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? o = function(t) {
-    return typeof t;
-  } : o = function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, o(e);
-}
-function r(e) {
-  return (
-    // eslint-disable-next-line no-prototype-builtins
-    e !== null && o(e) === "object" && Object.prototype.hasOwnProperty.call(e, "current")
-  );
+import { useMemo as o, useEffect as n } from "react";
+import { DropTargetImpl as u } from "./index.es824.js";
+function m(r, e) {
+  var t = o(function() {
+    return new u(r, e);
+  }, [e]);
+  return n(function() {
+    t.spec = r;
+  }, [r]), t;
 }
 export {
-  r as isRef
+  m as useDropTarget
 };