@box/metadata-editor 0.50.0 → 0.50.2

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

@@ -1,10 +1,10 @@
 import "../../../../../../styles/metadata-instance-form.css";
 import { Card as b } from "@box/blueprint-web";
 import { Formik as O } from "formik";
-import { useState as v, useMemo as y } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as A } from "../../../../constants.js";
-import { useAutofill as N } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as T } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { useState as y, 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";
 import { MetadataEmptyState as L } from "../../../metadata-empty-state/metadata-empty-state.js";
 import { UnsavedChangesModal as U } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
 import { CustomInstance as _ } from "../custom-instance/custom-instance.js";
@@ -12,7 +12,7 @@ import { DeleteConfirmationModal as x } from "../delete-confirmation-modal/delet
 import { MetadataInstanceFormFooter as P } from "../metadata-instance-form-footer/metadata-instance-form-footer.js";
 import { MetadataInstanceFormHeader as j } from "../metadata-instance-form-header/metadata-instance-form-header.js";
 import { createJSONPatch as R } from "./utils.js";
-import { jsx as t, jsxs as l, Fragment as k } from "react/jsx-runtime";
+import { jsx as a, jsxs as l, Fragment as k } from "react/jsx-runtime";
 const B = "_metadataInstanceForm_1hu4u_1", H = {
   metadataInstanceForm: B
 }, ae = (d) => {
@@ -26,53 +26,53 @@ const B = "_metadataInstanceForm_1hu4u_1", H = {
     selectedTemplateInstance: e,
     setIsUnsavedChangesModalOpen: s,
     onUnsavedChangesModalCancel: C
-  } = d, [h, m] = v(!1), {
+  } = d, [h, m] = y(!1), {
     isFetchingSuggestions: F
-  } = N(), n = c || F, i = e.templateKey === A, r = (a) => {
-    g(e.id, R(a, e)), s(!1);
-  }, M = (a) => {
-    a ? s(!0) : f();
+  } = T(), n = c || F, i = e.templateKey === N, r = (t) => {
+    g(t, R(t, e)), s(!1);
+  }, M = (t) => {
+    t ? s(!0) : f();
   }, I = () => {
     m(!0);
   }, S = {
     metadata: {
       ...e
     }
-  }, D = y(() => {
-    const a = e.fields.length === 0;
-    return i ? /* @__PURE__ */ t(_, {
+  }, D = A(() => {
+    const t = e.fields.length === 0;
+    return i ? /* @__PURE__ */ a(_, {
       isLoading: n
-    }) : a ? /* @__PURE__ */ t(L, {
+    }) : t ? /* @__PURE__ */ a(L, {
       isBoxAiSuggestionsFeatureEnabled: o,
       level: "instance"
-    }) : /* @__PURE__ */ t(T, {
+    }) : /* @__PURE__ */ a(v, {
       disableForm: n
     });
   }, [i, e.fields.length, n, o]);
-  return /* @__PURE__ */ t(O, {
+  return /* @__PURE__ */ a(O, {
     initialValues: S,
     onSubmit: r,
     children: ({
-      values: a,
+      values: t,
       dirty: E
     }) => /* @__PURE__ */ l(k, {
       children: [/* @__PURE__ */ l(b, {
         className: H.metadataInstanceForm,
-        children: [/* @__PURE__ */ t(j, {
+        children: [/* @__PURE__ */ a(j, {
           isAiSuggestionsFeatureEnabled: o && !i,
           isLoading: n,
           templateName: e.displayName
-        }), D, /* @__PURE__ */ t(P, {
+        }), D, /* @__PURE__ */ a(P, {
           isLoading: n,
           onCancel: () => M(E),
           onDelete: I
         })]
-      }), /* @__PURE__ */ t(U, {
+      }), /* @__PURE__ */ a(U, {
         onCancel: C,
         onDismiss: () => s(!1),
-        onSaveAndContinue: () => r(a),
+        onSaveAndContinue: () => r(t),
         open: p
-      }), /* @__PURE__ */ t(x, {
+      }), /* @__PURE__ */ a(x, {
         onConfirm: () => u(e.id),
         onDismiss: () => m(!1),
         open: h,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.50.0",
+  "version": "0.50.2",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -13,8 +13,8 @@
   },
   "devDependencies": {
     "@ariakit/react": "0.4.5",
-    "@box/blueprint-web": "^7.24.1",
-    "@box/blueprint-web-assets": "^4.21.5",
+    "@box/blueprint-web": "^7.25.0",
+    "@box/blueprint-web-assets": "^4.22.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "cca09c546ba50465b730ff9e32c155c392324939"
+  "gitHead": "d11ef94c0b6fdc3b2cd69ce5ba09cbf931799c74"
 }

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

@@ -1,13 +1,13 @@
-import { type MetadataTemplate, type MetadataTemplateInstance } from '../../../../types';
+import { type MetadataTemplateInstance } from '../../../../types';
+import { type FormValues } from '../../types';
 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 | MetadataTemplate;
+    selectedTemplateInstance: MetadataTemplateInstance;
     onCancel: () => void;
     onDelete: (id: string) => void;
-    onSubmit: (id: string, operations: JSONPatchOperations) => void;
+    onSubmit: (values: FormValues, operations: JSONPatchOperations) => void;
     setIsUnsavedChangesModalOpen: (isUnsavedChangesModalOpen: boolean) => void;
     /** Callback invoked when clicking Cancel button on the UnsavedChangesModal - can be used to reset form values */
     onUnsavedChangesModalCancel?: () => void;

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

@@ -1,4 +1,4 @@
-import { type MetadataTemplate, type MetadataTemplateInstance } from '../../../../types';
+import { type MetadataTemplateInstance } from '../../../../types';
 import { type FormValues } from '../../types';
 import { type JSONPatchOperations } from './types';
 /**
@@ -9,4 +9,4 @@ import { type JSONPatchOperations } from './types';
  * @param formValues
  * @param originalData
  */
-export declare const createJSONPatch: (formValues: FormValues, originalData: MetadataTemplateInstance | MetadataTemplate) => JSONPatchOperations;
+export declare const createJSONPatch: (formValues: FormValues, originalData: MetadataTemplateInstance) => JSONPatchOperations;

package/types/lib/components/metadata-instance-list/types.d.ts

@@ -1,7 +1,7 @@
 import { type MetadataTemplateInstance } from '../../types';
 export type MetadataInstanceListProps = {
     isAiSuggestionsFeatureEnabled: boolean;
-    onEdit: () => void;
+    onEdit: (templateInstacne: MetadataTemplateInstance) => void;
     onEditWithAutofill: () => void;
     templateInstances: MetadataTemplateInstance[];
 };