@boxcustodia/library 0.1.1 → 0.1.4

package/dist/index.es348.js

@@ -1,31 +1,336 @@
-const s = {
-  open(e, r) {
-    return { type: "VISIBILITY_OPEN", id: e, filtered: r };
+import Z from "./index.es172.js";
+import U from "./index.es333.js";
+import ee from "./index.es326.js";
+import M from "./index.es421.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 $(l) {
+  cancelAnimationFrame(l.id);
+}
+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;
+}
+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 _;
+}
+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;
+    }
   },
-  close(e, r) {
-    return { type: "VISIBILITY_CLOSE", id: e, filtered: r };
+  getStartIndexForOffset: function(t, n) {
+    var c = t.itemCount, u = t.itemSize;
+    return Math.max(0, Math.min(c - 1, Math.floor(n / u)));
   },
-  toggle(e, r) {
-    return { type: "VISIBILITY_TOGGLE", id: e, filtered: r };
+  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
+    ));
   },
-  clear(e) {
-    return { type: "VISIBILITY_CLEAR", filtered: e };
+  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.'));
   }
-};
-function I(e = {}, r) {
-  if (r.type === "VISIBILITY_OPEN")
-    return Object.assign(Object.assign({}, e), { [r.id]: !0 });
-  if (r.type === "VISIBILITY_CLOSE")
-    return Object.assign(Object.assign({}, e), { [r.id]: !1 });
-  if (r.type === "VISIBILITY_TOGGLE") {
-    const n = e[r.id];
-    return Object.assign(Object.assign({}, e), { [r.id]: !n });
-  } else return r.type === "VISIBILITY_CLEAR" ? {} : e;
-}
-function t(e = { filtered: {}, unfiltered: {} }, r) {
-  return r.type.startsWith("VISIBILITY") ? r.filtered ? Object.assign(Object.assign({}, e), { filtered: I(e.filtered, r) }) : Object.assign(Object.assign({}, e), { unfiltered: I(e.unfiltered, r) }) : e;
-}
+});
 export {
-  s as actions,
-  t as reducer
+  fe as FixedSizeList
 };

package/dist/index.es349.js

@@ -1,51 +1,33 @@
-import { identify as n } from "./index.es342.js";
-import { initialState as O } from "./index.es409.js";
-const c = {
-  clear: () => ({ type: "SELECTION_CLEAR" }),
-  only: (e) => ({
-    type: "SELECTION_ONLY",
-    id: n(e)
-  }),
-  add: (e) => ({
-    type: "SELECTION_ADD",
-    ids: (Array.isArray(e) ? e : [e]).map(n)
-  }),
-  remove: (e) => ({
-    type: "SELECTION_REMOVE",
-    ids: (Array.isArray(e) ? e : [e]).map(n)
-  }),
-  set: (e) => Object.assign({ type: "SELECTION_SET" }, e),
-  mostRecent: (e) => ({
-    type: "SELECTION_MOST_RECENT",
-    id: e === null ? null : n(e)
-  }),
-  anchor: (e) => ({
-    type: "SELECTION_ANCHOR",
-    id: e === null ? null : n(e)
-  })
+import { j as i } from "./index.es84.js";
+import { forwardRef as f } from "react";
+import { useTreeApi as s } from "./index.es338.js";
+import { Cursor as u } from "./index.es422.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, {}) });
 };
-function d(e = O().nodes.selection, s) {
-  const r = e.ids;
-  switch (s.type) {
-    case "SELECTION_CLEAR":
-      return Object.assign(Object.assign({}, e), { ids: /* @__PURE__ */ new Set() });
-    case "SELECTION_ONLY":
-      return Object.assign(Object.assign({}, e), { ids: /* @__PURE__ */ new Set([s.id]) });
-    case "SELECTION_ADD":
-      return s.ids.length === 0 ? e : (s.ids.forEach((E) => r.add(E)), Object.assign(Object.assign({}, e), { ids: new Set(r) }));
-    case "SELECTION_REMOVE":
-      return s.ids.length === 0 ? e : (s.ids.forEach((E) => r.delete(E)), Object.assign(Object.assign({}, e), { ids: new Set(r) }));
-    case "SELECTION_SET":
-      return Object.assign(Object.assign({}, e), { ids: s.ids, mostRecent: s.mostRecent, anchor: s.anchor });
-    case "SELECTION_MOST_RECENT":
-      return Object.assign(Object.assign({}, e), { mostRecent: s.id });
-    case "SELECTION_ANCHOR":
-      return Object.assign(Object.assign({}, e), { anchor: s.id });
-    default:
-      return e;
-  }
-}
 export {
-  c as actions,
-  d as reducer
+  j as ListOuterElement
 };

package/dist/index.es35.js

@@ -1,14 +1,14 @@
-import { j as r } from "./index.es86.js";
-import { useControllableState as C } from "./index.es97.js";
-import { l as D } from "./index.es84.js";
+import { j as r } from "./index.es84.js";
+import { useControllableState as C } from "./index.es91.js";
+import { l as D } from "./index.es98.js";
 import { useMemo as N } from "react";
-import { isDateRange as a } from "./index.es102.js";
-import R from "./index.es103.js";
+import { isDateRange as a } from "./index.es101.js";
+import R from "./index.es102.js";
 import { Calendar as P } from "./index.es30.js";
-import { isDate as s } from "./index.es104.js";
+import { isDate as s } from "./index.es103.js";
 import { PopoverRoot as V, PopoverTrigger as E, PopoverContent as M } from "./index.es49.js";
 import { cn as k } from "./index.es74.js";
-import { formatDate as w } from "./index.es105.js";
+import { formatDate as w } from "./index.es104.js";
 const I = (u) => {
   const {
     mode: t = "single",

package/dist/index.es350.js

@@ -1,33 +1,19 @@
-import { initialState as n } from "./index.es409.js";
-const D = {
-  cursor(r) {
-    return { type: "DND_CURSOR", cursor: r };
-  },
-  dragStart(r, e) {
-    return { type: "DND_DRAG_START", id: r, dragIds: e };
-  },
-  dragEnd() {
-    return { type: "DND_DRAG_END" };
-  },
-  hovering(r, e) {
-    return { type: "DND_HOVERING", parentId: r, index: e };
-  }
+import { j as c } from "./index.es84.js";
+import { forwardRef as u } from "react";
+import { useTreeApi as g } from "./index.es338.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;
 };
-function s(r = n().dnd, e) {
-  switch (e.type) {
-    case "DND_CURSOR":
-      return Object.assign(Object.assign({}, r), { cursor: e.cursor });
-    case "DND_DRAG_START":
-      return Object.assign(Object.assign({}, r), { dragId: e.id, dragIds: e.dragIds });
-    case "DND_DRAG_END":
-      return n().dnd;
-    case "DND_HOVERING":
-      return Object.assign(Object.assign({}, r), { parentId: e.parentId, index: e.index });
-    default:
-      return r;
-  }
-}
+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 {
-  D as actions,
-  s as reducer
+  v as ListInnerElement
 };

package/dist/index.es351.js

@@ -1,46 +1,31 @@
-import { j as r } from "./index.es86.js";
-import { memo as o } from "react";
-import { useTreeApi as l } from "./index.es408.js";
-const u = {
-  position: "fixed",
-  pointerEvents: "none",
-  zIndex: 100,
-  left: 0,
-  top: 0,
-  width: "100%",
-  height: "100%"
-}, c = (e) => {
-  if (!e)
-    return { display: "none" };
-  const { x: n, y: t } = e;
-  return { transform: `translate(${n}px, ${t}px)` };
-}, d = (e) => {
-  if (!e)
-    return { display: "none" };
-  const { x: n, y: t } = e;
-  return { transform: `translate(${n + 10}px, ${t + 10}px)` };
-};
-function v({ offset: e, mouse: n, id: t, dragIds: i, isDragging: s }) {
-  return r.jsxs(a, { isDragging: s, children: [r.jsx(f, { offset: e, children: r.jsx(p, { id: t, dragIds: i }) }), r.jsx(x, { mouse: n, count: i.length })] });
-}
-const a = o(function(n) {
-  return n.isDragging ? r.jsx("div", { style: u, children: n.children }) : null;
-});
-function f(e) {
-  return r.jsx("div", { className: "row preview", style: c(e.offset), children: e.children });
-}
-function x(e) {
-  const { count: n, mouse: t } = e;
-  return n > 1 ? r.jsx("div", { className: "selected-count", style: d(t), children: n }) : null;
-}
-const p = o(function(n) {
-  const t = l(), i = t.get(n.id);
-  return i ? r.jsx(t.renderNode, { preview: !0, node: i, style: {
-    paddingLeft: i.level * t.indent,
-    opacity: 0.2,
-    background: "transparent"
-  }, tree: t }) : null;
+import { j as a } from "./index.es84.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.es338.js";
+import { useDragHook as E } from "./index.es423.js";
+import { useDropHook as F } from "./index.es424.js";
+import { useFreshNode as S } from "./index.es425.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 {
-  v as DefaultDragPreview
+  O as RowContainer
 };