@boxcustodia/library 0.1.0 → 0.1.1

package/dist/index.es421.js

@@ -1,27 +1,336 @@
-var s = Number.isNaN || function(r) {
-  return typeof r == "number" && r !== r;
+import Z from "./index.es172.js";
+import U from "./index.es365.js";
+import ee from "./index.es358.js";
+import M from "./index.es738.js";
+import { createElement as W, PureComponent as te } from "react";
+var ie = typeof performance == "object" && typeof performance.now == "function", V = ie ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
 };
-function o(e, r) {
-  return !!(e === r || s(e) && s(r));
+function $(l) {
+  cancelAnimationFrame(l.id);
 }
-function g(e, r) {
-  if (e.length !== r.length)
-    return !1;
-  for (var t = 0; t < e.length; t++)
-    if (!o(e[t], r[t]))
-      return !1;
-  return !0;
+function re(l, t) {
+  var n = V();
+  function c() {
+    V() - n >= t ? l.call(null) : u.id = requestAnimationFrame(c);
+  }
+  var u = {
+    id: requestAnimationFrame(c)
+  };
+  return u;
+}
+var k = -1;
+function q(l) {
+  if (l === void 0 && (l = !1), k === -1 || l) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), k = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+  }
+  return k;
 }
-function h(e, r) {
-  r === void 0 && (r = g);
-  var t, f = [], u, l = !1;
-  function i() {
-    for (var n = [], a = 0; a < arguments.length; a++)
-      n[a] = arguments[a];
-    return l && t === this && r(n, f) || (u = e.apply(this, n), l = !0, t = this, f = n), u;
+var _ = null;
+function H(l) {
+  if (l === void 0 && (l = !1), _ === null || l) {
+    var t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+    var c = document.createElement("div"), u = c.style;
+    return u.width = "100px", u.height = "100px", t.appendChild(c), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
   }
-  return i;
+  return _;
 }
+process.env.NODE_ENV;
+var oe = 150, ne = function(t, n) {
+  return t;
+}, P = null, R = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (P = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakSet());
+function le(l) {
+  var t, n = l.getItemOffset, c = l.getEstimatedTotalSize, u = l.getItemSize, z = l.getOffsetForIndexAndAlignment, S = l.getStartIndexForOffset, b = l.getStopIndexForStartIndex, O = l.initInstanceProps, g = l.shouldResetStyleCacheOnItemSizeChange, m = l.validateProps;
+  return t = /* @__PURE__ */ function(I) {
+    ee(T, I);
+    function T(p) {
+      var e;
+      return e = I.call(this, p) || this, e._instanceProps = O(e.props, U(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
+        instance: U(e),
+        isScrolling: !1,
+        scrollDirection: "forward",
+        scrollOffset: typeof e.props.initialScrollOffset == "number" ? e.props.initialScrollOffset : 0,
+        scrollUpdateWasRequested: !1
+      }, e._callOnItemsRendered = void 0, e._callOnItemsRendered = M(function(i, r, o, s) {
+        return e.props.onItemsRendered({
+          overscanStartIndex: i,
+          overscanStopIndex: r,
+          visibleStartIndex: o,
+          visibleStopIndex: s
+        });
+      }), e._callOnScroll = void 0, e._callOnScroll = M(function(i, r, o) {
+        return e.props.onScroll({
+          scrollDirection: i,
+          scrollOffset: r,
+          scrollUpdateWasRequested: o
+        });
+      }), e._getItemStyle = void 0, e._getItemStyle = function(i) {
+        var r = e.props, o = r.direction, s = r.itemSize, h = r.layout, a = e._getItemStyleCache(g && s, g && h, g && o), d;
+        if (a.hasOwnProperty(i))
+          d = a[i];
+        else {
+          var f = n(e.props, i, e._instanceProps), y = u(e.props, i, e._instanceProps), w = o === "horizontal" || h === "horizontal", x = o === "rtl", E = w ? f : 0;
+          a[i] = d = {
+            position: "absolute",
+            left: x ? void 0 : E,
+            right: x ? E : void 0,
+            top: w ? 0 : f,
+            height: w ? "100%" : y,
+            width: w ? y : "100%"
+          };
+        }
+        return d;
+      }, e._getItemStyleCache = void 0, e._getItemStyleCache = M(function(i, r, o) {
+        return {};
+      }), e._onScrollHorizontal = function(i) {
+        var r = i.currentTarget, o = r.clientWidth, s = r.scrollLeft, h = r.scrollWidth;
+        e.setState(function(a) {
+          if (a.scrollOffset === s)
+            return null;
+          var d = e.props.direction, f = s;
+          if (d === "rtl")
+            switch (H()) {
+              case "negative":
+                f = -s;
+                break;
+              case "positive-descending":
+                f = h - o - s;
+                break;
+            }
+          return f = Math.max(0, Math.min(f, h - o)), {
+            isScrolling: !0,
+            scrollDirection: a.scrollOffset < f ? "forward" : "backward",
+            scrollOffset: f,
+            scrollUpdateWasRequested: !1
+          };
+        }, e._resetIsScrollingDebounced);
+      }, e._onScrollVertical = function(i) {
+        var r = i.currentTarget, o = r.clientHeight, s = r.scrollHeight, h = r.scrollTop;
+        e.setState(function(a) {
+          if (a.scrollOffset === h)
+            return null;
+          var d = Math.max(0, Math.min(h, s - o));
+          return {
+            isScrolling: !0,
+            scrollDirection: a.scrollOffset < d ? "forward" : "backward",
+            scrollOffset: d,
+            scrollUpdateWasRequested: !1
+          };
+        }, e._resetIsScrollingDebounced);
+      }, e._outerRefSetter = function(i) {
+        var r = e.props.outerRef;
+        e._outerRef = i, typeof r == "function" ? r(i) : r != null && typeof r == "object" && r.hasOwnProperty("current") && (r.current = i);
+      }, e._resetIsScrollingDebounced = function() {
+        e._resetIsScrollingTimeoutId !== null && $(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = re(e._resetIsScrolling, oe);
+      }, e._resetIsScrolling = function() {
+        e._resetIsScrollingTimeoutId = null, e.setState({
+          isScrolling: !1
+        }, function() {
+          e._getItemStyleCache(-1, null);
+        });
+      }, e;
+    }
+    T.getDerivedStateFromProps = function(e, i) {
+      return ae(e, i), m(e), null;
+    };
+    var v = T.prototype;
+    return v.scrollTo = function(e) {
+      e = Math.max(0, e), this.setState(function(i) {
+        return i.scrollOffset === e ? null : {
+          scrollDirection: i.scrollOffset < e ? "forward" : "backward",
+          scrollOffset: e,
+          scrollUpdateWasRequested: !0
+        };
+      }, this._resetIsScrollingDebounced);
+    }, v.scrollToItem = function(e, i) {
+      i === void 0 && (i = "auto");
+      var r = this.props, o = r.itemCount, s = r.layout, h = this.state.scrollOffset;
+      e = Math.max(0, Math.min(e, o - 1));
+      var a = 0;
+      if (this._outerRef) {
+        var d = this._outerRef;
+        s === "vertical" ? a = d.scrollWidth > d.clientWidth ? q() : 0 : a = d.scrollHeight > d.clientHeight ? q() : 0;
+      }
+      this.scrollTo(z(this.props, e, i, h, this._instanceProps, a));
+    }, v.componentDidMount = function() {
+      var e = this.props, i = e.direction, r = e.initialScrollOffset, o = e.layout;
+      if (typeof r == "number" && this._outerRef != null) {
+        var s = this._outerRef;
+        i === "horizontal" || o === "horizontal" ? s.scrollLeft = r : s.scrollTop = r;
+      }
+      this._callPropsCallbacks();
+    }, v.componentDidUpdate = function() {
+      var e = this.props, i = e.direction, r = e.layout, o = this.state, s = o.scrollOffset, h = o.scrollUpdateWasRequested;
+      if (h && this._outerRef != null) {
+        var a = this._outerRef;
+        if (i === "horizontal" || r === "horizontal")
+          if (i === "rtl")
+            switch (H()) {
+              case "negative":
+                a.scrollLeft = -s;
+                break;
+              case "positive-ascending":
+                a.scrollLeft = s;
+                break;
+              default:
+                var d = a.clientWidth, f = a.scrollWidth;
+                a.scrollLeft = f - d - s;
+                break;
+            }
+          else
+            a.scrollLeft = s;
+        else
+          a.scrollTop = s;
+      }
+      this._callPropsCallbacks();
+    }, v.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && $(this._resetIsScrollingTimeoutId);
+    }, v.render = function() {
+      var e = this.props, i = e.children, r = e.className, o = e.direction, s = e.height, h = e.innerRef, a = e.innerElementType, d = e.innerTagName, f = e.itemCount, y = e.itemData, w = e.itemKey, x = w === void 0 ? ne : w, E = e.layout, K = e.outerElementType, j = e.outerTagName, B = e.style, G = e.useIsScrolling, J = e.width, D = this.state.isScrolling, N = o === "horizontal" || E === "horizontal", Q = N ? this._onScrollHorizontal : this._onScrollVertical, F = this._getRangeToRender(), X = F[0], Y = F[1], L = [];
+      if (f > 0)
+        for (var C = X; C <= Y; C++)
+          L.push(W(i, {
+            data: y,
+            key: x(C, y),
+            index: C,
+            isScrolling: G ? D : void 0,
+            style: this._getItemStyle(C)
+          }));
+      var A = c(this.props, this._instanceProps);
+      return W(K || j || "div", {
+        className: r,
+        onScroll: Q,
+        ref: this._outerRefSetter,
+        style: Z({
+          position: "relative",
+          height: s,
+          width: J,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction: o
+        }, B)
+      }, W(a || d || "div", {
+        children: L,
+        ref: h,
+        style: {
+          height: N ? "100%" : A,
+          pointerEvents: D ? "none" : void 0,
+          width: N ? A : "100%"
+        }
+      }));
+    }, v._callPropsCallbacks = function() {
+      if (typeof this.props.onItemsRendered == "function") {
+        var e = this.props.itemCount;
+        if (e > 0) {
+          var i = this._getRangeToRender(), r = i[0], o = i[1], s = i[2], h = i[3];
+          this._callOnItemsRendered(r, o, s, h);
+        }
+      }
+      if (typeof this.props.onScroll == "function") {
+        var a = this.state, d = a.scrollDirection, f = a.scrollOffset, y = a.scrollUpdateWasRequested;
+        this._callOnScroll(d, f, y);
+      }
+    }, v._getRangeToRender = function() {
+      var e = this.props, i = e.itemCount, r = e.overscanCount, o = this.state, s = o.isScrolling, h = o.scrollDirection, a = o.scrollOffset;
+      if (i === 0)
+        return [0, 0, 0, 0];
+      var d = S(this.props, a, this._instanceProps), f = b(this.props, d, a, this._instanceProps), y = !s || h === "backward" ? Math.max(1, r) : 1, w = !s || h === "forward" ? Math.max(1, r) : 1;
+      return [Math.max(0, d - y), Math.max(0, Math.min(i - 1, f + w)), d, f];
+    }, T;
+  }(te), t.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    layout: "vertical",
+    overscanCount: 2,
+    useIsScrolling: !1
+  }, t;
+}
+var ae = function(t, n) {
+  var c = t.children, u = t.direction, z = t.height, S = t.layout, b = t.innerTagName, O = t.outerTagName, g = t.width, m = n.instance;
+  if (process.env.NODE_ENV !== "production") {
+    (b != null || O != null) && R && !R.has(m) && (R.add(m), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
+    var I = u === "horizontal" || S === "horizontal";
+    switch (u) {
+      case "horizontal":
+      case "vertical":
+        P && !P.has(m) && (P.add(m), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
+        break;
+      case "ltr":
+      case "rtl":
+        break;
+      default:
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + u + '" was specified.'));
+    }
+    switch (S) {
+      case "horizontal":
+      case "vertical":
+        break;
+      default:
+        throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". ' + ('"' + S + '" was specified.'));
+    }
+    if (c == null)
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (c === null ? "null" : typeof c) + '" was specified.'));
+    if (I && typeof g != "number")
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (g === null ? "null" : typeof g) + '" was specified.'));
+    if (!I && typeof z != "number")
+      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (z === null ? "null" : typeof z) + '" was specified.'));
+  }
+}, fe = /* @__PURE__ */ le({
+  getItemOffset: function(t, n) {
+    var c = t.itemSize;
+    return n * c;
+  },
+  getItemSize: function(t, n) {
+    var c = t.itemSize;
+    return c;
+  },
+  getEstimatedTotalSize: function(t) {
+    var n = t.itemCount, c = t.itemSize;
+    return c * n;
+  },
+  getOffsetForIndexAndAlignment: function(t, n, c, u, z, S) {
+    var b = t.direction, O = t.height, g = t.itemCount, m = t.itemSize, I = t.layout, T = t.width, v = b === "horizontal" || I === "horizontal", p = v ? T : O, e = Math.max(0, g * m - p), i = Math.min(e, n * m), r = Math.max(0, n * m - p + m + S);
+    switch (c === "smart" && (u >= r - p && u <= i + p ? c = "auto" : c = "center"), c) {
+      case "start":
+        return i;
+      case "end":
+        return r;
+      case "center": {
+        var o = Math.round(r + (i - r) / 2);
+        return o < Math.ceil(p / 2) ? 0 : o > e + Math.floor(p / 2) ? e : o;
+      }
+      case "auto":
+      default:
+        return u >= r && u <= i ? u : u < r ? r : i;
+    }
+  },
+  getStartIndexForOffset: function(t, n) {
+    var c = t.itemCount, u = t.itemSize;
+    return Math.max(0, Math.min(c - 1, Math.floor(n / u)));
+  },
+  getStopIndexForStartIndex: function(t, n, c) {
+    var u = t.direction, z = t.height, S = t.itemCount, b = t.itemSize, O = t.layout, g = t.width, m = u === "horizontal" || O === "horizontal", I = n * b, T = m ? g : z, v = Math.ceil((T + c - I) / b);
+    return Math.max(0, Math.min(
+      S - 1,
+      n + v - 1
+      // -1 is because stop index is inclusive
+    ));
+  },
+  initInstanceProps: function(t) {
+  },
+  shouldResetStyleCacheOnItemSizeChange: !0,
+  validateProps: function(t) {
+    var n = t.itemSize;
+    if (process.env.NODE_ENV !== "production" && typeof n != "number")
+      throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (n === null ? "null" : typeof n) + '" was specified.'));
+  }
+});
 export {
-  h as default
+  fe as FixedSizeList
 };

package/dist/index.es422.js

@@ -1,13 +1,33 @@
-import { j as u } from "./index.es85.js";
-import { useTreeApi as d, useDndContext as c } from "./index.es338.js";
-function f() {
-  var o, n;
-  const r = d(), t = c().cursor;
-  if (!t || t.type !== "line")
-    return null;
-  const e = r.indent, s = r.rowHeight * t.index + ((n = (o = r.props.padding) !== null && o !== void 0 ? o : r.props.paddingTop) !== null && n !== void 0 ? n : 0), i = e * t.level, p = r.renderCursor;
-  return u.jsx(p, { top: s, left: i, indent: e });
-}
+import { j as i } from "./index.es86.js";
+import { forwardRef as f } from "react";
+import { useTreeApi as s } from "./index.es408.js";
+import { Cursor as u } from "./index.es739.js";
+var d = function(t, n) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
+};
+const j = f(function(n, o) {
+  const { children: e } = n, r = d(n, ["children"]), c = s();
+  return i.jsxs("div", Object.assign({
+    // @ts-ignore
+    ref: o
+  }, r, { onClick: (l) => {
+    l.currentTarget === l.target && c.deselectAll();
+  }, children: [i.jsx(a, {}), e] }));
+}), a = () => {
+  const t = s();
+  return i.jsx("div", { style: {
+    height: t.visibleNodes.length * t.rowHeight,
+    width: "100%",
+    position: "absolute",
+    left: "0",
+    right: "0"
+  }, children: i.jsx(u, {}) });
+};
 export {
-  f as Cursor
+  j as ListOuterElement
 };

package/dist/index.es423.js

@@ -1,35 +1,19 @@
-import { useEffect as n } from "react";
-import { useTreeApi as m } from "./index.es338.js";
-import { actions as a } from "./index.es268.js";
-import { safeRun as f } from "./index.es260.js";
-import { ROOT_ID as g } from "./index.es258.js";
-import { useDrag as c } from "./index.es474.js";
-import { getEmptyImage as u } from "./index.es473.js";
-function O(e) {
-  const r = m(), o = r.selectedIds, [l, s, d] = c(() => ({
-    canDrag: () => e.isDraggable,
-    type: "NODE",
-    item: () => {
-      const t = r.isSelected(e.id) ? Array.from(o) : [e.id];
-      return r.dispatch(a.dragStart(e.id, t)), { id: e.id };
-    },
-    end: () => {
-      r.hideCursor();
-      let { parentId: t, index: i, dragIds: p } = r.state.dnd;
-      r.canDrop() && (f(r.props.onMove, {
-        dragIds: p,
-        parentId: t === g ? null : t,
-        index: i === null ? 0 : i,
-        // When it's null it was dropped over a folder
-        dragNodes: r.dragNodes,
-        parentNode: r.get(t)
-      }), r.open(t)), r.dispatch(a.dragEnd());
-    }
-  }), [o, e]);
-  return n(() => {
-    d(u());
-  }, [d]), s;
-}
+import { j as c } from "./index.es86.js";
+import { forwardRef as u } from "react";
+import { useTreeApi as g } from "./index.es408.js";
+var m = function(r, n) {
+  var o = {};
+  for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && n.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var e = 0, t = Object.getOwnPropertySymbols(r); e < t.length; e++)
+      n.indexOf(t[e]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[e]) && (o[t[e]] = r[t[e]]);
+  return o;
+};
+const v = u(function(n, o) {
+  var t, e, i, d, { style: s } = n, l = m(n, ["style"]);
+  const p = g(), a = (e = (t = p.props.padding) !== null && t !== void 0 ? t : p.props.paddingTop) !== null && e !== void 0 ? e : 0, f = (d = (i = p.props.padding) !== null && i !== void 0 ? i : p.props.paddingBottom) !== null && d !== void 0 ? d : 0;
+  return c.jsx("div", Object.assign({ ref: o, style: Object.assign(Object.assign({}, s), { height: `${parseFloat(s.height) + a + f}px` }) }, l));
+});
 export {
-  O as useDragHook
+  v as ListInnerElement
 };

package/dist/index.es424.js

@@ -1,32 +1,31 @@
-import { useTreeApi as f } from "./index.es338.js";
-import { computeDrop as u } from "./index.es419.js";
-import { actions as m } from "./index.es268.js";
-import { useDrop as d } from "./index.es420.js";
-function l(t, e) {
-  const r = f(), [a, c] = d(() => ({
-    accept: "NODE",
-    canDrop: () => r.canDrop(),
-    hover: (s, o) => {
-      const p = o.getClientOffset();
-      if (!t.current || !p)
-        return;
-      const { cursor: i, drop: n } = u({
-        element: t.current,
-        offset: p,
-        indent: r.indent,
-        node: e,
-        prevNode: e.prev,
-        nextNode: e.next
-      });
-      n && r.dispatch(m.hovering(n.parentId, n.index)), o.canDrop() ? i && r.showCursor(i) : r.hideCursor();
-    },
-    drop: (s, o) => {
-      if (!o.canDrop())
-        return null;
-    }
-  }), [e, t.current, r.props]);
-  return c;
-}
+import { j as a } from "./index.es86.js";
+import w, { useRef as x, useCallback as j, useMemo as p, useEffect as N } from "react";
+import { useDataUpdates as b, useNodesContext as C, useTreeApi as _ } from "./index.es408.js";
+import { useDragHook as E } from "./index.es740.js";
+import { useDropHook as F } from "./index.es741.js";
+import { useFreshNode as S } from "./index.es742.js";
+const O = w.memo(function({ index: c, style: n }) {
+  b(), C();
+  const r = _(), e = S(c), t = x(null), l = E(e), d = F(t, e), u = j((o) => {
+    t.current = o, d(o);
+  }, [d]), i = r.indent * e.level, m = p(() => ({ paddingLeft: i }), [i]), f = p(() => {
+    var o, s;
+    return Object.assign(Object.assign({}, n), { top: parseFloat(n.top) + ((s = (o = r.props.padding) !== null && o !== void 0 ? o : r.props.paddingTop) !== null && s !== void 0 ? s : 0) });
+  }, [n, r.props.padding, r.props.paddingTop]), g = {
+    role: "treeitem",
+    "aria-level": e.level + 1,
+    "aria-selected": e.isSelected,
+    style: f,
+    tabIndex: -1,
+    className: r.props.rowClassName
+  };
+  N(() => {
+    var o;
+    !e.isEditing && e.isFocused && ((o = t.current) === null || o === void 0 || o.focus({ preventScroll: !0 }));
+  }, [e.isEditing, e.isFocused, t.current]);
+  const R = r.renderNode, v = r.renderRow;
+  return a.jsx(v, { node: e, innerRef: u, attrs: g, children: a.jsx(R, { node: e, tree: r, style: m, dragHandle: l }) });
+});
 export {
-  l as useDropHook
+  O as RowContainer
 };