@box/metadata-editor 2.2.10 → 2.2.11

package/dist/chunks/metadata-instance-content.js

@@ -6,7 +6,7 @@ import '../styles/metadata-instance-content.css';var i = {
 	metadataInstanceContent: "_metadataInstanceContent_1cb0f_1",
 	metadataInstanceContentReducedGap: "_metadataInstanceContentReducedGap_1cb0f_7"
 }, a = ({ onSelectMetadataField: a, selectedMetadataFieldId: o, shouldHideEmptyValues: s, templateInstance: c, taxonomyNodeFetcher: l, isConfidenceScoreReviewEnabled: u, isBoundingBoxEnabled: d }) => {
-	let { fields: f = [] } = c, p = t(() => f.filter((e) => !e.hidden).map((t) => {
+	let { fields: f = [] } = c, p = d || u, m = t(() => f.filter((e) => !e.hidden).map((t) => {
 		let r = a ? () => a(t) : void 0;
 		return /* @__PURE__ */ n(e, {
 			confidenceScore: t.confidenceScore,
@@ -36,8 +36,8 @@ import '../styles/metadata-instance-content.css';var i = {
 		c.isExternallyOwned
 	]);
 	return /* @__PURE__ */ n("div", {
-		className: r(i.metadataInstanceContent, u && i.metadataInstanceContentReducedGap),
-		children: p
+		className: r(i.metadataInstanceContent, p && i.metadataInstanceContentReducedGap),
+		children: m
 	});
 };
 export { a as t };

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

@@ -19,107 +19,107 @@ 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, fe = j && !g.hidden, L = !ce(g.updateMode), R = `metadata.fields[${le}]`, z = g.type === "taxonomy" && g.optionsRules?.multiSelect, B = ue || S, V = S && !!g.confidenceScore, H = V && r(g.confidenceScore), pe = V && !O && !r(g.confidenceScore), U = de === g.id, me = n(g.targetLocation), W = B && me && !!C, { isTooltipOpen: G, handleMouseOver: he, handleMouseLeave: ge, handleFocus: _e, handleBlur: ve } = re(W), ye = m({
-		[s.aiApproved]: k || pe || g.isExtracted,
+	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({
+		[s.aiApproved]: k || fe || g.isExtracted,
 		[s.hasSuggestion]: O,
-		[s.hasConfidenceReview]: !O && H,
+		[s.hasConfidenceReview]: !O && U,
 		[s.dateField]: F === "date"
-	}), K = d((e, t) => {
-		T(`${R}.${e}`, t);
-	}, [R, T]), q = d((e) => {
-		K("aiSuggestionState", e);
-	}, [K]), J = d((e, n = !1) => {
-		K("value", e), q(t.Applied), K("isExtracted", !0), B && P && (K("targetLocation", P), K("aiSuggestionTargetLocation", void 0)), S && N && (K("confidenceScore", n ? {
+	}), q = d((e, t) => {
+		T(`${z}.${e}`, t);
+	}, [z, T]), J = d((e) => {
+		q("aiSuggestionState", e);
+	}, [q]), Y = d((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
-		} : N), K("aiSuggestionConfidenceScore", void 0));
+		} : N), q("aiSuggestionConfidenceScore", void 0));
 	}, [
-		K,
 		q,
+		J,
 		N,
 		P,
 		S,
-		B
-	]), Y = d(() => {
-		q(t.Initial), K("aiSuggestion", void 0), B && K("aiSuggestionTargetLocation", void 0), S && K("aiSuggestionConfidenceScore", void 0);
+		V
+	]), X = d(() => {
+		J(t.Initial), q("aiSuggestion", void 0), V && q("aiSuggestionTargetLocation", void 0), S && q("aiSuggestionConfidenceScore", void 0);
 	}, [
+		J,
 		q,
-		K,
 		S,
-		B
-	]), X = d(() => {
-		g.confidenceScore && K("confidenceScore", {
+		V
+	]), Z = d(() => {
+		g.confidenceScore && q("confidenceScore", {
 			...g.confidenceScore,
 			isAccepted: !0
 		}), C?.(null);
 	}, [
-		K,
+		q,
 		g.confidenceScore,
 		C
-	]), be = d(() => {
-		q(t.Initial), K("aiSuggestion", void 0), K("isExtracted", !1), K("value", F === "multiSelect" || F === "taxonomy" ? [] : ""), K("confidenceScore", void 0), K("targetLocation", void 0), C?.(null);
+	]), ye = d(() => {
+		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);
 	}, [
-		K,
+		q,
 		F,
 		C,
-		q
-	]), Z = d(() => {
-		Y(), g.isExtracted && K("isExtracted", !1), B && g.targetLocation && (K("targetLocation", void 0), C?.(null)), S && g.confidenceScore && (K("confidenceScore", void 0), C?.(null));
+		J
+	]), Q = d(() => {
+		X(), g.isExtracted && q("isExtracted", !1), V && g.targetLocation && (q("targetLocation", void 0), C?.(null)), S && g.confidenceScore && (q("confidenceScore", void 0), C?.(null));
 	}, [
-		Y,
+		X,
 		S,
 		g.confidenceScore,
 		g.isExtracted,
 		g.targetLocation,
-		K,
+		q,
 		C,
-		B
-	]), xe = d((e) => {
+		V
+	]), be = d((e) => {
 		C && (i(e.target) || C(g));
-	}, [g, C]), Se = d((e) => {
+	}, [g, C]), xe = d((e) => {
 		if (e.key === "Enter") {
 			if (!C || i(e.target)) return;
 			e.preventDefault(), e.stopPropagation(), C(g);
 		}
 	}, [g, C]);
 	f(() => {
-		O && (!I || Array.isArray(I) && I.length === 0) && J(M);
+		O && (!I || Array.isArray(I) && I.length === 0) && Y(M);
 	}, [
 		M,
 		O,
-		J
+		Y
 	]), f(() => {
-		A && M && q(t.Pending);
+		A && M && J(t.Pending);
 	}, [
 		A,
 		M,
-		q
+		J
 	]);
-	let Ce = ie(() => M ? se(I, M) : !1, [M, I]);
-	if (!fe) return null;
-	let Q = {
+	let Se = ie(() => M ? se(I, M) : !1, [M, I]);
+	if (!L) return null;
+	let $ = {
 		"data-metadata-field": !0,
 		"data-target-id": "Button-metadataEditorFieldEditClick",
 		"data-testid": "metadata-field",
-		onClick: xe,
-		onKeyDown: Se,
-		onMouseOver: he,
-		onMouseLeave: ge,
-		onFocus: _e,
-		onBlur: ve,
+		onClick: be,
+		onKeyDown: xe,
+		onMouseOver: me,
+		onMouseLeave: he,
+		onFocus: ge,
+		onBlur: _e,
 		role: "button",
 		tabIndex: 0
 	};
-	if (L) {
+	if (R) {
 		let t = /* @__PURE__ */ p(te, {
-			fieldNamePrefix: R,
+			fieldNamePrefix: z,
 			fieldType: g.type,
-			isTaxonomyMultiSelect: z,
+			isTaxonomyMultiSelect: B,
 			children: /* @__PURE__ */ p(j, {
 				ref: w,
 				description: g.description,
 				disableForm: l,
-				fieldNamePrefix: R,
+				fieldNamePrefix: z,
 				isAiSuggestionApplied: !1,
 				isExternallyOwned: v,
 				isMultilevelTaxonomyFieldEnabled: y,
@@ -127,31 +127,31 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 				createTaxonomyItemsService: x,
 				label: g.displayName,
 				levels: g.levels,
-				onValueEdited: Z,
+				onValueEdited: Q,
 				portalElement: u,
 				taxonomyOptionsFetcher: _
 			})
 		}, g.key);
-		return W ? /* @__PURE__ */ p(c, {
+		return G ? /* @__PURE__ */ p(c, {
 			content: E(e.viewOnDocument),
-			open: G,
+			open: K,
 			children: /* @__PURE__ */ p("div", {
-				className: m(a.spacious, a.clickableField, U && a.selectedField),
-				...Q,
+				className: m(a.spacious, a.clickableField, W && a.selectedField),
+				...$,
 				children: t
 			})
 		}) : t;
 	}
-	let $ = /* @__PURE__ */ oe("div", {
-		className: m(s.fieldWrapper, B && a.spacious, W && a.clickableField, W && U && a.selectedField),
-		...W && Q,
+	let Ce = /* @__PURE__ */ oe("div", {
+		className: m(s.fieldWrapper, V && a.spacious, G && a.clickableField, G && W && a.selectedField),
+		...G && $,
 		children: [
 			/* @__PURE__ */ p(j, {
 				ref: w,
-				className: ye,
+				className: ve,
 				description: g.description,
 				disableForm: l,
-				fieldNamePrefix: R,
+				fieldNamePrefix: z,
 				isAiSuggestionApplied: k || g.isExtracted,
 				isExternallyOwned: v,
 				confidenceScore: S ? g.confidenceScore : void 0,
@@ -159,31 +159,31 @@ var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, fie
 				isTaxonomyPickerEnabled: b,
 				createTaxonomyItemsService: x,
 				label: g.displayName,
-				onValueEdited: Z,
+				onValueEdited: Q,
 				portalElement: u,
 				taxonomyOptionsFetcher: _
 			}),
 			O && /* @__PURE__ */ p(o, {
 				aiSuggestion: M,
 				confidenceLevel: S ? N?.level : void 0,
-				isSameValue: Ce,
+				isSameValue: Se,
 				onAiSuggestionAppend: () => {
-					J([...new Set([I, M].flat().filter(Boolean))], !0);
+					Y([...new Set([I, M].flat().filter(Boolean))], !0);
 				},
-				onAiSuggestionIgnore: Y,
-				onAiSuggestionReplace: () => J(M, !0),
+				onAiSuggestionIgnore: X,
+				onAiSuggestionReplace: () => Y(M, !0),
 				type: F
 			}),
-			!O && H && /* @__PURE__ */ p(ee, {
-				onAccept: X,
-				onClear: be
+			!O && U && /* @__PURE__ */ p(ee, {
+				onAccept: Z,
+				onClear: ye
 			})
 		]
 	}, g.key);
-	return W ? /* @__PURE__ */ p(c, {
+	return /* @__PURE__ */ p(c, {
 		content: E(e.viewOnDocument),
-		open: G,
-		children: $
-	}) : $;
+		open: G && K,
+		children: Ce
+	});
 }));
 export { g as MetadataEditorFieldWrapper };

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js

@@ -18,26 +18,26 @@ var y = ({ dirty: e, onChange: t, values: n }) => {
 	let r = d(n);
 	return e && !v(r.current.metadata.fields, n.metadata.fields) && (r.current = n, t(n)), null;
 }, b = (v) => {
-	let { areAiSuggestionsAvailable: b, customRef: x, isLargeFile: S, errorCode: C, isAiSuggestionsFeatureEnabled: w, isAdvancedExtractAgentEnabled: T = !1, isBetaLanguageEnabled: re, isDeleteButtonDisabled: ie, isDeleteConfirmationModalCheckboxEnabled: ae, isMultilevelTaxonomyFieldEnabled: E, isTaxonomyPickerEnabled: D, createTaxonomyItemsService: O, isUnsavedChangesModalOpen: k = !1, MetadataInstanceFormCustomWrapper: A, selectedTemplateInstance: j, onCancel: M, onChange: N, onDelete: P, onDiscardUnsavedChanges: F, onSubmit: I, onToggleReviewFilter: L, setIsUnsavedChangesModalOpen: R, shouldShowOnlyReviewFields: z = !1, taxonomyOptionsFetcher: B, isConfidenceScoreReviewEnabled: V = !1, isBoundingBoxEnabled: H = !1, onSelectMetadataField: U, selectedMetadataFieldId: W } = v, oe = A ?? c, [G, K] = f(!1), { isFetchingSuggestions: q, isLongLoading: J, getAiSuggestions: se, clearState: Y, suggestions: ce } = r(), { trackEvent: le } = n();
+	let { areAiSuggestionsAvailable: b, customRef: x, isLargeFile: S, errorCode: C, isAiSuggestionsFeatureEnabled: w, isAdvancedExtractAgentEnabled: re = !1, isBetaLanguageEnabled: ie, isDeleteButtonDisabled: ae, isDeleteConfirmationModalCheckboxEnabled: oe, isMultilevelTaxonomyFieldEnabled: T, isTaxonomyPickerEnabled: E, createTaxonomyItemsService: D, isUnsavedChangesModalOpen: O = !1, MetadataInstanceFormCustomWrapper: k, selectedTemplateInstance: A, onCancel: j, onChange: M, onDelete: N, onDiscardUnsavedChanges: P, onSubmit: F, onToggleReviewFilter: I, setIsUnsavedChangesModalOpen: L, shouldShowOnlyReviewFields: R = !1, taxonomyOptionsFetcher: z, isConfidenceScoreReviewEnabled: B = !1, isBoundingBoxEnabled: V = !1, onSelectMetadataField: H, selectedMetadataFieldId: U } = v, se = V || B, W = k ?? c, [G, K] = f(!1), { isFetchingSuggestions: q, isLongLoading: J, getAiSuggestions: ce, clearState: Y, suggestions: le } = r(), { trackEvent: ue } = n();
 	l(() => () => {
 		Y();
-	}, [Y, j?.id]);
-	let X = j?.templateKey === e, ue = async (e) => {
-		await I(e, ne(e, j));
-	}, de = (e) => {
-		e ? R(!0) : M();
-	}, Z = () => {
+	}, [Y, A?.id]);
+	let X = A?.templateKey === e, de = async (e) => {
+		await F(e, ne(e, A));
+	}, Z = (e) => {
+		e ? L(!0) : j();
+	}, fe = () => {
 		K(!0);
-	}, fe = { metadata: { ...j } }, Q = d(null), [$, pe] = f(null);
+	}, pe = { metadata: { ...A } }, Q = d(null), [$, me] = f(null);
 	l(() => {
-		pe(x ?? Q.current);
+		me(x ?? Q.current);
 	}, [
 		x,
-		j?.templateKey,
-		j?.scope
+		A?.templateKey,
+		A?.scope
 	]);
-	let me = u(() => {
-		let e = j?.fields.length === 0;
+	let he = u(() => {
+		let e = A?.fields.length === 0;
 		if (X) return /* @__PURE__ */ p(ee, { isLoading: q });
 		if (e) return /* @__PURE__ */ p(t, {
 			isBoxAiSuggestionsFeatureEnabled: w,
@@ -45,92 +45,92 @@ var y = ({ dirty: e, onChange: t, values: n }) => {
 		});
 		let n = !!(q || C);
 		return /* @__PURE__ */ m("div", {
-			className: h(s.metadataInstanceFormContent, n && s.showOverlay, V && s.metadataInstanceFormContentReducedGap),
+			className: h(s.metadataInstanceFormContent, n && s.showOverlay, se && s.metadataInstanceFormContentReducedGap),
 			children: [/* @__PURE__ */ p(o, {
 				errorCode: C,
 				isFetchingSuggestions: q,
 				isLongLoading: J
 			}), /* @__PURE__ */ p(i, {
 				disableForm: q,
-				isConfidenceScoreReviewEnabled: V,
-				isBoundingBoxEnabled: H,
-				isExternallyOwned: j?.isExternallyOwned,
-				isMultilevelTaxonomyFieldEnabled: E,
-				isTaxonomyPickerEnabled: D,
-				createTaxonomyItemsService: O,
-				onSelectMetadataField: U,
-				selectedMetadataFieldId: W,
+				isConfidenceScoreReviewEnabled: B,
+				isBoundingBoxEnabled: V,
+				isExternallyOwned: A?.isExternallyOwned,
+				isMultilevelTaxonomyFieldEnabled: T,
+				isTaxonomyPickerEnabled: E,
+				createTaxonomyItemsService: D,
+				onSelectMetadataField: H,
+				selectedMetadataFieldId: U,
 				portalElement: x ?? $,
-				shouldShowOnlyReviewFields: z,
-				taxonomyOptionsFetcher: B
+				shouldShowOnlyReviewFields: R,
+				taxonomyOptionsFetcher: z
 			})]
 		});
 	}, [
-		j?.fields.length,
-		j?.isExternallyOwned,
+		A?.fields.length,
+		A?.isExternallyOwned,
 		X,
 		q,
 		J,
 		x,
 		$,
-		B,
+		z,
 		w,
+		B,
 		V,
-		H,
+		T,
 		E,
 		D,
-		O,
 		C,
-		z,
-		U,
-		W
+		R,
+		H,
+		U
 	]);
 	return /* @__PURE__ */ p(_, {
-		initialValues: fe,
-		onSubmit: ue,
+		initialValues: pe,
+		onSubmit: de,
 		children: ({ values: e, dirty: t }) => /* @__PURE__ */ m(g, { children: [
-			/* @__PURE__ */ p(oe, {
+			/* @__PURE__ */ p(W, {
 				areAiSuggestionsAvailable: b,
 				className: s.metadataInstanceForm,
 				formRef: Q,
 				formValues: e,
-				getAiSuggestions: se,
-				handleCancel: de,
-				handleDelete: Z,
-				isAdvancedExtractAgentEnabled: T,
+				getAiSuggestions: ce,
+				handleCancel: Z,
+				handleDelete: fe,
+				isAdvancedExtractAgentEnabled: re,
 				isAiSuggestionsFeatureEnabled: w,
-				isBetaLanguageEnabled: re,
-				isConfidenceScoreReviewEnabled: V,
-				isBoundingBoxEnabled: H,
-				isDeleteButtonDisabled: ie,
+				isBetaLanguageEnabled: ie,
+				isConfidenceScoreReviewEnabled: B,
+				isBoundingBoxEnabled: V,
+				isDeleteButtonDisabled: ae,
 				isFetchingSuggestions: q,
 				isFormDirty: t,
 				isLargeFile: S,
-				onToggleReviewFilter: L,
-				selectedTemplateInstance: j,
-				shouldShowOnlyReviewFields: z,
-				suggestions: ce,
-				children: j && me
+				onToggleReviewFilter: I,
+				selectedTemplateInstance: A,
+				shouldShowOnlyReviewFields: R,
+				suggestions: le,
+				children: A && he
 			}),
-			N && /* @__PURE__ */ p(y, {
+			M && /* @__PURE__ */ p(y, {
 				dirty: t,
-				onChange: N,
+				onChange: M,
 				values: e
 			}),
 			/* @__PURE__ */ p(a, {
-				onBackToEdit: () => R(!1),
-				onDiscardChanges: F,
-				open: k,
-				trackEvent: le
+				onBackToEdit: () => L(!1),
+				onDiscardChanges: P,
+				open: O,
+				trackEvent: ue
 			}),
 			/* @__PURE__ */ p(te, {
-				isCheckboxEnabled: ae,
-				onConfirm: () => P(j),
+				isCheckboxEnabled: oe,
+				onConfirm: () => N(A),
 				onDismiss: () => K(!1),
 				open: G,
-				templateName: j?.displayName
+				templateName: A?.displayName
 			})
 		] })
-	}, `${j?.scope}.${j?.templateKey}`);
+	}, `${A?.scope}.${A?.templateKey}`);
 };
 export { b as MetadataInstanceForm };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "2.2.10",
+    "version": "2.2.11",
     "peerDependencies": {
         "@ariakit/react": "0.4.21",
         "@box/blueprint-web": "^16.4.0",