@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es286.js

@@ -1,36 +1,34 @@
-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;
+import { useFocus as $ } from "./index.es448.js";
+import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es450.js";
+import { useFocusWithin as V } from "./index.es451.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();
   }, [
-    i,
-    l,
-    o,
-    d,
-    u
+    o
   ]);
+  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 {
-  y as useCachedChildren
+  I as useFocusRing
 };

package/dist/index.es287.js

@@ -1,10 +1,79 @@
-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
+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 {
-  d as useTreeGridList
+  L as useHover
 };

package/dist/index.es288.js

@@ -1,24 +1,9 @@
-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
+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 {
-  x as useTreeGridListItem
+  f as mergeRefs
 };

package/dist/index.es289.js

@@ -1,30 +1,17 @@
-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
+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
   ]);
-  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 {
-  w as useControlledState
+  s as useObjectRef
 };

package/dist/index.es29.js

@@ -1,45 +1,45 @@
-import { j as l } from "./index.es100.js";
-import { useState as v, useMemo as E, useEffect as b } from "react";
-import { avatarVariants as d } from "./index.es103.js";
-import { extractInitials as k } from "./index.es90.js";
-import { cn as a } from "./index.es89.js";
-const A = ({
-  variant: e,
-  size: o,
-  fallback: x,
-  alt: r,
-  src: n,
-  className: s,
-  imageProps: t,
-  ...j
-}) => {
-  const [c, u] = v(!n), h = E(() => k(r), [r]);
-  return b(() => {
-    c && u(!0);
-  }, [n, c]), /* @__PURE__ */ l.jsx(
-    "div",
+import { j as o } from "./index.es101.js";
+import { AutoCompleteRoot as C, AutoCompleteInput as d, AutoCompleteList as N, AutoCompleteItem as i, AutoCompleteShortcut as f, AutoCompleteEmpty as v } from "./index.es28.js";
+const y = ({
+  items: e,
+  placeholder: l = "Buscar...",
+  emptyMessage: a = "No se encontraron resultados",
+  onSelect: t,
+  containerClassName: r,
+  containerProps: u,
+  inputClassName: m,
+  inputProps: p,
+  listClassName: c,
+  listProps: n,
+  itemClassName: x,
+  itemProps: h,
+  emptyClassName: j,
+  emptyProps: A
+}) => /* @__PURE__ */ o.jsxs(C, { className: r, ...u, children: [
+  /* @__PURE__ */ o.jsx(
+    d,
     {
-      ...j,
-      className: a(d({ variant: e, size: o }), s),
-      children: c ? /* @__PURE__ */ l.jsx("span", { children: x || h }) : /* @__PURE__ */ l.jsx(
-        "img",
-        {
-          ...t,
-          alt: r,
-          src: n,
-          onError: (i) => {
-            var f;
-            u(!0), (f = t == null ? void 0 : t.onError) == null || f.call(t, i);
-          },
-          className: a(
-            "ui-object-cover ui-w-full ui-h-full ui-text-transparent",
-            t == null ? void 0 : t.className
-          )
-        }
-      )
+      placeholder: l,
+      className: m,
+      ...p
     }
-  );
-};
+  ),
+  /* @__PURE__ */ o.jsx(N, { className: c, ...n, children: e.map((s) => /* @__PURE__ */ o.jsxs(
+    i,
+    {
+      className: x,
+      onSelect: () => t == null ? void 0 : t(s.value, s),
+      ...h,
+      children: [
+        s.label,
+        s.shortcut && /* @__PURE__ */ o.jsx(f, { children: s.shortcut })
+      ]
+    },
+    s.value
+  )) }),
+  /* @__PURE__ */ o.jsx(v, { className: j, ...A, children: a })
+] });
+y.displayName = "AutoComplete";
 export {
-  A as Avatar
+  y as AutoComplete
 };