@box/user-selector 1.74.32 → 1.74.34

package/dist/esm/lib/user-selector-headless/components/user-selector-default-empty.js

@@ -1,43 +1,35 @@
-import { Text as c } from "@box/blueprint-web";
-import { AvatarPlusBadge as n } from "@box/blueprint-web-assets/icons/Line";
-import { useCallback as i } from "react";
-import { useIntl as p } from "react-intl";
-import a from "../../messages.js";
-import { useUserSelector as u } from "../user-selector-context.js";
-import { s as e } from "../../../../chunks/user-selector-headless.module.js";
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-const C = ({
-  handleInvite: r
-}) => {
-  const {
-    formatMessage: s
-  } = p(), {
-    value: o
-  } = u(), l = i(() => {
-    r?.(o);
-  }, [r, o]);
-  return /* @__PURE__ */ m("div", {
-    className: e.userSelectorEmptyContainer,
-    children: [/* @__PURE__ */ t("div", {
-      className: e.userSelectorEmptyText,
-      children: s(a.emptyMessage)
-    }), r && /* @__PURE__ */ m("button", {
-      className: e.userSelectorInviteRow,
-      onClick: l,
-      tabIndex: 0,
-      type: "button",
-      children: [/* @__PURE__ */ t("span", {
-        className: e.userSelectorInviteButtonIcon,
-        children: /* @__PURE__ */ t(n, {})
-      }), /* @__PURE__ */ t(c, {
-        as: "span",
-        className: e.userName,
-        variant: "bodyDefault",
-        children: s(a.inviteCollaborators)
-      })]
-    })]
-  });
-};
-export {
-  C as UserSelectorDefaultEmpty
+import e from "../../messages.js";
+import { useUserSelector as t } from "../user-selector-context.js";
+import { t as n } from "../../../../chunks/user-selector-headless.module.js";
+import { useCallback as r } from "react";
+import { useIntl as i } from "react-intl";
+import { Text as a } from "@box/blueprint-web";
+import { AvatarPlusBadge as o } from "@box/blueprint-web-assets/icons/Line";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = ({ handleInvite: l }) => {
+	let { formatMessage: u } = i(), { value: d } = t(), f = r(() => {
+		l?.(d);
+	}, [l, d]);
+	return /* @__PURE__ */ c("div", {
+		className: n.userSelectorEmptyContainer,
+		children: [/* @__PURE__ */ s("div", {
+			className: n.userSelectorEmptyText,
+			children: u(e.emptyMessage)
+		}), l && /* @__PURE__ */ c("button", {
+			className: n.userSelectorInviteRow,
+			onClick: f,
+			tabIndex: 0,
+			type: "button",
+			children: [/* @__PURE__ */ s("span", {
+				className: n.userSelectorInviteButtonIcon,
+				children: /* @__PURE__ */ s(o, {})
+			}), /* @__PURE__ */ s(a, {
+				as: "span",
+				className: n.userName,
+				variant: "bodyDefault",
+				children: u(e.inviteCollaborators)
+			})]
+		})]
+	});
 };
+export { l as UserSelectorDefaultEmpty };

package/dist/esm/lib/user-selector-headless/components/user-selector-default-error.js

@@ -1,20 +1,14 @@
-import { InlineNotice as t } from "@box/blueprint-web";
-import { useIntl as s, FormattedMessage as a } from "react-intl";
-import r from "../../messages.js";
-import { jsx as e } from "react/jsx-runtime";
-const l = () => {
-  const {
-    formatMessage: o
-  } = s();
-  return /* @__PURE__ */ e(t, {
-    title: o(r.errorMessage),
-    variant: "error",
-    variantIconAriaLabel: "error",
-    children: /* @__PURE__ */ e(a, {
-      ...r.errorMessageDescription
-    })
-  });
-};
-export {
-  l as UserSelectorDefaultError
+import e from "../../messages.js";
+import { FormattedMessage as t, useIntl as n } from "react-intl";
+import { InlineNotice as r } from "@box/blueprint-web";
+import { jsx as i } from "react/jsx-runtime";
+var a = () => {
+	let { formatMessage: a } = n();
+	return /* @__PURE__ */ i(r, {
+		title: a(e.errorMessage),
+		variant: "error",
+		variantIconAriaLabel: "error",
+		children: /* @__PURE__ */ i(t, { ...e.errorMessageDescription })
+	});
 };
+export { a as UserSelectorDefaultError };

package/dist/esm/lib/user-selector-headless/components/user-selector-skeleton.js

@@ -1,27 +1,21 @@
+import { t as e } from "../../../../chunks/user-selector-headless.module.js";
 import { Ghost as t } from "@box/blueprint-web";
-import { Size8 as r, Size5 as a } from "@box/blueprint-web-assets/tokens/tokens";
-import { s as i } from "../../../../chunks/user-selector-headless.module.js";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-const S = ({
-  loadingAriaLabel: o
-}) => /* @__PURE__ */ e("div", {
-  "aria-label": o,
-  children: Array.from({
-    length: 4
-  }, (h, s) => /* @__PURE__ */ l("div", {
-    className: i.userSelectorGhostStateItem,
-    children: [/* @__PURE__ */ e(t, {
-      className: i.titleGhost,
-      height: r,
-      variant: "rectangle",
-      width: r
-    }), /* @__PURE__ */ e(t, {
-      height: a,
-      variant: "rectangle",
-      width: "100%"
-    })]
-  }, s))
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Size5 as i, Size8 as a } from "@box/blueprint-web-assets/tokens/tokens";
+var o = ({ loadingAriaLabel: o }) => /* @__PURE__ */ n("div", {
+	"aria-label": o,
+	children: Array.from({ length: 4 }, (o, s) => /* @__PURE__ */ r("div", {
+		className: e.userSelectorGhostStateItem,
+		children: [/* @__PURE__ */ n(t, {
+			className: e.titleGhost,
+			height: a,
+			variant: "rectangle",
+			width: a
+		}), /* @__PURE__ */ n(t, {
+			height: i,
+			variant: "rectangle",
+			width: "100%"
+		})]
+	}, s))
 });
-export {
-  S as UserSelectorSkeleton
-};
+export { o as UserSelectorSkeleton };

package/dist/esm/lib/user-selector-headless/hooks/use-avatars.js

@@ -1,22 +1,14 @@
-import { useState as u, useCallback as l, useEffect as v } from "react";
-const o = ({
-  fetchAvatarUrls: s,
-  options: a
-}) => {
-  const [e, t] = u({}), r = l(async (c) => {
-    try {
-      const n = await s(c);
-      t(n);
-    } catch {
-      t({});
-    }
-  }, [s, t]);
-  return v(() => {
-    a.length > 0 && r(a);
-  }, [a, r]), {
-    avatars: e
-  };
-};
-export {
-  o as useAvatars
+import { useCallback as e, useEffect as t, useState as n } from "react";
+var r = ({ fetchAvatarUrls: r, options: i }) => {
+	let [a, o] = n({}), s = e(async (e) => {
+		try {
+			o(await r(e));
+		} catch {
+			o({});
+		}
+	}, [r, o]);
+	return t(() => {
+		i.length > 0 && s(i);
+	}, [i, s]), { avatars: a };
 };
+export { r as useAvatars };

package/dist/esm/lib/user-selector-headless/hooks/use-keyboard-navigation.js

@@ -1,27 +1,25 @@
-import { useCallback as t } from "react";
-const n = ({
-  isLoading: a,
-  error: e,
-  isEmpty: u,
-  open: b,
-  selectNext: f,
-  selectPrevious: k,
-  selectItem: o
-}) => t((r) => {
-  if (!(!b || a || e || u))
-    switch (r.key) {
-      case "ArrowDown":
-        r.preventDefault(), f();
-        break;
-      case "ArrowUp":
-        r.preventDefault(), k();
-        break;
-      case "Enter":
-      case " ":
-        r.preventDefault(), o();
-        break;
-    }
-}, [e, u, a, b, f, k, o]);
-export {
-  n as useKeyboardNavigation
-};
+import { useCallback as e } from "react";
+var t = ({ isLoading: t, error: n, isEmpty: r, open: i, selectNext: a, selectPrevious: o, selectItem: s }) => e((e) => {
+	if (!(!i || t || n || r)) switch (e.key) {
+		case "ArrowDown":
+			e.preventDefault(), a();
+			break;
+		case "ArrowUp":
+			e.preventDefault(), o();
+			break;
+		case "Enter":
+		case " ":
+			e.preventDefault(), s();
+			break;
+		default: break;
+	}
+}, [
+	n,
+	r,
+	t,
+	i,
+	a,
+	o,
+	s
+]);
+export { t as useKeyboardNavigation };

package/dist/esm/lib/user-selector-headless/hooks/use-select-options.js

@@ -1,28 +1,25 @@
-import O from "lodash/debounce";
-import { useState as e, useCallback as y, useMemo as E, useEffect as b } from "react";
-const S = ({
-  fetcher: a,
-  value: n,
-  debounceTime: r = 250,
-  allowEmptyQuery: f = !1
-}) => {
-  const [u, o] = e(!1), [d, c] = e(!1), [m, l] = e(null), [g, i] = e([]), p = y(async (h) => {
-    try {
-      const t = await a(h);
-      c(t?.length === 0), i(t);
-    } catch (t) {
-      l(t);
-    } finally {
-      o(!1);
-    }
-  }, [a]), s = E(() => O(p, r), [p, r]);
-  return b(() => (n.length || f ? (o(!0), l(null), c(!1), s(n)) : (s.cancel(), o(!1), i([]), l(null), c(!1)), () => s.cancel()), [n, s, f]), {
-    isLoading: u,
-    isEmpty: d,
-    error: m,
-    options: g
-  };
-};
-export {
-  S as useSelectOptions
+import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
+import i from "lodash/debounce";
+var a = ({ fetcher: a, value: o, debounceTime: s = 250, allowEmptyQuery: c = !1 }) => {
+	let [l, u] = r(!1), [d, f] = r(!1), [p, m] = r(null), [h, g] = r([]), _ = e(async (e) => {
+		try {
+			let t = await a(e);
+			f(t?.length === 0), g(t);
+		} catch (e) {
+			m(e);
+		} finally {
+			u(!1);
+		}
+	}, [a]), v = n(() => i(_, s), [_, s]);
+	return t(() => (o.length || c ? (u(!0), m(null), f(!1), v(o)) : (v.cancel(), u(!1), g([]), m(null), f(!1)), () => v.cancel()), [
+		o,
+		v,
+		c
+	]), {
+		isLoading: l,
+		isEmpty: d,
+		error: p,
+		options: h
+	};
 };
+export { a as useSelectOptions };

package/dist/esm/lib/user-selector-headless/user-selector-context.js

@@ -1,11 +1,7 @@
-import { createContext as t, useContext as r } from "react";
-const o = /* @__PURE__ */ t(null), n = () => {
-  const e = r(o);
-  if (!e)
-    throw new Error("useUserSelector must be used within a UserSelectorProvider");
-  return e;
-};
-export {
-  o as UserSelectorContext,
-  n as useUserSelector
+import { createContext as e, useContext as t } from "react";
+var n = /* @__PURE__ */ e(null), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useUserSelector must be used within a UserSelectorProvider");
+	return e;
 };
+export { n as UserSelectorContext, r as useUserSelector };