@boxcustodia/library 0.5.3 → 0.5.4

package/dist/index.es280.js

@@ -1,34 +1,65 @@
-import { useFocus as $ } from "./index.es445.js";
-import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es447.js";
-import { useFocusWithin as V } from "./index.es448.js";
-import { useRef as m, useState as u, useCallback as c } from "react";
-function I(r = {}) {
-  let { autoFocus: a = !1, isTextInput: f, within: i } = r, s = m({
-    isFocused: !1,
-    isFocusVisible: a || h()
-  }), [n, b] = u(!1), [l, d] = u(() => s.current.isFocused && s.current.isFocusVisible), o = c(() => d(s.current.isFocused && s.current.isFocusVisible), []), t = c((e) => {
-    s.current.isFocused = e, b(e), o();
-  }, [
-    o
-  ]);
-  x((e) => {
-    s.current.isFocusVisible = e, o();
-  }, [], {
-    isTextInput: f
-  });
-  let { focusProps: F } = $({
-    isDisabled: i,
-    onFocusChange: t
-  }), { focusWithinProps: p } = V({
-    isDisabled: !i,
-    onFocusWithinChange: t
-  });
+import { mergeProps as i } from "./index.es278.js";
+import { filterDOMProps as D } from "./index.es279.js";
+import { useFocusable as F } from "./index.es444.js";
+import { usePress as O } from "./index.es452.js";
+function I(s, t) {
+  let {
+    elementType: r = "button",
+    isDisabled: e,
+    onPress: l,
+    onPressStart: p,
+    onPressEnd: u,
+    onPressUp: c,
+    onPressChange: P,
+    preventFocusOnPress: b,
+    allowFocusWhenDisabled: f,
+    // @ts-ignore
+    onClick: o,
+    href: $,
+    target: m,
+    rel: x,
+    type: d = "button"
+  } = s, n;
+  r === "button" ? n = {
+    type: d,
+    disabled: e
+  } : n = {
+    role: "button",
+    tabIndex: e ? void 0 : 0,
+    href: r === "a" && !e ? $ : void 0,
+    target: r === "a" ? m : void 0,
+    type: r === "input" ? d : void 0,
+    disabled: r === "input" ? e : void 0,
+    "aria-disabled": !e || r === "input" ? void 0 : e,
+    rel: r === "a" ? x : void 0
+  };
+  let { pressProps: h, isPressed: g } = O({
+    onPressStart: p,
+    onPressEnd: u,
+    onPressChange: P,
+    onPress: l,
+    onPressUp: c,
+    isDisabled: e,
+    preventFocusOnPress: b,
+    ref: t
+  }), { focusableProps: a } = F(s, t);
+  f && (a.tabIndex = e ? -1 : a.tabIndex);
+  let C = i(a, h, D(s, {
+    labelable: !0
+  }));
   return {
-    isFocused: n,
-    isFocusVisible: l,
-    focusProps: i ? p : F
+    isPressed: g,
+    buttonProps: i(n, C, {
+      "aria-haspopup": s["aria-haspopup"],
+      "aria-expanded": s["aria-expanded"],
+      "aria-controls": s["aria-controls"],
+      "aria-pressed": s["aria-pressed"],
+      onClick: (y) => {
+        o && (o(y), console.warn("onClick is deprecated, please use onPress"));
+      }
+    })
   };
 }
 export {
-  I as useFocusRing
+  I as useButton
 };

package/dist/index.es281.js

@@ -1,79 +1,34 @@
-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
-    };
+import { useFocus as $ } from "./index.es445.js";
+import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es447.js";
+import { useFocusWithin as V } from "./index.es448.js";
+import { useRef as m, useState as u, useCallback as c } from "react";
+function I(r = {}) {
+  let { autoFocus: a = !1, isTextInput: f, within: i } = r, s = m({
+    isFocused: !1,
+    isFocusVisible: a || h()
+  }), [n, b] = u(!1), [l, d] = u(() => s.current.isFocused && s.current.isFocusVisible), o = c(() => d(s.current.isFocused && s.current.isFocusVisible), []), t = c((e) => {
+    s.current.isFocused = e, b(e), o();
   }, [
-    d,
-    i,
-    v,
-    r,
-    t
+    o
   ]);
-  return c(() => {
-    r && $({
-      currentTarget: t.target
-    }, t.pointerType);
-  }, [
-    r
-  ]), {
-    hoverProps: h,
-    isHovered: H
+  x((e) => {
+    s.current.isFocusVisible = e, o();
+  }, [], {
+    isTextInput: f
+  });
+  let { focusProps: F } = $({
+    isDisabled: i,
+    onFocusChange: t
+  }), { focusWithinProps: p } = V({
+    isDisabled: !i,
+    onFocusWithinChange: t
+  });
+  return {
+    isFocused: n,
+    isFocusVisible: l,
+    focusProps: i ? p : F
   };
 }
 export {
-  L as useHover
+  I as useFocusRing
 };

package/dist/index.es282.js

@@ -1,9 +1,79 @@
-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);
+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
+    };
+  }, [
+    d,
+    i,
+    v,
+    r,
+    t
+  ]);
+  return c(() => {
+    r && $({
+      currentTarget: t.target
+    }, t.pointerType);
+  }, [
+    r
+  ]), {
+    hoverProps: h,
+    isHovered: H
   };
 }
 export {
-  f as mergeRefs
+  L as useHover
 };

package/dist/index.es283.js

@@ -1,17 +1,9 @@
-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
-  ]);
+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 {
-  s as useObjectRef
+  f as mergeRefs
 };

package/dist/index.es284.js

@@ -1,46 +1,17 @@
-import { useCachedChildren as u } from "./index.es285.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"
-      }));
+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);
     }
-  });
-}
-const y = /* @__PURE__ */ a($);
-function C(e) {
-  return s(() => e != null ? /* @__PURE__ */ new Set([
-    e
-  ]) : null, [
-    e
+  }), [
+    t
   ]);
 }
 export {
-  y as CollectionRendererContext,
-  $ as DefaultCollectionRenderer,
-  C as usePersistedKeys
+  s as useObjectRef
 };

package/dist/index.es285.js

@@ -1,36 +1,46 @@
-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
+import { useCachedChildren as u } from "./index.es286.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 {
-  y as useCachedChildren
+  y as CollectionRendererContext,
+  $ as DefaultCollectionRenderer,
+  C as usePersistedKeys
 };

package/dist/index.es286.js

@@ -1,10 +1,36 @@
-import { useGridList as t } from "./index.es463.js";
-function d(e, i, o) {
-  let { gridProps: r } = t(e, i, o);
-  return r.role = "treegrid", {
-    gridProps: r
-  };
+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 {
-  d as useTreeGridList
+  y as useCachedChildren
 };

package/dist/index.es287.js

@@ -1,24 +1,10 @@
-import d from "./index.es464.js";
-import { useGridListItem as f } from "./index.es465.js";
-import { isAndroid as c } from "./index.es429.js";
-import { useLocalizedStringFormatter as l } from "./index.es466.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
+import { useGridList as t } from "./index.es466.js";
+function d(e, i, o) {
+  let { gridProps: r } = t(e, i, o);
+  return r.role = "treegrid", {
+    gridProps: r
   };
 }
 export {
-  x as useTreeGridListItem
+  d as useTreeGridList
 };

package/dist/index.es288.js

@@ -1,30 +1,24 @@
-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
-  ];
+import d from "./index.es467.js";
+import { useGridListItem as f } from "./index.es468.js";
+import { isAndroid as c } from "./index.es429.js";
+import { useLocalizedStringFormatter as l } from "./index.es469.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 {
-  w as useControlledState
+  x as useTreeGridListItem
 };