@boxcustodia/library 1.7.9 → 1.7.10

package/dist/index.es166.js

@@ -1,218 +1,354 @@
-import * as f from "react";
-import { t as B } from "./index.es204.js";
-import "react-dom";
-import "./index.es205.js";
-import { fireEvent as a, configure as E } from "./index.es206.js";
-import { buildQueries as k, createEvent as V, findAllByAltText as C, findAllByDisplayValue as F, findAllByLabelText as M, findAllByPlaceholderText as W, findAllByRole as U, findAllByTestId as G, findAllByText as z, findAllByTitle as K, findByAltText as $, findByDisplayValue as H, findByLabelText as J, findByPlaceholderText as X, findByRole as Y, findByTestId as Z, findByText as ee, findByTitle as te, getAllByAltText as ne, getAllByDisplayValue as re, getAllByLabelText as le, getAllByPlaceholderText as oe, getAllByRole as ue, getAllByTestId as ie, getAllByText as se, getAllByTitle as ae, getByAltText as ye, getByDisplayValue as ce, getByLabelText as fe, getByPlaceholderText as de, getByRole as me, getByTestId as ge, getByText as pe, getByTitle as Te, getDefaultNormalizer as Ae, getElementError as Be, getMultipleElementsFoundError as Ee, getNodeText as be, getQueriesForElement as xe, getRoles as he, getSuggestedQuery as ve, isInaccessible as we, logDOM as qe, makeFindQuery as Re, makeGetAllQuery as Ie, makeSingleQuery as Le, prettyDOM as Oe, queries as Ne, queryAllByAltText as _e, queryAllByAttribute as Pe, queryAllByDisplayValue as De, queryAllByLabelText as Qe, queryAllByPlaceholderText as Se, queryAllByRole as je, queryAllByTestId as ke, queryAllByText as Ve, queryAllByTitle as Ce, queryByAltText as Fe, queryByDisplayValue as Me, queryByLabelText as We, queryByPlaceholderText as Ue, queryByRole as Ge, queryByTestId as ze, queryByText as Ke, queryByTitle as $e, waitFor as He, getQueriesForElement as Je, wrapAllByQueryWithSuggestion as Xe, wrapSingleQueryWithSuggestion as Ye } from "./index.es206.js";
-const b = typeof f.act == "function" ? f.act : B.act;
-function p() {
-  if (typeof globalThis < "u")
-    return globalThis;
-  if (typeof self < "u")
-    return self;
-  if (typeof window < "u")
-    return window;
-  if (typeof global < "u")
-    return global;
-  throw new Error("unable to locate global object");
-}
-function l(t) {
-  p().IS_REACT_ACT_ENVIRONMENT = t;
+import { ButtonContext as O } from "./index.es164.js";
+import { CheckboxContext as A } from "./index.es323.js";
+import { CollectionRendererContext as N, DefaultCollectionRenderer as W, usePersistedKeys as G } from "./index.es335.js";
+import { useRenderProps as E, Provider as z, DEFAULT_SLOT as U, useContextProps as j } from "./index.es165.js";
+import { createBranchComponent as q, createLeafComponent as D, CollectionBuilder as J, Collection as Q } from "./index.es89.js";
+import { useCachedChildren as X } from "./index.es336.js";
+import { mergeProps as S } from "./index.es328.js";
+import { filterDOMProps as V } from "./index.es329.js";
+import { useObjectRef as Y } from "./index.es334.js";
+import { useControlledState as Z } from "./index.es337.js";
+import n, { forwardRef as ee, useContext as w, createContext as F, useEffect as I, useRef as te, useMemo as ae } from "react";
+import { useTreeItem as H } from "./index.es338.js";
+import { useTree as le } from "./index.es339.js";
+import { useHover as re } from "./index.es332.js";
+import { useFocusRing as T } from "./index.es331.js";
+import { FocusScope as oe } from "./index.es340.js";
+import { useGridListSelectionCheckbox as ne } from "./index.es341.js";
+import { useTreeState as se } from "./index.es342.js";
+class ie {
+  // TODO: should this collection's getters reflect the flattened structure or the original structure
+  // If we respresent the flattened structure, it is easier for the keyboard nav but harder to find all the nodes
+  *[Symbol.iterator]() {
+    yield* this.flattenedRows;
+  }
+  get size() {
+    return this.flattenedRows.length;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getItem(e) {
+    return this.keyMap.get(e) || null;
+  }
+  at(e) {
+    return this.flattenedRows[e];
+  }
+  getFirstKey() {
+    var e;
+    return (e = this.flattenedRows[0]) === null || e === void 0 ? void 0 : e.key;
+  }
+  getLastKey() {
+    var e;
+    return (e = this.flattenedRows[this.size - 1]) === null || e === void 0 ? void 0 : e.key;
+  }
+  getKeyAfter(e) {
+    var t;
+    let o = this.flattenedRows.findIndex((l) => l.key === e);
+    return (t = this.flattenedRows[o + 1]) === null || t === void 0 ? void 0 : t.key;
+  }
+  getKeyBefore(e) {
+    var t;
+    let o = this.flattenedRows.findIndex((l) => l.key === e);
+    return (t = this.flattenedRows[o - 1]) === null || t === void 0 ? void 0 : t.key;
+  }
+  // Note that this will return Content nodes in addition to nested TreeItems
+  getChildren(e) {
+    let t = this.keyMap;
+    return {
+      *[Symbol.iterator]() {
+        let o = t.get(e), l = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
+        for (; l; )
+          yield l, l = l.nextKey != null ? t.get(l.nextKey) : void 0;
+      }
+    };
+  }
+  getTextValue(e) {
+    let t = this.getItem(e);
+    return t ? t.textValue : "";
+  }
+  constructor(e) {
+    this.keyMap = /* @__PURE__ */ new Map();
+    let { collection: t, expandedKeys: o } = e, { flattenedRows: l, keyMap: s } = fe(t, {
+      expandedKeys: o
+    });
+    this.flattenedRows = l, this.keyMap = s;
+  }
 }
-function i() {
-  return p().IS_REACT_ACT_ENVIRONMENT;
+const de = /* @__PURE__ */ F(null), _ = /* @__PURE__ */ F(null), Te = /* @__PURE__ */ ee(function(e, t) {
+  return [e, t] = j(e, t, de), /* @__PURE__ */ n.createElement(J, {
+    content: /* @__PURE__ */ n.createElement(Q, e)
+  }, (o) => /* @__PURE__ */ n.createElement(ce, {
+    props: e,
+    collection: o,
+    treeRef: t
+  }));
+});
+function ce({ props: r, collection: e, treeRef: t }) {
+  let { selectionMode: o = "none", expandedKeys: l, defaultExpandedKeys: s, onExpandedChange: a, disabledBehavior: i = "all" } = r, { CollectionRoot: f, isVirtualized: d, layoutDelegate: $ } = w(N), [u, p] = Z(l ? B(l) : void 0, s ? B(s) : /* @__PURE__ */ new Set(), a), P = ae(() => new ie({
+    collection: e,
+    expandedKeys: u
+  }), [
+    e,
+    u
+  ]), c = se({
+    ...r,
+    selectionMode: o,
+    expandedKeys: u,
+    onExpandedChange: p,
+    collection: P,
+    children: void 0,
+    disabledBehavior: i
+  }), { gridProps: m } = le({
+    ...r,
+    isVirtualized: d,
+    layoutDelegate: $
+  }, c, t), { focusProps: R, isFocused: b, isFocusVisible: v } = T(), h = {
+    isEmpty: c.collection.size === 0,
+    isFocused: b,
+    isFocusVisible: v,
+    state: c
+  }, x = E({
+    className: r.className,
+    style: r.style,
+    defaultClassName: "react-aria-Tree",
+    values: h
+  }), y = null;
+  if (c.collection.size === 0 && r.renderEmptyState) {
+    let { isEmpty: k, ...M } = h, C = r.renderEmptyState({
+      ...M
+    }), K = {
+      "aria-level": 1,
+      "aria-posinset": 1,
+      "aria-setsize": 1
+    };
+    y = /* @__PURE__ */ n.createElement("div", {
+      role: "row",
+      style: {
+        display: "contents"
+      },
+      ...K
+    }, /* @__PURE__ */ n.createElement("div", {
+      role: "gridcell",
+      style: {
+        display: "contents"
+      }
+    }, C));
+  }
+  return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
+    ...V(r),
+    ...x,
+    ...S(m, R),
+    ref: t,
+    slot: r.slot || void 0,
+    onScroll: r.onScroll,
+    "data-empty": c.collection.size === 0 || void 0,
+    "data-focused": b || void 0,
+    "data-focus-visible": v || void 0
+  }, /* @__PURE__ */ n.createElement(z, {
+    values: [
+      [
+        _,
+        c
+      ]
+    ]
+  }, /* @__PURE__ */ n.createElement(f, {
+    collection: c.collection,
+    persistedKeys: G(c.selectionManager.focusedKey),
+    scrollRef: t
+  })), y));
 }
-function x(t) {
-  return (n) => {
-    const r = i();
-    l(!0);
-    try {
-      let o = !1;
-      const c = t(() => {
-        const u = n();
-        return u !== null && typeof u == "object" && typeof u.then == "function" && (o = !0), u;
-      });
-      if (o) {
-        const u = c;
-        return {
-          then: (T, A) => {
-            u.then((s) => {
-              l(r), T(s);
-            }, (s) => {
-              l(r), A(s);
-            });
-          }
-        };
-      } else
-        return l(r), c;
-    } catch (o) {
-      throw l(r), o;
+const Se = /* @__PURE__ */ D("content", function(e) {
+  let t = w(L), o = E({
+    children: e.children,
+    values: t
+  });
+  return /* @__PURE__ */ n.createElement(N.Provider, {
+    value: W
+  }, o.children);
+}), L = /* @__PURE__ */ F(null), Ve = /* @__PURE__ */ q("item", (r, e, t) => {
+  var o;
+  let l = w(_);
+  e = Y(e);
+  let { rowProps: s, gridCellProps: a, expandButtonProps: i, descriptionProps: f, ...d } = H({
+    node: t
+  }, l, e), $ = s["aria-expanded"] === !0, u = r.hasChildItems || ((o = [
+    ...l.collection.getChildren(t.key)
+  ]) === null || o === void 0 ? void 0 : o.length) > 1, p = s["aria-level"] || 1, { hoverProps: P, isHovered: c } = re({
+    isDisabled: !d.allowsSelection && !d.hasAction,
+    onHoverStart: r.onHoverStart,
+    onHoverChange: r.onHoverChange,
+    onHoverEnd: r.onHoverEnd
+  }), { isFocusVisible: m, focusProps: R } = T(), { isFocusVisible: b, focusProps: v } = T({
+    within: !0
+  }), { checkboxProps: h } = ne({
+    key: t.key
+  }, l), x = l.selectionManager.selectionMode, y = l.selectionManager.selectionBehavior, k = n.useMemo(() => ({
+    ...d,
+    isHovered: c,
+    isFocusVisible: m,
+    isExpanded: $,
+    hasChildItems: u,
+    level: p,
+    selectionMode: x,
+    selectionBehavior: y,
+    isFocusVisibleWithin: b,
+    state: l,
+    id: t.key
+  }), [
+    d,
+    c,
+    m,
+    x,
+    y,
+    $,
+    u,
+    p,
+    b,
+    l,
+    t.key
+  ]), M = E({
+    ...r,
+    id: void 0,
+    children: t.rendered,
+    defaultClassName: "react-aria-TreeItem",
+    defaultStyle: {
+      // @ts-ignore
+      "--tree-item-level": p
+    },
+    values: k
+  });
+  I(() => {
+    !t.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.");
+  }, [
+    t.textValue
+  ]);
+  let C = te(null);
+  I(() => {
+    u && !C.current && process.env.NODE_ENV !== "production" && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
+  }, []);
+  let K = X({
+    items: l.collection.getChildren(t.key),
+    children: (g) => {
+      switch (g.type) {
+        case "content":
+          return g.render(g);
+        // Skip item since we don't render the nested rows as children of the parent row, the flattened collection
+        // will render them each as siblings instead
+        case "loader":
+        case "item":
+          return /* @__PURE__ */ n.createElement(n.Fragment, null);
+        default:
+          throw new Error("Unsupported element type in TreeRow: " + g.type);
+      }
     }
-  };
-}
-const y = x(b), e = function() {
-  return a(...arguments);
-};
-Object.keys(a).forEach((t) => {
-  e[t] = function() {
-    return a[t](...arguments);
-  };
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    ...S(V(r), s, R, P, v),
+    ...M,
+    ref: e,
+    // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
+    "data-expanded": u && $ || void 0,
+    "data-has-child-items": u || void 0,
+    "data-level": p,
+    "data-selected": d.isSelected || void 0,
+    "data-disabled": d.isDisabled || void 0,
+    "data-hovered": c || void 0,
+    "data-focused": d.isFocused || void 0,
+    "data-focus-visible": m || void 0,
+    "data-pressed": d.isPressed || void 0,
+    "data-selection-mode": l.selectionManager.selectionMode === "none" ? void 0 : l.selectionManager.selectionMode
+  }, /* @__PURE__ */ n.createElement("div", {
+    ...a,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ n.createElement(z, {
+    values: [
+      [
+        A,
+        {
+          slots: {
+            selection: h
+          }
+        }
+      ],
+      // TODO: support description in the tree row
+      // TODO: don't think I need to pass isExpanded to the button here since it can be sourced from the renderProps? Might be worthwhile passing it down?
+      [
+        O,
+        {
+          slots: {
+            [U]: {},
+            chevron: {
+              ...i,
+              ref: C
+            }
+          }
+        }
+      ],
+      [
+        L,
+        {
+          ...k
+        }
+      ]
+    ]
+  }, K))));
 });
-const h = e.mouseEnter, v = e.mouseLeave;
-e.mouseEnter = function() {
-  return h(...arguments), e.mouseOver(...arguments);
-};
-e.mouseLeave = function() {
-  return v(...arguments), e.mouseOut(...arguments);
-};
-const w = e.pointerEnter, q = e.pointerLeave;
-e.pointerEnter = function() {
-  return w(...arguments), e.pointerOver(...arguments);
-};
-e.pointerLeave = function() {
-  return q(...arguments), e.pointerOut(...arguments);
-};
-const R = e.select;
-e.select = (t, n) => {
-  R(t, n), t.focus(), e.keyUp(t, n);
-};
-const I = e.blur, L = e.focus;
-e.blur = function() {
-  return e.focusOut(...arguments), I(...arguments);
-};
-e.focus = function() {
-  return e.focusIn(...arguments), L(...arguments);
-};
-function O() {
-  return typeof jest < "u" && jest !== null ? (
-    // legacy timers
-    setTimeout._isMockFunction === !0 || // modern timers
-    // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
-    Object.prototype.hasOwnProperty.call(setTimeout, "clock")
-  ) : !1;
-}
-E({
-  unstable_advanceTimersWrapper: (t) => y(t),
-  // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
-  // But that's not necessarily how `asyncWrapper` is used since it's a public method.
-  // Let's just hope nobody else is using it.
-  asyncWrapper: async (t) => {
-    const n = i();
-    l(!1);
-    try {
-      const r = await t();
-      return await new Promise((o) => {
-        setTimeout(() => {
-          o();
-        }, 0), O() && jest.advanceTimersByTime(0);
-      }), r;
-    } finally {
-      l(n);
+D("loader", function(e, t, o) {
+  let l = w(_), { rowProps: s } = H({
+    node: o
+  }, l, t), a = s["aria-level"] || 1, i = {
+    "aria-level": s["aria-level"],
+    "aria-posinset": s["aria-posinset"],
+    "aria-setsize": s["aria-setsize"]
+  }, f = E({
+    ...e,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-TreeLoader",
+    values: {
+      level: a
     }
-  },
-  eventWrapper: (t) => {
-    let n;
-    return y(() => {
-      n = t();
-    }), n;
-  }
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    role: "row",
+    ref: t,
+    ...S(V(e), i),
+    ...f,
+    "data-level": a
+  }, /* @__PURE__ */ n.createElement("div", {
+    role: "gridcell",
+    "aria-colindex": 1
+  }, f.children)));
 });
-const N = /* @__PURE__ */ new Set(), d = [];
-function m() {
-  d.forEach((t) => {
-    let {
-      root: n,
-      container: r
-    } = t;
-    y(() => {
-      n.unmount();
-    }), r.parentNode === document.body && document.body.removeChild(r);
-  }), d.length = 0, N.clear();
+function B(r) {
+  return r ? r === "all" ? "all" : new Set(r) : /* @__PURE__ */ new Set();
 }
-var g;
-if ((typeof process > "u" || !((g = process.env) != null && g.RTL_SKIP_AUTO_CLEANUP)) && (typeof afterEach == "function" ? afterEach(() => {
-  m();
-}) : typeof teardown == "function" && teardown(() => {
-  m();
-}), typeof beforeAll == "function" && typeof afterAll == "function")) {
-  let t = i();
-  beforeAll(() => {
-    t = i(), l(!0);
-  }), afterAll(() => {
-    l(t);
-  });
+function fe(r, e) {
+  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), l = [], s = (a) => {
+    if (a.type === "item" || a.type === "loader") {
+      let i = a == null ? void 0 : a.parentKey, f = {
+        ...a
+      };
+      i != null ? ([
+        ...r.getChildren(i)
+      ][0].type !== "item" && (f.index = (a == null ? void 0 : a.index) != null ? (a == null ? void 0 : a.index) - 1 : 0), a.type === "loader" && (f.level = a.level + 1), o.set(f.key, f)) : o.set(a.key, a), (a.level === 0 || i != null && t.has(i) && l.find((d) => d.key === i)) && l.push(o.get(a.key) || a);
+    } else a.type !== null && o.set(a.key, a);
+    for (let i of r.getChildren(a.key)) s(i);
+  };
+  for (let a of r) s(a);
+  return {
+    flattenedRows: l,
+    keyMap: o
+  };
 }
 export {
-  y as act,
-  k as buildQueries,
-  m as cleanup,
-  V as createEvent,
-  C as findAllByAltText,
-  F as findAllByDisplayValue,
-  M as findAllByLabelText,
-  W as findAllByPlaceholderText,
-  U as findAllByRole,
-  G as findAllByTestId,
-  z as findAllByText,
-  K as findAllByTitle,
-  $ as findByAltText,
-  H as findByDisplayValue,
-  J as findByLabelText,
-  X as findByPlaceholderText,
-  Y as findByRole,
-  Z as findByTestId,
-  ee as findByText,
-  te as findByTitle,
-  e as fireEvent,
-  ne as getAllByAltText,
-  re as getAllByDisplayValue,
-  le as getAllByLabelText,
-  oe as getAllByPlaceholderText,
-  ue as getAllByRole,
-  ie as getAllByTestId,
-  se as getAllByText,
-  ae as getAllByTitle,
-  ye as getByAltText,
-  ce as getByDisplayValue,
-  fe as getByLabelText,
-  de as getByPlaceholderText,
-  me as getByRole,
-  ge as getByTestId,
-  pe as getByText,
-  Te as getByTitle,
-  Ae as getDefaultNormalizer,
-  Be as getElementError,
-  Ee as getMultipleElementsFoundError,
-  be as getNodeText,
-  xe as getQueriesForElement,
-  he as getRoles,
-  ve as getSuggestedQuery,
-  we as isInaccessible,
-  qe as logDOM,
-  Re as makeFindQuery,
-  Ie as makeGetAllQuery,
-  Le as makeSingleQuery,
-  Oe as prettyDOM,
-  Ne as queries,
-  _e as queryAllByAltText,
-  Pe as queryAllByAttribute,
-  De as queryAllByDisplayValue,
-  Qe as queryAllByLabelText,
-  Se as queryAllByPlaceholderText,
-  je as queryAllByRole,
-  ke as queryAllByTestId,
-  Ve as queryAllByText,
-  Ce as queryAllByTitle,
-  Fe as queryByAltText,
-  Me as queryByDisplayValue,
-  We as queryByLabelText,
-  Ue as queryByPlaceholderText,
-  Ge as queryByRole,
-  ze as queryByTestId,
-  Ke as queryByText,
-  $e as queryByTitle,
-  He as waitFor,
-  Je as within,
-  Xe as wrapAllByQueryWithSuggestion,
-  Ye as wrapSingleQueryWithSuggestion
+  Te as Tree,
+  de as TreeContext,
+  Ve as TreeItem,
+  Se as TreeItemContent,
+  L as TreeItemContentContext,
+  _ as TreeStateContext
 };