@box/metadata-editor 0.78.8 → 0.79.0

package/chunks/utils.js

@@ -1,43 +1,42 @@
-import "../styles/utils.css";
-import { BoxAiLogo as s } from "@box/blueprint-web-assets/icons/Logo";
-import g from "../esm/lib/components/interactive-text/interactive-text.js";
-import { convertISOStringToUTCDate as i } from "../esm/lib/utils/convertDate.js";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-const _ = "_noAttributesText_1ggnw_1", p = "_fieldWrapper_1ggnw_5", b = "_hasSuggestion_1ggnw_10", x = "_error_1ggnw_18", d = "_dateField_1ggnw_30", m = "_suggestionApplied_1ggnw_34", u = "_comboboxContainer_1ggnw_34", T = "_labelWrapper_1ggnw_48", w = "_labelText_1ggnw_54", S = "_labelIcon_1ggnw_57", t = {
-  noAttributesText: _,
-  fieldWrapper: p,
-  hasSuggestion: b,
-  error: x,
-  dateField: d,
-  suggestionApplied: m,
-  comboboxContainer: u,
-  labelWrapper: T,
-  labelText: w,
-  labelIcon: S
-}, C = (e, n, l = !1, a = "label") => (r) => /* @__PURE__ */ c("div", {
-  className: t.labelWrapper,
-  children: [n ? /* @__PURE__ */ o(g, {
-    as: a,
-    className: t.labelText,
-    tooltipText: n,
-    ...r,
-    children: e
-  }) : /* @__PURE__ */ o("label", {
-    className: t.labelText,
-    ...r,
-    children: e
-  }), l && /* @__PURE__ */ o(s, {
-    className: t.labelIcon
-  })]
-}), F = (e) => {
-  try {
-    return i(e).toISOString();
-  } catch {
-    return null;
-  }
-};
+import h from "lodash/isEmpty";
+import O from "lodash/isArray";
+import { TEMPLATE_CUSTOM_PROPERTIES as f } from "../esm/lib/constants.js";
+const n = {
+  ADD: "add",
+  REMOVE: "remove",
+  REPLACE: "replace",
+  TEST: "test"
+}, p = (e) => e.value === void 0 || e.value === null || e.value === "" || O(e.value) && h(e.value), S = (e, a) => {
+  const o = [], c = e.metadata.fields, r = a.templateKey === f, E = new Map(a.fields.map((t) => [t.key, t])), m = new Map(c.map((t) => [t.key, t]));
+  return c.forEach((t) => {
+    const s = E.get(t.key);
+    s ? JSON.stringify(t) === JSON.stringify(s) || (!r && p(s) && !p(t) ? o.push(v(t.key, u(t))) : (
+      // template instance
+      (!r && t.value !== s.value && s.value !== null && !p(t) || // custom instance
+      r && t.value !== s.value) && (o.push(y(s.key, u(s))), o.push(M(t.key, u(t))))
+    )) : o.push(v(t.key, t.value));
+  }), a.fields.forEach((t) => {
+    const s = m.get(t.key);
+    (!s || !r && p(s) && !p(t)) && (o.push(y(t.key, u(t))), o.push(k(t.key)));
+  }), o;
+}, u = (e) => e.type === "float" ? Number(e.value) : e.type === "taxonomy" ? e.value.map((a) => a.value) : e.value, y = (e, a) => ({
+  op: n.TEST,
+  path: `/${e}`,
+  value: a
+}), v = (e, a) => ({
+  op: n.ADD,
+  path: `/${e}`,
+  value: a
+}), k = (e) => ({
+  op: n.REMOVE,
+  path: `/${e}`
+}), M = (e, a) => ({
+  op: n.REPLACE,
+  path: `/${e}`,
+  value: a
+});
 export {
-  C as g,
-  t as s,
-  F as t
+  n as J,
+  S as c,
+  u as g
 };

package/chunks/utils2.js

@@ -0,0 +1,43 @@
+import "../styles/utils.css";
+import { BoxAiLogo as s } from "@box/blueprint-web-assets/icons/Logo";
+import g from "../esm/lib/components/interactive-text/interactive-text.js";
+import { convertISOStringToUTCDate as i } from "../esm/lib/utils/convertDate.js";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+const _ = "_noAttributesText_1ggnw_1", p = "_fieldWrapper_1ggnw_5", b = "_hasSuggestion_1ggnw_10", x = "_error_1ggnw_18", d = "_dateField_1ggnw_30", m = "_suggestionApplied_1ggnw_34", u = "_comboboxContainer_1ggnw_34", T = "_labelWrapper_1ggnw_48", w = "_labelText_1ggnw_54", S = "_labelIcon_1ggnw_57", t = {
+  noAttributesText: _,
+  fieldWrapper: p,
+  hasSuggestion: b,
+  error: x,
+  dateField: d,
+  suggestionApplied: m,
+  comboboxContainer: u,
+  labelWrapper: T,
+  labelText: w,
+  labelIcon: S
+}, C = (e, n, l = !1, a = "label") => (r) => /* @__PURE__ */ c("div", {
+  className: t.labelWrapper,
+  children: [n ? /* @__PURE__ */ o(g, {
+    as: a,
+    className: t.labelText,
+    tooltipText: n,
+    ...r,
+    children: e
+  }) : /* @__PURE__ */ o("label", {
+    className: t.labelText,
+    ...r,
+    children: e
+  }), l && /* @__PURE__ */ o(s, {
+    className: t.labelIcon
+  })]
+}), F = (e) => {
+  try {
+    return i(e).toISOString();
+  } catch {
+    return null;
+  }
+};
+export {
+  C as g,
+  t as s,
+  F as t
+};

package/esm/index.js

@@ -1,39 +1,43 @@
-import { AddMetadataTemplateDropdown as o } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
+import { AddMetadataTemplateDropdown as e } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
 import { ComboboxWithApiPagination as r } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { FilterDropdownMenu as d } from "./lib/components/filter-dropdown-menu/index.js";
-import { FilterInstancesDropdown as m } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
+import { FilterDropdownMenu as n } from "./lib/components/filter-dropdown-menu/index.js";
+import { FilterInstancesDropdown as d } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
 import { MetadataEmptyState as x } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
-import { DeleteConfirmationModal as l } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormHeader as M } 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 A } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
-import { MetadataInstanceList as w } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as D } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.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 H } from "./lib/metadata-editor.js";
+import { CustomInstanceNewField as l } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
+import { DeleteConfirmationModal as M } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
+import { MetadataInstanceFormAutofillButton as c } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import { MetadataInstanceFormHeader as A } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { MetadataInstanceForm as F } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { J as h } from "../chunks/utils.js";
+import { MetadataInstanceList as P } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
+import { MetadataInstanceHeader as b } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { UnsavedChangesModal as v } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { defaultInitialValues as H, defaultMetadataValueMap as J } from "./lib/defaults.js";
+import { MetadataEditor as O } from "./lib/metadata-editor.js";
 import { U as V } from "../chunks/types.js";
-import { AutofillContext as y, AutofillContextProvider as L, useAutofill as N } from "./lib/utils/autofill-context.js";
-import { withApiWrapper as T } from "./lib/utils/api-wrapper.js";
+import { AutofillContext as y, AutofillContextProvider as B, useAutofill as L } from "./lib/utils/autofill-context.js";
+import { withApiWrapper as j } from "./lib/utils/api-wrapper.js";
 export {
-  o as AddMetadataTemplateDropdown,
+  e as AddMetadataTemplateDropdown,
   y as AutofillContext,
-  L as AutofillContextProvider,
+  B as AutofillContextProvider,
   r as ComboboxWithApiPagination,
-  I as CustomInstanceNewField,
-  l as DeleteConfirmationModal,
-  d as FilterDropdownMenu,
-  m as FilterInstancesDropdown,
-  H as MetadataEditor,
+  l as CustomInstanceNewField,
+  M as DeleteConfirmationModal,
+  n as FilterDropdownMenu,
+  d as FilterInstancesDropdown,
+  h as JSONPatchOp,
+  O as MetadataEditor,
   x as MetadataEmptyState,
-  A as MetadataInstanceForm,
-  M as MetadataInstanceFormHeader,
-  D as MetadataInstanceHeader,
-  w as MetadataInstanceList,
-  U as UnsavedChangesModal,
+  F as MetadataInstanceForm,
+  c as MetadataInstanceFormAutofillButton,
+  A as MetadataInstanceFormHeader,
+  b as MetadataInstanceHeader,
+  P as MetadataInstanceList,
+  v as UnsavedChangesModal,
   V as UpdateMode,
-  g as defaultInitialValues,
-  v as defaultMetadataValueMap,
-  N as useAutofill,
-  T as withApiWrapper
+  H as defaultInitialValues,
+  J as defaultMetadataValueMap,
+  L as useAutofill,
+  j as withApiWrapper
 };

package/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js

@@ -1,81 +1,102 @@
 import "../../../../../../styles/ai-suggestion-field.css";
-import { Text as g, IconButton as d, DropdownMenu as t } from "@box/blueprint-web";
-import { Checkmark as u, Ellipsis as S } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as h, FormattedMessage as n } from "react-intl";
-import r from "./messages.js";
-import { formatSuggestionValue as w } from "./utils.js";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-const _ = "_wrapperGradient_t2yak_1", I = "_wrapper_t2yak_1", f = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", o = {
-  wrapperGradient: _,
+import { Text as l, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
+import { Checkmark as m, Ellipsis as f } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as w, FormattedMessage as r } from "react-intl";
+import t from "./messages.js";
+import { formatSuggestionValue as _ } from "./utils.js";
+import { jsx as e, jsxs as i, Fragment as u } from "react/jsx-runtime";
+const C = "_wrapperGradient_t2yak_1", I = "_wrapper_t2yak_1", b = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", n = {
+  wrapperGradient: C,
   wrapper: I,
-  buttons: f,
+  buttons: b,
   selectTrigger: k
 };
 function D({
-  aiSuggestion: p,
-  onAiSuggestionAppend: l,
-  onAiSuggestionReplace: c,
-  onAiSuggestionIgnore: m,
-  type: i
+  aiSuggestion: S,
+  onAiSuggestionAppend: g,
+  onAiSuggestionReplace: d,
+  onAiSuggestionIgnore: p,
+  type: o,
+  isSameValue: h
 }) {
-  const s = h();
+  const s = w();
   return /* @__PURE__ */ e("div", {
-    className: o.wrapperGradient,
-    children: /* @__PURE__ */ a("div", {
-      className: o.wrapper,
-      children: [/* @__PURE__ */ a("div", {
-        children: [/* @__PURE__ */ e(g, {
+    className: n.wrapperGradient,
+    children: /* @__PURE__ */ e("div", {
+      className: n.wrapper,
+      children: h ? /* @__PURE__ */ i(u, {
+        children: [/* @__PURE__ */ e(l, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
-          children: /* @__PURE__ */ e(n, {
-            ...r.aiSuggestionCaption
+          children: /* @__PURE__ */ e(r, {
+            ...t.sameValueAiSuggestionCaption
           })
-        }), /* @__PURE__ */ e(g, {
-          as: "p",
-          children: w(p, {
-            type: i,
-            locale: s.locale
+        }), /* @__PURE__ */ e("div", {
+          className: n.buttons,
+          children: /* @__PURE__ */ e(c, {
+            "aria-label": s.formatMessage(t.aiSuggestionConfirm),
+            icon: m,
+            onClick: p,
+            size: "x-small",
+            "data-target-id": "IconButton-aiSuggestionConfirm"
           })
         })]
-      }), /* @__PURE__ */ a("div", {
-        className: o.buttons,
-        children: [/* @__PURE__ */ e(d, {
-          "aria-label": s.formatMessage(i === "multiSelect" ? r.aiSuggestionAppend : r.aiSuggestionClearAndReplace),
-          icon: u,
-          onClick: i === "multiSelect" ? l : c,
-          size: "x-small"
-        }), /* @__PURE__ */ a(t.Root, {
-          children: [/* @__PURE__ */ e(t.Trigger, {
-            className: o.selectTrigger,
-            children: /* @__PURE__ */ e(d, {
-              "aria-label": s.formatMessage(r.aiSuggestionOptions),
-              icon: S,
-              "data-target-id": "IconButton-aiSuggestionOptions"
+      }) : /* @__PURE__ */ i(u, {
+        children: [/* @__PURE__ */ i("div", {
+          children: [/* @__PURE__ */ e(l, {
+            as: "p",
+            color: "textOnLightSecondary",
+            variant: "caption",
+            children: /* @__PURE__ */ e(r, {
+              ...t.aiSuggestionCaption
             })
-          }), /* @__PURE__ */ a(t.Content, {
-            children: [i === "multiSelect" && /* @__PURE__ */ e(t.Item, {
-              onSelect: l,
-              "data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
-              children: /* @__PURE__ */ e(n, {
-                ...r.aiSuggestionAppend
-              })
-            }), /* @__PURE__ */ e(t.Item, {
-              onSelect: c,
-              "data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
-              children: /* @__PURE__ */ e(n, {
-                ...r.aiSuggestionClearAndReplace
-              })
-            }), /* @__PURE__ */ e(t.Separator, {}), /* @__PURE__ */ e(t.Item, {
-              onSelect: m,
-              "data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
-              children: /* @__PURE__ */ e(n, {
-                ...r.aiSuggestionIgnore
+          }), /* @__PURE__ */ e(l, {
+            as: "p",
+            children: _(S, {
+              type: o,
+              locale: s.locale
+            })
+          })]
+        }), /* @__PURE__ */ i("div", {
+          className: n.buttons,
+          children: [/* @__PURE__ */ e(c, {
+            "aria-label": s.formatMessage(o === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            icon: m,
+            onClick: o === "multiSelect" ? g : d,
+            size: "x-small"
+          }), /* @__PURE__ */ i(a.Root, {
+            children: [/* @__PURE__ */ e(a.Trigger, {
+              className: n.selectTrigger,
+              children: /* @__PURE__ */ e(c, {
+                "aria-label": s.formatMessage(t.aiSuggestionOptions),
+                icon: f,
+                "data-target-id": "IconButton-aiSuggestionOptions"
               })
+            }), /* @__PURE__ */ i(a.Content, {
+              children: [o === "multiSelect" && /* @__PURE__ */ e(a.Item, {
+                onSelect: g,
+                "data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
+                children: /* @__PURE__ */ e(r, {
+                  ...t.aiSuggestionAppend
+                })
+              }), /* @__PURE__ */ e(a.Item, {
+                onSelect: d,
+                "data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
+                children: /* @__PURE__ */ e(r, {
+                  ...t.aiSuggestionClearAndReplace
+                })
+              }), /* @__PURE__ */ e(a.Separator, {}), /* @__PURE__ */ e(a.Item, {
+                onSelect: p,
+                "data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
+                children: /* @__PURE__ */ e(r, {
+                  ...t.aiSuggestionIgnore
+                })
+              })]
             })]
           })]
         })]
-      })]
+      })
     })
   });
 }

package/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js

@@ -4,6 +4,10 @@ const i = e({
     id: "metadataEditor.aiSuggestionField.aiSuggestionCaption",
     defaultMessage: "Box AI suggestion:"
   },
+  sameValueAiSuggestionCaption: {
+    id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaption",
+    defaultMessage: "Box AI suggests the same value as above"
+  },
   aiSuggestionOptions: {
     id: "metadataEditor.aiSuggestionField.aiSuggestionOptions",
     defaultMessage: "Options"
@@ -19,6 +23,10 @@ const i = e({
   aiSuggestionIgnore: {
     id: "metadataEditor.aiSuggestionField.ignoreLabel",
     defaultMessage: "Ignore"
+  },
+  aiSuggestionConfirm: {
+    id: "metadataEditor.aiSuggestionField.dismissLabel",
+    defaultMessage: "Confirm"
   }
 });
 export {

package/esm/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.js

@@ -4,7 +4,7 @@ import { forwardRef as w, useMemo as S } from "react";
 import { useIntl as V } from "react-intl";
 import { convertIsoStringToCalendarDate as N, convertCalendarDateToISOString as O } from "../../../../utils/convertDate.js";
 import a from "../../../../messages.js";
-import { g as B } from "../../../../../../chunks/utils.js";
+import { g as B } from "../../../../../../chunks/utils2.js";
 import { jsx as t } from "react/jsx-runtime";
 const H = /* @__PURE__ */ w(({
   className: i,

package/esm/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.js

@@ -3,7 +3,7 @@ import { useFormikContext as C, getIn as L, Field as P } from "formik";
 import { forwardRef as $ } from "react";
 import { useIntl as b, FormattedMessage as j } from "react-intl";
 import d from "../../../../messages.js";
-import { g as w } from "../../../../../../chunks/utils.js";
+import { g as w } from "../../../../../../chunks/utils2.js";
 import { jsx as t, jsxs as I } from "react/jsx-runtime";
 const U = /* @__PURE__ */ $(({
   className: i,

package/esm/lib/components/metadata-editor-fields/components/metadata-float-field/metadata-float-field.js

@@ -1,7 +1,7 @@
 import { TextInput as T } from "@box/blueprint-web";
 import { useFormikContext as V, getIn as $, Field as b } from "formik";
 import { forwardRef as B, useRef as I } from "react";
-import { g as M } from "../../../../../../chunks/utils.js";
+import { g as M } from "../../../../../../chunks/utils2.js";
 import { fieldDefaultProps as O } from "../constants.js";
 import { useFloatValidation as j } from "./use-float-validation.js";
 import { jsx as r } from "react/jsx-runtime";

package/esm/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.js

@@ -3,7 +3,7 @@ import { useFormikContext as x, getIn as M, Field as $ } from "formik";
 import { forwardRef as I } from "react";
 import { useIntl as j } from "react-intl";
 import k from "../../../../messages.js";
-import { g as D } from "../../../../../../chunks/utils.js";
+import { g as D } from "../../../../../../chunks/utils2.js";
 import { fieldDefaultProps as O } from "../constants.js";
 import { jsx as t } from "react/jsx-runtime";
 const E = /* @__PURE__ */ I(({

package/esm/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.js

@@ -3,7 +3,7 @@ import { Field as g } from "formik";
 import { forwardRef as h } from "react";
 import { useIntl as F } from "react-intl";
 import x from "../../../../messages.js";
-import { g as M } from "../../../../../../chunks/utils.js";
+import { g as M } from "../../../../../../chunks/utils2.js";
 import { fieldDefaultProps as b } from "../constants.js";
 import { jsx as e } from "react/jsx-runtime";
 const v = /* @__PURE__ */ h(({

package/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-field.js

@@ -3,7 +3,7 @@ import { forwardRef as $ } from "react";
 import { useIntl as j } from "react-intl";
 import w from "../../../../messages.js";
 import { ComboboxWithApiPagination as A } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { g as K } from "../../../../../../chunks/utils.js";
+import { g as K } from "../../../../../../chunks/utils2.js";
 import { jsx as e } from "react/jsx-runtime";
 const E = /* @__PURE__ */ $(({
   description: l,

package/esm/lib/components/metadata-editor-fields/metadata-editor-field-wrapper.js

@@ -1,79 +1,80 @@
 import I from "clsx";
-import { useFormikContext as V } from "formik";
-import v from "lodash/isUndefined";
-import { forwardRef as C, useState as F, useCallback as P, useEffect as R } from "react";
-import { AiSuggestionField as T } from "./components/ai-suggestion-field/ai-suggestion-field.js";
-import { UpdateModeFieldWrapper as U } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as b } from "./editor-field-types.js";
-import { s as n } from "../../../../chunks/utils.js";
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-const L = /* @__PURE__ */ C(({
-  disableForm: d,
-  portalElement: u,
+import { useFormikContext as v } from "formik";
+import C from "lodash/isUndefined";
+import { forwardRef as P, useState as N, useCallback as R, useEffect as T, useMemo as U } from "react";
+import { AiSuggestionField as b } from "./components/ai-suggestion-field/ai-suggestion-field.js";
+import { UpdateModeFieldWrapper as j } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as $ } from "./editor-field-types.js";
+import { s as n } from "../../../../chunks/utils2.js";
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+const X = /* @__PURE__ */ P(({
+  disableForm: g,
+  portalElement: c,
   field: e,
-  index: M,
-  taxonomyOptionsFetcher: g
-}, c) => {
-  var x;
+  index: V,
+  taxonomyOptionsFetcher: m
+}, f) => {
+  var M;
   const {
-    setFieldValue: m
-  } = V(), [N, f] = F(!0), [p, S] = F(!1), r = b[e.type], {
+    setFieldValue: S
+  } = v(), [A, p] = N(!0), [r, y] = N(!1), l = $[e.type], {
     aiSuggestion: t,
-    type: A,
-    value: y
-  } = e, W = r && !e.hidden, k = !v(e.updateMode), s = `metadata.fields[${M}]`, w = e.type === "taxonomy" && ((x = e.optionsRules) == null ? void 0 : x.multiSelect), i = t && N, E = I({
-    [n.suggestionApplied]: p,
+    type: h,
+    value: d
+  } = e, W = l && !e.hidden, k = !C(e.updateMode), s = `metadata.fields[${V}]`, w = e.type === "taxonomy" && ((M = e.optionsRules) == null ? void 0 : M.multiSelect), i = t && A, E = I({
+    [n.suggestionApplied]: r,
     [n.hasSuggestion]: i,
-    [n.dateField]: A === "date"
-  }), o = P((l) => {
-    m(`${s}.value`, l), f(!1), S(!0);
-  }, [s, m]);
-  R(() => {
-    !i || y || o(t);
+    [n.dateField]: h === "date"
+  }), o = R((u) => {
+    S(`${s}.value`, u), p(!1), y(!0);
+  }, [s, S]);
+  T(() => {
+    !i || d || o(t);
   }, [i, t, o]);
-  const h = () => {
-    p && S(!1);
+  const x = U(() => t && d === t, [A]), F = () => {
+    r && y(!1), x && p(!1);
   };
-  return W ? k ? /* @__PURE__ */ a(U, {
+  return W ? k ? /* @__PURE__ */ a(j, {
     fieldNamePrefix: s,
     fieldType: e.type,
     isTaxonomyMultiSelect: w,
-    children: /* @__PURE__ */ a(r, {
-      ref: c,
+    children: /* @__PURE__ */ a(l, {
+      ref: f,
       description: e.description,
-      disableForm: d,
+      disableForm: g,
       fieldNamePrefix: s,
       isAiSuggestionApplied: !1,
       label: e.displayName,
-      onValueEdited: h,
-      portalElement: u,
-      taxonomyOptionsFetcher: g
+      onValueEdited: F,
+      portalElement: c,
+      taxonomyOptionsFetcher: m
     })
-  }, e.key) : /* @__PURE__ */ j("div", {
+  }, e.key) : /* @__PURE__ */ B("div", {
     className: n.fieldWrapper,
-    children: [/* @__PURE__ */ a(r, {
-      ref: c,
+    children: [/* @__PURE__ */ a(l, {
+      ref: f,
       className: E,
       description: e.description,
-      disableForm: d,
+      disableForm: g,
       fieldNamePrefix: s,
-      isAiSuggestionApplied: p,
+      isAiSuggestionApplied: r,
       label: e.displayName,
-      onValueEdited: h,
-      portalElement: u,
-      taxonomyOptionsFetcher: g
-    }), i && /* @__PURE__ */ a(T, {
+      onValueEdited: F,
+      portalElement: c,
+      taxonomyOptionsFetcher: m
+    }), i && /* @__PURE__ */ a(b, {
       aiSuggestion: t,
+      isSameValue: x,
       onAiSuggestionAppend: () => {
-        const l = [...new Set([y, t].flat().filter(Boolean))];
-        o(l);
+        const u = [...new Set([d, t].flat().filter(Boolean))];
+        o(u);
       },
-      onAiSuggestionIgnore: () => f(!1),
+      onAiSuggestionIgnore: () => p(!1),
       onAiSuggestionReplace: () => o(t),
-      type: A
+      type: h
     })]
   }, e.key) : null;
 });
 export {
-  L as MetadataEditorFieldWrapper
+  X as MetadataEditorFieldWrapper
 };

package/esm/lib/components/metadata-editor-fields/metadata-editor-fields.js

@@ -4,7 +4,7 @@ import { useFormikContext as d, getIn as p, FieldArray as u } from "formik";
 import { FormattedMessage as x } from "react-intl";
 import g from "../../messages.js";
 import { MetadataEditorFieldWrapper as h } from "./metadata-editor-field-wrapper.js";
-import { s as F } from "../../../../chunks/utils.js";
+import { s as F } from "../../../../chunks/utils2.js";
 import { jsx as t } from "react/jsx-runtime";
 const C = (m) => {
   const {

package/esm/lib/components/metadata-editor-fields/utils.js

@@ -1,6 +1,6 @@
 import "@box/blueprint-web-assets/icons/Logo";
 import "../interactive-text/interactive-text.js";
-import { g as m, t as p } from "../../../../chunks/utils.js";
+import { g as m, t as p } from "../../../../chunks/utils2.js";
 import "../../utils/convertDate.js";
 import "react/jsx-runtime";
 export {

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

@@ -1,10 +1,14 @@
-import { DeleteConfirmationModal as t } from "./subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormHeader as r } from "./subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { CustomInstanceNewField as n } from "./subcomponents/custom-instance-new-field/custom-instance-new-field.js";
-import { MetadataInstanceForm as f } from "./subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { CustomInstanceNewField as e } from "./subcomponents/custom-instance-new-field/custom-instance-new-field.js";
+import { DeleteConfirmationModal as r } from "./subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
+import { MetadataInstanceFormAutofillButton as n } from "./subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import { MetadataInstanceFormHeader as p } from "./subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { MetadataInstanceForm as s } from "./subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { J as c } from "../../../../chunks/utils.js";
 export {
-  n as CustomInstanceNewField,
-  t as DeleteConfirmationModal,
-  f as MetadataInstanceForm,
-  r as MetadataInstanceFormHeader
+  e as CustomInstanceNewField,
+  r as DeleteConfirmationModal,
+  c as JSONPatchOp,
+  s as MetadataInstanceForm,
+  n as MetadataInstanceFormAutofillButton,
+  p as MetadataInstanceFormHeader
 };