@box/metadata-editor 0.116.4 → 0.117.0

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

@@ -1,119 +1,119 @@
-import { Tooltip as b, Button as G, LoadingIndicator as k, IconButton as x, SplitButton as R, DropdownMenu as E, Text as v } from "@box/blueprint-web";
-import { BoxAiLogo as L } from "@box/blueprint-web-assets/icons/Logo";
-import { BoxAiColor as D } from "@box/blueprint-web-assets/icons/Medium";
-import { useLocalStorageAIAgents as K } from "@box/box-ai-agent-selector";
-import { useFormikContext as O, getIn as p } from "formik";
-import { useEffect as P, useMemo as Y, forwardRef as j, useState as w } from "react";
-import { useIntl as N } from "react-intl";
-import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as F, EXTRACT_AGENTS_MAP as y } from "../../../../constants.js";
-import { autofillMessages as V } from "../../../../messages.js";
-import { useAutofill as X } from "../../../../utils/autofill-context.js";
-import { getTooltipContent as q } from "../../../../utils/utils.js";
+import { Tooltip as L, Button as x, LoadingIndicator as R, IconButton as k, SplitButton as v, DropdownMenu as N, Text as D } from "@box/blueprint-web";
+import { BoxAiLogo as E } from "@box/blueprint-web-assets/icons/Logo";
+import { BoxAiColor as K } from "@box/blueprint-web-assets/icons/Medium";
+import { useLocalStorageAIAgents as O } from "@box/box-ai-agent-selector";
+import { useFormikContext as j, getIn as p } from "formik";
+import { useEffect as w, useMemo as F, forwardRef as P, useState as Y } from "react";
+import { useIntl as G } from "react-intl";
+import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as V, EXTRACT_AGENTS_MAP as y } from "../../../../constants.js";
+import { autofillMessages as X } from "../../../../messages.js";
+import { useAutofill as q } from "../../../../utils/autofill-context.js";
+import { getTooltipContent as z } from "../../../../utils/utils.js";
 import g from "./messages.js";
-import { jsx as o, jsxs as z } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-autofill-button.css';const H = "_loadingIndicator_i1hyy_1", J = "_actionMenuItem_i1hyy_11", Q = "_splitButtonIcon_i1hyy_17", M = {
-  loadingIndicator: H,
-  actionMenuItem: J,
-  splitButtonIcon: Q
-}, U = /* @__PURE__ */ j(({
+import { jsx as o, jsxs as H } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-autofill-button.css';const J = "_loadingIndicator_i1hyy_1", Q = "_actionMenuItem_i1hyy_11", U = "_splitButtonIcon_i1hyy_17", S = {
+  loadingIndicator: J,
+  actionMenuItem: Q,
+  splitButtonIcon: U
+}, W = /* @__PURE__ */ P(({
   isButtonDisabled: I,
   onAutofill: A,
   onAgentChange: u,
   storedAgent: B,
-  ...i
+  ...a
 }, _) => {
-  const m = N(), [r, d] = w(B || "standard"), n = (t) => {
-    var e;
-    u(t), A((e = y[t]) == null ? void 0 : e.AGENT_ID);
+  const m = G(), [i, d] = Y(B || "standard"), e = (t) => {
+    d(t), u(t), setTimeout(() => {
+      A(t);
+    }, 0);
   };
-  return /* @__PURE__ */ o(R, {
-    ...i,
+  return /* @__PURE__ */ o(v, {
+    ...a,
     ref: _,
     disabled: I,
     dropdownTriggerAriaLabel: "See agent options.",
-    icon: L,
+    icon: E,
     label: m.formatMessage(g.autofillButton),
     onClick: () => A(),
     variant: "secondary",
-    children: /* @__PURE__ */ o(E.RadioGroup, {
-      onValueChange: (t) => d(t),
-      value: r,
-      children: Object.entries(y).map(([t, e]) => {
-        const a = e.ICON;
-        return /* @__PURE__ */ o(E.RadioSelectItem, {
-          onClick: () => n(e.AGENT_TYPE),
-          value: e.AGENT_TYPE,
-          children: /* @__PURE__ */ z("div", {
-            className: M.actionMenuItem,
-            children: [/* @__PURE__ */ o(a, {
+    children: /* @__PURE__ */ o(N.RadioGroup, {
+      onValueChange: (t) => e(t),
+      value: i,
+      children: Object.entries(y).map(([t, s]) => {
+        const n = s.ICON;
+        return /* @__PURE__ */ o(N.RadioSelectItem, {
+          value: s.AGENT_TYPE,
+          children: /* @__PURE__ */ H("div", {
+            className: S.actionMenuItem,
+            children: [/* @__PURE__ */ o(n, {
               "aria-hidden": !0,
-              className: M.splitButtonIcon
-            }), /* @__PURE__ */ o(v, {
+              className: S.splitButtonIcon
+            }), /* @__PURE__ */ o(D, {
               as: "span",
-              children: m.formatMessage(g[e.DISPLAY_MSG])
+              children: m.formatMessage(g[s.DISPLAY_MSG])
             })]
           })
         }, t);
       })
     })
   });
-}), ut = ({
+}), mt = ({
   areAiSuggestionsAvailable: I,
   isBetaLanguageEnabled: A,
   isLoading: u,
   variant: B = "secondary-button",
-  isAdvancedExtractAgentEnabled: i = !1,
+  isAdvancedExtractAgentEnabled: a = !1,
   onAutofill: _
 }) => {
   const {
     isSubmitting: m,
-    values: r,
+    values: i,
     setFieldValue: d
-  } = O(), n = N(), [t, e] = K(F), {
-    suggestions: a
-  } = X();
-  P(() => {
-    if (a) {
-      const s = p(r, "metadata.fields"), T = p(r, "metadata.templateKey");
-      d("metadata.fields", s == null ? void 0 : s.map((l) => {
+  } = j(), e = G(), [t, s] = O(V), {
+    suggestions: n
+  } = q();
+  w(() => {
+    if (n) {
+      const r = p(i, "metadata.fields"), M = p(i, "metadata.templateKey");
+      d("metadata.fields", r == null ? void 0 : r.map((l) => {
         var c;
-        const f = (c = a == null ? void 0 : a[T]) == null ? void 0 : c[l.key];
+        const f = (c = n == null ? void 0 : n[M]) == null ? void 0 : c[l.key];
         return f ? {
           ...l,
           aiSuggestion: f
         } : l;
       }));
     }
-  }, [a, d]);
-  const h = (s) => {
-    var c;
-    const T = p(r, "metadata.templateKey"), l = p(r, "metadata.scope"), f = s || ((c = y[t]) == null ? void 0 : c.AGENT_ID);
-    _(T, l, i ? f : void 0);
-  }, C = !I || m || u, S = Y(() => q(i, t, n), [i, t, n]);
-  return B === "secondary-button" ? /* @__PURE__ */ o(b, {
-    content: S,
-    children: i ? /* @__PURE__ */ o(U, {
+  }, [n, d]);
+  const h = (r) => {
+    var c, b;
+    const M = p(i, "metadata.templateKey"), l = p(i, "metadata.scope"), f = r ? (c = y[r]) == null ? void 0 : c.AGENT_ID : (b = y[t]) == null ? void 0 : b.AGENT_ID;
+    _(M, l, a ? f : void 0);
+  }, C = !I || m || u, T = F(() => z(a, t, e), [a, t, e]);
+  return B === "secondary-button" ? /* @__PURE__ */ o(L, {
+    content: T,
+    children: a ? /* @__PURE__ */ o(W, {
       isButtonDisabled: C,
-      onAgentChange: e,
+      onAgentChange: s,
       onAutofill: h,
       storedAgent: t
-    }) : /* @__PURE__ */ o(G, {
+    }) : /* @__PURE__ */ o(x, {
       disabled: C,
-      icon: L,
+      icon: E,
       onClick: () => h(),
       variant: "secondary",
       "data-target-id": "Button-autofillButton",
-      children: n.formatMessage(g.autofillButton)
+      children: e.formatMessage(g.autofillButton)
     })
-  }) : /* @__PURE__ */ o(b, {
-    content: S,
-    children: u ? /* @__PURE__ */ o(k, {
-      "aria-label": n.formatMessage(g.loadingButtonAriaLabel),
-      className: M.loadingIndicator
-    }) : /* @__PURE__ */ o(x, {
-      "aria-label": n.formatMessage(V.autofillButtonAriaLabel),
+  }) : /* @__PURE__ */ o(L, {
+    content: T,
+    children: u ? /* @__PURE__ */ o(R, {
+      "aria-label": e.formatMessage(g.loadingButtonAriaLabel),
+      className: S.loadingIndicator
+    }) : /* @__PURE__ */ o(k, {
+      "aria-label": e.formatMessage(X.autofillButtonAriaLabel),
       disabled: C,
-      icon: D,
+      icon: K,
       onClick: () => h(),
       variant: "icon-logo",
       "data-target-id": "IconButton-autofillButtonAriaLabel"
@@ -121,5 +121,5 @@ import '../../../../../../styles/metadata-instance-form-autofill-button.css';con
   });
 };
 export {
-  ut as MetadataInstanceFormAutofillButton
+  mt as MetadataInstanceFormAutofillButton
 };

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

@@ -10,6 +10,6 @@ export type MetadataInstanceFormAutofillButtonProps = {
 export type AutofillSplitButtonProps = {
     onAgentChange: (agentType: StoredAgentType) => void;
     isButtonDisabled: boolean;
-    onAutofill: (agentId?: string) => void;
+    onAutofill: (agentType?: string) => void;
     storedAgent: StoredAgentType;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.116.4",
+    "version": "0.117.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/box-ai-agent-selector": "^0.41.7",