@box/metadata-editor 1.64.4 → 1.64.6

package/dist/chunks/ai-suggestion-field.js

@@ -0,0 +1,83 @@
+import { n as e } from "./types.js";
+import { t } from "./field-action-bar.module.js";
+import n from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js";
+import { formatSuggestionValue as r } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js";
+import { DropdownMenu as i, IconButton as a, Text as o, useBlueprintModernization as s } from "@box/blueprint-web";
+import { Checkmark as c, Ellipsis as l } from "@box/blueprint-web-assets/icons/Fill";
+import { FormattedMessage as u, useIntl as d } from "react-intl";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "clsx";
+import '../styles/ai-suggestion-field.css';var g = {
+	wrapper: "_wrapper_132y2_1",
+	selectTrigger: "_selectTrigger_132y2_1"
+};
+function _({ aiSuggestion: _, onAiSuggestionAppend: v, onAiSuggestionReplace: y, onAiSuggestionIgnore: b, type: x, isSameValue: S, confidenceLevel: C }) {
+	let w = d(), { enableModernizedComponents: T } = s(), E = C === e.High ? n.confidenceLevelHigh : n.confidenceLevelLow, D = C ? w.formatMessage(E) : void 0;
+	return /* @__PURE__ */ p("div", {
+		className: t.wrapperGradient,
+		"data-modern": T,
+		children: /* @__PURE__ */ p("div", {
+			className: h(t.wrapper, g.wrapper),
+			children: S ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(o, {
+				as: "p",
+				color: "textOnLightSecondary",
+				variant: "caption",
+				children: C ? w.formatMessage(n.sameValueAiSuggestionCaptionWithLevel, { level: D }) : w.formatMessage(n.sameValueAiSuggestionCaption)
+			}), /* @__PURE__ */ p("div", {
+				className: t.buttons,
+				children: /* @__PURE__ */ p(a, {
+					"aria-label": C ? w.formatMessage(n.aiSuggestionAccept) : w.formatMessage(n.aiSuggestionConfirm),
+					icon: c,
+					onClick: C ? y : b,
+					size: "x-small",
+					"data-target-id": "IconButton-aiSuggestionAccept|aiSuggestionConfirm"
+				})
+			})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(o, {
+				as: "p",
+				color: "textOnLightSecondary",
+				variant: "caption",
+				children: C ? w.formatMessage(n.aiSuggestionCaptionWithLevel, { level: D }) : w.formatMessage(n.aiSuggestionCaption)
+			}), /* @__PURE__ */ p(o, {
+				as: "p",
+				children: r(_, {
+					type: x,
+					locale: w.locale
+				})
+			})] }), /* @__PURE__ */ m("div", {
+				className: t.buttons,
+				children: [/* @__PURE__ */ p(a, {
+					"aria-label": w.formatMessage(x === "multiSelect" ? n.aiSuggestionAppend : n.aiSuggestionClearAndReplace),
+					"data-target-id": x === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
+					icon: c,
+					onClick: x === "multiSelect" ? v : y,
+					size: "x-small"
+				}), /* @__PURE__ */ m(i.Root, { children: [/* @__PURE__ */ p(i.Trigger, {
+					className: g.selectTrigger,
+					children: /* @__PURE__ */ p(a, {
+						"aria-label": w.formatMessage(n.aiSuggestionOptions),
+						icon: l,
+						"data-target-id": "IconButton-aiSuggestionOptions"
+					})
+				}), /* @__PURE__ */ m(i.Content, { children: [
+					x === "multiSelect" && /* @__PURE__ */ p(i.Item, {
+						onSelect: v,
+						"data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
+						children: /* @__PURE__ */ p(u, { ...n.aiSuggestionAppend })
+					}),
+					/* @__PURE__ */ p(i.Item, {
+						onSelect: y,
+						"data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
+						children: /* @__PURE__ */ p(u, { ...n.aiSuggestionClearAndReplace })
+					}),
+					/* @__PURE__ */ p(i.Separator, {}),
+					/* @__PURE__ */ p(i.Item, {
+						onSelect: b,
+						"data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
+						children: /* @__PURE__ */ p(u, { ...n.aiSuggestionIgnore })
+					})
+				] })] })]
+			})] })
+		})
+	});
+}
+export { _ as t };

package/dist/chunks/autofill-overlay.js

@@ -0,0 +1,63 @@
+import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as e } from "../esm/lib/constants.js";
+import t from "../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/messages.js";
+import { useErrorMessaging as n } from "../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/useErrorMessaging.js";
+import { LoadingIndicator as r, Text as i, TextButton as a } from "@box/blueprint-web";
+import { useState as o } from "react";
+import { useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "clsx";
+import { Size5 as d, SurfaceStatusSurfaceError as f } from "@box/blueprint-web-assets/tokens/tokens";
+import { AlertTriangle as p } from "@box/blueprint-web-assets/icons/Line";
+import '../styles/autofill-overlay.css';var m = {
+	autofillOverlay: "_autofillOverlay_16p2j_1",
+	withError: "_withError_16p2j_12",
+	autofillOverlayTitle: "_autofillOverlayTitle_16p2j_16",
+	autofillOverlayDescription: "_autofillOverlayDescription_16p2j_21",
+	dismissButton: "_dismissButton_16p2j_25",
+	overlayIcon: "_overlayIcon_16p2j_29",
+	testContainerStyle: "_testContainerStyle_16p2j_35"
+}, h = ({ errorCode: h, isFetchingSuggestions: g, isLongLoading: _ }) => {
+	let v = s(), [y, b] = o(!1), x = n(h), S = v.formatMessage(t.defaultLoadingMessage);
+	h && (S = x.title);
+	let C = localStorage.getItem(e);
+	_ && C === "standard" && (S = v.formatMessage(t.longLoadingTitle));
+	let w = _ && C === "standard" ? v.formatMessage(t.longLoadingDescription) : h && x.description;
+	return !g && !h || y ? null : /* @__PURE__ */ l("div", {
+		className: u(m.autofillOverlay, h && m.withError),
+		children: [
+			h ? /* @__PURE__ */ c(p, {
+				className: m.overlayIcon,
+				color: f,
+				height: d,
+				role: "presentation",
+				width: d
+			}) : /* @__PURE__ */ c(r, {
+				"aria-label": v.formatMessage(t.loadingAriaLabel),
+				"aria-live": "polite",
+				className: m.overlayIcon,
+				size: "large",
+				variant: "default"
+			}),
+			/* @__PURE__ */ c(i, {
+				as: "p",
+				className: m.autofillOverlayTitle,
+				variant: "subtitle",
+				children: S
+			}),
+			w && /* @__PURE__ */ c(i, {
+				as: "p",
+				className: m.autofillOverlayDescription,
+				color: "textOnLightSecondary",
+				variant: "bodyDefault",
+				children: w
+			}),
+			h && /* @__PURE__ */ c(a, {
+				className: m.dismissButton,
+				onClick: () => b(!0),
+				"data-target-id": "TextButton-dismissButton",
+				children: v.formatMessage(t.dismissButton)
+			})
+		]
+	});
+};
+export { h as t };

package/dist/chunks/combobox-with-api-pagination.js

@@ -0,0 +1,162 @@
+import e from "../esm/lib/components/combobox-with-api-pagination/messages.js";
+import { useAsyncList as t } from "../esm/lib/components/combobox-with-api-pagination/use-async-list.js";
+import { useControllableState as n } from "../esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js";
+import { useTrackVisibility as r } from "../esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js";
+import { Combobox as i, InlineNotice as a, LoadingIndicator as o, Text as s, useForkRef as c } from "@box/blueprint-web";
+import { Loader as l, Search as u } from "@box/blueprint-web-assets/icons/Fill";
+import { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useRef as h } from "react";
+import { FormattedMessage as g, useIntl as _ } from "react-intl";
+import { ComboboxItemValue as v } from "@ariakit/react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import S from "clsx";
+import { IconIconOnLightSecondary as C, Size1 as w, Size6 as T } from "@box/blueprint-web-assets/tokens/tokens";
+import '../styles/combobox-with-api-pagination.css';var E = {
+	container: "_container_19k3s_2",
+	disabled: "_disabled_19k3s_8",
+	highlightOptionText: "_highlightOptionText_19k3s_12",
+	selected: "_selected_19k3s_24",
+	option: "_option_19k3s_35",
+	errorComboboxOption: "_errorComboboxOption_19k3s_39",
+	errorComboboxOptionText: "_errorComboboxOptionText_19k3s_44"
+}, D = /* @__PURE__ */ d(({ onTryAgain: t }, n) => {
+	let { formatMessage: r } = _();
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(a, {
+		variant: "error",
+		variantIconAriaLabel: r(e.loadingResultsErrorIconLabel),
+		children: /* @__PURE__ */ b(g, { ...e.loadingResultsErrorMessage })
+	}), /* @__PURE__ */ b(i.Option, {
+		ref: n,
+		className: E.errorComboboxOption,
+		onClick: t,
+		children: /* @__PURE__ */ x(s, {
+			as: "span",
+			className: E.errorComboboxOptionText,
+			color: "textOnLightLink",
+			variant: "bodyDefaultBold",
+			children: [/* @__PURE__ */ b(g, { ...e.loadingResultsErrorAction }), /* @__PURE__ */ b(l, {
+				color: "currentColor",
+				height: "12px",
+				width: "12px"
+			})]
+		})
+	})] });
+}), O = "__LOADING__", k = "__LOADING_ERROR__", A = "0px 0px 20px 0px", j = /* @__PURE__ */ b(u, {
+	color: C,
+	height: T,
+	role: "presentation",
+	style: {
+		padding: w,
+		boxSizing: "border-box"
+	},
+	width: T
+}), M = /* @__PURE__ */ d(function(a, s) {
+	let { defaultFetcher: l, onInputValueChange: u, value: d, onValueChange: g, noResultMessage: y, defaultValue: x = [], loadingAriaLabel: C, multiselect: w = !1, disabled: T, className: M, displaySingleSelectionAsChip: N = !0, ...P } = a, { formatMessage: F } = _(), I = h(null), L = h(!0), R = t({ async load({ marker: e, searchInput: t, signal: n }) {
+		let r = await l({
+			signal: n,
+			marker: e,
+			searchInput: t
+		});
+		return {
+			items: r.options,
+			marker: r.marker
+		};
+	} }), z = h(!1), B = f(() => {
+		z.current ||= (R.reload(), !0);
+	}, []), [V, H] = n({
+		prop: d,
+		defaultProp: x,
+		onChange: g
+	}), U = !w && V.length === 1, W = (e) => {
+		e === void 0 ? (H([]), (!L.current || !N) && (R.search(""), L.current = !0)) : H(Array.isArray(e) ? e : [e]);
+	}, G = m(() => V.length === 0 ? w ? [] : void 0 : w ? V : V[0], [w, V]), K = m(() => V.filter((e) => !R.items.some((t) => t.value === e.value)), [V, R.items]), q = (t) => {
+		let { value: n, displayValue: r, ...a } = t;
+		if (n === O) return R.hasNextPage ? /* @__PURE__ */ b(i.Option, {
+			...a,
+			ref: Z,
+			disabled: !0,
+			value: n,
+			children: /* @__PURE__ */ b(o, {
+				"aria-label": F(e.loadingMoreAriaLabel),
+				style: { position: "unset" }
+			})
+		}) : null;
+		if (n === k && R.hasError && !R.isEmpty) return /* @__PURE__ */ b(D, { onTryAgain: () => {
+			R.loadMore(), I.current?.focus();
+		} });
+		if (K.some((e) => e.value === n)) return null;
+		let s = V.some((e) => e.value === n);
+		return /* @__PURE__ */ b(i.Option, {
+			...a,
+			className: E.option,
+			value: n,
+			children: /* @__PURE__ */ b(v, {
+				className: S(E.highlightOptionText, s && E.selected),
+				value: r || n
+			})
+		});
+	}, J = (e) => {
+		if (u?.(e), U && e === "") {
+			L.current = !1;
+			return;
+		}
+		R.search(e);
+	}, Y = () => {
+		R.reload(), I.current?.focus();
+	}, X;
+	X = R.hasError && !R.isLoading ? /* @__PURE__ */ b(D, { onTryAgain: Y }) : R.isEmpty && !R.isLoading ? y || F(e.noResults) : void 0;
+	let [Z, { rootRef: Q, isVisible: $ }] = r({ rootMargin: A });
+	p(() => {
+		if (!($ && R.hasNextPage)) return;
+		let e = setTimeout(() => {
+			R.loadMore();
+		}, 100);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [$]);
+	let ee = m(() => {
+		let e = R.hasNextPage ? {
+			displayValue: O,
+			value: O
+		} : null, t = !e && R.hasError && !R.isEmpty ? {
+			displayValue: k,
+			value: k
+		} : null;
+		return [
+			...R.items,
+			...K,
+			e,
+			t
+		].filter(Boolean);
+	}, [
+		R.hasNextPage,
+		R.hasError,
+		R.isEmpty,
+		R.items,
+		K
+	]);
+	return /* @__PURE__ */ b(i, {
+		as: "input",
+		...P,
+		ref: c(I, s),
+		className: S({ [E.disabled]: U }, M),
+		clearButtonAriaLabel: F(e.clearButtonAriaLabel),
+		disabled: T || U,
+		displaySingleSelectionAsChip: N,
+		displayValue: (e) => e.displayValue || e.value,
+		endComboboxIcon: j,
+		focusLoop: !1,
+		getPopoverRef: Q,
+		loading: R.isReloading,
+		loadingAriaLabel: C || F(e.loadingAriaLabel),
+		multiselect: w,
+		noResultMessage: X,
+		onFocus: B,
+		onInputValueChange: J,
+		onValueChange: W,
+		options: ee,
+		renderOption: q,
+		value: G
+	});
+});
+export { M as t };

package/dist/chunks/custom-instance-new-field.js

@@ -0,0 +1,60 @@
+import e from "../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/messages.js";
+import { Button as t, Card as n, TextInput as r } from "@box/blueprint-web";
+import { useState as i } from "react";
+import { useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import '../styles/custom-instance-new-field.css';var c = {
+	customInstanceNewFieldCard: "_customInstanceNewFieldCard_fcftk_1",
+	customInstanceNewFieldFooter: "_customInstanceNewFieldFooter_fcftk_6",
+	inputWrapper: "_inputWrapper_fcftk_13"
+}, l = (l) => {
+	let { onAdd: u, onCancel: d, formKeys: f = [] } = l, p = a(), [m, h] = i(""), [g, _] = i(""), [v, y] = i(""), b = f.length !== 0, x = (e) => {
+		h(e), v && y("");
+	};
+	return /* @__PURE__ */ s(n, {
+		"aria-label": p.formatMessage(e.addAttributeGroupAriaLabel),
+		className: c.customInstanceNewFieldCard,
+		"data-testid": "customInstanceNewField",
+		role: "group",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: c.inputWrapper,
+				children: /* @__PURE__ */ o(r, {
+					autoFocus: !0,
+					error: v,
+					label: p.formatMessage(e.customKeyLabel),
+					onChange: (e) => x(e.target.value),
+					placeholder: p.formatMessage(e.customKeyPlaceholder),
+					required: !0,
+					value: m
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: c.inputWrapper,
+				children: /* @__PURE__ */ o(r, {
+					label: p.formatMessage(e.valueLabel),
+					onChange: (e) => _(e.target.value),
+					placeholder: p.formatMessage(e.valuePlaceholder),
+					value: g
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: c.customInstanceNewFieldFooter,
+				children: [b && /* @__PURE__ */ o(t, {
+					onClick: d,
+					variant: "secondary",
+					"data-target-id": "Button-cancelCTA",
+					children: p.formatMessage(e.cancelCTA)
+				}), /* @__PURE__ */ o(t, {
+					onClick: () => {
+						m ? m.startsWith("$") ? y(p.formatMessage(e.customErrorInternalKey)) : f.includes(m) ? y(p.formatMessage(e.customErrorDuplicateKey)) : u(m, g) : y(p.formatMessage(e.keyFieldRequiredError));
+					},
+					variant: "primary",
+					"data-target-id": "Button-addNewFieldCTA",
+					children: p.formatMessage(e.addNewFieldCTA)
+				})]
+			})
+		]
+	});
+};
+export { l as t };

package/dist/chunks/custom-instance.js

@@ -0,0 +1,74 @@
+import { t as e } from "./custom-instance-new-field.js";
+import t from "../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/messages.js";
+import { IconButton as n, TextButton as r, TextInput as i } from "@box/blueprint-web";
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { useIntl as c } from "react-intl";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Field as d, FieldArray as f, useFormikContext as p } from "formik";
+import { Trash as m } from "@box/blueprint-web-assets/icons/Line";
+import '../styles/custom-instance.css';var h = {
+	customInstance: "_customInstance_xq8r7_1",
+	customInstanceField: "_customInstanceField_xq8r7_7",
+	customInstanceFieldInput: "_customInstanceFieldInput_xq8r7_12",
+	customInstanceFieldIcon: "_customInstanceFieldIcon_xq8r7_16"
+}, g = (g) => {
+	let { isLoading: _ } = g, { values: v } = p(), y = c(), [b, x] = s(!v.metadata.fields.length), [S, C] = s(0), w = () => {
+		C(v.metadata.fields.length);
+	}, T = (e) => {
+		C(e === 0 ? 0 : e - 1);
+	}, E = o(null);
+	return a(() => {
+		v.metadata.fields.length > 0 ? E.current.focus() : x(!0);
+	}, [S, v.metadata.fields.length]), /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(f, {
+		name: "metadata.fields",
+		children: ({ remove: a, push: o }) => /* @__PURE__ */ u("div", {
+			className: h.customInstance,
+			children: [
+				v?.metadata.fields.map((e, r) => /* @__PURE__ */ u("div", {
+					className: h.customInstanceField,
+					children: [/* @__PURE__ */ l("div", {
+						className: h.customInstanceFieldInput,
+						children: /* @__PURE__ */ l(d, {
+							name: `metadata.fields[${r}].value`,
+							children: ({ field: n, meta: a }) => /* @__PURE__ */ l(i, {
+								...n,
+								ref: r === S ? E : null,
+								disabled: _,
+								error: a.error,
+								label: e.key,
+								placeholder: y.formatMessage(t.setValuePlaceholder)
+							})
+						})
+					}), /* @__PURE__ */ l(n, {
+						"aria-label": y.formatMessage(t.removeAttribute, { fieldName: e.key }),
+						className: h.customInstanceFieldIcon,
+						disabled: _,
+						icon: m,
+						onClick: () => {
+							a(r), T(r);
+						},
+						size: "x-small",
+						"data-target-id": "IconButton-removeAttribute"
+					})]
+				}, e.key)),
+				b && /* @__PURE__ */ l(e, {
+					formKeys: v.metadata.fields.map((e) => e.key),
+					onAdd: (e, t) => {
+						o({
+							key: e,
+							value: t
+						}), w(), x(!1);
+					},
+					onCancel: () => x(!1)
+				}),
+				!b && /* @__PURE__ */ l(r, {
+					disabled: _,
+					onClick: () => x(!0),
+					"data-target-id": "TextButton-addAttribute",
+					children: y.formatMessage(t.addAttribute)
+				})
+			]
+		})
+	}) });
+};
+export { g as t };

package/dist/chunks/delete-confirmation-modal.js

@@ -0,0 +1,76 @@
+import e from "../esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/messages.js";
+import { Checkbox as t, Modal as n, Text as r, TextInput as i } from "@box/blueprint-web";
+import { useState as a } from "react";
+import { FormattedMessage as o, useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../styles/delete-confirmation-modal.css';var u = { modalBody: "_modalBody_1wc7x_1" }, d = ({ onConfirm: d, templateName: f, onDismiss: p, open: m, isCheckboxEnabled: h }) => {
+	let g = s(), [_, v] = a(""), [y, b] = a(!1), x = (e) => {
+		e || (p(), v(""), b(!1));
+	}, S = f || g.formatMessage(e.deleteConfirmationModalCustomMetadata), C = _ === S, w = () => {
+		b(!y);
+	}, T = () => {
+		d(), x(!1);
+	};
+	return /* @__PURE__ */ c(n, {
+		onOpenChange: x,
+		open: m,
+		children: /* @__PURE__ */ l(n.Content, {
+			onEscapeKeyDown: (e) => e.stopPropagation(),
+			size: "small",
+			children: [
+				/* @__PURE__ */ c(n.Header, {
+					"aria-label": g.formatMessage(e.deleteConfirmationModalHeaderAriaLabel),
+					children: /* @__PURE__ */ c(o, {
+						...e.deleteConfirmationModalHeader,
+						values: { templateName: S }
+					})
+				}),
+				/* @__PURE__ */ c(n.ScrollableContainer, { children: /* @__PURE__ */ l(n.Body, {
+					className: u.modalBody,
+					children: [
+						/* @__PURE__ */ c(r, {
+							as: "p",
+							children: h ? /* @__PURE__ */ c(o, {
+								...e.deleteConfirmationModalBodyFirstParagraphCheckboxVersion,
+								values: { templateName: S }
+							}) : /* @__PURE__ */ c(o, {
+								...e.deleteConfirmationModalBodyFirstParagraph,
+								values: { templateName: S }
+							})
+						}),
+						!h && /* @__PURE__ */ c(r, {
+							as: "p",
+							children: /* @__PURE__ */ c(o, { ...e.deleteConfirmationModalBodySecondParagraph })
+						}),
+						h ? /* @__PURE__ */ c(t.Item, {
+							checked: y,
+							"data-resin-target": "checkbox",
+							label: g.formatMessage(e.deleteConfirmationModalBodyCheckboxLabel),
+							onCheckedChange: w,
+							value: "overageCheckbox"
+						}) : /* @__PURE__ */ c(i, {
+							label: g.formatMessage(e.deleteConfirmationModalBodyInputFieldLabel),
+							onChange: (e) => v(e.target.value),
+							placeholder: S,
+							required: !0,
+							value: _
+						})
+					]
+				}) }),
+				/* @__PURE__ */ l(n.Footer, { children: [/* @__PURE__ */ c(n.Footer.SecondaryButton, {
+					onClick: () => x(!1),
+					size: "large",
+					"data-target-id": "Modal.Footer.SecondaryButton-deleteConfirmationModalCancelButton",
+					children: g.formatMessage(e.deleteConfirmationModalCancelButton)
+				}), /* @__PURE__ */ c(n.Footer.PrimaryButton, {
+					disabled: h ? !y : !C,
+					onClick: T,
+					size: "large",
+					children: g.formatMessage(h ? e.deleteConfirmationModalConfirmButtonCheckboxVersion : e.deleteConfirmationModalConfirmButton)
+				})] }),
+				/* @__PURE__ */ c(n.Close, { "aria-label": g.formatMessage(e.deleteConfirmationModalDismissButton) })
+			]
+		})
+	});
+};
+export { d as t };

package/dist/chunks/field-action-bar.module.js

@@ -1,9 +1,7 @@
-import '../styles/field-action-bar.css';const r = "_wrapperGradient_9h730_1", t = "_wrapper_9h730_1", e = "_buttons_9h730_25", a = "_loader_9h730_30", p = {
-  wrapperGradient: r,
-  wrapper: t,
-  buttons: e,
-  loader: a
-};
-export {
-  p as s
+import '../styles/field-action-bar.css';var e = {
+	wrapperGradient: "_wrapperGradient_9h730_1",
+	wrapper: "_wrapper_9h730_1",
+	buttons: "_buttons_9h730_25",
+	loader: "_loader_9h730_30"
 };
+export { e as t };

package/dist/chunks/filter-dropdown-menu.module.js

@@ -1,14 +1,15 @@
-import '../styles/filter-dropdown-menu.css';const o = "_content_pp0ox_2", c = "_scrollableContainer_pp0ox_21", e = "_item_pp0ox_26", n = "_option_pp0ox_36", t = "_search_pp0ox_57", s = "_searchIcon_pp0ox_62", r = "_clearSearchIcon_pp0ox_76", _ = "_searchInput_pp0ox_84", a = "_searchDivider_pp0ox_138", p = {
-  content: o,
-  scrollableContainer: c,
-  item: e,
-  option: n,
-  search: t,
-  searchIcon: s,
-  clearSearchIcon: r,
-  searchInput: _,
-  searchDivider: a
-};
-export {
-  p as s
+import '../styles/filter-dropdown-menu.css';var e = {
+	content: "_content_pp0ox_2",
+	scrollableContainer: "_scrollableContainer_pp0ox_21",
+	item: "_item_pp0ox_26",
+	option: "_option_pp0ox_36",
+	search: "_search_pp0ox_57",
+	searchIcon: "_searchIcon_pp0ox_62",
+	global: "_global_pp0ox_71",
+	clearSearchIcon: "_clearSearchIcon_pp0ox_76",
+	searchInput: "_searchInput_pp0ox_84",
+	firefoxDefaultOpacityFix: "_firefoxDefaultOpacityFix_pp0ox_116",
+	divider: "_divider_pp0ox_134",
+	searchDivider: "_searchDivider_pp0ox_138"
 };
+export { e as t };

package/dist/chunks/filter-instances-dropdown.js

@@ -0,0 +1,84 @@
+import { getTemplateDisplayName as e, getVisibleTemplates as t } from "../esm/lib/utils/utils.js";
+import n from "../esm/lib/components/filter-instances-dropdown/messages.js";
+import { Divider as r, ScrollableContainer as i, Text as a, TriggerButton as o } from "@box/blueprint-web";
+import { Checkmark as s } from "@box/blueprint-web-assets/icons/Fill";
+import { Space1 as c } from "@box/blueprint-web-assets/tokens/px-tokens";
+import { useEffect as l } from "react";
+import { useIntl as u } from "react-intl";
+import { Select as d, SelectItem as f, SelectItemCheck as p, SelectPopover as m, SelectProvider as h } from "@ariakit/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "clsx";
+import '../styles/filter-instances-dropdown.css';var y = {
+	details: "_details_106jz_2",
+	triggerContainer: "_triggerContainer_106jz_6",
+	triggerButton: "_triggerButton_106jz_11",
+	popover: "_popover_106jz_17",
+	divider: "_divider_106jz_34",
+	scrollableContainer: "_scrollableContainer_106jz_37",
+	item: "_item_106jz_41",
+	indicator: "_indicator_106jz_68",
+	indicatorIcon: "_indicatorIcon_106jz_77",
+	testContainer: "_testContainer_106jz_81"
+}, b = parseInt(c, 10);
+function x({ appliedTemplates: c, selectedTemplates: x, setSelectedTemplates: S }) {
+	let C = u(), w = C.formatMessage(n.customMetadataName), T = t(c), E = x.length, D = T.length, O = E === 0 ? C.formatMessage(n.allTemplatesTriggerButtonText) : C.formatMessage(n.selectedTemplatesTriggerButtonText, {
+		selectedTemplatesNumber: E,
+		visibleTemplatesNumber: D
+	});
+	return l(() => {
+		E === D && S([]);
+	}, [E, D]), /* @__PURE__ */ _(h, {
+		setValue: S,
+		value: x,
+		children: [/* @__PURE__ */ _("div", {
+			className: y.triggerContainer,
+			children: [/* @__PURE__ */ g(d, { render: /* @__PURE__ */ g(o, {
+				caretDirection: "down",
+				className: y.triggerButton,
+				label: O,
+				size: "small",
+				variant: "tertiary",
+				"data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
+			}) }), T.length > 0 && /* @__PURE__ */ g(a, {
+				as: "p",
+				className: y.details,
+				color: "textOnLightSecondary",
+				"data-testid": "detailsList",
+				variant: "caption",
+				children: T.filter((e) => x.some((t) => t === e.id)).map((t) => e(t, w)).join(", ")
+			})]
+		}), /* @__PURE__ */ g(m, {
+			className: y.popover,
+			gutter: b,
+			children: /* @__PURE__ */ _(i, {
+				className: y.scrollableContainer,
+				children: [
+					/* @__PURE__ */ _(f, {
+						autoFocus: E === 0,
+						className: y.item,
+						hideOnClick: !0,
+						onClick: () => {
+							S([]);
+						},
+						children: [E === 0 && /* @__PURE__ */ g(s, { className: v(y.indicator, y.indicatorIcon) }), C.formatMessage(n.allTemplatesTriggerButtonText)]
+					}),
+					/* @__PURE__ */ g(r, { className: y.divider }),
+					T.map((t) => /* @__PURE__ */ _(f, {
+						className: y.item,
+						hideOnClick: !0,
+						value: t.id,
+						children: [/* @__PURE__ */ g(p, {
+							className: y.indicator,
+							style: {
+								width: "none",
+								height: "none"
+							},
+							children: /* @__PURE__ */ g(s, { className: y.indicatorIcon })
+						}), e(t, w)]
+					}, t.id))
+				]
+			})
+		})]
+	});
+}
+export { x as t };

package/dist/chunks/interactive-header-text.js

@@ -0,0 +1,19 @@
+import { Text as e, Tooltip as t, useIsEllipsized as n } from "@box/blueprint-web";
+import { useRef as r } from "react";
+import { Focusable as i } from "@ariakit/react";
+import { jsx as a } from "react/jsx-runtime";
+import o from "clsx";
+import '../styles/interactive-header-text.css';var s = { header: "_header_qqeyd_1" }, c = ({ className: c, title: l }) => {
+	let u = r(null), d = n(u), f = /* @__PURE__ */ a(i, { render: /* @__PURE__ */ a(e, {
+		ref: u,
+		as: "h4",
+		className: o(s.header, c),
+		variant: "titleMedium",
+		children: l
+	}) });
+	return d ? /* @__PURE__ */ a(t, {
+		content: l,
+		children: f
+	}) : f;
+};
+export { c as t };