@boxcustodia/library 0.2.1 → 0.2.3

package/dist/index.es801.js

@@ -1,173 +1,53 @@
-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 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);
+import { invariant as f } from "./index.es771.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 O(i, t, e) {
-  return t && m(i.prototype, t), 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 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);
+  };
 }
-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 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;
-        }
+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;
       };
-      return this.store.subscribe(s);
-    }
-  }, {
-    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: "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: "isDragging",
-    value: function() {
-      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;
-      var a = this.registry.getSourceType(e), n = this.getItemType();
-      return a !== n ? !1 : r.isDragging(this, e);
-    }
-  }, {
-    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.store.getState().dragOperation.itemType;
-    }
-  }, {
-    key: "getItem",
-    value: function() {
-      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.store.getState().dragOperation.dropResult;
-    }
-  }, {
-    key: "didDrop",
-    value: function() {
-      return this.store.getState().dragOperation.didDrop;
-    }
-  }, {
-    key: "isSourcePublic",
-    value: function() {
-      return !!this.store.getState().dragOperation.isSourcePublic;
-    }
-  }, {
-    key: "getInitialClientOffset",
-    value: function() {
-      return this.store.getState().dragOffset.initialClientOffset;
-    }
-  }, {
-    key: "getInitialSourceClientOffset",
-    value: function() {
-      return this.store.getState().dragOffset.initialSourceClientOffset;
-    }
-  }, {
-    key: "getClientOffset",
-    value: function() {
-      return this.store.getState().dragOffset.clientOffset;
-    }
-  }, {
-    key: "getSourceClientOffset",
-    value: function() {
-      return v(this.store.getState().dragOffset);
-    }
-  }, {
-    key: "getDifferenceFromInitialOffset",
-    value: function() {
-      return y(this.store.getState().dragOffset);
-    }
-  }]), i;
-}();
+  }), 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
+  });
+}
 export {
-  C as DragDropMonitorImpl
+  v as wrapConnectorHooks
 };

package/dist/index.es802.js

@@ -1,189 +1,17 @@
-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 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")
+  );
 }
-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() {
-  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 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;
-      }
-    }
-    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: "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);
-      });
-    }
-  }, {
-    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;
-}();
 export {
-  N as HandlerRegistryImpl
+  r as isRef
 };

package/dist/index.es803.js

@@ -1,11 +1,95 @@
-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]);
+import { shallowEqual as s } from "./index.es779.js";
+import { wrapConnectorHooks as d } from "./index.es801.js";
+import { isRef as l } from "./index.es802.js";
+function h(r, e) {
+  if (!(r instanceof e))
+    throw new TypeError("Cannot call a class as a function");
 }
+function u(r, e) {
+  for (var t = 0; t < e.length; t++) {
+    var n = e[t];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(r, n.key, n);
+  }
+}
+function c(r, e, t) {
+  return e && u(r.prototype, e), r;
+}
+function a(r, e, t) {
+  return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+}
+var f = /* @__PURE__ */ function() {
+  function r(e) {
+    var t = this;
+    h(this, r), a(this, "hooks", d({
+      dropTarget: function(i, o) {
+        t.clearDropTarget(), t.dropTargetOptions = o, l(i) ? t.dropTargetRef = i : t.dropTargetNode = i, t.reconnect();
+      }
+    })), a(this, "handlerId", null), a(this, "dropTargetRef", null), a(this, "dropTargetNode", void 0), a(this, "dropTargetOptionsInternal", null), a(this, "unsubscribeDropTarget", void 0), a(this, "lastConnectedHandlerId", null), a(this, "lastConnectedDropTarget", null), a(this, "lastConnectedDropTargetOptions", null), a(this, "backend", void 0), this.backend = e;
+  }
+  return c(r, [{
+    key: "connectTarget",
+    get: function() {
+      return this.dropTarget;
+    }
+  }, {
+    key: "reconnect",
+    value: function() {
+      var t = this.didHandlerIdChange() || this.didDropTargetChange() || this.didOptionsChange();
+      t && this.disconnectDropTarget();
+      var n = this.dropTarget;
+      if (this.handlerId) {
+        if (!n) {
+          this.lastConnectedDropTarget = n;
+          return;
+        }
+        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDropTarget = n, this.lastConnectedDropTargetOptions = this.dropTargetOptions, this.unsubscribeDropTarget = this.backend.connectDropTarget(this.handlerId, n, this.dropTargetOptions));
+      }
+    }
+  }, {
+    key: "receiveHandlerId",
+    value: function(t) {
+      t !== this.handlerId && (this.handlerId = t, this.reconnect());
+    }
+  }, {
+    key: "dropTargetOptions",
+    get: function() {
+      return this.dropTargetOptionsInternal;
+    },
+    set: function(t) {
+      this.dropTargetOptionsInternal = t;
+    }
+  }, {
+    key: "didHandlerIdChange",
+    value: function() {
+      return this.lastConnectedHandlerId !== this.handlerId;
+    }
+  }, {
+    key: "didDropTargetChange",
+    value: function() {
+      return this.lastConnectedDropTarget !== this.dropTarget;
+    }
+  }, {
+    key: "didOptionsChange",
+    value: function() {
+      return !s(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
+    }
+  }, {
+    key: "disconnectDropTarget",
+    value: function() {
+      this.unsubscribeDropTarget && (this.unsubscribeDropTarget(), this.unsubscribeDropTarget = void 0);
+    }
+  }, {
+    key: "dropTarget",
+    get: function() {
+      return this.dropTargetNode || this.dropTargetRef && this.dropTargetRef.current;
+    }
+  }, {
+    key: "clearDropTarget",
+    value: function() {
+      this.dropTargetRef = null, this.dropTargetNode = null;
+    }
+  }]), r;
+}();
 export {
-  i as useAccept
+  f as TargetConnector
 };

package/dist/index.es804.js

@@ -1,13 +1,16 @@
-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;
+function u(t, g, n) {
+  var r = n.getRegistry(), e = r.addTarget(t, g);
+  return [e, function() {
+    return r.removeTarget(e);
+  }];
+}
+function o(t, g, n) {
+  var r = n.getRegistry(), e = r.addSource(t, g);
+  return [e, function() {
+    return r.removeSource(e);
+  }];
 }
 export {
-  m as useDropTarget
+  o as registerSource,
+  u as registerTarget
 };

package/dist/index.es805.js

@@ -1,103 +1,13 @@
-import { invariant as o } from "./index.es767.js";
-function l(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
+import { useMemo as n, useEffect as o } from "react";
+import { DragSourceImpl as t } from "./index.es824.js";
+function i(r, e, u) {
+  var f = n(function() {
+    return new t(r, e, u);
+  }, [e, u]);
+  return o(function() {
+    f.spec = r;
+  }, [r]), f;
 }
-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 f(t, e, n) {
-  return e && u(t.prototype, e), t;
-}
-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;
-}
-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();
-  }
-  return f(t, [{
-    key: "receiveHandlerId",
-    value: function(n) {
-      this.targetId = n;
-    }
-  }, {
-    key: "getHandlerId",
-    value: function() {
-      return this.targetId;
-    }
-  }, {
-    key: "subscribeToStateChange",
-    value: function(n, i) {
-      return this.internalMonitor.subscribeToStateChange(n, i);
-    }
-  }, {
-    key: "canDrop",
-    value: function() {
-      if (!this.targetId)
-        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;
-      }
-    }
-  }, {
-    key: "isOver",
-    value: function(n) {
-      return this.targetId ? this.internalMonitor.isOverTarget(this.targetId, n) : !1;
-    }
-  }, {
-    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();
-    }
-  }]), t;
-}();
 export {
-  c as DropTargetMonitorImpl
+  i as useDragSource
 };