@boxcustodia/library 0.0.8 → 0.0.10

package/dist/index.es268.js

@@ -1,161 +1,134 @@
-import { j as l } from "./index.es82.js";
-import { FixedSizeList as c } from "./index.es347.js";
-import { useDataUpdates as d, useTreeApi as p } from "./index.es337.js";
-import { focusNextElement as m, focusPrevElement as y } from "./index.es258.js";
-import { ListOuterElement as g } from "./index.es348.js";
-import { ListInnerElement as h } from "./index.es349.js";
-import { RowContainer as v } from "./index.es350.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;
+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);
     });
-    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 }) });
+  };
+}
+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;
 }
 export {
-  C as DefaultContainer
+  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
 };

package/dist/index.es269.js

@@ -1,36 +1,29 @@
-function h(i) {
-  return i.isFiltered ? u(i.root, i.isMatch.bind(i)) : o(i.root);
-}
-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 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;
-}
+import { j as e } from "./index.es85.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) })] });
+});
 export {
-  h as createList
+  d as DefaultCursor
 };

package/dist/index.es27.js

@@ -1,19 +1,20 @@
-import { j as a } from "./index.es82.js";
-import { forwardRef as n } from "react";
-import { buttonVariants as i } from "./index.es92.js";
-import { BaseButton as p } from "./index.es28.js";
-import { cn as e } from "./index.es72.js";
-const f = n(
-  ({ className: t, variant: o, size: r, ...m }, s) => /* @__PURE__ */ a.jsx(
-    p,
-    {
-      ref: s,
-      ...m,
-      className: e(i({ variant: o, size: r }), t)
+import { cva as r } from "./index.es89.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",
+  {
+    variants: {
+      variant: {
+        default: "ui-border-transparent ui-bg-primary ui-text-primary-foreground hover:ui-bg-primary/80",
+        secondary: "ui-border-transparent ui-bg-secondary ui-text-secondary-foreground hover:ui-bg-secondary/80",
+        error: "ui-border-transparent ui-bg-error ui-text-error-foreground hover:ui-bg-error/80",
+        outline: "ui-text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  )
+  }
 );
-f.displayName = "Button";
 export {
-  f as Button
+  e as badgeVariants
 };

package/dist/index.es270.js

@@ -1,4 +1,7 @@
-const c = (r) => r.reduce((e, t, n) => (e[t.id] = n, e), {});
+import { j as e } from "./index.es85.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 }));
+}
 export {
-  c as createIndex
+  a as DefaultRow
 };

package/dist/index.es271.js

@@ -1,82 +1,29 @@
-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 l(d) {
-  const i = new h({ id: "ROOT" }, null);
-  return i.children = d.map((t) => r(t, i)), i;
+import { j as n } from "./index.es85.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(d, i) {
-  const t = new h(d, i);
-  return d.children && (t.children = d.children.map((n) => r(n, t))), t;
+function u(e) {
+  return n.jsx(n.Fragment, { children: n.jsx("span", { children: e.node.data.name }) });
 }
-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();
+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) || "");
     }
-  }
-  drop() {
-    this.hasParent() && this.parent.removeChild(this.childIndex);
-  }
+  });
 }
 export {
-  o as SimpleTree
+  c as DefaultNode
 };

package/dist/index.es272.js

@@ -1,21 +1,10 @@
-import { useState as i, useMemo as s } from "react";
-import { SimpleTree as l } from "./index.es271.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);
-  } }];
+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 {
-  D as useSimpleTree
+  r as edit,
+  i as reducer
 };

package/dist/index.es273.js

@@ -1,4 +1,14 @@
-var t = { exports: {} };
+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 {
-  t as __module
+  t as focus,
+  n as reducer,
+  u as treeBlur
 };