@box/metadata-editor 1.31.0 → 1.32.0

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

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

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

@@ -1,29 +1,34 @@
-import { getVisibleTemplates as c } from "../../utils/utils.js";
-import { MetadataInstance as d } from "./subcomponents/metadata-instance/metadata-instance.js";
-import { jsx as a } from "react/jsx-runtime";
+import { ConfidenceScoreContextProvider as d } from "../../utils/confidence-score-context.js";
+import { getVisibleTemplates as f } from "../../utils/utils.js";
+import { MetadataInstance as l } from "./subcomponents/metadata-instance/metadata-instance.js";
+import { jsx as t } from "react/jsx-runtime";
 import "./subcomponents/metadata-instance-header/metadata-instance-header.js";
-import '../../../../styles/metadata-instance-list.css';const p = "_metadataInstanceList_bd83w_1", l = {
+import '../../../../styles/metadata-instance-list.css';const p = "_metadataInstanceList_bd83w_1", I = {
   metadataInstanceList: p
-}, b = ({
-  areAiSuggestionsAvailable: s,
-  isAiSuggestionsFeatureEnabled: e,
+}, v = ({
+  areAiSuggestionsAvailable: e,
+  isAiSuggestionsFeatureEnabled: s,
   isBetaLanguageEnabled: n,
   onEdit: i,
-  templateInstances: m,
-  taxonomyNodeFetcher: o,
-  isAdvancedExtractAgentEnabled: r = !1
-}) => /* @__PURE__ */ a("div", {
-  className: l.metadataInstanceList,
-  children: c(m).map((t) => /* @__PURE__ */ a(d, {
-    areAiSuggestionsAvailable: s,
-    isAdvancedExtractAgentEnabled: r,
-    isAiSuggestionsFeatureEnabled: e,
-    isBetaLanguageEnabled: n,
-    onEdit: i,
-    taxonomyNodeFetcher: o,
-    templateInstance: t
-  }, t.id))
+  templateInstances: o,
+  taxonomyNodeFetcher: r,
+  isAdvancedExtractAgentEnabled: m = !1,
+  isConfidenceScoreReviewEnabled: c = !1
+}) => /* @__PURE__ */ t(d, {
+  isConfidenceScoreReviewEnabled: c,
+  children: /* @__PURE__ */ t("div", {
+    className: I.metadataInstanceList,
+    children: f(o).map((a) => /* @__PURE__ */ t(l, {
+      areAiSuggestionsAvailable: e,
+      isAdvancedExtractAgentEnabled: m,
+      isAiSuggestionsFeatureEnabled: s,
+      isBetaLanguageEnabled: n,
+      onEdit: i,
+      taxonomyNodeFetcher: r,
+      templateInstance: a
+    }, a.id))
+  })
 });
 export {
-  b as MetadataInstanceList
+  v as MetadataInstanceList
 };

package/dist/esm/lib/utils/confidence-score-context.js

@@ -0,0 +1,24 @@
+import { createContext as t, useMemo as c, useContext as s } from "react";
+import { jsx as i } from "react/jsx-runtime";
+const r = /* @__PURE__ */ t(null), C = ({
+  children: e,
+  isConfidenceScoreReviewEnabled: o
+}) => {
+  const n = c(() => ({
+    isConfidenceScoreReviewEnabled: o
+  }), [o]);
+  return /* @__PURE__ */ i(r.Provider, {
+    value: n,
+    children: e
+  });
+}, f = () => {
+  const e = s(r);
+  if (!e)
+    throw new Error("useConfidenceScore should be wrapped inside ConfidenceScoreContextProvider");
+  return e;
+};
+export {
+  r as ConfidenceScoreContext,
+  C as ConfidenceScoreContextProvider,
+  f as useIsConfidenceScoreReviewEnabled
+};

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

@@ -26,6 +26,7 @@ export type MetadataInstanceFormProps = {
     customRef?: HTMLDivElement | null;
     MetadataInstanceFormCustomWrapper?: React.ComponentType<MetadataInstanceFormWrapperProps<null>>;
     isAdvancedExtractAgentEnabled?: boolean;
+    isConfidenceScoreReviewEnabled?: boolean;
 };
 export type MetadataInstanceFormWrapperProps<T> = {
     areAiSuggestionsAvailable: boolean;

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceListProps } from './types';
-export declare const MetadataInstanceList: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, templateInstances, taxonomyNodeFetcher, isAdvancedExtractAgentEnabled, }: MetadataInstanceListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceList: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, templateInstances, taxonomyNodeFetcher, isAdvancedExtractAgentEnabled, isConfidenceScoreReviewEnabled, }: MetadataInstanceListProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/types/lib/utils/confidence-score-context.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface ConfidenceScoreContextType {
+    isConfidenceScoreReviewEnabled: boolean;
+}
+export interface ConfidenceScoreContextProviderProps {
+    children: React.ReactNode;
+    isConfidenceScoreReviewEnabled: boolean;
+}
+export declare const ConfidenceScoreContext: React.Context<ConfidenceScoreContextType>;
+export declare const ConfidenceScoreContextProvider: ({ children, isConfidenceScoreReviewEnabled, }: ConfidenceScoreContextProviderProps) => React.ReactElement;
+export declare const useIsConfidenceScoreReviewEnabled: () => ConfidenceScoreContextType;

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@box/metadata-editor",
-    "version": "1.31.0",
+    "version": "1.32.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/box-ai-agent-selector": "^1.28.0",
-        "@box/blueprint-web": "^12.133.0",
-        "@box/blueprint-web-assets": "^4.99.7",
-        "@box/combobox-with-api": "^1.29.0",
+        "@box/box-ai-agent-selector": "^1.28.1",
+        "@box/blueprint-web": "^12.133.1",
+        "@box/blueprint-web-assets": "^4.99.8",
+        "@box/combobox-with-api": "^1.29.1",
         "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.28.0",
+        "@box/box-ai-agent-selector": "^1.28.1",
         "@box/babel-plugin-target-attributes": "1.4.0",
-        "@box/blueprint-web": "^12.133.0",
-        "@box/blueprint-web-assets": "^4.99.7",
-        "@box/storybook-utils": "^0.16.33",
+        "@box/blueprint-web": "^12.133.1",
+        "@box/blueprint-web-assets": "^4.99.8",
+        "@box/storybook-utils": "^0.16.34",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",