@box/metadata-taxonomy-picker 2.18.0

package/dist/esm/lib/components/taxonomy-ancestor-breadcrumb/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-ancestor-breadcrumb.js";
+export { e as TaxonomyAncestorBreadcrumb };

package/dist/esm/lib/components/taxonomy-ancestor-breadcrumb/taxonomy-ancestor-breadcrumb.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-ancestor-breadcrumb.js";
+export { e as TaxonomyAncestorBreadcrumb };

package/dist/esm/lib/components/taxonomy-items-list/empty-state/empty-state.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/empty-state.js";
+export { e as EmptyListState };

package/dist/esm/lib/components/taxonomy-items-list/empty-state/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/empty-state.js";
+export { e as EmptyListState };

package/dist/esm/lib/components/taxonomy-items-list/error-state/error-state.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/error-state.js";
+export { e as ErrorState };

package/dist/esm/lib/components/taxonomy-items-list/error-state/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/error-state.js";
+export { e as ErrorState };

package/dist/esm/lib/components/taxonomy-items-list/index.js

@@ -0,0 +1,6 @@
+import { ESTIMATED_BROWSE_ROW_HEIGHT as e, ESTIMATED_SEARCH_ROW_HEIGHT as t } from "../../constants.js";
+import { t as n } from "../../../../chunks/empty-state.js";
+import { t as r } from "../../../../chunks/error-state.js";
+import { t as i } from "../../../../chunks/loading-state.js";
+import { t as a } from "../../../../chunks/taxonomy-items-list.js";
+export { e as ESTIMATED_BROWSE_ROW_HEIGHT, t as ESTIMATED_SEARCH_ROW_HEIGHT, n as EmptyListState, r as ErrorState, i as LoadingState, a as TaxonomyItemsList };

package/dist/esm/lib/components/taxonomy-items-list/load-more-feedback/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../../../../../chunks/load-more-error-row.js";
+import { t } from "../../../../../chunks/load-more-loading-row.js";
+export { e as LoadMoreErrorRow, t as LoadMoreLoadingRow };

package/dist/esm/lib/components/taxonomy-items-list/load-more-feedback/load-more-error-row.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/load-more-error-row.js";
+export { e as LoadMoreErrorRow };

package/dist/esm/lib/components/taxonomy-items-list/load-more-feedback/load-more-loading-row.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/load-more-loading-row.js";
+export { e as LoadMoreLoadingRow };

package/dist/esm/lib/components/taxonomy-items-list/load-more-feedback/messages.js

@@ -0,0 +1,20 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	loadingRowAriaLabel: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.loadMoreFeedback.loadingRowAriaLabel",
+		defaultMessage: "Loading more items"
+	},
+	errorNoticeText: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.loadMoreFeedback.errorNoticeText",
+		defaultMessage: "Loading failed"
+	},
+	errorNoticeIconAriaLabel: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.loadMoreFeedback.errorNoticeIconAriaLabel",
+		defaultMessage: "Error"
+	},
+	reloadButtonLabel: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.loadMoreFeedback.reloadButtonLabel",
+		defaultMessage: "Reload"
+	}
+});
+export { t as messages };

package/dist/esm/lib/components/taxonomy-items-list/loading-state/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/loading-state.js";
+export { e as LoadingState };

package/dist/esm/lib/components/taxonomy-items-list/loading-state/loading-state.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../../chunks/loading-state.js";
+export { e as LoadingState };

package/dist/esm/lib/components/taxonomy-items-list/messages.js

@@ -0,0 +1,36 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	loadingAriaLabel: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.loadingAriaLabel",
+		defaultMessage: "Loading taxonomy items"
+	},
+	emptyStateHeading: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.emptyStateHeading",
+		defaultMessage: "No subnodes"
+	},
+	emptyStateBody: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.emptyStateBody",
+		defaultMessage: "This path does not have subnodes."
+	},
+	searchEmptyStateHeading: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.searchEmptyStateHeading",
+		defaultMessage: "No results found"
+	},
+	searchEmptyStateBody: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.searchEmptyStateBody",
+		defaultMessage: "Try a different search term."
+	},
+	errorStateHeading: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.errorStateHeading",
+		defaultMessage: "Something went wrong."
+	},
+	errorStateBody: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.errorStateBody",
+		defaultMessage: "Please reload to try again."
+	},
+	reloadButton: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.itemsList.reloadButton",
+		defaultMessage: "Reload"
+	}
+});
+export { t as messages };

package/dist/esm/lib/components/taxonomy-items-list/taxonomy-items-list.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-items-list.js";
+export { e as TaxonomyItemsList };

package/dist/esm/lib/components/taxonomy-level-filter/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-level-filter.js";
+export { e as TaxonomyLevelFilter };

package/dist/esm/lib/components/taxonomy-level-filter/messages.js

@@ -0,0 +1,6 @@
+import { defineMessages as e } from "react-intl";
+var t = e({ allOption: {
+	id: "groupSharedFeatures.metadataTaxonomyPicker.levelFilter.allOption",
+	defaultMessage: "All levels"
+} });
+export { t as messages };

package/dist/esm/lib/components/taxonomy-level-filter/taxonomy-level-filter.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-level-filter.js";
+export { e as TaxonomyLevelFilter };

package/dist/esm/lib/components/taxonomy-menu-item/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-menu-item.js";
+export { e as TaxonomyMenuItem };

package/dist/esm/lib/components/taxonomy-menu-item/messages.js

@@ -0,0 +1,6 @@
+import { defineMessages as e } from "react-intl";
+var t = e({ drillDownAriaLabel: {
+	id: "groupSharedFeatures.metadataTaxonomyPicker.menuItem.drillDownAriaLabel",
+	defaultMessage: "Navigate into {name}"
+} });
+export { t as messages };

package/dist/esm/lib/components/taxonomy-menu-item/taxonomy-menu-item.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/taxonomy-menu-item.js";
+export { e as TaxonomyMenuItem };

package/dist/esm/lib/components/taxonomy-menu-item/use-taxonomy-menu-item-keyboard.js

@@ -0,0 +1,100 @@
+import { useCallback as e, useRef as t } from "react";
+import { useCompositeContext as n } from "@ariakit/react";
+function r({ id: r, multiSelect: i, onSelect: a, onFocusExit: o, rowRef: s, selectionControlRef: c, drillDownRef: l }) {
+	let u = n(), d = t(!1), f = e((e) => {
+		if (!u) return !1;
+		let { activeId: t, items: n } = u.getState(), r = n.findIndex((e) => e.id === t);
+		if (r === -1) return !1;
+		let i = e === "ArrowDown" ? r + 1 : r - 1;
+		if (i < 0 || i >= n.length) return !1;
+		let a = n[i].element;
+		return a ? (a.focus(), !0) : !1;
+	}, [u]), p = e(() => {
+		d.current = !0, c.current?.focus();
+	}, [c]);
+	return {
+		handleSelectionControlFocus: e(() => {
+			d.current || s.current?.focus(), d.current = !1;
+		}, [s]),
+		handleRowKeyDown: e((e) => {
+			switch (e.key) {
+				case "Tab":
+					f(e.shiftKey ? "ArrowUp" : "ArrowDown") ? e.preventDefault() : e.shiftKey && o && (e.preventDefault(), o());
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), e.stopPropagation(), p();
+					break;
+				case "ArrowRight":
+					e.preventDefault(), e.stopPropagation(), l.current?.focus();
+					break;
+			}
+		}, [
+			p,
+			f,
+			o,
+			l
+		]),
+		handleRowKeyDownCapture: e((e) => {
+			let t = e.target;
+			if (!t || t === e.currentTarget) return;
+			let n = c.current != null && (c.current === t || c.current.contains(t)), r = l.current != null && (l.current === t || l.current.contains(t));
+			if (!(!n && !r)) {
+				switch (e.key) {
+					case "ArrowUp":
+					case "ArrowDown":
+						f(e.key) && (e.preventDefault(), e.stopPropagation());
+						break;
+					case "Tab":
+						f(e.shiftKey ? "ArrowUp" : "ArrowDown") ? (e.preventDefault(), e.stopPropagation()) : e.shiftKey && o && (e.preventDefault(), e.stopPropagation(), o());
+						break;
+				}
+				if (n) switch (e.key) {
+					case "ArrowRight":
+						e.preventDefault(), e.stopPropagation(), l.current?.focus();
+						break;
+					case "ArrowLeft":
+						e.preventDefault(), e.stopPropagation(), s.current?.focus();
+						break;
+				}
+			}
+		}, [
+			f,
+			o,
+			c,
+			l,
+			s
+		]),
+		handleSelectionControlKeyDown: e((e) => {
+			switch (e.key) {
+				case "Enter":
+					i || (e.preventDefault(), a(r));
+					break;
+			}
+		}, [
+			i,
+			a,
+			r
+		]),
+		handleDrillDownKeyDown: e((e) => {
+			switch (e.key) {
+				case "Tab":
+					f(e.shiftKey ? "ArrowUp" : "ArrowDown") ? e.preventDefault() : e.shiftKey && o && (e.preventDefault(), o());
+					break;
+				case "Enter":
+				case " ":
+					e.stopPropagation();
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), c.current ? p() : s.current?.focus();
+					break;
+			}
+		}, [
+			f,
+			o,
+			p,
+			c,
+			s
+		])
+	};
+}
+export { r as useTaxonomyMenuItemKeyboard };

package/dist/esm/lib/constants.js

@@ -0,0 +1,2 @@
+var e = 36, t = 44, n = 20, r = 9, i = 16, a = 3, o = 16, s = 112, c = 200, l = 400, u = " / ", d = 2, f = 2, p = "…", m = 100, h = 300 * 1e3, g = "__root__", _ = "__breadcrumb_root__", v = 500;
+export { p as BREADCRUMB_ELLIPSIS_CHAR, d as BREADCRUMB_MAX_LINES, f as BREADCRUMB_OVERFLOW_THRESHOLD_PX, _ as BREADCRUMB_ROOT_ID, u as BREADCRUMB_SEPARATOR, h as CACHE_TTL_MS, m as DEFAULT_PAGE_LIMIT, e as ESTIMATED_BROWSE_ROW_HEIGHT, t as ESTIMATED_SEARCH_ROW_HEIGHT, l as LOAD_MORE_ERROR_MIN_VISIBLE_MS, s as LOAD_MORE_GHOST_BLOCK_HEIGHT, a as LOAD_MORE_GHOST_ROW_COUNT, o as LOAD_MORE_GHOST_ROW_HEIGHT, c as LOAD_MORE_ROOT_MARGIN_PX, n as OVERSCAN_COUNT, g as ROOT_CACHE_KEY, v as SEARCH_DEBOUNCE_MS, r as SKELETON_ROW_COUNT, i as SKELETON_ROW_HEIGHT };

package/dist/esm/lib/hooks/messages.js

@@ -0,0 +1,16 @@
+import { defineMessages as e } from "react-intl";
+var t = e({
+	initialLoadErrorFallback: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.controller.initialLoadErrorFallback",
+		defaultMessage: "Failed to load items"
+	},
+	searchErrorFallback: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.controller.searchErrorFallback",
+		defaultMessage: "Failed to search items"
+	},
+	loadMoreErrorFallback: {
+		id: "groupSharedFeatures.metadataTaxonomyPicker.controller.loadMoreErrorFallback",
+		defaultMessage: "Failed to load more items"
+	}
+});
+export { t as messages };

package/dist/esm/lib/hooks/use-taxonomy-picker-controller.js

@@ -0,0 +1,261 @@
+import "../constants.js";
+import { FailedOp as e, PickerActionType as t, initialState as n, pickerReducer as r } from "../state/reducer.js";
+import { messages as i } from "./messages.js";
+import { useCallback as a, useEffect as o, useReducer as s, useRef as c, useState as l } from "react";
+import { useIntl as u } from "react-intl";
+var d = [];
+function f(e) {
+	return e ?? "__root__";
+}
+function p(p, m = d, h) {
+	let [g, _] = s(r, n), [v, y] = l(!1), b = c(g);
+	b.current = g;
+	let x = c(p);
+	x.current = p;
+	let S = c(h);
+	S.current = h;
+	let C = c(m);
+	C.current = m;
+	let w = c(void 0), { formatMessage: T } = u(), E = c(T);
+	E.current = T;
+	let D = c(null), O = c(null), k = c(null), A = c(!1), j = c(/* @__PURE__ */ new Map()), M = a((e, t, n) => {
+		j.current.set(f(e), {
+			items: t,
+			nextMarker: n,
+			fetchedAt: Date.now()
+		});
+	}, []), N = a((e) => {
+		let t = f(e), n = j.current.get(t);
+		return n ? Date.now() - n.fetchedAt > 3e5 ? (j.current.delete(t), null) : n : null;
+	}, []), P = a(async (e) => {
+		D.current?.abort();
+		let n = new AbortController();
+		D.current = n;
+		try {
+			let r = await x.current.getNodes(e, {
+				limit: 100,
+				signal: n.signal
+			});
+			if (n.signal.aborted) return;
+			A.current = !0, _({
+				type: t.FetchSuccess,
+				entries: r.entries,
+				nextMarker: r.next_marker,
+				forParentId: e
+			});
+		} catch (r) {
+			if (n.signal.aborted || r instanceof DOMException && r.name === "AbortError") return;
+			_({
+				type: t.FetchError,
+				error: r instanceof Error ? r.message : E.current(i.initialLoadErrorFallback),
+				forParentId: e
+			});
+		}
+	}, []), F = a((e) => {
+		_({ type: t.FetchStart }), P(e);
+	}, [P]), I = a(async (e, n) => {
+		O.current?.abort();
+		let r = new AbortController();
+		O.current = r, _({
+			type: t.SearchFetchStart,
+			query: e
+		});
+		try {
+			let i = n === void 0 ? b.current.levelFilter : n, a = w.current, o = a ? a.parentId : b.current.currentParentId, s = a ? a.levelFilter : i, c = await x.current.searchNodes(e, {
+				limit: 100,
+				signal: r.signal,
+				parentId: o,
+				levelFilter: s ?? void 0
+			});
+			if (r.signal.aborted) return;
+			_({
+				type: t.SearchFetchSuccess,
+				results: c.entries,
+				nextMarker: c.next_marker,
+				forQuery: e
+			}), S.current?.onSearch?.(e);
+		} catch (e) {
+			if (r.signal.aborted || e instanceof DOMException && e.name === "AbortError") return;
+			_({
+				type: t.SearchFetchError,
+				error: e instanceof Error ? e.message : E.current(i.searchErrorFallback)
+			});
+		}
+	}, []), L = a((e) => {
+		if (_({
+			type: t.SearchInputChange,
+			value: e,
+			availableLevels: C.current
+		}), k.current !== null && (clearTimeout(k.current), k.current = null), !e) {
+			O.current?.abort(), _({ type: t.SearchClear });
+			return;
+		}
+		k.current = setTimeout(() => {
+			I(e);
+		}, 500);
+	}, [I]), R = a((e) => {
+		y(e), S.current?.onOpenChange?.(e), e && !A.current && F(null), e || (k.current !== null && (clearTimeout(k.current), k.current = null), D.current?.abort(), O.current?.abort(), j.current.clear(), A.current = !1, _({ type: t.Reset }));
+	}, [F]);
+	o(() => {
+		let e = D, t = O;
+		return () => {
+			e.current?.abort(), t.current?.abort(), D.current?.abort(), O.current?.abort(), k.current !== null && clearTimeout(k.current);
+		};
+	}, []);
+	let z = a((e) => {
+		let t = w.current;
+		if (t?.parentId === e?.parentId && t?.levelFilter === e?.levelFilter || (w.current = e, !A.current)) return;
+		let { searchInputValue: n } = b.current;
+		n !== "" && (k.current !== null && (clearTimeout(k.current), k.current = null), I(n));
+	}, [I]), B = a((e) => {
+		k.current !== null && (clearTimeout(k.current), k.current = null), O.current?.abort();
+		let n = b.current;
+		M(n.currentParentId, n.items, n.itemsNextMarker);
+		let r = e.ancestors ? [...e.ancestors.map((e) => ({
+			id: e.id,
+			displayName: e.displayName
+		})), {
+			id: e.id,
+			displayName: e.displayName
+		}] : [...n.levelStack, {
+			id: e.id,
+			displayName: e.displayName
+		}];
+		_({
+			type: t.DrillDown,
+			targetParentId: e.id,
+			levelStack: r
+		}), P(e.id), S.current?.onNavigate?.(e.id, r);
+	}, [P, M]), V = a((e) => {
+		k.current !== null && (clearTimeout(k.current), k.current = null), D.current?.abort(), O.current?.abort();
+		let n = b.current;
+		M(n.currentParentId, n.items, n.itemsNextMarker);
+		let r = e === null ? -1 : n.levelStack.findIndex((t) => t.id === e), i = r === -1 ? [] : n.levelStack.slice(0, r + 1), a = N(e);
+		a ? _({
+			type: t.NavigateBack,
+			targetParentId: e,
+			levelStack: i,
+			cached: {
+				items: a.items,
+				nextMarker: a.nextMarker
+			}
+		}) : (_({
+			type: t.NavigateBackRefetch,
+			targetParentId: e,
+			levelStack: i
+		}), P(e)), S.current?.onNavigate?.(e, i);
+	}, [
+		P,
+		N,
+		M
+	]), H = a(async () => {
+		let { isFetchingMore: e, itemsNextMarker: n, currentParentId: r, items: a } = b.current;
+		if (e || n === void 0) return;
+		D.current?.abort();
+		let o = new AbortController();
+		D.current = o;
+		let s = Date.now();
+		_({ type: t.LoadMoreStart });
+		try {
+			let e = await x.current.getNodes(r, {
+				limit: 100,
+				marker: n,
+				signal: o.signal
+			});
+			if (o.signal.aborted || b.current.currentParentId !== r) return;
+			_({
+				type: t.LoadMoreSuccess,
+				entries: e.entries,
+				nextMarker: e.next_marker
+			}), M(r, [...a, ...e.entries], e.next_marker);
+		} catch (e) {
+			if (o.signal.aborted || e instanceof DOMException && e.name === "AbortError" || b.current.currentParentId !== r) return;
+			let n = 400 - (Date.now() - s);
+			if (n > 0 && (await new Promise((e) => setTimeout(e, n)), o.signal.aborted || b.current.currentParentId !== r)) return;
+			_({
+				type: t.LoadMoreError,
+				error: e instanceof Error ? e.message : E.current(i.loadMoreErrorFallback)
+			});
+		}
+	}, [M]), U = a(async () => {
+		let { isFetchingSearchMore: e, searchNextMarker: n, searchQuery: r, currentParentId: a, levelFilter: o } = b.current;
+		if (e || n === void 0 || r === "") return;
+		let s = w.current, c = s ? s.parentId : a, l = (s ? s.levelFilter : o) ?? void 0;
+		O.current?.abort();
+		let u = new AbortController();
+		O.current = u;
+		let d = Date.now();
+		_({ type: t.SearchLoadMoreStart });
+		try {
+			let e = await x.current.searchNodes(r, {
+				limit: 100,
+				marker: n,
+				parentId: c,
+				levelFilter: l,
+				signal: u.signal
+			});
+			if (u.signal.aborted) return;
+			_({
+				type: t.SearchLoadMoreSuccess,
+				entries: e.entries,
+				nextMarker: e.next_marker,
+				forQuery: r
+			});
+		} catch (e) {
+			if (u.signal.aborted || e instanceof DOMException && e.name === "AbortError") return;
+			let n = 400 - (Date.now() - d);
+			if (n > 0 && (await new Promise((e) => setTimeout(e, n)), u.signal.aborted)) return;
+			_({
+				type: t.SearchLoadMoreError,
+				error: e instanceof Error ? e.message : E.current(i.loadMoreErrorFallback),
+				forQuery: r
+			});
+		}
+	}, []), W = a(() => {
+		switch (b.current.lastFailedOp) {
+			case e.Browse:
+				F(b.current.currentParentId);
+				break;
+			case e.BrowseMore:
+				H();
+				break;
+			case e.Search: {
+				let { searchQuery: e } = b.current;
+				e !== "" && I(e);
+				break;
+			}
+			case e.SearchMore:
+				U();
+				break;
+			default: break;
+		}
+	}, [
+		F,
+		H,
+		I,
+		U
+	]);
+	return {
+		state: g,
+		isOpen: v,
+		handleOpenChange: R,
+		handleInputValueChange: L,
+		actions: {
+			drillDown: B,
+			navigateBack: V,
+			loadMore: H,
+			searchLoadMore: U,
+			setLevelFilter: a((e) => {
+				_({
+					type: t.SetLevelFilter,
+					level: e
+				}), k.current !== null && (clearTimeout(k.current), k.current = null);
+				let n = b.current.searchInputValue;
+				n && I(n, e);
+			}, [I]),
+			retry: W,
+			setSearchScopeOverride: z
+		}
+	};
+}
+export { p as useTaxonomyPickerController };

package/dist/esm/lib/metadata-taxonomy-picker.js

@@ -0,0 +1,10 @@
+import { t as e } from "../../chunks/metadata-taxonomy-picker-shell.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var r = /* @__PURE__ */ t(function(t, r) {
+	return /* @__PURE__ */ n(e, {
+		...t,
+		ref: r
+	});
+});
+export { r as MetadataTaxonomyPicker, r as default };