@box/metadata-editor 0.68.0 → 0.69.0

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

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

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

@@ -6,35 +6,36 @@ const n = {
   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, s) => {
-  const o = [], c = e.metadata.fields, r = s.templateKey === f, v = new Map(s.fields.map((t) => [t.key, t])), m = new Map(c.map((t) => [t.key, t]));
+}, 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 a = v.get(t.key);
-    a ? JSON.stringify(t) === JSON.stringify(a) || (!r && p(a) && !p(t) ? o.push(y(t.key, u(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 !== a.value && a.value !== null && !p(t) || // custom instance
-      r && t.value !== a.value) && (o.push(E(a.key, u(a))), o.push(M(t.key, u(t))))
-    )) : o.push(y(t.key, t.value));
-  }), s.fields.forEach((t) => {
-    const a = m.get(t.key);
-    (!a || !r && p(a) && !p(t)) && (o.push(E(t.key, u(t))), o.push(k(t.key)));
+      (!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.value, E = (e, s) => ({
+}, 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: s
-}), y = (e, s) => ({
+  value: a
+}), v = (e, a) => ({
   op: n.ADD,
   path: `/${e}`,
-  value: s
+  value: a
 }), k = (e) => ({
   op: n.REMOVE,
   path: `/${e}`
-}), M = (e, s) => ({
+}), M = (e, a) => ({
   op: n.REPLACE,
   path: `/${e}`,
-  value: s
+  value: a
 });
 export {
-  S as createJSONPatch
+  S as createJSONPatch,
+  u as getFormatedFieldValue
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.68.0",
+  "version": "0.69.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "cb9d1103ad345206637fdc35e1650751ae752a0a"
+  "gitHead": "cb2d8bc467948346206919d6efae781b79e70aaf"
 }

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

@@ -1,4 +1,4 @@
-import { type MetadataTemplateInstance } from '../../../../types';
+import { type MetadataFormFieldValue, type MetadataTemplateField, type MetadataTemplateInstance } from '../../../../types';
 import { type FormValues } from '../../types';
 import { type JSONPatchOperations } from './types';
 /**
@@ -10,3 +10,4 @@ import { type JSONPatchOperations } from './types';
  * @param originalData
  */
 export declare const createJSONPatch: (formValues: FormValues, originalData: MetadataTemplateInstance) => JSONPatchOperations;
+export declare const getFormatedFieldValue: (field: MetadataTemplateField) => MetadataFormFieldValue;

package/types/lib/test-utils/sample-data.d.ts

@@ -6,6 +6,8 @@ declare const floatField: MetadataTemplateField;
 declare const multiSelectField: MetadataTemplateField;
 declare const taxonomySingleSelectSingleLevelField: MetadataTemplateField;
 declare const taxonomyMultiSelectSingleLevelField: MetadataTemplateField;
+declare const taxonomySingleSelectSingleLevelFieldWithValue: MetadataTemplateField;
+declare const taxonomyMultiSelectSingleLevelFieldWithValue: MetadataTemplateField;
 declare const hiddenField: MetadataTemplateField;
 declare const noValueField: MetadataTemplateField;
 declare const allFieldsTemplate: MetadataTemplate;
@@ -16,6 +18,7 @@ declare const templates: MetadataTemplate[];
 declare const customTemplate: MetadataTemplate;
 declare const templateOptions: MetadataTemplateOption[];
 declare const fields: MetadataTemplateField[];
+declare const floatInstanceField: MetadataTemplateField;
 declare const allFieldsTemplateInstance: MetadataTemplateInstance;
 declare const templateInstanceWithoutEmptyValues: MetadataTemplateInstance;
 declare const emptyTemplateInstance: MetadataTemplateInstance;
@@ -35,4 +38,4 @@ declare const firstTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[
 declare const secondTemplateInstance: MetadataTemplate;
 declare const secondTemplateSuggestions: AutofillSuggestions;
 declare const secondTemplateInstanceFieldsWithSuggestions: MetadataTemplateField[];
-export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, hiddenField, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyMultiSelectSingleLevelField, taxonomySingleSelectSingleLevelField, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateOptions, templates, };
+export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateOptions, templates, };