@boxcustodia/library 0.0.7 → 0.0.8

package/dist/index.es261.js

@@ -1,16 +1,29 @@
-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;
+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) || "");
+    }
+  });
 }
 export {
-  r as useValidatedProps
+  c as DefaultNode
 };

package/dist/index.es262.js

@@ -1,137 +1,10 @@
-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);
-  }
+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;
 }
 export {
-  i as NodeApi
+  r as edit,
+  i as reducer
 };

package/dist/index.es263.js

@@ -1,34 +1,14 @@
-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;
+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;
 }
 export {
-  a as ROOT_ID,
-  R as createRoot
+  t as focus,
+  n as reducer,
+  u as treeBlur
 };