@box/metadata-editor 0.97.3 → 0.97.4

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

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

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

@@ -29,6 +29,8 @@ declare const templateOptions: MetadataTemplateOption[];
 declare const fields: MetadataTemplateField[];
 declare const floatInstanceField: MetadataTemplateField;
 declare const allFieldsTemplateInstance: MetadataTemplateInstance;
+declare const allFieldsTemplateInstanceWithoutTaxonomies: MetadataTemplateInstance;
+declare const allFieldsTemplateInstanceAiSuggestions: MetadataTemplateInstance;
 declare const dateSuggestionTemplateInstance: MetadataTemplateInstance;
 declare const templateInstanceWithoutEmptyValues: MetadataTemplateInstance;
 declare const emptyTemplateInstance: MetadataTemplateInstance;
@@ -50,4 +52,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, dateSuggestionTemplateInstance, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, hiddenTemplate, hiddenTemplateInstance, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, onlyRequiredPropsTemplateInstance, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyLevels, taxonomyMultiSelectMultiLevelField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectMultiLevelField, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };
+export { allFieldsSuggestions, allFieldsTemplate, allFieldsTemplateInstance, allFieldsWithAiSuggestions, allFieldsTemplateInstanceWithoutTaxonomies, allFieldsTemplateInstanceAiSuggestions, customTemplate, customTemplateInstance, customTemplateInstanceWithAllFieldsEmpty, customTemplateInstanceWithoutEditPermissions, customTemplateInstanceWithoutEmptyValues, dateField, dateSuggestionTemplateInstance, emptyCustomTemplateInstance, emptyTemplateInstance, enumField, fields, firstTemplateInstance, firstTemplateInstanceFieldsWithSuggestions, firstTemplateSuggestions, floatField, floatInstanceField, hiddenField, hiddenTemplate, hiddenTemplateInstance, multiSelectField, noFieldsTemplate, nonHiddenFieldsTemplate, nonHiddenFieldsWithValuesTemplate, noValueField, onlyRequiredPropsTemplateInstance, secondTemplateInstance, secondTemplateInstanceFieldsWithSuggestions, secondTemplateSuggestions, stringField, taxonomyLevels, taxonomyMultiSelectMultiLevelField, taxonomyMultiSelectSingleLevelField, taxonomyMultiSelectSingleLevelFieldWithValue, taxonomySingleSelectMultiLevelField, taxonomySingleSelectSingleLevelField, taxonomySingleSelectSingleLevelFieldWithValue, templateInstancesList, templateInstanceWithAllFieldsEmpty, templateInstanceWithoutEditPermissions, templateInstanceWithoutEmptyValues, templateInstanceWithSomeFieldsEmpty, templateOptions, templates, };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.97.3",
+    "version": "0.97.4",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^7.30.3",
@@ -15,8 +15,8 @@
     "devDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^9.19.1",
-        "@box/blueprint-web-assets": "^4.37.1",
+        "@box/blueprint-web": "^9.19.2",
+        "@box/blueprint-web-assets": "^4.37.2",
         "@box/storybook-utils": "^0.8.3",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",