@box/metadata-editor 0.50.7 → 0.50.8

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

@@ -1,7 +1,7 @@
 import "../../../../../../styles/metadata-instance-form.css";
 import { Card as b } from "@box/blueprint-web";
-import { Formik as O } from "formik";
-import { useState as y, useMemo as A } from "react";
+import { Formik as y } from "formik";
+import { useState as O, useMemo as A } from "react";
 import { TEMPLATE_CUSTOM_PROPERTIES as N } from "../../../../constants.js";
 import { useAutofill as T } from "../../../../utils/autofill-context.js";
 import { TemplateInstance as v } from "../../../metadata-editor-fields/metadata-editor-fields.js";
@@ -13,8 +13,8 @@ import { MetadataInstanceFormFooter as P } from "../metadata-instance-form-foote
 import { MetadataInstanceFormHeader as j } from "../metadata-instance-form-header/metadata-instance-form-header.js";
 import { createJSONPatch as R } from "./utils.js";
 import { jsx as a, jsxs as l, Fragment as k } from "react/jsx-runtime";
-const B = "_metadataInstanceForm_1hu4u_1", H = {
-  metadataInstanceForm: B
+const w = "_metadataInstanceForm_1hu4u_1", B = {
+  metadataInstanceForm: w
 }, ae = (d) => {
   const {
     isAiSuggestionsFeatureEnabled: o,
@@ -26,10 +26,10 @@ const B = "_metadataInstanceForm_1hu4u_1", H = {
     selectedTemplateInstance: e,
     setIsUnsavedChangesModalOpen: s,
     onUnsavedChangesModalCancel: C
-  } = d, [h, m] = y(!1), {
+  } = d, [h, m] = O(!1), {
     isFetchingSuggestions: F
-  } = T(), n = c || F, i = e.templateKey === N, r = (t) => {
-    g(t, R(t, e)), s(!1);
+  } = T(), n = c || F, i = e.templateKey === N, r = async (t) => {
+    await g(t, R(t, e)), s(!1);
   }, M = (t) => {
     t ? s(!0) : f();
   }, I = () => {
@@ -49,7 +49,7 @@ const B = "_metadataInstanceForm_1hu4u_1", H = {
       disableForm: n
     });
   }, [i, e.fields.length, n, o]);
-  return /* @__PURE__ */ a(O, {
+  return /* @__PURE__ */ a(y, {
     initialValues: S,
     onSubmit: r,
     children: ({
@@ -57,7 +57,7 @@ const B = "_metadataInstanceForm_1hu4u_1", H = {
       dirty: E
     }) => /* @__PURE__ */ l(k, {
       children: [/* @__PURE__ */ l(b, {
-        className: H.metadataInstanceForm,
+        className: B.metadataInstanceForm,
         children: [/* @__PURE__ */ a(j, {
           isAiSuggestionsFeatureEnabled: o && !i,
           isLoading: n,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.50.7",
+  "version": "0.50.8",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "ecb91fa5e506f5ec6ffe156f488948e0f2e55b49"
+  "gitHead": "93743d21d2e1213f9596085f664989972a58dbca"
 }

package/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/types.d.ts

@@ -4,10 +4,11 @@ export type MetadataInstanceFormProps = {
     isAiSuggestionsFeatureEnabled: boolean;
     isLoading: boolean;
     isUnsavedChangesModalOpen: boolean;
+    /** The MetadataTemplate is used when creating a new instance, while MetadataTemplateInstance is applied when editing an existing one. */
     selectedTemplateInstance: MetadataTemplateInstance;
     onCancel: () => void;
     onDelete: (templateInstance: MetadataTemplateInstance) => void;
-    onSubmit: (values: FormValues, operations: JSONPatchOperations) => void;
+    onSubmit: (values: FormValues, operations: JSONPatchOperations) => Promise<void>;
     setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;
     /** Callback invoked when clicking Cancel button on the UnsavedChangesModal - can be used to reset form values */
     onUnsavedChangesModalCancel?: () => void;