@box/box-ai-agent-selector 0.19.7 → 0.20.1

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

@@ -1,30 +1,32 @@
-import { BoxAiAgentSelectorWithApi as f } from "./box-ai-agent-selector-with-api.js";
-import { AgentsProvider as c } from "./contexts/context.js";
+import { BoxAiAgentSelectorWithApi as c } from "./box-ai-agent-selector-with-api.js";
+import { AgentsProvider as l } from "./contexts/context.js";
 import { jsx as r } from "react/jsx-runtime";
-function a({
+function d({
   fetcher: t,
   hostAppName: e,
   onSelectAgent: o,
   recordAction: i,
   requestState: n,
-  shouldHideAgentSelectorOnLoad: A = !0,
-  triggerChipClassName: m,
-  contentClassName: p
+  disabled: A,
+  shouldHideAgentSelectorOnLoad: m = !0,
+  triggerChipClassName: p,
+  contentClassName: f
 }) {
-  return /* @__PURE__ */ r(c, {
-    children: /* @__PURE__ */ r(f, {
-      contentClassName: p,
+  return /* @__PURE__ */ r(l, {
+    children: /* @__PURE__ */ r(c, {
+      contentClassName: f,
+      disabled: A,
       fetcher: t,
       hostAppName: e,
       onSelectAgent: o,
       recordAction: i,
       requestState: n,
-      shouldHideAgentSelectorOnLoad: A,
-      triggerChipClassName: m
+      shouldHideAgentSelectorOnLoad: m,
+      triggerChipClassName: p
     })
   });
 }
 export {
-  a as BoxAiAgentSelectorWithApiContainer,
-  a as default
+  d as BoxAiAgentSelectorWithApiContainer,
+  d as default
 };

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

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

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

@@ -1,52 +1,53 @@
 import "../../styles/box-ai-agent-selector.css";
-import { useFullTextTooltip as W, FilterChip as p, Popover as d, Tooltip as Y, Status as z, LoadingIndicator as H, SmallList as J, Button as X } from "@box/blueprint-web";
-import { AlertBadge as Z } from "@box/blueprint-web-assets/icons/Fill";
-import m from "clsx";
-import { useState as w, useRef as $, useEffect as tt, useCallback as _ } from "react";
-import { useIntl as et } from "react-intl";
-import { BoxAiAgent as at } from "./box-ai-agent.js";
+import { useFullTextTooltip as z, FilterChip as m, Popover as p, 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 d from "clsx";
+import { useState as v, 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 S, LOGGER_ACTION_CLICK as T, LOGGER_TARGET as I } from "./constants.js";
-import { ACTIONS as nt } from "./contexts/actions.js";
-import { useAgentsDispatch as ot } from "./contexts/context.js";
-import r from "./messages.js";
+import { ACTIONS as ot } from "./contexts/actions.js";
+import { useAgentsDispatch as rt } from "./contexts/context.js";
+import i from "./messages.js";
 import { R } from "../../chunks/types.js";
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
-const it = "_agentSelector_ak9iq_1", rt = "_agentStatus_ak9iq_4", st = "_agentLoader_ak9iq_18", lt = "_agentError_ak9iq_21", ct = "_triggerChip_ak9iq_24", gt = "_agentLabel_ak9iq_29", pt = "_dropdownIndicator_ak9iq_35", dt = "_sidebar_ak9iq_47", mt = "_agentListItemIcon_ak9iq_66", _t = "_agentListContainer_ak9iq_71", ft = "_agentListRetryButton_ak9iq_90", a = {
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+const it = "_agentSelector_1uxm1_1", st = "_agentStatus_1uxm1_4", lt = "_agentLoader_1uxm1_18", ct = "_agentError_1uxm1_21", gt = "_triggerChip_1uxm1_24", mt = "_agentLabel_1uxm1_29", pt = "_dropdownIndicator_1uxm1_35", dt = "_sidebar_1uxm1_50", _t = "_agentListItemIcon_1uxm1_69", ft = "_agentListContainer_1uxm1_74", ut = "_agentListRetryButton_1uxm1_93", a = {
   agentSelector: it,
-  agentStatus: rt,
-  agentLoader: st,
-  agentError: lt,
-  triggerChip: ct,
-  agentLabel: gt,
+  agentStatus: st,
+  agentLoader: lt,
+  agentError: ct,
+  triggerChip: gt,
+  agentLabel: mt,
   dropdownIndicator: pt,
   sidebar: dt,
-  agentListItemIcon: mt,
-  agentListContainer: _t,
-  agentListRetryButton: ft
+  agentListItemIcon: _t,
+  agentListContainer: ft,
+  agentListRetryButton: ut
 };
-function yt({
+function Gt({
   agents: f,
-  contentClassName: B,
-  onErrorAction: N,
+  contentClassName: A,
+  onErrorAction: b,
   recordAction: n,
-  requestState: L,
+  requestState: u,
+  disabled: P,
   selectedAgent: s,
-  triggerChipClassName: v,
-  variant: A = "modal"
+  triggerChipClassName: D,
+  variant: k = "modal"
 }) {
   const {
     formatMessage: o
-  } = et(), [l, c] = w(!1), i = L === R.ERROR, [P, u] = w(i), O = ot(), k = L === R.SUCCESS, E = L === R.IN_PROGRESS, y = o(r.selectAgent), D = o(r.defaultAgent);
+  } = at(), [l, c] = v(!1), r = u === R.ERROR, [K, L] = v(r), N = rt(), O = u === R.SUCCESS, E = u === R.IN_PROGRESS, y = o(i.selectAgent), M = o(i.defaultAgent);
   let g = "";
-  k ? g = (s == null ? void 0 : s.name) || y : i && (g = D);
-  const G = $(null), {
-    Wrapper: K,
-    wrapperProps: M
-  } = W({
+  O ? g = (s == null ? void 0 : s.name) || y : r && (g = M);
+  const G = tt(null), {
+    Wrapper: F,
+    wrapperProps: j
+  } = z({
     ref: G,
     textValue: g
   });
-  tt(() => {
+  et(() => {
     l && n && n({
       ...S,
       action: T,
@@ -54,92 +55,92 @@ function yt({
     });
   }, [l, n]);
   const h = _((e) => {
-    c(!1), O({
-      type: nt.SET_SELECTED_AGENT,
+    c(!1), N({
+      type: ot.SET_SELECTED_AGENT,
       id: e.id
     }), n && n({
       ...S,
       action: T,
       target: I.SELECT_AGENT
     });
-  }, [O, n]), F = _(() => {
-    c(!1), N(), n && n({
+  }, [N, n]), U = _(() => {
+    c(!1), b(), n && n({
       ...S,
       action: T,
       target: I.RETRY_LOADING_AGENTS
     });
-  }, [N, n]), j = _((e) => {
+  }, [b, n]), Q = _((e) => {
     if (e.key === "Escape" && (c(!1), e.stopPropagation()), e.key === " ") {
-      const x = e.target;
-      if (x) {
-        const Q = x.getAttribute("data-key"), q = f.find((V) => V.id === Q);
-        q && h(q);
+      const w = e.target;
+      if (w) {
+        const W = w.getAttribute("data-key"), B = f.find((Y) => Y.id === W);
+        B && h(B);
       }
     }
-  }, [f, h]), U = _((e) => u(i && i && !l && e ? e : !1), [i, l]), C = A === "sidebar" && a.sidebar;
-  return /* @__PURE__ */ t(p.Group, {
-    className: m(a.agentSelector, v, C),
+  }, [f, h]), V = _((e) => L(r && r && !l && e ? e : !1), [r, l]), C = k === "sidebar" && a.sidebar;
+  return /* @__PURE__ */ t(m.Group, {
+    className: d(a.agentSelector, D, C),
     name: y,
     type: "multiple",
-    children: /* @__PURE__ */ b(d.Root, {
+    children: /* @__PURE__ */ x(p.Root, {
       modal: !1,
       onOpenChange: c,
       open: l,
-      children: [/* @__PURE__ */ t(Y, {
-        content: o(r.errorTooltip),
-        onOpenChange: U,
-        open: P,
+      children: [/* @__PURE__ */ t(H, {
+        content: o(i.errorTooltip),
+        onOpenChange: V,
+        open: K,
         side: "bottom",
         variant: "error",
-        children: /* @__PURE__ */ t(d.Trigger, {
-          disabled: E,
-          children: /* @__PURE__ */ b(p.TriggerChip, {
+        children: /* @__PURE__ */ t(p.Trigger, {
+          disabled: P || E,
+          children: /* @__PURE__ */ x(m.TriggerChip, {
             className: a.triggerChip,
             value: "trigger-chip",
-            children: [/* @__PURE__ */ t(z, {
+            children: [/* @__PURE__ */ t(J, {
               className: a.agentStatus,
               colorIndex: 0,
-              text: o(r.agent)
-            }), E && /* @__PURE__ */ t(H, {
-              "aria-label": o(r.loadingMessage),
+              text: o(i.agent)
+            }), E && /* @__PURE__ */ t(X, {
+              "aria-label": o(i.loadingMessage),
               className: a.agentLoader,
               variant: "default"
-            }), i && /* @__PURE__ */ t(Z, {
+            }), r && /* @__PURE__ */ t(q, {
               className: a.agentError,
               height: "1rem",
               role: "presentation",
               width: "1rem"
-            }), /* @__PURE__ */ t(K, {
-              ...M,
-              children: /* @__PURE__ */ t(p.Label, {
+            }), /* @__PURE__ */ t(F, {
+              ...j,
+              children: /* @__PURE__ */ t(m.Label, {
                 ref: G,
                 className: a.agentLabel,
                 children: g
               })
             }), !E && /* @__PURE__ */ t("div", {
               className: a.dropdownIndicator,
-              children: /* @__PURE__ */ t(p.DropdownIndicator, {})
+              children: /* @__PURE__ */ t(m.DropdownIndicator, {})
             })]
           })
         })
-      }), /* @__PURE__ */ t(d.ContentContainer, {
+      }), /* @__PURE__ */ t(p.ContentContainer, {
         align: "start",
-        className: m(a.agentListContainer, C),
-        onKeyDownCapture: j,
-        children: /* @__PURE__ */ b(d.MainContent, {
-          children: [k && /* @__PURE__ */ t(J, {
-            "aria-label": o(r.agentList),
-            className: m([a.agentList, B]),
+        className: d(a.agentListContainer, C),
+        onKeyDownCapture: Q,
+        children: /* @__PURE__ */ x(p.MainContent, {
+          children: [O && /* @__PURE__ */ t(Z, {
+            "aria-label": o(i.agentList),
+            className: d([a.agentList, A]),
             selectedKeys: [(s == null ? void 0 : s.id) || ""],
-            children: f.map((e) => /* @__PURE__ */ t(at, {
+            children: f.map((e) => /* @__PURE__ */ t(nt, {
               agent: e,
               onAction: () => h(e)
             }, e.id))
-          }), i && /* @__PURE__ */ t(X, {
-            className: m(a.agentListRetryButton, C),
-            onClick: F,
+          }), r && /* @__PURE__ */ t($, {
+            className: d(a.agentListRetryButton, C),
+            onClick: U,
             variant: "tertiary",
-            children: o(r.errorMessage)
+            children: o(i.errorMessage)
           })]
         })
       })]
@@ -147,6 +148,6 @@ function yt({
   });
 }
 export {
-  yt as BoxAiAgentSelector,
-  yt as default
+  Gt as BoxAiAgentSelector,
+  Gt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-agent-selector",
-  "version": "0.19.7",
+  "version": "0.20.1",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@box/blueprint-web": "^7.31.1",
@@ -10,7 +10,7 @@
     "react-intl": "^6.4.2"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^9.8.2",
+    "@box/blueprint-web": "^9.9.0",
     "@box/blueprint-web-assets": "^4.31.1",
     "@box/eslint-plugin-blueprint": "^1.0.3",
     "@box/storybook-utils": "^0.8.1",
@@ -46,5 +46,5 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "gitHead": "1032092bf86c47425f70b0cf84cc9bcb908426c0"
+  "gitHead": "53acfac32b3a628eaa3cb22e09bf1c0554c1acbe"
 }

package/styles/box-ai-agent-selector.css

@@ -1 +1 @@
-._agentSelector_ak9iq_1{margin-inline-start:.75rem}._agentSelector_ak9iq_1 ._agentStatus_ak9iq_4{margin-inline-start:.5rem}._agentSelector_ak9iq_1 ._agentStatus_ak9iq_4>span{background:linear-gradient(#f4f4f4 0,#f4f4f4 0) padding-box,linear-gradient(135deg,#fe01da,#2486fc) border-box;border:.0625rem solid rgba(0,0,0,0)}._agentSelector_ak9iq_1 ._agentStatus_ak9iq_4>span span{background:linear-gradient(135deg,#fe01da,#2486fc);color:transparent;-webkit-background-clip:text;background-clip:text;text-transform:uppercase}._agentSelector_ak9iq_1 ._agentLoader_ak9iq_18{position:inherit}._agentSelector_ak9iq_1 ._agentError_ak9iq_21 path{fill:#d5324e}._agentSelector_ak9iq_1 ._triggerChip_ak9iq_24{max-width:376px;display:flex;text-align:start}._agentSelector_ak9iq_1 ._triggerChip_ak9iq_24 ._agentLabel_ak9iq_29{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._agentSelector_ak9iq_1 ._triggerChip_ak9iq_24 ._dropdownIndicator_ak9iq_35{flex-shrink:0;margin-inline-start:0}._agentSelector_ak9iq_1 ._triggerChip_ak9iq_24 ._dropdownIndicator_ak9iq_35 svg{margin-inline-start:0}@media (max-width: 374px){._agentSelector_ak9iq_1 ._triggerChip_ak9iq_24{width:100%}}._agentSelector_ak9iq_1._sidebar_ak9iq_47{margin:0 .25rem 0 0;margin-inline-start:0}@media (max-width: 767px){._agentSelector_ak9iq_1._sidebar_ak9iq_47{width:100%}}._agentSelector_ak9iq_1._sidebar_ak9iq_47 ._triggerChip_ak9iq_24{width:246px}@media (max-width: 767px){._agentSelector_ak9iq_1._sidebar_ak9iq_47 ._triggerChip_ak9iq_24{width:100%;max-width:100%}}._agentListItemIcon_ak9iq_66{height:2rem;width:2rem}._agentListContainer_ak9iq_71{min-width:320px;max-width:376px}@media (max-width: 376px){._agentListContainer_ak9iq_71{max-width:320px}}._agentListContainer_ak9iq_71._sidebar_ak9iq_47{min-width:184px;max-width:252px}@media (max-width: 252px){._agentListContainer_ak9iq_71._sidebar_ak9iq_47{max-width:184px}}._agentListRetryButton_ak9iq_90{margin:.25rem;max-width:320px;text-wrap:wrap}._agentListRetryButton_ak9iq_90._sidebar_ak9iq_47{max-width:184px}
+._agentSelector_1uxm1_1{margin-inline-start:.75rem}._agentSelector_1uxm1_1 ._agentStatus_1uxm1_4{margin-inline-start:.5rem}._agentSelector_1uxm1_1 ._agentStatus_1uxm1_4>span{background:linear-gradient(#f4f4f4 0,#f4f4f4 0) padding-box,linear-gradient(135deg,#fe01da,#2486fc) border-box;border:.0625rem solid rgba(0,0,0,0)}._agentSelector_1uxm1_1 ._agentStatus_1uxm1_4>span span{color:transparent;text-transform:uppercase;background:linear-gradient(135deg,#fe01da,#2486fc);-webkit-background-clip:text;background-clip:text}._agentSelector_1uxm1_1 ._agentLoader_1uxm1_18{position:inherit}._agentSelector_1uxm1_1 ._agentError_1uxm1_21 path{fill:#d5324e}._agentSelector_1uxm1_1 ._triggerChip_1uxm1_24{display:flex;max-width:376px;text-align:start}._agentSelector_1uxm1_1 ._triggerChip_1uxm1_24 ._agentLabel_1uxm1_29{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._agentSelector_1uxm1_1 ._triggerChip_1uxm1_24 ._dropdownIndicator_1uxm1_35{flex-shrink:0;margin-inline-start:0}._agentSelector_1uxm1_1 ._triggerChip_1uxm1_24 ._dropdownIndicator_1uxm1_35 svg{margin-inline-start:0}._agentSelector_1uxm1_1 ._triggerChip_1uxm1_24:disabled ._dropdownIndicator_1uxm1_35{opacity:.3}@media (max-width: 374px){._agentSelector_1uxm1_1 ._triggerChip_1uxm1_24{width:100%}}._agentSelector_1uxm1_1._sidebar_1uxm1_50{margin:0 .25rem 0 0;margin-inline-start:0}@media (max-width: 767px){._agentSelector_1uxm1_1._sidebar_1uxm1_50{width:100%}}._agentSelector_1uxm1_1._sidebar_1uxm1_50 ._triggerChip_1uxm1_24{width:246px}@media (max-width: 767px){._agentSelector_1uxm1_1._sidebar_1uxm1_50 ._triggerChip_1uxm1_24{width:100%;max-width:100%}}._agentListItemIcon_1uxm1_69{width:2rem;height:2rem}._agentListContainer_1uxm1_74{min-width:320px;max-width:376px}@media (max-width: 376px){._agentListContainer_1uxm1_74{max-width:320px}}._agentListContainer_1uxm1_74._sidebar_1uxm1_50{min-width:184px;max-width:252px}@media (max-width: 252px){._agentListContainer_1uxm1_74._sidebar_1uxm1_50{max-width:184px}}._agentListRetryButton_1uxm1_93{max-width:320px;margin:.25rem;text-wrap:wrap}._agentListRetryButton_1uxm1_93._sidebar_1uxm1_50{max-width:184px}

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

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

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

@@ -1,3 +1,3 @@
 import { type BoxAiAgentSelectorWithApiProps } from './types';
-export declare function BoxAiAgentSelectorWithApi({ fetcher, hostAppName, onSelectAgent, recordAction, requestState: requestStateProp, shouldHideAgentSelectorOnLoad, triggerChipClassName, contentClassName, variant, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BoxAiAgentSelectorWithApi({ fetcher, hostAppName, onSelectAgent, recordAction, requestState: requestStateProp, disabled, 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 { type BoxAiAgentSelectorProps } from './types';
-export declare function BoxAiAgentSelector({ agents, contentClassName, onErrorAction, recordAction, requestState, selectedAgent, triggerChipClassName, variant, }: BoxAiAgentSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoxAiAgentSelector({ agents, contentClassName, onErrorAction, recordAction, requestState, disabled, selectedAgent, triggerChipClassName, variant, }: BoxAiAgentSelectorProps): import("react/jsx-runtime").JSX.Element;
 export default BoxAiAgentSelector;

package/types/lib/types.d.ts

@@ -66,6 +66,10 @@ export interface BoxAiAgentSelectorWithApiProps {
     /** Request state of the list fetching
      */
     requestState?: REQUEST_STATE | null;
+    /**
+     * Renders the dropdown in disabled state.
+     */
+    disabled?: boolean;
     /**
      * Determines whether the agent selector component should remain hidden
      * until the initial data fetch is complete.
@@ -96,6 +100,10 @@ export interface BoxAiAgentSelectorProps {
      * Current state of the request to fetch agents, representing one of: Success, Error, In Progress, or Not Started.
      */
     requestState: REQUEST_STATE;
+    /**
+     * Renders the dropdown in disabled state.
+     */
+    disabled?: boolean;
     /**
      * The currently selected agent, or null if no agent is selected.
      */