@boxcustodia/library 0.2.10 → 0.2.11

package/dist/index.es267.js

@@ -1,134 +1,29 @@
-function d(n, t, e) {
-  return Math.max(Math.min(n, e), t);
-}
-function a(n) {
-  return n && n.isLeaf;
-}
-function h(n) {
-  return n && n.isInternal && !n.isOpen;
-}
-function p(n) {
-  var t;
-  return n && n.isOpen && !(!((t = n.children) === null || t === void 0) && t.length);
-}
-const m = (n, t) => {
-  let e = n;
-  for (; e; ) {
-    if (e.id === t.id)
-      return !0;
-    e = e.parent;
-  }
-  return !1;
-}, v = (n) => {
-  if (!n.parent)
-    throw Error("Node does not have a parent");
-  return n.parent.children.findIndex((t) => t.id === n.id);
-};
-function b() {
-}
-function l(n, t) {
-  if (!n)
-    return null;
-  if (n.id === t)
-    return n;
-  if (n.children)
-    for (let e of n.children) {
-      const i = l(e, t);
-      if (i)
-        return i;
-    }
-  return null;
-}
-function f(n, t) {
-  if (t(n), n.children)
-    for (let e of n.children)
-      f(e, t);
-}
-function x(n) {
-  const t = u(n);
-  let e;
-  for (let i = 0; i < t.length; ++i)
-    if (t[i] === n) {
-      e = o(t, i);
-      break;
-    }
-  e == null || e.focus();
-}
-function y(n) {
-  const t = u(n);
-  let e;
-  for (let i = 0; i < t.length; ++i)
-    if (t[i] === n) {
-      e = c(t, i);
-      break;
-    }
-  e == null || e.focus();
-}
-function o(n, t) {
-  return t + 1 < n.length ? n[t + 1] : n[0];
-}
-function c(n, t) {
-  return t - 1 >= 0 ? n[t - 1] : n[n.length - 1];
-}
-function u(n) {
-  return Array.from(document.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled]), details:not([disabled]), summary:not(:disabled)')).filter((t) => t === n || !n.contains(t));
-}
-function I(n, t) {
-  return typeof t == "boolean" ? t : typeof t == "string" ? n[t] : t(n);
-}
-function g(n) {
-  return n === null ? null : s(n);
-}
-function s(n) {
-  return typeof n == "string" ? n : n.id;
-}
-function O(...n) {
-  return (t) => {
-    n.forEach((e) => {
-      typeof e == "function" ? e(t) : e != null && (e.current = t);
-    });
+import { j as e } from "./index.es88.js";
+import n from "react";
+const r = {
+  display: "flex",
+  alignItems: "center",
+  zIndex: 1
+}, l = {
+  flex: 1,
+  height: "2px",
+  background: "#4B91E2",
+  borderRadius: "1px"
+}, x = {
+  width: "4px",
+  height: "4px",
+  boxShadow: "0 0 0 3px #4B91E2",
+  borderRadius: "50%"
+}, d = n.memo(function({ top: t, left: s, indent: o }) {
+  const i = {
+    position: "absolute",
+    pointerEvents: "none",
+    top: t - 2 + "px",
+    left: s + "px",
+    right: o + "px"
   };
-}
-function w(n, ...t) {
-  if (n)
-    return n(...t);
-}
-function E(n) {
-  return new Promise((t, e) => {
-    let i = 0;
-    function r() {
-      i += 1, i === 100 && e(), n() ? t() : setTimeout(r, 10);
-    }
-    r();
-  });
-}
-function N(n) {
-  var t, e;
-  const i = n.focusedNode;
-  return i ? i.isOpen ? 0 : i.parent ? i.childIndex + 1 : 0 : (e = (t = n.root.children) === null || t === void 0 ? void 0 : t.length) !== null && e !== void 0 ? e : 0;
-}
-function k(n) {
-  const t = n.focusedNode;
-  return t ? t.isOpen ? t.id : t.parent && !t.parent.isRoot ? t.parent.id : null : null;
-}
+  return e.jsxs("div", { style: Object.assign(Object.assign({}, r), i), children: [e.jsx("div", { style: Object.assign({}, x) }), e.jsx("div", { style: Object.assign({}, l) })] });
+});
 export {
-  I as access,
-  d as bound,
-  l as dfs,
-  x as focusNextElement,
-  y as focusPrevElement,
-  N as getInsertIndex,
-  k as getInsertParentId,
-  s as identify,
-  g as identifyNull,
-  v as indexOf,
-  h as isClosed,
-  m as isDescendant,
-  a as isItem,
-  p as isOpenWithEmptyChildren,
-  O as mergeRefs,
-  b as noop,
-  w as safeRun,
-  E as waitFor,
-  f as walk
+  d as DefaultCursor
 };

package/dist/index.es268.js

@@ -1,29 +1,7 @@
 import { j as e } from "./index.es88.js";
-import n from "react";
-const r = {
-  display: "flex",
-  alignItems: "center",
-  zIndex: 1
-}, l = {
-  flex: 1,
-  height: "2px",
-  background: "#4B91E2",
-  borderRadius: "1px"
-}, x = {
-  width: "4px",
-  height: "4px",
-  boxShadow: "0 0 0 3px #4B91E2",
-  borderRadius: "50%"
-}, d = n.memo(function({ top: t, left: s, indent: o }) {
-  const i = {
-    position: "absolute",
-    pointerEvents: "none",
-    top: t - 2 + "px",
-    left: s + "px",
-    right: o + "px"
-  };
-  return e.jsxs("div", { style: Object.assign(Object.assign({}, r), i), children: [e.jsx("div", { style: Object.assign({}, x) }), e.jsx("div", { style: Object.assign({}, l) })] });
-});
+function a({ node: o, attrs: n, innerRef: t, children: i }) {
+  return e.jsx("div", Object.assign({}, n, { ref: t, onFocus: (r) => r.stopPropagation(), onClick: o.handleClick, children: i }));
+}
 export {
-  d as DefaultCursor
+  a as DefaultRow
 };

package/dist/index.es269.js

@@ -1,7 +1,29 @@
-import { j as e } from "./index.es88.js";
-function a({ node: o, attrs: n, innerRef: t, children: i }) {
-  return e.jsx("div", Object.assign({}, n, { ref: t, onFocus: (r) => r.stopPropagation(), onClick: o.handleClick, children: i }));
+import { j as n } from "./index.es88.js";
+import { useRef as r, useEffect as s } from "react";
+function c(e) {
+  return n.jsxs("div", { ref: e.dragHandle, style: e.style, children: [n.jsx("span", { onClick: (i) => {
+    i.stopPropagation(), e.node.toggle();
+  }, children: e.node.isLeaf ? "🌳" : e.node.isOpen ? "🗁" : "🗀" }), " ", e.node.isEditing ? n.jsx(o, Object.assign({}, e)) : n.jsx(u, Object.assign({}, e))] });
+}
+function u(e) {
+  return n.jsx(n.Fragment, { children: n.jsx("span", { children: e.node.data.name }) });
+}
+function o({ node: e }) {
+  const i = r();
+  return s(() => {
+    var a, t;
+    (a = i.current) === null || a === void 0 || a.focus(), (t = i.current) === null || t === void 0 || t.select();
+  }, []), n.jsx("input", {
+    ref: i,
+    // @ts-ignore
+    defaultValue: e.data.name,
+    onBlur: () => e.reset(),
+    onKeyDown: (a) => {
+      var t;
+      a.key === "Escape" && e.reset(), a.key === "Enter" && e.submit(((t = i.current) === null || t === void 0 ? void 0 : t.value) || "");
+    }
+  });
 }
 export {
-  a as DefaultRow
+  c as DefaultNode
 };

package/dist/index.es270.js

@@ -1,29 +1,10 @@
-import { j as n } from "./index.es88.js";
-import { useRef as r, useEffect as s } from "react";
-function c(e) {
-  return n.jsxs("div", { ref: e.dragHandle, style: e.style, children: [n.jsx("span", { onClick: (i) => {
-    i.stopPropagation(), e.node.toggle();
-  }, children: e.node.isLeaf ? "🌳" : e.node.isOpen ? "🗁" : "🗀" }), " ", e.node.isEditing ? n.jsx(o, Object.assign({}, e)) : n.jsx(u, Object.assign({}, e))] });
+function r(e) {
+  return { type: "EDIT", id: e };
 }
-function u(e) {
-  return n.jsx(n.Fragment, { children: n.jsx("span", { children: e.node.data.name }) });
-}
-function o({ node: e }) {
-  const i = r();
-  return s(() => {
-    var a, t;
-    (a = i.current) === null || a === void 0 || a.focus(), (t = i.current) === null || t === void 0 || t.select();
-  }, []), n.jsx("input", {
-    ref: i,
-    // @ts-ignore
-    defaultValue: e.data.name,
-    onBlur: () => e.reset(),
-    onKeyDown: (a) => {
-      var t;
-      a.key === "Escape" && e.reset(), a.key === "Enter" && e.submit(((t = i.current) === null || t === void 0 ? void 0 : t.value) || "");
-    }
-  });
+function i(e = { id: null }, n) {
+  return n.type === "EDIT" ? Object.assign(Object.assign({}, e), { id: n.id }) : e;
 }
 export {
-  c as DefaultNode
+  r as edit,
+  i as reducer
 };

package/dist/index.es271.js

@@ -1,10 +1,14 @@
-function r(e) {
-  return { type: "EDIT", id: e };
+function t(e) {
+  return { type: "FOCUS", id: e };
 }
-function i(e = { id: null }, n) {
-  return n.type === "EDIT" ? Object.assign(Object.assign({}, e), { id: n.id }) : e;
+function u() {
+  return { type: "TREE_BLUR" };
+}
+function n(e = { id: null, treeFocused: !1 }, r) {
+  return r.type === "FOCUS" ? Object.assign(Object.assign({}, e), { id: r.id, treeFocused: !0 }) : r.type === "TREE_BLUR" ? Object.assign(Object.assign({}, e), { treeFocused: !1 }) : e;
 }
 export {
-  r as edit,
-  i as reducer
+  t as focus,
+  n as reducer,
+  u as treeBlur
 };

package/dist/index.es272.js

@@ -1,14 +1,31 @@
-function t(e) {
-  return { type: "FOCUS", id: e };
-}
-function u() {
-  return { type: "TREE_BLUR" };
+const s = {
+  open(e, r) {
+    return { type: "VISIBILITY_OPEN", id: e, filtered: r };
+  },
+  close(e, r) {
+    return { type: "VISIBILITY_CLOSE", id: e, filtered: r };
+  },
+  toggle(e, r) {
+    return { type: "VISIBILITY_TOGGLE", id: e, filtered: r };
+  },
+  clear(e) {
+    return { type: "VISIBILITY_CLEAR", filtered: e };
+  }
+};
+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 n(e = { id: null, treeFocused: !1 }, r) {
-  return r.type === "FOCUS" ? Object.assign(Object.assign({}, e), { id: r.id, treeFocused: !0 }) : r.type === "TREE_BLUR" ? Object.assign(Object.assign({}, e), { treeFocused: !1 }) : 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 {
-  t as focus,
-  n as reducer,
-  u as treeBlur
+  s as actions,
+  t as reducer
 };

package/dist/index.es273.js

@@ -1,31 +1,51 @@
-const s = {
-  open(e, r) {
-    return { type: "VISIBILITY_OPEN", id: e, filtered: r };
-  },
-  close(e, r) {
-    return { type: "VISIBILITY_CLOSE", id: e, filtered: r };
-  },
-  toggle(e, r) {
-    return { type: "VISIBILITY_TOGGLE", id: e, filtered: r };
-  },
-  clear(e) {
-    return { type: "VISIBILITY_CLEAR", filtered: e };
-  }
+import { identify as n } from "./index.es266.js";
+import { initialState as O } from "./index.es348.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)
+  })
 };
-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;
+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 {
-  s as actions,
-  t as reducer
+  c as actions,
+  d as reducer
 };

package/dist/index.es274.js

@@ -1,51 +1,33 @@
-import { identify as n } from "./index.es267.js";
-import { initialState as O } from "./index.es348.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 { initialState as n } from "./index.es348.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 };
+  }
 };
-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 });
+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 e;
+      return r;
   }
 }
 export {
-  c as actions,
-  d as reducer
+  D as actions,
+  s as reducer
 };

package/dist/index.es275.js

@@ -1,33 +1,46 @@
-import { initialState as n } from "./index.es348.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 r } from "./index.es88.js";
+import { memo as o } from "react";
+import { useTreeApi as l } from "./index.es347.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 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;
-  }
+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;
+});
 export {
-  D as actions,
-  s as reducer
+  v as DefaultDragPreview
 };