@box/metadata-editor 0.52.8 → 0.52.10

package/chunks/metadata-editor-field-wrapper.js

@@ -1,18 +1,18 @@
 import "../styles/metadata-editor-field-wrapper.css";
-import S from "clsx";
-import { useFormikContext as x } from "formik";
-import _ from "lodash/isUndefined";
-import { useState as h } from "react";
-import { AiSuggestionField as A } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js";
-import { UpdateModeFieldWrapper as v } from "../esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js";
-import { editorFieldTypes as k } from "../esm/lib/components/metadata-editor-fields/editor-field-types.js";
-import { jsx as o, jsxs as F } from "react/jsx-runtime";
-const W = "_noAttributesText_vykxc_1", M = "_fieldWrapper_vykxc_5", N = "_hasSuggestion_vykxc_5", T = "_error_vykxc_13", u = {
-  noAttributesText: W,
-  fieldWrapper: M,
-  hasSuggestion: N,
-  error: T
-}, E = ({
+import x from "clsx";
+import { useFormikContext as _ } from "formik";
+import h from "lodash/isUndefined";
+import { useState as A } from "react";
+import { AiSuggestionField as v } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js";
+import { UpdateModeFieldWrapper as k } from "../esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js";
+import { editorFieldTypes as F } from "../esm/lib/components/metadata-editor-fields/editor-field-types.js";
+import { jsx as o, jsxs as W } from "react/jsx-runtime";
+const M = "_noAttributesText_vykxc_1", N = "_fieldWrapper_vykxc_5", T = "_hasSuggestion_vykxc_5", b = "_error_vykxc_13", u = {
+  noAttributesText: M,
+  fieldWrapper: N,
+  hasSuggestion: T,
+  error: b
+}, R = ({
   disableForm: n,
   portalElement: a,
   field: e,
@@ -20,11 +20,11 @@ const W = "_noAttributesText_vykxc_1", M = "_fieldWrapper_vykxc_5", N = "_hasSug
 }) => {
   const {
     setFieldValue: d
-  } = x(), [l, i] = h(!0), r = k[e.type], g = r && !e.hidden, m = !_(e.updateMode), s = `metadata.fields[${p}]`;
+  } = _(), [l, i] = A(!0), r = F[e.type], g = r && !e.hidden, m = !h(e.updateMode), s = `metadata.fields[${p}]`;
   if (!g)
     return null;
   if (m)
-    return /* @__PURE__ */ o(v, {
+    return /* @__PURE__ */ o(k, {
       fieldNamePrefix: s,
       fieldType: e.type,
       children: /* @__PURE__ */ o(r, {
@@ -37,31 +37,33 @@ const W = "_noAttributesText_vykxc_1", M = "_fieldWrapper_vykxc_5", N = "_hasSug
     }, e.key);
   const {
     aiSuggestion: t,
-    value: f
+    type: f,
+    value: y
   } = e, c = t && l;
-  return /* @__PURE__ */ F("div", {
+  return /* @__PURE__ */ W("div", {
     className: u.fieldWrapper,
     children: [/* @__PURE__ */ o(r, {
-      className: S(c && u.hasSuggestion),
+      className: x(c && u.hasSuggestion),
       description: e.description,
       disableForm: n,
       fieldNamePrefix: `metadata.fields[${p}]`,
       label: e.displayName,
       portalElement: a
-    }), c && /* @__PURE__ */ o(A, {
+    }), c && /* @__PURE__ */ o(v, {
       aiSuggestion: t,
       onAiSuggestionAppend: () => {
-        const y = e.type === "multiSelect" ? [f, t].flat() : t;
-        d(`${s}.value`, y), i(!1);
+        const S = e.type === "multiSelect" ? [y, t].flat() : t;
+        d(`${s}.value`, S), i(!1);
       },
       onAiSuggestionIgnore: () => i(!1),
       onAiSuggestionReplace: () => {
         d(`${s}.value`, t), i(!1);
-      }
+      },
+      type: f
     })]
   }, e.key);
 };
 export {
-  E as M,
+  R as M,
   u as s
 };

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

@@ -1,23 +1,24 @@
 import "../../../../../../styles/ai-suggestion-field.css";
 import { Text as l, IconButton as c, DropdownMenu as r } from "@box/blueprint-web";
-import { Checkmark as d, Ellipsis as u } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as h, FormattedMessage as n } from "react-intl";
+import { Checkmark as u, Ellipsis as h } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as S, FormattedMessage as n } from "react-intl";
 import t from "./messages.js";
-import { formatSuggestionValue as S } from "./utils.js";
+import { formatSuggestionValue as _ } from "./utils.js";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-const _ = "_wrapperGradient_1izxt_1", f = "_wrapper_1izxt_1", x = "_buttons_1izxt_18", w = "_selectTrigger_1izxt_22", o = {
-  wrapperGradient: _,
-  wrapper: f,
-  buttons: x,
-  selectTrigger: w
+const f = "_wrapperGradient_1izxt_1", x = "_wrapper_1izxt_1", w = "_buttons_1izxt_18", b = "_selectTrigger_1izxt_22", o = {
+  wrapperGradient: f,
+  wrapper: x,
+  buttons: w,
+  selectTrigger: b
 };
-function M({
+function N({
   aiSuggestion: p,
-  onAiSuggestionAppend: a,
+  onAiSuggestionAppend: s,
   onAiSuggestionReplace: g,
-  onAiSuggestionIgnore: m
+  onAiSuggestionIgnore: m,
+  type: d
 }) {
-  const s = h();
+  const a = S();
   return /* @__PURE__ */ e("div", {
     className: o.wrapperGradient,
     children: /* @__PURE__ */ i("div", {
@@ -32,25 +33,28 @@ function M({
           })
         }), /* @__PURE__ */ e(l, {
           as: "p",
-          children: S(p)
+          children: _(p, {
+            type: d,
+            locale: a.locale
+          })
         })]
       }), /* @__PURE__ */ i("div", {
         className: o.buttons,
         children: [/* @__PURE__ */ e(c, {
-          "aria-label": s.formatMessage(t.aiSuggestionAppend),
-          icon: d,
-          onClick: a,
+          "aria-label": a.formatMessage(t.aiSuggestionAppend),
+          icon: u,
+          onClick: s,
           size: "x-small"
         }), /* @__PURE__ */ i(r.Root, {
           children: [/* @__PURE__ */ e(r.Trigger, {
             className: o.selectTrigger,
             children: /* @__PURE__ */ e(c, {
-              "aria-label": s.formatMessage(t.aiSuggestionOptions),
-              icon: u
+              "aria-label": a.formatMessage(t.aiSuggestionOptions),
+              icon: h
             })
           }), /* @__PURE__ */ i(r.Content, {
             children: [/* @__PURE__ */ e(r.Item, {
-              onSelect: a,
+              onSelect: s,
               children: /* @__PURE__ */ e(n, {
                 ...t.aiSuggestionAppend
               })
@@ -72,5 +76,5 @@ function M({
   });
 }
 export {
-  M as AiSuggestionField
+  N as AiSuggestionField
 };

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

@@ -1,13 +1,15 @@
-function n(t) {
-  if (t == null)
-    return null;
-  if (typeof t == "number")
-    return t.toString();
-  if (Array.isArray(t))
-    return t.join(", ");
-  const r = new Date(t);
-  return !isNaN(r.getTime()) && r.toISOString() === t ? r.toLocaleDateString() : t;
+import { DateFormatter as i } from "@box/blueprint-web";
+function f(r, {
+  type: n = "string",
+  locale: e = "en"
+} = {}) {
+  if (n === "date" && typeof r == "string") {
+    const t = new Date(r);
+    if (!isNaN(t.getTime()))
+      return new i(e).format(t);
+  }
+  return r == null ? null : typeof r == "number" ? r.toString() : Array.isArray(r) ? r.join(", ") : r;
 }
 export {
-  n as formatSuggestionValue
+  f as formatSuggestionValue
 };

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

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

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

@@ -1,35 +1,32 @@
 import "../../../../../../styles/metadata-instance-form-footer.css";
-import { TextButton as b, Button as r } from "@box/blueprint-web";
-import { useFormikContext as g } from "formik";
+import { TextButton as u, Button as r } from "@box/blueprint-web";
+import { useFormikContext as b } from "formik";
 import { useIntl as F } from "react-intl";
-import { useAutofill as f } from "../../../../utils/autofill-context.js";
 import o from "./messages.js";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-const _ = "_metadataInstanceFormFooter_17478_1", p = "_buttonsContainer_17478_8", C = "_buttons_17478_8", s = {
-  metadataInstanceFormFooter: _,
-  buttonsContainer: p,
-  buttons: C
-}, A = ({
+const g = "_metadataInstanceFormFooter_17478_1", f = "_buttonsContainer_17478_8", _ = "_buttons_17478_8", a = {
+  metadataInstanceFormFooter: g,
+  buttonsContainer: f,
+  buttons: _
+}, x = ({
   isLoading: m,
   onCancel: c,
   onDelete: l
 }) => {
   const t = F(), {
-    isSubmitting: a,
+    isSubmitting: s,
     submitForm: d
-  } = g(), {
-    isFetchingSuggestions: u
-  } = f(), n = m || a || u;
+  } = b(), n = m || s;
   return /* @__PURE__ */ e("div", {
-    className: s.metadataInstanceFormFooter,
+    className: a.metadataInstanceFormFooter,
     children: /* @__PURE__ */ i("div", {
-      className: s.buttonsContainer,
-      children: [/* @__PURE__ */ e(b, {
+      className: a.buttonsContainer,
+      children: [/* @__PURE__ */ e(u, {
         disabled: n,
         onClick: l,
         children: t.formatMessage(o.deleteButton)
       }), /* @__PURE__ */ i("div", {
-        className: s.buttons,
+        className: a.buttons,
         children: [/* @__PURE__ */ e(r, {
           disabled: n,
           onClick: c,
@@ -38,7 +35,7 @@ const _ = "_metadataInstanceFormFooter_17478_1", p = "_buttonsContainer_17478_8"
           children: t.formatMessage(o.cancelButton)
         }), /* @__PURE__ */ e(r, {
           disabled: n,
-          loading: a,
+          loading: s,
           loadingAriaLabel: t.formatMessage(o.loadingAriaLabel),
           onClick: d,
           size: "large",
@@ -49,5 +46,5 @@ const _ = "_metadataInstanceFormFooter_17478_1", p = "_buttonsContainer_17478_8"
   });
 };
 export {
-  A as MetadataInstanceFormFooter
+  x as MetadataInstanceFormFooter
 };

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

@@ -1,43 +1,40 @@
 import "../../../../../../styles/metadata-instance-form-header.css";
-import { Text as h, Tooltip as x, Button as A } from "@box/blueprint-web";
+import { Text as h, Tooltip as F, Button as x } from "@box/blueprint-web";
 import { BoxAiLogo as B } from "@box/blueprint-web-assets/icons/Logo";
-import { useFormikContext as M, getIn as s } from "formik";
+import { useFormikContext as M, getIn as n } from "formik";
 import { useIntl as _ } from "react-intl";
-import { useAutofill as y } from "../../../../utils/autofill-context.js";
 import e from "./messages.js";
-import { jsxs as H, jsx as a } from "react/jsx-runtime";
-const v = "_metadataInstanceFormHeader_1b2cc_1", S = "_title_1b2cc_8", i = {
-  metadataInstanceFormHeader: v,
-  title: S
-}, D = ({
-  isAiSuggestionsFeatureEnabled: n,
-  isLoading: l,
-  templateName: r
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+const H = "_metadataInstanceFormHeader_1b2cc_1", v = "_title_1b2cc_8", i = {
+  metadataInstanceFormHeader: H,
+  title: v
+}, N = ({
+  isAiSuggestionsFeatureEnabled: l,
+  isLoading: o,
+  templateName: r,
+  onAutofill: m
 }) => {
   const {
-    isSubmitting: m,
-    values: o,
-    setFieldValue: c
-  } = M(), {
-    getAiSuggestions: d,
-    isFetchingSuggestions: u
-  } = y(), t = _(), f = async () => {
-    const F = s(o, "metadata.fields"), I = s(o, "metadata.templateKey"), b = await d(I, F);
-    c("metadata.fields", b);
-  }, g = r ?? t.formatMessage(e.customInstanceTitle), p = m || u;
-  return /* @__PURE__ */ H("div", {
+    isSubmitting: c,
+    values: s,
+    setFieldValue: d
+  } = M(), t = _(), f = async () => {
+    const p = n(s, "metadata.fields"), I = n(s, "metadata.templateKey"), b = await m(I, p);
+    d("metadata.fields", b);
+  }, u = r ?? t.formatMessage(e.customInstanceTitle), g = c || o;
+  return /* @__PURE__ */ y("div", {
     className: i.metadataInstanceFormHeader,
     children: [/* @__PURE__ */ a(h, {
       as: "h1",
       className: i.title,
       variant: "titleMedium",
-      children: g
-    }), n && /* @__PURE__ */ a(x, {
+      children: u
+    }), l && /* @__PURE__ */ a(F, {
       content: t.formatMessage(e.autofillButtonTooltip),
-      children: /* @__PURE__ */ a(A, {
-        disabled: p,
+      children: /* @__PURE__ */ a(x, {
+        disabled: g,
         icon: B,
-        loading: l,
+        loading: o,
         loadingAriaLabel: t.formatMessage(e.loadingButtonAriaLabel),
         onClick: f,
         variant: "secondary",
@@ -47,5 +44,5 @@ const v = "_metadataInstanceFormHeader_1b2cc_1", S = "_title_1b2cc_8", i = {
   });
 };
 export {
-  D as MetadataInstanceFormHeader
+  N as MetadataInstanceFormHeader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.52.8",
+  "version": "0.52.10",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@ariakit/react": "0.4.5",
-    "@box/blueprint-web": "^7.29.1",
+    "@box/blueprint-web": "^7.29.2",
     "@box/blueprint-web-assets": "^4.25.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "ba645fcf47d9d81c85722b0323ada8621c89467e"
+  "gitHead": "0d9819fc38a244c6102693de49d13f092b173e08"
 }

package/types/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.d.ts

@@ -1,2 +1,2 @@
 import { type AiSuggestionFieldProps } from './types';
-export declare function AiSuggestionField({ aiSuggestion, onAiSuggestionAppend, onAiSuggestionReplace, onAiSuggestionIgnore, }: AiSuggestionFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiSuggestionField({ aiSuggestion, onAiSuggestionAppend, onAiSuggestionReplace, onAiSuggestionIgnore, type, }: AiSuggestionFieldProps): import("react/jsx-runtime").JSX.Element;

package/types/lib/components/metadata-editor-fields/components/ai-suggestion-field/types.d.ts

@@ -1,4 +1,4 @@
-import { type MetadataFieldValue } from '../../../../types';
+import { type MetadataFieldValue, type MetadataTemplateFieldType } from '../../../../types';
 export interface AiSuggestionFieldProps {
     /**
      * Represents the AI suggestion to be displayed or processed.
@@ -18,4 +18,8 @@ export interface AiSuggestionFieldProps {
      * This function does not accept any parameters and does not return any value.
      */
     onAiSuggestionIgnore: () => void;
+    /**
+     * Type of the metadata field to display the suggestion for.
+     */
+    type: MetadataTemplateFieldType;
 }

package/types/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.d.ts

@@ -1,3 +1,6 @@
 import { type ReactElement } from 'react';
-import { type MetadataFieldValue } from '../../../../types';
-export declare function formatSuggestionValue(value: MetadataFieldValue): null | ReactElement | string;
+import { type MetadataFieldValue, type MetadataTemplateFieldType } from '../../../../types';
+export declare function formatSuggestionValue(value: MetadataFieldValue, { type, locale }?: {
+    type?: MetadataTemplateFieldType;
+    locale?: string;
+}): null | ReactElement | string;

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

@@ -2,7 +2,6 @@ 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;

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

@@ -1,2 +1,2 @@
 import { type MetadataInstanceFormHeaderProps } from './types';
-export declare const MetadataInstanceFormHeader: ({ isAiSuggestionsFeatureEnabled, isLoading, templateName, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceFormHeader: ({ isAiSuggestionsFeatureEnabled, isLoading, templateName, onAutofill, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
+import { type MetadataTemplateField, type MetadataTemplateInstance } from '../../../../types';
 export type MetadataInstanceFormHeaderProps = {
     isAiSuggestionsFeatureEnabled: boolean;
     isLoading: boolean;
-    onAutofill?: () => void;
+    onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], fields: MetadataTemplateField[]) => Promise<MetadataTemplateField[]>;
     templateName?: string;
 };