@box/metadata-editor 2.2.32 → 2.3.1

package/dist/chunks/metadata-instance.js

@@ -5,17 +5,17 @@ import { MetadataInstanceReviewNotice as r } from "../esm/lib/components/metadat
 import { t as i } from "./metadata-instance-content.js";
 import { t as a } from "./metadata-instance-footer.js";
 import { t as o } from "./metadata-instance-header.js";
-import { Card as s, Divider as c } from "@box/blueprint-web";
-import { useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Card as d, Divider as f } from "@box/blueprint-web";
 import '../styles/metadata-instance.css';var p = {
 	topDivider: "_topDivider_1xnom_1",
 	reviewNotice: "_reviewNotice_1xnom_5",
 	bottomDivider: "_bottomDivider_1xnom_9"
 }, m = ({ areAiSuggestionsAvailable: m, isAiSuggestionsFeatureEnabled: h, isBetaLanguageEnabled: g, onEdit: _, onSelectMetadataField: v, selectedMetadataFieldId: y, templateInstance: b, taxonomyNodeFetcher: x, isAdvancedExtractAgentEnabled: S = !1, isConfidenceScoreReviewEnabled: C = !1, isBoundingBoxEnabled: w = !1 }) => {
-	let T = b.fields, E = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, D = T.every(E), O = T.some(E), k = T.length > 0, A = n(T).length, j = C && A > 0 && b.canEdit, [M, N] = l(!0), { getAiSuggestions: P } = t();
-	return /* @__PURE__ */ f(s, { children: [
-		/* @__PURE__ */ d(o, {
+	let T = b.fields, E = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, D = T.every(E), O = T.some(E), k = T.length > 0, A = n(T).length, j = C && A > 0 && b.canEdit, [M, N] = s(!0), { getAiSuggestions: P } = t();
+	return /* @__PURE__ */ u(d, { children: [
+		/* @__PURE__ */ l(o, {
 			areAiSuggestionsAvailable: m,
 			canEdit: b.canEdit,
 			isAdvancedExtractAgentEnabled: S,
@@ -27,22 +27,22 @@ import '../styles/metadata-instance.css';var p = {
 			onEdit: () => _(b),
 			templateName: b?.displayName
 		}),
-		/* @__PURE__ */ d(c, { className: p.topDivider }),
-		j && /* @__PURE__ */ d("div", {
+		/* @__PURE__ */ l(f, { className: p.topDivider }),
+		j && /* @__PURE__ */ l("div", {
 			className: p.reviewNotice,
-			children: /* @__PURE__ */ d(r, {
+			children: /* @__PURE__ */ l(r, {
 				fieldsNeedingReviewCount: A,
 				onTextToggleClick: () => {
 					_(b, !0);
 				}
 			})
 		}),
-		M && D ? /* @__PURE__ */ d(e, {
+		M && D ? /* @__PURE__ */ l(e, {
 			isAnyEmptyValueHidden: k,
 			isBoxAiSuggestionsFeatureEnabled: h,
 			level: "instance",
 			onShowEmptyValues: () => N(!1)
-		}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(i, {
+		}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(i, {
 			isConfidenceScoreReviewEnabled: C,
 			isBoundingBoxEnabled: w,
 			onSelectMetadataField: v,
@@ -50,7 +50,7 @@ import '../styles/metadata-instance.css';var p = {
 			shouldHideEmptyValues: M,
 			taxonomyNodeFetcher: x,
 			templateInstance: b
-		}), O && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(c, { className: p.bottomDivider }), /* @__PURE__ */ d(a, {
+		}), O && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(f, { className: p.bottomDivider }), /* @__PURE__ */ l(a, {
 			isAnyEmptyValueHidden: M,
 			onHideEmptyValues: () => N(!0),
 			onShowEmptyValues: () => N(!1)

package/dist/chunks/taxonomy-ancestor-status-pill.js

@@ -1,9 +1,9 @@
 import e from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js";
-import { FilterChip as t, InlineNotice as n, LoadingIndicator as r, Popover as i, TextButton as a } from "@box/blueprint-web";
-import { Loader as o } from "@box/blueprint-web-assets/icons/Fill";
-import { useState as s } from "react";
-import { FormattedMessage as c, useIntl as l } from "react-intl";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { FormattedMessage as n, useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FilterChip as o, InlineNotice as s, LoadingIndicator as c, Popover as l, TextButton as u } from "@box/blueprint-web";
+import { Loader as d } from "@box/blueprint-web-assets/icons/Fill";
 import f from "lodash/orderBy";
 import '../styles/taxonomy-ancestor-status-pill.css';var p = {
 	popoverContentContainer: "_popoverContentContainer_161fk_27",
@@ -22,7 +22,7 @@ import '../styles/taxonomy-ancestor-status-pill.css';var p = {
 	(e.key === "ArrowLeft" || e.key === "ArrowRight") && e.stopPropagation();
 };
 function _({ taxonomyNodeFetcher: _, scope: v, taxonomyKey: y, value: b, displayValue: x }) {
-	let { formatMessage: S } = l(), [C, w] = s([]), [T, E] = s(!1), [D, O] = s(!1), [k, A] = s(!1), j = f(C, (e) => e.level), M = async () => {
+	let { formatMessage: S } = r(), [C, w] = t([]), [T, E] = t(!1), [D, O] = t(!1), [k, A] = t(!1), j = f(C, (e) => e.level), M = async () => {
 		E(!0), O(!1), A(!0);
 		try {
 			w(await _(v, y, b));
@@ -32,10 +32,10 @@ function _({ taxonomyNodeFetcher: _, scope: v, taxonomyKey: y, value: b, display
 			E(!1);
 		}
 	};
-	return /* @__PURE__ */ d(i.Root, {
+	return /* @__PURE__ */ a(l.Root, {
 		onOpenChange: A,
 		open: k,
-		children: [/* @__PURE__ */ u(i.Trigger, { children: /* @__PURE__ */ u(t.ChipButton, {
+		children: [/* @__PURE__ */ i(l.Trigger, { children: /* @__PURE__ */ i(o.ChipButton, {
 			"aria-checked": void 0,
 			className: p.taxonomyValueButton,
 			disabled: !_,
@@ -43,45 +43,45 @@ function _({ taxonomyNodeFetcher: _, scope: v, taxonomyKey: y, value: b, display
 			onKeyDown: g,
 			role: void 0,
 			value: x,
-			children: /* @__PURE__ */ u(t.Label, {
+			children: /* @__PURE__ */ i(o.Label, {
 				className: p.taxonomyValueLabel,
 				children: x
 			})
-		}) }), /* @__PURE__ */ u(i.ContentContainer, {
+		}) }), /* @__PURE__ */ i(l.ContentContainer, {
 			align: "start",
 			className: p.popoverContentContainer,
 			collisionPadding: m,
 			onEscapeKeyDown: h,
-			children: /* @__PURE__ */ d(i.MainContent, {
+			children: /* @__PURE__ */ a(l.MainContent, {
 				className: p.popoverMainContent,
 				children: [
-					D && /* @__PURE__ */ d("div", {
+					D && /* @__PURE__ */ a("div", {
 						className: p.errorMessageWrapper,
-						children: [/* @__PURE__ */ u(n, {
+						children: [/* @__PURE__ */ i(s, {
 							variant: "error",
 							variantIconAriaLabel: S(e.loadingResultsErrorIconLabel),
-							children: /* @__PURE__ */ u(c, { ...e.loadingResultsErrorMessage })
-						}), /* @__PURE__ */ u(a, {
+							children: /* @__PURE__ */ i(n, { ...e.loadingResultsErrorMessage })
+						}), /* @__PURE__ */ i(u, {
 							className: p.errorMessageWrapperText,
-							icon: o,
+							icon: d,
 							onClick: M,
 							"data-target-id": "TextButton-loadingResultsErrorAction",
 							children: S(e.loadingResultsErrorAction)
 						})]
 					}),
-					T && /* @__PURE__ */ u("div", {
+					T && /* @__PURE__ */ i("div", {
 						className: p.loadingIndicatorWrapper,
-						children: /* @__PURE__ */ u(r, {
+						children: /* @__PURE__ */ i(c, {
 							"aria-label": S(e.loadingAriaLabel),
 							size: "large"
 						})
 					}),
-					!D && !T && /* @__PURE__ */ u("table", {
+					!D && !T && /* @__PURE__ */ i("table", {
 						className: p.taxonomyAncestorTable,
-						children: /* @__PURE__ */ u("tbody", { children: j.map((t) => /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("th", {
+						children: /* @__PURE__ */ i("tbody", { children: j.map((t) => /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
 							scope: "row",
 							children: t.levelName
-						}), /* @__PURE__ */ u("td", { children: t.levelValue || /* @__PURE__ */ u(c, { ...e.emptyAncestorLevelValue }) })] }, t.id || t.level)) })
+						}), /* @__PURE__ */ i("td", { children: t.levelValue || /* @__PURE__ */ i(n, { ...e.emptyAncestorLevelValue }) })] }, t.id || t.level)) })
 					})
 				]
 			})

package/dist/chunks/update-mode-field-wrapper.js

@@ -1,12 +1,12 @@
 import { MULTI_VALUE_DEFAULT_OPTION as e } from "../esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
 import { r as t } from "./types.js";
 import { messages as n } from "../esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/messages.js";
-import { IconButton as r, Radio as i } from "@box/blueprint-web";
-import { Settings as a, XMark as o } from "@box/blueprint-web-assets/icons/Fill";
-import s from "react";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import d from "clsx";
+import r from "react";
+import { useIntl as i } from "react-intl";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "clsx";
+import { IconButton as c, Radio as l } from "@box/blueprint-web";
+import { Settings as u, XMark as d } from "@box/blueprint-web-assets/icons/Fill";
 import { Field as f, getIn as p, useFormikContext as m } from "formik";
 import '../styles/update-mode-field-wrapper.css';var h = {
 	wrapperContianer: "_wrapperContianer_19nqy_1",
@@ -17,57 +17,57 @@ import '../styles/update-mode-field-wrapper.css';var h = {
 	additionalFieldContainer: "_additionalFieldContainer_19nqy_23",
 	hidden: "_hidden_19nqy_27"
 }, g = (e) => e === t.ReplaceEntered, _ = (e, t) => e === "string" || e === "multiSelect" || t, v = ({ children: v, fieldNamePrefix: y, fieldType: b, isTaxonomyMultiSelect: x }) => {
-	let { setFieldValue: S, values: C } = m(), w = c(), T = `${y}.updateMode.mode`, E = p(C, T), D = v && s.Children.only(v), O = p(C, `${y}.options`, []).filter((t) => t.id !== e.id).map(({ key: e }) => e), k = p(C, `${y}.updateMode.isOpened`);
-	return /* @__PURE__ */ u("div", {
+	let { setFieldValue: S, values: C } = m(), w = i(), T = `${y}.updateMode.mode`, E = p(C, T), D = v && r.Children.only(v), O = p(C, `${y}.options`, []).filter((t) => t.id !== e.id).map(({ key: e }) => e), k = p(C, `${y}.updateMode.isOpened`);
+	return /* @__PURE__ */ o("div", {
 		className: h.wrapperContianer,
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: h.fieldContainer,
-			children: [/* @__PURE__ */ l("span", {
+			children: [/* @__PURE__ */ a("span", {
 				className: h.field,
 				children: v
-			}), /* @__PURE__ */ l(r, {
+			}), /* @__PURE__ */ a(c, {
 				"aria-label": w.formatMessage(n.toggleUpdateModeSelectiorAriaLabel),
 				className: h.collapseButton,
 				"data-testid": `${D.props.label}-update-mode-toggle`,
-				icon: k ? o : a,
+				icon: k ? d : u,
 				onClick: () => {
 					S(`${y}.updateMode.isOpened`, !k);
 				},
 				size: "small",
 				"data-target-id": "IconButton-toggleUpdateModeSelectiorAriaLabel"
 			})]
-		}), /* @__PURE__ */ u("div", {
-			className: d(h.radioContainer, { [h.hidden]: !k }),
-			children: [/* @__PURE__ */ l(f, {
+		}), /* @__PURE__ */ o("div", {
+			className: s(h.radioContainer, { [h.hidden]: !k }),
+			children: [/* @__PURE__ */ a(f, {
 				name: `${y}.updateMode.mode`,
-				children: ({ field: e }) => /* @__PURE__ */ u(i.Group, {
+				children: ({ field: e }) => /* @__PURE__ */ o(l.Group, {
 					"data-testid": `${D.props.label}-radio-group`,
 					loop: !0,
 					onValueChange: (e) => S(T, e),
 					orientation: "vertical",
 					value: e.value,
 					children: [
-						_(b, x) && /* @__PURE__ */ l(i.Item, {
+						_(b, x) && /* @__PURE__ */ a(l.Item, {
 							label: w.formatMessage(n.append),
 							value: t.Append
 						}),
-						/* @__PURE__ */ l(i.Item, {
+						/* @__PURE__ */ a(l.Item, {
 							label: w.formatMessage(n.clearAndReplace),
 							value: t.ClearAndReplace
 						}),
-						/* @__PURE__ */ l(i.Item, {
+						/* @__PURE__ */ a(l.Item, {
 							label: w.formatMessage(n.removeEntered),
 							value: t.RemoveEntered
 						}),
-						/* @__PURE__ */ l(i.Item, {
+						/* @__PURE__ */ a(l.Item, {
 							label: w.formatMessage(n.replaceEntered),
 							value: t.ReplaceEntered
 						})
 					]
 				})
-			}), g(E) && D && /* @__PURE__ */ l("div", {
+			}), g(E) && D && /* @__PURE__ */ a("div", {
 				className: h.additionalFieldContainer,
-				children: /*#__PURE__*/ s.cloneElement(D, {
+				children: /*#__PURE__*/ r.cloneElement(D, {
 					updateModePrefix: `${y}.updateMode`,
 					options: O,
 					label: w.formatMessage(n.with)

package/dist/chunks/utils.js

@@ -3,11 +3,11 @@ import { convertISOStringtoRFC3339String as t } from "../esm/lib/utils/convertDa
 import { t as n } from "./interactive-text.module.js";
 import { AiLogoBadge as r } from "../esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js";
 import { LowConfidenceBadge as i } from "../esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js";
-import { Tooltip as a, useForkRef as o, useIsEllipsized as s } from "@box/blueprint-web";
-import { createElement as c, memo as l, useRef as u } from "react";
-import { Focusable as d } from "@ariakit/react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "clsx";
+import { createElement as a, memo as o, useRef as s } from "react";
+import { Focusable as c } from "@ariakit/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "clsx";
+import { Tooltip as f, useForkRef as p, useIsEllipsized as m } from "@box/blueprint-web";
 import '../styles/utils.css';var h = {
 	noAttributesText: "_noAttributesText_1o3kr_2",
 	fieldWrapper: "_fieldWrapper_1o3kr_6",
@@ -22,58 +22,58 @@ import '../styles/utils.css';var h = {
 	labelTruncated: "_labelTruncated_1o3kr_105",
 	labelTooltipStack: "_labelTooltipStack_1o3kr_113"
 };
-function g({ as: e, fieldDescription: t, fieldName: r, labelClassName: i, labelRef: l, ...h }) {
-	let g = u(null), _ = o(g, l);
-	return /* @__PURE__ */ f(a, {
-		content: s(g) ? /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", { children: r }), /* @__PURE__ */ f("div", { children: t })] }) : t,
-		children: /* @__PURE__ */ f(d, { render: /*#__PURE__*/ c(e, {
-			className: m(i, n.interactiveTextHint),
+function g({ as: e, fieldDescription: t, fieldName: r, labelClassName: i, labelRef: o, ...h }) {
+	let g = s(null), _ = p(g, o);
+	return /* @__PURE__ */ l(f, {
+		content: m(g) ? /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", { children: r }), /* @__PURE__ */ l("div", { children: t })] }) : t,
+		children: /* @__PURE__ */ l(c, { render: /*#__PURE__*/ a(e, {
+			className: d(i, n.interactiveTextHint),
 			...h,
 			ref: _
 		}, r) })
 	});
 }
 function _({ as: e, fieldName: t, labelClassName: n, labelRef: r, ...i }) {
-	let l = u(null), p = o(l, r), m = s(l) ? t : void 0, h = /*#__PURE__*/ c(e, {
+	let o = s(null), u = p(o, r), d = m(o) ? t : void 0, h = /*#__PURE__*/ a(e, {
 		className: n,
 		...i,
-		ref: p
+		ref: u
 	}, t);
-	return m ? /* @__PURE__ */ f(a, {
-		content: m,
-		children: /* @__PURE__ */ f(d, { render: h })
+	return d ? /* @__PURE__ */ l(f, {
+		content: d,
+		children: /* @__PURE__ */ l(c, { render: h })
 	}) : h;
 }
-var v = /*#__PURE__*/ l(function({ fieldName: t, fieldDescription: n, isAiSuggestionApplied: a, as: o, confidenceScore: s, labelProps: c }) {
-	let { className: l, ref: u, ...d } = c, v = m(l || h.labelText, h.labelTruncated), y = !!s && e(s), b = () => s && y ? /* @__PURE__ */ f(i, {}) : a || s ? /* @__PURE__ */ f(r, { confidenceScore: s }) : null, x = n ? /* @__PURE__ */ f(g, {
+var v = /*#__PURE__*/ o(function({ fieldName: t, fieldDescription: n, isAiSuggestionApplied: a, as: o, confidenceScore: s, labelProps: c }) {
+	let { className: f, ref: p, ...m } = c, v = d(f || h.labelText, h.labelTruncated), y = !!s && e(s), b = () => s && y ? /* @__PURE__ */ l(i, {}) : a || s ? /* @__PURE__ */ l(r, { confidenceScore: s }) : null, x = n ? /* @__PURE__ */ l(g, {
 		as: o,
 		fieldDescription: n,
 		fieldName: t,
 		labelClassName: v,
-		labelRef: u,
-		...d
-	}) : /* @__PURE__ */ f(_, {
+		labelRef: p,
+		...m
+	}) : /* @__PURE__ */ l(_, {
 		as: o,
 		fieldName: t,
 		labelClassName: v,
-		labelRef: u,
-		...d
+		labelRef: p,
+		...m
 	});
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ u("div", {
 		className: h.labelWrapper,
 		children: [x, b()]
 	});
 }, (e, t) => {
 	let n = e.labelProps, r = t.labelProps;
 	return e.fieldName === t.fieldName && e.fieldDescription === t.fieldDescription && e.isAiSuggestionApplied === t.isAiSuggestionApplied && e.confidenceScore === t.confidenceScore && e.as === t.as && n.className === r.className && n.htmlFor === r.htmlFor && n.id === r.id;
-}), y = (e, t, n = !1, r = "label", i) => (a) => /* @__PURE__ */ f(v, {
+}), y = (e, t, n = !1, r = "label", i) => (a) => /* @__PURE__ */ l(v, {
 	as: r,
 	confidenceScore: i,
 	fieldDescription: t,
 	fieldName: e,
 	isAiSuggestionApplied: n,
 	labelProps: a
-}), b = (e, t, n = !1, r) => /* @__PURE__ */ f(v, {
+}), b = (e, t, n = !1, r) => /* @__PURE__ */ l(v, {
 	as: "span",
 	confidenceScore: r,
 	fieldDescription: t,

package/dist/esm/index.js

@@ -1,24 +1,25 @@
 import { FilterDropdownMenu as e } from "./lib/components/filter-dropdown-menu/index.js";
-import { t } from "../chunks/add-metadata-template-dropdown.js";
+import { AddMetadataTemplateDropdown as t } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
+import { t as n } from "../chunks/add-metadata-template-dropdown-with-browser.js";
 import "./lib/components/add-metadata-template-dropdown/index.js";
-import { t as n } from "../chunks/combobox-with-api-pagination.js";
+import { t as r } from "../chunks/combobox-with-api-pagination.js";
 import "./lib/components/combobox-with-api-pagination/index.js";
-import { t as r } from "../chunks/filter-instances-dropdown.js";
+import { t as i } from "../chunks/filter-instances-dropdown.js";
 import "./lib/components/filter-instances-dropdown/index.js";
-import { MULTI_VALUE_DEFAULT_OPTION as i, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as a, MULTI_VALUE_DEFAULT_VALUE as o } from "./lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
-import { MetadataEmptyState as s } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
-import { AutofillContext as c, AutofillContextProvider as l, TIMEOUT_10_SECONDS as u, useAutofill as d } from "./lib/utils/autofill-context.js";
-import { n as f, r as p, t as m } from "../chunks/types.js";
-import { UnsavedChangesModal as h } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { t as g } from "../chunks/custom-instance-new-field.js";
-import { t as _ } from "../chunks/delete-confirmation-modal.js";
-import { r as v } from "../chunks/utils2.js";
-import { t as y } from "../chunks/metadata-instance-form-autofill-button.js";
-import { t as b } from "../chunks/metadata-instance-form-header.js";
-import { MetadataInstanceForm as x } from "./lib/components/metadata-instance-editor/index.js";
-import { t as S } from "../chunks/metadata-instance-header.js";
-import { MetadataInstance as C, MetadataInstanceList as w } from "./lib/components/metadata-instance-list/index.js";
-import { defaultInitialValues as T, defaultMetadataValueMap as E } from "./lib/defaults.js";
-import { t as D } from "../chunks/metadata-editor.js";
-import { withApiWrapper as O } from "./lib/utils/api-wrapper.js";
-export { t as AddMetadataTemplateDropdown, m as AiSuggestionState, c as AutofillContext, l as AutofillContextProvider, n as ComboboxWithApiPagination, f as ConfidenceLevel, g as CustomInstanceNewField, _ as DeleteConfirmationModal, e as FilterDropdownMenu, r as FilterInstancesDropdown, v as JSONPatchOp, i as MULTI_VALUE_DEFAULT_OPTION, a as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION, o as MULTI_VALUE_DEFAULT_VALUE, D as MetadataEditor, s as MetadataEmptyState, C as MetadataInstance, x as MetadataInstanceForm, y as MetadataInstanceFormAutofillButton, b as MetadataInstanceFormHeader, S as MetadataInstanceHeader, w as MetadataInstanceList, u as TIMEOUT_10_SECONDS, h as UnsavedChangesModal, p as UpdateMode, T as defaultInitialValues, E as defaultMetadataValueMap, d as useAutofill, O as withApiWrapper };
+import { MULTI_VALUE_DEFAULT_OPTION as a, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as o, MULTI_VALUE_DEFAULT_VALUE as s } from "./lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
+import { MetadataEmptyState as c } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
+import { AutofillContext as l, AutofillContextProvider as u, TIMEOUT_10_SECONDS as d, useAutofill as f } from "./lib/utils/autofill-context.js";
+import { n as p, r as m, t as h } from "../chunks/types.js";
+import { UnsavedChangesModal as g } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { t as _ } from "../chunks/custom-instance-new-field.js";
+import { t as v } from "../chunks/delete-confirmation-modal.js";
+import { r as y } from "../chunks/utils2.js";
+import { t as b } from "../chunks/metadata-instance-form-autofill-button.js";
+import { t as x } from "../chunks/metadata-instance-form-header.js";
+import { MetadataInstanceForm as S } from "./lib/components/metadata-instance-editor/index.js";
+import { t as C } from "../chunks/metadata-instance-header.js";
+import { MetadataInstance as w, MetadataInstanceList as T } from "./lib/components/metadata-instance-list/index.js";
+import { defaultInitialValues as E, defaultMetadataValueMap as D } from "./lib/defaults.js";
+import { t as O } from "../chunks/metadata-editor.js";
+import { withApiWrapper as k } from "./lib/utils/api-wrapper.js";
+export { t as AddMetadataTemplateDropdown, n as AddMetadataTemplateDropdownWithBrowser, h as AiSuggestionState, l as AutofillContext, u as AutofillContextProvider, r as ComboboxWithApiPagination, p as ConfidenceLevel, _ as CustomInstanceNewField, v as DeleteConfirmationModal, e as FilterDropdownMenu, i as FilterInstancesDropdown, y as JSONPatchOp, a as MULTI_VALUE_DEFAULT_OPTION, o as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION, s as MULTI_VALUE_DEFAULT_VALUE, O as MetadataEditor, c as MetadataEmptyState, w as MetadataInstance, S as MetadataInstanceForm, b as MetadataInstanceFormAutofillButton, x as MetadataInstanceFormHeader, C as MetadataInstanceHeader, T as MetadataInstanceList, d as TIMEOUT_10_SECONDS, g as UnsavedChangesModal, m as UpdateMode, E as defaultInitialValues, D as defaultMetadataValueMap, f as useAutofill, k as withApiWrapper };

package/dist/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown-with-browser.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../../chunks/add-metadata-template-dropdown-with-browser.js";
+export { e as AddMetadataTemplateDropdownWithBrowser };

package/dist/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js

@@ -1,2 +1,24 @@
-import { t as e } from "../../../../chunks/add-metadata-template-dropdown.js";
-export { e as AddMetadataTemplateDropdown };
+import { getTemplateDisplayName as e } from "../../utils/utils.js";
+import { FilterDropdownMenu as t } from "../filter-dropdown-menu/index.js";
+import n from "./messages.js";
+import { DropdownTrigger as r } from "./shared/dropdown-trigger.js";
+import { useMemo as i, useState as a } from "react";
+import { useIntl as o } from "react-intl";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+function l({ availableTemplates: l, onSelect: u, selectedTemplates: d }) {
+	let f = o(), p = f.formatMessage(n.customMetadataName), [m, h] = a(""), g = i(() => l.filter((t) => e(t, p).toLowerCase().includes(m.toLowerCase())), [
+		l,
+		m,
+		p
+	]), _ = m.length > 0 && g.length === 0, v = (e) => d.some((t) => t.scope === e.scope && t.templateKey === e.templateKey);
+	return /* @__PURE__ */ c(t.Root, {
+		resetValueOnHide: !0,
+		setValue: h,
+		children: [/* @__PURE__ */ s(r, {}), /* @__PURE__ */ c(t.Content, { children: [/* @__PURE__ */ s(t.Search, { placeholder: f.formatMessage(n.addMetadataTemplatesSearchPlaceholder) }), /* @__PURE__ */ s(t.List, { children: _ ? /* @__PURE__ */ s(t.EmptyState, {}) : g.map((n) => /* @__PURE__ */ s(t.Item, {
+			disabled: v(n),
+			onClick: () => u(n),
+			value: e(n, p)
+		}, n.id)) })] })]
+	});
+}
+export { l as AddMetadataTemplateDropdown };

package/dist/esm/lib/components/add-metadata-template-dropdown/index.js

@@ -1,2 +1,3 @@
-import { t as e } from "../../../../chunks/add-metadata-template-dropdown.js";
-export { e as AddMetadataTemplateDropdown };
+import { AddMetadataTemplateDropdown as e } from "./add-metadata-template-dropdown.js";
+import { t } from "../../../../chunks/add-metadata-template-dropdown-with-browser.js";
+export { e as AddMetadataTemplateDropdown, t as AddMetadataTemplateDropdownWithBrowser };

package/dist/esm/lib/components/add-metadata-template-dropdown/shared/dropdown-trigger.js

@@ -0,0 +1,16 @@
+import { FilterDropdownMenu as e } from "../../filter-dropdown-menu/index.js";
+import t from "../messages.js";
+import { useIntl as n } from "react-intl";
+import { jsx as r } from "react/jsx-runtime";
+import { IconButton as i } from "@box/blueprint-web";
+import { Plus as a } from "@box/blueprint-web-assets/icons/Fill";
+function o() {
+	let o = n();
+	return /* @__PURE__ */ r(e.Trigger, { triggerButton: /* @__PURE__ */ r(i, {
+		"aria-label": o.formatMessage(t.addMetadataTemplatesTriggerButtonLabel),
+		icon: a,
+		size: "x-small",
+		"data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
+	}) });
+}
+export { o as DropdownTrigger };

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-empty-state.js

@@ -1,11 +1,11 @@
 import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
 import t from "./messages.js";
-import { Text as n } from "@box/blueprint-web";
-import { useIntl as r } from "react-intl";
-import { jsx as i } from "react/jsx-runtime";
+import { useIntl as n } from "react-intl";
+import { jsx as r } from "react/jsx-runtime";
+import { Text as i } from "@box/blueprint-web";
 var a = () => {
-	let a = r().formatMessage(t.noResultsFound);
-	return /* @__PURE__ */ i(n, {
+	let a = n().formatMessage(t.noResultsFound);
+	return /* @__PURE__ */ r(i, {
 		as: "p",
 		className: e.item,
 		color: "textOnLightSecondary",

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-list.js

@@ -1,13 +1,13 @@
 import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
-import { ScrollableContainer as t } from "@box/blueprint-web";
-import { ComboboxList as n } from "@ariakit/react";
-import { jsx as r } from "react/jsx-runtime";
+import { ComboboxList as t } from "@ariakit/react";
+import { jsx as n } from "react/jsx-runtime";
+import { ScrollableContainer as r } from "@box/blueprint-web";
 var i = (i) => {
 	let { children: a, ...o } = i;
-	return /* @__PURE__ */ r(n, {
+	return /* @__PURE__ */ n(t, {
 		className: e.comboboxList,
 		...o,
-		children: /* @__PURE__ */ r(t, {
+		children: /* @__PURE__ */ n(r, {
 			className: e.scrollableContainer,
 			children: a
 		})

package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-search.js

@@ -1,28 +1,28 @@
 import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
 import t from "./messages.js";
-import { Divider as n, IconButton as r } from "@box/blueprint-web";
-import { Search as i, XMark as a } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as o } from "react-intl";
-import { Combobox as s, ComboboxCancel as c } from "@ariakit/react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useIntl as n } from "react-intl";
+import { Combobox as r, ComboboxCancel as i } from "@ariakit/react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Divider as c, IconButton as l } from "@box/blueprint-web";
+import { Search as u, XMark as d } from "@box/blueprint-web-assets/icons/Fill";
 import { IconCtaIcon as f, IconIconOnLightSecondary as p } from "@box/blueprint-web-assets/tokens/tokens";
-var m = () => /* @__PURE__ */ u(a, { role: "presentation" }), h = (a) => {
-	let { ...h } = a, g = o().formatMessage(t.cancelButtonAriaLabel);
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+var m = () => /* @__PURE__ */ o(d, { role: "presentation" }), h = (d) => {
+	let { ...h } = d, g = n().formatMessage(t.cancelButtonAriaLabel);
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
 		className: e.search,
 		children: [
-			/* @__PURE__ */ u(i, {
+			/* @__PURE__ */ o(u, {
 				className: e.searchIcon,
 				color: p,
 				role: "presentation"
 			}),
-			/* @__PURE__ */ u(s, {
+			/* @__PURE__ */ o(r, {
 				"aria-haspopup": "false",
 				autoSelect: !0,
 				className: e.searchInput,
 				...h
 			}),
-			/* @__PURE__ */ u(c, { render: /* @__PURE__ */ u(r, {
+			/* @__PURE__ */ o(i, { render: /* @__PURE__ */ o(l, {
 				"aria-label": g,
 				className: e.clearSearchIcon,
 				color: f,
@@ -31,7 +31,7 @@ var m = () => /* @__PURE__ */ u(a, { role: "presentation" }), h = (a) => {
 				"data-target-id": "IconButton-cancelButtonAriaLabel"
 			}) })
 		]
-	}), /* @__PURE__ */ u(n, { className: e.searchDivider })] });
+	}), /* @__PURE__ */ o(c, { className: e.searchDivider })] });
 };
 h.displayName = "FilterDropdownMenuItem";
 export { h as FilterDropdownMenuSearch };

package/dist/esm/lib/components/interactive-text/interactive-text.js

@@ -1,15 +1,15 @@
 import { t as e } from "../../../../chunks/interactive-text.module.js";
-import { Text as t, Tooltip as n } from "@box/blueprint-web";
-import { Focusable as r } from "@ariakit/react";
-import { jsx as i } from "react/jsx-runtime";
-import a from "clsx";
+import { Focusable as t } from "@ariakit/react";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+import { Text as i, Tooltip as a } from "@box/blueprint-web";
 var o = ({ tooltipText: o, className: s, children: c, ...l }) => {
 	let { as: u = "span" } = l;
-	return /* @__PURE__ */ i(n, {
+	return /* @__PURE__ */ n(a, {
 		content: o,
-		children: /* @__PURE__ */ i(r, { render: /* @__PURE__ */ i(t, {
+		children: /* @__PURE__ */ n(t, { render: /* @__PURE__ */ n(i, {
 			as: u,
-			className: a(e.interactiveText, s),
+			className: r(e.interactiveText, s),
 			...l,
 			children: c
 		}) })

package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js

@@ -2,29 +2,29 @@ import { EVENT_NAMES as e } from "../../../../utils/analytics/events.js";
 import { useMetadataEditorAnalytics as t } from "../../../../utils/analytics/analytics-context.js";
 import { getConfidenceScoreTooltip as n } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
 import r from "../../messages.js";
-import { Status as i, Tooltip as a } from "@box/blueprint-web";
-import { useIntl as o } from "react-intl";
-import { BoxAiLogo as s } from "@box/blueprint-web-assets/icons/Logo";
-import { jsx as c } from "react/jsx-runtime";
+import { useIntl as i } from "react-intl";
+import { BoxAiLogo as a } from "@box/blueprint-web-assets/icons/Logo";
+import { jsx as o } from "react/jsx-runtime";
+import { Status as s, Tooltip as c } from "@box/blueprint-web";
 import { SurfaceStatusSurfaceGray as l } from "@box/blueprint-web-assets/tokens/tokens";
 function u({ confidenceScore: u }) {
-	let { formatMessage: d } = o(), { trackEvent: f } = t(), p = () => f(e.AI_LOGO_BADGE_HOVER, { confidenceLevel: u?.level });
-	return u ? /* @__PURE__ */ c(a, {
+	let { formatMessage: d } = i(), { trackEvent: f } = t(), p = () => f(e.AI_LOGO_BADGE_HOVER, { confidenceLevel: u?.level });
+	return u ? /* @__PURE__ */ o(c, {
 		content: n(d, u),
-		children: /* @__PURE__ */ c(i, {
+		children: /* @__PURE__ */ o(s, {
 			hideText: !0,
-			icon: s,
+			icon: a,
 			interactive: !0,
 			text: "",
 			color: l,
 			"data-testid": "ai-confidence-badge",
 			onMouseEnter: p
 		})
-	}) : /* @__PURE__ */ c(a, {
+	}) : /* @__PURE__ */ o(c, {
 		content: d(r.aiExtractedBadgeTooltip),
-		children: /* @__PURE__ */ c(i, {
+		children: /* @__PURE__ */ o(s, {
 			hideText: !0,
-			icon: s,
+			icon: a,
 			interactive: !0,
 			text: "",
 			color: l,