@box/metadata-taxonomy-picker 3.1.36 → 3.1.37

package/dist/chunks/empty-state.js

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

package/dist/chunks/error-state.js

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

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

@@ -1,52 +1 @@
-import { messages as e } from "../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";
-import { useEffect as t } from "react";
-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_1sz1a_1",
-	errorText: "_errorText_1sz1a_11",
-	reloadButton: "_reloadButton_1sz1a_16"
-};
-function f({ onRetry: f }) {
-	let { formatMessage: p } = n();
-	return t(() => {
-		let e = document.activeElement, t = e?.closest("[role=\"listbox\"]") != null;
-		return () => {
-			t && e && document.body.contains(e) && e.focus({ preventScroll: !0 });
-		};
-	}, []), /* @__PURE__ */ c("div", {
-		"aria-live": "polite",
-		className: d.container,
-		role: "status",
-		children: [/* @__PURE__ */ s(r, {
-			icon: () => /* @__PURE__ */ s(l, {
-				width: 20,
-				height: 20,
-				color: u
-			}),
-			variant: "error",
-			variantIconAriaLabel: p(e.errorNoticeIconAriaLabel),
-			children: /* @__PURE__ */ s(i, {
-				as: "span",
-				className: d.errorText,
-				color: "textOnLightError",
-				variant: "bodyDefault",
-				children: p(e.errorNoticeText)
-			})
-		}), /* @__PURE__ */ s("div", {
-			className: d.reloadButton,
-			children: /* @__PURE__ */ s(a, {
-				"data-testid": "reload-button",
-				icon: o,
-				onClick: f,
-				type: "button",
-				children: p(e.reloadButtonLabel)
-			})
-		})]
-	});
-}
-export { f as t };
+import{messages}from"../esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js";import{useEffect}from"react";import{useIntl}from"react-intl";import{InlineNotice,Text,TextButton}from"@box/blueprint-web";import{Loader}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import{bpIconIconErrorOnColor}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/load-more-error-row.css';var load_more_error_row_module_default={container:`_container_1sz1a_1`,errorText:`_errorText_1sz1a_11`,reloadButton:`_reloadButton_1sz1a_16`};function LoadMoreErrorRow({onRetry}){let{formatMessage}=useIntl();return useEffect(()=>{let previouslyFocused=document.activeElement,wasInsideListbox=previouslyFocused?.closest(`[role="listbox"]`)!=null;return()=>{wasInsideListbox&&previouslyFocused&&document.body.contains(previouslyFocused)&&previouslyFocused.focus({preventScroll:!0})}},[]),jsxs(`div`,{"aria-live":`polite`,className:load_more_error_row_module_default.container,role:`status`,children:[jsx(InlineNotice,{icon:()=>jsx(AlertCircle,{width:20,height:20,color:bpIconIconErrorOnColor}),variant:`error`,variantIconAriaLabel:formatMessage(messages.errorNoticeIconAriaLabel),children:jsx(Text,{as:`span`,className:load_more_error_row_module_default.errorText,color:`textOnLightError`,variant:`bodyDefault`,children:formatMessage(messages.errorNoticeText)})}),jsx(`div`,{className:load_more_error_row_module_default.reloadButton,children:jsx(TextButton,{"data-testid":`reload-button`,icon:Loader,onClick:onRetry,type:`button`,children:formatMessage(messages.reloadButtonLabel)})})]})}export{LoadMoreErrorRow as t};

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

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

package/dist/chunks/loading-state.js

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

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

@@ -1,282 +1 @@
-import { BREADCRUMB_ROOT_ID as e } from "../esm/lib/constants.js";
-import { useTaxonomyPickerController as t } from "../esm/lib/hooks/use-taxonomy-picker-controller.js";
-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 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;
-}({}), 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 fe(e) {
-	let t = null;
-	for (let n of e) n.selectable !== !1 && (t === null || n.level > t) && (t = n.level);
-	return t;
-}
-var pe = [];
-function me(e) {
-	if (e != null) return (typeof e == "function" ? e() : e) ?? void 0;
-}
-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(() => {
-		V(j && U !== null ? {
-			parentId: null,
-			levelFilter: U
-		} : void 0);
-	}, [
-		j,
-		U,
-		V
-	]);
-	let [Te, W] = ne(""), G = l(!1), Ee = o(() => {
-		G.current = !0;
-	}, []), De = o((e) => {
-		G.current = !1, F(e.target.value);
-	}, [F]);
-	s(() => {
-		G.current ? M.searchInputValue === "" && (G.current = !1, W("")) : W(M.searchInputValue);
-	}, [M.searchInputValue]), s(() => {
-		let e;
-		return !H && A.current && (e = requestAnimationFrame(() => {
-			O.current?.scrollTo(k.current);
-		})), A.current = H, () => {
-			e !== void 0 && cancelAnimationFrame(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,
-			displayName: n.displayName,
-			level: n.level,
-			ancestors: n.ancestors
-		};
-		v ? b(K.has(e) ? y.filter((t) => t.id !== e) : [...y, r]) : (b([r]), t && P(!1));
-	}, [
-		L,
-		v,
-		K,
-		y,
-		b,
-		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,
-			displayName: n.displayName,
-			level: n.level,
-			ancestors: n.ancestors
-		};
-		v ? b(K.has(e) ? y.filter((t) => t.id !== e) : [...y, r]) : (b([r]), t !== !1 && P(!1));
-	}, [
-		M.searchResults,
-		v,
-		K,
-		y,
-		b,
-		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
-		});
-	}, [M.searchResults, I]), X = o((e) => {
-		let t = M.items.find((t) => t.id === e);
-		t && z({
-			id: t.id,
-			displayName: t.displayName
-		});
-	}, [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: v,
-		isSelected: K.has(e.id),
-		showDrillDown: Z(e),
-		ancestors: e.ancestors,
-		onSelect: q,
-		onDrillDown: X
-	})), [
-		L,
-		v,
-		K,
-		Z,
-		q,
-		X
-	]), Q = c(() => R.length === 0 ? [] : [{
-		id: e,
-		name: C(i.breadcrumbRootLabel)
-	}, ...R.map((e) => ({
-		id: e.id,
-		name: e.displayName
-	}))], [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: v,
-		isSelected: K.has(e.id),
-		showDrillDown: Z(e),
-		ancestors: e.ancestors,
-		onSelect: J,
-		onDrillDown: Y
-	})), [
-		M.searchResults,
-		v,
-		K,
-		Z,
-		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(""));
-	}, [
-		x,
-		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__ */ p(d.Root, {
-		modal: !1,
-		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: [
-					v && $ && /* @__PURE__ */ f(oe, {
-						className: h.chips,
-						onClick: Ne,
-						children: y.map((e) => /* @__PURE__ */ f(u, {
-							label: e.displayName,
-							onDelete: () => ze(e),
-							tabIndex: x ? -1 : void 0
-						}, e.id))
-					}),
-					!v && $ && /* @__PURE__ */ f(u, {
-						label: y[0].displayName,
-						tabIndex: x ? -1 : void 0
-					}),
-					/* @__PURE__ */ f("input", {
-						"aria-controls": T,
-						"aria-expanded": N,
-						"aria-haspopup": "listbox",
-						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: Te
-					}),
-					!v && $ && /* @__PURE__ */ f(se, {
-						"aria-label": C(i.clearAriaLabel),
-						className: h.clearButton,
-						icon: de,
-						size: "x-small",
-						tabIndex: x ? -1 : void 0,
-						onClick: Le
-					}),
-					/* @__PURE__ */ f(ue, {
-						"aria-hidden": "true",
-						className: h.searchIcon,
-						role: "presentation"
-					})
-				]
-			})]
-		}) }), /* @__PURE__ */ p(d.ContentContainer, {
-			align: "start",
-			className: h.popover,
-			container: Ce,
-			onInteractOutside: (e) => {
-				D.current?.contains(e.target) && e.preventDefault();
-			},
-			onOpenAutoFocus: (e) => e.preventDefault(),
-			ref: Se,
-			children: [
-				Q.length > 0 && !H && /* @__PURE__ */ f("div", {
-					className: h.breadcrumbContainer,
-					children: /* @__PURE__ */ f(ae, {
-						breadcrumbAriaLabel: C(i.breadcrumbAriaLabel),
-						crumbs: Q,
-						onPageLinkClick: Ae,
-						rootIconVariant: "taxonomy",
-						isInteractive: !x,
-						isResponsiveEnabled: !1,
-						size: "small",
-						truncatedLinksIconAriaLabel: C(i.breadcrumbTruncatedLinksLabel),
-						truncationMethod: "folder-tree"
-					})
-				}),
-				je && /* @__PURE__ */ f(r, {
-					availableLevels: _,
-					container: xe,
-					levelFilter: M.levelFilter,
-					onLevelFilterChange: I.setLevelFilter
-				}),
-				/* @__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 { m as n, g as t };
+import{BREADCRUMB_ROOT_ID}from"../esm/lib/constants.js";import{useTaxonomyPickerController}from"../esm/lib/hooks/use-taxonomy-picker-controller.js";import{t as TaxonomyItemsList}from"./taxonomy-items-list.js";import{t as TaxonomyLevelFilter}from"./taxonomy-level-filter.js";import{messages}from"../esm/lib/components/metadata-taxonomy-picker-shell/messages.js";import{forwardRef,useCallback,useEffect,useId,useLayoutEffect,useMemo,useRef,useState}from"react";import clsx from"clsx";import{useIntl}from"react-intl";import{Breadcrumb,ChipsGroup,IconButton,InputChip,Popover,Text,useForkRef}from"@box/blueprint-web";import{Search,XMark}from"@box/blueprint-web-assets/icons/Fill";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/metadata-taxonomy-picker-shell.css';var TaxonomyPickerMode=function(TaxonomyPickerMode){return TaxonomyPickerMode.SingleLevel=`single-level`,TaxonomyPickerMode.MultiLevel=`multi-level`,TaxonomyPickerMode}({}),metadata_taxonomy_picker_shell_module_default={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 getLatestSelectableLevel(levels){let latest=null;for(let level of levels)level.selectable!==!1&&(latest===null||level.level>latest)&&(latest=level.level);return latest}var EMPTY_LEVELS=[];function resolvePortalContainer(portalElement){if(portalElement!=null)return(typeof portalElement==`function`?portalElement():portalElement)??void 0}var MetadataTaxonomyPickerShell=forwardRef(function({itemsService,eventService,levels=EMPTY_LEVELS,mode,multiSelect,value,onValueChange,placeholder,disabled=!1,label,containerClassName,portalElement},forwardedRef){let{formatMessage}=useIntl(),inputId=useId(),listboxId=`${inputId}-listbox`,inputRef=useRef(null),mergedInputRef=useForkRef(inputRef,forwardedRef),triggerRef=useRef(null),listRef=useRef(null),[popoverContentElement,setPopoverContentElement]=useState(null),savedScrollTopRef=useRef(0),wasSearchModeRef=useRef(!1),portalContainer=resolvePortalContainer(portalElement),isSingleLevelMode=mode===TaxonomyPickerMode.SingleLevel,{state,isOpen,handleOpenChange,handleInputValueChange,actions}=useTaxonomyPickerController(itemsService,levels,eventService),{items,levelStack}=state,{drillDown,navigateBack,loadMore,setSearchScopeOverride}=actions,isSearchMode=state.searchInputValue!==``,latestSelectableLevel=useMemo(()=>getLatestSelectableLevel(state.availableLevels),[state.availableLevels]);useEffect(()=>{setSearchScopeOverride(isSingleLevelMode&&latestSelectableLevel!==null?{parentId:null,levelFilter:latestSelectableLevel}:void 0)},[isSingleLevelMode,latestSelectableLevel,setSearchScopeOverride]);let[inputDisplayValue,setInputDisplayValue]=useState(``),isComposingRef=useRef(!1),handleCompositionStart=useCallback(()=>{isComposingRef.current=!0},[]),handleCompositionEnd=useCallback(e=>{isComposingRef.current=!1,handleInputValueChange(e.target.value)},[handleInputValueChange]);useLayoutEffect(()=>{isComposingRef.current?state.searchInputValue===``&&(isComposingRef.current=!1,setInputDisplayValue(``)):setInputDisplayValue(state.searchInputValue)},[state.searchInputValue]),useLayoutEffect(()=>{let rafId;return!isSearchMode&&wasSearchModeRef.current&&(rafId=requestAnimationFrame(()=>{listRef.current?.scrollTo(savedScrollTopRef.current)})),wasSearchModeRef.current=isSearchMode,()=>{rafId!==void 0&&cancelAnimationFrame(rafId)}},[isSearchMode]);let selectedIds=useMemo(()=>new Set(value.map(v=>v.id)),[value]),singleSelectValue=useMemo(()=>!multiSelect&&value.length===1?value[0].id:``,[multiSelect,value]),handleSelect=useCallback((id,closeAfterSelect=!0)=>{let node=items.find(n=>n.id===id);if(!node||!node.selectable)return;let newValue={id:node.id,displayName:node.displayName,level:node.level,ancestors:node.ancestors};multiSelect?onValueChange(selectedIds.has(id)?value.filter(v=>v.id!==id):[...value,newValue]):(onValueChange([newValue]),closeAfterSelect&&handleOpenChange(!1))},[items,multiSelect,selectedIds,value,onValueChange,handleOpenChange]),handleSearchSelect=useCallback((id,closeOnSelection=!0)=>{let result=state.searchResults.find(r=>r.id===id);if(!result||!result.selectable)return;let newValue={id:result.id,displayName:result.displayName,level:result.level,ancestors:result.ancestors};multiSelect?onValueChange(selectedIds.has(id)?value.filter(v=>v.id!==id):[...value,newValue]):(onValueChange([newValue]),closeOnSelection!==!1&&handleOpenChange(!1))},[state.searchResults,multiSelect,selectedIds,value,onValueChange,handleOpenChange]),handleSearchDrillDown=useCallback(id=>{let result=state.searchResults.find(r=>r.id===id);result&&actions.drillDown({id:result.id,displayName:result.displayName,ancestors:result.ancestors})},[state.searchResults,actions]),handleDrillDown=useCallback(id=>{let node=state.items.find(n=>n.id===id);node&&drillDown({id:node.id,displayName:node.displayName})},[state.items,drillDown]),computeShowDrillDown=useCallback(node=>!(!node.hasChildren||isSingleLevelMode&&latestSelectableLevel!==null&&node.level>=latestSelectableLevel),[isSingleLevelMode,latestSelectableLevel]),menuItems=useMemo(()=>items.map(node=>({id:node.id,displayName:node.displayName,selectable:node.selectable,multiSelect,isSelected:selectedIds.has(node.id),showDrillDown:computeShowDrillDown(node),ancestors:node.ancestors,onSelect:handleSelect,onDrillDown:handleDrillDown})),[items,multiSelect,selectedIds,computeShowDrillDown,handleSelect,handleDrillDown]),breadcrumbCrumbs=useMemo(()=>levelStack.length===0?[]:[{id:BREADCRUMB_ROOT_ID,name:formatMessage(messages.breadcrumbRootLabel)},...levelStack.map(entry=>({id:entry.id,name:entry.displayName}))],[levelStack,formatMessage]),handleBreadcrumbClick=useCallback(crumbId=>{navigateBack(crumbId===`__breadcrumb_root__`?null:crumbId)},[navigateBack]),showLevelFilter=!isSingleLevelMode&&isSearchMode&&state.availableLevels.length>1,searchMenuItems=useMemo(()=>state.searchResults.map(result=>({id:result.id,displayName:result.displayName,selectable:result.selectable,multiSelect,isSelected:selectedIds.has(result.id),showDrillDown:computeShowDrillDown(result),ancestors:result.ancestors,onSelect:handleSearchSelect,onDrillDown:handleSearchDrillDown})),[state.searchResults,multiSelect,selectedIds,computeShowDrillDown,handleSearchSelect,handleSearchDrillDown]),handleContainerClick=useCallback(event=>{event.target===event.currentTarget&&inputRef.current?.focus()},[inputRef]),hasValues=value.length>0,placeholderText=placeholder??formatMessage(messages.placeholder),handleTriggerMouseDown=e=>{!disabled&&e.target===e.currentTarget&&(e.preventDefault(),inputRef.current?.focus())},handleInputFocus=()=>{!disabled&&!isOpen&&handleOpenChange(!0)},handleClearSingleSelect=useCallback(()=>{disabled||(onValueChange([]),handleInputValueChange(``))},[disabled,onValueChange,handleInputValueChange]),handleInputChange=e=>{!isSearchMode&&e.target.value&&(savedScrollTopRef.current=listRef.current?.getScrollTop()??0),setInputDisplayValue(e.target.value),isComposingRef.current||handleInputValueChange(e.target.value)},handleRemoveValue=removed=>{disabled||onValueChange(value.filter(v=>v.id!==removed.id))};return jsxs(Popover.Root,{modal:!1,onOpenChange:handleOpenChange,open:isOpen,children:[jsx(Popover.Anchor,{children:jsxs(`div`,{className:clsx(metadata_taxonomy_picker_shell_module_default.container,containerClassName),children:[label&&jsx(Text,{as:`label`,className:metadata_taxonomy_picker_shell_module_default.label,htmlFor:inputId,variant:`bodyDefaultBold`,children:label}),jsxs(`div`,{className:metadata_taxonomy_picker_shell_module_default.trigger,"data-disabled":disabled,onMouseDown:handleTriggerMouseDown,ref:triggerRef,children:[multiSelect&&hasValues&&jsx(ChipsGroup,{className:metadata_taxonomy_picker_shell_module_default.chips,onClick:handleContainerClick,children:value.map(v=>jsx(InputChip,{label:v.displayName,onDelete:()=>handleRemoveValue(v),tabIndex:disabled?-1:void 0},v.id))}),!multiSelect&&hasValues&&jsx(InputChip,{label:value[0].displayName,tabIndex:disabled?-1:void 0}),jsx(`input`,{"aria-controls":listboxId,"aria-expanded":isOpen,"aria-haspopup":`listbox`,className:metadata_taxonomy_picker_shell_module_default.searchInput,disabled,id:inputId,onChange:handleInputChange,onCompositionStart:handleCompositionStart,onCompositionEnd:handleCompositionEnd,onFocus:handleInputFocus,placeholder:hasValues?void 0:placeholderText,ref:mergedInputRef,role:`combobox`,type:`text`,value:inputDisplayValue}),!multiSelect&&hasValues&&jsx(IconButton,{"aria-label":formatMessage(messages.clearAriaLabel),className:metadata_taxonomy_picker_shell_module_default.clearButton,icon:XMark,size:`x-small`,tabIndex:disabled?-1:void 0,onClick:handleClearSingleSelect}),jsx(Search,{"aria-hidden":`true`,className:metadata_taxonomy_picker_shell_module_default.searchIcon,role:`presentation`})]})]})}),jsxs(Popover.ContentContainer,{align:`start`,className:metadata_taxonomy_picker_shell_module_default.popover,container:portalContainer,onInteractOutside:e=>{triggerRef.current?.contains(e.target)&&e.preventDefault()},onOpenAutoFocus:e=>e.preventDefault(),ref:setPopoverContentElement,children:[breadcrumbCrumbs.length>0&&!isSearchMode&&jsx(`div`,{className:metadata_taxonomy_picker_shell_module_default.breadcrumbContainer,children:jsx(Breadcrumb,{breadcrumbAriaLabel:formatMessage(messages.breadcrumbAriaLabel),crumbs:breadcrumbCrumbs,onPageLinkClick:handleBreadcrumbClick,rootIconVariant:`taxonomy`,isInteractive:!disabled,isResponsiveEnabled:!1,size:`small`,truncatedLinksIconAriaLabel:formatMessage(messages.breadcrumbTruncatedLinksLabel),truncationMethod:`folder-tree`})}),showLevelFilter&&jsx(TaxonomyLevelFilter,{availableLevels:levels,container:popoverContentElement,levelFilter:state.levelFilter,onLevelFilterChange:actions.setLevelFilter}),jsx(TaxonomyItemsList,{error:isSearchMode?state.searchError:state.initialLoadError,estimatedRowHeight:isSearchMode?44:void 0,hasMore:isSearchMode?state.searchNextMarker!==void 0:state.itemsNextMarker!==void 0,hasVariableRowHeight:isSearchMode,isFetching:isSearchMode?state.isFetchingSearch:state.isFetching,isFetchingMore:isSearchMode?state.isFetchingSearchMore:state.isFetchingMore,isSearchMode,items:isSearchMode?searchMenuItems:menuItems,listboxId,loadMoreError:isSearchMode?state.searchLoadMoreError:state.loadMoreError,multiSelect,onFocusExit:()=>inputRef.current?.focus(),onLoadMore:isSearchMode?actions.searchLoadMore:loadMore,onRetry:actions.retry,ref:listRef,selectedValue:singleSelectValue})]})]})});export{TaxonomyPickerMode as n,MetadataTaxonomyPickerShell as t};

package/dist/chunks/taxonomy-ancestor-breadcrumb.js

@@ -1,115 +1 @@
-import "../esm/lib/constants.js";
-import { Fragment as e, memo as t, useCallback as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import { Text as o, Tooltip as s } from "@box/blueprint-web";
-import { Ellipsis as c } from "@box/blueprint-web-assets/icons/Fill";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import '../styles/taxonomy-ancestor-breadcrumb.css';var f = {
-	root: "_root_12bt1_2",
-	segment: "_segment_12bt1_15",
-	trail: "_trail_12bt1_30",
-	ellipsisIcon: "_ellipsisIcon_12bt1_39",
-	probe: "_probe_12bt1_48"
-}, p = (e) => {
-	let t = window.getComputedStyle(e), n = parseFloat(t.lineHeight);
-	return Number.isFinite(n) && n > 0 ? n : (parseFloat(t.fontSize) || 16) * 1.2;
-}, m = (e, t, n) => {
-	if (e.textContent = t, e.scrollWidth - e.clientWidth <= n) return !1;
-	let r = e.clientWidth, i = 0, a = t.length, o = "";
-	for (; i <= a;) {
-		let s = Math.floor((i + a) / 2), c = t.slice(0, s).trimEnd() + "…";
-		e.textContent = c, e.scrollWidth <= r + n ? (o = c, i = s + 1) : a = s - 1;
-	}
-	return e.textContent = o || "…", !0;
-}, h = ({ ancestor: e, bold: t, onMount: n }) => /* @__PURE__ */ u(o, {
-	as: "span",
-	className: f.segment,
-	color: "textOnLightSecondary",
-	ref: n ? ((t) => n(e, t)) : void 0,
-	variant: t ? "captionBold" : "caption",
-	children: e.displayName
-}), g = () => /* @__PURE__ */ u(o, {
-	"aria-hidden": "true",
-	as: "span",
-	color: "textOnLightSecondary",
-	variant: "caption",
-	children: " / "
-}), _ = ({ items: t, lastIndex: n, onSegmentMount: r }) => /* @__PURE__ */ u(l, { children: t.map((t, i) => /* @__PURE__ */ d(e, { children: [i > 0 && /* @__PURE__ */ u(g, {}), /* @__PURE__ */ u(h, {
-	ancestor: t,
-	bold: i === n,
-	onMount: r
-})] }, t.id)) }), v = /*#__PURE__*/ t(function({ ancestors: e }) {
-	let t = i(null), v = i(null), y = i(/* @__PURE__ */ new Map()), [b, x] = a(!1), [S, C] = a(!1), w = e.length - 1, T = e.length >= 3 && b, E = b || S, D = n((e, t) => {
-		t ? y.current.set(e.id, {
-			node: t,
-			fullText: e.displayName
-		}) : y.current.delete(e.id);
-	}, []);
-	r(() => {
-		let e = t.current, n = v.current;
-		if (!e || !n) return;
-		let r = p(n) * 2 + 2, i = () => {
-			let e = n.scrollHeight > r;
-			x((t) => t === e ? t : e);
-			let t = !1;
-			y.current.forEach(({ node: e, fullText: n }) => {
-				m(e, n, 2) && (t = !0);
-			}), C((e) => e === t ? e : t);
-		};
-		i();
-		let a = new ResizeObserver(i);
-		return a.observe(e), a.observe(n), () => {
-			a.disconnect();
-		};
-	}, [e, E]);
-	let O = e.map((e) => e.displayName).join(" / "), k = /* @__PURE__ */ d(o, {
-		as: "span",
-		className: f.root,
-		"data-testid": "taxonomy-ancestor-breadcrumb",
-		ref: t,
-		role: E ? "group" : void 0,
-		tabIndex: E ? 0 : void 0,
-		children: [/* @__PURE__ */ u(o, {
-			as: "span",
-			className: f.trail,
-			color: "textOnLightSecondary",
-			variant: "caption",
-			children: T ? /* @__PURE__ */ d(l, { children: [
-				/* @__PURE__ */ u(h, {
-					ancestor: e[0],
-					onMount: D
-				}),
-				/* @__PURE__ */ u(g, {}),
-				/* @__PURE__ */ u(c, {
-					"aria-hidden": !0,
-					className: f.ellipsisIcon,
-					color: "currentColor"
-				}),
-				/* @__PURE__ */ u(g, {}),
-				/* @__PURE__ */ u(h, {
-					ancestor: e[w],
-					bold: !0,
-					onMount: D
-				})
-			] }) : /* @__PURE__ */ u(_, {
-				items: e,
-				lastIndex: w,
-				onSegmentMount: D
-			})
-		}), /* @__PURE__ */ u(o, {
-			"aria-hidden": "true",
-			as: "span",
-			className: f.probe,
-			ref: v,
-			variant: "caption",
-			children: /* @__PURE__ */ u(_, {
-				items: e,
-				lastIndex: w
-			})
-		})]
-	});
-	return E ? /* @__PURE__ */ u(s, {
-		content: O,
-		children: k
-	}) : k;
-});
-export { v as t };
+import"../esm/lib/constants.js";import{Fragment,memo,useCallback,useLayoutEffect,useRef,useState}from"react";import{Text,Tooltip}from"@box/blueprint-web";import{Ellipsis}from"@box/blueprint-web-assets/icons/Fill";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import '../styles/taxonomy-ancestor-breadcrumb.css';var taxonomy_ancestor_breadcrumb_module_default={root:`_root_12bt1_2`,segment:`_segment_12bt1_15`,trail:`_trail_12bt1_30`,ellipsisIcon:`_ellipsisIcon_12bt1_39`,probe:`_probe_12bt1_48`},readLineHeight=el=>{let computed=window.getComputedStyle(el),parsed=parseFloat(computed.lineHeight);return Number.isFinite(parsed)&&parsed>0?parsed:(parseFloat(computed.fontSize)||16)*1.2},applyTrimmedEllipsis=(node,fullText,tolerancePx)=>{if(node.textContent=fullText,node.scrollWidth-node.clientWidth<=tolerancePx)return!1;let maxWidth=node.clientWidth,lo=0,hi=fullText.length,best=``;for(;lo<=hi;){let mid=Math.floor((lo+hi)/2),candidate=fullText.slice(0,mid).trimEnd()+`…`;node.textContent=candidate,node.scrollWidth<=maxWidth+tolerancePx?(best=candidate,lo=mid+1):hi=mid-1}return node.textContent=best||`…`,!0},Segment=({ancestor,bold,onMount})=>jsx(Text,{as:`span`,className:taxonomy_ancestor_breadcrumb_module_default.segment,color:`textOnLightSecondary`,ref:onMount?(node=>onMount(ancestor,node)):void 0,variant:bold?`captionBold`:`caption`,children:ancestor.displayName}),Separator=()=>jsx(Text,{"aria-hidden":`true`,as:`span`,color:`textOnLightSecondary`,variant:`caption`,children:` / `}),Segments=({items,lastIndex,onSegmentMount})=>jsx(Fragment$1,{children:items.map((ancestor,index)=>jsxs(Fragment,{children:[index>0&&jsx(Separator,{}),jsx(Segment,{ancestor,bold:index===lastIndex,onMount:onSegmentMount})]},ancestor.id))}),TaxonomyAncestorBreadcrumb=memo(function({ancestors}){let rootRef=useRef(null),probeRef=useRef(null),segmentNodesRef=useRef(new Map),[isProbeOverflowing,setIsProbeOverflowing]=useState(!1),[hasClippedSegment,setHasClippedSegment]=useState(!1),lastIndex=ancestors.length-1,showTruncated=ancestors.length>=3&&isProbeOverflowing,shouldShowTooltip=isProbeOverflowing||hasClippedSegment,handleSegmentMount=useCallback((ancestor,node)=>{node?segmentNodesRef.current.set(ancestor.id,{node,fullText:ancestor.displayName}):segmentNodesRef.current.delete(ancestor.id)},[]);useLayoutEffect(()=>{let root=rootRef.current,probe=probeRef.current;if(!root||!probe)return;let maxHeight=readLineHeight(probe)*2+2,measure=()=>{let probeOverflows=probe.scrollHeight>maxHeight;setIsProbeOverflowing(prev=>prev===probeOverflows?prev:probeOverflows);let segmentClipped=!1;segmentNodesRef.current.forEach(({node,fullText})=>{applyTrimmedEllipsis(node,fullText,2)&&(segmentClipped=!0)}),setHasClippedSegment(prev=>prev===segmentClipped?prev:segmentClipped)};measure();let observer=new ResizeObserver(measure);return observer.observe(root),observer.observe(probe),()=>{observer.disconnect()}},[ancestors,shouldShowTooltip]);let fullPath=ancestors.map(a=>a.displayName).join(` / `),wrapper=jsxs(Text,{as:`span`,className:taxonomy_ancestor_breadcrumb_module_default.root,"data-testid":`taxonomy-ancestor-breadcrumb`,ref:rootRef,role:shouldShowTooltip?`group`:void 0,tabIndex:shouldShowTooltip?0:void 0,children:[jsx(Text,{as:`span`,className:taxonomy_ancestor_breadcrumb_module_default.trail,color:`textOnLightSecondary`,variant:`caption`,children:showTruncated?jsxs(Fragment$1,{children:[jsx(Segment,{ancestor:ancestors[0],onMount:handleSegmentMount}),jsx(Separator,{}),jsx(Ellipsis,{"aria-hidden":!0,className:taxonomy_ancestor_breadcrumb_module_default.ellipsisIcon,color:`currentColor`}),jsx(Separator,{}),jsx(Segment,{ancestor:ancestors[lastIndex],bold:!0,onMount:handleSegmentMount})]}):jsx(Segments,{items:ancestors,lastIndex,onSegmentMount:handleSegmentMount})}),jsx(Text,{"aria-hidden":`true`,as:`span`,className:taxonomy_ancestor_breadcrumb_module_default.probe,ref:probeRef,variant:`caption`,children:jsx(Segments,{items:ancestors,lastIndex})})]});return shouldShowTooltip?jsx(Tooltip,{content:fullPath,children:wrapper}):wrapper});export{TaxonomyAncestorBreadcrumb as t};