@box/metadata-editor 0.80.4 → 0.80.6

package/esm/index.js

@@ -1,43 +1,47 @@
 import { AddMetadataTemplateDropdown as e } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
 import { ComboboxWithApiPagination as r } from "./lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js";
-import { FilterDropdownMenu as n } from "./lib/components/filter-dropdown-menu/index.js";
-import { FilterInstancesDropdown as d } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
-import { MetadataEmptyState as x } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
-import { CustomInstanceNewField as l } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
-import { DeleteConfirmationModal as M } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormAutofillButton as c } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import { MetadataInstanceFormHeader as A } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { MetadataInstanceForm as F } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
-import { J as h } from "../chunks/utils.js";
-import { MetadataInstanceList as P } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as b } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
-import { UnsavedChangesModal as v } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as H, defaultMetadataValueMap as J } from "./lib/defaults.js";
-import { MetadataEditor as O } from "./lib/metadata-editor.js";
-import { U as V } from "../chunks/types.js";
-import { AutofillContext as y, AutofillContextProvider as B, useAutofill as L } from "./lib/utils/autofill-context.js";
-import { withApiWrapper as j } from "./lib/utils/api-wrapper.js";
+import { FilterDropdownMenu as m } from "./lib/components/filter-dropdown-menu/index.js";
+import { FilterInstancesDropdown as f } from "./lib/components/filter-instances-dropdown/filter-instances-dropdown.js";
+import { MULTI_VALUE_DEFAULT_OPTION as x, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as i, MULTI_VALUE_DEFAULT_VALUE as l } from "./lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
+import { MetadataEmptyState as s } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
+import { CustomInstanceNewField as I } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
+import { DeleteConfirmationModal as u } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
+import { MetadataInstanceFormAutofillButton as T } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import { MetadataInstanceFormHeader as E } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { MetadataInstanceForm as c } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { J as D } from "../chunks/utils.js";
+import { MetadataInstanceList as V } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
+import { MetadataInstanceHeader as N } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { UnsavedChangesModal as h } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { defaultInitialValues as g, defaultMetadataValueMap as v } from "./lib/defaults.js";
+import { MetadataEditor as J } from "./lib/metadata-editor.js";
+import { U as W } from "../chunks/types.js";
+import { withApiWrapper as B } from "./lib/utils/api-wrapper.js";
+import { AutofillContext as Y, AutofillContextProvider as j, useAutofill as k } from "./lib/utils/autofill-context.js";
 export {
   e as AddMetadataTemplateDropdown,
-  y as AutofillContext,
-  B as AutofillContextProvider,
+  Y as AutofillContext,
+  j as AutofillContextProvider,
   r as ComboboxWithApiPagination,
-  l as CustomInstanceNewField,
-  M as DeleteConfirmationModal,
-  n as FilterDropdownMenu,
-  d as FilterInstancesDropdown,
-  h as JSONPatchOp,
-  O as MetadataEditor,
-  x as MetadataEmptyState,
-  F as MetadataInstanceForm,
-  c as MetadataInstanceFormAutofillButton,
-  A as MetadataInstanceFormHeader,
-  b as MetadataInstanceHeader,
-  P as MetadataInstanceList,
-  v as UnsavedChangesModal,
-  V as UpdateMode,
-  H as defaultInitialValues,
-  J as defaultMetadataValueMap,
-  L as useAutofill,
-  j as withApiWrapper
+  I as CustomInstanceNewField,
+  u as DeleteConfirmationModal,
+  m as FilterDropdownMenu,
+  f as FilterInstancesDropdown,
+  D as JSONPatchOp,
+  x as MULTI_VALUE_DEFAULT_OPTION,
+  i as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION,
+  l as MULTI_VALUE_DEFAULT_VALUE,
+  J as MetadataEditor,
+  s as MetadataEmptyState,
+  c as MetadataInstanceForm,
+  T as MetadataInstanceFormAutofillButton,
+  E as MetadataInstanceFormHeader,
+  N as MetadataInstanceHeader,
+  V as MetadataInstanceList,
+  h as UnsavedChangesModal,
+  W as UpdateMode,
+  g as defaultInitialValues,
+  v as defaultMetadataValueMap,
+  k as useAutofill,
+  B as withApiWrapper
 };

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

@@ -1,13 +1,13 @@
 import "../../../../../../styles/ai-suggestion-field.css";
-import { Text as l, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
+import { Text as s, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
 import { Checkmark as m, Ellipsis as f } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as w, FormattedMessage as r } from "react-intl";
+import { useIntl as I, FormattedMessage as r } from "react-intl";
 import t from "./messages.js";
-import { formatSuggestionValue as _ } from "./utils.js";
+import { formatSuggestionValue as w } from "./utils.js";
 import { jsx as e, jsxs as i, Fragment as u } from "react/jsx-runtime";
-const C = "_wrapperGradient_t2yak_1", I = "_wrapper_t2yak_1", b = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", n = {
+const C = "_wrapperGradient_t2yak_1", _ = "_wrapper_t2yak_1", b = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", o = {
   wrapperGradient: C,
-  wrapper: I,
+  wrapper: _,
   buttons: b,
   selectTrigger: k
 };
@@ -16,16 +16,16 @@ function D({
   onAiSuggestionAppend: g,
   onAiSuggestionReplace: d,
   onAiSuggestionIgnore: p,
-  type: o,
+  type: n,
   isSameValue: h
 }) {
-  const s = w();
+  const l = I();
   return /* @__PURE__ */ e("div", {
-    className: n.wrapperGradient,
+    className: o.wrapperGradient,
     children: /* @__PURE__ */ e("div", {
-      className: n.wrapper,
+      className: o.wrapper,
       children: h ? /* @__PURE__ */ i(u, {
-        children: [/* @__PURE__ */ e(l, {
+        children: [/* @__PURE__ */ e(s, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
@@ -33,9 +33,9 @@ function D({
             ...t.sameValueAiSuggestionCaption
           })
         }), /* @__PURE__ */ e("div", {
-          className: n.buttons,
+          className: o.buttons,
           children: /* @__PURE__ */ e(c, {
-            "aria-label": s.formatMessage(t.aiSuggestionConfirm),
+            "aria-label": l.formatMessage(t.aiSuggestionConfirm),
             icon: m,
             onClick: p,
             size: "x-small",
@@ -44,37 +44,38 @@ function D({
         })]
       }) : /* @__PURE__ */ i(u, {
         children: [/* @__PURE__ */ i("div", {
-          children: [/* @__PURE__ */ e(l, {
+          children: [/* @__PURE__ */ e(s, {
             as: "p",
             color: "textOnLightSecondary",
             variant: "caption",
             children: /* @__PURE__ */ e(r, {
               ...t.aiSuggestionCaption
             })
-          }), /* @__PURE__ */ e(l, {
+          }), /* @__PURE__ */ e(s, {
             as: "p",
-            children: _(S, {
-              type: o,
-              locale: s.locale
+            children: w(S, {
+              type: n,
+              locale: l.locale
             })
           })]
         }), /* @__PURE__ */ i("div", {
-          className: n.buttons,
+          className: o.buttons,
           children: [/* @__PURE__ */ e(c, {
-            "aria-label": s.formatMessage(o === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "aria-label": l.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "data-target-id": n === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
             icon: m,
-            onClick: o === "multiSelect" ? g : d,
+            onClick: n === "multiSelect" ? g : d,
             size: "x-small"
           }), /* @__PURE__ */ i(a.Root, {
             children: [/* @__PURE__ */ e(a.Trigger, {
-              className: n.selectTrigger,
+              className: o.selectTrigger,
               children: /* @__PURE__ */ e(c, {
-                "aria-label": s.formatMessage(t.aiSuggestionOptions),
+                "aria-label": l.formatMessage(t.aiSuggestionOptions),
                 icon: f,
                 "data-target-id": "IconButton-aiSuggestionOptions"
               })
             }), /* @__PURE__ */ i(a.Content, {
-              children: [o === "multiSelect" && /* @__PURE__ */ e(a.Item, {
+              children: [n === "multiSelect" && /* @__PURE__ */ e(a.Item, {
                 onSelect: g,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
                 children: /* @__PURE__ */ e(r, {

package/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js

@@ -0,0 +1,12 @@
+const e = "Multiple values", t = {
+  id: "MD-editor-dummy-Multiple values",
+  key: e
+}, L = {
+  id: "MD-editor-dummy--Multiple values-tax",
+  key: e
+};
+export {
+  t as MULTI_VALUE_DEFAULT_OPTION,
+  L as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION,
+  e as MULTI_VALUE_DEFAULT_VALUE
+};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.80.4",
+  "version": "0.80.6",
   "peerDependencies": {
     "@ariakit/react": "0.4.14",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "a0915a3746214234c39d00067ebf7fff64fae0cc"
+  "gitHead": "232199453ce176fabe32818df8d2fc599a3d9ae8"
 }

package/types/index.d.ts

@@ -2,6 +2,7 @@ export * from './lib/components/add-metadata-template-dropdown';
 export * from './lib/components/combobox-with-api-pagination';
 export * from './lib/components/filter-dropdown-menu';
 export * from './lib/components/filter-instances-dropdown';
+export * from './lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils';
 export * from './lib/components/metadata-empty-state/metadata-empty-state';
 export * from './lib/components/metadata-instance-editor';
 export * from './lib/components/metadata-instance-list';
@@ -9,5 +10,5 @@ export * from './lib/components/unsaved-changes-modal';
 export * from './lib/defaults';
 export * from './lib/metadata-editor';
 export * from './lib/types';
-export * from './lib/utils/autofill-context';
 export * from './lib/utils/api-wrapper';
+export * from './lib/utils/autofill-context';

package/types/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.d.ts

@@ -0,0 +1,9 @@
+export declare const MULTI_VALUE_DEFAULT_VALUE = "Multiple values";
+export declare const MULTI_VALUE_DEFAULT_OPTION: {
+    id: string;
+    key: string;
+};
+export declare const MULTI_VALUE_DEFAULT_TAXONOMY_OPTION: {
+    id: string;
+    key: string;
+};