@box/metadata-editor 0.47.0 → 0.48.0

package/esm/index.js

@@ -1,33 +1,31 @@
 import { AddMetadataTemplateDropdown as a } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
 import { FilterDropdownMenu as r } from "./lib/components/filter-dropdown-menu/index.js";
-import { MetadataEmptyState as n } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
+import { MetadataEmptyState as m } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
 import { DeleteConfirmationModal as p } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormHeader as l } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { CustomInstanceNewField as i } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
-import { MetadataInstanceForm as s } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { MetadataInstanceFormHeader as x } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { CustomInstanceNewField as M } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
+import { MetadataInstanceForm as i } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
 import { MetadataInstanceList as I } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as F, autofillButtonAriaLabel as L, editButtonAriaLabel as w } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstanceHeader as F } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
 import { SingleLevelTaxonomyField as C } from "./lib/components/metadata-taxonomy-field/single-level-taxonomy-field.js";
 import { UnsavedChangesModal as U } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as g, defaultMetadataValueMap as v } from "./lib/defaults.js";
-import { MetadataEditor as B } from "./lib/metadata-editor.js";
-import { U as H } from "../chunks/types.js";
+import { defaultInitialValues as v, defaultMetadataValueMap as y } from "./lib/defaults.js";
+import { MetadataEditor as H } from "./lib/metadata-editor.js";
+import { U as S } from "../chunks/types.js";
 export {
   a as AddMetadataTemplateDropdown,
-  i as CustomInstanceNewField,
+  M as CustomInstanceNewField,
   p as DeleteConfirmationModal,
   r as FilterDropdownMenu,
-  B as MetadataEditor,
-  n as MetadataEmptyState,
-  s as MetadataInstanceForm,
-  l as MetadataInstanceFormHeader,
+  H as MetadataEditor,
+  m as MetadataEmptyState,
+  i as MetadataInstanceForm,
+  x as MetadataInstanceFormHeader,
   F as MetadataInstanceHeader,
   I as MetadataInstanceList,
   C as SingleLevelTaxonomyField,
   U as UnsavedChangesModal,
-  H as UpdateMode,
-  L as autofillButtonAriaLabel,
-  g as defaultInitialValues,
-  v as defaultMetadataValueMap,
-  w as editButtonAriaLabel
+  S as UpdateMode,
+  v as defaultInitialValues,
+  y as defaultMetadataValueMap
 };

package/esm/lib/components/interactive-text/interactive-text.js

@@ -1,22 +1,26 @@
 import { Focusable as c } from "@ariakit/react";
-import { Tooltip as i, Text as a } from "@box/blueprint-web";
+import { Tooltip as a, Text as i } from "@box/blueprint-web";
 import { jsx as t } from "react/jsx-runtime";
-const f = ({
-  tooltipText: e,
-  children: r,
-  as: o = "span",
-  ...n
-}) => /* @__PURE__ */ t(i, {
-  __checkInteractivity: !1,
-  content: e,
-  children: /* @__PURE__ */ t(c, {
-    render: /* @__PURE__ */ t(a, {
-      as: o,
-      ...n,
-      children: r
+const l = ({
+  tooltipText: r,
+  children: o,
+  ...e
+}) => {
+  const {
+    as: n = "span"
+  } = e;
+  return /* @__PURE__ */ t(a, {
+    __checkInteractivity: !1,
+    content: r,
+    children: /* @__PURE__ */ t(c, {
+      render: /* @__PURE__ */ t(i, {
+        as: n,
+        ...e,
+        children: o
+      })
     })
-  })
-});
+  });
+};
 export {
-  f as default
+  l as default
 };

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

@@ -1,5 +1,5 @@
 import "../../../../../../styles/metadata-instance-form.css";
-import { useState as l, useMemo as S } from "react";
+import { useState as g, useMemo as S } from "react";
 import { Formik as D } from "formik";
 import { Card as E } from "@box/blueprint-web";
 import { CustomInstance as y } from "../custom-instance/custom-instance.js";
@@ -11,32 +11,34 @@ import { UnsavedChangesModal as v } from "../../../unsaved-changes-modal/unsaved
 import { TemplateInstance as _ } from "../../../metadata-editor-fields/metadata-editor-fields.js";
 import { TEMPLATE_CUSTOM_PROPERTIES as x } from "../../../../constants.js";
 import { createJSONPatch as A } from "./utils.js";
-import { jsx as t, jsxs as d, Fragment as P } from "react/jsx-runtime";
+import { jsx as t, jsxs as l, Fragment as P } from "react/jsx-runtime";
 const U = "_metadataInstanceForm_1hu4u_1", j = {
   metadataInstanceForm: U
-}, X = (c) => {
+}, X = (d) => {
   const {
     isAiSuggestionsFeatureEnabled: o,
     isLoading: n,
+    isUnsavedChangesModalOpen: c = !1,
     onCancel: p,
     onDelete: f,
     onSubmit: u,
-    selectedTemplateInstance: e
-  } = c, [C, m] = l(!1), [M, r] = l(!1), i = (a) => {
-    u(e.id, A(a, e));
-  }, h = (a) => {
-    a ? m(!0) : p();
-  }, F = () => {
+    selectedTemplateInstance: e,
+    setIsUnsavedChangesModalOpen: s
+  } = d, [C, r] = g(!1), i = (a) => {
+    u(e.id, A(a, e)), s(!1);
+  }, M = (a) => {
+    a ? s(!0) : p();
+  }, h = () => {
     r(!0);
-  }, I = {
+  }, F = {
     metadata: {
       ...e
     }
-  }, g = S(() => {
-    const a = e.templateKey === x, s = e.fields.length === 0;
+  }, I = S(() => {
+    const a = e.templateKey === x, m = e.fields.length === 0;
     return a ? /* @__PURE__ */ t(y, {
       isLoading: n
-    }) : s ? /* @__PURE__ */ t(b, {
+    }) : m ? /* @__PURE__ */ t(b, {
       isBoxAiSuggestionsFeatureEnabled: o,
       level: "instance"
     }) : /* @__PURE__ */ t(_, {
@@ -44,31 +46,31 @@ const U = "_metadataInstanceForm_1hu4u_1", j = {
     });
   }, [e.templateKey, e.fields.length, n, o]);
   return /* @__PURE__ */ t(D, {
-    initialValues: I,
+    initialValues: F,
     onSubmit: i,
     children: ({
       values: a,
-      dirty: s
-    }) => /* @__PURE__ */ d(P, {
-      children: [/* @__PURE__ */ d(E, {
+      dirty: m
+    }) => /* @__PURE__ */ l(P, {
+      children: [/* @__PURE__ */ l(E, {
         className: j.metadataInstanceForm,
         children: [/* @__PURE__ */ t(T, {
           isAiSuggestionsFeatureEnabled: o,
           isLoading: n,
           templateName: e.displayName
-        }), g, /* @__PURE__ */ t(N, {
+        }), I, /* @__PURE__ */ t(N, {
           isLoading: n,
-          onCancel: () => h(s),
-          onDelete: F
+          onCancel: () => M(m),
+          onDelete: h
         })]
       }), /* @__PURE__ */ t(v, {
-        onDismiss: () => m(!1),
+        onDismiss: () => s(!1),
         onSaveAndContinue: () => i(a),
-        open: C
+        open: c
       }), /* @__PURE__ */ t(O, {
         onConfirm: () => f(e.id),
         onDismiss: () => r(!1),
-        open: M,
+        open: C,
         templateName: e.displayName
       })]
     })

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

@@ -1,8 +1,6 @@
 import { MetadataInstanceList as e } from "./metadata-instance-list.js";
-import { MetadataInstanceHeader as r, autofillButtonAriaLabel as n, editButtonAriaLabel as i } from "./subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstanceHeader as n } from "./subcomponents/metadata-instance-header/metadata-instance-header.js";
 export {
-  r as MetadataInstanceHeader,
-  e as MetadataInstanceList,
-  n as autofillButtonAriaLabel,
-  i as editButtonAriaLabel
+  n as MetadataInstanceHeader,
+  e as MetadataInstanceList
 };

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

@@ -1,46 +1,46 @@
 import "../../../../../../styles/metadata-instance.css";
-import { useState as f } from "react";
-import { Card as h, Divider as m } from "@box/blueprint-web";
-import { MetadataInstanceHeader as E } from "../metadata-instance-header/metadata-instance-header.js";
+import { useState as E } from "react";
+import { Card as f, Divider as m } from "@box/blueprint-web";
+import { MetadataInstanceHeader as h } from "../metadata-instance-header/metadata-instance-header.js";
 import { MetadataInstanceContent as D } from "../metadata-instance-content/metadata-instance-content.js";
 import { MetadataInstanceFooter as V } from "../metadata-instance-footer/metadata-instance-footer.js";
 import { MetadataEmptyState as b } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { jsxs as s, jsx as t, Fragment as l } from "react/jsx-runtime";
+import { jsxs as s, jsx as e, Fragment as l } from "react/jsx-runtime";
 const H = "_topDivider_tzhlb_1", S = "_bottomDivider_tzhlb_5", n = {
   topDivider: H,
   bottomDivider: S
 }, w = ({
   isAiSuggestionsFeatureEnabled: d,
-  onEdit: p,
-  onEditWithAutofill: u,
-  templateInstance: e
+  onEdit: u,
+  onEditWithAutofill: p,
+  templateInstance: t
 }) => {
-  const o = e.fields, y = o.every((r) => !r.value), c = o.some((r) => !r.value), v = o.length > 0, [i, a] = f(!0);
-  return /* @__PURE__ */ s(h, {
-    children: [/* @__PURE__ */ t(E, {
+  const o = t.fields, y = o.every((a) => !a.value), c = o.some((a) => !a.value), v = o.length > 0, [i, r] = E(!0);
+  return /* @__PURE__ */ s(f, {
+    children: [/* @__PURE__ */ e(h, {
       canEdit: !0,
       isAiSuggestionsFeatureEnabled: d,
-      onAutofill: u,
-      onEdit: p,
-      templateName: e == null ? void 0 : e.displayName
-    }), /* @__PURE__ */ t(m, {
+      onAutofill: p,
+      onEdit: () => u(t),
+      templateName: t == null ? void 0 : t.displayName
+    }), /* @__PURE__ */ e(m, {
       className: n.topDivider
-    }), i && y ? /* @__PURE__ */ t(b, {
+    }), i && y ? /* @__PURE__ */ e(b, {
       isAnyEmptyValueHidden: v,
       isBoxAiSuggestionsFeatureEnabled: d,
       level: "instance",
-      onShowEmptyValues: () => a(!1)
+      onShowEmptyValues: () => r(!1)
     }) : /* @__PURE__ */ s(l, {
-      children: [/* @__PURE__ */ t(D, {
+      children: [/* @__PURE__ */ e(D, {
         shouldHideEmptyValues: i,
-        templateInstance: e
+        templateInstance: t
       }), c && /* @__PURE__ */ s(l, {
-        children: [/* @__PURE__ */ t(m, {
+        children: [/* @__PURE__ */ e(m, {
           className: n.bottomDivider
-        }), /* @__PURE__ */ t(V, {
+        }), /* @__PURE__ */ e(V, {
           isAnyEmptyValueHidden: i,
-          onHideEmptyValues: () => a(!0),
-          onShowEmptyValues: () => a(!1)
+          onHideEmptyValues: () => r(!0),
+          onShowEmptyValues: () => r(!1)
         })]
       })]
     })]

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

@@ -4,14 +4,14 @@ import { FormattedDate as d } from "react-intl";
 import { convertISOStringToUTCDate as l } from "./convertDate.js";
 import y from "../../../interactive-text/interactive-text.js";
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
-const I = "_metadataInstanceEntry_1qhk8_1", u = "_metadataInstanceEntryInteractiveLabel_1qhk8_7", c = {
+const I = "_metadataInstanceEntry_1qhk8_1", p = "_metadataInstanceEntryInteractiveLabel_1qhk8_7", c = {
   metadataInstanceEntry: I,
-  metadataInstanceEntryInteractiveLabel: u
+  metadataInstanceEntryInteractiveLabel: p
 }, _ = ({
   description: r,
   name: e,
   shouldHideEmptyValues: i,
-  type: m,
+  type: s,
   value: t
 }) => {
   const n = (() => {
@@ -21,12 +21,12 @@ const I = "_metadataInstanceEntry_1qhk8_1", u = "_metadataInstanceEntryInteracti
       return null;
     if (Array.isArray(t))
       return t.join(", ");
-    if (m === "date" && typeof t == "string") {
-      const s = l(t);
+    if (s === "date" && typeof t == "string") {
+      const m = l(t);
       return /* @__PURE__ */ a(d, {
         day: "numeric",
         month: "long",
-        value: s,
+        value: m,
         year: "numeric"
       });
     }
@@ -39,6 +39,7 @@ const I = "_metadataInstanceEntry_1qhk8_1", u = "_metadataInstanceEntryInteracti
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
       children: r ? /* @__PURE__ */ a(y, {
+        as: "span",
         className: c.metadataInstanceEntryInteractiveLabel,
         color: "textOnLightSecondary",
         tooltipText: r,

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

@@ -1,10 +1,18 @@
-import { defineMessages as e } from "react-intl";
-const t = e({
+import { defineMessages as a } from "react-intl";
+const e = a({
   customInstanceTitle: {
     id: "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle",
     defaultMessage: "Custom Metadata"
+  },
+  autofillButtonAriaLabel: {
+    id: "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel",
+    defaultMessage: "Autofill with Box AI"
+  },
+  editButtonAriaLabel: {
+    id: "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel",
+    defaultMessage: "Edit"
   }
 });
 export {
-  t as default
+  e as default
 };

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

@@ -1,46 +1,44 @@
 import "../../../../../../styles/metadata-instance-header.css";
-import { Text as u, IconButton as a } from "@box/blueprint-web";
-import { Pencil as b } from "@box/blueprint-web-assets/icons/Line";
-import { BoxAiLogo as B } from "@box/blueprint-web-assets/icons/Logo";
-import { useIntl as f } from "react-intl";
-import I from "./messages.js";
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-const _ = "_metadataInstanceHeader_1vbbg_1", g = "_iconButtonsContainer_1vbbg_7", p = "_title_1vbbg_15", n = {
+import { Text as b, IconButton as i } from "@box/blueprint-web";
+import { Pencil as f } from "@box/blueprint-web-assets/icons/Line";
+import { BoxAiLogo as g } from "@box/blueprint-web-assets/icons/Logo";
+import { useIntl as B } from "react-intl";
+import a from "./messages.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+const _ = "_metadataInstanceHeader_1vbbg_1", I = "_iconButtonsContainer_1vbbg_7", p = "_title_1vbbg_15", n = {
   metadataInstanceHeader: _,
-  iconButtonsContainer: g,
+  iconButtonsContainer: I,
   title: p
-}, v = "Autofill with Box AI", h = "Edit", k = ({
-  canEdit: i,
-  isAiSuggestionsFeatureEnabled: s,
-  onEdit: r,
-  onAutofill: c,
+}, L = ({
+  canEdit: r,
+  isAiSuggestionsFeatureEnabled: c,
+  onEdit: l,
+  onAutofill: m,
   templateName: o
 }) => {
-  const l = f(), m = o || l.formatMessage(I.customInstanceTitle), d = s && o;
-  return /* @__PURE__ */ e("div", {
+  const t = B(), d = o || t.formatMessage(a.customInstanceTitle), u = c && o;
+  return /* @__PURE__ */ s("div", {
     className: n.metadataInstanceHeader,
-    children: [/* @__PURE__ */ t(u, {
+    children: [/* @__PURE__ */ e(b, {
       as: "h1",
       className: n.title,
       variant: "titleMedium",
-      children: m
-    }), i && /* @__PURE__ */ e("div", {
+      children: d
+    }), r && /* @__PURE__ */ s("div", {
       className: n.iconButtonsContainer,
-      children: [d && /* @__PURE__ */ t(a, {
-        "aria-label": v,
-        icon: B,
-        onClick: c,
+      children: [u && /* @__PURE__ */ e(i, {
+        "aria-label": t.formatMessage(a.autofillButtonAriaLabel),
+        icon: g,
+        onClick: m,
         variant: "icon-logo"
-      }), /* @__PURE__ */ t(a, {
-        "aria-label": h,
-        icon: b,
-        onClick: r
+      }), /* @__PURE__ */ e(i, {
+        "aria-label": t.formatMessage(a.editButtonAriaLabel),
+        icon: f,
+        onClick: l
       })]
     })]
   });
 };
 export {
-  k as MetadataInstanceHeader,
-  v as autofillButtonAriaLabel,
-  h as editButtonAriaLabel
+  L as MetadataInstanceHeader
 };

package/i18n/bn-IN.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "সেভ করুন এবং চালিয়ে যান",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "খালি মান লুকান",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "খালি মান দেখান",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "কাস্টম মেটাডেটা"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "কাস্টম মেটাডেটা",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/da-DK.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Gem og Fortsæt",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Skjul tomme værdier",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Vis tomme værdier",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Brugerdefineret metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Brugerdefineret metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/de-DE.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Speichern und fortfahren",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Leere Werte ausblenden",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Leere Werte anzeigen",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Benutzerdefinierte Metadaten"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Benutzerdefinierte Metadaten",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/en-AU.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Save and Continue",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Hide empty values",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Show empty values",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/en-CA.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Save and Continue",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Hide empty values",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Show empty values",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/en-GB.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Save and Continue",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Hide empty values",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Show empty values",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/en-US.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Save and Continue",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Hide empty values",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Show empty values",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Custom Metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/en-US.properties

@@ -176,5 +176,9 @@ metadataEditor.unsavedChangesModal.saveAndContinueCTA = Save and Continue
 metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA = Hide empty values
 # Call to action to show hidden empty values
 metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA = Show empty values
+# Aria label for the autofill button
+metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel = Autofill with Box AI
 # Header with Custom Metadata template name
 metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle = Custom Metadata
+# Aria label for the edit button
+metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel = Edit

package/i18n/en-x-pseudo.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "⟦萬萬萬萬萬 Şäνę àήď Ćôήţīйμė 國國國國國⟧",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "⟦萬萬萬萬萬 Ħĩďě ēmΡŧУ νâĺùèś 國國國國國⟧",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "⟦萬萬萬萬萬 Şнσẁ εmΡţŷ νǻļüęѕ 國國國國國⟧",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "⟦萬萬萬萬 Čμŝţöm Меτàďàŧá 國國國國⟧"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "⟦萬萬萬萬 Čμŝţöm Меτàďàŧá 國國國國⟧",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/es-419.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Guardar y continuar",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Ocultar los valores vacíos",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Mostrar los valores vacíos",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadatos personalizados"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadatos personalizados",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/es-ES.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Guardar y continuar",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Ocultar los valores vacíos",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Mostrar los valores vacíos",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadatos personalizados"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadatos personalizados",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/fi-FI.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Tallenna ja jatka",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Piilota tyhjät arvot",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Näytä tyhjät arvot",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Mukautetut metatiedot"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Mukautetut metatiedot",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/fr-CA.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Enregistrer et continuer",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Masquer les valeurs vides",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Afficher les valeurs vides",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Métadonnées personnalisées"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Métadonnées personnalisées",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/fr-FR.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Enregistrer et continuer",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Masquer les valeurs vides",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Afficher les valeurs vides",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Métadonnées personnalisées"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Métadonnées personnalisées",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/hi-IN.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "सहेजें और जारी रखें",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "खाली वैल्यू को छुपाएँ",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "खाली वैल्यू को दिखाएँ",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "कस्टम मेटाडेटा"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "कस्टम मेटाडेटा",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/it-IT.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Salva e continua",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Nascondi valori vuoti",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Mostra valori vuoti",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadati personalizzati"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadati personalizzati",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/ja-JP.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "保存して続行",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "空の値を非表示",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "空の値を表示",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "カスタムメタデータ"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "カスタムメタデータ",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/json/src/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.json

@@ -1 +1 @@
-[{"id":"metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle","description":"Header with Custom Metadata template name","defaultMessage":"Custom Metadata"}]
+[{"id":"metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle","description":"Header with Custom Metadata template name","defaultMessage":"Custom Metadata"},{"id":"metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel","description":"Aria label for the autofill button","defaultMessage":"Autofill with Box AI"},{"id":"metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel","description":"Aria label for the edit button","defaultMessage":"Edit"}]

package/i18n/ko-KR.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "저장 및 계속",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "빈 값 숨기기",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "빈 값 표시",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "사용자 정의 메타데이터"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "사용자 정의 메타데이터",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/nb-NO.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Lagre og fortsett",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Skjul tomme verdier",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Vis tomme verdier",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Tilpasset metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Tilpasset metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/nl-NL.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Opslaan en doorgaan",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Lege waarden verbergen",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Lege waarden weergeven",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Aangepaste metagegevens"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Aangepaste metagegevens",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/pl-PL.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Zapisz i kontynuuj",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Ukryj puste wartości",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Pokaż puste wartości",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Niestandardowe metadane"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Niestandardowe metadane",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/pt-BR.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Salvar e continuar",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Ocultar valores vazios",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Mostrar valores vazios",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadados personalizados"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Metadados personalizados",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/ru-RU.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Сохранить и продолжить",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Скрыть пустые значения",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Показать пустые значения",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Настраиваемые метаданные"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Настраиваемые метаданные",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/sv-SE.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Spara och fortsätt",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Dölj tomma värden",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Visa tomma värden",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Anpassade metadata"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Anpassade metadata",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/tr-TR.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "Kaydet ve Devam Et",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "Boş değerleri gizle",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "Boş değerleri göster",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Özel Meta Veri"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "Özel Meta Veri",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/zh-CN.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "保存并继续",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "隐藏空值",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "显示空值",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "自定义元数据"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "自定义元数据",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/i18n/zh-TW.js

@@ -88,5 +88,7 @@ export default {
   "metadataEditor.unsavedChangesModal.saveAndContinueCTA": "儲存並繼續",
   "metadataEditor.viewInstance.metadataInstanceFooter.hideEmptyValuesCTA": "隱藏空值",
   "metadataEditor.viewInstance.metadataInstanceFooter.showEmptyValuesCTA": "顯示空值",
-  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "自訂中繼資料"
+  "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel": "Autofill with Box AI",
+  "metadataEditor.viewInstance.metadataInstanceHeader.customMetadataTitle": "自訂中繼資料",
+  "metadataEditor.viewInstance.metadataInstanceHeader.editButtonAriaLabel": "Edit"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -13,9 +13,9 @@
   },
   "devDependencies": {
     "@ariakit/react": "0.4.5",
-    "@box/blueprint-web": "^7.24.0",
-    "@box/blueprint-web-assets": "^4.21.4",
-    "@box/storybook-utils": "^0.6.0",
+    "@box/blueprint-web": "^7.24.1",
+    "@box/blueprint-web-assets": "^4.21.5",
+    "@box/storybook-utils": "^0.6.1",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "react-intl": "6.4.2"
@@ -51,5 +51,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "37b063b25167acf31fea09e1971732ad1d169709"
+  "gitHead": "52a076c5917fab86763a0f6339caed8d0ba4e332"
 }

package/types/lib/components/interactive-text/interactive-text.d.ts

@@ -1,10 +1,9 @@
 import { type TextProps } from '@box/blueprint-web';
-export type InteractiveTextProps = Omit<TextProps, 'as'> & {
-    as?: TextProps['as'];
+export type InteractiveTextProps = TextProps & {
     tooltipText: string;
 };
 /**
  * Wrapper component for displaying tooltip content on focusing text nodes
  */
-declare const InteractiveText: ({ tooltipText, children, as, ...props }: InteractiveTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const InteractiveText: ({ tooltipText, children, ...props }: InteractiveTextProps) => import("react/jsx-runtime").JSX.Element;
 export default InteractiveText;

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

@@ -2,11 +2,13 @@ import { type MetadataTemplate, type MetadataTemplateInstance } from '../../../.
 export type MetadataInstanceFormProps = {
     isAiSuggestionsFeatureEnabled: boolean;
     isLoading: boolean;
+    isUnsavedChangesModalOpen: boolean;
     /** The MetadataTemplate is used when creating a new instance, while MetadataTemplateInstance is applied when editing an existing one. */
     selectedTemplateInstance: MetadataTemplateInstance | MetadataTemplate;
     onCancel: () => void;
     onDelete: (id: string) => void;
     onSubmit: (id: string, operations: JSONPatchOperations) => void;
+    setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;
 };
 export declare const JSONPatchOp: {
     readonly ADD: "add";

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

@@ -1,7 +1,7 @@
 import { type MetadataTemplateInstance } from '../../../../types';
 export type MetadataInstanceProps = {
     isAiSuggestionsFeatureEnabled: boolean;
-    onEdit: () => void;
+    onEdit: (templateInstance: MetadataTemplateInstance) => void;
     onEditWithAutofill: () => void;
     templateInstance: MetadataTemplateInstance;
 };

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

@@ -4,5 +4,15 @@ declare const messages: {
         description: string;
         id: string;
     };
+    autofillButtonAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    editButtonAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

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

@@ -1,4 +1,2 @@
 import { type MetadataInstanceHeaderProps } from './types';
-export declare const autofillButtonAriaLabel = "Autofill with Box AI";
-export declare const editButtonAriaLabel = "Edit";
 export declare const MetadataInstanceHeader: ({ canEdit, isAiSuggestionsFeatureEnabled, onEdit, onAutofill, templateName, }: MetadataInstanceHeaderProps) => import("react/jsx-runtime").JSX.Element;