@box/metadata-taxonomy-picker 3.1.33 → 3.1.35

package/dist/chunks/empty-state.js

@@ -1,18 +1,18 @@
 import { messages as e } from "../esm/lib/components/taxonomy-items-list/messages.js";
-import { Text as t } from "@box/blueprint-web";
-import { useIntl as n } from "react-intl";
+import { useIntl as t } from "react-intl";
+import { Text as n } from "@box/blueprint-web";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import '../styles/empty-state.css';var a = { root: "_root_1fze8_1" };
 function o({ isSearchMode: o = !1 }) {
-	let { formatMessage: s } = n(), c = s(o ? e.searchEmptyStateHeading : e.emptyStateHeading), l = s(o ? e.searchEmptyStateBody : e.emptyStateBody);
+	let { formatMessage: s } = t(), c = s(o ? e.searchEmptyStateHeading : e.emptyStateHeading), l = s(o ? e.searchEmptyStateBody : e.emptyStateBody);
 	return /* @__PURE__ */ i("div", {
 		className: a.root,
 		role: "status",
-		children: [/* @__PURE__ */ r(t, {
+		children: [/* @__PURE__ */ r(n, {
 			as: "h3",
 			variant: "titleSmall",
 			children: c
-		}), /* @__PURE__ */ r(t, {
+		}), /* @__PURE__ */ r(n, {
 			as: "p",
 			color: "textOnLightSecondary",
 			children: l

package/dist/chunks/error-state.js

@@ -1,7 +1,7 @@
 import { messages as e } from "../esm/lib/components/taxonomy-items-list/messages.js";
-import { Button as t, EmptyState as n, Text as r } from "@box/blueprint-web";
-import { Loader as i } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as a } from "react-intl";
+import { useIntl as t } from "react-intl";
+import { Button as n, EmptyState as r, Text as i } from "@box/blueprint-web";
+import { Loader as a } from "@box/blueprint-web-assets/icons/Fill";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Unplugged as c } from "@box/blueprint-web-assets/illustrations/Medium";
 import '../styles/error-state.css';var l = {
@@ -9,17 +9,17 @@ import '../styles/error-state.css';var l = {
 	body: "_body_1ml46_8"
 };
 function u({ onRetry: u }) {
-	let { formatMessage: d } = a();
+	let { formatMessage: d } = t();
 	return /* @__PURE__ */ o("div", {
 		className: l.root,
-		children: /* @__PURE__ */ o(n, {
+		children: /* @__PURE__ */ o(r, {
 			body: /* @__PURE__ */ s("div", {
 				className: l.body,
-				children: [/* @__PURE__ */ o(r, {
+				children: [/* @__PURE__ */ o(i, {
 					as: "p",
 					variant: "bodyDefault",
 					children: d(e.errorStateHeading)
-				}), /* @__PURE__ */ o(r, {
+				}), /* @__PURE__ */ o(i, {
 					as: "p",
 					variant: "bodyDefault",
 					children: d(e.errorStateBody)
@@ -28,8 +28,8 @@ function u({ onRetry: u }) {
 			illustration: c,
 			role: "alert",
 			size: "large",
-			children: /* @__PURE__ */ o(t, {
-				endIcon: i,
+			children: /* @__PURE__ */ o(n, {
+				endIcon: a,
 				onClick: u,
 				size: "large",
 				variant: "secondary",

package/dist/chunks/load-more-error-row.js

@@ -1,19 +1,18 @@
 import { messages as e } from "../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";
 import { useEffect as t } from "react";
-import { InlineNotice as n, Text as r, TextButton as i } from "@box/blueprint-web";
-import { Loader as a } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as o } from "react-intl";
+import { useIntl as n } from "react-intl";
+import { InlineNotice as r, Text as i, TextButton as a } from "@box/blueprint-web";
+import { Loader as o } from "@box/blueprint-web-assets/icons/Fill";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { AlertCircle as l } from "@box/blueprint-web-assets/icons/Medium";
 import { bpIconIconErrorOnColor as u } from "@box/blueprint-web-assets/tokens/tokens";
 import '../styles/load-more-error-row.css';var d = {
-	container: "_container_19xfu_1",
-	retryButton: "_retryButton_19xfu_11",
-	errorText: "_errorText_19xfu_15",
-	reloadButton: "_reloadButton_19xfu_20"
+	container: "_container_1sz1a_1",
+	errorText: "_errorText_1sz1a_11",
+	reloadButton: "_reloadButton_1sz1a_16"
 };
 function f({ onRetry: f }) {
-	let { formatMessage: p } = o();
+	let { formatMessage: p } = n();
 	return t(() => {
 		let e = document.activeElement, t = e?.closest("[role=\"listbox\"]") != null;
 		return () => {
@@ -23,7 +22,7 @@ function f({ onRetry: f }) {
 		"aria-live": "polite",
 		className: d.container,
 		role: "status",
-		children: [/* @__PURE__ */ s(n, {
+		children: [/* @__PURE__ */ s(r, {
 			icon: () => /* @__PURE__ */ s(l, {
 				width: 20,
 				height: 20,
@@ -31,7 +30,7 @@ function f({ onRetry: f }) {
 			}),
 			variant: "error",
 			variantIconAriaLabel: p(e.errorNoticeIconAriaLabel),
-			children: /* @__PURE__ */ s(r, {
+			children: /* @__PURE__ */ s(i, {
 				as: "span",
 				className: d.errorText,
 				color: "textOnLightError",
@@ -40,9 +39,9 @@ function f({ onRetry: f }) {
 			})
 		}), /* @__PURE__ */ s("div", {
 			className: d.reloadButton,
-			children: /* @__PURE__ */ s(i, {
+			children: /* @__PURE__ */ s(a, {
 				"data-testid": "reload-button",
-				icon: a,
+				icon: o,
 				onClick: f,
 				type: "button",
 				children: p(e.reloadButtonLabel)

package/dist/chunks/load-more-loading-row.js

@@ -1,17 +1,17 @@
 import "../esm/lib/constants.js";
 import { messages as e } from "../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";
-import { Ghost as t } from "@box/blueprint-web";
-import { useIntl as n } from "react-intl";
+import { useIntl as t } from "react-intl";
+import { Ghost as n } from "@box/blueprint-web";
 import { jsx as r } from "react/jsx-runtime";
 import '../styles/load-more-loading-row.css';var i = { container: "_container_1ubpr_1" };
 function a() {
-	let { formatMessage: a } = n();
+	let { formatMessage: a } = t();
 	return /* @__PURE__ */ r("div", {
 		"aria-busy": "true",
 		"aria-label": a(e.loadingRowAriaLabel),
 		className: i.container,
 		role: "status",
-		children: Array.from({ length: 3 }, (e, n) => /* @__PURE__ */ r(t, { height: 16 }, n))
+		children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ r(n, { height: 16 }, t))
 	});
 }
 export { a as t };

package/dist/chunks/loading-state.js

@@ -1,17 +1,17 @@
 import "../esm/lib/constants.js";
 import { messages as e } from "../esm/lib/components/taxonomy-items-list/messages.js";
-import { Ghost as t } from "@box/blueprint-web";
-import { useIntl as n } from "react-intl";
+import { useIntl as t } from "react-intl";
+import { Ghost as n } from "@box/blueprint-web";
 import { jsx as r } from "react/jsx-runtime";
 import '../styles/loading-state.css';var i = { root: "_root_t50cx_1" };
 function a() {
-	let { formatMessage: a } = n();
+	let { formatMessage: a } = t();
 	return /* @__PURE__ */ r("div", {
 		"aria-busy": "true",
 		"aria-label": a(e.loadingAriaLabel),
 		className: i.root,
 		role: "status",
-		children: Array.from({ length: 9 }, (e, n) => /* @__PURE__ */ r(t, { height: 16 }, n))
+		children: Array.from({ length: 9 }, (e, t) => /* @__PURE__ */ r(n, { height: 16 }, t))
 	});
 }
 export { a as t };

package/dist/chunks/metadata-taxonomy-picker-shell.js

@@ -3,64 +3,63 @@ import { useTaxonomyPickerController as t } from "../esm/lib/hooks/use-taxonomy-
 import { t as n } from "./taxonomy-items-list.js";
 import { t as r } from "./taxonomy-level-filter.js";
 import { messages as i } from "../esm/lib/components/metadata-taxonomy-picker-shell/messages.js";
-import { forwardRef as a, useCallback as o, useEffect as ee, useId as te, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { Breadcrumb as ne, ChipsGroup as re, IconButton as ie, InputChip as d, Popover as f, useForkRef as ae } from "@box/blueprint-web";
-import { Search as oe, XMark as se } from "@box/blueprint-web-assets/icons/Fill";
-import ce from "clsx";
-import { useIntl as le } from "react-intl";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import '../styles/metadata-taxonomy-picker-shell.css';var h = /* @__PURE__ */ function(e) {
+import { forwardRef as a, useCallback as o, useEffect as ee, useId as te, useLayoutEffect as s, useMemo as c, useRef as l, useState as ne } from "react";
+import re from "clsx";
+import { useIntl as ie } from "react-intl";
+import { Breadcrumb as ae, ChipsGroup as oe, IconButton as se, InputChip as u, Popover as d, Text as ce, useForkRef as le } from "@box/blueprint-web";
+import { Search as ue, XMark as de } from "@box/blueprint-web-assets/icons/Fill";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../styles/metadata-taxonomy-picker-shell.css';var m = /* @__PURE__ */ function(e) {
 	return e.SingleLevel = "single-level", e.MultiLevel = "multi-level", e;
-}({}), g = {
-	container: "_container_hdbsq_1",
-	label: "_label_hdbsq_8",
-	trigger: "_trigger_hdbsq_16",
-	searchInput: "_searchInput_hdbsq_34",
-	chips: "_chips_hdbsq_46",
-	searchIcon: "_searchIcon_hdbsq_83",
-	emptyState: "_emptyState_hdbsq_92",
-	popover: "_popover_hdbsq_98",
-	clearButton: "_clearButton_hdbsq_106",
-	breadcrumbContainer: "_breadcrumbContainer_hdbsq_110"
+}({}), h = {
+	container: "_container_nitxb_1",
+	label: "_label_nitxb_8",
+	trigger: "_trigger_nitxb_12",
+	searchInput: "_searchInput_nitxb_30",
+	chips: "_chips_nitxb_42",
+	searchIcon: "_searchIcon_nitxb_79",
+	popover: "_popover_nitxb_88",
+	clearButton: "_clearButton_nitxb_96",
+	breadcrumbContainer: "_breadcrumbContainer_nitxb_100"
 };
-function ue(e) {
+function fe(e) {
 	let t = null;
 	for (let n of e) n.selectable !== !1 && (t === null || n.level > t) && (t = n.level);
 	return t;
 }
-var de = [];
-function fe(e) {
+var pe = [];
+function me(e) {
 	if (e != null) return (typeof e == "function" ? e() : e) ?? void 0;
 }
-var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v = de, mode: pe, multiSelect: y, value: b, onValueChange: x, placeholder: me, disabled: S = !1, label: C, containerClassName: he, portalElement: ge }, _e) {
-	let { formatMessage: w } = le(), T = te(), E = `${T}-listbox`, D = l(null), ve = ae(D, _e), O = l(null), k = l(null), [ye, be] = u(null), A = l(0), j = l(!1), xe = fe(ge), M = pe === h.SingleLevel, { state: N, isOpen: P, handleOpenChange: F, handleInputValueChange: I, actions: L } = t(a, v, _), { items: R, levelStack: z } = N, { drillDown: B, navigateBack: V, loadMore: Se, setSearchScopeOverride: H } = L, U = N.searchInputValue !== "", W = c(() => ue(N.availableLevels), [N.availableLevels]);
+var g = /*#__PURE__*/ a(function({ itemsService: a, eventService: g, levels: _ = pe, mode: he, multiSelect: v, value: y, onValueChange: b, placeholder: ge, disabled: x = !1, label: S, containerClassName: _e, portalElement: ve }, ye) {
+	let { formatMessage: C } = ie(), w = te(), T = `${w}-listbox`, E = l(null), be = le(E, ye), D = l(null), O = l(null), [xe, Se] = ne(null), k = l(0), A = l(!1), Ce = me(ve), j = he === m.SingleLevel, { state: M, isOpen: N, handleOpenChange: P, handleInputValueChange: F, actions: I } = t(a, _, g), { items: L, levelStack: R } = M, { drillDown: z, navigateBack: B, loadMore: we, setSearchScopeOverride: V } = I, H = M.searchInputValue !== "", U = c(() => fe(M.availableLevels), [M.availableLevels]);
 	ee(() => {
-		H(M && W !== null ? {
+		V(j && U !== null ? {
 			parentId: null,
-			levelFilter: W
+			levelFilter: U
 		} : void 0);
 	}, [
-		M,
-		W,
-		H
+		j,
+		U,
+		V
 	]);
-	let [Ce, G] = u(""), K = l(!1), we = o(() => {
-		K.current = !0;
-	}, []), Te = o((e) => {
-		K.current = !1, I(e.target.value);
-	}, [I]);
+	let [Te, W] = ne(""), G = l(!1), Ee = o(() => {
+		G.current = !0;
+	}, []), De = o((e) => {
+		G.current = !1, F(e.target.value);
+	}, [F]);
 	s(() => {
-		K.current ? N.searchInputValue === "" && (K.current = !1, G("")) : G(N.searchInputValue);
-	}, [N.searchInputValue]), s(() => {
+		G.current ? M.searchInputValue === "" && (G.current = !1, W("")) : W(M.searchInputValue);
+	}, [M.searchInputValue]), s(() => {
 		let e;
-		return !U && j.current && (e = requestAnimationFrame(() => {
-			k.current?.scrollTo(A.current);
-		})), j.current = U, () => {
+		return !H && A.current && (e = requestAnimationFrame(() => {
+			O.current?.scrollTo(k.current);
+		})), A.current = H, () => {
 			e !== void 0 && cancelAnimationFrame(e);
 		};
-	}, [U]);
-	let q = c(() => new Set(b.map((e) => e.id)), [b]), Ee = c(() => !y && b.length === 1 ? b[0].id : "", [y, b]), J = o((e, t = !0) => {
-		let n = R.find((t) => t.id === e);
+	}, [H]);
+	let K = c(() => new Set(y.map((e) => e.id)), [y]), Oe = c(() => !v && y.length === 1 ? y[0].id : "", [v, y]), q = o((e, t = !0) => {
+		let n = L.find((t) => t.id === e);
 		if (!n || !n.selectable) return;
 		let r = {
 			id: n.id,
@@ -68,16 +67,16 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
 			level: n.level,
 			ancestors: n.ancestors
 		};
-		y ? x(q.has(e) ? b.filter((t) => t.id !== e) : [...b, r]) : (x([r]), t && F(!1));
+		v ? b(K.has(e) ? y.filter((t) => t.id !== e) : [...y, r]) : (b([r]), t && P(!1));
 	}, [
-		R,
+		L,
+		v,
+		K,
 		y,
-		q,
 		b,
-		x,
-		F
-	]), Y = o((e, t = !0) => {
-		let n = N.searchResults.find((t) => t.id === e);
+		P
+	]), J = o((e, t = !0) => {
+		let n = M.searchResults.find((t) => t.id === e);
 		if (!n || !n.selectable) return;
 		let r = {
 			id: n.id,
@@ -85,197 +84,199 @@ var _ = /*#__PURE__*/ a(function({ itemsService: a, eventService: _, levels: v =
 			level: n.level,
 			ancestors: n.ancestors
 		};
-		y ? x(q.has(e) ? b.filter((t) => t.id !== e) : [...b, r]) : (x([r]), t !== !1 && F(!1));
+		v ? b(K.has(e) ? y.filter((t) => t.id !== e) : [...y, r]) : (b([r]), t !== !1 && P(!1));
 	}, [
-		N.searchResults,
+		M.searchResults,
+		v,
+		K,
 		y,
-		q,
 		b,
-		x,
-		F
-	]), X = o((e) => {
-		let t = N.searchResults.find((t) => t.id === e);
-		t && L.drillDown({
+		P
+	]), Y = o((e) => {
+		let t = M.searchResults.find((t) => t.id === e);
+		t && I.drillDown({
 			id: t.id,
 			displayName: t.displayName,
 			ancestors: t.ancestors
 		});
-	}, [N.searchResults, L]), De = o((e) => {
-		let t = N.items.find((t) => t.id === e);
-		t && B({
+	}, [M.searchResults, I]), X = o((e) => {
+		let t = M.items.find((t) => t.id === e);
+		t && z({
 			id: t.id,
 			displayName: t.displayName
 		});
-	}, [N.items, B]), Z = o((e) => !(!e.hasChildren || M && W !== null && e.level >= W), [M, W]), Oe = c(() => R.map((e) => ({
+	}, [M.items, z]), Z = o((e) => !(!e.hasChildren || j && U !== null && e.level >= U), [j, U]), ke = c(() => L.map((e) => ({
 		id: e.id,
 		displayName: e.displayName,
 		selectable: e.selectable,
-		multiSelect: y,
-		isSelected: q.has(e.id),
+		multiSelect: v,
+		isSelected: K.has(e.id),
 		showDrillDown: Z(e),
 		ancestors: e.ancestors,
-		onSelect: J,
-		onDrillDown: De
+		onSelect: q,
+		onDrillDown: X
 	})), [
-		R,
-		y,
-		q,
+		L,
+		v,
+		K,
 		Z,
-		J,
-		De
-	]), Q = c(() => z.length === 0 ? [] : [{
+		q,
+		X
+	]), Q = c(() => R.length === 0 ? [] : [{
 		id: e,
-		name: w(i.breadcrumbRootLabel)
-	}, ...z.map((e) => ({
+		name: C(i.breadcrumbRootLabel)
+	}, ...R.map((e) => ({
 		id: e.id,
 		name: e.displayName
-	}))], [z, w]), ke = o((e) => {
-		V(e === "__breadcrumb_root__" ? null : e);
-	}, [V]), Ae = !M && U && N.availableLevels.length > 1, je = c(() => N.searchResults.map((e) => ({
+	}))], [R, C]), Ae = o((e) => {
+		B(e === "__breadcrumb_root__" ? null : e);
+	}, [B]), je = !j && H && M.availableLevels.length > 1, Me = c(() => M.searchResults.map((e) => ({
 		id: e.id,
 		displayName: e.displayName,
 		selectable: e.selectable,
-		multiSelect: y,
-		isSelected: q.has(e.id),
+		multiSelect: v,
+		isSelected: K.has(e.id),
 		showDrillDown: Z(e),
 		ancestors: e.ancestors,
-		onSelect: Y,
-		onDrillDown: X
+		onSelect: J,
+		onDrillDown: Y
 	})), [
-		N.searchResults,
-		y,
-		q,
+		M.searchResults,
+		v,
+		K,
 		Z,
-		Y,
-		X
-	]), Me = o((e) => {
-		e.target === e.currentTarget && D.current?.focus();
-	}, [D]), $ = b.length > 0, Ne = me ?? w(i.placeholder), Pe = (e) => {
-		!S && e.target === e.currentTarget && (e.preventDefault(), D.current?.focus());
-	}, Fe = () => {
-		!S && !P && F(!0);
-	}, Ie = o(() => {
-		S || (x([]), I(""));
+		J,
+		Y
+	]), Ne = o((e) => {
+		e.target === e.currentTarget && E.current?.focus();
+	}, [E]), $ = y.length > 0, Pe = ge ?? C(i.placeholder), Fe = (e) => {
+		!x && e.target === e.currentTarget && (e.preventDefault(), E.current?.focus());
+	}, Ie = () => {
+		!x && !N && P(!0);
+	}, Le = o(() => {
+		x || (b([]), F(""));
 	}, [
-		S,
 		x,
-		I
-	]), Le = (e) => {
-		!U && e.target.value && (A.current = k.current?.getScrollTop() ?? 0), G(e.target.value), K.current || I(e.target.value);
-	}, Re = (e) => {
-		S || x(b.filter((t) => t.id !== e.id));
+		b,
+		F
+	]), Re = (e) => {
+		!H && e.target.value && (k.current = O.current?.getScrollTop() ?? 0), W(e.target.value), G.current || F(e.target.value);
+	}, ze = (e) => {
+		x || b(y.filter((t) => t.id !== e.id));
 	};
-	return /* @__PURE__ */ m(f.Root, {
+	return /* @__PURE__ */ p(d.Root, {
 		modal: !1,
-		onOpenChange: F,
-		open: P,
-		children: [/* @__PURE__ */ p(f.Anchor, { children: /* @__PURE__ */ m("div", {
-			className: ce(g.container, he),
-			children: [C && /* @__PURE__ */ p("label", {
-				className: g.label,
-				htmlFor: T,
-				children: C
-			}), /* @__PURE__ */ m("div", {
-				className: g.trigger,
-				"data-disabled": S,
-				onMouseDown: Pe,
-				ref: O,
+		onOpenChange: P,
+		open: N,
+		children: [/* @__PURE__ */ f(d.Anchor, { children: /* @__PURE__ */ p("div", {
+			className: re(h.container, _e),
+			children: [S && /* @__PURE__ */ f(ce, {
+				as: "label",
+				className: h.label,
+				htmlFor: w,
+				variant: "bodyDefaultBold",
+				children: S
+			}), /* @__PURE__ */ p("div", {
+				className: h.trigger,
+				"data-disabled": x,
+				onMouseDown: Fe,
+				ref: D,
 				children: [
-					y && $ && /* @__PURE__ */ p(re, {
-						className: g.chips,
-						onClick: Me,
-						children: b.map((e) => /* @__PURE__ */ p(d, {
+					v && $ && /* @__PURE__ */ f(oe, {
+						className: h.chips,
+						onClick: Ne,
+						children: y.map((e) => /* @__PURE__ */ f(u, {
 							label: e.displayName,
-							onDelete: () => Re(e),
-							tabIndex: S ? -1 : void 0
+							onDelete: () => ze(e),
+							tabIndex: x ? -1 : void 0
 						}, e.id))
 					}),
-					!y && $ && /* @__PURE__ */ p(d, {
-						label: b[0].displayName,
-						tabIndex: S ? -1 : void 0
+					!v && $ && /* @__PURE__ */ f(u, {
+						label: y[0].displayName,
+						tabIndex: x ? -1 : void 0
 					}),
-					/* @__PURE__ */ p("input", {
-						"aria-controls": E,
-						"aria-expanded": P,
+					/* @__PURE__ */ f("input", {
+						"aria-controls": T,
+						"aria-expanded": N,
 						"aria-haspopup": "listbox",
-						className: g.searchInput,
-						disabled: S,
-						id: T,
-						onChange: Le,
-						onCompositionStart: we,
-						onCompositionEnd: Te,
-						onFocus: Fe,
-						placeholder: $ ? void 0 : Ne,
-						ref: ve,
+						className: h.searchInput,
+						disabled: x,
+						id: w,
+						onChange: Re,
+						onCompositionStart: Ee,
+						onCompositionEnd: De,
+						onFocus: Ie,
+						placeholder: $ ? void 0 : Pe,
+						ref: be,
 						role: "combobox",
 						type: "text",
-						value: Ce
+						value: Te
 					}),
-					!y && $ && /* @__PURE__ */ p(ie, {
-						"aria-label": w(i.clearAriaLabel),
-						className: g.clearButton,
-						icon: se,
+					!v && $ && /* @__PURE__ */ f(se, {
+						"aria-label": C(i.clearAriaLabel),
+						className: h.clearButton,
+						icon: de,
 						size: "x-small",
-						tabIndex: S ? -1 : void 0,
-						onClick: Ie
+						tabIndex: x ? -1 : void 0,
+						onClick: Le
 					}),
-					/* @__PURE__ */ p(oe, {
+					/* @__PURE__ */ f(ue, {
 						"aria-hidden": "true",
-						className: g.searchIcon,
+						className: h.searchIcon,
 						role: "presentation"
 					})
 				]
 			})]
-		}) }), /* @__PURE__ */ m(f.ContentContainer, {
+		}) }), /* @__PURE__ */ p(d.ContentContainer, {
 			align: "start",
-			className: g.popover,
-			container: xe,
+			className: h.popover,
+			container: Ce,
 			onInteractOutside: (e) => {
-				O.current?.contains(e.target) && e.preventDefault();
+				D.current?.contains(e.target) && e.preventDefault();
 			},
 			onOpenAutoFocus: (e) => e.preventDefault(),
-			ref: be,
+			ref: Se,
 			children: [
-				Q.length > 0 && !U && /* @__PURE__ */ p("div", {
-					className: g.breadcrumbContainer,
-					children: /* @__PURE__ */ p(ne, {
-						breadcrumbAriaLabel: w(i.breadcrumbAriaLabel),
+				Q.length > 0 && !H && /* @__PURE__ */ f("div", {
+					className: h.breadcrumbContainer,
+					children: /* @__PURE__ */ f(ae, {
+						breadcrumbAriaLabel: C(i.breadcrumbAriaLabel),
 						crumbs: Q,
-						onPageLinkClick: ke,
+						onPageLinkClick: Ae,
 						rootIconVariant: "taxonomy",
-						isInteractive: !S,
+						isInteractive: !x,
 						isResponsiveEnabled: !1,
 						size: "small",
-						truncatedLinksIconAriaLabel: w(i.breadcrumbTruncatedLinksLabel),
+						truncatedLinksIconAriaLabel: C(i.breadcrumbTruncatedLinksLabel),
 						truncationMethod: "folder-tree"
 					})
 				}),
-				Ae && /* @__PURE__ */ p(r, {
-					availableLevels: v,
-					container: ye,
-					levelFilter: N.levelFilter,
-					onLevelFilterChange: L.setLevelFilter
+				je && /* @__PURE__ */ f(r, {
+					availableLevels: _,
+					container: xe,
+					levelFilter: M.levelFilter,
+					onLevelFilterChange: I.setLevelFilter
 				}),
-				/* @__PURE__ */ p(n, {
-					error: U ? N.searchError : N.initialLoadError,
-					estimatedRowHeight: U ? 44 : void 0,
-					hasMore: U ? N.searchNextMarker !== void 0 : N.itemsNextMarker !== void 0,
-					hasVariableRowHeight: U,
-					isFetching: U ? N.isFetchingSearch : N.isFetching,
-					isFetchingMore: U ? N.isFetchingSearchMore : N.isFetchingMore,
-					isSearchMode: U,
-					items: U ? je : Oe,
-					listboxId: E,
-					loadMoreError: U ? N.searchLoadMoreError : N.loadMoreError,
-					multiSelect: y,
-					onFocusExit: () => D.current?.focus(),
-					onLoadMore: U ? L.searchLoadMore : Se,
-					onRetry: L.retry,
-					ref: k,
-					selectedValue: Ee
+				/* @__PURE__ */ f(n, {
+					error: H ? M.searchError : M.initialLoadError,
+					estimatedRowHeight: H ? 44 : void 0,
+					hasMore: H ? M.searchNextMarker !== void 0 : M.itemsNextMarker !== void 0,
+					hasVariableRowHeight: H,
+					isFetching: H ? M.isFetchingSearch : M.isFetching,
+					isFetchingMore: H ? M.isFetchingSearchMore : M.isFetchingMore,
+					isSearchMode: H,
+					items: H ? Me : ke,
+					listboxId: T,
+					loadMoreError: H ? M.searchLoadMoreError : M.loadMoreError,
+					multiSelect: v,
+					onFocusExit: () => E.current?.focus(),
+					onLoadMore: H ? I.searchLoadMore : we,
+					onRetry: I.retry,
+					ref: O,
+					selectedValue: Oe
 				})
 			]
 		})]
 	});
 });
-export { h as n, _ as t };
+export { m as n, g as t };

package/dist/chunks/taxonomy-level-filter.js

@@ -1,6 +1,6 @@
 import { messages as e } from "../esm/lib/components/taxonomy-level-filter/messages.js";
-import { DropdownMenu as t, TextButton as n } from "@box/blueprint-web";
-import { useIntl as r } from "react-intl";
+import { useIntl as t } from "react-intl";
+import { DropdownMenu as n, TextButton as r } from "@box/blueprint-web";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Checkmark as o, ChevronDown as s } from "@box/blueprint-web-assets/icons/Medium";
 import '../styles/taxonomy-level-filter.css';var c = {
@@ -10,35 +10,35 @@ import '../styles/taxonomy-level-filter.css';var c = {
 	levelFilterButton: "_levelFilterButton_mbgfz_26"
 };
 function l({ availableLevels: l, levelFilter: u, onLevelFilterChange: d, container: f }) {
-	let { formatMessage: p } = r(), m = p(e.allOption), h = u === null ? m : l.find((e) => e.level === u)?.displayName ?? m;
+	let { formatMessage: p } = t(), m = p(e.allOption), h = u === null ? m : l.find((e) => e.level === u)?.displayName ?? m;
 	return /* @__PURE__ */ i("div", {
 		className: c.container,
-		children: /* @__PURE__ */ a(t.Root, {
+		children: /* @__PURE__ */ a(n.Root, {
 			modal: !1,
-			children: [/* @__PURE__ */ i(t.Trigger, { children: /* @__PURE__ */ i(n, {
+			children: [/* @__PURE__ */ i(n.Trigger, { children: /* @__PURE__ */ i(r, {
 				className: c.levelFilterButton,
 				icon: s,
 				variant: "bodyDefault",
 				children: h
-			}) }), /* @__PURE__ */ a(t.Content, {
+			}) }), /* @__PURE__ */ a(n.Content, {
 				className: c.popoverContent,
 				align: "start",
 				container: f,
 				children: [
-					/* @__PURE__ */ a(t.Item, {
+					/* @__PURE__ */ a(n.Item, {
 						onClick: () => d(null),
-						children: [/* @__PURE__ */ i(t.Item.StartElement, {
+						children: [/* @__PURE__ */ i(n.Item.StartElement, {
 							className: c.itemStartElement,
 							icon: u === null ? o : void 0
-						}), /* @__PURE__ */ i(t.Item.MainContent, { label: m })]
+						}), /* @__PURE__ */ i(n.Item.MainContent, { label: m })]
 					}),
-					/* @__PURE__ */ i(t.Separator, {}),
-					l.map((e) => /* @__PURE__ */ a(t.Item, {
+					/* @__PURE__ */ i(n.Separator, {}),
+					l.map((e) => /* @__PURE__ */ a(n.Item, {
 						onClick: () => d(e.level),
-						children: [/* @__PURE__ */ i(t.Item.StartElement, {
+						children: [/* @__PURE__ */ i(n.Item.StartElement, {
 							className: c.itemStartElement,
 							icon: u === e.level ? o : void 0
-						}), /* @__PURE__ */ i(t.Item.MainContent, { label: e.displayName })]
+						}), /* @__PURE__ */ i(n.Item.MainContent, { label: e.displayName })]
 					}, e.level))
 				]
 			})]

package/dist/chunks/taxonomy-menu-item.js

@@ -2,9 +2,9 @@ import { t as e } from "./taxonomy-ancestor-breadcrumb.js";
 import { messages as t } from "../esm/lib/components/taxonomy-menu-item/messages.js";
 import { useTaxonomyMenuItemKeyboard as n } from "../esm/lib/components/taxonomy-menu-item/use-taxonomy-menu-item-keyboard.js";
 import { memo as r, useCallback as i, useRef as a } from "react";
-import { Checkbox as o, EllipsizableText as s, IconButton as c, Radio as l } from "@box/blueprint-web";
-import u from "clsx";
-import { useIntl as d } from "react-intl";
+import o from "clsx";
+import { useIntl as s } from "react-intl";
+import { Checkbox as c, EllipsizableText as l, IconButton as u, Radio as d } from "@box/blueprint-web";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { CompositeItem as m } from "@ariakit/react";
 import { ChevronRight as h } from "@box/blueprint-web-assets/icons/Medium";
@@ -16,7 +16,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
 	content: "_content_1a4ve_41",
 	drillDown: "_drillDown_1a4ve_48"
 }, _ = /*#__PURE__*/ r(function({ id: r, displayName: _, isSearchMode: v = !1, selectable: y, multiSelect: b, isSelected: x, showDrillDown: S, ancestors: C, onSelect: w, onDrillDown: T, onFocusExit: E }) {
-	let { formatMessage: D } = d(), O = C != null && C.length > 0 && v, k = a(null), A = a(null), j = a(null), { handleSelectionControlFocus: M, handleRowKeyDown: N, handleRowKeyDownCapture: P, handleSelectionControlKeyDown: F, handleDrillDownKeyDown: I } = n({
+	let { formatMessage: D } = s(), O = C != null && C.length > 0 && v, k = a(null), A = a(null), j = a(null), { handleSelectionControlFocus: M, handleRowKeyDown: N, handleRowKeyDownCapture: P, handleSelectionControlKeyDown: F, handleDrillDownKeyDown: I } = n({
 		id: r,
 		multiSelect: b,
 		onSelect: w,
@@ -41,7 +41,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
 			role: "option",
 			"aria-selected": x
 		}),
-		className: u(g.row, {
+		className: o(g.row, {
 			[g.rowWithAncestors]: O,
 			[g.nonSelectable]: !y
 		}),
@@ -50,7 +50,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
 		onKeyDown: N,
 		onKeyDownCapture: P,
 		children: [
-			y && b && /* @__PURE__ */ f(o.Item, {
+			y && b && /* @__PURE__ */ f(c.Item, {
 				ref: A,
 				"aria-label": _,
 				checked: x,
@@ -62,7 +62,7 @@ import '../styles/taxonomy-menu-item.css';var g = {
 				onKeyDown: F,
 				value: r
 			}),
-			y && !b && /* @__PURE__ */ f(l.Item, {
+			y && !b && /* @__PURE__ */ f(d.Item, {
 				ref: A,
 				"aria-label": _,
 				className: g.selectionControl,
@@ -75,14 +75,14 @@ import '../styles/taxonomy-menu-item.css';var g = {
 			}),
 			/* @__PURE__ */ p("div", {
 				className: g.content,
-				children: [/* @__PURE__ */ f(s, {
+				children: [/* @__PURE__ */ f(l, {
 					as: "span",
 					lineClamp: 1,
 					variant: O ? "bodyDefaultBold" : "bodyDefault",
 					children: _
 				}), O && /* @__PURE__ */ f(e, { ancestors: C })]
 			}),
-			S && /* @__PURE__ */ f(c, {
+			S && /* @__PURE__ */ f(u, {
 				ref: j,
 				"aria-label": D(t.drillDownAriaLabel, { name: _ }),
 				className: g.drillDown,

package/dist/styles/load-more-error-row.css

@@ -1 +1 @@
-._container_19xfu_1{box-sizing:border-box;gap:var(--bp-space-020,.5rem);padding-block:var(--bp-space-030,.75rem);padding-inline:var(--bp-size-060,1.5rem) var(--bp-space-010,.5rem);flex-direction:column;width:100%;display:flex}._retryButton_19xfu_11{align-self:flex-start}._errorText_19xfu_15{--text-color-on-light-error:var(--bp-text-text-error-on-color);padding-block-start:var(--bp-space-005)}._reloadButton_19xfu_20{padding-inline-start:var(--bp-space-040,1rem)}
+._container_1sz1a_1{box-sizing:border-box;gap:var(--bp-space-020,.5rem);padding-block:var(--bp-space-030,.75rem);padding-inline:var(--bp-size-060,1.5rem) var(--bp-space-010,.5rem);flex-direction:column;width:100%;display:flex}._errorText_1sz1a_11{--text-color-on-light-error:var(--bp-text-text-error-on-color);padding-block-start:var(--bp-space-005)}._reloadButton_1sz1a_16{padding-inline-start:var(--bp-space-040,1rem)}

package/dist/styles/metadata-taxonomy-picker-shell.css

@@ -1 +1 @@
-._container_hdbsq_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_hdbsq_8{color:var(--bp-text-text-on-light);font-size:var(--bp-font-size-040,1rem);font-weight:var(--bp-font-weight-bold,600);line-height:var(--bp-line-height-040,1.5rem);cursor:pointer}._trigger_hdbsq_16{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-100,2.5rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_hdbsq_16:has(._searchInput_hdbsq_34:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_hdbsq_16[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_hdbsq_16[data-disabled=true] button{pointer-events:none}._trigger_hdbsq_16 ._chips_hdbsq_46{display:contents}._trigger_hdbsq_16[data-disabled=true] ._chips_hdbsq_46>*{pointer-events:none}input[type=text]._searchInput_hdbsq_34{width:auto;min-width:var(--size-12);color:var(--bp-text-text-on-light);box-shadow:none;font:inherit;font-size:var(--bp-font-size-05,.9375rem);line-height:var(--body-default-line-height,1.25rem);cursor:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}input[type=text]._searchInput_hdbsq_34:hover,input[type=text]._searchInput_hdbsq_34:focus,input[type=text]._searchInput_hdbsq_34:disabled{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none}input[type=text]._searchInput_hdbsq_34::placeholder{color:var(--bp-text-text-on-light-secondary);font-family:inherit;font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_hdbsq_83{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0;margin-inline-start:auto}._emptyState_hdbsq_92{padding-block:var(--space-3);padding-inline:var(--space-3);text-align:center}._popover_hdbsq_98{width:var(--radix-popover-trigger-width);max-width:none}._popover_hdbsq_98 div[data-radix-popper-content-wrapper]:has([role=menu]){background-color:var(--bp-surface-menu-surface-dropdown)}._clearButton_hdbsq_106{flex-shrink:0}._breadcrumbContainer_hdbsq_110{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_hdbsq_110 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}
+._container_nitxb_1{gap:var(--bp-space-020,.5rem);flex-direction:column;width:100%;display:flex}._label_nitxb_8{cursor:pointer}._trigger_nitxb_12{box-sizing:border-box;align-items:center;gap:var(--space-2);width:100%;min-height:var(--bp-size-100,2.5rem);padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-030,.75rem);color:var(--bp-text-text-on-light);background-color:var(--surface-dropdown-surface);border:var(--bp-border-01,.0625rem) solid var(--bp-border-input-border);border-radius:var(--bp-radius-06,.75rem);font:inherit;cursor:pointer;outline:none;flex-wrap:wrap;display:flex}._trigger_nitxb_12:has(._searchInput_nitxb_30:focus){background-color:var(--surface-dropdown-surface-focus);border-color:var(--outline-focus-on-light);border-width:var(--bp-border-02,.125rem)}._trigger_nitxb_12[data-disabled=true]{opacity:.6;cursor:not-allowed}._trigger_nitxb_12[data-disabled=true] button{pointer-events:none}._trigger_nitxb_12 ._chips_nitxb_42{display:contents}._trigger_nitxb_12[data-disabled=true] ._chips_nitxb_42>*{pointer-events:none}input[type=text]._searchInput_nitxb_30{width:auto;min-width:var(--size-12);color:var(--bp-text-text-on-light);box-shadow:none;font:inherit;font-size:var(--bp-font-size-05,.9375rem);line-height:var(--body-default-line-height,1.25rem);cursor:inherit;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0}input[type=text]._searchInput_nitxb_30:hover,input[type=text]._searchInput_nitxb_30:focus,input[type=text]._searchInput_nitxb_30:disabled{box-shadow:none;background:0 0;border:none;border-radius:0;outline:none}input[type=text]._searchInput_nitxb_30::placeholder{color:var(--bp-text-text-on-light-secondary);font-family:inherit;font-size:var(--bp-font-size-05,.9375rem);font-weight:var(--bp-font-weight-regular,400)}._searchIcon_nitxb_79{width:var(--bp-size-040,1rem);height:var(--bp-size-040,1rem);color:var(--bp-icon-icon-on-light-secondary);pointer-events:none;flex-shrink:0;margin-inline-start:auto}._popover_nitxb_88{width:var(--radix-popover-trigger-width);max-width:none}._popover_nitxb_88 div[data-radix-popper-content-wrapper]:has([role=menu]){background-color:var(--bp-surface-menu-surface-dropdown)}._clearButton_nitxb_96{flex-shrink:0}._breadcrumbContainer_nitxb_100{min-width:0;padding-block:var(--bp-space-020,.5rem);padding-inline:var(--bp-space-020,.5rem);border-bottom:var(--bp-border-01,.0625rem) solid var(--bp-border-divider);align-items:center;display:flex}._breadcrumbContainer_nitxb_100 li:first-child:has(button){margin-inline-start:calc(-1 * var(--bp-space-010,.25rem))}

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@box/metadata-taxonomy-picker",
-    "version": "3.1.33",
+    "version": "3.1.35",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@ariakit/react": "^0.4.21",
-        "@box/blueprint-web": "^16.12.0",
-        "@box/blueprint-web-assets": "^5.5.7",
+        "@box/blueprint-web": "^16.12.1",
+        "@box/blueprint-web-assets": "^5.5.8",
         "@tanstack/react-virtual": "^3.10.8",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
@@ -13,10 +13,10 @@
     },
     "devDependencies": {
         "@ariakit/react": "^0.4.21",
-        "@box/blueprint-web": "^16.12.0",
-        "@box/blueprint-web-assets": "^5.5.7",
+        "@box/blueprint-web": "^16.12.1",
+        "@box/blueprint-web-assets": "^5.5.8",
         "@box/eslint-plugin-blueprint": "2.1.10",
-        "@box/storybook-utils": "1.1.31",
+        "@box/storybook-utils": "1.1.32",
         "@tanstack/react-virtual": "^3.10.8",
         "react-intl": "^6.4.2"
     },