@boxcustodia/library 0.3.8 → 0.5.2

package/dist/index.es157.js

@@ -1,28 +1,348 @@
-import { __exports as t } from "./index.es192.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p) return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r) c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps) for (e in r = o.defaultProps, r) n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+import { ButtonContext as D } from "./index.es155.js";
+import { CheckboxContext as U } from "./index.es297.js";
+import { CollectionRendererContext as B, DefaultCollectionRenderer as G, usePersistedKeys as O } from "./index.es309.js";
+import { useRenderProps as w, Provider as L, DEFAULT_SLOT as W, useContextProps as j } from "./index.es156.js";
+import { useTreeGridList as q } from "./index.es311.js";
+import { useTreeGridListItem as N } from "./index.es312.js";
+import { createLeafComponent as I, createBranchComponent as J, CollectionBuilder as Q, Collection as X } from "./index.es83.js";
+import { useCachedChildren as Y } from "./index.es310.js";
+import { mergeProps as M } from "./index.es302.js";
+import { filterDOMProps as S } from "./index.es303.js";
+import { useObjectRef as Z } from "./index.es308.js";
+import { useControlledState as ee } from "./index.es313.js";
+import n, { forwardRef as te, useContext as E, createContext as T, useEffect as F, useRef as ae, useMemo as le } from "react";
+import { useHover as re } from "./index.es306.js";
+import { useFocusRing as k } from "./index.es305.js";
+import { FocusScope as oe } from "./index.es314.js";
+import { useGridListSelectionCheckbox as ne } from "./index.es315.js";
+import { useTreeState as se } from "./index.es316.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((r) => r.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((r) => r.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), r = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
+        for (; r; )
+          yield r, r = r.nextKey != null ? t.get(r.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: r, keyMap: s } = ue(t, {
+      expandedKeys: o
+    });
+    this.flattenedRows = r, this.keyMap = s;
+  }
+}
+const de = /* @__PURE__ */ T(null), K = /* @__PURE__ */ T(null);
+function ce(a, e) {
+  return [a, e] = j(a, e, de), /* @__PURE__ */ n.createElement(Q, {
+    content: /* @__PURE__ */ n.createElement(X, a)
+  }, (t) => /* @__PURE__ */ n.createElement(fe, {
+    props: a,
+    collection: t,
+    treeRef: e
+  }));
+}
+function fe({ props: a, collection: e, treeRef: t }) {
+  let { selectionMode: o = "none", expandedKeys: r, defaultExpandedKeys: s, onExpandedChange: l, disabledBehavior: i = "selection" } = a, { CollectionRoot: f, isVirtualized: d, layoutDelegate: b } = E(B), [u, p] = ee(r ? V(r) : void 0, s ? V(s) : /* @__PURE__ */ new Set(), l), P = le(() => new ie({
+    collection: e,
+    expandedKeys: u
+  }), [
+    e,
+    u
+  ]), c = se({
+    ...a,
+    selectionMode: o,
+    expandedKeys: u,
+    onExpandedChange: p,
+    collection: P,
+    children: void 0,
+    disabledBehavior: i
+  }), { gridProps: m } = q({
+    ...a,
+    isVirtualized: d,
+    layoutDelegate: b
+  }, c, t), { focusProps: R, isFocused: y, isFocusVisible: v } = k(), x = {
+    isEmpty: c.collection.size === 0,
+    isFocused: y,
+    isFocusVisible: v,
+    state: c
+  }, h = w({
+    className: a.className,
+    style: a.style,
+    defaultClassName: "react-aria-Tree",
+    values: x
+  }), C = null, g = null;
+  if (c.collection.size === 0 && a.renderEmptyState) {
+    let { isEmpty: _, ...$ } = x, H = a.renderEmptyState({
+      ...$
+    }), A = {
+      "aria-level": 1,
+      "aria-posinset": 1,
+      "aria-setsize": 1
+    };
+    C = /* @__PURE__ */ n.createElement("div", {
+      role: "row",
+      style: {
+        display: "contents"
+      },
+      ...A
+    }, /* @__PURE__ */ n.createElement("div", {
+      role: "gridcell",
+      style: {
+        display: "contents"
+      }
+    }, H));
+  }
+  return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
+    ...S(a),
+    ...h,
+    ...M(m, R, g),
+    ref: t,
+    slot: a.slot || void 0,
+    onScroll: a.onScroll,
+    "data-empty": c.collection.size === 0 || void 0,
+    "data-focused": y || void 0,
+    "data-focus-visible": v || void 0
+  }, /* @__PURE__ */ n.createElement(L, {
+    values: [
+      [
+        K,
+        c
+      ]
+    ]
+  }, /* @__PURE__ */ n.createElement(f, {
+    collection: c.collection,
+    persistedKeys: O(c.selectionManager.focusedKey),
+    scrollRef: t
+  })), C));
+}
+const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e) {
+  let t = E(z), o = w({
+    children: e.children,
+    values: t
+  });
+  return /* @__PURE__ */ n.createElement(B.Provider, {
+    value: G
+  }, o.children);
+}), z = /* @__PURE__ */ T(null), Fe = /* @__PURE__ */ J("item", (a, e, t) => {
+  var o;
+  let r = E(K);
+  e = Z(e);
+  let { rowProps: s, gridCellProps: l, expandButtonProps: i, descriptionProps: f, ...d } = N({
+    node: t
+  }, r, e), b = s["aria-expanded"] === !0, u = ((o = [
+    ...r.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: a.onHoverStart,
+    onHoverChange: a.onHoverChange,
+    onHoverEnd: a.onHoverEnd
+  }), { isFocusVisible: m, focusProps: R } = k(), { isFocusVisible: y, focusProps: v } = k({
+    within: !0
+  }), { checkboxProps: x } = ne({
+    key: t.key
+  }, r), h = n.useMemo(() => ({
+    ...d,
+    isHovered: c,
+    isFocusVisible: m,
+    isExpanded: b,
+    hasChildRows: u,
+    level: p,
+    selectionMode: r.selectionManager.selectionMode,
+    selectionBehavior: r.selectionManager.selectionBehavior,
+    isFocusVisibleWithin: y
+  }), [
+    d,
+    c,
+    m,
+    r.selectionManager,
+    b,
+    u,
+    p,
+    y
+  ]), C = w({
+    ...a,
+    id: void 0,
+    children: t.rendered,
+    defaultClassName: "react-aria-TreeItem",
+    defaultStyle: {
+      // @ts-ignore
+      "--tree-item-level": p
+    },
+    values: h
+  });
+  F(() => {
+    t.textValue || console.warn("A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.");
+  }, [
+    t.textValue
+  ]);
+  let g = ae(null);
+  F(() => {
+    u && !g.current && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
+  }, []);
+  let _ = Y({
+    items: r.collection.getChildren(t.key),
+    children: ($) => {
+      switch ($.type) {
+        case "content":
+          return $.render($);
+        case "loader":
+        case "item":
+          return /* @__PURE__ */ n.createElement(n.Fragment, null);
+        default:
+          throw new Error("Unsupported element type in TreeRow: " + $.type);
+      }
+    }
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    ...M(S(a), s, R, P, v),
+    ...C,
+    ref: e,
+    // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
+    "data-expanded": u && b || void 0,
+    "data-has-child-rows": 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": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
+  }, /* @__PURE__ */ n.createElement("div", {
+    ...l,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ n.createElement(L, {
+    values: [
+      [
+        U,
+        {
+          slots: {
+            selection: x
+          }
+        }
+      ],
+      // 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?
+      [
+        D,
+        {
+          slots: {
+            [W]: {},
+            chevron: {
+              ...i,
+              ref: g
+            }
+          }
+        }
+      ],
+      [
+        z,
+        {
+          ...h
+        }
+      ]
+    ]
+  }, _))));
+});
+I("loader", function(e, t, o) {
+  let r = E(K), { rowProps: s } = N({
+    node: o
+  }, r, t), l = s["aria-level"] || 1, i = {
+    "aria-level": s["aria-level"],
+    "aria-posinset": s["aria-posinset"],
+    "aria-setsize": s["aria-setsize"]
+  }, f = w({
+    ...e,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-TreeLoader",
+    values: {
+      level: l
+    }
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    role: "row",
+    ref: t,
+    ...M(S(e), i),
+    ...f,
+    "data-level": l
+  }, /* @__PURE__ */ n.createElement("div", {
+    role: "gridcell",
+    "aria-colindex": 1
+  }, f.children)));
+});
+function V(a) {
+  return a ? a === "all" ? "all" : new Set(a) : /* @__PURE__ */ new Set();
+}
+function ue(a, e) {
+  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), r = [], s = (l) => {
+    if (l.type === "item" || l.type === "loader") {
+      let i = l == null ? void 0 : l.parentKey, f = {
+        ...l
+      };
+      i != null ? ([
+        ...a.getChildren(i)
+      ][0].type !== "item" && (f.index = (l == null ? void 0 : l.index) != null ? (l == null ? void 0 : l.index) - 1 : 0), l.type === "loader" && (f.level = l.level + 1), o.set(f.key, f)) : o.set(l.key, l), (l.level === 0 || i != null && t.has(i) && r.find((d) => d.key === i)) && r.push(o.get(l.key) || l);
+    } else l.type !== null && o.set(l.key, l);
+    for (let i of a.getChildren(l.key)) s(i);
+  };
+  for (let l of a) s(l);
+  return {
+    flattenedRows: r,
+    keyMap: o
+  };
 }
 export {
-  v as __require
+  z as TreeItemContentContext,
+  Ke as UNSTABLE_Tree,
+  de as UNSTABLE_TreeContext,
+  Fe as UNSTABLE_TreeItem,
+  _e as UNSTABLE_TreeItemContent,
+  K as UNSTABLE_TreeStateContext
 };