@box/box-ai-agent-selector 0.25.3 → 0.26.0

package/esm/lib/box-ai-agent-selector.js

@@ -1,22 +1,22 @@
-import { useFullTextTooltip as z, FilterChip as g, Popover as d, Tooltip as H, Status as J, LoadingIndicator as X, SmallList as Z, Button as $ } from "@box/blueprint-web";
+import { useFullTextTooltip as z, FilterChip as p, Popover as d, Tooltip as H, Status as J, LoadingIndicator as X, SmallList as Z, Button as $ } from "@box/blueprint-web";
 import { AlertBadge as q } from "@box/blueprint-web-assets/icons/Fill";
 import m from "clsx";
-import { useState as B, useRef as tt, useEffect as et, useCallback as _ } from "react";
+import { useState as w, useRef as tt, useEffect as et, useCallback as _ } from "react";
 import { useIntl as at } from "react-intl";
 import { BoxAiAgent as nt } from "./box-ai-agent.js";
-import { LOGGER_BASE_CONFIG as y, LOGGER_ACTION_CLICK as S, LOGGER_TARGET as T } from "./constants.js";
+import { LOGGER_BASE_CONFIG as S, LOGGER_ACTION_CLICK as y, LOGGER_TARGET as T } from "./constants.js";
 import { ACTIONS as ot } from "./contexts/actions.js";
 import { useAgentsDispatch as rt } from "./contexts/context.js";
 import s from "./messages.js";
 import { R as I } from "../../chunks/types.js";
 import { jsx as e, jsxs as R } from "react/jsx-runtime";
-import '../../styles/box-ai-agent-selector.css';const it = "_agentSelector_1y96v_1", st = "_agentStatus_1y96v_4", lt = "_agentLoader_1y96v_18", ct = "_agentError_1y96v_21", pt = "_triggerChip_1y96v_24", gt = "_agentLabel_1y96v_30", dt = "_dropdownIndicator_1y96v_36", mt = "_sidebar_1y96v_51", _t = "_agentListItemIcon_1y96v_70", ft = "_agentListContainer_1y96v_75", Lt = "_agentListRetryButton_1y96v_105", a = {
+import '../../styles/box-ai-agent-selector.css';const it = "_agentSelector_1y96v_1", st = "_agentStatus_1y96v_4", lt = "_agentLoader_1y96v_18", gt = "_agentError_1y96v_21", ct = "_triggerChip_1y96v_24", pt = "_agentLabel_1y96v_30", dt = "_dropdownIndicator_1y96v_36", mt = "_sidebar_1y96v_51", _t = "_agentListItemIcon_1y96v_70", ft = "_agentListContainer_1y96v_75", Lt = "_agentListRetryButton_1y96v_105", a = {
   agentSelector: it,
   agentStatus: st,
   agentLoader: lt,
-  agentError: ct,
-  triggerChip: pt,
-  agentLabel: gt,
+  agentError: gt,
+  triggerChip: ct,
+  agentLabel: pt,
   dropdownIndicator: dt,
   sidebar: mt,
   agentListItemIcon: _t,
@@ -32,75 +32,76 @@ function Ot({
   disabled: D,
   selectedAgent: o,
   triggerChipClassName: k,
-  variant: K = "modal"
+  variant: M = "modal"
 }) {
   const {
     formatMessage: r
-  } = at(), [l, c] = B(!1), i = L === I.ERROR, [M, u] = B(i), N = rt(), v = L === I.SUCCESS, E = L === I.IN_PROGRESS, O = r(s.selectAgent), F = r(s.defaultAgent);
-  let p = "";
-  v ? p = (o == null ? void 0 : o.name) || O : i && (p = F);
+  } = at(), [l, g] = w(!1), i = L === I.ERROR, [F, u] = w(i), N = rt(), v = L === I.SUCCESS, h = L === I.IN_PROGRESS, O = r(s.selectAgent), K = r(s.defaultAgent);
+  let c = "";
+  v ? c = (o == null ? void 0 : o.name) || O : i && (c = K);
   const G = tt(null), {
     Wrapper: j,
     wrapperProps: A
   } = z({
     ref: G,
-    textValue: p
+    textValue: c
   });
   et(() => {
     l && n && n({
-      ...y,
-      action: S,
+      ...S,
+      action: y,
       target: T.OPEN_SELECTOR
     });
   }, [l, n]);
-  const h = _((t) => {
-    c(!1), N({
+  const C = _((t) => {
+    g(!1), N({
       type: ot.SET_SELECTED_AGENT,
       id: t.id
     }), n && n({
-      ...y,
-      action: S,
+      ...S,
+      action: y,
       target: T.SELECT_AGENT
     });
   }, [N, n]), U = _(() => {
-    c(!1), b(), n && n({
-      ...y,
-      action: S,
+    g(!1), b(), n && n({
+      ...S,
+      action: y,
       target: T.RETRY_LOADING_AGENTS
     });
   }, [b, n]), Q = _((t) => {
-    if (t.key === "Escape" && (c(!1), t.stopPropagation()), t.key === " ") {
+    if (t.key === "Escape" && (g(!1), t.stopPropagation()), t.key === " ") {
       const x = t.target;
       if (x) {
-        const W = x.getAttribute("data-key"), w = f.find((Y) => Y.id === W);
-        w && h(w);
+        const W = x.getAttribute("data-key"), B = f.find((Y) => Y.id === W);
+        B && C(B);
       }
     }
-  }, [f, h]), V = _((t) => u(i && i && !l && t ? t : !1), [i, l]), C = K === "sidebar" && a.sidebar;
-  return /* @__PURE__ */ e(g.Group, {
-    className: m(a.agentSelector, k, C),
+  }, [f, C]), V = _((t) => u(i && i && !l && t ? t : !1), [i, l]), E = M === "sidebar" && a.sidebar;
+  return /* @__PURE__ */ e(p.Group, {
+    className: m(a.agentSelector, k, E),
     name: O,
     type: "multiple",
     children: /* @__PURE__ */ R(d.Root, {
       modal: !1,
-      onOpenChange: c,
+      onOpenChange: g,
       open: l,
       children: [/* @__PURE__ */ e(H, {
         content: r(s.errorTooltip),
         onOpenChange: V,
-        open: M,
+        open: F,
         side: "bottom",
         variant: "error",
         children: /* @__PURE__ */ e(d.Trigger, {
-          disabled: D || E,
-          children: /* @__PURE__ */ R(g.TriggerChip, {
+          disabled: D || h,
+          children: /* @__PURE__ */ R(p.TriggerChip, {
             className: a.triggerChip,
+            "data-target-id": "FilterChip.TriggerChip-agentSelectorTrigger",
             value: "trigger-chip",
             children: [/* @__PURE__ */ e(J, {
               className: a.agentStatus,
               colorIndex: 0,
               text: r(s.agent)
-            }), E && /* @__PURE__ */ e(X, {
+            }), h && /* @__PURE__ */ e(X, {
               "aria-label": r(s.loadingMessage),
               className: a.agentLoader,
               variant: "default"
@@ -111,20 +112,20 @@ function Ot({
               width: "1rem"
             }), /* @__PURE__ */ e(j, {
               ...A,
-              children: /* @__PURE__ */ e(g.Label, {
+              children: /* @__PURE__ */ e(p.Label, {
                 ref: G,
                 className: a.agentLabel,
-                children: p
+                children: c
               })
-            }), !E && /* @__PURE__ */ e("div", {
+            }), !h && /* @__PURE__ */ e("div", {
               className: a.dropdownIndicator,
-              children: /* @__PURE__ */ e(g.DropdownIndicator, {})
+              children: /* @__PURE__ */ e(p.DropdownIndicator, {})
             })]
           })
         })
       }), /* @__PURE__ */ e(d.ContentContainer, {
         align: "start",
-        className: m(a.agentListContainer, C),
+        className: m(a.agentListContainer, E),
         onKeyDownCapture: Q,
         children: /* @__PURE__ */ R(d.MainContent, {
           children: [v && /* @__PURE__ */ e(Z, {
@@ -134,12 +135,13 @@ function Ot({
             children: f.map((t) => /* @__PURE__ */ e(nt, {
               agent: t,
               isSelected: (o == null ? void 0 : o.id) === t.id,
-              onAction: () => h(t)
+              onAction: () => C(t)
             }, t.id))
           }), i && /* @__PURE__ */ e($, {
-            className: m(a.agentListRetryButton, C),
+            className: m(a.agentListRetryButton, E),
             onClick: U,
             variant: "tertiary",
+            "data-target-id": "Button-errorMessage",
             children: r(s.errorMessage)
           })]
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-agent-selector",
-  "version": "0.25.3",
+  "version": "0.26.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@box/blueprint-web": "^7.31.1",
@@ -10,10 +10,11 @@
     "react-intl": "^6.4.2"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^9.17.0",
-    "@box/blueprint-web-assets": "^4.33.0",
+    "@box/babel-plugin-target-attributes": "1.3.0",
+    "@box/blueprint-web": "^9.17.1",
+    "@box/blueprint-web-assets": "^4.33.1",
     "@box/eslint-plugin-blueprint": "^1.0.3",
-    "@box/storybook-utils": "^0.8.2",
+    "@box/storybook-utils": "^0.8.3",
     "react-intl": "^6.4.2"
   },
   "scripts": {
@@ -46,5 +47,5 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "gitHead": "2587fac4d881d68c8831d6e286a67860dc933160"
+  "gitHead": "7bb0c318bc99c06f0734a7b399f25ef339afecb4"
 }