@box/metadata-editor 0.97.2 → 0.97.4

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

@@ -1,69 +1,69 @@
 import { ComboboxWithApiTreeView as K } from "@box/combobox-with-api";
 import { useFormikContext as W, getIn as $, Field as j } from "formik";
-import { forwardRef as D } from "react";
-import { useIntl as R } from "react-intl";
-import q from "../../../../messages.js";
-import { ComboboxWithApiPagination as z } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { g as x } from "../../../../../../chunks/utils2.js";
+import { forwardRef as D, useCallback as R } from "react";
+import { useIntl as q } from "react-intl";
+import z from "../../../../messages.js";
+import { ComboboxWithApiPagination as A } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
+import { g as b } from "../../../../../../chunks/utils2.js";
 import { jsx as e } from "react/jsx-runtime";
-const U = /* @__PURE__ */ D(({
+const X = /* @__PURE__ */ D(({
   description: i,
   disableForm: l,
   isAiSuggestionApplied: u,
   fieldNamePrefix: p,
   label: r,
   portalElement: s,
-  taxonomyOptionsFetcher: y,
-  updateModePrefix: F,
-  className: c,
-  isMultilevelTaxonomyFieldEnabled: C
-}, d) => {
-  const b = R(), n = `${F ?? p}.value`, {
-    setFieldValue: h,
-    values: f
+  taxonomyOptionsFetcher: c,
+  updateModePrefix: k,
+  className: d,
+  isMultilevelTaxonomyFieldEnabled: M
+}, h) => {
+  const P = q(), a = `${k ?? p}.value`, {
+    setFieldValue: f,
+    values: g
   } = W(), {
     metadata: {
-      templateKey: k,
-      scope: M
+      templateKey: v,
+      scope: x
     }
-  } = f, P = $(f, p), {
-    key: T,
+  } = g, T = $(g, p), {
+    key: C,
     optionsRules: {
-      multiSelect: a,
+      multiSelect: n,
       selectableLevels: t
     },
     levels: w
-  } = P, I = C && (t == null ? void 0 : t.some((o) => o > 1)), g = (o) => y(M, k, T, t == null ? void 0 : t[0], o), v = (o) => a || !(o != null && o.length) ? b.formatMessage(q.taxonomyPlaceholder) : void 0;
+  } = T, I = M && (t == null ? void 0 : t.some((o) => o > 1)), y = R((o) => c(x, v, C, t == null ? void 0 : t[0], o), [C, x, t, c, v]), F = (o) => n || !(o != null && o.length) ? P.formatMessage(z.taxonomyPlaceholder) : void 0;
   return /* @__PURE__ */ e("div", {
     "data-testid": `${r}-field`,
     onKeyDown: (o) => o.stopPropagation(),
     role: "presentation",
     children: /* @__PURE__ */ e(j, {
-      name: n,
+      name: a,
       children: ({
         field: o
       }) => I ? /* @__PURE__ */ e(K, {
-        ref: d,
-        className: c,
-        defaultFetcher: g,
+        ref: h,
+        className: d,
+        defaultFetcher: y,
         disabled: l,
-        label: x(r, i, u),
+        label: b(r, i, u),
         levels: w,
-        multiselect: a,
-        onValueChange: (m) => h(n, m),
-        placeholder: v(o.value),
+        multiselect: n,
+        onValueChange: (m) => f(a, m),
+        placeholder: F(o.value),
         portalElement: s,
         selectableLevels: t,
         value: o.value
-      }) : /* @__PURE__ */ e(z, {
-        ref: d,
-        className: c,
-        defaultFetcher: g,
+      }) : /* @__PURE__ */ e(A, {
+        ref: h,
+        className: d,
+        defaultFetcher: y,
         disabled: l,
-        label: x(r, i, u),
-        multiselect: a,
-        onValueChange: (m) => h(n, m),
-        placeholder: v(o.value),
+        label: b(r, i, u),
+        multiselect: n,
+        onValueChange: (m) => f(a, m),
+        placeholder: F(o.value),
         portalElement: s,
         value: o.value
       })
@@ -71,5 +71,5 @@ const U = /* @__PURE__ */ D(({
   });
 });
 export {
-  U as MetadataTaxonomyField
+  X as MetadataTaxonomyField
 };

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.2",
+    "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",