@boxcustodia/library 0.0.6 → 0.0.7

package/dist/index.es261.js

@@ -1,29 +1,16 @@
-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 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) || "");
-    }
-  });
+import { useSimpleTree as i } from "./index.es279.js";
+function r(t) {
+  if (t.initialData && t.data)
+    throw new Error("React Arborist Tree => Provide either a data or initialData prop, but not both.");
+  if (t.initialData && (t.onCreate || t.onDelete || t.onMove || t.onRename))
+    throw new Error(`React Arborist Tree => You passed the initialData prop along with a data handler.
+Use the data prop if you want to provide your own handlers.`);
+  if (t.initialData) {
+    const [a, e] = i(t.initialData);
+    return Object.assign(Object.assign(Object.assign({}, t), e), { data: a });
+  } else
+    return t;
 }
 export {
-  c as DefaultNode
+  r as useValidatedProps
 };

package/dist/index.es262.js

@@ -1,10 +1,137 @@
-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;
+import { ROOT_ID as r } from "./index.es263.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;
+  }
+  get isRoot() {
+    return this.id === r;
+  }
+  get isLeaf() {
+    return !Array.isArray(this.children);
+  }
+  get isInternal() {
+    return !this.isLeaf;
+  }
+  get isOpen() {
+    return this.isLeaf ? !1 : this.tree.isOpen(this.id);
+  }
+  get isClosed() {
+    return this.isLeaf ? !1 : !this.tree.isOpen(this.id);
+  }
+  get isEditable() {
+    return this.tree.isEditable(this.data);
+  }
+  get isEditing() {
+    return this.tree.editingId === this.id;
+  }
+  get isSelected() {
+    return this.tree.isSelected(this.id);
+  }
+  get isOnlySelection() {
+    return this.isSelected && this.tree.hasOneSelection;
+  }
+  get isSelectedStart() {
+    var e;
+    return this.isSelected && !(!((e = this.prev) === null || e === void 0) && e.isSelected);
+  }
+  get isSelectedEnd() {
+    var e;
+    return this.isSelected && !(!((e = this.next) === null || e === void 0) && e.isSelected);
+  }
+  get isFocused() {
+    return this.tree.isFocused(this.id);
+  }
+  get isDragging() {
+    return this.tree.isDragging(this.id);
+  }
+  get willReceiveDrop() {
+    return this.tree.willReceiveDrop(this.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)
+      return !1;
+    let t = e;
+    for (; t; ) {
+      if (t.id === this.id)
+        return !0;
+      t = t.parent;
+    }
+    return !1;
+  }
+  select() {
+    this.tree.select(this);
+  }
+  deselect() {
+    this.tree.deselect(this);
+  }
+  selectMulti() {
+    this.tree.selectMulti(this);
+  }
+  selectContiguous() {
+    this.tree.selectContiguous(this);
+  }
+  activate() {
+    this.tree.activate(this);
+  }
+  focus() {
+    this.tree.focus(this);
+  }
+  toggle() {
+    this.tree.toggle(this);
+  }
+  open() {
+    this.tree.open(this);
+  }
+  openParents() {
+    this.tree.openParents(this);
+  }
+  close() {
+    this.tree.close(this);
+  }
+  submit(e) {
+    this.tree.submit(this, e);
+  }
+  reset() {
+    this.tree.reset();
+  }
+  clone() {
+    return new i(Object.assign({}, this));
+  }
+  edit() {
+    return this.tree.edit(this);
+  }
 }
 export {
-  r as edit,
-  i as reducer
+  i as NodeApi
 };

package/dist/index.es263.js

@@ -1,14 +1,34 @@
-function t(e) {
-  return { type: "FOCUS", 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;
+import { NodeApi as s } from "./index.es262.js";
+const a = "__REACT_ARBORIST_INTERNAL_ROOT__";
+function R(n) {
+  var r;
+  function c(l, d, u) {
+    const _ = n.accessId(l), o = new s({
+      tree: n,
+      data: l,
+      level: d,
+      parent: u,
+      id: _,
+      children: null,
+      isDraggable: n.isDraggable(l),
+      rowIndex: null
+    }), e = n.accessChildren(l);
+    return e && (o.children = e.map((p) => c(p, d + 1, o))), o;
+  }
+  const i = new s({
+    tree: n,
+    id: a,
+    // @ts-ignore
+    data: { id: a },
+    level: -1,
+    parent: null,
+    children: null,
+    isDraggable: !0,
+    rowIndex: null
+  }), t = (r = n.props.data) !== null && r !== void 0 ? r : [];
+  return i.children = t.map((l) => c(l, 0, i)), i;
 }
 export {
-  t as focus,
-  n as reducer,
-  u as treeBlur
+  a as ROOT_ID,
+  R as createRoot
 };