@boxcustodia/library 0.2.0 → 0.2.2

package/dist/index.es265.js

@@ -1,29 +1,46 @@
-import { j as e } from "./index.es82.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) })] });
+import { j as r } from "./index.es82.js";
+import { memo as o } from "react";
+import { useTreeApi as l } from "./index.es335.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;
 });
 export {
-  d as DefaultCursor
+  v as DefaultDragPreview
 };

package/dist/index.es266.js

@@ -1,7 +1,161 @@
-import { j as e } from "./index.es82.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 l } from "./index.es82.js";
+import { FixedSizeList as c } from "./index.es345.js";
+import { useDataUpdates as d, useTreeApi as p } from "./index.es335.js";
+import { focusNextElement as m, focusPrevElement as y } from "./index.es256.js";
+import { ListOuterElement as g } from "./index.es346.js";
+import { ListInnerElement as h } from "./index.es347.js";
+import { RowContainer as v } from "./index.es348.js";
+let i = "", f = null;
+function C() {
+  d();
+  const e = p();
+  return l.jsx("div", { role: "tree", style: {
+    height: e.height,
+    width: e.width,
+    minHeight: 0,
+    minWidth: 0
+  }, onContextMenu: e.props.onContextMenu, onClick: e.props.onClick, tabIndex: 0, onFocus: (t) => {
+    t.currentTarget.contains(t.relatedTarget) || e.onFocus();
+  }, onBlur: (t) => {
+    t.currentTarget.contains(t.relatedTarget) || e.onBlur();
+  }, onKeyDown: (t) => {
+    var o;
+    if (e.isEditing)
+      return;
+    if (t.key === "Backspace") {
+      if (!e.props.onDelete)
+        return;
+      const r = Array.from(e.selectedIds);
+      if (r.length > 1) {
+        let n = e.mostRecentNode;
+        for (; n && n.isSelected; )
+          n = n.nextSibling;
+        n || (n = e.lastNode), e.focus(n, { scroll: !1 }), e.delete(Array.from(r));
+      } else {
+        const n = e.focusedNode;
+        if (n) {
+          const u = n.nextSibling, a = n.parent;
+          e.focus(u || a, { scroll: !1 }), e.delete(n);
+        }
+      }
+      return;
+    }
+    if (t.key === "Tab" && !t.shiftKey) {
+      t.preventDefault(), m(t.currentTarget);
+      return;
+    }
+    if (t.key === "Tab" && t.shiftKey) {
+      t.preventDefault(), y(t.currentTarget);
+      return;
+    }
+    if (t.key === "ArrowDown") {
+      t.preventDefault();
+      const r = e.nextNode;
+      if (t.metaKey) {
+        e.select(e.focusedNode), e.activate(e.focusedNode);
+        return;
+      } else if (!t.shiftKey || e.props.disableMultiSelection) {
+        e.focus(r);
+        return;
+      } else {
+        if (!r)
+          return;
+        const n = e.focusedNode;
+        n ? n.isSelected ? e.selectContiguous(r) : e.selectMulti(r) : e.focus(e.firstNode);
+        return;
+      }
+    }
+    if (t.key === "ArrowUp") {
+      t.preventDefault();
+      const r = e.prevNode;
+      if (!t.shiftKey || e.props.disableMultiSelection) {
+        e.focus(r);
+        return;
+      } else {
+        if (!r)
+          return;
+        const n = e.focusedNode;
+        n ? n.isSelected ? e.selectContiguous(r) : e.selectMulti(r) : e.focus(e.lastNode);
+        return;
+      }
+    }
+    if (t.key === "ArrowRight") {
+      const r = e.focusedNode;
+      if (!r)
+        return;
+      r.isInternal && r.isOpen ? e.focus(e.nextNode) : r.isInternal && e.open(r.id);
+      return;
+    }
+    if (t.key === "ArrowLeft") {
+      const r = e.focusedNode;
+      if (!r || r.isRoot)
+        return;
+      r.isInternal && r.isOpen ? e.close(r.id) : !((o = r.parent) === null || o === void 0) && o.isRoot || e.focus(r.parent);
+      return;
+    }
+    if (t.key === "a" && t.metaKey && !e.props.disableMultiSelection) {
+      t.preventDefault(), e.selectAll();
+      return;
+    }
+    if (t.key === "a" && !t.metaKey && e.props.onCreate) {
+      e.createLeaf();
+      return;
+    }
+    if (t.key === "A" && !t.metaKey) {
+      if (!e.props.onCreate)
+        return;
+      e.createInternal();
+      return;
+    }
+    if (t.key === "Home") {
+      t.preventDefault(), e.focus(e.firstNode);
+      return;
+    }
+    if (t.key === "End") {
+      t.preventDefault(), e.focus(e.lastNode);
+      return;
+    }
+    if (t.key === "Enter") {
+      const r = e.focusedNode;
+      if (!r || !r.isEditable || !e.props.onRename)
+        return;
+      setTimeout(() => {
+        r && e.edit(r);
+      });
+      return;
+    }
+    if (t.key === " ") {
+      t.preventDefault();
+      const r = e.focusedNode;
+      if (!r)
+        return;
+      r.isLeaf ? (r.select(), r.activate()) : r.toggle();
+      return;
+    }
+    if (t.key === "*") {
+      const r = e.focusedNode;
+      if (!r)
+        return;
+      e.openSiblings(r);
+      return;
+    }
+    if (t.key === "PageUp") {
+      t.preventDefault(), e.pageUp();
+      return;
+    }
+    t.key === "PageDown" && (t.preventDefault(), e.pageDown()), clearTimeout(f), i += t.key, f = setTimeout(() => {
+      i = "";
+    }, 600);
+    const s = e.visibleNodes.find((r) => {
+      const n = r.data.name;
+      return typeof n == "string" ? n.toLowerCase().startsWith(i) : !1;
+    });
+    s && e.focus(s.id);
+  }, children: l.jsx(c, { className: e.props.className, outerRef: e.listEl, itemCount: e.visibleNodes.length, height: e.height, width: e.width, itemSize: e.rowHeight, overscanCount: e.overscanCount, itemKey: (t) => {
+    var o;
+    return ((o = e.visibleNodes[t]) === null || o === void 0 ? void 0 : o.id) || t;
+  }, outerElementType: g, innerElementType: h, onScroll: e.props.onScroll, onItemsRendered: e.onItemsRendered.bind(e), ref: e.list, children: v }) });
 }
 export {
-  a as DefaultRow
+  C as DefaultContainer
 };

package/dist/index.es267.js

@@ -1,29 +1,36 @@
-import { j as n } from "./index.es82.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 h(i) {
+  return i.isFiltered ? u(i.root, i.isMatch.bind(i)) : o(i.root);
 }
-function u(e) {
-  return n.jsx(n.Fragment, { children: n.jsx("span", { children: e.node.data.name }) });
+function o(i) {
+  const c = [];
+  function n(r) {
+    var l;
+    r.level >= 0 && c.push(r), r.isOpen && ((l = r.children) === null || l === void 0 || l.forEach(n));
+  }
+  return n(i), c.forEach(a), c;
 }
-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 u(i, c) {
+  const n = {}, r = [];
+  function l(t) {
+    if (!t.isRoot && c(t)) {
+      n[t.id] = !0;
+      let e = t.parent;
+      for (; e; )
+        n[e.id] = !0, e = e.parent;
     }
-  });
+    if (t.children)
+      for (let e of t.children)
+        l(e);
+  }
+  function s(t) {
+    var f;
+    t.level >= 0 && n[t.id] && r.push(t), t.isOpen && ((f = t.children) === null || f === void 0 || f.forEach(s));
+  }
+  return l(i), s(i), r.forEach(a), r;
+}
+function a(i, c) {
+  i.rowIndex = c;
 }
 export {
-  c as DefaultNode
+  h as createList
 };

package/dist/index.es268.js

@@ -1,10 +1,4 @@
-function r(e) {
-  return { type: "EDIT", id: e };
-}
-function i(e = { id: null }, n) {
-  return n.type === "EDIT" ? Object.assign(Object.assign({}, e), { id: n.id }) : e;
-}
+const c = (r) => r.reduce((e, t, n) => (e[t.id] = n, e), {});
 export {
-  r as edit,
-  i as reducer
+  c as createIndex
 };

package/dist/index.es269.js

@@ -1,14 +1,82 @@
-function t(e) {
-  return { type: "FOCUS", id: e };
+class o {
+  constructor(i) {
+    this.root = l(i);
+  }
+  get data() {
+    var i, t;
+    return (t = (i = this.root.children) === null || i === void 0 ? void 0 : i.map((n) => n.data)) !== null && t !== void 0 ? t : [];
+  }
+  create(i) {
+    const t = i.parentId ? this.find(i.parentId) : this.root;
+    if (!t)
+      return null;
+    t.addChild(i.data, i.index);
+  }
+  move(i) {
+    const t = this.find(i.id), n = i.parentId ? this.find(i.parentId) : this.root;
+    !t || !n || (n.addChild(t.data, i.index), t.drop());
+  }
+  update(i) {
+    const t = this.find(i.id);
+    t && t.update(i.changes);
+  }
+  drop(i) {
+    const t = this.find(i.id);
+    t && t.drop();
+  }
+  find(i, t = this.root) {
+    if (!t)
+      return null;
+    if (t.id === i)
+      return t;
+    if (t.children) {
+      for (let n of t.children) {
+        const e = this.find(i, n);
+        if (e)
+          return e;
+      }
+      return null;
+    }
+    return null;
+  }
 }
-function u() {
-  return { type: "TREE_BLUR" };
+function l(d) {
+  const i = new h({ id: "ROOT" }, null);
+  return i.children = d.map((t) => r(t, i)), i;
 }
-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 r(d, i) {
+  const t = new h(d, i);
+  return d.children && (t.children = d.children.map((n) => r(n, t))), t;
+}
+class h {
+  constructor(i, t) {
+    this.data = i, this.parent = t, this.id = i.id;
+  }
+  hasParent() {
+    return !!this.parent;
+  }
+  get childIndex() {
+    return this.hasParent() ? this.parent.children.indexOf(this) : -1;
+  }
+  addChild(i, t) {
+    var n, e;
+    const s = r(i, this);
+    this.children = (n = this.children) !== null && n !== void 0 ? n : [], this.children.splice(t, 0, s), this.data.children = (e = this.data.children) !== null && e !== void 0 ? e : [], this.data.children.splice(t, 0, i);
+  }
+  removeChild(i) {
+    var t, n;
+    (t = this.children) === null || t === void 0 || t.splice(i, 1), (n = this.data.children) === null || n === void 0 || n.splice(i, 1);
+  }
+  update(i) {
+    if (this.hasParent()) {
+      const t = this.childIndex;
+      this.parent.addChild(Object.assign(Object.assign({}, this.data), i), t), this.drop();
+    }
+  }
+  drop() {
+    this.hasParent() && this.parent.removeChild(this.childIndex);
+  }
 }
 export {
-  t as focus,
-  n as reducer,
-  u as treeBlur
+  o as SimpleTree
 };

package/dist/index.es27.js

@@ -1,4 +1,4 @@
-import { cva as r } from "./index.es83.js";
+import { cva as r } from "./index.es85.js";
 const e = r(
   "ui-inline-flex ui-items-center ui-rounded-full ui-border ui-gap-2 ui-px-2.5 ui-py-0.5 ui-text-xs ui-font-semibold ui-transition-colors focus:ui-outline-none focus:ui-ring-2 focus:ui-ring-ring focus:ui-ring-offset-2",
   {

package/dist/index.es270.js

@@ -1,31 +1,21 @@
-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 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;
+import { useState as i, useMemo as s } from "react";
+import { SimpleTree as l } from "./index.es269.js";
+let m = 0;
+function D(d) {
+  const [a, o] = i(d), t = s(() => new l(a), [a]);
+  return [a, { onMove: (e) => {
+    for (const n of e.dragIds)
+      t.move({ id: n, parentId: e.parentId, index: e.index });
+    o(t.data);
+  }, onRename: ({ name: e, id: n }) => {
+    t.update({ id: n, changes: { name: e } }), o(t.data);
+  }, onCreate: ({ parentId: e, index: n, type: c }) => {
+    const r = { id: `simple-tree-id-${m++}`, name: "" };
+    return c === "internal" && (r.children = []), t.create({ parentId: e, index: n, data: r }), o(t.data), r;
+  }, onDelete: (e) => {
+    e.ids.forEach((n) => t.drop({ id: n })), o(t.data);
+  } }];
 }
 export {
-  s as actions,
-  t as reducer
+  D as useSimpleTree
 };

package/dist/index.es271.js

@@ -1,51 +1,4 @@
-import { identify as n } from "./index.es264.js";
-import { initialState as O } from "./index.es338.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 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;
-  }
-}
+var t = { exports: {} };
 export {
-  c as actions,
-  d as reducer
+  t as __module
 };