@box/metadata-editor 0.70.1 → 0.70.2

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

@@ -1,78 +1,79 @@
 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";
-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(({
+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: l,
+  portalElement: u,
   field: e,
-  index: h,
-  taxonomyOptionsFetcher: u
-}, g) => {
-  var A;
+  index: M,
+  taxonomyOptionsFetcher: g
+}, c) => {
+  var x;
   const {
     setFieldValue: m
-  } = 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 = !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"
-  });
-  if (!M)
-    return null;
-  const f = () => {
-    a && p(!1);
+  } = V(), [N, S] = F(!0), [p, f] = F(!1), r = b[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,
+    [n.hasSuggestion]: i,
+    [n.dateField]: A === "date"
+  }), o = P((l) => {
+    m(`${s}.value`, l), S(!1), f(!0);
+  }, [s, m]);
+  R(() => {
+    !i || y || o(t);
+  }, [i, t, o]);
+  const h = () => {
+    p && f(!1);
   };
-  return N ? /* @__PURE__ */ o(R, {
-    fieldNamePrefix: t,
+  return W ? k ? /* @__PURE__ */ a(U, {
+    fieldNamePrefix: s,
     fieldType: e.type,
-    isTaxonomyMultiSelect: W,
-    children: /* @__PURE__ */ o(r, {
-      ref: g,
+    isTaxonomyMultiSelect: w,
+    children: /* @__PURE__ */ a(r, {
+      ref: c,
       description: e.description,
       disableForm: d,
-      fieldNamePrefix: t,
+      fieldNamePrefix: s,
       isAiSuggestionApplied: !1,
       label: e.displayName,
-      onValueEdited: f,
-      portalElement: l,
-      taxonomyOptionsFetcher: u
+      onValueEdited: h,
+      portalElement: u,
+      taxonomyOptionsFetcher: g
     })
-  }, e.key) : /* @__PURE__ */ U("div", {
-    className: i.fieldWrapper,
-    children: [/* @__PURE__ */ o(r, {
-      ref: g,
-      className: v,
+  }, e.key) : /* @__PURE__ */ j("div", {
+    className: n.fieldWrapper,
+    children: [/* @__PURE__ */ a(r, {
+      ref: c,
+      className: E,
       description: e.description,
       disableForm: d,
-      fieldNamePrefix: t,
-      isAiSuggestionApplied: a,
+      fieldNamePrefix: s,
+      isAiSuggestionApplied: p,
       label: e.displayName,
-      onValueEdited: f,
-      portalElement: l,
-      taxonomyOptionsFetcher: u
-    }), S && /* @__PURE__ */ o(P, {
-      aiSuggestion: s,
+      onValueEdited: h,
+      portalElement: u,
+      taxonomyOptionsFetcher: g
+    }), i && /* @__PURE__ */ a(T, {
+      aiSuggestion: t,
       onAiSuggestionAppend: () => {
-        const w = [...new Set([F, s].flat())];
-        m(`${t}.value`, w), n(!1), p(!0);
+        const l = [...new Set([y, t].flat())];
+        o(l);
       },
-      onAiSuggestionIgnore: () => n(!1),
-      onAiSuggestionReplace: () => {
-        m(`${t}.value`, s), n(!1), p(!0);
-      },
-      type: c
+      onAiSuggestionIgnore: () => S(!1),
+      onAiSuggestionReplace: () => o(t),
+      type: A
     })]
-  }, e.key);
+  }, e.key) : null;
 });
 export {
-  H as MetadataEditorFieldWrapper
+  L as MetadataEditorFieldWrapper
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.70.1",
+  "version": "0.70.2",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "0ce483a5f4b6c33e9cb338c3fd38a952ed056bc0"
+  "gitHead": "eb5ed5c64409c450071ca60d4c97aec952bfbd79"
 }

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

@@ -23,6 +23,7 @@ declare const allFieldsTemplateInstance: MetadataTemplateInstance;
 declare const templateInstanceWithoutEmptyValues: MetadataTemplateInstance;
 declare const emptyTemplateInstance: MetadataTemplateInstance;
 declare const templateInstanceWithAllFieldsEmpty: MetadataTemplateInstance;
+declare const templateInstanceWithSomeFieldsEmpty: MetadataTemplateInstance;
 declare const customTemplateInstance: MetadataTemplateInstance;
 declare const customTemplateInstanceWithoutEmptyValues: MetadataTemplateInstance;
 declare const emptyCustomTemplateInstance: MetadataTemplateInstance;
@@ -38,4 +39,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, floatInstanceField, hiddenField, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, 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, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };