@box/box-ai-agent-selector 0.30.0 → 0.31.0

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

@@ -1,27 +1,28 @@
-import { useState as d, useCallback as m, useEffect as f } from "react";
-import { BoxAiAgentSelector as I } from "./box-ai-agent-selector.js";
+import { useState as I, useCallback as m, useEffect as f } from "react";
+import { BoxAiAgentSelector as L } from "./box-ai-agent-selector.js";
 import { LOGGER_BASE_CONFIG as a, LOGGER_TARGET as l } from "./constants.js";
 import { ACTIONS as S } from "./contexts/actions.js";
-import { useAgentsDispatch as L, useAgents as U } from "./contexts/context.js";
+import { useAgentsDispatch as U, useAgents as x } from "./contexts/context.js";
 import { R as r } from "../../chunks/types.js";
-import { jsx as x } from "react/jsx-runtime";
-function j({
+import { jsx as D } from "react/jsx-runtime";
+function k({
   fetcher: u,
   hostAppName: R,
   onSelectAgent: i,
   recordAction: T,
   requestState: s,
   disabled: G,
-  shouldHideAgentSelectorOnLoad: C,
-  triggerChipClassName: h,
-  contentClassName: p,
-  variant: O = "modal"
+  onAgentsListOpen: C,
+  shouldHideAgentSelectorOnLoad: h,
+  triggerChipClassName: p,
+  contentClassName: O,
+  variant: N = "modal"
 }) {
-  const e = L(), {
+  const e = U(), {
     agents: A,
     requestState: E,
     selectedAgent: n
-  } = U(), [N, _] = d(!1), o = m((t) => {
+  } = x(), [d, _] = I(!1), o = m((t) => {
     T && (t.data ?? (t.data = {}), t.data.hostAppName = R, T(t));
   }, [R, T]), c = m(async () => {
     e({
@@ -61,19 +62,20 @@ function j({
     }));
   }, [e, E, s]), f(() => {
     i && i(n);
-  }, [i, n]), C && !N || E === r.SUCCESS && A.length <= 1 ? null : /* @__PURE__ */ x(I, {
+  }, [i, n]), h && !d || E === r.SUCCESS && A.length <= 1 ? null : /* @__PURE__ */ D(L, {
     agents: A,
-    contentClassName: p,
+    contentClassName: O,
     disabled: G,
+    onAgentsListOpen: C,
     onErrorAction: c,
     recordAction: o,
     requestState: E,
     selectedAgent: n,
-    triggerChipClassName: h,
-    variant: O
+    triggerChipClassName: p,
+    variant: N
   });
 }
 export {
-  j as BoxAiAgentSelectorWithApi,
-  j as default
+  k as BoxAiAgentSelectorWithApi,
+  k as default
 };

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

@@ -1,52 +1,53 @@
-import { useFullTextTooltip as H, FilterChip as c, Popover as d, Tooltip as J, Status as X, LoadingIndicator as Z, SmallList as $, Button as q } from "@box/blueprint-web";
-import { AlertBadge as tt } from "@box/blueprint-web-assets/icons/Fill";
+import { useFullTextTooltip as X, FilterChip as c, Popover as d, Tooltip as Z, Status as $, LoadingIndicator as q, SmallList as tt, Button as et } from "@box/blueprint-web";
+import { AlertBadge as at } from "@box/blueprint-web-assets/icons/Fill";
 import m from "clsx";
-import { useState as x, useRef as et, useEffect as at, useCallback as f } from "react";
-import { useIntl as rt } from "react-intl";
-import { BoxAiAgent as ot } from "./box-ai-agent.js";
+import { useState as B, useRef as rt, useEffect as ot, useCallback as f } from "react";
+import { useIntl as nt } from "react-intl";
+import { BoxAiAgent as st } from "./box-ai-agent.js";
 import { LOGGER_BASE_CONFIG as E, LOGGER_ACTION_CLICK as S, LOGGER_TARGET as T } from "./constants.js";
-import { ACTIONS as nt } from "./contexts/actions.js";
-import { useAgentsDispatch as st } from "./contexts/context.js";
+import { ACTIONS as it } from "./contexts/actions.js";
+import { useAgentsDispatch as lt } from "./contexts/context.js";
 import s from "./messages.js";
 import { R } from "../../chunks/types.js";
 import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import '../../styles/box-ai-agent-selector.css';const it = "_agentSelector_prbzs_1", lt = "_agentStatus_prbzs_4", pt = "_agentLoader_prbzs_18", gt = "_agentError_prbzs_21", ct = "_triggerChip_prbzs_24", dt = "_agentLabel_prbzs_30", mt = "_dropdownIndicator_prbzs_36", ft = "_sidebar_prbzs_51", _t = "_agentListItemIcon_prbzs_64", Lt = "_agentListContainer_prbzs_69", ut = "_agentListRetryButton_prbzs_99", a = {
-  agentSelector: it,
-  agentStatus: lt,
-  agentLoader: pt,
-  agentError: gt,
-  triggerChip: ct,
-  agentLabel: dt,
-  dropdownIndicator: mt,
-  sidebar: ft,
-  agentListItemIcon: _t,
-  agentListContainer: Lt,
-  agentListRetryButton: ut
+import '../../styles/box-ai-agent-selector.css';const pt = "_agentSelector_prbzs_1", gt = "_agentStatus_prbzs_4", ct = "_agentLoader_prbzs_18", dt = "_agentError_prbzs_21", mt = "_triggerChip_prbzs_24", ft = "_agentLabel_prbzs_30", _t = "_dropdownIndicator_prbzs_36", Lt = "_sidebar_prbzs_51", ht = "_agentListItemIcon_prbzs_64", ut = "_agentListContainer_prbzs_69", Ct = "_agentListRetryButton_prbzs_99", a = {
+  agentSelector: pt,
+  agentStatus: gt,
+  agentLoader: ct,
+  agentError: dt,
+  triggerChip: mt,
+  agentLabel: ft,
+  dropdownIndicator: _t,
+  sidebar: Lt,
+  agentListItemIcon: ht,
+  agentListContainer: ut,
+  agentListRetryButton: Ct
 };
-function Gt({
+function At({
   agents: _,
-  contentClassName: B,
+  contentClassName: P,
   onErrorAction: y,
   recordAction: r,
   requestState: L,
   disabled: k,
+  onAgentsListOpen: N,
   selectedAgent: i,
   triggerChipClassName: D,
-  variant: P = "modal"
+  variant: K = "modal"
 }) {
   const {
     formatMessage: o
-  } = rt(), [l, p] = x(!1), n = L === R.ERROR, [K, u] = x(n), N = st(), O = L === R.SUCCESS, h = L === R.IN_PROGRESS, w = o(s.selectAgent), M = o(s.defaultAgent);
+  } = nt(), [l, p] = B(!1), n = L === R.ERROR, [v, h] = B(n), w = lt(), O = L === R.SUCCESS, u = L === R.IN_PROGRESS, G = o(s.selectAgent), M = o(s.defaultAgent);
   let g = "";
-  O ? g = (i == null ? void 0 : i.name) || w : n && (g = M);
-  const G = et(null), {
-    Wrapper: v,
-    wrapperProps: F
-  } = H({
-    ref: G,
+  O ? g = (i == null ? void 0 : i.name) || G : n && (g = M);
+  const z = rt(null), {
+    Wrapper: F,
+    wrapperProps: U
+  } = X({
+    ref: z,
     textValue: g
   });
-  at(() => {
+  ot(() => {
     l && r && r({
       ...E,
       action: S,
@@ -54,73 +55,75 @@ function Gt({
     });
   }, [l, r]);
   const C = f((t) => {
-    p(!1), N({
-      type: nt.SET_SELECTED_AGENT,
+    p(!1), w({
+      type: it.SET_SELECTED_AGENT,
       id: t.id
     }), r && r({
       ...E,
       action: S,
       target: T.SELECT_AGENT
     });
-  }, [N, r]), U = f(() => {
+  }, [w, r]), j = f(() => {
     p(!1), y(), r && r({
       ...E,
       action: S,
       target: T.RETRY_LOADING_AGENTS
     });
-  }, [y, r]), j = f((t) => {
+  }, [y, r]), Q = f((t) => {
     if (t.key === "Escape" && (p(!1), t.stopPropagation()), t.key === " ") {
       const A = t.target;
       if (A) {
-        const W = A.getAttribute("data-key"), z = _.find((Y) => Y.id === W);
-        z && C(z);
+        const H = A.getAttribute("data-key"), x = _.find((J) => J.id === H);
+        x && C(x);
       }
     }
-  }, [_, C]), Q = f((t) => u(n && n && !l && t ? t : !1), [n, l]), b = P === "sidebar" && a.sidebar, V = (t) => {
+  }, [_, C]), V = f((t) => h(n && n && !l && t ? t : !1), [n, l]), W = (t) => {
+    t && N && N(), p(t);
+  }, b = K === "sidebar" && a.sidebar, Y = (t) => {
     (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "ArrowLeft" || t.key === "ArrowRight") && t.stopPropagation();
   };
   return /* @__PURE__ */ e(c.Group, {
     className: m(a.agentSelector, D, b),
-    name: w,
-    onKeyDown: V,
+    name: G,
+    onKeyDown: Y,
     type: "multiple",
     children: /* @__PURE__ */ I(d.Root, {
       modal: !1,
-      onOpenChange: p,
+      onOpenChange: W,
       open: l,
-      children: [/* @__PURE__ */ e(J, {
+      children: [/* @__PURE__ */ e(Z, {
         content: o(s.errorTooltip),
-        onOpenChange: Q,
-        open: K,
+        onOpenChange: V,
+        open: v,
         side: "bottom",
         variant: "error",
         children: /* @__PURE__ */ e(d.Trigger, {
-          disabled: k || h,
+          disabled: k || u,
           children: /* @__PURE__ */ I(c.TriggerChip, {
             className: a.triggerChip,
             "data-target-id": "FilterChip.TriggerChip-agentSelectorTrigger",
             value: "trigger-chip",
-            children: [/* @__PURE__ */ e(X, {
+            children: [/* @__PURE__ */ e($, {
               className: a.agentStatus,
               colorIndex: 0,
               text: o(s.agent)
-            }), h && /* @__PURE__ */ e(Z, {
+            }), u && /* @__PURE__ */ e(q, {
               "aria-label": o(s.loadingMessage),
               className: a.agentLoader,
               variant: "default"
-            }), n && /* @__PURE__ */ e(tt, {
+            }), n && /* @__PURE__ */ e(at, {
               className: a.agentError,
               height: "1rem",
               role: "presentation",
               width: "1rem"
-            }), /* @__PURE__ */ e(v, {
-              ...F,
+            }), /* @__PURE__ */ e(F, {
+              ...U,
               children: /* @__PURE__ */ e(c.Label, {
-                ref: G,
+                ref: z,
                 className: a.agentLabel,
                 children: g
               })
-            }), !h && /* @__PURE__ */ e("div", {
+            }), !u && /* @__PURE__ */ e("div", {
               className: a.dropdownIndicator,
               children: /* @__PURE__ */ e(c.DropdownIndicator, {})
             })]
@@ -129,19 +132,19 @@ function Gt({
       }), /* @__PURE__ */ e(d.ContentContainer, {
         align: "start",
         className: m(a.agentListContainer, b),
-        onKeyDownCapture: j,
+        onKeyDownCapture: Q,
         children: /* @__PURE__ */ I(d.MainContent, {
-          children: [O && /* @__PURE__ */ e($, {
+          children: [O && /* @__PURE__ */ e(tt, {
             "aria-label": o(s.agentList),
-            className: m([a.agentList, B]),
+            className: m([a.agentList, P]),
             selectedKeys: [(i == null ? void 0 : i.id) || ""],
-            children: _.map((t) => /* @__PURE__ */ e(ot, {
+            children: _.map((t) => /* @__PURE__ */ e(st, {
               agent: t,
               onAction: () => C(t)
             }, t.id))
-          }), n && /* @__PURE__ */ e(q, {
+          }), n && /* @__PURE__ */ e(et, {
             className: m(a.agentListRetryButton, b),
-            onClick: U,
+            onClick: j,
             variant: "tertiary",
             "data-target-id": "Button-errorMessage",
             children: o(s.errorMessage)
@@ -152,6 +155,6 @@ function Gt({
   });
 }
 export {
-  Gt as BoxAiAgentSelector,
-  Gt as default
+  At as BoxAiAgentSelector,
+  At as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-agent-selector",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@box/blueprint-web": "^7.31.1",
@@ -11,7 +11,7 @@
   },
   "devDependencies": {
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.8",
+    "@box/blueprint-web": "^9.18.9",
     "@box/blueprint-web-assets": "^4.35.0",
     "@box/eslint-plugin-blueprint": "^1.0.3",
     "@box/storybook-utils": "^0.8.3",
@@ -47,5 +47,5 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "gitHead": "19ac5dc692790cdb80e55f129c4aa8e8a4583e95"
+  "gitHead": "ec2e8664d2c77d849940a92b113f099ef18dd829"
 }

package/types/lib/box-ai-agent-selector-with-api.d.ts

@@ -1,3 +1,3 @@
 import { BoxAiAgentSelectorWithApiProps } from './types';
-export declare function BoxAiAgentSelectorWithApi({ fetcher, hostAppName, onSelectAgent, recordAction, requestState: requestStateProp, disabled, shouldHideAgentSelectorOnLoad, triggerChipClassName, contentClassName, variant, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BoxAiAgentSelectorWithApi({ fetcher, hostAppName, onSelectAgent, recordAction, requestState: requestStateProp, disabled, onAgentsListOpen, shouldHideAgentSelectorOnLoad, triggerChipClassName, contentClassName, variant, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element | null;
 export default BoxAiAgentSelectorWithApi;

package/types/lib/box-ai-agent-selector.d.ts

@@ -1,3 +1,3 @@
 import { BoxAiAgentSelectorProps } from './types';
-export declare function BoxAiAgentSelector({ agents, contentClassName, onErrorAction, recordAction, requestState, disabled, selectedAgent, triggerChipClassName, variant, }: BoxAiAgentSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoxAiAgentSelector({ agents, contentClassName, onErrorAction, recordAction, requestState, disabled, onAgentsListOpen, selectedAgent, triggerChipClassName, variant, }: BoxAiAgentSelectorProps): import("react/jsx-runtime").JSX.Element;
 export default BoxAiAgentSelector;

package/types/lib/types.d.ts

@@ -70,6 +70,8 @@ export interface BoxAiAgentSelectorWithApiProps {
      * Renders the dropdown in disabled state.
      */
     disabled?: boolean;
+    /** Callback function when user opens agents list */
+    onAgentsListOpen?: () => void;
     /**
      * Determines whether the agent selector component should remain hidden
      * until the initial data fetch is complete.
@@ -104,6 +106,10 @@ export interface BoxAiAgentSelectorProps {
      * Renders the dropdown in disabled state.
      */
     disabled?: boolean;
+    /**
+     * Callback function triggered when agents list is opened
+     * */
+    onAgentsListOpen?: () => void;
     /**
      * The currently selected agent, or null if no agent is selected.
      */