@box/metadata-editor 0.53.0 → 0.53.1

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

@@ -3,9 +3,9 @@ import { useFormikContext as T, getIn as g, Field as C } from "formik";
 import { useRef as I } from "react";
 import V from "../../../interactive-text/interactive-text.js";
 import { fieldDefaultProps as $ } from "../constants.js";
-import { useFloatValidation as B } from "./use-float-validation.js";
+import { useFloatValidation as b } from "./use-float-validation.js";
 import { jsx as a } from "react/jsx-runtime";
-const N = ({
+const M = ({
   className: i,
   description: l,
   label: r,
@@ -18,7 +18,7 @@ const N = ({
     setFieldTouched: c
   } = T(), t = `${d}.value`, f = g(u, t), n = I(f), {
     validateFloats: p
-  } = B(), h = (e) => {
+  } = b(), h = (e) => {
     n.current = e, m(t, e);
   }, F = (e) => {
     c(e, !0);
@@ -47,12 +47,13 @@ const N = ({
         }) : r,
         onBlur: () => F(t),
         onChange: (o) => h(o.currentTarget.value),
-        placeholder: "0"
+        placeholder: "0",
+        type: "number"
       })
     })
   });
 };
 export {
-  N as MetadataFloatField,
-  N as default
+  M as MetadataFloatField,
+  M as default
 };

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

@@ -1,33 +1,40 @@
-const p = {
+import v from "lodash/isEmpty";
+import O from "lodash/isArray";
+import { TEMPLATE_CUSTOM_PROPERTIES as f } from "../../../../constants.js";
+const n = {
   ADD: "add",
   REMOVE: "remove",
   REPLACE: "replace",
   TEST: "test"
-}, f = (a, s) => {
-  const u = [], o = a.metadata.fields, c = new Map(s.fields.map((e) => [e.key, e])), l = new Map(o.map((e) => [e.key, e]));
-  return o.forEach((e) => {
-    const t = c.get(e.key);
-    t ? JSON.stringify(e) === JSON.stringify(t) || (t.value === null && e.value !== null ? u.push(r(e.key, e.value)) : e.value !== t.value && e.value !== null && t.value !== null && (u.push(n(t.key, t.value)), u.push(h(e.key, e.value)))) : u.push(r(e.key, e.value));
-  }), s.fields.forEach((e) => {
-    const t = l.get(e.key);
-    (!t || t.value === null && e.value !== null) && (u.push(n(e.key, e.value)), u.push(v(e.key)));
-  }), u;
-}, n = (a, s) => ({
-  op: p.TEST,
-  path: `/${a}`,
+}, o = (e) => e.value === null || e.value === "" || O(e.value) && v(e.value), S = (e, s) => {
+  const p = [], c = e.metadata.fields, r = s.templateKey === f, m = new Map(s.fields.map((t) => [t.key, t])), h = new Map(c.map((t) => [t.key, t]));
+  return c.forEach((t) => {
+    const a = m.get(t.key);
+    a ? JSON.stringify(t) === JSON.stringify(a) || (!r && o(a) && !o(t) ? p.push(y(t.key, u(t))) : (
+      // template instance
+      (!r && t.value !== a.value && a.value !== null && !o(t) || // custom instance
+      r && t.value !== a.value) && (p.push(E(a.key, u(a))), p.push(M(t.key, u(t))))
+    )) : p.push(y(t.key, t.value));
+  }), s.fields.forEach((t) => {
+    const a = h.get(t.key);
+    (!a || !r && o(a) && !o(t)) && (p.push(E(t.key, u(t))), p.push(k(t.key)));
+  }), p;
+}, u = (e) => e.type === "float" ? Number(e.value) : e.value, E = (e, s) => ({
+  op: n.TEST,
+  path: `/${e}`,
   value: s
-}), r = (a, s) => ({
-  op: p.ADD,
-  path: `/${a}`,
+}), y = (e, s) => ({
+  op: n.ADD,
+  path: `/${e}`,
   value: s
-}), v = (a) => ({
-  op: p.REMOVE,
-  path: `/${a}`
-}), h = (a, s) => ({
-  op: p.REPLACE,
-  path: `/${a}`,
+}), k = (e) => ({
+  op: n.REMOVE,
+  path: `/${e}`
+}), M = (e, s) => ({
+  op: n.REPLACE,
+  path: `/${e}`,
   value: s
 });
 export {
-  f as createJSONPatch
+  S as createJSONPatch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.53.0",
+  "version": "0.53.1",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "5af7df50297b80492edb49e2e56af553d1fc466f"
+  "gitHead": "7e6b9d100238888a4c82c0479c6a534df1f7d9b5"
 }

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

@@ -1,4 +1,4 @@
-import { type MetadataTemplateInstance } from '../../../../types';
+import { type MetadataFormFieldValue, type MetadataTemplateInstance } from '../../../../types';
 import { type FormValues } from '../../types';
 export type MetadataInstanceFormProps = {
     isAiSuggestionsFeatureEnabled: boolean;
@@ -25,6 +25,6 @@ export type JSONPatchOperation = {
     /** The path to the field in the JSON document */
     path: string;
     /** The value to add/replace if needed (optional for 'remove') */
-    value?: string | Array<string>;
+    value?: MetadataFormFieldValue;
 };
 export type JSONPatchOperations = JSONPatchOperation[];

package/types/lib/types.d.ts

@@ -6,7 +6,7 @@ export type MetadataEmptyStateProps = {
     level: 'manager' | 'file' | 'instance';
     onShowEmptyValues?: () => void;
 };
-export type MetadataFormFieldValue = string | Array<string>;
+export type MetadataFormFieldValue = string | Array<string> | number;
 export type MetadataFields = Record<string, MetadataFieldValue>;
 export interface MetadataTemplateFieldOption {
     key: string;