@boxcustodia/library 0.1.0 → 0.1.2

package/dist/index.es257.js

@@ -1,137 +1,465 @@
-import { ROOT_ID as r } from "./index.es258.js";
-class i {
-  constructor(e) {
-    this.handleClick = (t) => {
-      t.metaKey && !this.tree.props.disableMultiSelection ? this.isSelected ? this.deselect() : this.selectMulti() : t.shiftKey && !this.tree.props.disableMultiSelection ? this.selectContiguous() : (this.select(), this.activate());
-    }, this.tree = e.tree, this.id = e.id, this.data = e.data, this.level = e.level, this.children = e.children, this.parent = e.parent, this.isDraggable = e.isDraggable, this.rowIndex = e.rowIndex;
+import * as T from "./index.es258.js";
+import { access as p, identifyNull as D, getInsertParentId as R, getInsertIndex as O, isDescendant as C, dfs as P, walk as x, waitFor as A } from "./index.es258.js";
+import { DefaultCursor as E } from "./index.es259.js";
+import { DefaultRow as M } from "./index.es260.js";
+import { DefaultNode as B } from "./index.es261.js";
+import { edit as m } from "./index.es262.js";
+import { focus as u, treeBlur as L } from "./index.es263.js";
+import { createRoot as I, ROOT_ID as k } from "./index.es256.js";
+import { actions as b } from "./index.es264.js";
+import { actions as d } from "./index.es265.js";
+import { actions as w } from "./index.es266.js";
+import { DefaultDragPreview as z } from "./index.es267.js";
+import { DefaultContainer as $ } from "./index.es268.js";
+import { createList as _ } from "./index.es269.js";
+import { createIndex as S } from "./index.es270.js";
+var N = function(y, t, e, s) {
+  function i(n) {
+    return n instanceof e ? n : new e(function(r) {
+      r(n);
+    });
+  }
+  return new (e || (e = Promise))(function(n, r) {
+    function h(c) {
+      try {
+        g(s.next(c));
+      } catch (v) {
+        r(v);
+      }
+    }
+    function F(c) {
+      try {
+        g(s.throw(c));
+      } catch (v) {
+        r(v);
+      }
+    }
+    function g(c) {
+      c.done ? n(c.value) : i(c.value).then(h, F);
+    }
+    g((s = s.apply(y, t || [])).next());
+  });
+};
+const { safeRun: o, identify: a, identifyNull: l } = T;
+class f {
+  constructor(t, e, s, i) {
+    this.store = t, this.props = e, this.list = s, this.listEl = i, this.visibleStartIndex = 0, this.visibleStopIndex = 0, this.root = I(this), this.visibleNodes = _(this), this.idToIndex = S(this.visibleNodes);
   }
-  get isRoot() {
-    return this.id === r;
+  /* Changes here must also be made in constructor() */
+  update(t) {
+    this.props = t, this.root = I(this), this.visibleNodes = _(this), this.idToIndex = S(this.visibleNodes);
   }
-  get isLeaf() {
-    return !Array.isArray(this.children);
+  /* Store helpers */
+  dispatch(t) {
+    return this.store.dispatch(t);
   }
-  get isInternal() {
-    return !this.isLeaf;
+  get state() {
+    return this.store.getState();
   }
-  get isOpen() {
-    return this.isLeaf ? !1 : this.tree.isOpen(this.id);
+  get openState() {
+    return this.state.nodes.open.unfiltered;
   }
-  get isClosed() {
-    return this.isLeaf ? !1 : !this.tree.isOpen(this.id);
+  /* Tree Props */
+  get width() {
+    var t;
+    return (t = this.props.width) !== null && t !== void 0 ? t : 300;
   }
-  get isEditable() {
-    return this.tree.isEditable(this.data);
+  get height() {
+    var t;
+    return (t = this.props.height) !== null && t !== void 0 ? t : 500;
   }
-  get isEditing() {
-    return this.tree.editingId === this.id;
+  get indent() {
+    var t;
+    return (t = this.props.indent) !== null && t !== void 0 ? t : 24;
+  }
+  get rowHeight() {
+    var t;
+    return (t = this.props.rowHeight) !== null && t !== void 0 ? t : 24;
   }
-  get isSelected() {
-    return this.tree.isSelected(this.id);
+  get overscanCount() {
+    var t;
+    return (t = this.props.overscanCount) !== null && t !== void 0 ? t : 1;
   }
-  get isOnlySelection() {
-    return this.isSelected && this.tree.hasOneSelection;
+  get searchTerm() {
+    return (this.props.searchTerm || "").trim();
   }
-  get isSelectedStart() {
+  get matchFn() {
+    var t;
+    const e = (t = this.props.searchMatch) !== null && t !== void 0 ? t : (s, i) => JSON.stringify(Object.values(s.data)).toLocaleLowerCase().includes(i.toLocaleLowerCase());
+    return (s) => e(s, this.searchTerm);
+  }
+  accessChildren(t) {
     var e;
-    return this.isSelected && !(!((e = this.prev) === null || e === void 0) && e.isSelected);
+    const s = this.props.childrenAccessor || "children";
+    return (e = p(t, s)) !== null && e !== void 0 ? e : null;
+  }
+  accessId(t) {
+    const e = this.props.idAccessor || "id", s = p(t, e);
+    if (!s)
+      throw new Error("Data must contain an 'id' property or props.idAccessor must return a string");
+    return s;
+  }
+  /* Node Access */
+  get firstNode() {
+    var t;
+    return (t = this.visibleNodes[0]) !== null && t !== void 0 ? t : null;
+  }
+  get lastNode() {
+    var t;
+    return (t = this.visibleNodes[this.visibleNodes.length - 1]) !== null && t !== void 0 ? t : null;
+  }
+  get focusedNode() {
+    var t;
+    return (t = this.get(this.state.nodes.focus.id)) !== null && t !== void 0 ? t : null;
+  }
+  get mostRecentNode() {
+    var t;
+    return (t = this.get(this.state.nodes.selection.mostRecent)) !== null && t !== void 0 ? t : null;
+  }
+  get nextNode() {
+    const t = this.indexOf(this.focusedNode);
+    return t === null ? null : this.at(t + 1);
+  }
+  get prevNode() {
+    const t = this.indexOf(this.focusedNode);
+    return t === null ? null : this.at(t - 1);
+  }
+  get(t) {
+    return t && t in this.idToIndex && this.visibleNodes[this.idToIndex[t]] || null;
+  }
+  at(t) {
+    return this.visibleNodes[t] || null;
+  }
+  nodesBetween(t, e) {
+    var s;
+    if (t === null || e === null)
+      return [];
+    const i = (s = this.indexOf(t)) !== null && s !== void 0 ? s : 0, n = this.indexOf(e);
+    if (n === null)
+      return [];
+    const r = Math.min(i, n), h = Math.max(i, n);
+    return this.visibleNodes.slice(r, h + 1);
+  }
+  indexOf(t) {
+    const e = D(t);
+    return e ? this.idToIndex[e] : null;
+  }
+  /* Data Operations */
+  get editingId() {
+    return this.state.nodes.edit.id;
+  }
+  createInternal() {
+    return this.create({ type: "internal" });
+  }
+  createLeaf() {
+    return this.create({ type: "leaf" });
+  }
+  create(t = {}) {
+    var e, s;
+    return N(this, void 0, void 0, function* () {
+      const i = t.parentId === void 0 ? R(this) : t.parentId, n = (e = t.index) !== null && e !== void 0 ? e : O(this), r = (s = t.type) !== null && s !== void 0 ? s : "leaf", h = yield o(this.props.onCreate, {
+        type: r,
+        parentId: i,
+        index: n,
+        parentNode: this.get(i)
+      });
+      h && (this.focus(h), setTimeout(() => {
+        this.edit(h).then(() => {
+          this.select(h), this.activate(h);
+        });
+      }));
+    });
+  }
+  delete(t) {
+    return N(this, void 0, void 0, function* () {
+      if (!t)
+        return;
+      const s = (Array.isArray(t) ? t : [t]).map(a), i = s.map((n) => this.get(n)).filter((n) => !!n);
+      yield o(this.props.onDelete, { nodes: i, ids: s });
+    });
+  }
+  edit(t) {
+    const e = a(t);
+    return this.resolveEdit({ cancelled: !0 }), this.scrollTo(e), this.dispatch(m(e)), new Promise((s) => {
+      f.editPromise = s;
+    });
+  }
+  submit(t, e) {
+    return N(this, void 0, void 0, function* () {
+      if (!t)
+        return;
+      const s = a(t);
+      yield o(this.props.onRename, {
+        id: s,
+        name: e,
+        node: this.get(s)
+      }), this.dispatch(m(null)), this.resolveEdit({ cancelled: !1, value: e }), setTimeout(() => this.onFocus());
+    });
+  }
+  reset() {
+    this.dispatch(m(null)), this.resolveEdit({ cancelled: !0 }), setTimeout(() => this.onFocus());
+  }
+  activate(t) {
+    const e = this.get(l(t));
+    e && o(this.props.onActivate, e);
+  }
+  resolveEdit(t) {
+    const e = f.editPromise;
+    e && e(t), f.editPromise = null;
   }
-  get isSelectedEnd() {
+  /* Focus and Selection */
+  get selectedIds() {
+    return this.state.nodes.selection.ids;
+  }
+  get selectedNodes() {
+    let t = [];
+    for (let e of Array.from(this.selectedIds)) {
+      const s = this.get(e);
+      s && t.push(s);
+    }
+    return t;
+  }
+  focus(t, e = {}) {
+    t && (this.props.selectionFollowsFocus ? this.select(t) : (this.dispatch(u(a(t))), e.scroll !== !1 && this.scrollTo(t), this.focusedNode && o(this.props.onFocus, this.focusedNode)));
+  }
+  pageUp() {
+    var t, e;
+    const s = this.visibleStartIndex, n = this.visibleStopIndex - s;
+    let r = (e = (t = this.focusedNode) === null || t === void 0 ? void 0 : t.rowIndex) !== null && e !== void 0 ? e : 0;
+    r > s ? r = s : r = Math.max(s - n, 0), this.focus(this.at(r));
+  }
+  pageDown() {
+    var t, e;
+    const s = this.visibleStartIndex, i = this.visibleStopIndex, n = i - s;
+    let r = (e = (t = this.focusedNode) === null || t === void 0 ? void 0 : t.rowIndex) !== null && e !== void 0 ? e : 0;
+    r < i ? r = i : r = Math.min(r + n, this.visibleNodes.length - 1), this.focus(this.at(r));
+  }
+  select(t, e = {}) {
+    if (!t)
+      return;
+    const s = e.focus !== !1, i = a(t);
+    s && this.dispatch(u(i)), this.dispatch(d.only(i)), this.dispatch(d.anchor(i)), this.dispatch(d.mostRecent(i)), this.scrollTo(i, e.align), this.focusedNode && s && o(this.props.onFocus, this.focusedNode), o(this.props.onSelect, this.selectedNodes);
+  }
+  deselect(t) {
+    if (!t)
+      return;
+    const e = a(t);
+    this.dispatch(d.remove(e));
+  }
+  selectMulti(t) {
+    const e = this.get(l(t));
+    e && (this.dispatch(u(e.id)), this.dispatch(d.add(e.id)), this.dispatch(d.anchor(e.id)), this.dispatch(d.mostRecent(e.id)), this.scrollTo(e), this.focusedNode && o(this.props.onFocus, this.focusedNode), o(this.props.onSelect, this.selectedNodes));
+  }
+  selectContiguous(t) {
+    if (!t)
+      return;
+    const e = a(t), { anchor: s, mostRecent: i } = this.state.nodes.selection;
+    this.dispatch(u(e)), this.dispatch(d.remove(this.nodesBetween(s, i))), this.dispatch(d.add(this.nodesBetween(s, l(e)))), this.dispatch(d.mostRecent(e)), this.scrollTo(e), this.focusedNode && o(this.props.onFocus, this.focusedNode), o(this.props.onSelect, this.selectedNodes);
+  }
+  deselectAll() {
+    this.setSelection({ ids: [], anchor: null, mostRecent: null }), o(this.props.onSelect, this.selectedNodes);
+  }
+  selectAll() {
+    var t;
+    this.setSelection({
+      ids: Object.keys(this.idToIndex),
+      anchor: this.firstNode,
+      mostRecent: this.lastNode
+    }), this.dispatch(u((t = this.lastNode) === null || t === void 0 ? void 0 : t.id)), this.focusedNode && o(this.props.onFocus, this.focusedNode), o(this.props.onSelect, this.selectedNodes);
+  }
+  setSelection(t) {
     var e;
-    return this.isSelected && !(!((e = this.next) === null || e === void 0) && e.isSelected);
+    const s = new Set((e = t.ids) === null || e === void 0 ? void 0 : e.map(a)), i = l(t.anchor), n = l(t.mostRecent);
+    this.dispatch(d.set({ ids: s, anchor: i, mostRecent: n })), o(this.props.onSelect, this.selectedNodes);
+  }
+  /* Drag and Drop */
+  get cursorParentId() {
+    const { cursor: t } = this.state.dnd;
+    switch (t.type) {
+      case "highlight":
+        return t.id;
+      default:
+        return null;
+    }
   }
-  get isFocused() {
-    return this.tree.isFocused(this.id);
+  get cursorOverFolder() {
+    return this.state.dnd.cursor.type === "highlight";
   }
-  get isDragging() {
-    return this.tree.isDragging(this.id);
+  get dragNodes() {
+    return this.state.dnd.dragIds.map((t) => this.get(t)).filter((t) => !!t);
   }
-  get willReceiveDrop() {
-    return this.tree.willReceiveDrop(this.id);
+  get dragNode() {
+    return this.get(this.state.nodes.drag.id);
   }
-  get state() {
-    return {
-      isClosed: this.isClosed,
-      isDragging: this.isDragging,
-      isEditing: this.isEditing,
-      isFocused: this.isFocused,
-      isInternal: this.isInternal,
-      isLeaf: this.isLeaf,
-      isOpen: this.isOpen,
-      isSelected: this.isSelected,
-      isSelectedEnd: this.isSelectedEnd,
-      isSelectedStart: this.isSelectedStart,
-      willReceiveDrop: this.willReceiveDrop
-    };
-  }
-  get childIndex() {
-    return this.parent && this.parent.children ? this.parent.children.findIndex((e) => e.id === this.id) : -1;
-  }
-  get next() {
-    return this.rowIndex === null ? null : this.tree.at(this.rowIndex + 1);
-  }
-  get prev() {
-    return this.rowIndex === null ? null : this.tree.at(this.rowIndex - 1);
-  }
-  get nextSibling() {
-    var e, t;
-    const s = this.childIndex;
-    return (t = (e = this.parent) === null || e === void 0 ? void 0 : e.children[s + 1]) !== null && t !== void 0 ? t : null;
-  }
-  isAncestorOf(e) {
-    if (!e)
+  get dragDestinationParent() {
+    return this.get(this.state.nodes.drag.destinationParentId);
+  }
+  get dragDestinationIndex() {
+    return this.state.nodes.drag.destinationIndex;
+  }
+  canDrop() {
+    var t;
+    if (this.isFiltered)
       return !1;
-    let t = e;
-    for (; t; ) {
-      if (t.id === this.id)
-        return !0;
-      t = t.parent;
+    const e = (t = this.get(this.state.dnd.parentId)) !== null && t !== void 0 ? t : this.root, s = this.dragNodes, i = this.props.disableDrop;
+    for (const n of s)
+      if (!n || !e || n.isInternal && C(e, n))
+        return !1;
+    return typeof i == "function" ? !i({
+      parentNode: e,
+      dragNodes: this.dragNodes,
+      index: this.state.dnd.index || 0
+    }) : typeof i == "string" ? !e.data[i] : typeof i == "boolean" ? !i : !0;
+  }
+  hideCursor() {
+    this.dispatch(w.cursor({ type: "none" }));
+  }
+  showCursor(t) {
+    this.dispatch(w.cursor(t));
+  }
+  /* Visibility */
+  open(t) {
+    const e = l(t);
+    e && (this.isOpen(e) || (this.dispatch(b.open(e, this.isFiltered)), o(this.props.onToggle, e)));
+  }
+  close(t) {
+    const e = l(t);
+    e && this.isOpen(e) && (this.dispatch(b.close(e, this.isFiltered)), o(this.props.onToggle, e));
+  }
+  toggle(t) {
+    const e = l(t);
+    if (e)
+      return this.isOpen(e) ? this.close(e) : this.open(e);
+  }
+  openParents(t) {
+    const e = l(t);
+    if (!e)
+      return;
+    const s = P(this.root, e);
+    let i = s == null ? void 0 : s.parent;
+    for (; i; )
+      this.open(i.id), i = i.parent;
+  }
+  openSiblings(t) {
+    const e = t.parent;
+    if (!e)
+      this.toggle(t.id);
+    else if (e.children) {
+      const s = t.isOpen;
+      for (let i of e.children)
+        i.isInternal && (s ? this.close(i.id) : this.open(i.id));
+      this.scrollTo(this.focusedNode);
     }
-    return !1;
   }
-  select() {
-    this.tree.select(this);
+  openAll() {
+    x(this.root, (t) => {
+      t.isInternal && t.open();
+    });
+  }
+  closeAll() {
+    x(this.root, (t) => {
+      t.isInternal && t.close();
+    });
+  }
+  /* Scrolling */
+  scrollTo(t, e = "smart") {
+    if (!t)
+      return;
+    const s = a(t);
+    return this.openParents(s), A(() => s in this.idToIndex).then(() => {
+      var i;
+      const n = this.idToIndex[s];
+      n !== void 0 && ((i = this.list.current) === null || i === void 0 || i.scrollToItem(n, e));
+    }).catch(() => {
+    });
+  }
+  /* State Checks */
+  get isEditing() {
+    return this.state.nodes.edit.id !== null;
   }
-  deselect() {
-    this.tree.deselect(this);
+  get isFiltered() {
+    var t;
+    return !!(!((t = this.props.searchTerm) === null || t === void 0) && t.trim());
   }
-  selectMulti() {
-    this.tree.selectMulti(this);
+  get hasFocus() {
+    return this.state.nodes.focus.treeFocused;
   }
-  selectContiguous() {
-    this.tree.selectContiguous(this);
+  get hasNoSelection() {
+    return this.state.nodes.selection.ids.size === 0;
   }
-  activate() {
-    this.tree.activate(this);
+  get hasOneSelection() {
+    return this.state.nodes.selection.ids.size === 1;
   }
-  focus() {
-    this.tree.focus(this);
+  get hasMultipleSelections() {
+    return this.state.nodes.selection.ids.size > 1;
   }
-  toggle() {
-    this.tree.toggle(this);
+  isSelected(t) {
+    return t ? this.state.nodes.selection.ids.has(t) : !1;
   }
-  open() {
-    this.tree.open(this);
+  isOpen(t) {
+    var e, s, i;
+    if (!t)
+      return !1;
+    if (t === k)
+      return !0;
+    const n = (e = this.props.openByDefault) !== null && e !== void 0 ? e : !0;
+    return this.isFiltered ? (s = this.state.nodes.open.filtered[t]) !== null && s !== void 0 ? s : !0 : (i = this.state.nodes.open.unfiltered[t]) !== null && i !== void 0 ? i : n;
   }
-  openParents() {
-    this.tree.openParents(this);
+  isEditable(t) {
+    var e;
+    const s = this.props.disableEdit || (() => !1);
+    return (e = !p(t, s)) !== null && e !== void 0 ? e : !0;
+  }
+  isDraggable(t) {
+    var e;
+    const s = this.props.disableDrag || (() => !1);
+    return (e = !p(t, s)) !== null && e !== void 0 ? e : !0;
   }
-  close() {
-    this.tree.close(this);
+  isDragging(t) {
+    const e = l(t);
+    return e ? this.state.nodes.drag.id === e : !1;
   }
-  submit(e) {
-    this.tree.submit(this, e);
+  isFocused(t) {
+    return this.hasFocus && this.state.nodes.focus.id === t;
   }
-  reset() {
-    this.tree.reset();
+  isMatch(t) {
+    return this.matchFn(t);
+  }
+  willReceiveDrop(t) {
+    const e = l(t);
+    if (!e)
+      return !1;
+    const { destinationParentId: s, destinationIndex: i } = this.state.nodes.drag;
+    return e === s && i === null;
+  }
+  /* Tree Event Handlers */
+  onFocus() {
+    const t = this.focusedNode || this.firstNode;
+    t && this.dispatch(u(t.id));
+  }
+  onBlur() {
+    this.dispatch(L());
+  }
+  onItemsRendered(t) {
+    this.visibleStartIndex = t.visibleStartIndex, this.visibleStopIndex = t.visibleStopIndex;
+  }
+  /* Get Renderers */
+  get renderContainer() {
+    return this.props.renderContainer || $;
+  }
+  get renderRow() {
+    return this.props.renderRow || M;
+  }
+  get renderNode() {
+    return this.props.children || B;
   }
-  clone() {
-    return new i(Object.assign({}, this));
+  get renderDragPreview() {
+    return this.props.renderDragPreview || z;
   }
-  edit() {
-    return this.tree.edit(this);
+  get renderCursor() {
+    return this.props.renderCursor || E;
   }
 }
 export {
-  i as NodeApi
+  f as TreeApi
 };