@box/metadata-editor 0.50.1 → 0.50.3

package/esm/index.js

@@ -1,31 +1,35 @@
-import { AddMetadataTemplateDropdown as a } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
+import { AddMetadataTemplateDropdown as o } from "./lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js";
 import { FilterDropdownMenu as r } from "./lib/components/filter-dropdown-menu/index.js";
 import { MetadataEmptyState as m } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
-import { DeleteConfirmationModal as p } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormHeader as x } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { CustomInstanceNewField as M } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
-import { MetadataInstanceForm as i } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { DeleteConfirmationModal as f } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
+import { MetadataInstanceFormHeader as l } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { CustomInstanceNewField as i } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
+import { MetadataInstanceForm as s } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
 import { MetadataInstanceList as I } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as F } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
-import { SingleLevelTaxonomyField as C } from "./lib/components/metadata-taxonomy-field/single-level-taxonomy-field.js";
-import { UnsavedChangesModal as U } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as v, defaultMetadataValueMap as y } from "./lib/defaults.js";
-import { MetadataEditor as H } from "./lib/metadata-editor.js";
-import { U as S } from "../chunks/types.js";
+import { MetadataInstanceHeader as C } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { SingleLevelTaxonomyField as A } from "./lib/components/metadata-taxonomy-field/single-level-taxonomy-field.js";
+import { UnsavedChangesModal as w } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { defaultInitialValues as U, defaultMetadataValueMap as g } from "./lib/defaults.js";
+import { MetadataEditor as E } from "./lib/metadata-editor.js";
+import { U as L } from "../chunks/types.js";
+import { AutofillContext as T, AutofillContextProvider as V, useAutofill as h } from "./lib/utils/autofill-context.js";
 export {
-  a as AddMetadataTemplateDropdown,
-  M as CustomInstanceNewField,
-  p as DeleteConfirmationModal,
+  o as AddMetadataTemplateDropdown,
+  T as AutofillContext,
+  V as AutofillContextProvider,
+  i as CustomInstanceNewField,
+  f as DeleteConfirmationModal,
   r as FilterDropdownMenu,
-  H as MetadataEditor,
+  E as MetadataEditor,
   m as MetadataEmptyState,
-  i as MetadataInstanceForm,
-  x as MetadataInstanceFormHeader,
-  F as MetadataInstanceHeader,
+  s as MetadataInstanceForm,
+  l as MetadataInstanceFormHeader,
+  C as MetadataInstanceHeader,
   I as MetadataInstanceList,
-  C as SingleLevelTaxonomyField,
-  U as UnsavedChangesModal,
-  S as UpdateMode,
-  v as defaultInitialValues,
-  y as defaultMetadataValueMap
+  A as SingleLevelTaxonomyField,
+  w as UnsavedChangesModal,
+  L as UpdateMode,
+  U as defaultInitialValues,
+  g as defaultMetadataValueMap,
+  h as useAutofill
 };

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.1",
+  "version": "0.50.3",
   "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": "8463bedb52cb3c061d48d6608e22d9aa0a7d2bfb"
+  "gitHead": "be431fa97e1dcbe48c7720e44c90f6f8f291d913"
 }

package/types/index.d.ts

@@ -8,3 +8,4 @@ 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';

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;