@box/metadata-editor 0.125.1 → 0.127.0

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/components/update-mode-field-wrapper/update-mode-field-wrapper.js

@@ -1,86 +1,86 @@
-import { IconButton as b, Radio as i } from "@box/blueprint-web";
-import { Settings as y, XMark as A } from "@box/blueprint-web-assets/icons/Fill";
-import E from "clsx";
-import { useFormikContext as R, getIn as _, Field as U } from "formik";
-import C, { useState as q } from "react";
-import { useIntl as w } from "react-intl";
+import { IconButton as I, Radio as i } from "@box/blueprint-web";
+import { Settings as b, XMark as y } from "@box/blueprint-web-assets/icons/Fill";
+import A from "clsx";
+import { useFormikContext as E, getIn as u, Field as U } from "formik";
+import M from "react";
+import { useIntl as $ } from "react-intl";
 import { U as r } from "../../../../../../chunks/types.js";
-import { messages as l } from "./messages.js";
-import { MULTI_VALUE_DEFAULT_OPTION as S } from "./mulitple-values-utils.js";
+import { messages as d } from "./messages.js";
+import { MULTI_VALUE_DEFAULT_OPTION as q } from "./mulitple-values-utils.js";
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import '../../../../../../styles/update-mode-field-wrapper.css';const B = "_wrapperContianer_19nqy_1", N = "_fieldContainer_19nqy_6", $ = "_field_19nqy_6", L = "_collapseButton_19nqy_14", O = "_radioContainer_19nqy_20", V = "_additionalFieldContainer_19nqy_23", k = "_hidden_19nqy_27", t = {
-  wrapperContianer: B,
-  fieldContainer: N,
-  field: $,
-  collapseButton: L,
-  radioContainer: O,
-  additionalFieldContainer: V,
-  hidden: k
-}, x = (e) => e === r.ReplaceEntered, G = (e, a) => e === "string" || e === "multiSelect" || a, j = ({
+import '../../../../../../styles/update-mode-field-wrapper.css';const w = "_wrapperContianer_19nqy_1", O = "_fieldContainer_19nqy_6", R = "_field_19nqy_6", B = "_collapseButton_19nqy_14", S = "_radioContainer_19nqy_20", L = "_additionalFieldContainer_19nqy_23", N = "_hidden_19nqy_27", a = {
+  wrapperContianer: w,
+  fieldContainer: O,
+  field: R,
+  collapseButton: B,
+  radioContainer: S,
+  additionalFieldContainer: L,
+  hidden: N
+}, V = (e) => e === r.ReplaceEntered, k = (e, t) => e === "string" || e === "multiSelect" || t, j = ({
   children: e,
-  fieldNamePrefix: a,
-  fieldType: f,
-  isTaxonomyMultiSelect: g
+  fieldNamePrefix: t,
+  fieldType: g,
+  isTaxonomyMultiSelect: f
 }) => {
   const {
-    setFieldValue: M,
-    values: m
-  } = R(), [c, h] = q(!0), n = w(), u = `${a}.updateMode.mode`, v = _(m, u), s = e && C.Children.only(e), I = _(m, `${a}.options`, []).filter((d) => d.id !== S.id).map(({
-    key: d
-  }) => d);
+    setFieldValue: _,
+    values: c
+  } = E(), n = $(), C = `${t}.updateMode.mode`, h = u(c, C), s = e && M.Children.only(e), v = u(c, `${t}.options`, []).filter((l) => l.id !== q.id).map(({
+    key: l
+  }) => l), m = u(c, `${t}.updateMode.isOpened`);
   return /* @__PURE__ */ p("div", {
-    className: t.wrapperContianer,
+    className: a.wrapperContianer,
     children: [/* @__PURE__ */ p("div", {
-      className: t.fieldContainer,
+      className: a.fieldContainer,
       children: [/* @__PURE__ */ o("span", {
-        className: t.field,
+        className: a.field,
         children: e
-      }), /* @__PURE__ */ o(b, {
-        "aria-label": n.formatMessage(l.toggleUpdateModeSelectiorAriaLabel),
-        className: t.collapseButton,
+      }), /* @__PURE__ */ o(I, {
+        "aria-label": n.formatMessage(d.toggleUpdateModeSelectiorAriaLabel),
+        className: a.collapseButton,
         "data-testid": `${s.props.label}-update-mode-toggle`,
-        icon: c ? y : A,
+        icon: m ? y : b,
         onClick: () => {
-          h(!c);
+          _(`${t}.updateMode.isOpened`, !m);
         },
         size: "small",
         "data-target-id": "IconButton-toggleUpdateModeSelectiorAriaLabel"
       })]
     }), /* @__PURE__ */ p("div", {
-      className: E(t.radioContainer, {
-        [t.hidden]: c
+      className: A(a.radioContainer, {
+        [a.hidden]: !m
       }),
       children: [/* @__PURE__ */ o(U, {
-        name: `${a}.updateMode.mode`,
+        name: `${t}.updateMode.mode`,
         children: ({
-          field: d
+          field: l
         }) => /* @__PURE__ */ p(i.Group, {
           "data-testid": `${s.props.label}-radio-group`,
           loop: !0,
-          onValueChange: (F) => M(u, F),
+          onValueChange: (F) => _(C, F),
           orientation: "vertical",
-          value: d.value,
-          children: [G(f, g) && /* @__PURE__ */ o(i.Item, {
-            label: n.formatMessage(l.append),
+          value: l.value,
+          children: [k(g, f) && /* @__PURE__ */ o(i.Item, {
+            label: n.formatMessage(d.append),
             value: r.Append
           }), /* @__PURE__ */ o(i.Item, {
-            label: n.formatMessage(l.clearAndReplace),
+            label: n.formatMessage(d.clearAndReplace),
             value: r.ClearAndReplace
           }), /* @__PURE__ */ o(i.Item, {
-            label: n.formatMessage(l.removeEntered),
+            label: n.formatMessage(d.removeEntered),
             value: r.RemoveEntered
           }), /* @__PURE__ */ o(i.Item, {
-            label: n.formatMessage(l.replaceEntered),
+            label: n.formatMessage(d.replaceEntered),
             value: r.ReplaceEntered
           })]
         })
-      }), x(v) && s && /* @__PURE__ */ o("div", {
-        className: t.additionalFieldContainer,
-        children: /* @__PURE__ */ C.cloneElement(s, {
+      }), V(h) && s && /* @__PURE__ */ o("div", {
+        className: a.additionalFieldContainer,
+        children: /* @__PURE__ */ M.cloneElement(s, {
           // This field edits ${fieldNamePrefix}.updateMode.value, the '.value' is added by the field component
-          updateModePrefix: `${a}.updateMode`,
-          options: I,
-          label: n.formatMessage(l.with)
+          updateModePrefix: `${t}.updateMode`,
+          options: v,
+          label: n.formatMessage(d.with)
         })
       })]
     })]

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/esm/lib/mappers.js

@@ -1,4 +1,4 @@
-import { defaultMetadataValueMap as p } from "./defaults.js";
+import { defaultMetadataValueMap as o } from "./defaults.js";
 import { U as i } from "../../chunks/types.js";
 const m = (e, a = !1) => ({
   scope: e.scope,
@@ -8,12 +8,13 @@ const m = (e, a = !1) => ({
   hidden: e.hidden,
   fields: e.fields.map((d) => {
     const {
-      type: o,
-      value: s = p[o]
+      type: p,
+      value: s = o[p]
     } = d;
-    return d.value = s, a && (d.updateMode = {
+    return d.value = s, a && !d.updateMode && (d.updateMode = {
       mode: i.ClearAndReplace,
-      value: p[o]
+      value: o[p],
+      isOpened: !1
     }), d;
   })
 }), t = (e) => e.map((a) => ({