@boxcustodia/library 0.2.6 → 0.2.8

package/dist/index.es259.js

@@ -1,134 +1,16 @@
-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);
-    });
-  };
-}
-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;
+import { j as n } from "./index.es86.js";
+import { useTreeApi as f } from "./index.es344.js";
+import { DefaultDragPreview as a } from "./index.es273.js";
+import { useDragLayer as u } from "./index.es351.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 });
 }
 export {
-  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
+  p as DragPreviewContainer
 };

package/dist/index.es26.js

@@ -1,18 +1,117 @@
-import { j as t } from "./index.es84.js";
-import { forwardRef as e } from "react";
-import { badgeVariants as s } from "./index.es27.js";
-import { cn as i } from "./index.es74.js";
-const p = e(
-  ({ className: r, variant: o, ...a }, m) => /* @__PURE__ */ t.jsx(
-    "div",
+import { j as o } from "./index.es86.js";
+import * as a from "react";
+import { Command as u } from "./index.es87.js";
+import m from "./index.es88.js";
+import { cn as r } from "./index.es76.js";
+import { DialogRoot as s, DialogContent as p } from "./index.es39.js";
+const d = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u,
+  {
+    ref: t,
+    className: r(
+      "ui-flex ui-h-full ui-w-full ui-flex-col ui-overflow-hidden ui-rounded-md ui-bg-popover ui-text-popover-foreground",
+      e
+    ),
+    ...i
+  }
+));
+d.displayName = u.displayName;
+const j = ({
+  children: e,
+  ...i
+}) => /* @__PURE__ */ o.jsx(s, { ...i, children: /* @__PURE__ */ o.jsx(p, { className: "ui-overflow-hidden ui-p-0 ui-shadow-lg", children: /* @__PURE__ */ o.jsx(d, { className: "[&_[cmdk-group-heading]]:ui-px-2 [&_[cmdk-group-heading]]:ui-font-medium [&_[cmdk-group-heading]]:ui-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:ui-pt-0 [&_[cmdk-group]]:ui-px-2 [&_[cmdk-input-wrapper]_svg]:ui-h-5 [&_[cmdk-input-wrapper]_svg]:ui-w-5 [&_[cmdk-input]]:ui-h-12 [&_[cmdk-item]]:ui-px-2 [&_[cmdk-item]]:ui-py-3 [&_[cmdk-item]_svg]:ui-h-5 [&_[cmdk-item]_svg]:ui-w-5", children: e }) }) }), l = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsxs("div", { className: "ui-flex ui-items-center ui-border-b ui-px-3", children: [
+  /* @__PURE__ */ o.jsx(m, { className: "ui-mr-2 ui-h-4 ui-w-4 ui-shrink-0 ui-opacity-50" }),
+  /* @__PURE__ */ o.jsx(
+    u.Input,
     {
-      ref: m,
-      className: i(s({ variant: o }), r),
-      ...a
+      ref: t,
+      className: r(
+        "ui-flex ui-h-11 ui-w-full ui-rounded-md ui-bg-transparent ui-py-3 ui-text-sm ui-outline-none placeholder:ui-text-muted-foreground disabled:ui-cursor-not-allowed disabled:ui-opacity-50",
+        e
+      ),
+      ...i
     }
   )
+] }));
+l.displayName = u.Input.displayName;
+const n = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.List,
+  {
+    ref: t,
+    className: r(
+      "ui-max-h-[300px] ui-overflow-y-auto ui-overflow-x-hidden",
+      e
+    ),
+    ...i
+  }
+));
+n.displayName = u.List.displayName;
+const c = a.forwardRef((e, i) => /* @__PURE__ */ o.jsx(
+  u.Empty,
+  {
+    ref: i,
+    className: "ui-py-6 ui-text-center ui-text-sm",
+    ...e
+  }
+));
+c.displayName = u.Empty.displayName;
+const x = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.Group,
+  {
+    ref: t,
+    className: r(
+      "ui-overflow-hidden ui-p-1 ui-text-foreground [&_[cmdk-group-heading]]:ui-px-2 [&_[cmdk-group-heading]]:ui-py-1.5 [&_[cmdk-group-heading]]:ui-text-xs [&_[cmdk-group-heading]]:ui-font-medium [&_[cmdk-group-heading]]:ui-text-muted-foreground",
+      e
+    ),
+    ...i
+  }
+));
+x.displayName = u.Group.displayName;
+const f = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.Separator,
+  {
+    ref: t,
+    className: r("-ui-mx-1 ui-h-px ui-bg-border", e),
+    ...i
+  }
+));
+f.displayName = u.Separator.displayName;
+const g = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.Item,
+  {
+    ref: t,
+    className: r(
+      "aria-selected:ui-bg-accent aria-selected:ui-text-accent-foreground",
+      "aria-disabled:ui-pointer-events-none aria-disabled:ui-opacity-50",
+      "ui-relative ui-flex ui-gap-2 ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none",
+      e
+    ),
+    ...i
+  }
+));
+g.displayName = u.Item.displayName;
+const h = ({
+  className: e,
+  ...i
+}) => /* @__PURE__ */ o.jsx(
+  "span",
+  {
+    className: r(
+      "ui-ml-auto ui-text-xs ui-tracking-widest ui-text-muted-foreground",
+      e
+    ),
+    ...i
+  }
 );
-p.displayName = "Badge";
+h.displayName = "CommandShortcut";
 export {
-  p as Badge
+  j as AutoCompleteDialog,
+  c as AutoCompleteEmpty,
+  x as AutoCompleteGroup,
+  l as AutoCompleteInput,
+  g as AutoCompleteItem,
+  n as AutoCompleteList,
+  d as AutoCompleteRoot,
+  f as AutoCompleteSeparator,
+  h as AutoCompleteShortcut
 };

package/dist/index.es260.js

@@ -1,29 +1,16 @@
-import { j as e } from "./index.es84.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) })] });
-});
+import { useSimpleTree as i } from "./index.es278.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 {
-  d as DefaultCursor
+  r as useValidatedProps
 };

package/dist/index.es261.js

@@ -1,7 +1,137 @@
-import { j as e } from "./index.es84.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 }));
+import { ROOT_ID as r } from "./index.es262.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 {
-  a as DefaultRow
+  i as NodeApi
 };

package/dist/index.es262.js

@@ -1,29 +1,34 @@
-import { j as n } from "./index.es84.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,
+import { NodeApi as s } from "./index.es261.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
-    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) || "");
-    }
-  });
+    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 {
-  c as DefaultNode
+  a as ROOT_ID,
+  R as createRoot
 };