@box/metadata-editor 1.58.4 → 1.59.0

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

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

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

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

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

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

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

@@ -1,33 +1,40 @@
-import { MetadataInstanceEntry as r } from "../metadata-instance-entry/metadata-instance-entry.js";
-import { jsx as e } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-content.css';const m = "_metadataInstanceContent_1a9zf_1", y = {
-  metadataInstanceContent: m
-}, i = ({
-  shouldHideEmptyValues: a,
-  templateInstance: n,
-  taxonomyNodeFetcher: o,
-  isConfidenceScoreReviewEnabled: s
+import p from "clsx";
+import { MetadataInstanceEntry as y } from "../metadata-instance-entry/metadata-instance-entry.js";
+import { jsx as o } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-content.css';const i = "_metadataInstanceContent_1cb0f_1", C = "_metadataInstanceContentReducedGap_1cb0f_7", c = {
+  metadataInstanceContent: i,
+  metadataInstanceContentReducedGap: C
+}, _ = ({
+  onSelectMetadataField: n,
+  selectedMetadataFieldId: s,
+  shouldHideEmptyValues: m,
+  templateInstance: a,
+  taxonomyNodeFetcher: d,
+  isConfidenceScoreReviewEnabled: e
 }) => {
   const {
-    fields: c = []
-  } = n;
-  return /* @__PURE__ */ e("div", {
-    className: y.metadataInstanceContent,
-    children: c.filter((t) => !t.hidden).map((t) => /* @__PURE__ */ e(r, {
+    fields: r = []
+  } = a;
+  return /* @__PURE__ */ o("div", {
+    className: p(c.metadataInstanceContent, e && c.metadataInstanceContentReducedGap),
+    children: r.filter((t) => !t.hidden).map((t) => /* @__PURE__ */ o(y, {
       confidenceScore: t.confidenceScore,
       description: t.description,
-      isConfidenceScoreReviewEnabled: s,
-      isExternallyOwned: n.isExternallyOwned,
+      isConfidenceScoreReviewEnabled: e,
+      isExternallyOwned: a.isExternallyOwned,
+      isSelected: s === t.id,
       name: t.displayName || t.key,
+      onClick: n ? () => n(t) : void 0,
       scope: t.namespace,
-      shouldHideEmptyValues: a,
+      shouldHideEmptyValues: m,
       taxonomyKey: t.taxonomyKey,
-      taxonomyNodeFetcher: o,
+      taxonomyNodeFetcher: d,
       type: t.type,
-      value: t.value
+      value: t.value,
+      targetLocation: t.targetLocation
     }, t.id))
   });
 };
 export {
-  i as MetadataInstanceContent
+  _ as MetadataInstanceContent
 };