@box/metadata-editor 0.98.8 → 0.98.9

package/dist/esm/index.js

@@ -1,50 +1,50 @@
-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 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 _ } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import { MetadataInstanceFormHeader as L } 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 N } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as w } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
-import { MetadataInstance as h } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js";
-import { UnsavedChangesModal as b } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as v, defaultMetadataValueMap as H } from "./lib/defaults.js";
-import { MetadataEditor as W } from "./lib/metadata-editor.js";
-import { U as B } from "../chunks/types.js";
-import { withApiWrapper as Y } from "./lib/utils/api-wrapper.js";
-import { AutofillContext as k, AutofillContextProvider as q, TIMEOUT_10_SECONDS as z, useAutofill as G } from "./lib/utils/autofill-context.js";
+import { FilterDropdownMenu as e } from "./lib/components/filter-dropdown-menu/index.js";
+import { MULTI_VALUE_DEFAULT_OPTION as r, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as p, MULTI_VALUE_DEFAULT_VALUE as n } from "./lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
+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 { 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 { 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";
 export {
-  e as AddMetadataTemplateDropdown,
-  k as AutofillContext,
-  q as AutofillContextProvider,
-  r as ComboboxWithApiPagination,
-  I as CustomInstanceNewField,
-  u as DeleteConfirmationModal,
-  n 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,
-  W as MetadataEditor,
-  s as MetadataEmptyState,
-  h as MetadataInstance,
-  c as MetadataInstanceForm,
-  _ as MetadataInstanceFormAutofillButton,
-  L as MetadataInstanceFormHeader,
-  w as MetadataInstanceHeader,
-  N as MetadataInstanceList,
-  z as TIMEOUT_10_SECONDS,
-  b as UnsavedChangesModal,
-  B as UpdateMode,
-  v as defaultInitialValues,
-  H as defaultMetadataValueMap,
-  G as useAutofill,
-  Y as withApiWrapper
+  c as AddMetadataTemplateDropdown,
+  T as AutofillContext,
+  _ as AutofillContextProvider,
+  D as ComboboxWithApiPagination,
+  w as CustomInstanceNewField,
+  h as DeleteConfirmationModal,
+  e as FilterDropdownMenu,
+  N as FilterInstancesDropdown,
+  y 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,
+  b as MetadataInstanceFormAutofillButton,
+  v as MetadataInstanceFormHeader,
+  j as MetadataInstanceHeader,
+  X as MetadataInstanceList,
+  E as TIMEOUT_10_SECONDS,
+  G as UnsavedChangesModal,
+  A as UpdateMode,
+  x as defaultInitialValues,
+  i as defaultMetadataValueMap,
+  L as useAutofill,
+  U as withApiWrapper
 };

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

@@ -3,9 +3,9 @@ import { useFormikContext as W, getIn as $, Field as j } from "formik";
 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";
+import { ComboboxWithApiPagination as A } from "../../../combobox-with-api-pagination/combobox-with-api-pagination.js";
 const X = /* @__PURE__ */ D(({
   description: i,
   disableForm: l,

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

@@ -2,11 +2,11 @@ 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 { 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 { 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 || {});
@@ -21,7 +21,7 @@ const Z = /* @__PURE__ */ U(({
   var v;
   const {
     setFieldValue: l
-  } = C(), [d, u] = $(t.Initial), n = d === t.Pending, N = d === t.Applied, P = d === t.Initial, g = b[e.type], {
+  } = 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,
     value: c
@@ -40,7 +40,7 @@ const Z = /* @__PURE__ */ U(({
     P && i && u(t.Pending);
   }, [P, i]);
   const k = D(() => i && c === i, [n]);
-  return M ? E ? /* @__PURE__ */ r(R, {
+  return M ? E ? /* @__PURE__ */ r(L, {
     fieldNamePrefix: s,
     fieldType: e.type,
     isTaxonomyMultiSelect: V,
@@ -57,7 +57,7 @@ const Z = /* @__PURE__ */ U(({
       portalElement: S,
       taxonomyOptionsFetcher: f
     })
-  }, e.key) : /* @__PURE__ */ B("div", {
+  }, e.key) : /* @__PURE__ */ b("div", {
     className: p.fieldWrapper,
     children: [/* @__PURE__ */ r(g, {
       ref: I,
@@ -71,7 +71,7 @@ const Z = /* @__PURE__ */ U(({
       onValueEdited: m,
       portalElement: S,
       taxonomyOptionsFetcher: f
-    }), n && /* @__PURE__ */ r(L, {
+    }), n && /* @__PURE__ */ r(B, {
       aiSuggestion: i,
       isSameValue: k,
       onAiSuggestionAppend: () => {

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js

@@ -1,18 +1,21 @@
-import $ from "clsx";
-import { Formik as J, Form as q } from "formik";
-import { useState as M, useEffect as E, useRef as z, useMemo as G } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as H } from "../../../../constants.js";
-import { useAutofill as Q } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as X } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as Y } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { UnsavedChangesModal as Z } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+import "../custom-instance-new-field/custom-instance-new-field.js";
+import { DeleteConfirmationModal as $ } from "../delete-confirmation-modal/delete-confirmation-modal.js";
+import "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import "../metadata-instance-form-header/metadata-instance-form-header.js";
+import J from "clsx";
+import { Formik as q, Form as z } from "formik";
+import { useState as M, useEffect as E, useRef as G, useMemo as H } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as Q } from "../../../../constants.js";
+import { useAutofill as X } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as Y } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as Z } from "../../../metadata-empty-state/metadata-empty-state.js";
 import { AutofillOverlay as I } from "../autofill-overlay/autofill-overlay.js";
 import { CustomInstance as T } from "../custom-instance/custom-instance.js";
-import { DeleteConfirmationModal as oo } from "../delete-confirmation-modal/delete-confirmation-modal.js";
-import { c as ro } from "../../../../../../chunks/utils.js";
-import { s as m, M as to } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import { c as oo } from "../../../../../../chunks/utils.js";
+import { s as m, M as ro } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-const Mo = (y) => {
+import { UnsavedChangesModal as to } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+const yo = (y) => {
   const {
     areAiSuggestionsAvailable: S,
     customRef: a,
@@ -31,18 +34,18 @@ const Mo = (y) => {
     onSubmit: P,
     setIsUnsavedChangesModalOpen: f,
     taxonomyOptionsFetcher: u
-  } = y, R = A ?? to, [U, d] = M(!1), {
+  } = y, R = A ?? ro, [U, d] = M(!1), {
     isFetchingSuggestions: i,
     isLongLoading: g,
     getAiSuggestions: B,
     clearState: p,
     suggestions: w
-  } = Q();
+  } = X();
   E(() => () => {
     p();
   }, [p, o == null ? void 0 : o.id]);
-  const h = (o == null ? void 0 : o.templateKey) === H, K = async (r) => {
-    await P(r, ro(r, o));
+  const h = (o == null ? void 0 : o.templateKey) === Q, K = async (r) => {
+    await P(r, oo(r, o));
   }, W = (r) => {
     r ? f(!0) : x();
   }, j = () => {
@@ -51,29 +54,29 @@ const Mo = (y) => {
     metadata: {
       ...o
     }
-  }, C = z(null), [F, V] = M(null);
+  }, C = G(null), [F, V] = M(null);
   E(() => {
     V(a ?? C.current);
   }, [a, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
-  const _ = G(() => {
+  const _ = H(() => {
     const r = (o == null ? void 0 : o.fields.length) === 0;
     if (h)
       return /* @__PURE__ */ t(T, {
         isLoading: i
       });
     if (r)
-      return /* @__PURE__ */ t(Y, {
+      return /* @__PURE__ */ t(Z, {
         isBoxAiSuggestionsFeatureEnabled: s,
         level: "instance"
       });
     const e = !!(i || n);
     return /* @__PURE__ */ c("div", {
-      className: $(m.metadataInstanceFormContent, e && m.showOverlay),
+      className: J(m.metadataInstanceFormContent, e && m.showOverlay),
       children: [/* @__PURE__ */ t(I, {
         errorCode: n,
         isFetchingSuggestions: i,
         isLongLoading: g
-      }), /* @__PURE__ */ t(X, {
+      }), /* @__PURE__ */ t(Y, {
         disableForm: i,
         isMultilevelTaxonomyFieldEnabled: l,
         portalElement: a ?? F,
@@ -81,13 +84,13 @@ const Mo = (y) => {
       })]
     });
   }, [o == null ? void 0 : o.fields.length, h, i, g, a, F, u, s, l, n]);
-  return /* @__PURE__ */ t(J, {
+  return /* @__PURE__ */ t(q, {
     initialValues: k,
     onSubmit: K,
     children: ({
       values: r,
       dirty: e
-    }) => /* @__PURE__ */ c(q, {
+    }) => /* @__PURE__ */ c(z, {
       children: [/* @__PURE__ */ t(R, {
         areAiSuggestionsAvailable: S,
         className: m.metadataInstanceForm,
@@ -105,11 +108,11 @@ const Mo = (y) => {
         selectedTemplateInstance: o,
         suggestions: w,
         children: o && _
-      }), /* @__PURE__ */ t(Z, {
+      }), /* @__PURE__ */ t(to, {
         onBackToEdit: () => f(!1),
         onDiscardChanges: N,
         open: v
-      }), /* @__PURE__ */ t(oo, {
+      }), /* @__PURE__ */ t($, {
         onConfirm: () => L(o),
         onDismiss: () => d(!1),
         open: U,
@@ -119,5 +122,5 @@ const Mo = (y) => {
   }, `${o == null ? void 0 : o.scope}.${o == null ? void 0 : o.templateKey}`);
 };
 export {
-  Mo as MetadataInstanceForm
+  yo as MetadataInstanceForm
 };

package/dist/esm/lib/components/metadata-instance-list/metadata-instance-list.js

@@ -1,26 +1,27 @@
-import { MetadataInstance as d } from "./subcomponents/metadata-instance/metadata-instance.js";
-import { getVisibleTemplates as o } from "../../utils/utils.js";
+import { MetadataInstance as r } from "./subcomponents/metadata-instance/metadata-instance.js";
+import { getVisibleTemplates as c } from "../../utils/utils.js";
 import { jsx as a } from "react/jsx-runtime";
-import '../../../../styles/metadata-instance-list.css';const r = "_metadataInstanceList_bd83w_1", p = {
-  metadataInstanceList: r
-}, f = ({
+import "./subcomponents/metadata-instance-header/metadata-instance-header.js";
+import '../../../../styles/metadata-instance-list.css';const d = "_metadataInstanceList_bd83w_1", p = {
+  metadataInstanceList: d
+}, _ = ({
   areAiSuggestionsAvailable: s,
   isAiSuggestionsFeatureEnabled: e,
   isBetaLanguageEnabled: n,
   onEdit: i,
   templateInstances: m,
-  taxonomyNodeFetcher: c
+  taxonomyNodeFetcher: o
 }) => /* @__PURE__ */ a("div", {
   className: p.metadataInstanceList,
-  children: o(m).map((t) => /* @__PURE__ */ a(d, {
+  children: c(m).map((t) => /* @__PURE__ */ a(r, {
     areAiSuggestionsAvailable: s,
     isAiSuggestionsFeatureEnabled: e,
     isBetaLanguageEnabled: n,
     onEdit: i,
-    taxonomyNodeFetcher: c,
+    taxonomyNodeFetcher: o,
     templateInstance: t
   }, t.id))
 });
 export {
-  f as MetadataInstanceList
+  _ as MetadataInstanceList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.98.8",
+    "version": "0.98.9",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^7.30.3",
@@ -15,7 +15,7 @@
     "devDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^10.4.0",
+        "@box/blueprint-web": "^10.5.0",
         "@box/blueprint-web-assets": "^4.39.0",
         "@box/storybook-utils": "^0.9.0",
         "@testing-library/react": "^15.0.6",