@box/metadata-editor 2.2.32 → 2.3.0

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js

@@ -2,13 +2,13 @@ import { EVENT_NAMES as e } from "../../../../utils/analytics/events.js";
 import { useMetadataEditorAnalytics as t } from "../../../../utils/analytics/analytics-context.js";
 import n from "../../../../utils/confidence-score/messages.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 { jsx as s } from "react/jsx-runtime";
+import { useIntl as i } from "react-intl";
+import { jsx as a } from "react/jsx-runtime";
+import { Status as o, Tooltip as s } from "@box/blueprint-web";
 import { SurfaceStatusSurfaceGray as c } from "@box/blueprint-web-assets/tokens/tokens";
 import { AlertCircle as l } from "@box/blueprint-web-assets/icons/Medium";
 function u() {
-	let { formatMessage: u } = o(), { trackEvent: d } = t(), f = /* @__PURE__ */ s(i, {
+	let { formatMessage: u } = i(), { trackEvent: d } = t(), f = /* @__PURE__ */ a(o, {
 		color: c,
 		interactive: !0,
 		text: u(r.lowConfidenceBadge).toUpperCase(),
@@ -16,7 +16,7 @@ function u() {
 		iconPosition: "left",
 		onMouseEnter: () => d(e.LOW_CONF_BADGE_HOVER)
 	});
-	return /* @__PURE__ */ s(a, {
+	return /* @__PURE__ */ a(s, {
 		content: u(n.tooltipLowConfidence),
 		children: f
 	});

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/low-confidence-suggestion-field.js

@@ -1,14 +1,14 @@
 import { t as e } from "../../../../../../chunks/field-action-bar.module.js";
 import t from "./messages.js";
-import { IconButton as n, LoadingIndicator as r, Text as i, Tooltip as a, useBlueprintModernization as o } from "@box/blueprint-web";
-import { useEffect as s, useRef as c, useState as l } from "react";
-import { useIntl as u } from "react-intl";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { IconButton as c, LoadingIndicator as l, Text as u, Tooltip as d, useBlueprintModernization as f } from "@box/blueprint-web";
 import { Checkmark as p, XMark as m } from "@box/blueprint-web-assets/icons/Medium";
 var h = 800;
 function g({ onAccept: g, onClear: _ }) {
-	let v = u(), { enableModernizedComponents: y } = o(), [b, x] = l(!1), S = c(void 0);
-	s(() => () => clearTimeout(S.current), []);
+	let v = a(), { enableModernizedComponents: y } = f(), [b, x] = i(!1), S = r(void 0);
+	n(() => () => clearTimeout(S.current), []);
 	let C = (e) => {
 		clearTimeout(S.current), x(!0);
 		try {
@@ -19,41 +19,41 @@ function g({ onAccept: g, onClear: _ }) {
 			}, h);
 		}
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ o("div", {
 		className: e.wrapperGradient,
 		"data-modern": y,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: e.wrapper,
-			children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(i, {
+			children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(u, {
 				as: "p",
 				color: "textOnLightSecondary",
 				variant: "caption",
 				children: v.formatMessage(t.needsReview)
-			}), /* @__PURE__ */ d(i, {
+			}), /* @__PURE__ */ o(u, {
 				as: "p",
 				color: "textOnLightDefault",
 				variant: "bodySmallSemibold",
 				children: v.formatMessage(t.description)
-			})] }), b ? /* @__PURE__ */ d("div", {
+			})] }), b ? /* @__PURE__ */ o("div", {
 				className: e.loader,
-				children: /* @__PURE__ */ d(r, {
+				children: /* @__PURE__ */ o(l, {
 					"aria-label": v.formatMessage(t.reviewActionLoadingAriaLabel),
 					size: "small"
 				})
-			}) : /* @__PURE__ */ f("div", {
+			}) : /* @__PURE__ */ s("div", {
 				className: e.buttons,
-				children: [/* @__PURE__ */ d(a, {
+				children: [/* @__PURE__ */ o(d, {
 					content: v.formatMessage(t.acceptValueTooltip),
-					children: /* @__PURE__ */ d(n, {
+					children: /* @__PURE__ */ o(c, {
 						"aria-label": v.formatMessage(t.acceptValueAriaLabel),
 						"data-target-id": "IconButton-metadataEditorLowConfAccept",
 						icon: p,
 						onClick: () => C(g),
 						size: "x-small"
 					})
-				}), /* @__PURE__ */ d(a, {
+				}), /* @__PURE__ */ o(d, {
 					content: v.formatMessage(t.clearValueTooltip),
-					children: /* @__PURE__ */ d(n, {
+					children: /* @__PURE__ */ o(c, {
 						"aria-label": v.formatMessage(t.clearValueAriaLabel),
 						"data-target-id": "IconButton-metadataEditorLowConfClear",
 						icon: m,

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.js

@@ -1,33 +1,33 @@
 import e from "../../../../messages.js";
 import { convertCalendarDateToISOString as t, convertIsoStringToCalendarDate as n } from "../../../../utils/convertDate.js";
 import { useMemoizedFieldLabel as r } from "../../hooks/use-memoized-field-label.js";
-import { DateI18nProvider as i, DatePicker as a } from "@box/blueprint-web";
-import { forwardRef as o, memo as s, useCallback as c, useMemo as l } from "react";
-import { useIntl as u } from "react-intl";
-import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as i, memo as a, useCallback as o, useMemo as s } from "react";
+import { useIntl as c } from "react-intl";
+import { jsx as l } from "react/jsx-runtime";
+import { DateI18nProvider as u, DatePicker as d } from "@box/blueprint-web";
 import { getIn as f, useFormikContext as p } from "formik";
-var m = /*#__PURE__*/ s(a), h = /*#__PURE__*/ o(({ className: a, description: o, isAiSuggestionApplied: s, confidenceScore: h, disableForm: g, fieldNamePrefix: _, label: v, onValueEdited: y, portalElement: b, updateModePrefix: x }, S) => {
-	let C = `${x ?? _}.value`, w = u(), { values: T, errors: E, touched: D, setFieldTouched: O, setFieldValue: k } = p(), A = f(T, C), j = l(() => n(A), [A]), M = f(D, C) ? f(E, C) : void 0, N = r(v, o, s, "span", h), P = c((e) => {
+var m = /*#__PURE__*/ a(d), h = /*#__PURE__*/ i(({ className: i, description: a, isAiSuggestionApplied: d, confidenceScore: h, disableForm: g, fieldNamePrefix: _, label: v, onValueEdited: y, portalElement: b, updateModePrefix: x }, S) => {
+	let C = `${x ?? _}.value`, w = c(), { values: T, errors: E, touched: D, setFieldTouched: O, setFieldValue: k } = p(), A = f(T, C), j = s(() => n(A), [A]), M = f(D, C) ? f(E, C) : void 0, N = r(v, a, d, "span", h), P = o((e) => {
 		k(C, t(e)), y();
 	}, [
 		C,
 		k,
 		y
-	]), F = c(() => {
+	]), F = o(() => {
 		O(C, !0);
 	}, [C, O]);
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ l("div", {
 		"data-testid": `${v}-field`,
-		children: /* @__PURE__ */ d(i, {
+		children: /* @__PURE__ */ l(u, {
 			locale: w.locale,
-			children: /* @__PURE__ */ d(m, {
+			children: /* @__PURE__ */ l(m, {
 				calendarAriaLabel: w.formatMessage(e.selectDate),
 				clearDatePickerAriaLabel: w.formatMessage(e.clearSelectedDate),
 				nextMonthAriaLabel: w.formatMessage(e.switchToNextMonth),
 				openCalendarDropdownAriaLabel: w.formatMessage(e.openCalendar),
 				previousMonthAriaLabel: w.formatMessage(e.switchToPreviousMonth),
 				ref: S,
-				className: a,
+				className: i,
 				dataTargetId: "DatePicker-MetadataEditorDateField",
 				error: M,
 				isDisabled: g,

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.js

@@ -2,39 +2,39 @@ import e from "../../../../messages.js";
 import "../update-mode-field-wrapper/mulitple-values-utils.js";
 import { messages as t } from "../update-mode-field-wrapper/messages.js";
 import { useMemoizedFieldLabel as n } from "../../hooks/use-memoized-field-label.js";
-import { SELECT_EMPTY_VALUE as r, Select as i } from "@box/blueprint-web";
-import { forwardRef 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 { forwardRef as r } from "react";
+import { FormattedMessage as i, useIntl as a } from "react-intl";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { SELECT_EMPTY_VALUE as c, Select as l } from "@box/blueprint-web";
 import { Field as u, getIn as d, useFormikContext as f } from "formik";
-var p = /*#__PURE__*/ a(({ className: a, isAiSuggestionApplied: p, confidenceScore: m, description: h, disableForm: g, fieldNamePrefix: _, updateModePrefix: v, label: y, onValueEdited: b, options: x, portalElement: S }, C) => {
-	let { setFieldValue: w, values: T } = f(), { formatMessage: E } = s(), D = `${v ?? _}.value`, O = E(t.multipleValues), k = (x || d(T, `${_}.options`, [])).map((e) => typeof e == "string" ? e : e.key), A = E(e.selectValuePlaceholder), j = n(y, h, p, "label", m), M = (e) => e === "Multiple values" ? O : e;
-	return /* @__PURE__ */ c("div", {
+var p = /*#__PURE__*/ r(({ className: r, isAiSuggestionApplied: p, confidenceScore: m, description: h, disableForm: g, fieldNamePrefix: _, updateModePrefix: v, label: y, onValueEdited: b, options: x, portalElement: S }, C) => {
+	let { setFieldValue: w, values: T } = f(), { formatMessage: E } = a(), D = `${v ?? _}.value`, O = E(t.multipleValues), k = (x || d(T, `${_}.options`, [])).map((e) => typeof e == "string" ? e : e.key), A = E(e.selectValuePlaceholder), j = n(y, h, p, "label", m), M = (e) => e === "Multiple values" ? O : e;
+	return /* @__PURE__ */ o("div", {
 		"data-testid": `${y}-field`,
-		children: /* @__PURE__ */ c(u, {
+		children: /* @__PURE__ */ o(u, {
 			name: D,
-			children: ({ field: t }) => /* @__PURE__ */ c(i, {
+			children: ({ field: t }) => /* @__PURE__ */ o(l, {
 				ref: C,
-				className: a,
+				className: r,
 				"data-target-id": "Select-MetadataEditorEnumField",
 				disabled: g,
 				label: j,
 				onValueChange: (e) => {
-					w(D, e === r ? "" : e), b();
+					w(D, e === c ? "" : e), b();
 				},
 				placeholder: A,
 				...t,
-				value: t.value === r ? "" : t.value,
-				children: /* @__PURE__ */ l(i.Content, {
+				value: t.value === c ? "" : t.value,
+				children: /* @__PURE__ */ s(l.Content, {
 					container: S,
 					onEscapeKeyDown: (e) => e.stopPropagation(),
-					children: [/* @__PURE__ */ c(i.Option, {
+					children: [/* @__PURE__ */ o(l.Option, {
 						text: A,
-						value: r,
-						children: /* @__PURE__ */ c(o, { ...e.selectValuePlaceholder })
+						value: c,
+						children: /* @__PURE__ */ o(i, { ...e.selectValuePlaceholder })
 					}), k?.map((e) => {
 						let t = M(e);
-						return /* @__PURE__ */ c(i.Option, {
+						return /* @__PURE__ */ o(l.Option, {
 							text: t,
 							value: e,
 							children: t

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-float-field/metadata-float-field.js

@@ -1,24 +1,24 @@
 import { useMemoizedFieldLabel as e } from "../../hooks/use-memoized-field-label.js";
 import { useFloatValidation as t } from "./use-float-validation.js";
-import { TextInput as n } from "@box/blueprint-web";
-import { forwardRef as r, useRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n, useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { TextInput as a } from "@box/blueprint-web";
 import { Field as o, getIn as s, useFormikContext as c } from "formik";
-var l = /*#__PURE__*/ r(({ className: r, description: l, isAiSuggestionApplied: u, confidenceScore: d, label: f, fieldNamePrefix: p, disableForm: m, onValueEdited: h, updateModePrefix: g }, _) => {
-	let { values: v, setFieldValue: y, setFieldTouched: b } = c(), x = `${g ?? p}.value`, S = i(s(v, x)), { validateFloats: C } = t(), w = e(f, l, u, "label", d), T = (e) => {
+var l = /*#__PURE__*/ n(({ className: n, description: l, isAiSuggestionApplied: u, confidenceScore: d, label: f, fieldNamePrefix: p, disableForm: m, onValueEdited: h, updateModePrefix: g }, _) => {
+	let { values: v, setFieldValue: y, setFieldTouched: b } = c(), x = `${g ?? p}.value`, S = r(s(v, x)), { validateFloats: C } = t(), w = e(f, l, u, "label", d), T = (e) => {
 		S.current = e, y(x, e), h();
 	}, E = (e) => {
 		b(e, !0);
 	};
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		"data-testid": `${f}-field`,
-		children: /* @__PURE__ */ a(o, {
+		children: /* @__PURE__ */ i(o, {
 			name: `${x}`,
 			validate: () => C(S.current),
-			children: ({ field: e, meta: t }) => /* @__PURE__ */ a(n, {
+			children: ({ field: e, meta: t }) => /* @__PURE__ */ i(a, {
 				...e,
 				ref: _,
-				className: r,
+				className: n,
 				"data-target-id": "TextInput-MetadataEditorFloatField",
 				disabled: m,
 				error: t.error,

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.js

@@ -2,23 +2,23 @@ import e from "../../../../messages.js";
 import "../update-mode-field-wrapper/mulitple-values-utils.js";
 import { messages as t } from "../update-mode-field-wrapper/messages.js";
 import { useMemoizedFieldLabel as n } from "../../hooks/use-memoized-field-label.js";
-import { Combobox as r } from "@box/blueprint-web";
-import { forwardRef as i } from "react";
-import { useIntl as a } from "react-intl";
-import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { useIntl as i } from "react-intl";
+import { jsx as a } from "react/jsx-runtime";
+import { Combobox as o } from "@box/blueprint-web";
 import { Field as s, getIn as c, useFormikContext as l } from "formik";
-var u = /*#__PURE__*/ i(({ className: i, isAiSuggestionApplied: u, confidenceScore: d, description: f, disableForm: p, fieldNamePrefix: m, label: h, onValueEdited: g, options: _, portalElement: v, updateModePrefix: y }, b) => {
-	let { setFieldValue: x, values: S } = l(), { formatMessage: C } = a(), w = `${y ?? m}.value`, T = C(t.multipleValues), E = (_ || c(S, `${m}.options`, [])).map((e) => typeof e == "string" ? e : e.key), D = n(h, f, u, "label", d), O = (e, t) => t.toLowerCase().includes(e.toLowerCase());
-	return /* @__PURE__ */ o("div", {
+var u = /*#__PURE__*/ r(({ className: r, isAiSuggestionApplied: u, confidenceScore: d, description: f, disableForm: p, fieldNamePrefix: m, label: h, onValueEdited: g, options: _, portalElement: v, updateModePrefix: y }, b) => {
+	let { setFieldValue: x, values: S } = l(), { formatMessage: C } = i(), w = `${y ?? m}.value`, T = C(t.multipleValues), E = (_ || c(S, `${m}.options`, [])).map((e) => typeof e == "string" ? e : e.key), D = n(h, f, u, "label", d), O = (e, t) => t.toLowerCase().includes(e.toLowerCase());
+	return /* @__PURE__ */ a("div", {
 		"data-testid": `${h}-field`,
-		children: /* @__PURE__ */ o(s, {
+		children: /* @__PURE__ */ a(s, {
 			name: w,
 			children: ({ field: t }) => {
 				let n = (t.value?.length || 0) === 0 ? C(e.multiselectPlaceholder) : "";
-				return /* @__PURE__ */ o(r, {
+				return /* @__PURE__ */ a(o, {
 					ref: b,
 					as: "input",
-					className: i,
+					className: r,
 					"data-target-id": "Combobox-MetadataEditorMultiSelectField",
 					disabled: p,
 					displayValue: (e) => e === "Multiple values" ? T : e,

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.js

@@ -1,23 +1,23 @@
 import e from "../../../../messages.js";
 import { useMemoizedFieldLabel as t } from "../../hooks/use-memoized-field-label.js";
-import { TextInput as n } from "@box/blueprint-web";
-import { forwardRef as r } from "react";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { useIntl as r } from "react-intl";
+import { jsx as i } from "react/jsx-runtime";
+import { TextInput as a } from "@box/blueprint-web";
 import { Field as o } from "formik";
-var s = /*#__PURE__*/ r(({ className: r, description: s, isAiSuggestionApplied: c, confidenceScore: l, disableForm: u, fieldNamePrefix: d, label: f, onValueEdited: p, updateModePrefix: m }, h) => {
-	let g = i(), _ = `${m ?? d}.value`, v = t(f, s, c, "label", l);
-	return /* @__PURE__ */ a("div", {
+var s = /*#__PURE__*/ n(({ className: n, description: s, isAiSuggestionApplied: c, confidenceScore: l, disableForm: u, fieldNamePrefix: d, label: f, onValueEdited: p, updateModePrefix: m }, h) => {
+	let g = r(), _ = `${m ?? d}.value`, v = t(f, s, c, "label", l);
+	return /* @__PURE__ */ i("div", {
 		"data-testid": `${f}-field`,
-		children: /* @__PURE__ */ a(o, {
+		children: /* @__PURE__ */ i(o, {
 			name: _,
-			children: ({ field: t, meta: i }) => /* @__PURE__ */ a(n, {
+			children: ({ field: t, meta: r }) => /* @__PURE__ */ i(a, {
 				...t,
 				ref: h,
-				className: r,
+				className: n,
 				"data-target-id": "TextInput-metadataEditorStringField",
 				disabled: u,
-				error: i.error,
+				error: r.error,
 				label: v,
 				onChangeCapture: p,
 				placeholder: g.formatMessage(e.setValuePlaceholder)

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/legacy-metadata-taxonomy-field.js

@@ -2,14 +2,14 @@ import e from "../../../../messages.js";
 import "../update-mode-field-wrapper/mulitple-values-utils.js";
 import { messages as t } from "../update-mode-field-wrapper/messages.js";
 import { useMemoizedFieldLabel as n } from "../../hooks/use-memoized-field-label.js";
-import { Tooltip as r } from "@box/blueprint-web";
-import { forwardRef as i, useCallback as a } from "react";
-import { useIntl as o } from "react-intl";
-import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as r, useCallback as i } from "react";
+import { useIntl as a } from "react-intl";
+import { jsx as o } from "react/jsx-runtime";
+import { Tooltip as s } from "@box/blueprint-web";
 import { Field as c, getIn as l, useFormikContext as u } from "formik";
 import { ComboboxWithApiPagination as d, ComboboxWithApiTreeView as f } from "@box/combobox-with-api";
-var p = (e, t) => e === "Multiple values" ? t : e, m = /*#__PURE__*/ i(({ description: i, disableForm: m, isAiSuggestionApplied: h, confidenceScore: g, fieldNamePrefix: _, label: v, onValueEdited: y, portalElement: b, taxonomyOptionsFetcher: x, updateModePrefix: S, className: C, isExternallyOwned: w, isMultilevelTaxonomyFieldEnabled: T }, E) => {
-	let { formatMessage: D } = o(), O = `${S ?? _}.value`, { setFieldValue: k, values: A } = u(), { metadata: { templateKey: j, scope: M } } = A, { key: N, optionsRules: { multiSelect: P, selectableLevels: F }, levels: I } = l(A, _), L = D(t.multipleValues), R = T && F?.some((e) => e > 1), z = m || w, B = n(v, i, h, "label", g), V = a((e) => x(M, j, N, F?.[0], e), [
+var p = (e, t) => e === "Multiple values" ? t : e, m = /*#__PURE__*/ r(({ description: r, disableForm: m, isAiSuggestionApplied: h, confidenceScore: g, fieldNamePrefix: _, label: v, onValueEdited: y, portalElement: b, taxonomyOptionsFetcher: x, updateModePrefix: S, className: C, isExternallyOwned: w, isMultilevelTaxonomyFieldEnabled: T }, E) => {
+	let { formatMessage: D } = a(), O = `${S ?? _}.value`, { setFieldValue: k, values: A } = u(), { metadata: { templateKey: j, scope: M } } = A, { key: N, optionsRules: { multiSelect: P, selectableLevels: F }, levels: I } = l(A, _), L = D(t.multipleValues), R = T && F?.some((e) => e > 1), z = m || w, B = n(v, r, h, "label", g), V = i((e) => x(M, j, N, F?.[0], e), [
 		N,
 		M,
 		F,
@@ -17,18 +17,18 @@ var p = (e, t) => e === "Multiple values" ? t : e, m = /*#__PURE__*/ i(({ descri
 		j
 	]), H = (t) => P || !t?.length ? D(e.taxonomyPlaceholder) : void 0, U = (e) => {
 		k(O, e), y();
-	}, W = /* @__PURE__ */ s("div", {
+	}, W = /* @__PURE__ */ o("div", {
 		"data-testid": `${v}-field`,
 		onKeyDown: (e) => e.stopPropagation(),
 		role: "presentation",
-		children: /* @__PURE__ */ s(c, {
+		children: /* @__PURE__ */ o(c, {
 			name: O,
 			children: ({ field: e }) => {
 				let t = Array.isArray(e.value) ? e.value.map((e) => ({
 					...e,
 					displayValue: p(e.displayValue, L)
 				})) : e.value;
-				return R ? /* @__PURE__ */ s(f, {
+				return R ? /* @__PURE__ */ o(f, {
 					ref: E,
 					className: C,
 					closeOnSelection: R,
@@ -43,7 +43,7 @@ var p = (e, t) => e === "Multiple values" ? t : e, m = /*#__PURE__*/ i(({ descri
 					portalElement: b,
 					selectableLevels: F,
 					value: t
-				}) : /* @__PURE__ */ s(d, {
+				}) : /* @__PURE__ */ o(d, {
 					ref: E,
 					className: C,
 					dataTargetId: "ComboboxWithApiPagination-MetadataEditorTaxonomyField",
@@ -59,7 +59,7 @@ var p = (e, t) => e === "Multiple values" ? t : e, m = /*#__PURE__*/ i(({ descri
 			}
 		})
 	});
-	return w ? /* @__PURE__ */ s(r, {
+	return w ? /* @__PURE__ */ o(s, {
 		content: D(e.taxonomyExternallyOwned),
 		children: W
 	}) : W;

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-picker-field/metadata-taxonomy-picker-field.js

@@ -2,14 +2,14 @@ import e from "../../../../../messages.js";
 import { messages as t } from "../../update-mode-field-wrapper/messages.js";
 import { n } from "../../../../../../../chunks/utils.js";
 import { getTaxonomyPickerMode as r, mapFormValueToTaxonomyValues as i, mapLevelsToTaxonomyLevels as a, mapTaxonomyValuesToFormValue as o } from "./value-mapping.js";
-import { Tooltip as s } from "@box/blueprint-web";
-import { forwardRef as c, useMemo as l } from "react";
-import { useIntl as u } from "react-intl";
-import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as s, useMemo as c } from "react";
+import { useIntl as l } from "react-intl";
+import { jsx as u } from "react/jsx-runtime";
+import { Tooltip as d } from "@box/blueprint-web";
 import { Field as f, getIn as p, useFormikContext as m } from "formik";
 import { MetadataTaxonomyPicker as h } from "@box/metadata-taxonomy-picker";
-var g = /*#__PURE__*/ c(({ description: c, disableForm: g, isAiSuggestionApplied: _, confidenceScore: v, fieldNamePrefix: y, label: b, onValueEdited: x, portalElement: S, updateModePrefix: C, className: w, isExternallyOwned: T, createTaxonomyItemsService: E }, D) => {
-	let { formatMessage: O } = u(), k = `${C ?? y}.value`, { setFieldValue: A, values: j } = m(), { metadata: { templateKey: M, scope: N } } = j, { key: P, optionsRules: { multiSelect: F, selectableLevels: I }, levels: L } = p(j, y), R = O(t.multipleValues), z = g || T, B = l(() => E({
+var g = /*#__PURE__*/ s(({ description: s, disableForm: g, isAiSuggestionApplied: _, confidenceScore: v, fieldNamePrefix: y, label: b, onValueEdited: x, portalElement: S, updateModePrefix: C, className: w, isExternallyOwned: T, createTaxonomyItemsService: E }, D) => {
+	let { formatMessage: O } = l(), k = `${C ?? y}.value`, { setFieldValue: A, values: j } = m(), { metadata: { templateKey: M, scope: N } } = j, { key: P, optionsRules: { multiSelect: F, selectableLevels: I }, levels: L } = p(j, y), R = O(t.multipleValues), z = g || T, B = c(() => E({
 		scope: N,
 		templateKey: M,
 		fieldKey: P
@@ -18,17 +18,17 @@ var g = /*#__PURE__*/ c(({ description: c, disableForm: g, isAiSuggestionApplied
 		N,
 		M,
 		P
-	]), V = r(I), H = l(() => a(L, I), [L, I]), U = n(b, c ?? void 0, _, v), W = (t) => F || !t.length ? O(e.taxonomyPlaceholder) : void 0, G = (e) => {
+	]), V = r(I), H = c(() => a(L, I), [L, I]), U = n(b, s ?? void 0, _, v), W = (t) => F || !t.length ? O(e.taxonomyPlaceholder) : void 0, G = (e) => {
 		A(k, o(e)), x();
-	}, K = /* @__PURE__ */ d("div", {
+	}, K = /* @__PURE__ */ u("div", {
 		"data-testid": `${b}-field`,
 		onKeyDown: (e) => e.stopPropagation(),
 		role: "presentation",
-		children: /* @__PURE__ */ d(f, {
+		children: /* @__PURE__ */ u(f, {
 			name: k,
 			children: ({ field: e }) => {
 				let t = i(e.value, R);
-				return /* @__PURE__ */ d(h, {
+				return /* @__PURE__ */ u(h, {
 					ref: D,
 					containerClassName: w,
 					disabled: z,
@@ -45,7 +45,7 @@ var g = /*#__PURE__*/ c(({ description: c, disableForm: g, isAiSuggestionApplied
 			}
 		})
 	});
-	return T ? /* @__PURE__ */ d(s, {
+	return T ? /* @__PURE__ */ u(d, {
 		content: O(e.taxonomyExternallyOwned),
 		children: K
 	}) : K;

package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-field-wrapper.js

@@ -4,31 +4,31 @@ import { checkIfHasBoundingBoxes as n } from "../../utils/check-if-has-bounding-
 import { isConfidenceScoreNeedingReview as r } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
 import { isInteractiveFormElement as i } from "../../utils/is-interactive-form-element.js";
 import { t as a } from "../../../../chunks/shared-field-styles.module.js";
-import { t as o } from "../../../../chunks/ai-suggestion-field.js";
-import { LowConfidenceSuggestionField as ee } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
+import { t as ee } from "../../../../chunks/ai-suggestion-field.js";
+import { LowConfidenceSuggestionField as o } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
 import { t as te } from "../../../../chunks/update-mode-field-wrapper.js";
 import { i as s } from "../../../../chunks/utils.js";
 import { editorFieldTypes as ne } from "./editor-field-types.js";
 import { useViewReferenceTooltip as re } from "./hooks/use-view-reference-tooltip.js";
-import { Tooltip as c } from "@box/blueprint-web";
-import { forwardRef as l, memo as u, useCallback as d, useEffect as f, useMemo as ie } from "react";
+import { forwardRef as c, memo as l, useCallback as u, useEffect as d, useMemo as ie } from "react";
 import { useIntl as ae } from "react-intl";
-import { jsx as p, jsxs as oe } from "react/jsx-runtime";
-import m from "clsx";
+import { jsx as f, jsxs as oe } from "react/jsx-runtime";
+import p from "clsx";
+import { Tooltip as m } from "@box/blueprint-web";
 import { useFormikContext as h } from "formik";
 import se from "lodash/isEqual";
 import ce from "lodash/isUndefined";
-var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, field: g, index: le, taxonomyOptionsFetcher: _, isExternallyOwned: v, isMultilevelTaxonomyFieldEnabled: y, isTaxonomyPickerEnabled: b, createTaxonomyItemsService: x, isConfidenceScoreReviewEnabled: S = !1, isBoundingBoxEnabled: ue = !1, onSelectMetadataField: C, selectedMetadataFieldId: de }, w) => {
-	let { setFieldValue: T } = h(), { formatMessage: E } = ae(), D = g.aiSuggestionState || t.Initial, O = D === t.Pending, k = D === t.Applied, A = D === t.Initial, j = ne[g.type], { aiSuggestion: M, aiSuggestionConfidenceScore: N, aiSuggestionTargetLocation: P, type: F, value: I } = g, L = j && !g.hidden, R = !ce(g.updateMode), z = `metadata.fields[${le}]`, B = g.type === "taxonomy" && g.optionsRules?.multiSelect, V = ue || S, H = S && !!g.confidenceScore, U = H && r(g.confidenceScore), fe = H && !O && !r(g.confidenceScore), W = de === g.id, pe = n(g.targetLocation), G = V && pe && !!C, { isTooltipOpen: K, handleMouseOver: me, handleMouseLeave: he, handleFocus: ge, handleBlur: _e } = re(G), ve = m({
+var g = /*#__PURE__*/ l(/*#__PURE__*/ c(({ disableForm: c, portalElement: l, field: g, index: le, taxonomyOptionsFetcher: _, isExternallyOwned: v, isMultilevelTaxonomyFieldEnabled: y, isTaxonomyPickerEnabled: b, createTaxonomyItemsService: x, isConfidenceScoreReviewEnabled: S = !1, isBoundingBoxEnabled: ue = !1, onSelectMetadataField: C, selectedMetadataFieldId: de }, w) => {
+	let { setFieldValue: T } = h(), { formatMessage: E } = ae(), D = g.aiSuggestionState || t.Initial, O = D === t.Pending, k = D === t.Applied, A = D === t.Initial, j = ne[g.type], { aiSuggestion: M, aiSuggestionConfidenceScore: N, aiSuggestionTargetLocation: P, type: F, value: I } = g, L = j && !g.hidden, R = !ce(g.updateMode), z = `metadata.fields[${le}]`, B = g.type === "taxonomy" && g.optionsRules?.multiSelect, V = ue || S, H = S && !!g.confidenceScore, U = H && r(g.confidenceScore), fe = H && !O && !r(g.confidenceScore), W = de === g.id, pe = n(g.targetLocation), G = V && pe && !!C, { isTooltipOpen: K, handleMouseOver: me, handleMouseLeave: he, handleFocus: ge, handleBlur: _e } = re(G), ve = p({
 		[s.aiApproved]: k || fe || g.isExtracted,
 		[s.hasSuggestion]: O,
 		[s.hasConfidenceReview]: !O && U,
 		[s.dateField]: F === "date"
-	}), q = d((e, t) => {
+	}), q = u((e, t) => {
 		T(`${z}.${e}`, t);
-	}, [z, T]), J = d((e) => {
+	}, [z, T]), J = u((e) => {
 		q("aiSuggestionState", e);
-	}, [q]), Y = d((e, n = !1) => {
+	}, [q]), Y = u((e, n = !1) => {
 		q("value", e), J(t.Applied), q("isExtracted", !0), V && P && (q("targetLocation", P), q("aiSuggestionTargetLocation", void 0)), S && N && (q("confidenceScore", n ? {
 			...N,
 			isAccepted: !0
@@ -40,14 +40,14 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 		P,
 		S,
 		V
-	]), X = d(() => {
+	]), X = u(() => {
 		J(t.Initial), q("aiSuggestion", void 0), V && q("aiSuggestionTargetLocation", void 0), S && q("aiSuggestionConfidenceScore", void 0);
 	}, [
 		J,
 		q,
 		S,
 		V
-	]), Z = d(() => {
+	]), Z = u(() => {
 		g.confidenceScore && q("confidenceScore", {
 			...g.confidenceScore,
 			isAccepted: !0
@@ -56,14 +56,14 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 		q,
 		g.confidenceScore,
 		C
-	]), ye = d(() => {
+	]), ye = u(() => {
 		J(t.Initial), q("aiSuggestion", void 0), q("isExtracted", !1), q("value", F === "multiSelect" || F === "taxonomy" ? [] : ""), q("confidenceScore", void 0), q("targetLocation", void 0), C?.(null);
 	}, [
 		q,
 		F,
 		C,
 		J
-	]), Q = d(() => {
+	]), Q = u(() => {
 		X(), g.isExtracted && q("isExtracted", !1), V && g.targetLocation && (q("targetLocation", void 0), C?.(null)), S && g.confidenceScore && (q("confidenceScore", void 0), C?.(null));
 	}, [
 		X,
@@ -74,21 +74,21 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 		q,
 		C,
 		V
-	]), be = d((e) => {
+	]), be = u((e) => {
 		C && (i(e.target) || C(g));
-	}, [g, C]), xe = d((e) => {
+	}, [g, C]), xe = u((e) => {
 		if (e.key === "Enter") {
 			if (!C || i(e.target)) return;
 			e.preventDefault(), e.stopPropagation(), C(g);
 		}
 	}, [g, C]);
-	f(() => {
+	d(() => {
 		O && (!I || Array.isArray(I) && I.length === 0) && Y(M);
 	}, [
 		M,
 		O,
 		Y
-	]), f(() => {
+	]), d(() => {
 		A && M && J(t.Pending);
 	}, [
 		A,
@@ -111,14 +111,14 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 		tabIndex: 0
 	};
 	if (R) {
-		let t = /* @__PURE__ */ p(te, {
+		let t = /* @__PURE__ */ f(te, {
 			fieldNamePrefix: z,
 			fieldType: g.type,
 			isTaxonomyMultiSelect: B,
-			children: /* @__PURE__ */ p(j, {
+			children: /* @__PURE__ */ f(j, {
 				ref: w,
 				description: g.description,
-				disableForm: l,
+				disableForm: c,
 				fieldNamePrefix: z,
 				isAiSuggestionApplied: !1,
 				isExternallyOwned: v,
@@ -128,29 +128,29 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 				label: g.displayName,
 				levels: g.levels,
 				onValueEdited: Q,
-				portalElement: u,
+				portalElement: l,
 				taxonomyOptionsFetcher: _
 			})
 		}, g.key);
-		return G ? /* @__PURE__ */ p(c, {
+		return G ? /* @__PURE__ */ f(m, {
 			content: E(e.viewOnDocument),
 			open: K,
-			children: /* @__PURE__ */ p("div", {
-				className: m(a.spacious, a.clickableField, W && a.selectedField),
+			children: /* @__PURE__ */ f("div", {
+				className: p(a.spacious, a.clickableField, W && a.selectedField),
 				...$,
 				children: t
 			})
 		}) : t;
 	}
 	let Ce = /* @__PURE__ */ oe("div", {
-		className: m(s.fieldWrapper, V && a.spacious, G && a.clickableField, G && W && a.selectedField),
+		className: p(s.fieldWrapper, V && a.spacious, G && a.clickableField, G && W && a.selectedField),
 		...G && $,
 		children: [
-			/* @__PURE__ */ p(j, {
+			/* @__PURE__ */ f(j, {
 				ref: w,
 				className: ve,
 				description: g.description,
-				disableForm: l,
+				disableForm: c,
 				fieldNamePrefix: z,
 				isAiSuggestionApplied: k || g.isExtracted,
 				isExternallyOwned: v,
@@ -160,10 +160,10 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 				createTaxonomyItemsService: x,
 				label: g.displayName,
 				onValueEdited: Q,
-				portalElement: u,
+				portalElement: l,
 				taxonomyOptionsFetcher: _
 			}),
-			O && /* @__PURE__ */ p(o, {
+			O && /* @__PURE__ */ f(ee, {
 				aiSuggestion: M,
 				confidenceLevel: S ? N?.level : void 0,
 				isSameValue: Se,
@@ -174,13 +174,13 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 				onAiSuggestionReplace: () => Y(M, !0),
 				type: F
 			}),
-			!O && U && /* @__PURE__ */ p(ee, {
+			!O && U && /* @__PURE__ */ f(o, {
 				onAccept: Z,
 				onClear: ye
 			})
 		]
 	}, g.key);
-	return /* @__PURE__ */ p(c, {
+	return /* @__PURE__ */ f(m, {
 		content: E(e.viewOnDocument),
 		open: G && K,
 		children: Ce