@box/metadata-editor 0.126.0 → 0.127.1

package/dist/chunks/types.js

@@ -1,6 +1,9 @@
 let n = /* @__PURE__ */ function(e) {
   return e.ClearAndReplace = "clearAndReplace", e.RemoveEntered = "removeEntered", e.ReplaceEntered = "replaceEntered", e.Append = "append", e;
+}({}), r = /* @__PURE__ */ function(e) {
+  return e.Initial = "INITIAL", e.Pending = "PENDING", e.Applied = "APPLIED", e;
 }({});
 export {
+  r as A,
   n as U
 };

package/dist/esm/index.js

@@ -3,48 +3,49 @@ import { MULTI_VALUE_DEFAULT_OPTION as r, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as
 import { MetadataEmptyState as f } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
 import { defaultInitialValues as x, defaultMetadataValueMap as i } from "./lib/defaults.js";
 import { MetadataEditor as M } from "./lib/metadata-editor.js";
-import { U as A } from "../chunks/types.js";
-import { withApiWrapper as U } from "./lib/utils/api-wrapper.js";
-import { AutofillContext as T, AutofillContextProvider as _, TIMEOUT_10_SECONDS as E, useAutofill as L } from "./lib/utils/autofill-context.js";
-import { AddMetadataTemplateDropdown as c } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
-import { ComboboxWithApiPagination as D } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { FilterInstancesDropdown as N } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
+import { A, U as I } from "../chunks/types.js";
+import { withApiWrapper as u } from "./lib/utils/api-wrapper.js";
+import { AutofillContext as _, AutofillContextProvider as E, TIMEOUT_10_SECONDS as L, useAutofill as O } from "./lib/utils/autofill-context.js";
+import { AddMetadataTemplateDropdown as F } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
+import { ComboboxWithApiPagination as C } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
+import { FilterInstancesDropdown as S } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
 import { CustomInstanceNewField as w } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
-import { DeleteConfirmationModal as h } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
+import { DeleteConfirmationModal as g } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
 import { MetadataInstanceFormAutofillButton as b } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import { MetadataInstanceFormHeader as v } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { MetadataInstanceForm as J } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
-import { J as y } from "../chunks/utils.js";
-import { MetadataInstanceList as X } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as j } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
-import { MetadataInstance as q } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js";
-import { UnsavedChangesModal as G } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { MetadataInstanceFormHeader as H } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { MetadataInstanceForm as W } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { J as B } from "../chunks/utils.js";
+import { MetadataInstanceList as Y } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
+import { MetadataInstanceHeader as k } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstance as z } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js";
+import { UnsavedChangesModal as K } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
 export {
-  c as AddMetadataTemplateDropdown,
-  T as AutofillContext,
-  _ as AutofillContextProvider,
-  D as ComboboxWithApiPagination,
+  F as AddMetadataTemplateDropdown,
+  A as AiSuggestionState,
+  _ as AutofillContext,
+  E as AutofillContextProvider,
+  C as ComboboxWithApiPagination,
   w as CustomInstanceNewField,
-  h as DeleteConfirmationModal,
+  g as DeleteConfirmationModal,
   e as FilterDropdownMenu,
-  N as FilterInstancesDropdown,
-  y as JSONPatchOp,
+  S as FilterInstancesDropdown,
+  B as JSONPatchOp,
   r as MULTI_VALUE_DEFAULT_OPTION,
   p as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION,
   n as MULTI_VALUE_DEFAULT_VALUE,
   M as MetadataEditor,
   f as MetadataEmptyState,
-  q as MetadataInstance,
-  J as MetadataInstanceForm,
+  z as MetadataInstance,
+  W as MetadataInstanceForm,
   b as MetadataInstanceFormAutofillButton,
-  v as MetadataInstanceFormHeader,
-  j as MetadataInstanceHeader,
-  X as MetadataInstanceList,
-  E as TIMEOUT_10_SECONDS,
-  G as UnsavedChangesModal,
-  A as UpdateMode,
+  H as MetadataInstanceFormHeader,
+  k as MetadataInstanceHeader,
+  Y as MetadataInstanceList,
+  L as TIMEOUT_10_SECONDS,
+  K as UnsavedChangesModal,
+  I as UpdateMode,
   x as defaultInitialValues,
   i as defaultMetadataValueMap,
-  L as useAutofill,
-  U as withApiWrapper
+  O as useAutofill,
+  u as withApiWrapper
 };

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

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

package/dist/types/lib/types.d.ts

@@ -39,9 +39,15 @@ export type TaxonomyOptionsRules = {
     multiSelect: boolean;
     selectableLevels: number[];
 };
+export declare enum AiSuggestionState {
+    Initial = "INITIAL",
+    Pending = "PENDING",
+    Applied = "APPLIED"
+}
 export type MetadataTemplateField = {
     description?: string;
     aiSuggestion?: MetadataFieldValue;
+    aiSuggestionState?: AiSuggestionState;
     displayName?: string;
     hidden: boolean;
     id?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.126.0",
+    "version": "0.127.1",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/box-ai-agent-selector": "^0.41.7",
@@ -15,9 +15,9 @@
     },
     "devDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/box-ai-agent-selector": "^0.55.0",
+        "@box/box-ai-agent-selector": "^0.55.1",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.60.0",
+        "@box/blueprint-web": "^12.60.1",
         "@box/blueprint-web-assets": "^4.64.0",
         "@box/storybook-utils": "^0.13.19",
         "@testing-library/react": "^15.0.6",