@boxcustodia/library 0.3.5 → 0.3.8

package/dist/index.es275.js

@@ -1,17 +1,79 @@
-import { useEffect as n } from "react";
-import { useCallbackRef as t } from "./index.es274.js";
-function l(d, e = globalThis == null ? void 0 : globalThis.document) {
-  const o = t(d);
-  n(() => {
-    const a = (s) => {
-      s.key === "Escape" && o(s);
+import { useState as T, useRef as y, useEffect as c, useMemo as b } from "react";
+let s = !1, f = 0;
+function g() {
+  s = !0, setTimeout(() => {
+    s = !1;
+  }, 50);
+}
+function m(a) {
+  a.pointerType === "touch" && g();
+}
+function P() {
+  if (!(typeof document > "u"))
+    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", m) : document.addEventListener("touchend", g), f++, () => {
+      f--, !(f > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", m) : document.removeEventListener("touchend", g));
+    };
+}
+function L(a) {
+  let { onHoverStart: d, onHoverChange: i, onHoverEnd: v, isDisabled: r } = a, [H, p] = T(!1), t = y({
+    isHovered: !1,
+    ignoreEmulatedMouseEvents: !1,
+    pointerType: "",
+    target: null
+  }).current;
+  c(P, []);
+  let { hoverProps: h, triggerHoverEnd: $ } = b(() => {
+    let E = (e, n) => {
+      if (t.pointerType = n, r || n === "touch" || t.isHovered || !e.currentTarget.contains(e.target)) return;
+      t.isHovered = !0;
+      let u = e.currentTarget;
+      t.target = u, d && d({
+        type: "hoverstart",
+        target: u,
+        pointerType: n
+      }), i && i(!0), p(!0);
+    }, l = (e, n) => {
+      if (t.pointerType = "", t.target = null, n === "touch" || !t.isHovered) return;
+      t.isHovered = !1;
+      let u = e.currentTarget;
+      v && v({
+        type: "hoverend",
+        target: u,
+        pointerType: n
+      }), i && i(!1), p(!1);
+    }, o = {};
+    return typeof PointerEvent < "u" ? (o.onPointerEnter = (e) => {
+      s && e.pointerType === "mouse" || E(e, e.pointerType);
+    }, o.onPointerLeave = (e) => {
+      !r && e.currentTarget.contains(e.target) && l(e, e.pointerType);
+    }) : (o.onTouchStart = () => {
+      t.ignoreEmulatedMouseEvents = !0;
+    }, o.onMouseEnter = (e) => {
+      !t.ignoreEmulatedMouseEvents && !s && E(e, "mouse"), t.ignoreEmulatedMouseEvents = !1;
+    }, o.onMouseLeave = (e) => {
+      !r && e.currentTarget.contains(e.target) && l(e, "mouse");
+    }), {
+      hoverProps: o,
+      triggerHoverEnd: l
     };
-    return e.addEventListener("keydown", a), () => e.removeEventListener("keydown", a);
   }, [
-    o,
-    e
+    d,
+    i,
+    v,
+    r,
+    t
   ]);
+  return c(() => {
+    r && $({
+      currentTarget: t.target
+    }, t.pointerType);
+  }, [
+    r
+  ]), {
+    hoverProps: h,
+    isHovered: H
+  };
 }
 export {
-  l as useEscapeKeydown
+  L as useHover
 };

package/dist/index.es276.js

@@ -1,12 +1,9 @@
-function r(t, i) {
-  if (t == null) return {};
-  var o = {};
-  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
-    if (i.includes(e)) continue;
-    o[e] = t[e];
-  }
-  return o;
+function f(...e) {
+  return e.length === 1 && e[0] ? e[0] : (n) => {
+    for (let t of e)
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
+  };
 }
 export {
-  r as default
+  f as mergeRefs
 };

package/dist/index.es277.js

@@ -1,7 +1,17 @@
-import e from "./index.es339.js";
-function p(o, t) {
-  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+import { useRef as u, useMemo as r } from "react";
+function s(t) {
+  const n = u(null);
+  return r(() => ({
+    get current() {
+      return n.current;
+    },
+    set current(e) {
+      n.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+    }
+  }), [
+    t
+  ]);
 }
 export {
-  p as default
+  s as useObjectRef
 };

package/dist/index.es278.js

@@ -1,15 +1,46 @@
-import { getDefaultExportFromCjs as e } from "./index.es172.js";
-import { __module as r } from "./index.es340.js";
-import { __require as o } from "./index.es341.js";
-import { __require as t } from "./index.es342.js";
-import { __require as p } from "./index.es343.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = o(), i = !0;
-  r.exports = t()(s.isElement, i);
-} else
-  r.exports = p()();
-var m = r.exports;
-const q = /* @__PURE__ */ e(m);
+import { useCachedChildren as u } from "./index.es279.js";
+import c, { createContext as a, useMemo as s } from "react";
+const $ = {
+  CollectionRoot({ collection: e, renderDropIndicator: t }) {
+    return d(e, null, t);
+  },
+  CollectionBranch({ collection: e, parent: t, renderDropIndicator: r }) {
+    return d(e, t, r);
+  }
+};
+function d(e, t, r) {
+  return u({
+    items: t ? e.getChildren(t.key) : e,
+    dependencies: [
+      r
+    ],
+    children(n) {
+      var l;
+      let f = n.render(n);
+      if (!r || n.type !== "item") return f;
+      let o = n.key, i = e.getKeyAfter(o);
+      return /* @__PURE__ */ c.createElement(c.Fragment, null, r({
+        type: "item",
+        key: o,
+        dropPosition: "before"
+      }), f, (i == null || ((l = e.getItem(i)) === null || l === void 0 ? void 0 : l.type) !== "item") && r({
+        type: "item",
+        key: o,
+        dropPosition: "after"
+      }));
+    }
+  });
+}
+const y = /* @__PURE__ */ a($);
+function C(e) {
+  return s(() => e != null ? /* @__PURE__ */ new Set([
+    e
+  ]) : null, [
+    e
+  ]);
+}
 export {
-  q as default
+  y as CollectionRendererContext,
+  $ as DefaultCollectionRenderer,
+  C as usePersistedKeys
 };

package/dist/index.es279.js

@@ -1,7 +1,36 @@
-import i from "./index.es344.js";
-function c(s, a) {
-  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
+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);
+        }
+        f.push(e);
+      }
+      return f;
+    } else if (typeof i != "function") return i;
+  }, [
+    i,
+    l,
+    o,
+    d,
+    u
+  ]);
 }
 export {
-  c as default
+  y as useCachedChildren
 };

package/dist/index.es28.js

@@ -1,8 +1,8 @@
-import { j as c } from "./index.es92.js";
+import { j as c } from "./index.es96.js";
 import { useState as i, useMemo as v, useEffect as E } from "react";
-import { avatarVariants as d } from "./index.es93.js";
-import { extractInitials as w } from "./index.es83.js";
-import { cn as x } from "./index.es82.js";
+import { avatarVariants as d } from "./index.es112.js";
+import { extractInitials as w } from "./index.es85.js";
+import { cn as x } from "./index.es84.js";
 const k = ({
   variant: l,
   size: o,

package/dist/index.es280.js

@@ -1,9 +1,10 @@
-function c(s, a) {
-  return s.replace(new RegExp("(^|\\s)" + a + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
-}
-function r(s, a) {
-  s.classList ? s.classList.remove(a) : typeof s.className == "string" ? s.className = c(s.className, a) : s.setAttribute("class", c(s.className && s.className.baseVal || "", a));
+import { useGridList as t } from "./index.es454.js";
+function d(e, i, o) {
+  let { gridProps: r } = t(e, i, o);
+  return r.role = "treegrid", {
+    gridProps: r
+  };
 }
 export {
-  r as default
+  d as useTreeGridList
 };

package/dist/index.es281.js

@@ -1,336 +1,24 @@
-import C from "./index.es276.js";
-import D from "./index.es277.js";
-import o from "./index.es278.js";
-import v from "react";
-import b from "react-dom";
-import T from "./index.es287.js";
-import { timeoutsShape as R } from "./index.es282.js";
-import O from "./index.es285.js";
-import { forceReflow as k } from "./index.es283.js";
-var x = "unmounted", f = "exited", l = "entering", h = "entered", N = "exiting", p = /* @__PURE__ */ function(d) {
-  D(u, d);
-  function u(i, e) {
-    var t;
-    t = d.call(this, i, e) || this;
-    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
-    return t.appearStatus = null, i.in ? r ? (s = f, t.appearStatus = l) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = f, t.state = {
-      status: s
-    }, t.nextCallback = null, t;
-  }
-  u.getDerivedStateFromProps = function(e, t) {
-    var n = e.in;
-    return n && t.status === x ? {
-      status: f
-    } : null;
+import d from "./index.es455.js";
+import { useGridListItem as f } from "./index.es456.js";
+import { isAndroid as c } from "./index.es420.js";
+import { useLocalizedStringFormatter as l } from "./index.es457.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
   };
-  var a = u.prototype;
-  return a.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
-    var t = null;
-    if (e !== this.props) {
-      var n = this.state.status;
-      this.props.in ? n !== l && n !== h && (t = l) : (n === l || n === h) && (t = N);
-    }
-    this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, n, r;
-    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
-      exit: t,
-      enter: n,
-      appear: r
-    };
-  }, a.updateStatus = function(e, t) {
-    if (e === void 0 && (e = !1), t !== null)
-      if (this.cancelNextCallback(), t === l) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
-          n && k(n);
-        }
-        this.performEnter(e);
-      } else
-        this.performExit();
-    else this.props.unmountOnExit && this.state.status === f && this.setState({
-      status: x
-    });
-  }, a.performEnter = function(e) {
-    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], S = this.getTimeouts(), g = r ? S.appear : S.enter;
-    if (!e && !n || T.disabled) {
-      this.safeSetState({
-        status: h
-      }, function() {
-        t.props.onEntered(c);
-      });
-      return;
-    }
-    this.props.onEnter(c, m), this.safeSetState({
-      status: l
-    }, function() {
-      t.props.onEntering(c, m), t.onTransitionEnd(g, function() {
-        t.safeSetState({
-          status: h
-        }, function() {
-          t.props.onEntered(c, m);
-        });
-      });
-    });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
-    if (!t || T.disabled) {
-      this.safeSetState({
-        status: f
-      }, function() {
-        e.props.onExited(r);
-      });
-      return;
-    }
-    this.props.onExit(r), this.safeSetState({
-      status: N
-    }, function() {
-      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
-        e.safeSetState({
-          status: f
-        }, function() {
-          e.props.onExited(r);
-        });
-      });
-    });
-  }, a.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
-    t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
-    var t = this, n = !0;
-    return this.nextCallback = function(r) {
-      n && (n = !1, t.nextCallback = null, e(r));
-    }, this.nextCallback.cancel = function() {
-      n = !1;
-    }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
-    this.setNextCallback(t);
-    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
-    if (!n || r) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
-      this.props.addEndListener(c, m);
-    }
-    e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
-    var e = this.state.status;
-    if (e === x)
-      return null;
-    var t = this.props, n = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var r = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ v.createElement(O.Provider, {
-        value: null
-      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
-    );
-  }, u;
-}(v.Component);
-p.contextType = O;
-p.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: o.shape({
-    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
-      var n = d[u];
-      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: o.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: o.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: o.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: o.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: o.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: o.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(u) {
-    var a = R;
-    u.addEndListener || (a = a.isRequired);
-    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      e[t - 1] = arguments[t];
-    return a.apply(void 0, [u].concat(e));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: o.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: o.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: o.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: o.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: o.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: o.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: o.func
-} : {};
-function E() {
 }
-p.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: E,
-  onEntering: E,
-  onEntered: E,
-  onExit: E,
-  onExiting: E,
-  onExited: E
-};
-p.UNMOUNTED = x;
-p.EXITED = f;
-p.ENTERING = l;
-p.ENTERED = h;
-p.EXITING = N;
 export {
-  h as ENTERED,
-  l as ENTERING,
-  f as EXITED,
-  N as EXITING,
-  x as UNMOUNTED,
-  p as default
+  x as useTreeGridListItem
 };

package/dist/index.es282.js

@@ -1,21 +1,30 @@
-import e from "./index.es278.js";
-var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
-  enter: e.number,
-  exit: e.number,
-  appear: e.number
-}).isRequired]) : null, t = process.env.NODE_ENV !== "production" ? e.oneOfType([e.string, e.shape({
-  enter: e.string,
-  exit: e.string,
-  active: e.string
-}), e.shape({
-  enter: e.string,
-  enterDone: e.string,
-  enterActive: e.string,
-  exit: e.string,
-  exitDone: e.string,
-  exitActive: e.string
-})]) : null;
+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 {
-  t as classNamesShape,
-  n as timeoutsShape
+  w as useControlledState
 };