@boxcustodia/library 0.2.1 → 0.2.3

package/dist/index.es257.js

@@ -1,180 +1,134 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es146.js";
-import { createCollection as H } from "./index.es163.js";
-import { useComposedRefs as V } from "./index.es140.js";
-import { createContextScope as z } from "./index.es147.js";
-import { useId as q } from "./index.es148.js";
-import { Primitive as P } from "./index.es152.js";
-import { useCallbackRef as J } from "./index.es142.js";
-import { useControllableState as Q } from "./index.es92.js";
-import { useDirection as W } from "./index.es164.js";
-import { j as d } from "./index.es84.js";
-var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
-  b,
-  [Z]
-), [ee, oe] = $(b), N = s.forwardRef(
-  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
-);
-N.displayName = b;
-var te = s.forwardRef((e, r) => {
-  const {
-    __scopeRovingFocusGroup: c,
-    orientation: o,
-    loop: F = !1,
-    dir: g,
-    currentTabStopId: R,
-    defaultCurrentTabStopId: E,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: u,
-    preventScrollOnEntryFocus: w = !1,
-    ...C
-  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
-    prop: R,
-    defaultProp: E,
-    onChange: m
-  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
-  return s.useEffect(() => {
-    const n = v.current;
-    if (n)
-      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
-  }, [S]), /* @__PURE__ */ d.jsx(
-    ee,
-    {
-      scope: c,
-      orientation: o,
-      dir: t,
-      loop: F,
-      currentTabStopId: f,
-      onItemFocus: s.useCallback(
-        (n) => T(n),
-        [T]
-      ),
-      onItemShiftTab: s.useCallback(() => i(!0), []),
-      onFocusableItemAdd: s.useCallback(
-        () => y((n) => n + 1),
-        []
-      ),
-      onFocusableItemRemove: s.useCallback(
-        () => y((n) => n - 1),
-        []
-      ),
-      children: /* @__PURE__ */ d.jsx(
-        P.div,
-        {
-          tabIndex: a || k === 0 ? -1 : 0,
-          "data-orientation": o,
-          ...C,
-          ref: I,
-          style: { outline: "none", ...e.style },
-          onMouseDown: p(e.onMouseDown, () => {
-            x.current = !0;
-          }),
-          onFocus: p(e.onFocus, (n) => {
-            const L = !x.current;
-            if (n.target === n.currentTarget && L && !a) {
-              const D = new CustomEvent(_, X);
-              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
-                  Boolean
-                ).map((l) => l.ref.current);
-                j(Y, w);
-              }
-            }
-            x.current = !1;
-          }),
-          onBlur: p(e.onBlur, () => i(!1))
-        }
-      )
-    }
-  );
-}), O = "RovingFocusGroupItem", K = s.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRovingFocusGroup: c,
-      focusable: o = !0,
-      active: F = !1,
-      tabStopId: g,
-      ...R
-    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
-    return s.useEffect(() => {
-      if (o)
-        return v(), () => I();
-    }, [o, v, I]), /* @__PURE__ */ d.jsx(
-      h.ItemSlot,
-      {
-        scope: c,
-        id: m,
-        focusable: o,
-        active: F,
-        children: /* @__PURE__ */ d.jsx(
-          P.span,
-          {
-            tabIndex: w ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...R,
-            ref: r,
-            onMouseDown: p(e.onMouseDown, (t) => {
-              o ? u.onItemFocus(m) : t.preventDefault();
-            }),
-            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
-            onKeyDown: p(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const f = se(t, u.orientation, u.dir);
-              if (f !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
-                if (f === "last") a.reverse();
-                else if (f === "prev" || f === "next") {
-                  f === "prev" && a.reverse();
-                  const i = a.indexOf(t.currentTarget);
-                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
-                }
-                setTimeout(() => j(a));
-              }
-            })
-          }
-        )
-      }
-    );
+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;
   }
-);
-K.displayName = O;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
+  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 ne(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function b() {
 }
-function se(e, r, c) {
-  const o = ne(e.key, c);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return re[o];
+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);
+    });
+  };
+}
+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 j(e, r = !1) {
-  const c = document.activeElement;
-  for (const o of e)
-    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
+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 ce(e, r) {
-  return e.map((c, o) => e[(r + o) % e.length]);
+function k(n) {
+  const t = n.focusedNode;
+  return t ? t.isOpen ? t.id : t.parent && !t.parent.isRoot ? t.parent.id : null : null;
 }
-var ge = N, Re = K;
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  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.es258.js

@@ -1,28 +1,29 @@
-import { j as t } from "./index.es84.js";
-import { useRef as n, useMemo as c, useImperativeHandle as f, useEffect as a } from "react";
-import { s as x } from "./index.es366.js";
-import { TreeApiContext as v, DataUpdatesContext as E, NodesContext as h, DndContext as j } from "./index.es367.js";
-import { TreeApi as T } from "./index.es265.js";
-import { initialState as d } from "./index.es368.js";
-import { rootReducer as S } from "./index.es369.js";
-import { HTML5Backend as R } from "./index.es370.js";
-import { createStore as b } from "./index.es371.js";
-import { actions as g } from "./index.es272.js";
-import { DndProvider as C } from "./index.es372.js";
-const A = d();
-function P({ treeProps: r, imperativeHandle: l, children: m }) {
-  const p = n(null), u = n(null), o = n(
-    // @ts-ignore
-    b(S, d(r))
-  ), s = x.useSyncExternalStore(o.current.subscribe, o.current.getState, () => A), e = c(() => new T(o.current, r, p, u), []), i = n(0);
-  return c(() => {
-    i.current += 1, e.update(r);
-  }, [...Object.values(r), s.nodes.open]), f(l, () => e), a(() => {
-    e.props.selection ? e.select(e.props.selection, { focus: !1 }) : e.deselectAll();
-  }, [e.props.selection]), a(() => {
-    e.props.searchTerm || o.current.dispatch(g.clear(!0));
-  }, [e.props.searchTerm]), t.jsx(v.Provider, { value: e, children: t.jsx(E.Provider, { value: i.current, children: t.jsx(h.Provider, { value: s.nodes, children: t.jsx(j.Provider, { value: s.dnd, children: t.jsx(C, Object.assign({ backend: R, options: { rootElement: e.props.dndRootElement || void 0 } }, r.dndManager && { manager: r.dndManager }, { children: m })) }) }) }) });
-}
+import { j as e } from "./index.es83.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 {
-  P as TreeProvider
+  d as DefaultCursor
 };

package/dist/index.es259.js

@@ -1,7 +1,7 @@
-import { useOuterDrop as e } from "./index.es373.js";
-function t(r) {
-  return e(), r.children;
+import { j as e } from "./index.es83.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 {
-  t as OuterDrop
+  a as DefaultRow
 };

package/dist/index.es26.js

@@ -1,7 +1,7 @@
-import { j as t } from "./index.es84.js";
+import { j as t } from "./index.es83.js";
 import { forwardRef as e } from "react";
 import { badgeVariants as s } from "./index.es27.js";
-import { cn as i } from "./index.es72.js";
+import { cn as i } from "./index.es73.js";
 const p = e(
   ({ className: r, variant: o, ...a }, m) => /* @__PURE__ */ t.jsx(
     "div",

package/dist/index.es260.js

@@ -1,10 +1,29 @@
-import { j as r } from "./index.es84.js";
-import { useTreeApi as t } from "./index.es367.js";
-import { DefaultContainer as n } from "./index.es276.js";
-function p() {
-  const e = t().props.renderContainer || n;
-  return r.jsx(r.Fragment, { children: r.jsx(e, {}) });
+import { j as n } from "./index.es83.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 {
-  p as TreeContainer
+  c as DefaultNode
 };

package/dist/index.es261.js

@@ -1,16 +1,10 @@
-import { j as n } from "./index.es84.js";
-import { useTreeApi as f } from "./index.es367.js";
-import { DefaultDragPreview as a } from "./index.es275.js";
-import { useDragLayer as u } from "./index.es374.js";
-function p() {
-  const i = f(), { offset: t, mouse: o, item: e, isDragging: s } = u((r) => ({
-    offset: r.getSourceClientOffset(),
-    mouse: r.getClientOffset(),
-    item: r.getItem(),
-    isDragging: r.isDragging()
-  })), g = i.props.renderDragPreview || a;
-  return n.jsx(g, { offset: t, mouse: o, id: (e == null ? void 0 : e.id) || null, dragIds: (e == null ? void 0 : e.dragIds) || [], isDragging: s });
+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 {
-  p as DragPreviewContainer
+  r as edit,
+  i as reducer
 };

package/dist/index.es262.js

@@ -1,16 +1,14 @@
-import { useSimpleTree as i } from "./index.es280.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;
+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 {
-  r as useValidatedProps
+  t as focus,
+  n as reducer,
+  u as treeBlur
 };

package/dist/index.es263.js

@@ -1,137 +1,31 @@
-import { ROOT_ID as r } from "./index.es264.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);
+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;
 }
 export {
-  i as NodeApi
+  s as actions,
+  t as reducer
 };