@boxcustodia/library 0.0.10 → 0.1.0

package/dist/index.es252.js

@@ -1,21 +1,28 @@
-import { formatDistance as o } from "./index.es420.js";
-import { formatLong as t } from "./index.es421.js";
-import { formatRelative as a } from "./index.es422.js";
-import { localize as r } from "./index.es423.js";
-import { match as e } from "./index.es424.js";
-const c = {
-  code: "es",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 1
-  }
-};
+import { j as t } from "./index.es85.js";
+import { useRef as n, useMemo as c, useImperativeHandle as f, useEffect as a } from "react";
+import { s as x } from "./index.es337.js";
+import { TreeApiContext as v, DataUpdatesContext as E, NodesContext as h, DndContext as j } from "./index.es338.js";
+import { TreeApi as T } from "./index.es259.js";
+import { initialState as d } from "./index.es339.js";
+import { rootReducer as S } from "./index.es340.js";
+import { HTML5Backend as R } from "./index.es341.js";
+import { createStore as b } from "./index.es342.js";
+import { actions as g } from "./index.es266.js";
+import { DndProvider as C } from "./index.es343.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 })) }) }) }) });
+}
 export {
-  c as default,
-  c as es
+  P as TreeProvider
 };

package/dist/index.es253.js

@@ -1,56 +1,7 @@
-import { j as i } from "./index.es85.js";
-import { useContext as g, useMemo as x } from "react";
-import { CalendarContext as v } from "./index.es100.js";
-import { isSameMonth as h } from "./index.es221.js";
-import { isWeekend as D } from "./index.es223.js";
-import { isToday as M } from "./index.es222.js";
-import { cn as b } from "./index.es73.js";
-import { formatDate as o } from "./index.es98.js";
-const j = ({ day: t, navigationDate: d, className: s, ...r }) => {
-  const {
-    isSelected: n,
-    mode: u,
-    selected: m,
-    isRangeMode: a,
-    selectDate: l,
-    isFirstDayFromRange: c,
-    isLastDayFromRange: f
-  } = g(v), e = x(
-    () => n(t),
-    [t, m]
-  ), p = !e && !h(t, d), y = !e && D(t);
-  return /* @__PURE__ */ i.jsx(
-    "button",
-    {
-      ...r,
-      onClick: () => l(t),
-      type: "button",
-      "data-state-mode": u,
-      "data-state-today": M(t) || void 0,
-      "data-state-selected": e || void 0,
-      "data-state-different-month": p || void 0,
-      "data-state-weekend": y || void 0,
-      "data-state-range-mode": a || void 0,
-      "data-state-first-day": c(t) || void 0,
-      "data-state-last-day": f(t) || void 0,
-      "data-state-in-range": a && e || void 0,
-      className: b(
-        "ui-mx-auto ui-flex ui-items-center ui-justify-center ui-w-full ui-aspect-square ui-mt-1 ui-transition-colors hover:ui-bg-accent",
-        "data-[state-mode='single']:ui-rounded-full",
-        "data-[state-mode='multiple']:ui-rounded-full",
-        "data-[state-today]:ui-text-error",
-        "data-[state-selected]:ui-bg-primary data-[state-selected]:!ui-text-primary-foreground data-[state-selected]:hover:ui-bg-primary/80",
-        "data-[state-different-month]:ui-opacity-50 data-[state-weekend=true]:ui-opacity-50",
-        "data-[state-in-range]:ui-rounded-none",
-        "data-[state-first-day]:ui-rounded-l-full",
-        "data-[state-last-day]:ui-rounded-r-full",
-        s
-      ),
-      children: /* @__PURE__ */ i.jsx("time", { dateTime: o(t, "yyyy-MM-dd"), children: o(t, "d") })
-    }
-  );
-};
-j.displayName = "Day";
+import { useOuterDrop as e } from "./index.es344.js";
+function t(r) {
+  return e(), r.children;
+}
 export {
-  j as Day
+  t as OuterDrop
 };

package/dist/index.es254.js

@@ -1,18 +1,10 @@
-import { j as s } from "./index.es85.js";
-import { weeksDays as t } from "./index.es31.js";
-import { cn as r } from "./index.es73.js";
-const a = (i) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    ...i,
-    className: r(
-      "ui-grid ui-grid-cols-7 ui-font-semibold ui-mt-2 ui-text-xs ui-leading-6 ui-text-center ui-py-1 ui-bg-blue-bell/40 ui-select-none",
-      i.className
-    ),
-    children: t.map((e) => /* @__PURE__ */ s.jsx("abbr", { "aria-label": e, children: e.at(0) }, e))
-  }
-);
-a.displayName = "WeekDays";
+import { j as r } from "./index.es85.js";
+import { useTreeApi as t } from "./index.es338.js";
+import { DefaultContainer as n } from "./index.es270.js";
+function p() {
+  const e = t().props.renderContainer || n;
+  return r.jsx(r.Fragment, { children: r.jsx(e, {}) });
+}
 export {
-  a as WeekDays
+  p as TreeContainer
 };

package/dist/index.es255.js

@@ -1,180 +1,16 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es149.js";
-import { createCollection as H } from "./index.es163.js";
-import { useComposedRefs as V } from "./index.es143.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.es145.js";
-import { useControllableState as Q } from "./index.es93.js";
-import { useDirection as W } from "./index.es164.js";
-import { j as d } from "./index.es85.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]);
+import { j as n } from "./index.es85.js";
+import { useTreeApi as f } from "./index.es338.js";
+import { DefaultDragPreview as a } from "./index.es269.js";
+import { useDragLayer as u } from "./index.es345.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 });
 }
-var ge = N, Re = K;
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  p as DragPreviewContainer
 };

package/dist/index.es256.js

@@ -1,203 +1,16 @@
-import { computePosition as H, offset as I, shift as J, flip as K, size as N, hide as Q, arrow as j, limitShift as T } from "./index.es259.js";
-import { autoUpdate as de, platform as me } from "./index.es259.js";
-import * as f from "react";
-import { useLayoutEffect as X, useEffect as Y } from "react";
-import * as Z from "react-dom";
-var w = typeof document < "u" ? X : Y;
-function R(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, r, i;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (r = n; r-- !== 0; )
-        if (!R(e[r], t[r]))
-          return !1;
-      return !0;
-    }
-    if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
-      return !1;
-    for (r = n; r-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, i[r]))
-        return !1;
-    for (r = n; r-- !== 0; ) {
-      const p = i[r];
-      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
+import { useSimpleTree as i } from "./index.es274.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 v(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function z(e, t) {
-  const n = v(e);
-  return Math.round(t * n) / n;
-}
-function L(e) {
-  const t = f.useRef(e);
-  return w(() => {
-    t.current = e;
-  }), t;
-}
-function ne(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: r = [],
-    platform: i,
-    elements: {
-      reference: p,
-      floating: A
-    } = {},
-    transform: $ = !0,
-    whileElementsMounted: E,
-    open: k
-  } = e, [s, D] = f.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [x, q] = f.useState(r);
-  R(x, r) || q(r);
-  const [B, U] = f.useState(null), [V, W] = f.useState(null), O = f.useCallback((o) => {
-    o !== a.current && (a.current = o, U(o));
-  }, []), _ = f.useCallback((o) => {
-    o !== d.current && (d.current = o, W(o));
-  }, []), u = p || B, l = A || V, a = f.useRef(null), d = f.useRef(null), y = f.useRef(s), G = E != null, M = L(E), S = L(i), g = f.useCallback(() => {
-    if (!a.current || !d.current)
-      return;
-    const o = {
-      placement: t,
-      strategy: n,
-      middleware: x
-    };
-    S.current && (o.platform = S.current), H(a.current, d.current, o).then((h) => {
-      const m = {
-        ...h,
-        isPositioned: !0
-      };
-      P.current && !R(y.current, m) && (y.current = m, Z.flushSync(() => {
-        D(m);
-      }));
-    });
-  }, [x, t, n, S]);
-  w(() => {
-    k === !1 && y.current.isPositioned && (y.current.isPositioned = !1, D((o) => ({
-      ...o,
-      isPositioned: !1
-    })));
-  }, [k]);
-  const P = f.useRef(!1);
-  w(() => (P.current = !0, () => {
-    P.current = !1;
-  }), []), w(() => {
-    if (u && (a.current = u), l && (d.current = l), u && l) {
-      if (M.current)
-        return M.current(u, l, g);
-      g();
-    }
-  }, [u, l, g, M, G]);
-  const C = f.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: O,
-    setFloating: _
-  }), [O, _]), c = f.useMemo(() => ({
-    reference: u,
-    floating: l
-  }), [u, l]), F = f.useMemo(() => {
-    const o = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!c.floating)
-      return o;
-    const h = z(c.floating, s.x), m = z(c.floating, s.y);
-    return $ ? {
-      ...o,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...v(c.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
-    };
-  }, [n, $, c.floating, s.x, s.y]);
-  return f.useMemo(() => ({
-    ...s,
-    update: g,
-    refs: C,
-    elements: c,
-    floatingStyles: F
-  }), [s, g, C, c, F]);
-}
-const b = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: e,
-    fn(n) {
-      const {
-        element: r,
-        padding: i
-      } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? j({
-        element: r.current,
-        padding: i
-      }).fn(n) : {} : r ? j({
-        element: r,
-        padding: i
-      }).fn(n) : {};
-    }
-  };
-}, re = (e, t) => ({
-  ...I(e),
-  options: [e, t]
-}), fe = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), oe = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...N(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), le = (e, t) => ({
-  ...b(e),
-  options: [e, t]
-});
 export {
-  le as arrow,
-  de as autoUpdate,
-  H as computePosition,
-  ie as flip,
-  ue as hide,
-  oe as limitShift,
-  re as offset,
-  me as platform,
-  fe as shift,
-  se as size,
-  ne as useFloating
+  r as useValidatedProps
 };