@boxcustodia/library 0.2.0 → 0.2.1

package/dist/index.es795.js

@@ -1,173 +1,146 @@
-import { invariant as f } from "./index.es765.js";
-import { matchesType as c } from "./index.es816.js";
-import { getSourceClientOffset as v, getDifferenceFromInitialOffset as y } from "./index.es817.js";
-import { areDirty as p } from "./index.es818.js";
-function S(i, t) {
-  if (!(i instanceof t))
+import { wrapConnectorHooks as s } from "./index.es807.js";
+import { isRef as c } from "./index.es808.js";
+import { shallowEqual as d } from "./index.es789.js";
+function u(i, r) {
+  if (!(i instanceof r))
     throw new TypeError("Cannot call a class as a function");
 }
-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 g(i, 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);
   }
 }
-function O(i, t, e) {
-  return t && m(i.prototype, t), i;
+function h(i, r, e) {
+  return r && g(i.prototype, r), i;
 }
-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;
+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;
 }
-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;
+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;
   }
-  return O(i, [{
-    key: "subscribeToStateChange",
+  return h(i, [{
+    key: "receiveHandlerId",
     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);
+      this.handlerId !== e && (this.handlerId = e, this.reconnect());
     }
   }, {
-    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: "connectTarget",
+    get: function() {
+      return this.dragSource;
     }
   }, {
-    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: "dragSourceOptions",
+    get: function() {
+      return this.dragSourceOptionsInternal;
+    },
+    set: function(e) {
+      this.dragSourceOptionsInternal = 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: "dragPreviewOptions",
+    get: function() {
+      return this.dragPreviewOptionsInternal;
+    },
+    set: function(e) {
+      this.dragPreviewOptionsInternal = e;
     }
   }, {
-    key: "isDragging",
+    key: "reconnect",
     value: function() {
-      return !!this.getItemType();
+      this.reconnectDragSource(), this.reconnectDragPreview();
     }
   }, {
-    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;
-      var a = this.registry.getSourceType(e), n = this.getItemType();
-      return a !== n ? !1 : r.isDragging(this, e);
+    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: "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",
+    key: "reconnectDragPreview",
     value: function() {
-      return this.store.getState().dragOperation.itemType;
+      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: "getItem",
+    key: "didHandlerIdChange",
     value: function() {
-      return this.store.getState().dragOperation.item;
+      return this.lastConnectedHandlerId !== this.handlerId;
     }
   }, {
-    key: "getSourceId",
+    key: "didConnectedDragSourceChange",
     value: function() {
-      return this.store.getState().dragOperation.sourceId;
+      return this.lastConnectedDragSource !== this.dragSource;
     }
   }, {
-    key: "getTargetIds",
+    key: "didConnectedDragPreviewChange",
     value: function() {
-      return this.store.getState().dragOperation.targetIds;
+      return this.lastConnectedDragPreview !== this.dragPreview;
     }
   }, {
-    key: "getDropResult",
+    key: "didDragSourceOptionsChange",
     value: function() {
-      return this.store.getState().dragOperation.dropResult;
+      return !d(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
     }
   }, {
-    key: "didDrop",
+    key: "didDragPreviewOptionsChange",
     value: function() {
-      return this.store.getState().dragOperation.didDrop;
+      return !d(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
     }
   }, {
-    key: "isSourcePublic",
+    key: "disconnectDragSource",
     value: function() {
-      return !!this.store.getState().dragOperation.isSourcePublic;
+      this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
     }
   }, {
-    key: "getInitialClientOffset",
+    key: "disconnectDragPreview",
     value: function() {
-      return this.store.getState().dragOffset.initialClientOffset;
+      this.dragPreviewUnsubscribe && (this.dragPreviewUnsubscribe(), this.dragPreviewUnsubscribe = void 0, this.dragPreviewNode = null, this.dragPreviewRef = null);
     }
   }, {
-    key: "getInitialSourceClientOffset",
-    value: function() {
-      return this.store.getState().dragOffset.initialSourceClientOffset;
+    key: "dragSource",
+    get: function() {
+      return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;
     }
   }, {
-    key: "getClientOffset",
-    value: function() {
-      return this.store.getState().dragOffset.clientOffset;
+    key: "dragPreview",
+    get: function() {
+      return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;
     }
   }, {
-    key: "getSourceClientOffset",
+    key: "clearDragSource",
     value: function() {
-      return v(this.store.getState().dragOffset);
+      this.dragSourceNode = null, this.dragSourceRef = null;
     }
   }, {
-    key: "getDifferenceFromInitialOffset",
+    key: "clearDragPreview",
     value: function() {
-      return y(this.store.getState().dragOffset);
+      this.dragPreviewNode = null, this.dragPreviewRef = null;
     }
   }]), i;
 }();
 export {
-  C as DragDropMonitorImpl
+  w as SourceConnector
 };

package/dist/index.es796.js

@@ -1,189 +1,58 @@
-import { invariant as o } from "./index.es765.js";
-import { addSource as v, addTarget as y, removeSource as S, removeTarget as T } from "./index.es819.js";
-import { getNextUniqueId as m } from "./index.es820.js";
-import { HandlerRole as u } from "./index.es791.js";
-import { validateType as d, validateSourceContract as E, validateTargetContract as b } from "./index.es821.js";
-import { asap as k } from "./index.es822.js";
-function w(t, r) {
-  if (!(t instanceof r))
-    throw new TypeError("Cannot call a class as a function");
+import { useIsomorphicLayoutEffect as f } from "./index.es788.js";
+import { useCollector as s } from "./index.es766.js";
+function y(r, e) {
+  return h(r) || p(r, e) || b(r, e) || d();
 }
-function I(t, r) {
-  for (var e = 0; e < r.length; e++) {
-    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 R(t, r, e) {
-  return r && I(t.prototype, r), t;
-}
-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;
-}
-function _(t, r) {
-  return H(t) || C(t, r) || x(t, r) || A();
-}
-function A() {
+function d() {
   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);
+function b(r, e) {
+  if (r) {
+    if (typeof r == "string") return c(r, e);
+    var t = Object.prototype.toString.call(r).slice(8, -1);
+    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return c(r, 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];
+function c(r, e) {
+  (e == null || e > r.length) && (e = r.length);
+  for (var t = 0, n = new Array(e); t < e; t++)
+    n[t] = r[t];
   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;
+function p(r, e) {
+  var t = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
+  if (t != null) {
+    var n = [], o = !0, a = !1, u, i;
     try {
-      for (e = e.call(t); !(a = (c = e.next()).done) && (n.push(c.value), !(r && n.length === r)); a = !0)
+      for (t = t.call(r); !(o = (u = t.next()).done) && (n.push(u.value), !(e && n.length === e)); o = !0)
         ;
-    } catch (g) {
-      i = !0, l = g;
+    } catch (l) {
+      a = !0, i = l;
     } finally {
       try {
-        !a && e.return != null && e.return();
+        !o && t.return != null && t.return();
       } finally {
-        if (i) throw l;
+        if (a) throw i;
       }
     }
     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 h(r) {
+  if (Array.isArray(r)) return r;
 }
-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: "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: "containsHandler",
-    value: function(e) {
-      return h(this.dragSources, e) || h(this.dropTargets, e);
-    }
-  }, {
-    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: "getTarget",
-    value: function(e) {
-      return o(this.isTargetId(e), "Expected a valid target ID."), this.dropTargets.get(e);
-    }
-  }, {
-    key: "getSourceType",
-    value: function(e) {
-      return o(this.isSourceId(e), "Expected a valid source ID."), this.types.get(e);
-    }
-  }, {
-    key: "getTargetType",
-    value: function(e) {
-      return o(this.isTargetId(e), "Expected a valid target ID."), this.types.get(e);
-    }
-  }, {
-    key: "isSourceId",
-    value: function(e) {
-      var n = p(e);
-      return n === u.SOURCE;
-    }
-  }, {
-    key: "isTargetId",
-    value: function(e) {
-      var n = p(e);
-      return n === u.TARGET;
-    }
-  }, {
-    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);
+function v(r, e, t) {
+  var n = s(r, e, t), o = y(n, 2), a = o[0], u = o[1];
+  return f(function() {
+    var l = r.getHandlerId();
+    if (l != null)
+      return r.subscribeToStateChange(u, {
+        handlerIds: [l]
       });
-    }
-  }, {
-    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: "pinSource",
-    value: function(e) {
-      var n = this.getSource(e);
-      o(n, "Expected an existing source."), this.pinnedSourceId = e, this.pinnedSource = n;
-    }
-  }, {
-    key: "unpinSource",
-    value: function() {
-      o(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = 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;
-    }
-  }]), t;
-}();
+  }, [r, u]), a;
+}
 export {
-  N as HandlerRegistryImpl
+  v as useMonitorOutput
 };

package/dist/index.es797.js

@@ -1,148 +1,7 @@
-import { invariant as o } from "./index.es765.js";
-function l(n, e) {
-  if (!(n instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function s(n, e) {
-  for (var t = 0; t < e.length; t++) {
-    var r = e[t];
-    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(n, r.key, r);
-  }
-}
-function c(n, e, t) {
-  return e && s(n.prototype, e), n;
-}
-function u(n, e, t) {
-  return e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
-}
-var i = !1, a = !1, f = /* @__PURE__ */ function() {
-  function n(e) {
-    l(this, n), u(this, "internalMonitor", void 0), u(this, "sourceId", null), this.internalMonitor = e.getMonitor();
-  }
-  return c(n, [{
-    key: "receiveHandlerId",
-    value: function(t) {
-      this.sourceId = t;
-    }
-  }, {
-    key: "getHandlerId",
-    value: function() {
-      return this.sourceId;
-    }
-  }, {
-    key: "canDrag",
-    value: function() {
-      o(!i, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
-      try {
-        return i = !0, this.internalMonitor.canDragSource(this.sourceId);
-      } finally {
-        i = !1;
-      }
-    }
-  }, {
-    key: "isDragging",
-    value: function() {
-      if (!this.sourceId)
-        return !1;
-      o(!a, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
-      try {
-        return a = !0, this.internalMonitor.isDraggingSource(this.sourceId);
-      } finally {
-        a = !1;
-      }
-    }
-  }, {
-    key: "subscribeToStateChange",
-    value: function(t, r) {
-      return this.internalMonitor.subscribeToStateChange(t, r);
-    }
-  }, {
-    key: "isDraggingSource",
-    value: function(t) {
-      return this.internalMonitor.isDraggingSource(t);
-    }
-  }, {
-    key: "isOverTarget",
-    value: function(t, r) {
-      return this.internalMonitor.isOverTarget(t, r);
-    }
-  }, {
-    key: "getTargetIds",
-    value: function() {
-      return this.internalMonitor.getTargetIds();
-    }
-  }, {
-    key: "isSourcePublic",
-    value: function() {
-      return this.internalMonitor.isSourcePublic();
-    }
-  }, {
-    key: "getSourceId",
-    value: function() {
-      return this.internalMonitor.getSourceId();
-    }
-  }, {
-    key: "subscribeToOffsetChange",
-    value: function(t) {
-      return this.internalMonitor.subscribeToOffsetChange(t);
-    }
-  }, {
-    key: "canDragSource",
-    value: function(t) {
-      return this.internalMonitor.canDragSource(t);
-    }
-  }, {
-    key: "canDropOnTarget",
-    value: function(t) {
-      return this.internalMonitor.canDropOnTarget(t);
-    }
-  }, {
-    key: "getItemType",
-    value: function() {
-      return this.internalMonitor.getItemType();
-    }
-  }, {
-    key: "getItem",
-    value: function() {
-      return this.internalMonitor.getItem();
-    }
-  }, {
-    key: "getDropResult",
-    value: function() {
-      return this.internalMonitor.getDropResult();
-    }
-  }, {
-    key: "didDrop",
-    value: function() {
-      return this.internalMonitor.didDrop();
-    }
-  }, {
-    key: "getInitialClientOffset",
-    value: function() {
-      return this.internalMonitor.getInitialClientOffset();
-    }
-  }, {
-    key: "getInitialSourceClientOffset",
-    value: function() {
-      return this.internalMonitor.getInitialSourceClientOffset();
-    }
-  }, {
-    key: "getSourceClientOffset",
-    value: function() {
-      return this.internalMonitor.getSourceClientOffset();
-    }
-  }, {
-    key: "getClientOffset",
-    value: function() {
-      return this.internalMonitor.getClientOffset();
-    }
-  }, {
-    key: "getDifferenceFromInitialOffset",
-    value: function() {
-      return this.internalMonitor.getDifferenceFromInitialOffset();
-    }
-  }]), n;
-}();
+var R;
+(function(E) {
+  E.SOURCE = "SOURCE", E.TARGET = "TARGET";
+})(R || (R = {}));
 export {
-  f as DragSourceMonitorImpl
+  R as HandlerRole
 };