@boxcustodia/library 1.3.1-canary.0 → 1.3.2

package/dist/index.es477.js

@@ -1,12 +1,56 @@
-import { createEventHandler as o } from "./index.es481.js";
-function r(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: o(e.onKeyDown),
-      onKeyUp: o(e.onKeyUp)
-    }
+import { listMap as p } from "./index.es489.js";
+import { useId as m } from "./index.es289.js";
+import { mergeProps as g } from "./index.es290.js";
+import { filterDOMProps as h } from "./index.es291.js";
+import { useHighlightSelectionDescription as y } from "./index.es490.js";
+import { useGridSelectionAnnouncement as v } from "./index.es491.js";
+import { useHasTabbableChild as x } from "./index.es472.js";
+import { useSelectableList as k } from "./index.es492.js";
+function I(i, e, a) {
+  let { isVirtualized: r, keyboardDelegate: b, layoutDelegate: d, onAction: l, linkBehavior: t = "action", keyboardNavigationBehavior: n = "arrow" } = i;
+  !i["aria-label"] && !i["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let { listProps: s } = k({
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    ref: a,
+    keyboardDelegate: b,
+    layoutDelegate: d,
+    isVirtualized: r,
+    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
+    shouldFocusWrap: i.shouldFocusWrap,
+    linkBehavior: t
+  }), c = m(i.id);
+  p.set(e, {
+    id: c,
+    onAction: l,
+    linkBehavior: t,
+    keyboardNavigationBehavior: n
+  });
+  let f = y({
+    selectionManager: e.selectionManager,
+    hasItemActions: !!l
+  }), u = x(a, {
+    isDisabled: e.collection.size !== 0
+  }), $ = h(i, {
+    labelable: !0
+  }), o = g(
+    $,
+    {
+      role: "grid",
+      id: c,
+      "aria-multiselectable": e.selectionManager.selectionMode === "multiple" ? "true" : void 0
+    },
+    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
+    e.collection.size === 0 ? {
+      tabIndex: u ? -1 : 0
+    } : s,
+    f
+  );
+  return r && (o["aria-rowcount"] = e.collection.size, o["aria-colcount"] = 1), v({}, e), {
+    gridProps: o
   };
 }
 export {
-  r as useKeyboard
+  I as useGridList
 };

package/dist/index.es478.js

@@ -1,34 +1,74 @@
-import { useSyntheticBlurEvent as f } from "./index.es480.js";
-import { useRef as h, useCallback as c } from "react";
-function d(r) {
-  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
-    isFocusWithin: !1
-  }), u = c((i) => {
-    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
-  }, [
-    e,
-    t,
-    n
-  ]), s = f(u), l = c((i) => {
-    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
-  }, [
-    o,
-    t,
-    s
-  ]);
-  return a ? {
-    focusWithinProps: {
-      // These should not have been null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
-    }
-  } : {
-    focusWithinProps: {
-      onFocus: l,
-      onBlur: u
-    }
-  };
-}
+import r from "./index.es543.js";
+import o from "./index.es544.js";
+import e from "./index.es545.js";
+import t from "./index.es546.js";
+import p from "./index.es547.js";
+import $ from "./index.es548.js";
+import m from "./index.es549.js";
+import f from "./index.es550.js";
+import b from "./index.es551.js";
+import a from "./index.es552.js";
+import s from "./index.es553.js";
+import d from "./index.es554.js";
+import c from "./index.es555.js";
+import i from "./index.es556.js";
+import x from "./index.es557.js";
+import R from "./index.es558.js";
+import l from "./index.es559.js";
+import E from "./index.es560.js";
+import S from "./index.es561.js";
+import h from "./index.es562.js";
+import L from "./index.es563.js";
+import T from "./index.es564.js";
+import u from "./index.es565.js";
+import I from "./index.es566.js";
+import P from "./index.es567.js";
+import U from "./index.es568.js";
+import k from "./index.es569.js";
+import n from "./index.es570.js";
+import v from "./index.es571.js";
+import K from "./index.es572.js";
+import N from "./index.es573.js";
+import z from "./index.es574.js";
+import A from "./index.es575.js";
+import B from "./index.es576.js";
+var C = {};
+C = {
+  "ar-AE": r,
+  "bg-BG": o,
+  "cs-CZ": e,
+  "da-DK": t,
+  "de-DE": p,
+  "el-GR": $,
+  "en-US": m,
+  "es-ES": f,
+  "et-EE": b,
+  "fi-FI": a,
+  "fr-FR": s,
+  "he-IL": d,
+  "hr-HR": c,
+  "hu-HU": i,
+  "it-IT": x,
+  "ja-JP": R,
+  "ko-KR": l,
+  "lt-LT": E,
+  "lv-LV": S,
+  "nb-NO": h,
+  "nl-NL": L,
+  "pl-PL": T,
+  "pt-BR": u,
+  "pt-PT": I,
+  "ro-RO": P,
+  "ru-RU": U,
+  "sk-SK": k,
+  "sl-SI": n,
+  "sr-SP": v,
+  "sv-SE": K,
+  "tr-TR": N,
+  "uk-UA": z,
+  "zh-CN": A,
+  "zh-TW": B
+};
 export {
-  d as useFocusWithin
+  C as default
 };

package/dist/index.es479.js

@@ -1,34 +1,174 @@
-import { getFocusableTreeWalker as s } from "./index.es285.js";
-import { useLayoutEffect as u } from "./index.es362.js";
-import { useState as c } from "react";
-function $(e, t) {
-  let a = t == null ? void 0 : t.isDisabled, [l, d] = c(!1);
-  return u(() => {
-    if (e != null && e.current && !a) {
-      let r = () => {
-        if (e.current) {
-          let i = s(e.current, {
+import { listMap as X, getRowId as M } from "./index.es489.js";
+import { useSlotId as Y } from "./index.es289.js";
+import { chain as j } from "./index.es436.js";
+import { mergeProps as I } from "./index.es290.js";
+import { useSyntheticLinkProps as q } from "./index.es439.js";
+import { getScrollParent as s } from "./index.es446.js";
+import { scrollIntoViewport as u } from "./index.es452.js";
+import { getFocusableTreeWalker as L } from "./index.es302.js";
+import { focusSafely as c } from "./index.es469.js";
+import { getLastItem as H } from "./index.es476.js";
+import { useRef as J } from "react";
+import { isFocusVisible as Q } from "./index.es458.js";
+import { useSelectableItem as Z } from "./index.es493.js";
+import { useLocale as _ } from "./index.es484.js";
+const D = {
+  expand: {
+    ltr: "ArrowRight",
+    rtl: "ArrowLeft"
+  },
+  collapse: {
+    ltr: "ArrowLeft",
+    rtl: "ArrowRight"
+  }
+};
+function be(b, n, r) {
+  var v, m;
+  let { node: e, isVirtualized: P, shouldSelectOnPressUp: V } = b, { direction: d } = _(), { onAction: p, linkBehavior: F, keyboardNavigationBehavior: $ } = X.get(n), y = Y(), g = J(null), z = () => {
+    var o;
+    r.current !== null && (g.current != null && e.key !== g.current || !(!((o = r.current) === null || o === void 0) && o.contains(document.activeElement))) && c(r.current);
+  }, E = {}, f, B = n.selectionManager.isLink(e.key);
+  if (e != null && "expandedKeys" in n) {
+    var k, K, x;
+    let o = (k = (K = n.collection).getChildren) === null || k === void 0 ? void 0 : k.call(K, e.key);
+    f = [
+      ...o ?? []
+    ].length > 1, p == null && !B && n.selectionManager.selectionMode === "none" && f && (p = () => n.toggleKey(e.key));
+    let i = f ? n.expandedKeys.has(e.key) : void 0, a = 1;
+    var h;
+    if (e.level > 0 && (e == null ? void 0 : e.parentKey) != null) {
+      let t = n.collection.getItem(e.parentKey);
+      if (t) {
+        var w, A;
+        let l = (w = (A = n.collection).getChildren) === null || w === void 0 ? void 0 : w.call(A, t.key);
+        a = H(l).index + 1;
+      }
+    } else a = ((h = (x = [
+      ...n.collection
+    ].filter((t) => t.level === 0).at(-1)) === null || x === void 0 ? void 0 : x.index) !== null && h !== void 0 ? h : 0) + 1;
+    E = {
+      "aria-expanded": i,
+      "aria-level": e.level + 1,
+      "aria-posinset": (e == null ? void 0 : e.index) + 1,
+      "aria-setsize": a
+    };
+  }
+  let { itemProps: O, ...N } = Z({
+    selectionManager: n.selectionManager,
+    key: e.key,
+    ref: r,
+    isVirtualized: P,
+    shouldSelectOnPressUp: V,
+    onAction: p || !((v = e.props) === null || v === void 0) && v.onAction ? j((m = e.props) === null || m === void 0 ? void 0 : m.onAction, p ? () => p(e.key) : void 0) : void 0,
+    focus: z,
+    linkBehavior: F
+  }), U = (o) => {
+    if (!o.currentTarget.contains(o.target) || !r.current || !document.activeElement) return;
+    let i = L(r.current);
+    if (i.currentNode = document.activeElement, "expandedKeys" in n && document.activeElement === r.current) {
+      if (o.key === D.expand[d] && n.selectionManager.focusedKey === e.key && f && !n.expandedKeys.has(e.key)) {
+        n.toggleKey(e.key), o.stopPropagation();
+        return;
+      } else if (o.key === D.collapse[d] && n.selectionManager.focusedKey === e.key && f && n.expandedKeys.has(e.key)) {
+        n.toggleKey(e.key), o.stopPropagation();
+        return;
+      }
+    }
+    switch (o.key) {
+      case "ArrowLeft":
+        if ($ === "arrow") {
+          let t = d === "rtl" ? i.nextNode() : i.previousNode();
+          if (t)
+            o.preventDefault(), o.stopPropagation(), c(t), u(t, {
+              containingElement: s(r.current)
+            });
+          else if (o.preventDefault(), o.stopPropagation(), d === "rtl")
+            c(r.current), u(r.current, {
+              containingElement: s(r.current)
+            });
+          else {
+            i.currentNode = r.current;
+            let l = R(i);
+            l && (c(l), u(l, {
+              containingElement: s(r.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowRight":
+        if ($ === "arrow") {
+          let t = d === "rtl" ? i.previousNode() : i.nextNode();
+          if (t)
+            o.preventDefault(), o.stopPropagation(), c(t), u(t, {
+              containingElement: s(r.current)
+            });
+          else if (o.preventDefault(), o.stopPropagation(), d === "ltr")
+            c(r.current), u(r.current, {
+              containingElement: s(r.current)
+            });
+          else {
+            i.currentNode = r.current;
+            let l = R(i);
+            l && (c(l), u(l, {
+              containingElement: s(r.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowUp":
+      case "ArrowDown":
+        if (!o.altKey && r.current.contains(o.target)) {
+          var a;
+          o.stopPropagation(), o.preventDefault(), (a = r.current.parentElement) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent(o.nativeEvent.type, o.nativeEvent));
+        }
+        break;
+      case "Tab":
+        if ($ === "tab") {
+          let t = L(r.current, {
             tabbable: !0
           });
-          d(!!i.nextNode());
+          t.currentNode = document.activeElement, (o.shiftKey ? t.previousNode() : t.nextNode()) && o.stopPropagation();
         }
-      };
-      r();
-      let b = new MutationObserver(r);
-      return b.observe(e.current, {
-        subtree: !0,
-        childList: !0,
-        attributes: !0,
-        attributeFilter: [
-          "tabIndex",
-          "disabled"
-        ]
-      }), () => {
-        b.disconnect();
-      };
     }
-  }), a ? !1 : l;
+  }, C = (o) => {
+    if (g.current = e.key, o.target !== r.current) {
+      Q() || n.selectionManager.setFocusedKey(e.key);
+      return;
+    }
+  }, T = q(e.props), G = N.hasAction ? T : {}, S = I(O, G, {
+    role: "row",
+    onKeyDownCapture: U,
+    onFocus: C,
+    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
+    "aria-label": e.textValue || void 0,
+    "aria-selected": n.selectionManager.canSelectItem(e.key) ? n.selectionManager.isSelected(e.key) : void 0,
+    "aria-disabled": n.selectionManager.isDisabled(e.key) || void 0,
+    "aria-labelledby": y && e.textValue ? `${M(n, e.key)} ${y}` : void 0,
+    id: M(n, e.key)
+  });
+  P && (S["aria-rowindex"] = e.index + 1);
+  let W = {
+    role: "gridcell",
+    "aria-colindex": 1
+  };
+  return {
+    rowProps: {
+      ...I(S, E)
+    },
+    gridCellProps: W,
+    descriptionProps: {
+      id: y
+    },
+    ...N
+  };
+}
+function R(b) {
+  let n = null, r = null;
+  do
+    r = b.lastChild(), r && (n = r);
+  while (r);
+  return n;
 }
 export {
-  $ as useHasTabbableChild
+  be as useGridListItem
 };

package/dist/index.es48.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es107.js";
+import { j as e } from "./index.es104.js";
 import { cn as m } from "./index.es91.js";
 import { Label as p } from "./index.es55.js";
 const x = ({

package/dist/index.es480.js

@@ -1,71 +1,23 @@
-import { useRef as o, useCallback as i } from "react";
-import { useLayoutEffect as l } from "./index.es362.js";
-import { useEffectEvent as d } from "./index.es467.js";
-class f {
-  isDefaultPrevented() {
-    return this.nativeEvent.defaultPrevented;
-  }
-  preventDefault() {
-    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
-  }
-  stopPropagation() {
-    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
-  }
-  isPropagationStopped() {
-    return !1;
-  }
-  persist() {
-  }
-  constructor(t, e) {
-    this.nativeEvent = e, this.target = e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget, this.bubbles = e.bubbles, this.cancelable = e.cancelable, this.defaultPrevented = e.defaultPrevented, this.eventPhase = e.eventPhase, this.isTrusted = e.isTrusted, this.timeStamp = e.timeStamp, this.type = t;
-  }
+import { useLocale as f } from "./index.es484.js";
+import { LocalizedStringDictionary as c } from "./index.es486.js";
+import { LocalizedStringFormatter as i } from "./index.es487.js";
+import { useMemo as n } from "react";
+const r = /* @__PURE__ */ new WeakMap();
+function $(e) {
+  let a = r.get(e);
+  return a || (a = new c(e), r.set(e, a)), a;
 }
-function h(n) {
-  let t = o({
-    isFocused: !1,
-    observer: null
-  });
-  l(() => {
-    const r = t.current;
-    return () => {
-      r.observer && (r.observer.disconnect(), r.observer = null);
-    };
-  }, []);
-  let e = d((r) => {
-    n == null || n(r);
-  });
-  return i((r) => {
-    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
-      t.current.isFocused = !0;
-      let s = r.target, u = (a) => {
-        t.current.isFocused = !1, s.disabled && e(new f("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
-      };
-      s.addEventListener("focusout", u, {
-        once: !0
-      }), t.current.observer = new MutationObserver(() => {
-        if (t.current.isFocused && s.disabled) {
-          var a;
-          (a = t.current.observer) === null || a === void 0 || a.disconnect();
-          let c = s === document.activeElement ? null : document.activeElement;
-          s.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: c
-          })), s.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: !0,
-            relatedTarget: c
-          }));
-        }
-      }), t.current.observer.observe(s, {
-        attributes: !0,
-        attributeFilter: [
-          "disabled"
-        ]
-      });
-    }
-  }, [
-    e
+function b(e, a) {
+  return a && c.getGlobalDictionaryForPackage(a) || $(e);
+}
+function u(e, a) {
+  let { locale: o } = f(), t = b(e, a);
+  return n(() => new i(o, t), [
+    o,
+    t
   ]);
 }
 export {
-  f as SyntheticFocusEvent,
-  h as useSyntheticBlurEvent
+  b as useLocalizedStringDictionary,
+  u as useLocalizedStringFormatter
 };

package/dist/index.es481.js

@@ -1,28 +1,23 @@
-function n(o) {
-  if (!o) return;
-  let e = !0;
-  return (t) => {
-    let r = {
-      ...t,
-      preventDefault() {
-        t.preventDefault();
-      },
-      isDefaultPrevented() {
-        return t.isDefaultPrevented();
-      },
-      stopPropagation() {
-        e ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : e = !0;
-      },
-      continuePropagation() {
-        e = !1;
-      },
-      isPropagationStopped() {
-        return e;
-      }
-    };
-    o(r), e && t.stopPropagation();
-  };
+import { CollectionBuilder as u } from "./index.es482.js";
+import { useMemo as n } from "react";
+function b(d, l, r) {
+  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
+  return n(() => {
+    if (e) return e;
+    let c = t.build({
+      children: i,
+      items: o
+    }, r);
+    return l(c);
+  }, [
+    t,
+    i,
+    o,
+    e,
+    r,
+    l
+  ]);
 }
 export {
-  n as createEventHandler
+  b as useCollection
 };