@boxcustodia/library 0.1.1 → 0.1.4

package/dist/index.es259.js

@@ -1,180 +1,29 @@
-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))
-        }
-      )
-    }
-  );
-}), 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));
-              }
-            })
-          }
-        )
-      }
-    );
-  }
-);
-K.displayName = O;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-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;
+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) })] });
+});
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  d as DefaultCursor
 };

package/dist/index.es26.js

@@ -1,4 +1,4 @@
-import { j as t } from "./index.es86.js";
+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";

package/dist/index.es260.js

@@ -1,6 +1,7 @@
-import { useLayoutEffect as o } from "react";
-const e = globalThis != null && globalThis.document ? o : () => {
-};
+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 }));
+}
 export {
-  e as useLayoutEffect
+  a as DefaultRow
 };

package/dist/index.es261.js

@@ -1,16 +1,29 @@
-import { useRef as t, useEffect as u, useMemo as a } from "react";
-function o(c) {
-  const e = t(c);
-  return u(() => {
-    e.current = c;
-  }), a(
-    () => (...f) => {
-      var r;
-      return (r = e.current) === null || r === void 0 ? void 0 : r.call(e, ...f);
-    },
-    []
-  );
+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,
+    // @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 {
-  o as useCallbackRef
+  c as DefaultNode
 };

package/dist/index.es262.js

@@ -1,17 +1,10 @@
-import { useEffect as n } from "react";
-import { useCallbackRef as t } from "./index.es261.js";
-function l(d, e = globalThis == null ? void 0 : globalThis.document) {
-  const o = t(d);
-  n(() => {
-    const a = (s) => {
-      s.key === "Escape" && o(s);
-    };
-    return e.addEventListener("keydown", a), () => e.removeEventListener("keydown", a);
-  }, [
-    o,
-    e
-  ]);
+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 {
-  l as useEscapeKeydown
+  r as edit,
+  i as reducer
 };

package/dist/index.es263.js

@@ -1,27 +1,14 @@
-import { get as a, set as r } from "./index.es109.js";
-const l = (t, i, e) => {
-  if (t && "reportValidity" in t) {
-    const s = a(e, i);
-    t.setCustomValidity(s && s.message || ""), t.reportValidity();
-  }
-}, c = (t, i) => {
-  for (const e in i.fields) {
-    const s = i.fields[e];
-    s && s.ref && "reportValidity" in s.ref ? l(s.ref, e, t) : s.refs && s.refs.forEach((o) => l(o, e, t));
-  }
-}, y = (t, i) => {
-  i.shouldUseNativeValidation && c(t, i);
-  const e = {};
-  for (const s in t) {
-    const o = a(i.fields, s), n = Object.assign(t[s] || {}, { ref: o && o.ref });
-    if (d(i.names || Object.keys(t), s)) {
-      const f = Object.assign({}, a(e, s));
-      r(f, "root", n), r(e, s, f);
-    } else r(e, s, n);
-  }
-  return e;
-}, d = (t, i) => t.some((e) => e.startsWith(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 {
-  y as toNestErrors,
-  c as validateFieldsNatively
+  t as focus,
+  n as reducer,
+  u as treeBlur
 };

package/dist/index.es264.js

@@ -1,18 +1,31 @@
-const S = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, a = (n) => {
-  let t;
-  const s = /* @__PURE__ */ new Set(), c = (e, u) => {
-    const o = typeof e == "function" ? e(t) : e;
-    if (!Object.is(o, t)) {
-      const b = t;
-      t = u ?? (typeof o != "object" || o === null) ? o : Object.assign({}, t, o), s.forEach((d) => d(t, b));
-    }
-  }, i = () => t, r = { setState: c, getState: i, getInitialState: () => l, subscribe: (e) => (s.add(e), () => s.delete(e)), destroy: () => {
-    (S ? "production" : void 0) !== "production" && console.warn(
-      "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
-    ), s.clear();
-  } }, l = t = n(c, i, r);
-  return r;
-}, E = (n) => n ? a(n) : a;
+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 {
-  E as createStore
+  s as actions,
+  t as reducer
 };

package/dist/index.es265.js

@@ -1,10 +1,51 @@
-import { getDefaultExportFromCjs as r } from "./index.es131.js";
-import { __module as e } from "./index.es376.js";
-import { __require as o } from "./index.es377.js";
-import { __require as t } from "./index.es378.js";
-process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t();
-var i = e.exports;
-const u = /* @__PURE__ */ r(i);
+import { identify as n } from "./index.es258.js";
+import { initialState as O } from "./index.es339.js";
+const c = {
+  clear: () => ({ type: "SELECTION_CLEAR" }),
+  only: (e) => ({
+    type: "SELECTION_ONLY",
+    id: n(e)
+  }),
+  add: (e) => ({
+    type: "SELECTION_ADD",
+    ids: (Array.isArray(e) ? e : [e]).map(n)
+  }),
+  remove: (e) => ({
+    type: "SELECTION_REMOVE",
+    ids: (Array.isArray(e) ? e : [e]).map(n)
+  }),
+  set: (e) => Object.assign({ type: "SELECTION_SET" }, e),
+  mostRecent: (e) => ({
+    type: "SELECTION_MOST_RECENT",
+    id: e === null ? null : n(e)
+  }),
+  anchor: (e) => ({
+    type: "SELECTION_ANCHOR",
+    id: e === null ? null : n(e)
+  })
+};
+function d(e = O().nodes.selection, s) {
+  const r = e.ids;
+  switch (s.type) {
+    case "SELECTION_CLEAR":
+      return Object.assign(Object.assign({}, e), { ids: /* @__PURE__ */ new Set() });
+    case "SELECTION_ONLY":
+      return Object.assign(Object.assign({}, e), { ids: /* @__PURE__ */ new Set([s.id]) });
+    case "SELECTION_ADD":
+      return s.ids.length === 0 ? e : (s.ids.forEach((E) => r.add(E)), Object.assign(Object.assign({}, e), { ids: new Set(r) }));
+    case "SELECTION_REMOVE":
+      return s.ids.length === 0 ? e : (s.ids.forEach((E) => r.delete(E)), Object.assign(Object.assign({}, e), { ids: new Set(r) }));
+    case "SELECTION_SET":
+      return Object.assign(Object.assign({}, e), { ids: s.ids, mostRecent: s.mostRecent, anchor: s.anchor });
+    case "SELECTION_MOST_RECENT":
+      return Object.assign(Object.assign({}, e), { mostRecent: s.id });
+    case "SELECTION_ANCHOR":
+      return Object.assign(Object.assign({}, e), { anchor: s.id });
+    default:
+      return e;
+  }
+}
 export {
-  u as default
+  c as actions,
+  d as reducer
 };

package/dist/index.es266.js

@@ -1,7 +1,33 @@
-function r(t, n) {
-  const o = t < 0 ? "-" : "", a = Math.abs(t).toString().padStart(n, "0");
-  return o + a;
+import { initialState as n } from "./index.es339.js";
+const D = {
+  cursor(r) {
+    return { type: "DND_CURSOR", cursor: r };
+  },
+  dragStart(r, e) {
+    return { type: "DND_DRAG_START", id: r, dragIds: e };
+  },
+  dragEnd() {
+    return { type: "DND_DRAG_END" };
+  },
+  hovering(r, e) {
+    return { type: "DND_HOVERING", parentId: r, index: e };
+  }
+};
+function s(r = n().dnd, e) {
+  switch (e.type) {
+    case "DND_CURSOR":
+      return Object.assign(Object.assign({}, r), { cursor: e.cursor });
+    case "DND_DRAG_START":
+      return Object.assign(Object.assign({}, r), { dragId: e.id, dragIds: e.dragIds });
+    case "DND_DRAG_END":
+      return n().dnd;
+    case "DND_HOVERING":
+      return Object.assign(Object.assign({}, r), { parentId: e.parentId, index: e.index });
+    default:
+      return r;
+  }
 }
 export {
-  r as addLeadingZeros
+  D as actions,
+  s as reducer
 };

package/dist/index.es267.js

@@ -1,59 +1,46 @@
-import { addLeadingZeros as n } from "./index.es266.js";
-const g = {
-  // Year
-  y(e, t) {
-    const r = e.getFullYear(), a = r > 0 ? r : 1 - r;
-    return n(t === "yy" ? a % 100 : a, t.length);
-  },
-  // Month
-  M(e, t) {
-    const r = e.getMonth();
-    return t === "M" ? String(r + 1) : n(r + 1, 2);
-  },
-  // Day of the month
-  d(e, t) {
-    return n(e.getDate(), t.length);
-  },
-  // AM or PM
-  a(e, t) {
-    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (t) {
-      case "a":
-      case "aa":
-        return r.toUpperCase();
-      case "aaa":
-        return r;
-      case "aaaaa":
-        return r[0];
-      case "aaaa":
-      default:
-        return r === "am" ? "a.m." : "p.m.";
-    }
-  },
-  // Hour [1-12]
-  h(e, t) {
-    return n(e.getHours() % 12 || 12, t.length);
-  },
-  // Hour [0-23]
-  H(e, t) {
-    return n(e.getHours(), t.length);
-  },
-  // Minute
-  m(e, t) {
-    return n(e.getMinutes(), t.length);
-  },
-  // Second
-  s(e, t) {
-    return n(e.getSeconds(), t.length);
-  },
-  // Fraction of second
-  S(e, t) {
-    const r = t.length, a = e.getMilliseconds(), s = Math.trunc(
-      a * Math.pow(10, r - 3)
-    );
-    return n(s, t.length);
-  }
+import { j as r } from "./index.es84.js";
+import { memo as o } from "react";
+import { useTreeApi as l } from "./index.es338.js";
+const u = {
+  position: "fixed",
+  pointerEvents: "none",
+  zIndex: 100,
+  left: 0,
+  top: 0,
+  width: "100%",
+  height: "100%"
+}, c = (e) => {
+  if (!e)
+    return { display: "none" };
+  const { x: n, y: t } = e;
+  return { transform: `translate(${n}px, ${t}px)` };
+}, d = (e) => {
+  if (!e)
+    return { display: "none" };
+  const { x: n, y: t } = e;
+  return { transform: `translate(${n + 10}px, ${t + 10}px)` };
 };
+function v({ offset: e, mouse: n, id: t, dragIds: i, isDragging: s }) {
+  return r.jsxs(a, { isDragging: s, children: [r.jsx(f, { offset: e, children: r.jsx(p, { id: t, dragIds: i }) }), r.jsx(x, { mouse: n, count: i.length })] });
+}
+const a = o(function(n) {
+  return n.isDragging ? r.jsx("div", { style: u, children: n.children }) : null;
+});
+function f(e) {
+  return r.jsx("div", { className: "row preview", style: c(e.offset), children: e.children });
+}
+function x(e) {
+  const { count: n, mouse: t } = e;
+  return n > 1 ? r.jsx("div", { className: "selected-count", style: d(t), children: n }) : null;
+}
+const p = o(function(n) {
+  const t = l(), i = t.get(n.id);
+  return i ? r.jsx(t.renderNode, { preview: !0, node: i, style: {
+    paddingLeft: i.level * t.indent,
+    opacity: 0.2,
+    background: "transparent"
+  }, tree: t }) : null;
+});
 export {
-  g as lightFormatters
+  v as DefaultDragPreview
 };