@box/metadata-editor 0.56.1 → 0.57.0

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.56.1",
+  "version": "0.57.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.20.0",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "a0c0a5947c5f64b38582f24481ec3db29f9d8f4e"
+  "gitHead": "070e08d367f07146160cb5db9832001c9625d59e"
 }

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

@@ -1,6 +1,7 @@
 import { type MetadataFormFieldValue, type MetadataTemplateInstance } from '../../../../types';
 import { type FormValues } from '../../types';
 export type MetadataInstanceFormProps = {
+    areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     isDeleteButtonDisabled: boolean;
     isUnsavedChangesModalOpen: boolean;

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, onAutofill, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceFormHeader: ({ areAiSuggestionsAvailable, 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,5 +1,6 @@
 import { type MetadataTemplateField, type MetadataTemplateInstance } from '../../../../types';
 export type MetadataInstanceFormHeaderProps = {
+    areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
     isLoading: boolean;
     onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], fields: MetadataTemplateField[]) => Promise<MetadataTemplateField[]>;