@box/metadata-editor 1.50.0 → 1.51.1

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

@@ -1,64 +1,75 @@
-import { Card as b, Divider as n } from "@box/blueprint-web";
-import { useState as g } from "react";
-import { useAutofill as H } from "../../../../utils/autofill-context.js";
-import { MetadataEmptyState as _ } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { MetadataInstanceContent as M } from "../metadata-instance-content/metadata-instance-content.js";
-import { MetadataInstanceFooter as N } from "../metadata-instance-footer/metadata-instance-footer.js";
-import { MetadataInstanceHeader as x } from "../metadata-instance-header/metadata-instance-header.js";
-import { jsxs as r, jsx as o, Fragment as u } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance.css';const F = "_topDivider_tzhlb_1", j = "_bottomDivider_tzhlb_5", p = {
-  topDivider: F,
-  bottomDivider: j
-}, G = ({
+import { Card as x, Divider as v } from "@box/blueprint-web";
+import { useState as S } from "react";
+import { useAutofill as F } from "../../../../utils/autofill-context.js";
+import { getFieldsNeedingReview as H } from "../../../../utils/confidence-score/get-fields-needing-review.js";
+import { MetadataEmptyState as M } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { MetadataInstanceContent as R } from "../metadata-instance-content/metadata-instance-content.js";
+import { MetadataInstanceFooter as b } from "../metadata-instance-footer/metadata-instance-footer.js";
+import { MetadataInstanceHeader as C } from "../metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstanceReviewNotice as j } from "../../../metadata-instance-review-notice/metadata-instance-review-notice.js";
+import { jsxs as d, jsx as t, Fragment as p } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance.css';const T = "_topDivider_1xnom_1", k = "_reviewNotice_1xnom_5", B = "_bottomDivider_1xnom_9", l = {
+  topDivider: T,
+  reviewNotice: k,
+  bottomDivider: B
+}, X = ({
   areAiSuggestionsAvailable: y,
-  isAiSuggestionsFeatureEnabled: l,
-  isBetaLanguageEnabled: c,
-  onEdit: d,
-  templateInstance: t,
+  isAiSuggestionsFeatureEnabled: n,
+  isBetaLanguageEnabled: f,
+  onEdit: s,
+  templateInstance: e,
   taxonomyNodeFetcher: h,
-  isAdvancedExtractAgentEnabled: v = !1,
-  isConfidenceScoreReviewEnabled: E
+  isAdvancedExtractAgentEnabled: N = !1,
+  isConfidenceScoreReviewEnabled: m = !1
 }) => {
-  const i = t.fields, m = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, f = i.every(m), V = i.some(m), A = i.length > 0, [a, s] = g(!0), {
-    getAiSuggestions: D
-  } = H(), S = (e) => {
-    d(t), D(t.templateKey, t.scope, e);
+  const i = e.fields, c = (o) => !o.value || Array.isArray(o.value) && o.value.length === 0, g = i.every(c), w = i.some(c), E = i.length > 0, u = H(i).length, V = m && u > 0, [r, a] = S(!0), {
+    getAiSuggestions: A
+  } = F(), D = (o) => {
+    s(e), A(e.templateKey, e.scope, o);
+  }, _ = () => {
+    s(e, !0);
   };
-  return /* @__PURE__ */ r(b, {
-    children: [/* @__PURE__ */ o(x, {
+  return /* @__PURE__ */ d(x, {
+    children: [/* @__PURE__ */ t(C, {
       areAiSuggestionsAvailable: y,
-      canEdit: t.canEdit,
-      isAdvancedExtractAgentEnabled: v,
-      isAiSuggestionsFeatureEnabled: l,
-      isBetaLanguageEnabled: c,
-      onAutofill: S,
-      onEdit: () => d(t),
-      templateName: t?.displayName
-    }), /* @__PURE__ */ o(n, {
-      className: p.topDivider
-    }), a && f ? /* @__PURE__ */ o(_, {
-      isAnyEmptyValueHidden: A,
-      isBoxAiSuggestionsFeatureEnabled: l,
+      canEdit: e.canEdit,
+      isAdvancedExtractAgentEnabled: N,
+      isAiSuggestionsFeatureEnabled: n,
+      isBetaLanguageEnabled: f,
+      onAutofill: D,
+      onEdit: () => s(e),
+      templateName: e?.displayName
+    }), /* @__PURE__ */ t(v, {
+      className: l.topDivider
+    }), V && /* @__PURE__ */ t("div", {
+      className: l.reviewNotice,
+      children: /* @__PURE__ */ t(j, {
+        fieldsNeedingReviewCount: u,
+        onTextToggleClick: _
+      })
+    }), r && g ? /* @__PURE__ */ t(M, {
+      isAnyEmptyValueHidden: E,
+      isBoxAiSuggestionsFeatureEnabled: n,
       level: "instance",
-      onShowEmptyValues: () => s(!1)
-    }) : /* @__PURE__ */ r(u, {
-      children: [/* @__PURE__ */ o(M, {
-        isConfidenceScoreReviewEnabled: E,
-        shouldHideEmptyValues: a,
+      onShowEmptyValues: () => a(!1)
+    }) : /* @__PURE__ */ d(p, {
+      children: [/* @__PURE__ */ t(R, {
+        isConfidenceScoreReviewEnabled: m,
+        shouldHideEmptyValues: r,
         taxonomyNodeFetcher: h,
-        templateInstance: t
-      }), V && /* @__PURE__ */ r(u, {
-        children: [/* @__PURE__ */ o(n, {
-          className: p.bottomDivider
-        }), /* @__PURE__ */ o(N, {
-          isAnyEmptyValueHidden: a,
-          onHideEmptyValues: () => s(!0),
-          onShowEmptyValues: () => s(!1)
+        templateInstance: e
+      }), w && /* @__PURE__ */ d(p, {
+        children: [/* @__PURE__ */ t(v, {
+          className: l.bottomDivider
+        }), /* @__PURE__ */ t(b, {
+          isAnyEmptyValueHidden: r,
+          onHideEmptyValues: () => a(!0),
+          onShowEmptyValues: () => a(!1)
         })]
       })]
     })]
   });
 };
 export {
-  G as MetadataInstance
+  X as MetadataInstance
 };

package/dist/styles/metadata-instance.css

@@ -1 +1 @@
-._topDivider_tzhlb_1{margin-block-end:var(--space-4)}._bottomDivider_tzhlb_5{margin-block-start:var(--space-4)}
+._topDivider_1xnom_1,._reviewNotice_1xnom_5{margin-block-end:var(--bp-space-040)}._bottomDivider_1xnom_9{margin-block-start:var(--bp-space-040)}

package/dist/types/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.d.ts

@@ -15,4 +15,4 @@ export declare const ComboboxWithApiPagination: import('react').ForwardRefExotic
     experimentalVirtualization?: boolean;
     className?: string;
     displaySingleSelectionAsChip?: boolean;
-} & import('@box/blueprint-web').Labelable & import('react').RefAttributes<HTMLInputElement>>;
+} & import('@box/blueprint-web/lib-esm/util-components/labelable/types').Labelable & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/lib/components/combobox-with-api-pagination/types.d.ts

@@ -1,4 +1,4 @@
-import { Labelable } from '@box/blueprint-web/src/lib/util-components/labelable/types';
+import { Labelable } from '@box/blueprint-web/lib-esm/util-components/labelable/types';
 import { ReactElement } from 'react';
 export interface PaginationQueryInput {
     marker?: string;

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

@@ -4,7 +4,7 @@ export type MetadataInstanceProps = {
     areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     isBetaLanguageEnabled: boolean;
-    onEdit: (templateInstance: MetadataTemplateInstance) => void;
+    onEdit: (templateInstance: MetadataTemplateInstance, shouldEnableReviewFilter?: boolean) => void;
     templateInstance: MetadataTemplateInstance;
     taxonomyNodeFetcher: TaxonomyNodeFetcher;
     isAdvancedExtractAgentEnabled?: boolean;

package/dist/types/lib/components/metadata-instance-list/types.d.ts

@@ -6,7 +6,7 @@ export type MetadataInstanceListProps = {
     isBetaLanguageEnabled: boolean;
     isAdvancedExtractAgentEnabled?: boolean;
     isConfidenceScoreReviewEnabled?: boolean;
-    onEdit: (templateInstacne: MetadataTemplateInstance) => void;
+    onEdit: (templateInstance: MetadataTemplateInstance, shouldEnableReviewFilter?: boolean) => void;
     templateInstances: MetadataTemplateInstance[];
     taxonomyNodeFetcher: TaxonomyNodeFetcher;
 };

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@box/metadata-editor",
-    "version": "1.50.0",
+    "version": "1.51.1",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/box-ai-agent-selector": "^1.38.0",
-        "@box/blueprint-web": "^13.3.0",
-        "@box/blueprint-web-assets": "^4.101.14",
-        "@box/combobox-with-api": "^1.41.1",
+        "@box/box-ai-agent-selector": "^1.38.2",
+        "@box/blueprint-web": "^13.3.2",
+        "@box/blueprint-web-assets": "^4.101.16",
+        "@box/combobox-with-api": "^1.41.3",
         "formik": "^2.0.3",
         "lodash": "^4.17.15",
         "react": "^17.0.0 || ^18.0.0",
@@ -15,11 +15,11 @@
     },
     "devDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/box-ai-agent-selector": "^1.38.0",
-        "@box/babel-plugin-target-attributes": "1.5.0",
-        "@box/blueprint-web": "^13.3.0",
-        "@box/blueprint-web-assets": "^4.101.14",
-        "@box/storybook-utils": "^0.16.51",
+        "@box/box-ai-agent-selector": "^1.38.2",
+        "@box/babel-plugin-target-attributes": "1.5.2",
+        "@box/blueprint-web": "^13.3.2",
+        "@box/blueprint-web-assets": "^4.101.16",
+        "@box/storybook-utils": "^0.16.53",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",