@boxcustodia/library 1.3.1 → 1.3.5

package/dist/index.es294.js

@@ -1,180 +1,36 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es187.js";
-import { createCollection as H } from "./index.es225.js";
-import { useComposedRefs as V } from "./index.es185.js";
-import { createContextScope as z } from "./index.es188.js";
-import { useId as q } from "./index.es180.js";
-import { Primitive as P } from "./index.es179.js";
-import { useCallbackRef as J } from "./index.es103.js";
-import { useControllableState as Q } from "./index.es90.js";
-import { useDirection as W } from "./index.es226.js";
-import { j as d } from "./index.es104.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))
+import { useMemo as a, cloneElement as p } from "react";
+function y(s) {
+  let { children: i, items: l, idScope: d, addIdAndValue: u, dependencies: m = [] } = s, o = a(() => /* @__PURE__ */ new WeakMap(), m);
+  return a(() => {
+    if (l && typeof i == "function") {
+      let f = [];
+      for (let t of l) {
+        let e = o.get(t);
+        if (!e) {
+          e = i(t);
+          var r, c;
+          let n = (c = (r = e.props.id) !== null && r !== void 0 ? r : t.key) !== null && c !== void 0 ? c : t.id;
+          if (n == null) throw new Error("Could not determine key for item");
+          d && (n = d + ":" + n), e = p(e, u ? {
+            key: n,
+            id: n,
+            value: t
+          } : {
+            key: n
+          }), o.set(t, e);
         }
-      )
-    }
-  );
-}), 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));
-              }
-            })
-          }
-        )
+        f.push(e);
       }
-    );
-  }
-);
-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]);
+      return f;
+    } else if (typeof i != "function") return i;
+  }, [
+    i,
+    l,
+    o,
+    d,
+    u
+  ]);
 }
-var ge = N, Re = K;
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  y as useCachedChildren
 };

package/dist/index.es295.js

@@ -1,207 +1,10 @@
-import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, limitShift as X, arrow as L } from "./index.es298.js";
-import { autoUpdate as me, platform as pe } from "./index.es298.js";
-import * as f from "react";
-import { useLayoutEffect as Y, useEffect as Z } from "react";
-import * as b from "react-dom";
-var w = typeof document < "u" ? Y : Z;
-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, s;
-  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 (s = Object.keys(e), n = s.length, n !== Object.keys(t).length)
-      return !1;
-    for (r = n; r-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, s[r]))
-        return !1;
-    for (r = n; r-- !== 0; ) {
-      const p = s[r];
-      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function A(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function v(e, t) {
-  const n = A(e);
-  return Math.round(t * n) / n;
-}
-function E(e) {
-  const t = f.useRef(e);
-  return w(() => {
-    t.current = e;
-  }), t;
-}
-function re(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: r = [],
-    platform: s,
-    elements: {
-      reference: p,
-      floating: q
-    } = {},
-    transform: k = !0,
-    whileElementsMounted: D,
-    open: x
-  } = e, [i, O] = f.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [M, B] = f.useState(r);
-  R(M, r) || B(r);
-  const [U, V] = f.useState(null), [W, G] = f.useState(null), _ = f.useCallback((o) => {
-    o !== a.current && (a.current = o, V(o));
-  }, []), C = f.useCallback((o) => {
-    o !== d.current && (d.current = o, G(o));
-  }, []), u = p || U, l = q || W, a = f.useRef(null), d = f.useRef(null), y = f.useRef(i), H = D != null, S = E(D), P = E(s), F = E(x), g = f.useCallback(() => {
-    if (!a.current || !d.current)
-      return;
-    const o = {
-      placement: t,
-      strategy: n,
-      middleware: M
-    };
-    P.current && (o.platform = P.current), I(a.current, d.current, o).then((h) => {
-      const m = {
-        ...h,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: F.current !== !1
-      };
-      $.current && !R(y.current, m) && (y.current = m, b.flushSync(() => {
-        O(m);
-      }));
-    });
-  }, [M, t, n, P, F]);
-  w(() => {
-    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, O((o) => ({
-      ...o,
-      isPositioned: !1
-    })));
-  }, [x]);
-  const $ = f.useRef(!1);
-  w(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), w(() => {
-    if (u && (a.current = u), l && (d.current = l), u && l) {
-      if (S.current)
-        return S.current(u, l, g);
-      g();
-    }
-  }, [u, l, g, S, H]);
-  const j = f.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: _,
-    setFloating: C
-  }), [_, C]), c = f.useMemo(() => ({
-    reference: u,
-    floating: l
-  }), [u, l]), z = f.useMemo(() => {
-    const o = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!c.floating)
-      return o;
-    const h = v(c.floating, i.x), m = v(c.floating, i.y);
-    return k ? {
-      ...o,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...A(c.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
-    };
-  }, [n, k, c.floating, i.x, i.y]);
-  return f.useMemo(() => ({
-    ...i,
-    update: g,
-    refs: j,
-    elements: c,
-    floatingStyles: z
-  }), [i, g, j, c, z]);
-}
-const ee = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: e,
-    fn(n) {
-      const {
-        element: r,
-        padding: s
-      } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? L({
-        element: r.current,
-        padding: s
-      }).fn(n) : {} : r ? L({
-        element: r,
-        padding: s
-      }).fn(n) : {};
-    }
+import { useGridList as t } from "./index.es477.js";
+function d(e, i, o) {
+  let { gridProps: r } = t(e, i, o);
+  return r.role = "treegrid", {
+    gridProps: r
   };
-}, fe = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), oe = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...X(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...N(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), le = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), ce = (e, t) => ({
-  ...ee(e),
-  options: [e, t]
-});
+}
 export {
-  ce as arrow,
-  me as autoUpdate,
-  I as computePosition,
-  ie as flip,
-  le as hide,
-  se as limitShift,
-  fe as offset,
-  pe as platform,
-  oe as shift,
-  ue as size,
-  re as useFloating
+  d as useTreeGridList
 };

package/dist/index.es296.js

@@ -1,24 +1,24 @@
-import * as n from "react";
-import { Primitive as p } from "./index.es179.js";
-import { j as o } from "./index.es104.js";
-var v = "Arrow", e = n.forwardRef((r, i) => {
-  const { children: t, width: s = 10, height: a = 5, ...m } = r;
-  return /* @__PURE__ */ o.jsx(
-    p.svg,
-    {
-      ...m,
-      ref: i,
-      width: s,
-      height: a,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: r.asChild ? t : /* @__PURE__ */ o.jsx("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-e.displayName = v;
-var h = e;
+import d from "./index.es478.js";
+import { useGridListItem as f } from "./index.es479.js";
+import { isAndroid as c } from "./index.es440.js";
+import { useLocalizedStringFormatter as l } from "./index.es480.js";
+function p(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function x(e, r, i) {
+  let { node: a } = e, t = f(e, r, i), n = t.rowProps["aria-expanded"] === !0, o = l(p(d), "@react-aria/tree"), s = {
+    onPress: () => {
+      t.isDisabled || (r.toggleKey(a.key), r.selectionManager.setFocused(!0), r.selectionManager.setFocusedKey(a.key));
+    },
+    "aria-label": n ? o.format("collapse") : o.format("expand"),
+    tabIndex: c() ? -1 : null,
+    "data-react-aria-prevent-focus": !0
+  };
+  return {
+    ...t,
+    expandButtonProps: s
+  };
+}
 export {
-  e as Arrow,
-  h as Root
+  x as useTreeGridListItem
 };

package/dist/index.es297.js

@@ -1,27 +1,30 @@
-import * as h from "react";
-import { useLayoutEffect as z } from "./index.es195.js";
-function c(r) {
-  const [d, e] = h.useState(void 0);
-  return z(() => {
-    if (r) {
-      e({ width: r.offsetWidth, height: r.offsetHeight });
-      const f = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length)
-          return;
-        const b = i[0];
-        let o, t;
-        if ("borderBoxSize" in b) {
-          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
-          o = u.inlineSize, t = u.blockSize;
-        } else
-          o = r.offsetWidth, t = r.offsetHeight;
-        e({ width: o, height: t });
-      });
-      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
-    } else
-      e(void 0);
-  }, [r]), d;
+import { useState as C, useRef as $, useEffect as S, useCallback as V } from "react";
+function w(o, d, c) {
+  let [p, s] = C(o || d), u = $(o !== void 0), e = o !== void 0;
+  S(() => {
+    let t = u.current;
+    t !== e && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), u.current = e;
+  }, [
+    e
+  ]);
+  let n = e ? o : p, b = V((t, ...i) => {
+    let f = (r, ...l) => {
+      c && (Object.is(n, r) || c(r, ...l)), e || (n = r);
+    };
+    typeof t == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((l, ...m) => {
+      let a = t(e ? n : l, ...m);
+      return f(a, ...i), e ? l : a;
+    })) : (e || s(t), f(t, ...i));
+  }, [
+    e,
+    n,
+    c
+  ]);
+  return [
+    n,
+    b
+  ];
 }
 export {
-  c as useSize
+  w as useControlledState
 };