@boxcustodia/library 0.1.0 → 0.1.1

package/dist/index.es259.js

@@ -1,465 +1,180 @@
-import * as T from "./index.es260.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.es260.js";
-import { DefaultCursor as E } from "./index.es261.js";
-import { DefaultRow as M } from "./index.es262.js";
-import { DefaultNode as B } from "./index.es263.js";
-import { edit as m } from "./index.es264.js";
-import { focus as u, treeBlur as L } from "./index.es265.js";
-import { createRoot as I, ROOT_ID as k } from "./index.es258.js";
-import { actions as b } from "./index.es266.js";
-import { actions as d } from "./index.es267.js";
-import { actions as w } from "./index.es268.js";
-import { DefaultDragPreview as z } from "./index.es269.js";
-import { DefaultContainer as $ } from "./index.es270.js";
-import { createList as _ } from "./index.es271.js";
-import { createIndex as S } from "./index.es272.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);
-      }
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es149.js";
+import { createCollection as H } from "./index.es164.js";
+import { useComposedRefs as V } from "./index.es147.js";
+import { createContextScope as z } from "./index.es150.js";
+import { useId as q } from "./index.es151.js";
+import { Primitive as P } from "./index.es155.js";
+import { useCallbackRef as J } from "./index.es146.js";
+import { useControllableState as Q } from "./index.es97.js";
+import { useDirection as W } from "./index.es165.js";
+import { j as d } from "./index.es86.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))
+        }
+      )
     }
-    function F(c) {
-      try {
-        g(s.throw(c));
-      } catch (v) {
-        r(v);
+  );
+}), 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 g(c) {
-      c.done ? n(c.value) : i(c.value).then(h, F);
-    }
-    g((s = s.apply(y, t || [])).next());
-  });
+    );
+  }
+);
+K.displayName = O;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
 };
-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);
-  }
-  /* 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);
-  }
-  /* Store helpers */
-  dispatch(t) {
-    return this.store.dispatch(t);
-  }
-  get state() {
-    return this.store.getState();
-  }
-  get openState() {
-    return this.state.nodes.open.unfiltered;
-  }
-  /* Tree Props */
-  get width() {
-    var t;
-    return (t = this.props.width) !== null && t !== void 0 ? t : 300;
-  }
-  get height() {
-    var t;
-    return (t = this.props.height) !== null && t !== void 0 ? t : 500;
-  }
-  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 overscanCount() {
-    var t;
-    return (t = this.props.overscanCount) !== null && t !== void 0 ? t : 1;
-  }
-  get searchTerm() {
-    return (this.props.searchTerm || "").trim();
-  }
-  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;
-    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;
-  }
-  /* 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;
-    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 cursorOverFolder() {
-    return this.state.dnd.cursor.type === "highlight";
-  }
-  get dragNodes() {
-    return this.state.dnd.dragIds.map((t) => this.get(t)).filter((t) => !!t);
-  }
-  get dragNode() {
-    return this.get(this.state.nodes.drag.id);
-  }
-  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;
-    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);
-    }
-  }
-  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;
-  }
-  get isFiltered() {
-    var t;
-    return !!(!((t = this.props.searchTerm) === null || t === void 0) && t.trim());
-  }
-  get hasFocus() {
-    return this.state.nodes.focus.treeFocused;
-  }
-  get hasNoSelection() {
-    return this.state.nodes.selection.ids.size === 0;
-  }
-  get hasOneSelection() {
-    return this.state.nodes.selection.ids.size === 1;
-  }
-  get hasMultipleSelections() {
-    return this.state.nodes.selection.ids.size > 1;
-  }
-  isSelected(t) {
-    return t ? this.state.nodes.selection.ids.has(t) : !1;
-  }
-  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;
-  }
-  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;
-  }
-  isDragging(t) {
-    const e = l(t);
-    return e ? this.state.nodes.drag.id === e : !1;
-  }
-  isFocused(t) {
-    return this.hasFocus && this.state.nodes.focus.id === t;
-  }
-  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;
-  }
-  get renderDragPreview() {
-    return this.props.renderDragPreview || z;
-  }
-  get renderCursor() {
-    return this.props.renderCursor || E;
-  }
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+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 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 ce(e, r) {
+  return e.map((c, o) => e[(r + o) % e.length]);
 }
+var ge = N, Re = K;
 export {
-  f as TreeApi
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es26.js

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