@box/metadata-editor 1.48.1 → 1.50.0

package/dist/chunks/metadata-instance-form-card-wrapper.js

@@ -1,64 +1,70 @@
-import { useBlueprintModernization as A, Card as E } from "@box/blueprint-web";
+import { useBlueprintModernization as v, Card as A } from "@box/blueprint-web";
 import M from "clsx";
-import { TEMPLATE_CUSTOM_PROPERTIES as S } from "../esm/lib/constants.js";
-import { MetadataInstanceFormFooter as b } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
-import { MetadataInstanceFormHeader as w } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import '../styles/metadata-instance-form-card-wrapper.css';const x = "_metadataInstanceForm_moyil_1", D = "_wrapperGradient_moyil_7", L = "_suggestionsFetching_moyil_17", N = "_metadataInstanceFormContent_moyil_23", O = "_showOverlay_moyil_30", s = {
+import { TEMPLATE_CUSTOM_PROPERTIES as b } from "../esm/lib/constants.js";
+import { MetadataInstanceFormFooter as O } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
+import { MetadataInstanceFormHeader as R } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { jsx as a, jsxs as T } from "react/jsx-runtime";
+import '../styles/metadata-instance-form-card-wrapper.css';const x = "_metadataInstanceForm_moyil_1", D = "_wrapperGradient_moyil_7", L = "_suggestionsFetching_moyil_17", N = "_metadataInstanceFormContent_moyil_23", G = "_showOverlay_moyil_30", s = {
   metadataInstanceForm: x,
   wrapperGradient: D,
   suggestionsFetching: L,
   metadataInstanceFormContent: N,
-  showOverlay: O
-}, z = (n) => {
+  showOverlay: G
+}, U = (n) => {
   const {
     areAiSuggestionsAvailable: o,
     children: i,
     className: r,
-    formRef: m,
-    isAdvancedExtractAgentEnabled: l = !1,
+    formRef: l,
+    isAdvancedExtractAgentEnabled: m = !1,
     isAiSuggestionsFeatureEnabled: d,
     isBetaLanguageEnabled: c,
-    isLargeFile: g = !1,
-    isDeleteButtonDisabled: p,
-    suggestions: u,
+    isConfidenceScoreReviewEnabled: g = !1,
+    isLargeFile: p = !1,
+    isDeleteButtonDisabled: u,
+    onToggleReviewFilter: F,
+    shouldShowOnlyReviewFields: _ = !1,
+    suggestions: f,
     isFetchingSuggestions: e,
-    isFormDirty: F = !1,
+    isFormDirty: h = !1,
     selectedTemplateInstance: t,
-    getAiSuggestions: _,
-    handleCancel: h,
-    handleDelete: f
+    getAiSuggestions: y,
+    handleCancel: w,
+    handleDelete: C
   } = n, {
-    enableModernizedComponents: y
-  } = A(), I = t?.templateKey === S, C = !!u[t?.templateKey];
+    enableModernizedComponents: I
+  } = v(), E = t?.templateKey === b, S = !!f[t?.templateKey];
   return /* @__PURE__ */ a("div", {
     className: e && s.wrapperGradient,
-    "data-modern": y,
-    children: /* @__PURE__ */ v(E, {
-      ref: m,
+    "data-modern": I,
+    children: /* @__PURE__ */ T(A, {
+      ref: l,
       className: M(r, {
         [s.suggestionsFetching]: e
       }),
-      children: [/* @__PURE__ */ a(w, {
+      children: [/* @__PURE__ */ a(R, {
         areAiSuggestionsAvailable: o,
-        hasSuggestions: C,
-        isAdvancedExtractAgentEnabled: l,
-        isAiSuggestionsFeatureEnabled: d && !I,
+        hasSuggestions: S,
+        isAdvancedExtractAgentEnabled: m,
+        isAiSuggestionsFeatureEnabled: d && !E,
         isBetaLanguageEnabled: c,
-        isLargeFile: g,
+        isConfidenceScoreReviewEnabled: g,
+        isLargeFile: p,
         isLoading: e,
-        onAutofill: _,
+        onAutofill: y,
+        onToggleReviewFilter: F,
+        shouldShowOnlyReviewFields: _,
         templateName: t?.displayName
-      }), t && i, /* @__PURE__ */ a(b, {
-        isDeleteButtonDisabled: p,
+      }), t && i, /* @__PURE__ */ a(O, {
+        isDeleteButtonDisabled: u,
         isLoading: e,
-        onCancel: () => h(F),
-        onDelete: f
+        onCancel: () => w(h),
+        onDelete: C
       })]
     })
   });
 };
 export {
-  z as M,
+  U as M,
   s
 };

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

@@ -1,145 +1,150 @@
 import "../custom-instance-new-field/custom-instance-new-field.js";
-import { DeleteConfirmationModal as J } from "../delete-confirmation-modal/delete-confirmation-modal.js";
+import { DeleteConfirmationModal as H } from "../delete-confirmation-modal/delete-confirmation-modal.js";
 import "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
 import "../metadata-instance-form-header/metadata-instance-form-header.js";
-import z from "clsx";
-import { Formik as G, Form as H } from "formik";
-import Q from "lodash/isEqual";
-import { useState as y, useEffect as O, useRef as x, useMemo as X } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as Y } from "../../../../constants.js";
-import { useAutofill as Z } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as ee } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as te } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { AutofillOverlay as ae } from "../autofill-overlay/autofill-overlay.js";
-import { CustomInstance as ne } from "../custom-instance/custom-instance.js";
-import { c as oe } from "../../../../../../chunks/utils.js";
-import { s as d, M as se } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
-import { jsx as n, jsxs as S } from "react/jsx-runtime";
-import { UnsavedChangesModal as re } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
-const ie = ({
+import Q from "clsx";
+import { Formik as X, Form as Y } from "formik";
+import Z from "lodash/isEqual";
+import { useState as O, useEffect as S, useRef as v, useMemo as ee } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as te } from "../../../../constants.js";
+import { useAutofill as ae } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as ne } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as oe } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { AutofillOverlay as se } from "../autofill-overlay/autofill-overlay.js";
+import { CustomInstance as re } from "../custom-instance/custom-instance.js";
+import { c as ie } from "../../../../../../chunks/utils.js";
+import { s as c, M as le } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { UnsavedChangesModal as me } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+const de = ({
   dirty: i,
   onChange: l,
   values: t
 }) => {
-  const s = x(t);
-  return i && !Q(s.current.metadata.fields, t.metadata.fields) && (s.current = t, l(t)), null;
-}, Ie = (i) => {
+  const s = v(t);
+  return i && !Z(s.current.metadata.fields, t.metadata.fields) && (s.current = t, l(t)), null;
+}, we = (i) => {
   const {
     areAiSuggestionsAvailable: l,
     customRef: t,
     isLargeFile: s,
     errorCode: m,
-    isAiSuggestionsFeatureEnabled: c,
+    isAiSuggestionsFeatureEnabled: d,
     isAdvancedExtractAgentEnabled: D = !1,
     isBetaLanguageEnabled: I,
-    isDeleteButtonDisabled: v,
+    isDeleteButtonDisabled: w,
     isDeleteConfirmationModalCheckboxEnabled: A,
-    isMultilevelTaxonomyFieldEnabled: p,
-    isUnsavedChangesModalOpen: T = !1,
-    MetadataInstanceFormCustomWrapper: w,
+    isMultilevelTaxonomyFieldEnabled: f,
+    isUnsavedChangesModalOpen: R = !1,
+    MetadataInstanceFormCustomWrapper: T,
     selectedTemplateInstance: e,
-    onCancel: R,
-    onChange: f,
-    onDelete: L,
-    onDiscardUnsavedChanges: k,
-    onSubmit: N,
+    onCancel: L,
+    onChange: p,
+    onDelete: k,
+    onDiscardUnsavedChanges: N,
+    onSubmit: P,
+    onToggleReviewFilter: U,
     setIsUnsavedChangesModalOpen: u,
-    taxonomyOptionsFetcher: g,
-    isConfidenceScoreReviewEnabled: le = !1
-  } = i, P = w ?? se, [U, E] = y(!1), {
+    shouldShowOnlyReviewFields: g = !1,
+    taxonomyOptionsFetcher: h,
+    isConfidenceScoreReviewEnabled: B = !1
+  } = i, K = T ?? le, [V, E] = O(!1), {
     isFetchingSuggestions: o,
     isLongLoading: C,
-    getAiSuggestions: B,
-    clearState: h,
-    suggestions: K
-  } = Z();
-  O(() => () => {
-    h();
-  }, [h, e?.id]);
-  const b = e?.templateKey === Y, V = async (a) => {
-    await N(a, oe(a, e));
-  }, W = (a) => {
-    a ? u(!0) : R();
-  }, j = () => {
+    getAiSuggestions: W,
+    clearState: F,
+    suggestions: j
+  } = ae();
+  S(() => () => {
+    F();
+  }, [F, e?.id]);
+  const b = e?.templateKey === te, _ = async (a) => {
+    await P(a, ie(a, e));
+  }, $ = (a) => {
+    a ? u(!0) : L();
+  }, q = () => {
     E(!0);
-  }, _ = {
+  }, J = {
     metadata: {
       ...e
     }
-  }, F = x(null), [M, $] = y(null);
-  O(() => {
-    $(t ?? F.current);
+  }, y = v(null), [M, z] = O(null);
+  S(() => {
+    z(t ?? y.current);
   }, [t, e?.templateKey, e?.scope]);
-  const q = X(() => {
+  const G = ee(() => {
     const a = e?.fields.length === 0;
     if (b)
-      return /* @__PURE__ */ n(ne, {
+      return /* @__PURE__ */ n(re, {
         isLoading: o
       });
     if (a)
-      return /* @__PURE__ */ n(te, {
-        isBoxAiSuggestionsFeatureEnabled: c,
+      return /* @__PURE__ */ n(oe, {
+        isBoxAiSuggestionsFeatureEnabled: d,
         level: "instance"
       });
     const r = !!(o || m);
-    return /* @__PURE__ */ S("div", {
-      className: z(d.metadataInstanceFormContent, r && d.showOverlay),
-      children: [/* @__PURE__ */ n(ae, {
+    return /* @__PURE__ */ x("div", {
+      className: Q(c.metadataInstanceFormContent, r && c.showOverlay),
+      children: [/* @__PURE__ */ n(se, {
         errorCode: m,
         isFetchingSuggestions: o,
         isLongLoading: C
-      }), /* @__PURE__ */ n(ee, {
+      }), /* @__PURE__ */ n(ne, {
         disableForm: o,
         isExternallyOwned: e?.isExternallyOwned,
-        isMultilevelTaxonomyFieldEnabled: p,
+        isMultilevelTaxonomyFieldEnabled: f,
         portalElement: t ?? M,
-        taxonomyOptionsFetcher: g
+        taxonomyOptionsFetcher: h
       })]
     });
-  }, [e?.fields.length, b, o, C, t, M, g, c, p, m, e?.isExternallyOwned]);
-  return /* @__PURE__ */ n(G, {
-    initialValues: _,
-    onSubmit: V,
+  }, [e?.fields.length, e?.isExternallyOwned, b, o, C, t, M, h, d, f, m, g]);
+  return /* @__PURE__ */ n(X, {
+    initialValues: J,
+    onSubmit: _,
     children: ({
       values: a,
       dirty: r
-    }) => /* @__PURE__ */ S(H, {
-      children: [/* @__PURE__ */ n(P, {
+    }) => /* @__PURE__ */ x(Y, {
+      children: [/* @__PURE__ */ n(K, {
         areAiSuggestionsAvailable: l,
-        className: d.metadataInstanceForm,
-        formRef: F,
+        className: c.metadataInstanceForm,
+        formRef: y,
         formValues: a,
-        getAiSuggestions: B,
-        handleCancel: W,
-        handleDelete: j,
+        getAiSuggestions: W,
+        handleCancel: $,
+        handleDelete: q,
         isAdvancedExtractAgentEnabled: D,
-        isAiSuggestionsFeatureEnabled: c,
+        isAiSuggestionsFeatureEnabled: d,
         isBetaLanguageEnabled: I,
-        isDeleteButtonDisabled: v,
+        isConfidenceScoreReviewEnabled: B,
+        isDeleteButtonDisabled: w,
         isFetchingSuggestions: o,
         isFormDirty: r,
         isLargeFile: s,
+        onToggleReviewFilter: U,
         selectedTemplateInstance: e,
-        suggestions: K,
-        children: e && q
-      }), f && /* @__PURE__ */ n(ie, {
+        shouldShowOnlyReviewFields: g,
+        suggestions: j,
+        children: e && G
+      }), p && /* @__PURE__ */ n(de, {
         dirty: r,
-        onChange: f,
+        onChange: p,
         values: a
-      }), /* @__PURE__ */ n(re, {
+      }), /* @__PURE__ */ n(me, {
         onBackToEdit: () => u(!1),
-        onDiscardChanges: k,
-        open: T
-      }), /* @__PURE__ */ n(J, {
+        onDiscardChanges: N,
+        open: R
+      }), /* @__PURE__ */ n(H, {
         isCheckboxEnabled: A,
-        onConfirm: () => L(e),
+        onConfirm: () => k(e),
         onDismiss: () => E(!1),
-        open: U,
+        open: V,
         templateName: e?.displayName
       })]
     })
   }, `${e?.scope}.${e?.templateKey}`);
 };
 export {
-  Ie as MetadataInstanceForm
+  we as MetadataInstanceForm
 };

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

@@ -1,43 +1,58 @@
-import { useIntl as p } from "react-intl";
-import H from "../../../interactive-header-text/interactive-header-text.js";
-import { MetadataInstanceFormAutofillButton as _ } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import { MetadataInstanceFormInlineNotice as h } from "../metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
-import u from "./messages.js";
-import { jsxs as o, Fragment as x, jsx as t } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-header.css';const M = "_metadataInstanceFormHeader_1hzt2_1", N = "_title_1hzt2_9", n = {
-  metadataInstanceFormHeader: M,
-  title: N
-}, k = ({
-  areAiSuggestionsAvailable: e,
-  hasSuggestions: r,
-  isAdvancedExtractAgentEnabled: m = !1,
-  isAiSuggestionsFeatureEnabled: s,
-  isBetaLanguageEnabled: a,
-  isLargeFile: c,
-  isLoading: i,
-  templateName: l,
-  onAutofill: d
+import { useFormikContext as M } from "formik";
+import { useMemo as h } from "react";
+import { useIntl as v } from "react-intl";
+import { getFieldsNeedingReview as w } from "../../../../utils/confidence-score/get-fields-needing-review.js";
+import W from "../../../interactive-header-text/interactive-header-text.js";
+import { MetadataInstanceReviewNotice as g } from "../../../metadata-instance-review-notice/metadata-instance-review-notice.js";
+import { MetadataInstanceFormAutofillButton as T } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import { MetadataInstanceFormInlineNotice as j } from "../metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
+import k from "./messages.js";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-header.css';const y = "_metadataInstanceFormHeaderWrapper_3nbmr_1", C = "_metadataInstanceFormHeader_3nbmr_1", R = "_title_3nbmr_15", a = {
+  metadataInstanceFormHeaderWrapper: y,
+  metadataInstanceFormHeader: C,
+  title: R
+}, O = ({
+  areAiSuggestionsAvailable: r,
+  hasSuggestions: i,
+  isAdvancedExtractAgentEnabled: d = !1,
+  isAiSuggestionsFeatureEnabled: l,
+  isBetaLanguageEnabled: o,
+  isConfidenceScoreReviewEnabled: e = !1,
+  isLargeFile: p,
+  isLoading: f,
+  onToggleReviewFilter: m,
+  shouldShowOnlyReviewFields: I = !1,
+  templateName: F,
+  onAutofill: u
 }) => {
-  const I = p(), f = l ?? I.formatMessage(u.customInstanceTitle), F = r && e;
-  return /* @__PURE__ */ o(x, {
-    children: [/* @__PURE__ */ o("div", {
-      className: n.metadataInstanceFormHeader,
-      children: [/* @__PURE__ */ t(H, {
-        className: n.title,
-        title: f
-      }), s ? /* @__PURE__ */ t(_, {
-        areAiSuggestionsAvailable: e,
-        isAdvancedExtractAgentEnabled: m,
-        isBetaLanguageEnabled: a,
-        isLoading: i,
-        onAutofill: d
+  const H = v(), {
+    values: n
+  } = M(), s = h(() => e ? w(n.metadata?.fields ?? []).length : 0, [n.metadata?.fields, e]), N = F ?? H.formatMessage(k.customInstanceTitle), _ = i && r, x = e && s > 0 && m !== void 0;
+  return /* @__PURE__ */ c("div", {
+    className: a.metadataInstanceFormHeaderWrapper,
+    children: [/* @__PURE__ */ c("div", {
+      className: a.metadataInstanceFormHeader,
+      children: [/* @__PURE__ */ t(W, {
+        className: a.title,
+        title: N
+      }), l ? /* @__PURE__ */ t(T, {
+        areAiSuggestionsAvailable: r,
+        isAdvancedExtractAgentEnabled: d,
+        isBetaLanguageEnabled: o,
+        isLoading: f,
+        onAutofill: u
       }) : null]
-    }), F && /* @__PURE__ */ t(h, {
-      isBetaLanguageEnabled: a,
-      isLargeFile: c
+    }), _ && /* @__PURE__ */ t(j, {
+      isBetaLanguageEnabled: o,
+      isLargeFile: p
+    }), x && /* @__PURE__ */ t(g, {
+      fieldsNeedingReviewCount: s,
+      isLowScoreFilteringEnabled: I,
+      onTextToggleClick: m
     })]
   });
 };
 export {
-  k as MetadataInstanceFormHeader
+  O as MetadataInstanceFormHeader
 };

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

@@ -1,43 +1,35 @@
-import { useIntl as c } from "react-intl";
-import { InlineNotice as l, Text as t } from "@box/blueprint-web";
-import i from "./messages.js";
-import { jsxs as a, Fragment as d, jsx as n } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-inline-notice.css';const m = "_inlineNotice_j1wao_1", s = {
-  inlineNotice: m
-}, p = ({
+import { useIntl as s } from "react-intl";
+import { InlineNotice as n, Text as t } from "@box/blueprint-web";
+import a from "./messages.js";
+import { jsxs as r, Fragment as c, jsx as l } from "react/jsx-runtime";
+const p = ({
   isLargeFile: o,
-  isBetaLanguageEnabled: r
+  isBetaLanguageEnabled: i
 }) => {
-  const e = c();
-  return !r && !o ? null : /* @__PURE__ */ a(d, {
-    children: [o && /* @__PURE__ */ n("div", {
-      className: s.inlineNotice,
-      children: /* @__PURE__ */ a(l, {
-        variant: "warning",
-        variantIconAriaLabel: e.formatMessage(i.largeFileNoticeHeader),
-        children: [/* @__PURE__ */ n(t, {
-          as: "p",
-          variant: "bodyDefaultBold",
-          children: e.formatMessage(i.largeFileNoticeHeader)
-        }), /* @__PURE__ */ a(t, {
-          as: "p",
-          children: [e.formatMessage(i.largeFileNoticeBody), " "]
-        })]
-      })
-    }), r && /* @__PURE__ */ n("div", {
-      className: s.inlineNotice,
-      children: /* @__PURE__ */ a(l, {
-        variant: "info",
-        variantIconAriaLabel: e.formatMessage(i.autofillInBetaNoticeHeader),
-        children: [/* @__PURE__ */ n(t, {
-          as: "p",
-          variant: "bodyDefaultBold",
-          children: e.formatMessage(i.autofillInBetaNoticeHeader)
-        }), /* @__PURE__ */ a(t, {
-          as: "p",
-          children: [e.formatMessage(i.autofillInBetaNoticeBody), " "]
-        })]
-      })
+  const e = s();
+  return !i && !o ? null : /* @__PURE__ */ r(c, {
+    children: [o && /* @__PURE__ */ r(n, {
+      variant: "warning",
+      variantIconAriaLabel: e.formatMessage(a.largeFileNoticeHeader),
+      children: [/* @__PURE__ */ l(t, {
+        as: "p",
+        variant: "bodyDefaultBold",
+        children: e.formatMessage(a.largeFileNoticeHeader)
+      }), /* @__PURE__ */ r(t, {
+        as: "p",
+        children: [e.formatMessage(a.largeFileNoticeBody), " "]
+      })]
+    }), i && /* @__PURE__ */ r(n, {
+      variant: "info",
+      variantIconAriaLabel: e.formatMessage(a.autofillInBetaNoticeHeader),
+      children: [/* @__PURE__ */ l(t, {
+        as: "p",
+        variant: "bodyDefaultBold",
+        children: e.formatMessage(a.autofillInBetaNoticeHeader)
+      }), /* @__PURE__ */ r(t, {
+        as: "p",
+        children: [e.formatMessage(a.autofillInBetaNoticeBody), " "]
+      })]
     })]
   });
 };

package/dist/i18n/ja-JP.js

@@ -24,16 +24,16 @@ export default {
   "groupSharedFeatures.metadataEditor.metadataEditorFields.setValuePlaceholder": "値を設定",
   "groupSharedFeatures.metadataEditor.metadataEditorFields.switchToNextMonth": "翌月に切り替え",
   "groupSharedFeatures.metadataEditor.metadataEditorFields.switchToPreviousMonth": "前月に切り替え",
-  "groupSharedFeatures.metadataEditor.metadataEditorFields.taxonomyExternallyOwned": "外部で共有されているメタデータ階層の編集機能は使用できません",
+  "groupSharedFeatures.metadataEditor.metadataEditorFields.taxonomyExternallyOwned": "外部で共有されているメタデータ階層で編集機能は使用できません",
   "groupSharedFeatures.metadataEditor.metadataEditorFields.taxonomyPlaceholder": "オプションを選択してください",
   "groupSharedFeatures.metadataEditor.metadataEditorFields.toggleUpdateModeSelectiorAriaLabel": "更新モードセレクタの切り替え",
   "groupSharedFeatures.metadataEditor.metadataEditorFields.with": "置き換え後の値",
   "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.hideButtonTooltip": "レビューモードを閉じる",
   "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.hideReviewFieldsCTA": "非表示",
-  "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.iconAriaLabel": "アラートをレビュー",
-  "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.reviewFieldsNoticeHeader": "{count,plural,one{#フィールドで} other{#フィールドで}}レビューが必要です",
+  "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.iconAriaLabel": "レビューアラート",
+  "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.reviewFieldsNoticeHeader": "{count,plural,one{#個のフィールドで} other{#個のフィールドで}}レビューが必要です",
   "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.showingReviewFields": "レビューが必要なフィールドを表示中",
-  "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.viewButtonTooltip": "Box AIが返した信頼度が低いため、{count,plural,one{#フィールドで} other{#フィールドで}}レビューが必要です。クリックしてレビューを開始してください。",
+  "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.viewButtonTooltip": "Box AIが低い信頼度を返したため、{count,plural,one{#個のフィールドで} other{#個のフィールドで}}レビューが必要です。クリックしてレビューを開始してください。",
   "groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.viewReviewFieldsCTA": "表示",
   "groupSharedFeatures.metadataEditor.metadataTemplateSelector.add": "追加",
   "groupSharedFeatures.metadataEditor.metadataTemplateSelector.cancel": "キャンセル",
@@ -59,9 +59,9 @@ export default {
   "metadataEditor.autofillButton.tooltip.enhanced": "Box AIによる自動入力 (強化)",
   "metadataEditor.autofillButton.tooltip.ga": "Box AIによる自動入力",
   "metadataEditor.autofillButton.tooltip.standard": "Box AIによる自動入力 (標準)",
-  "metadataEditor.confidenceScore.tooltipHighConfidence": "Box AIは、この抽出について高い信頼度レベル ({score}) を返しました。",
-  "metadataEditor.confidenceScore.tooltipLowConfidence": "Box AIは、この抽出について低い信頼度レベル ({score}) を返しました。値をレビューしてください。",
-  "metadataEditor.confidenceScore.tooltipReviewedAndAccepted": "信頼度スコア ({score}) はユーザーによってレビューされ、受け入れられました。",
+  "metadataEditor.confidenceScore.tooltipHighConfidence": "Box AIは、この抽出に対して高い信頼度レベル ({score}) を返しました。",
+  "metadataEditor.confidenceScore.tooltipLowConfidence": "Box AIは、この抽出に対して低い信頼度レベル ({score}) を返しました。値をレビューしてください。",
+  "metadataEditor.confidenceScore.tooltipReviewedAndAccepted": "信頼度スコア ({score}) がユーザーによってレビューされ、承認されました。",
   "metadataEditor.editInstance.deleteConfirmationModal.body.checkboxLabel": "メタデータインスタンスの削除を確認",
   "metadataEditor.editInstance.deleteConfirmationModal.body.firstParagraph": "このファイルから、メタデータテンプレート「{templateName}」とそのすべての値を削除してもよろしいですか?",
   "metadataEditor.editInstance.deleteConfirmationModal.body.firstParagraphCheckboxVersion": "「{templateName}」メタデータインスタンスとその値を削除してもよろしいですか?",
@@ -126,7 +126,7 @@ export default {
   "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.largeFileNoticeHeader": "コンテンツが大きすぎます",
   "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.loadingButtonAriaLabel": "読み込み中...",
   "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.standardExtractAgent": "標準",
-  "metadataEditor.metadataInstanceEntry.confidenceScoreIconAriaLabel": "信頼度スコアが低い - レビューが必要です",
+  "metadataEditor.metadataInstanceEntry.confidenceScoreIconAriaLabel": "低い信頼度スコア - レビューが必要です",
   "metadataEditor.unsavedChangesModal.body": "メタデータテンプレートに保存されていない変更があります。どのように続行しますか?",
   "metadataEditor.unsavedChangesModal.closeLabel": "閉じる",
   "metadataEditor.unsavedChangesModal.continueEditingCTA": "編集を続行",

package/dist/i18n/ja-JP.properties

@@ -49,7 +49,7 @@ groupSharedFeatures.metadataEditor.metadataEditorFields.switchToNextMonth = 翌
 # Aria label for switching to the previous month in the calendar
 groupSharedFeatures.metadataEditor.metadataEditorFields.switchToPreviousMonth = 前月に切り替え
 # Tooltip text for a taxonomy field that is externally owned
-groupSharedFeatures.metadataEditor.metadataEditorFields.taxonomyExternallyOwned = 外部で共有されているメタデータ階層の編集機能は使用できません
+groupSharedFeatures.metadataEditor.metadataEditorFields.taxonomyExternallyOwned = 外部で共有されているメタデータ階層で編集機能は使用できません
 # Placeholder text for selecting a taxonomy option
 groupSharedFeatures.metadataEditor.metadataEditorFields.taxonomyPlaceholder = オプションを選択してください
 # aria-label for an icon button that toggles visiblity of update mode slection radio control.
@@ -61,13 +61,13 @@ groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.hideButtonToolti
 # Call to action to show all fields again
 groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.hideReviewFieldsCTA = 非表示
 # Aria label for the alert icon indicating fields need review
-groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.iconAriaLabel = アラートをレビュー
+groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.iconAriaLabel = レビューアラート
 # Header text indicating how many fields need review
-groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.reviewFieldsNoticeHeader = {count,plural,one{#フィールドで} other{#フィールドで}}レビューが必要です
+groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.reviewFieldsNoticeHeader = {count,plural,one{#個のフィールドで} other{#個のフィールドで}}レビューが必要です
 # Text shown when displaying only fields that need review
 groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.showingReviewFields = レビューが必要なフィールドを表示中
 # Tooltip for View button explaining why fields need review
-groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.viewButtonTooltip = Box AIが返した信頼度が低いため、{count,plural,one{#フィールドで} other{#フィールドで}}レビューが必要です。クリックしてレビューを開始してください。
+groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.viewButtonTooltip = Box AIが低い信頼度を返したため、{count,plural,one{#個のフィールドで} other{#個のフィールドで}}レビューが必要です。クリックしてレビューを開始してください。
 # Call to action to show only fields that need review
 groupSharedFeatures.metadataEditor.metadataInstanceReviewNotice.viewReviewFieldsCTA = 表示
 # Label for the button that applies the selection and closes the template selection dialog
@@ -119,11 +119,11 @@ metadataEditor.autofillButton.tooltip.ga = Box AIによる自動入力
 # Tooltip for the autofill button when using standard AI agent
 metadataEditor.autofillButton.tooltip.standard = Box AIによる自動入力 (標準)
 # Tooltip message shown when Box AI extraction has high confidence score. {score} is the formatted percentage (e.g., "95%")
-metadataEditor.confidenceScore.tooltipHighConfidence = Box AIは、この抽出について高い信頼度レベル ({score}) を返しました。
+metadataEditor.confidenceScore.tooltipHighConfidence = Box AIは、この抽出に対して高い信頼度レベル ({score}) を返しました。
 # Tooltip message shown when Box AI extraction has low confidence score. {score} is the formatted percentage (e.g., "35%")
-metadataEditor.confidenceScore.tooltipLowConfidence = Box AIは、この抽出について低い信頼度レベル ({score}) を返しました。値をレビューしてください。
+metadataEditor.confidenceScore.tooltipLowConfidence = Box AIは、この抽出に対して低い信頼度レベル ({score}) を返しました。値をレビューしてください。
 # Tooltip message shown when a low confidence extraction has been reviewed and accepted by user
-metadataEditor.confidenceScore.tooltipReviewedAndAccepted = 信頼度スコア ({score}) はユーザーによってレビューされ、受け入れられました。
+metadataEditor.confidenceScore.tooltipReviewedAndAccepted = 信頼度スコア ({score}) がユーザーによってレビューされ、承認されました。
 # Label informing how to confirm deletion of the template
 metadataEditor.editInstance.deleteConfirmationModal.body.checkboxLabel = メタデータインスタンスの削除を確認
 # Paragraph asking user are they sure that they want to delete the template
@@ -253,7 +253,7 @@ metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.loadingButtonAr
 # Text for the standard extract agent
 metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.standardExtractAgent = 標準
 # Accessible label for the confidence score warning icon in view mode
-metadataEditor.metadataInstanceEntry.confidenceScoreIconAriaLabel = 信頼度スコアが低い - レビューが必要です
+metadataEditor.metadataInstanceEntry.confidenceScoreIconAriaLabel = 低い信頼度スコア - レビューが必要です
 # Body for the unsaved changes modal
 metadataEditor.unsavedChangesModal.body = メタデータテンプレートに保存されていない変更があります。どのように続行しますか?
 # Label for close (x) button

package/dist/styles/metadata-instance-form-header.css

@@ -1 +1 @@
-._metadataInstanceFormHeader_1hzt2_1{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;padding-block-end:var(--space-4);border-block-end:solid var(--gray-10) var(--border-1)}._metadataInstanceFormHeader_1hzt2_1 ._title_1hzt2_9{width:100%}
+._metadataInstanceFormHeaderWrapper_3nbmr_1{display:flex;flex-direction:column;gap:var(--bp-space-040)}._metadataInstanceFormHeader_3nbmr_1{display:flex;gap:var(--bp-space-020);align-items:center;justify-content:space-between;padding-block-end:var(--bp-space-040);border-block-end:solid var(--bp-gray-10) var(--bp-border-01)}._metadataInstanceFormHeader_3nbmr_1 ._title_3nbmr_15{width:100%}

package/dist/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/types.d.ts

@@ -21,7 +21,9 @@ export type MetadataInstanceFormProps = {
     /** Callback invoked when clicking Discard Changes button on the UnsavedChangesModal - can be used to reset form values */
     onDiscardUnsavedChanges?: () => void;
     onSubmit: (values: FormValues, operations: JSONPatchOperations) => Promise<void>;
+    onToggleReviewFilter?: () => void;
     setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;
+    shouldShowOnlyReviewFields?: boolean;
     taxonomyOptionsFetcher: TaxonomyOptionsFetcher;
     customRef?: HTMLDivElement | null;
     MetadataInstanceFormCustomWrapper?: React.ComponentType<MetadataInstanceFormWrapperProps<null>>;
@@ -35,11 +37,14 @@ export type MetadataInstanceFormWrapperProps<T> = {
     isAdvancedExtractAgentEnabled?: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     isBetaLanguageEnabled: boolean;
+    isConfidenceScoreReviewEnabled?: boolean;
     isLargeFile?: boolean;
     isDeleteButtonDisabled: boolean;
     isFetchingSuggestions: boolean;
     isFormDirty: boolean;
+    onToggleReviewFilter?: () => void;
     selectedTemplateInstance: MetadataTemplateInstance | null;
+    shouldShowOnlyReviewFields?: boolean;
     suggestions: AutofillSuggestions;
     handleDelete: () => void;
     handleCancel: (isDirty: boolean) => void;

package/dist/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.d.ts

@@ -1,2 +1,2 @@
 import { MetadataInstanceFormHeaderProps } from './types';
-export declare const MetadataInstanceFormHeader: ({ areAiSuggestionsAvailable, hasSuggestions, isAdvancedExtractAgentEnabled, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, isLargeFile, isLoading, templateName, onAutofill, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceFormHeader: ({ areAiSuggestionsAvailable, hasSuggestions, isAdvancedExtractAgentEnabled, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, isConfidenceScoreReviewEnabled, isLargeFile, isLoading, onToggleReviewFilter, shouldShowOnlyReviewFields, templateName, onAutofill, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/types.d.ts

@@ -5,8 +5,11 @@ export type MetadataInstanceFormHeaderProps = {
     isAdvancedExtractAgentEnabled?: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     isBetaLanguageEnabled: boolean;
+    isConfidenceScoreReviewEnabled?: boolean;
     isLargeFile: boolean;
     isLoading: boolean;
     onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
+    onToggleReviewFilter?: () => void;
+    shouldShowOnlyReviewFields?: boolean;
     templateName?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "1.48.1",
+    "version": "1.50.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/box-ai-agent-selector": "^1.38.0",

package/dist/styles/metadata-instance-form-inline-notice.css

@@ -1 +0,0 @@
-._inlineNotice_j1wao_1{padding-top:var(--space-4)}