@box/metadata-editor 0.67.0 → 0.67.2

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

@@ -1,74 +1,85 @@
 import "../../../../../../styles/metadata-instance-form-header.css";
-import { Focusable as k } from "@ariakit/react";
-import { Text as v, Tooltip as f, Button as A } from "@box/blueprint-web";
+import { Focusable as v } from "@ariakit/react";
+import { Text as K, Tooltip as h, Button as k } from "@box/blueprint-web";
 import { BoxAiLogo as S } from "@box/blueprint-web-assets/icons/Logo";
-import { useFormikContext as j, getIn as g } from "formik";
-import { useState as C, useRef as E, useEffect as K } from "react";
+import { useFormikContext as j, getIn as i } from "formik";
+import { useState as C, useRef as E, useEffect as I } from "react";
 import { useIntl as L } from "react-intl";
-import o from "./messages.js";
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-const R = "_metadataInstanceFormHeader_rdx5o_1", W = "_title_rdx5o_9", p = {
-  metadataInstanceFormHeader: R,
-  title: W
-}, Q = ({
-  areAiSuggestionsAvailable: h,
-  isAiSuggestionsFeatureEnabled: I,
-  isLoading: c,
-  templateName: x,
-  onAutofill: B
+import { useAutofill as N } from "../../../../utils/autofill-context.js";
+import r from "./messages.js";
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+const W = "_metadataInstanceFormHeader_rdx5o_1", D = "_title_rdx5o_9", x = {
+  metadataInstanceFormHeader: W,
+  title: D
+}, X = ({
+  areAiSuggestionsAvailable: B,
+  isAiSuggestionsFeatureEnabled: F,
+  isLoading: d,
+  templateName: T,
+  onAutofill: y
 }) => {
   const {
-    isSubmitting: F,
-    values: m,
-    setFieldValue: T
-  } = j(), e = L(), [y, b] = C(!1), n = E(null), M = async () => {
-    const a = g(m, "metadata.fields"), i = g(m, "metadata.templateKey"), r = await B(i, a);
-    T("metadata.fields", a.map((l) => {
-      const u = r == null ? void 0 : r.find((H) => H.key === l.key);
-      return u ? {
-        ...l,
-        aiSuggestion: u.aiSuggestion
-      } : l;
-    }));
-  }, s = x ?? e.formatMessage(o.customInstanceTitle);
-  K(() => {
-    if (n.current) {
+    isSubmitting: b,
+    values: n,
+    setFieldValue: u
+  } = j(), s = L(), {
+    suggestions: t
+  } = N(), [M, _] = C(!1), l = E(null);
+  I(() => {
+    if (t) {
+      const e = i(n, "metadata.fields"), a = i(n, "metadata.templateKey");
+      u("metadata.fields", e.map((c) => {
+        var g;
+        const p = (g = t == null ? void 0 : t[a]) == null ? void 0 : g[c.key];
+        return p ? {
+          ...c,
+          aiSuggestion: p
+        } : c;
+      }));
+    }
+  }, [t, u]);
+  const A = () => {
+    const e = i(n, "metadata.fields"), a = i(n, "metadata.templateKey");
+    y(a, e);
+  }, m = T ?? s.formatMessage(r.customInstanceTitle);
+  I(() => {
+    if (l.current) {
       const {
-        scrollWidth: a,
-        clientWidth: i
-      } = n.current;
-      b(a > i);
+        scrollWidth: e,
+        clientWidth: a
+      } = l.current;
+      _(e > a);
     }
-  }, [s]);
-  const d = /* @__PURE__ */ t(v, {
-    ref: n,
+  }, [m]);
+  const f = /* @__PURE__ */ o(K, {
+    ref: l,
     as: "h1",
-    className: p.title,
+    className: x.title,
     variant: "titleMedium",
-    children: s
-  }), _ = !h || F || c;
-  return /* @__PURE__ */ N("div", {
-    className: p.metadataInstanceFormHeader,
-    children: [y ? /* @__PURE__ */ t(f, {
-      content: s,
-      children: /* @__PURE__ */ t(k, {
-        render: d
+    children: m
+  }), H = !B || b || d;
+  return /* @__PURE__ */ R("div", {
+    className: x.metadataInstanceFormHeader,
+    children: [M ? /* @__PURE__ */ o(h, {
+      content: m,
+      children: /* @__PURE__ */ o(v, {
+        render: f
       })
-    }) : d, I && /* @__PURE__ */ t(f, {
-      content: e.formatMessage(o.autofillButtonTooltip),
-      children: /* @__PURE__ */ t(A, {
-        disabled: _,
+    }) : f, F && /* @__PURE__ */ o(h, {
+      content: s.formatMessage(r.autofillButtonTooltip),
+      children: /* @__PURE__ */ o(k, {
+        disabled: H,
         icon: S,
-        loading: c,
-        loadingAriaLabel: e.formatMessage(o.loadingButtonAriaLabel),
-        onClick: M,
+        loading: d,
+        loadingAriaLabel: s.formatMessage(r.loadingButtonAriaLabel),
+        onClick: A,
         variant: "secondary",
         "data-target-id": "Button-autofillButton",
-        children: e.formatMessage(o.autofillButton)
+        children: s.formatMessage(r.autofillButton)
       })
     })]
   });
 };
 export {
-  Q as MetadataInstanceFormHeader
+  X as MetadataInstanceFormHeader
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.67.0",
+  "version": "0.67.2",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "07a6f2c37ecd9a24ac3e47158a93ebd8cc687ccf"
+  "gitHead": "929c67de4e531589b2c79b9617594910874c3062"
 }