@box/box-ai-agent-selector 0.17.13 → 0.17.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,119 +1,119 @@
|
|
|
1
1
|
import "../../styles/box-ai-agent-selector.css";
|
|
2
2
|
import { useFullTextTooltip as j, FilterChip as d, Popover as p, Tooltip as U, Status as Q, LoadingIndicator as V, SmallList as W, Button as Y } from "@box/blueprint-web";
|
|
3
|
-
import { AlertBadge as
|
|
4
|
-
import
|
|
5
|
-
import { useState as
|
|
6
|
-
import { useIntl as
|
|
7
|
-
import { BoxAiAgent as
|
|
8
|
-
import { LOGGER_BASE_CONFIG as
|
|
3
|
+
import { AlertBadge as z } from "@box/blueprint-web-assets/icons/Fill";
|
|
4
|
+
import m from "clsx";
|
|
5
|
+
import { useState as H, useRef as J, useEffect as X, useCallback as h } from "react";
|
|
6
|
+
import { useIntl as Z } from "react-intl";
|
|
7
|
+
import { BoxAiAgent as $ } from "./box-ai-agent.js";
|
|
8
|
+
import { LOGGER_BASE_CONFIG as C, LOGGER_ACTION_CLICK as S, LOGGER_TARGET as R } from "./constants.js";
|
|
9
9
|
import { ACTIONS as tt } from "./contexts/actions.js";
|
|
10
10
|
import { useAgentsDispatch as et } from "./contexts/context.js";
|
|
11
|
-
import
|
|
12
|
-
import { R } from "../../chunks/types.js";
|
|
13
|
-
import { jsx as t, jsxs as
|
|
14
|
-
const at = "
|
|
11
|
+
import i from "./messages.js";
|
|
12
|
+
import { R as I } from "../../chunks/types.js";
|
|
13
|
+
import { jsx as t, jsxs as T } from "react/jsx-runtime";
|
|
14
|
+
const at = "_agentSelector_ak9iq_1", nt = "_agentStatus_ak9iq_4", ot = "_agentLoader_ak9iq_18", it = "_agentError_ak9iq_21", rt = "_triggerChip_ak9iq_24", st = "_agentLabel_ak9iq_29", lt = "_dropdownIndicator_ak9iq_35", ct = "_sidebar_ak9iq_47", gt = "_agentListItemIcon_ak9iq_66", dt = "_agentListContainer_ak9iq_71", pt = "_agentListRetryButton_ak9iq_90", e = {
|
|
15
15
|
agentSelector: at,
|
|
16
16
|
agentStatus: nt,
|
|
17
17
|
agentLoader: ot,
|
|
18
|
-
agentError:
|
|
19
|
-
triggerChip:
|
|
18
|
+
agentError: it,
|
|
19
|
+
triggerChip: rt,
|
|
20
20
|
agentLabel: st,
|
|
21
21
|
dropdownIndicator: lt,
|
|
22
|
-
sidebar:
|
|
23
|
-
agentListItemIcon:
|
|
22
|
+
sidebar: ct,
|
|
23
|
+
agentListItemIcon: gt,
|
|
24
24
|
agentListContainer: dt,
|
|
25
25
|
agentListRetryButton: pt
|
|
26
26
|
};
|
|
27
27
|
function Nt({
|
|
28
|
-
agents:
|
|
29
|
-
contentClassName:
|
|
30
|
-
onErrorAction:
|
|
28
|
+
agents: _,
|
|
29
|
+
contentClassName: q,
|
|
30
|
+
onErrorAction: b,
|
|
31
31
|
recordAction: n,
|
|
32
|
-
requestState:
|
|
33
|
-
selectedAgent:
|
|
32
|
+
requestState: f,
|
|
33
|
+
selectedAgent: r,
|
|
34
34
|
triggerChipClassName: w,
|
|
35
35
|
variant: B = "modal"
|
|
36
36
|
}) {
|
|
37
37
|
const {
|
|
38
38
|
formatMessage: o
|
|
39
|
-
} =
|
|
40
|
-
let
|
|
41
|
-
y ?
|
|
42
|
-
const G =
|
|
43
|
-
Wrapper:
|
|
44
|
-
wrapperProps:
|
|
39
|
+
} = Z(), [s, l] = H(!1), N = o(i.selectAgent), v = o(i.defaultAgent), k = et(), y = f === I.SUCCESS, L = f === I.IN_PROGRESS, c = f === I.ERROR;
|
|
40
|
+
let g = "";
|
|
41
|
+
y ? g = (r == null ? void 0 : r.name) || N : c && (g = v);
|
|
42
|
+
const G = J(null), {
|
|
43
|
+
Wrapper: A,
|
|
44
|
+
wrapperProps: P
|
|
45
45
|
} = j({
|
|
46
46
|
ref: G,
|
|
47
|
-
textValue:
|
|
47
|
+
textValue: g
|
|
48
48
|
});
|
|
49
|
-
|
|
49
|
+
X(() => {
|
|
50
50
|
s && n && n({
|
|
51
|
-
...
|
|
52
|
-
action:
|
|
53
|
-
target:
|
|
51
|
+
...C,
|
|
52
|
+
action: S,
|
|
53
|
+
target: R.OPEN_SELECTOR
|
|
54
54
|
});
|
|
55
55
|
}, [s, n]);
|
|
56
|
-
const
|
|
57
|
-
l(!1),
|
|
56
|
+
const u = h((a) => {
|
|
57
|
+
l(!1), k({
|
|
58
58
|
type: tt.SET_SELECTED_AGENT,
|
|
59
59
|
id: a.id
|
|
60
60
|
}), n && n({
|
|
61
|
-
...
|
|
62
|
-
action:
|
|
63
|
-
target:
|
|
61
|
+
...C,
|
|
62
|
+
action: S,
|
|
63
|
+
target: R.SELECT_AGENT
|
|
64
64
|
});
|
|
65
|
-
}, [
|
|
66
|
-
l(!1),
|
|
67
|
-
...
|
|
68
|
-
action:
|
|
69
|
-
target:
|
|
65
|
+
}, [k, n]), D = h(() => {
|
|
66
|
+
l(!1), b(), n && n({
|
|
67
|
+
...C,
|
|
68
|
+
action: S,
|
|
69
|
+
target: R.RETRY_LOADING_AGENTS
|
|
70
70
|
});
|
|
71
|
-
}, [
|
|
71
|
+
}, [b, n]), K = h((a) => {
|
|
72
72
|
if (a.key === "Escape" && (l(!1), a.stopPropagation()), a.key === " ") {
|
|
73
73
|
const O = a.target;
|
|
74
74
|
if (O) {
|
|
75
|
-
const M = O.getAttribute("data-key"),
|
|
76
|
-
|
|
75
|
+
const M = O.getAttribute("data-key"), x = _.find((F) => F.id === M);
|
|
76
|
+
x && u(x);
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
}, [
|
|
79
|
+
}, [_, u]), E = B === "sidebar" && e.sidebar;
|
|
80
80
|
return /* @__PURE__ */ t(d.Group, {
|
|
81
|
-
className:
|
|
81
|
+
className: m(e.agentSelector, w, E),
|
|
82
82
|
name: N,
|
|
83
83
|
type: "multiple",
|
|
84
|
-
children: /* @__PURE__ */
|
|
84
|
+
children: /* @__PURE__ */ T(p.Root, {
|
|
85
85
|
modal: !1,
|
|
86
86
|
onOpenChange: l,
|
|
87
87
|
open: s,
|
|
88
88
|
children: [/* @__PURE__ */ t(U, {
|
|
89
|
-
content: o(
|
|
90
|
-
hidden: !
|
|
89
|
+
content: o(i.errorTooltip),
|
|
90
|
+
hidden: !c || s,
|
|
91
91
|
side: "bottom",
|
|
92
92
|
variant: "error",
|
|
93
93
|
children: /* @__PURE__ */ t(p.Trigger, {
|
|
94
94
|
disabled: L,
|
|
95
|
-
children: /* @__PURE__ */
|
|
95
|
+
children: /* @__PURE__ */ T(d.TriggerChip, {
|
|
96
96
|
className: e.triggerChip,
|
|
97
97
|
value: "trigger-chip",
|
|
98
98
|
children: [/* @__PURE__ */ t(Q, {
|
|
99
99
|
className: e.agentStatus,
|
|
100
100
|
colorIndex: 0,
|
|
101
|
-
text: o(
|
|
101
|
+
text: o(i.agent)
|
|
102
102
|
}), L && /* @__PURE__ */ t(V, {
|
|
103
|
-
"aria-label": o(
|
|
103
|
+
"aria-label": o(i.loadingMessage),
|
|
104
104
|
className: e.agentLoader,
|
|
105
105
|
variant: "default"
|
|
106
|
-
}),
|
|
106
|
+
}), c && /* @__PURE__ */ t(z, {
|
|
107
107
|
className: e.agentError,
|
|
108
108
|
height: "1rem",
|
|
109
109
|
role: "presentation",
|
|
110
110
|
width: "1rem"
|
|
111
|
-
}), /* @__PURE__ */ t(
|
|
112
|
-
...
|
|
111
|
+
}), /* @__PURE__ */ t(A, {
|
|
112
|
+
...P,
|
|
113
113
|
children: /* @__PURE__ */ t(d.Label, {
|
|
114
114
|
ref: G,
|
|
115
115
|
className: e.agentLabel,
|
|
116
|
-
children:
|
|
116
|
+
children: g
|
|
117
117
|
})
|
|
118
118
|
}), !L && /* @__PURE__ */ t("div", {
|
|
119
119
|
className: e.dropdownIndicator,
|
|
@@ -123,22 +123,22 @@ function Nt({
|
|
|
123
123
|
})
|
|
124
124
|
}), /* @__PURE__ */ t(p.ContentContainer, {
|
|
125
125
|
align: "start",
|
|
126
|
-
className:
|
|
126
|
+
className: m(e.agentListContainer, E),
|
|
127
127
|
onKeyDownCapture: K,
|
|
128
|
-
children: /* @__PURE__ */
|
|
128
|
+
children: /* @__PURE__ */ T(p.MainContent, {
|
|
129
129
|
children: [y && /* @__PURE__ */ t(W, {
|
|
130
|
-
"aria-label": o(
|
|
131
|
-
className:
|
|
132
|
-
selectedKeys: [(
|
|
133
|
-
children:
|
|
130
|
+
"aria-label": o(i.agentList),
|
|
131
|
+
className: m([e.agentList, q]),
|
|
132
|
+
selectedKeys: [(r == null ? void 0 : r.id) || ""],
|
|
133
|
+
children: _.map((a) => /* @__PURE__ */ t($, {
|
|
134
134
|
agent: a,
|
|
135
|
-
onAction: () =>
|
|
135
|
+
onAction: () => u(a)
|
|
136
136
|
}, a.id))
|
|
137
|
-
}),
|
|
138
|
-
className:
|
|
139
|
-
onClick:
|
|
137
|
+
}), c && /* @__PURE__ */ t(Y, {
|
|
138
|
+
className: m(e.agentListRetryButton, E),
|
|
139
|
+
onClick: D,
|
|
140
140
|
variant: "tertiary",
|
|
141
|
-
children: o(
|
|
141
|
+
children: o(i.errorMessage)
|
|
142
142
|
})]
|
|
143
143
|
})
|
|
144
144
|
})]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/box-ai-agent-selector",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.15",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@box/blueprint-web": "^7.31.1",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"react-intl": "^6.4.2"
|
|
11
11
|
},
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@box/blueprint-web": "^9.
|
|
13
|
+
"@box/blueprint-web": "^9.4.0",
|
|
14
14
|
"@box/blueprint-web-assets": "^4.30.1",
|
|
15
15
|
"@box/eslint-plugin-blueprint": "^1.0.3",
|
|
16
16
|
"@box/storybook-utils": "^0.8.0",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"sideEffects": [
|
|
47
47
|
"**/*.css"
|
|
48
48
|
],
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "54b7ea2666cfeaedb3792148822d4b50578a565b"
|
|
50
50
|
}
|
|
@@ -1 +1 @@
|
|
|
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}
|