@box/metadata-editor 0.92.7 → 0.93.0

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

@@ -1,18 +1,18 @@
-import { Formik as _, Form as $ } from "formik";
-import { useState as C, useEffect as F, useRef as J, useMemo as q } from "react";
-import z from "clsx";
+import _ from "clsx";
+import { Formik as $, Form as J } from "formik";
+import { useState as F, useEffect as M, useRef as q, useMemo as z } from "react";
 import { TEMPLATE_CUSTOM_PROPERTIES as G } from "../../../../constants.js";
-import { AutofillOverlay as H } from "../autofill-overlay/autofill-overlay.js";
-import { useAutofill as Q } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as X } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as Y } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { UnsavedChangesModal as Z } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+import { useAutofill as H } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as Q } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as X } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { UnsavedChangesModal as Y } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+import { AutofillOverlay as Z } from "../autofill-overlay/autofill-overlay.js";
 import { CustomInstance as I } from "../custom-instance/custom-instance.js";
 import { DeleteConfirmationModal as T } from "../delete-confirmation-modal/delete-confirmation-modal.js";
 import { c as oo } from "../../../../../../chunks/utils.js";
-import { s as e, M as to } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
-import { jsx as r, jsxs as M } from "react/jsx-runtime";
-const Co = (E) => {
+import { s as e, M as ro } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+const Fo = (E) => {
   const {
     areAiSuggestionsAvailable: S,
     customRef: i,
@@ -28,69 +28,69 @@ const Co = (E) => {
     onDelete: x,
     onDiscardUnsavedChanges: L,
     onSubmit: N,
-    setIsUnsavedChangesModalOpen: l,
-    taxonomyOptionsFetcher: f
-  } = E, P = v ?? to, [R, u] = C(!1), {
+    setIsUnsavedChangesModalOpen: f,
+    taxonomyOptionsFetcher: l
+  } = E, P = v ?? ro, [R, u] = F(!1), {
     isFetchingSuggestions: a,
-    isLongLoading: d,
+    isLongLoading: g,
     getAiSuggestions: U,
-    clearState: g,
+    clearState: d,
     suggestions: B
-  } = Q();
-  F(() => () => {
-    g();
-  }, [g, o.id]);
-  const p = (o == null ? void 0 : o.templateKey) === G, w = async (t) => {
-    await N(t, oo(t, o));
-  }, K = (t) => {
-    t ? l(!0) : A();
+  } = H();
+  M(() => () => {
+    d();
+  }, [d, o == null ? void 0 : o.id]);
+  const p = (o == null ? void 0 : o.templateKey) === G, w = async (r) => {
+    await N(r, oo(r, o));
+  }, K = (r) => {
+    r ? f(!0) : A();
   }, W = () => {
     u(!0);
   }, j = {
     metadata: {
       ...o
     }
-  }, h = J(null), [c, k] = C(null);
-  F(() => {
+  }, h = q(null), [C, k] = F(null);
+  M(() => {
     k(i ?? h.current);
   }, [i, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
-  const V = q(() => {
-    const t = (o == null ? void 0 : o.fields.length) === 0;
+  const V = z(() => {
+    const r = (o == null ? void 0 : o.fields.length) === 0;
     if (p)
-      return /* @__PURE__ */ r(I, {
+      return /* @__PURE__ */ t(I, {
         isLoading: a
       });
-    if (t)
-      return /* @__PURE__ */ r(Y, {
+    if (r)
+      return /* @__PURE__ */ t(X, {
         isBoxAiSuggestionsFeatureEnabled: s,
         level: "instance"
       });
     const n = !!(a || m);
-    return /* @__PURE__ */ M("div", {
-      className: z(e.metadataInstanceFormContent, n && e.showOverlay),
-      children: [/* @__PURE__ */ r(H, {
+    return /* @__PURE__ */ c("div", {
+      className: _(e.metadataInstanceFormContent, n && e.showOverlay),
+      children: [/* @__PURE__ */ t(Z, {
         errorCode: m,
         isFetchingSuggestions: a,
-        isLongLoading: d
-      }), /* @__PURE__ */ r(X, {
+        isLongLoading: g
+      }), /* @__PURE__ */ t(Q, {
         disableForm: a,
-        portalElement: i ?? c,
-        taxonomyOptionsFetcher: f
+        portalElement: i ?? C,
+        taxonomyOptionsFetcher: l
       })]
     });
-  }, [o == null ? void 0 : o.fields.length, p, a, d, i, c, f, s]);
-  return /* @__PURE__ */ r(_, {
+  }, [o == null ? void 0 : o.fields.length, p, a, g, i, C, l, s]);
+  return /* @__PURE__ */ t($, {
     initialValues: j,
     onSubmit: w,
     children: ({
-      values: t,
+      values: r,
       dirty: n
-    }) => /* @__PURE__ */ M($, {
-      children: [/* @__PURE__ */ r(P, {
+    }) => /* @__PURE__ */ c(J, {
+      children: [/* @__PURE__ */ t(P, {
         areAiSuggestionsAvailable: S,
         className: e.metadataInstanceForm,
         formRef: h,
-        formValues: t,
+        formValues: r,
         getAiSuggestions: U,
         handleCancel: K,
         handleDelete: W,
@@ -103,11 +103,11 @@ const Co = (E) => {
         selectedTemplateInstance: o,
         suggestions: B,
         children: o && V
-      }), /* @__PURE__ */ r(Z, {
-        onBackToEdit: () => l(!1),
+      }), /* @__PURE__ */ t(Y, {
+        onBackToEdit: () => f(!1),
         onDiscardChanges: L,
         open: b
-      }), /* @__PURE__ */ r(T, {
+      }), /* @__PURE__ */ t(T, {
         onConfirm: () => x(o),
         onDismiss: () => u(!1),
         open: R,
@@ -117,5 +117,5 @@ const Co = (E) => {
   }, `${o == null ? void 0 : o.scope}.${o == null ? void 0 : o.templateKey}`);
 };
 export {
-  Co as MetadataInstanceForm
+  Fo as MetadataInstanceForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.92.7",
+  "version": "0.93.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/blueprint-web": "^7.30.3",
@@ -14,8 +14,8 @@
   "devDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.4",
-    "@box/blueprint-web-assets": "^4.33.2",
+    "@box/blueprint-web": "^9.18.5",
+    "@box/blueprint-web-assets": "^4.34.0",
     "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "d7f83c86ae66cd916b95f273500e784040c3105e"
+  "gitHead": "4186e6a642af66984f1fb57cad2b9188d4b8f89a"
 }