@box/metadata-editor 0.77.0 → 0.77.1

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

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

package/esm/lib/utils/autofill-context.js

@@ -1,21 +1,21 @@
-import { createContext as w, useState as l, useCallback as C, useMemo as S, useContext as p } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as v } from "../constants.js";
-import { fetchSuggestions as x } from "./utils.js";
-import { jsx as A } from "react/jsx-runtime";
-const a = /* @__PURE__ */ w(null), T = ({
+import { createContext as C, useState as a, useCallback as h, useMemo as p, useContext as v } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as x } from "../constants.js";
+import { fetchSuggestions as A } from "./utils.js";
+import { jsx as P } from "react/jsx-runtime";
+const m = /* @__PURE__ */ C(null), I = ({
   children: t,
   isAiSuggestionsFeatureEnabled: o,
-  fetchSuggestions: i = x
+  fetchSuggestions: i = A
 }) => {
-  const [e, g] = l({}), [u, f] = l(!1), c = C(async (s, m) => {
+  const [e, u] = a({}), [c, f] = a(!1), l = h(async (s, w) => {
     let r = [];
     if (!o)
       throw new Error("AI Suggestions feature not available.");
-    if (s === v)
+    if (s === x)
       throw new Error("Can't fetch suggestions for Custom Metadata instance");
     f(!0);
     try {
-      r = await i(s, m), g({
+      r = await i(s, w), u({
         ...e,
         [s]: {
           ...Object.fromEntries(r.map((n) => [n.key, n.aiSuggestion]))
@@ -26,24 +26,27 @@ const a = /* @__PURE__ */ w(null), T = ({
       f(!1);
     }
     return r;
-  }, [o, e, i]), h = S(() => ({
-    getAiSuggestions: c,
+  }, [o, e, i]), g = h(() => {
+    u({});
+  }, []), S = p(() => ({
+    clearSuggestions: g,
+    getAiSuggestions: l,
     isAiSuggestionsFeatureEnabled: o,
-    isFetchingSuggestions: u,
+    isFetchingSuggestions: c,
     suggestions: e
-  }), [c, o, u, e]);
-  return /* @__PURE__ */ A(a.Provider, {
-    value: h,
+  }), [g, l, o, c, e]);
+  return /* @__PURE__ */ P(m.Provider, {
+    value: S,
     children: t
   });
-}, I = () => {
-  const t = p(a);
+}, O = () => {
+  const t = v(m);
   if (!t)
     throw new Error("useAutofill should be wrapped inside AutofillProvider");
   return t;
 };
 export {
-  a as AutofillContext,
-  T as AutofillContextProvider,
-  I as useAutofill
+  m as AutofillContext,
+  I as AutofillContextProvider,
+  O as useAutofill
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.77.0",
+  "version": "0.77.1",
   "peerDependencies": {
     "@ariakit/react": "0.4.14",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "8371b326ea09e2a07955fb57e63e15e9b14abc4c"
+  "gitHead": "df7ec535045306e0106c19cfd013611ba6c618f8"
 }

package/types/lib/utils/autofill-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type AutofillSuggestions, type MetadataTemplateField, type MetadataTemplateInstance } from '../types';
 export interface AutofillContextType {
+    clearSuggestions: () => void;
     getAiSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], fields: MetadataTemplateField[]) => Promise<MetadataTemplateField[]>;
     isFetchingSuggestions: boolean;
     isAiSuggestionsFeatureEnabled: boolean;