@box/metadata-editor 1.63.2 → 1.64.0

package/dist/chunks/utils.js

@@ -1,51 +1,55 @@
-import i from "lodash/isArray";
-import m from "lodash/isEmpty";
-import { TEMPLATE_CUSTOM_PROPERTIES as O } from "../esm/lib/constants.js";
-const E = {
+import g from "lodash/isArray";
+import h from "lodash/isEmpty";
+import f from "lodash/isEqual";
+import { TEMPLATE_CUSTOM_PROPERTIES as m } from "../esm/lib/constants.js";
+const i = {
   ADD: "add",
   REMOVE: "remove",
   REPLACE: "replace",
   TEST: "test"
-}, l = "AI_ACCEPTED", y = (e, s) => e.value === s.value && e.level === s.level && e.isAccepted === s.isAccepted, a = (e) => e.value === void 0 || e.value === null || e.value === "" || i(e.value) && m(e.value), A = (e, s, o) => {
-  const r = s.confidenceScore, n = o.confidenceScore;
-  return n ? r && y(r, n) ? [] : T(e, n, r) : r ? g(e, r) : [];
-}, g = (e, s) => {
-  const o = [];
-  return s.isAccepted && o.push(u(`${e}/process`)), o.push(u(`${e}/confidenceScore`), u(`${e}/confidenceLevel`)), o;
-}, T = (e, s, o) => {
-  const r = [];
-  return s.isAccepted ? r.push(p(`${e}/process`, l)) : o?.isAccepted && r.push(u(`${e}/process`)), r.push(p(`${e}/confidenceScore`, s.value), p(`${e}/confidenceLevel`, s.level)), r;
-}, M = (e, s) => {
-  const o = [], r = e.metadata.fields, n = s.templateKey === O, h = new Map(s.fields.map((t) => [t.key, t])), S = new Map(r.map((t) => [t.key, t]));
-  return r.forEach((t) => {
-    const c = h.get(t.key);
-    if (!c) {
-      o.push(p(t.key, t.value));
+}, A = "AI_ACCEPTED", O = (t, o) => t.value === o.value && t.level === o.level && t.isAccepted === o.isAccepted, p = (t) => t.value === void 0 || t.value === null || t.value === "" || g(t.value) && h(t.value), l = (t, o, c) => {
+  const n = o.confidenceScore, a = c.confidenceScore;
+  return a ? n && O(n, a) ? [] : T(t, a) : [];
+}, T = (t, o) => {
+  const c = [];
+  return o.isAccepted && c.push(s(`${t}/process`, A)), c.push(s(`${t}/confidenceScore`, o.value), s(`${t}/confidenceLevel`, o.level)), c;
+}, C = (t, o, c) => {
+  const n = o.targetLocation, a = c.targetLocation, v = o.confidenceScore?.isAccepted ?? !1, E = c.confidenceScore?.isAccepted ?? !1, e = !v && E;
+  return a ? !f(n, a) || e ? [s(`${t}/targetLocation`, JSON.stringify(a))] : [] : [];
+}, D = (t, o) => {
+  const c = [], n = t.metadata.fields, a = o.templateKey === m, v = new Map(o.fields.map((e) => [e.key, e])), E = new Map(n.map((e) => [e.key, e]));
+  return n.forEach((e) => {
+    const r = v.get(e.key);
+    if (!r) {
+      c.push(s(e.key, u(e)));
       return;
     }
-    JSON.stringify(t) !== JSON.stringify(c) && (!n && a(c) && !a(t) ? o.push(p(t.key, v(t))) : (!n && t.value !== c.value && c.value !== null && !a(t) || n && t.value !== c.value) && (o.push(f(c.key, v(c))), o.push($(t.key, v(t)))), o.push(...A(t.key, c, t)));
-  }), s.fields.forEach((t) => {
-    const c = S.get(t.key);
-    (!c || !n && a(c) && !a(t)) && (o.push(f(t.key, v(t))), o.push(u(t.key)));
-  }), o;
-}, v = (e) => e.type === "float" ? Number(e.value) : e.type === "taxonomy" ? e.value.map((s) => s.value) : e.type === "date" && typeof e.value == "string" ? new Date(e.value).toISOString() : e.value, f = (e, s) => ({
-  op: E.TEST,
-  path: `/${e}`,
-  value: s
-}), p = (e, s) => ({
-  op: E.ADD,
-  path: `/${e}`,
-  value: s
-}), u = (e) => ({
-  op: E.REMOVE,
-  path: `/${e}`
-}), $ = (e, s) => ({
-  op: E.REPLACE,
-  path: `/${e}`,
-  value: s
+    if (f(e, r))
+      return;
+    const y = !f(e.value, r.value);
+    !a && p(r) && !p(e) ? c.push(s(e.key, u(e))) : (!a && y && r.value !== null && !p(e) || a && y) && (c.push(S(r.key, u(r))), c.push(L(e.key, u(e)))), c.push(...l(e.key, r, e)), c.push(...C(e.key, r, e));
+  }), o.fields.forEach((e) => {
+    const r = E.get(e.key);
+    (!r || !a && p(r) && !p(e)) && (c.push(S(e.key, u(e))), c.push(k(e.key)));
+  }), c;
+}, u = (t) => t.type === "float" ? Number(t.value) : t.type === "taxonomy" ? t.value.map((o) => o.value) : t.type === "date" && typeof t.value == "string" ? new Date(t.value).toISOString() : t.value, S = (t, o) => ({
+  op: i.TEST,
+  path: `/${t}`,
+  value: o
+}), s = (t, o) => ({
+  op: i.ADD,
+  path: `/${t}`,
+  value: o
+}), k = (t) => ({
+  op: i.REMOVE,
+  path: `/${t}`
+}), L = (t, o) => ({
+  op: i.REPLACE,
+  path: `/${t}`,
+  value: o
 });
 export {
-  E as J,
-  M as c,
-  v as g
+  i as J,
+  D as c,
+  u as g
 };

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

@@ -3,27 +3,27 @@ import C from "clsx";
 import { useFormikContext as pe } from "formik";
 import ge from "lodash/isEqual";
 import de from "lodash/isUndefined";
-import { memo as me, forwardRef as le, useCallback as c, useEffect as H, useMemo as fe } from "react";
+import { memo as me, forwardRef as le, useCallback as a, useEffect as H, useMemo as fe } from "react";
 import { useIntl as Se } from "react-intl";
-import { A as p } from "../../../../chunks/types.js";
+import { A as u } from "../../../../chunks/types.js";
 import { checkIfHasBoundingBoxes as Ae } from "../../utils/check-if-has-bounding-boxes.js";
 import { isInteractiveFormElement as z } from "../../utils/is-interactive-form-element.js";
 import { s as l } from "../../../../chunks/shared-field-styles.module.js";
 import { UpdateModeFieldWrapper as he } from "./components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as ye } from "./editor-field-types.js";
+import { editorFieldTypes as ve } from "./editor-field-types.js";
 import G from "../../messages.js";
-import { useViewReferenceTooltip as ve } from "./hooks/use-view-reference-tooltip.js";
+import { useViewReferenceTooltip as ye } from "./hooks/use-view-reference-tooltip.js";
 import { s as A } from "../../../../chunks/utils2.js";
-import { jsx as a, jsxs as $e } from "react/jsx-runtime";
+import { jsx as p, jsxs as $e } from "react/jsx-runtime";
 import { isConfidenceScoreNeedingReview as J } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
 import { AiSuggestionField as ke } from "./components/ai-suggestion-field/ai-suggestion-field.js";
 import { LowConfidenceSuggestionField as Ce } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
 const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
   disableForm: L,
-  portalElement: x,
+  portalElement: I,
   field: e,
   index: M,
-  taxonomyOptionsFetcher: I,
+  taxonomyOptionsFetcher: x,
   isExternallyOwned: N,
   isMultilevelTaxonomyFieldEnabled: V,
   isConfidenceScoreReviewEnabled: s = !1,
@@ -34,48 +34,49 @@ const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
     setFieldValue: n
   } = pe(), {
     formatMessage: B
-  } = Se(), y = e.aiSuggestionState || p.Initial, u = y === p.Pending, F = y === p.Applied, P = y === p.Initial, v = ye[e.type], {
+  } = Se(), v = e.aiSuggestionState || u.Initial, g = v === u.Pending, F = v === u.Applied, P = v === u.Initial, y = ve[e.type], {
     aiSuggestion: r,
     aiSuggestionConfidenceScore: f,
     aiSuggestionTargetLocation: D,
     type: S,
-    value: g
-  } = e, X = v && !e.hidden, Y = !de(e.updateMode), o = `metadata.fields[${M}]`, Z = e.type === "taxonomy" && e.optionsRules?.multiSelect, $ = s && !!e.confidenceScore, W = $ && J(e.confidenceScore), _ = $ && !u && !J(e.confidenceScore), w = Q === e.id, b = Ae(e.targetLocation), d = $ && b && !!i, {
+    value: d
+  } = e, X = y && !e.hidden, Y = !de(e.updateMode), o = `metadata.fields[${M}]`, Z = e.type === "taxonomy" && e.optionsRules?.multiSelect, $ = s && !!e.confidenceScore, W = $ && J(e.confidenceScore), _ = $ && !g && !J(e.confidenceScore), w = Q === e.id, b = Ae(e.targetLocation), m = $ && b && !!i, {
     isTooltipOpen: O,
     handleMouseOver: E,
     handleMouseLeave: R,
     handleFocus: ee,
     handleBlur: oe
-  } = ve(d), ne = C({
+  } = ye(m), ne = C({
     [A.aiApproved]: F || _,
-    [A.hasSuggestion]: u,
-    [A.hasConfidenceReview]: !u && W,
+    [A.hasSuggestion]: g,
+    [A.hasConfidenceReview]: !g && W,
     [A.dateField]: S === "date"
-  }), m = c((t) => {
+  }), c = a((t) => {
     n(`${o}.aiSuggestionState`, t);
-  }, [o, n]), h = c((t, ae = !1) => {
-    if (n(`${o}.value`, t), m(p.Applied), s && f) {
+  }, [o, n]), h = a((t, ae = !1) => {
+    if (n(`${o}.value`, t), c(u.Applied), s && f) {
       const ue = ae ? {
         ...f,
         isAccepted: !0
       } : f;
       n(`${o}.confidenceScore`, ue), n(`${o}.aiSuggestionConfidenceScore`, void 0), n(`${o}.targetLocation`, D), n(`${o}.aiSuggestionTargetLocation`, void 0);
     }
-  }, [o, n, m, f, D, s]), k = c(() => {
-    m(p.Initial), n(`${o}.aiSuggestion`, void 0), s && (n(`${o}.aiSuggestionConfidenceScore`, void 0), n(`${o}.aiSuggestionTargetLocation`, void 0));
-  }, [m, n, o, s]), te = c(() => {
+  }, [o, n, c, f, D, s]), k = a(() => {
+    c(u.Initial), n(`${o}.aiSuggestion`, void 0), s && (n(`${o}.aiSuggestionConfidenceScore`, void 0), n(`${o}.aiSuggestionTargetLocation`, void 0));
+  }, [c, n, o, s]), te = a(() => {
     e.confidenceScore && n(`${o}.confidenceScore`, {
       ...e.confidenceScore,
       isAccepted: !0
     }), i?.(null);
-  }, [o, n, e.confidenceScore, i]), ie = c(() => {
+  }, [o, n, e.confidenceScore, i]), ie = a(() => {
+    c(u.Initial), n(`${o}.aiSuggestion`, void 0);
     const t = S === "multiSelect" || S === "taxonomy" ? [] : "";
-    n(`${o}.value`, t), n(`${o}.confidenceScore`, void 0), i?.(null);
-  }, [o, n, S, i]), U = c(() => {
+    n(`${o}.value`, t), n(`${o}.confidenceScore`, void 0), n(`${o}.targetLocation`, void 0), i?.(null);
+  }, [o, n, S, i, c]), U = a(() => {
     k(), s && e.confidenceScore && (n(`${o}.confidenceScore`, void 0), i?.(null));
-  }, [k, s, e.confidenceScore, n, o, i]), se = c((t) => {
+  }, [k, s, e.confidenceScore, n, o, i]), se = a((t) => {
     i && (z(t.target) || i(e));
-  }, [e, i]), re = c((t) => {
+  }, [e, i]), re = a((t) => {
     if (t.key === "Enter") {
       if (!i || z(t.target))
         return;
@@ -83,11 +84,11 @@ const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
     }
   }, [e, i]);
   H(() => {
-    u && (!g || Array.isArray(g) && g.length === 0) && h(r);
-  }, [r, u, h]), H(() => {
-    P && r && m(p.Pending);
-  }, [P, r, m]);
-  const ce = fe(() => r ? ge(g, r) : !1, [r, g]);
+    g && (!d || Array.isArray(d) && d.length === 0) && h(r);
+  }, [r, g, h]), H(() => {
+    P && r && c(u.Pending);
+  }, [P, r, c]);
+  const ce = fe(() => r ? ge(d, r) : !1, [r, d]);
   if (!X)
     return null;
   const j = {
@@ -103,11 +104,11 @@ const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
     tabIndex: 0
   };
   if (Y) {
-    const t = /* @__PURE__ */ a(he, {
+    const t = /* @__PURE__ */ p(he, {
       fieldNamePrefix: o,
       fieldType: e.type,
       isTaxonomyMultiSelect: Z,
-      children: /* @__PURE__ */ a(v, {
+      children: /* @__PURE__ */ p(y, {
         ref: T,
         description: e.description,
         disableForm: L,
@@ -118,14 +119,14 @@ const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
         label: e.displayName,
         levels: e.levels,
         onValueEdited: U,
-        portalElement: x,
-        taxonomyOptionsFetcher: I
+        portalElement: I,
+        taxonomyOptionsFetcher: x
       })
     }, e.key);
-    return d ? /* @__PURE__ */ a(q, {
+    return m ? /* @__PURE__ */ p(q, {
       content: B(G.viewOnDocument),
       open: O,
-      children: /* @__PURE__ */ a("div", {
+      children: /* @__PURE__ */ p("div", {
         className: C(l.spacious, l.clickableField, w && l.selectedField),
         ...j,
         children: t
@@ -133,9 +134,9 @@ const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
     }) : t;
   }
   const K = /* @__PURE__ */ $e("div", {
-    className: C(A.fieldWrapper, s && l.spacious, d && l.clickableField, d && w && l.selectedField),
-    ...d && j,
-    children: [/* @__PURE__ */ a(v, {
+    className: C(A.fieldWrapper, s && l.spacious, m && l.clickableField, m && w && l.selectedField),
+    ...m && j,
+    children: [/* @__PURE__ */ p(y, {
       ref: T,
       className: ne,
       description: e.description,
@@ -147,25 +148,25 @@ const Je = /* @__PURE__ */ me(/* @__PURE__ */ le(({
       isMultilevelTaxonomyFieldEnabled: V,
       label: e.displayName,
       onValueEdited: U,
-      portalElement: x,
-      taxonomyOptionsFetcher: I
-    }), u && /* @__PURE__ */ a(ke, {
+      portalElement: I,
+      taxonomyOptionsFetcher: x
+    }), g && /* @__PURE__ */ p(ke, {
       aiSuggestion: r,
       confidenceLevel: s ? f?.level : void 0,
       isSameValue: ce,
       onAiSuggestionAppend: () => {
-        const t = [...new Set([g, r].flat().filter(Boolean))];
+        const t = [...new Set([d, r].flat().filter(Boolean))];
         h(t, !0);
       },
       onAiSuggestionIgnore: k,
       onAiSuggestionReplace: () => h(r, !0),
       type: S
-    }), !u && W && /* @__PURE__ */ a(Ce, {
+    }), !g && W && /* @__PURE__ */ p(Ce, {
       onAccept: te,
       onClear: ie
     })]
   }, e.key);
-  return d ? /* @__PURE__ */ a(q, {
+  return m ? /* @__PURE__ */ p(q, {
     content: B(G.viewOnDocument),
     open: O,
     children: K

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

@@ -1,8 +1,9 @@
 import "lodash/isArray";
 import "lodash/isEmpty";
+import "lodash/isEqual";
 import "../../../../constants.js";
-import { c as m, g as i } from "../../../../../../chunks/utils.js";
+import { c as i, g as p } from "../../../../../../chunks/utils.js";
 export {
-  m as createJSONPatch,
-  i as getFormatedFieldValue
+  i as createJSONPatch,
+  p as getFormatedFieldValue
 };

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

@@ -1,4 +1,4 @@
-import { AutofillSuggestions, MetadataFormFieldValue, MetadataTemplateField, MetadataTemplateInstance } from '../../../../types';
+import { AutofillSuggestions, MetadataTemplateField, MetadataTemplateInstance } from '../../../../types';
 import { TaxonomyOptionsFetcher } from '../../../metadata-editor-fields/components/metadata-taxonomy-field/types';
 import { FormValues } from '../../types';
 import { ERROR_CODE_METADATA_AUTOFILL_TIMEOUT, ERROR_CODE_METADATA_PRECONDITION_FAILED, ERROR_CODE_MISSING_PERMISSIONS, ERROR_CODE_UNKNOWN } from './constants';
@@ -66,12 +66,17 @@ export declare const JSONPatchOp: {
     readonly TEST: "test";
 };
 export type JSONPatchOp = (typeof JSONPatchOp)[keyof typeof JSONPatchOp];
+/**
+ * Per Box API spec, metadata patch values are primitives or string arrays — never complex objects.
+ * @see https://developer.box.com/reference/put-files-id-metadata-id-id
+ * */
+export type JSONPatchValue = string | number | string[];
 export type JSONPatchOperation = {
     /** The operation to perform */
     op: JSONPatchOp;
     /** The path to the field in the JSON document */
     path: string;
     /** The value to add/replace if needed (optional for 'remove') */
-    value?: MetadataFormFieldValue;
+    value?: JSONPatchValue;
 };
 export type JSONPatchOperations = JSONPatchOperation[];

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

@@ -1,6 +1,6 @@
-import { MetadataFormFieldValue, MetadataTemplateField, MetadataTemplateInstance } from '../../../../types';
+import { MetadataTemplateField, MetadataTemplateInstance } from '../../../../types';
 import { FormValues } from '../../types';
-import { JSONPatchOperations } from './types';
+import { JSONPatchOperations, JSONPatchValue } from './types';
 /**
  * Creates JSON Patch operations from the passed in
  * data while comparing it to the original data from props.
@@ -10,4 +10,4 @@ import { JSONPatchOperations } from './types';
  * @param originalData
  */
 export declare const createJSONPatch: (formValues: FormValues, originalData: MetadataTemplateInstance) => JSONPatchOperations;
-export declare const getFormatedFieldValue: (field: MetadataTemplateField) => MetadataFormFieldValue;
+export declare const getFormatedFieldValue: (field: MetadataTemplateField) => JSONPatchValue;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "1.63.2",
+    "version": "1.64.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.21",
         "@box/blueprint-web": "^14.4.0",