@box/box-ai-content-answers 0.134.1 → 0.135.0
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,49 +1,53 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { useIntl as
|
|
3
|
-
import { Tooltip as
|
|
4
|
-
import { Stop as
|
|
5
|
-
import { LOGGER_BASE_CONFIG as
|
|
6
|
-
import
|
|
7
|
-
import { jsx as
|
|
8
|
-
import '../styles/stopResponseButton.css';const d = "
|
|
9
|
-
questionInput:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import * as p from "react";
|
|
2
|
+
import { useIntl as u } from "react-intl";
|
|
3
|
+
import { Tooltip as m, Button as _ } from "@box/blueprint-web";
|
|
4
|
+
import { Stop as l } from "@box/blueprint-web-assets/icons/Fill";
|
|
5
|
+
import { LOGGER_BASE_CONFIG as c, LOGGER_ACTION_CLICK as g } from "../esm/lib/components/common/constants.js";
|
|
6
|
+
import e from "../esm/lib/components/footer/messages.js";
|
|
7
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
8
|
+
import '../styles/stopResponseButton.css';const k = "_questionInput_gml5k_1", B = "_questionInputWithOutPromptLibrary_gml5k_14", b = "_avatar_gml5k_29", d = "_inputAreaButton_gml5k_32", f = "_square_gml5k_48", C = "_textArea_gml5k_55", I = "_error_gml5k_78", q = "_sidebar_gml5k_81", R = "_submitButtonTooltip_gml5k_89", A = "_actionContainer_gml5k_98", O = "_promptButton_gml5k_104", L = {
|
|
9
|
+
questionInput: k,
|
|
10
|
+
questionInputWithOutPromptLibrary: B,
|
|
11
|
+
avatar: b,
|
|
12
|
+
inputAreaButton: d,
|
|
13
|
+
square: f,
|
|
14
|
+
textArea: C,
|
|
15
|
+
error: I,
|
|
16
|
+
sidebar: q,
|
|
17
|
+
submitButtonTooltip: R,
|
|
18
|
+
actionContainer: A,
|
|
19
|
+
promptButton: O
|
|
17
20
|
};
|
|
18
|
-
function
|
|
21
|
+
function S({
|
|
19
22
|
recordAction: t,
|
|
20
23
|
lastQuestion: o,
|
|
21
|
-
onStopQuestion:
|
|
24
|
+
onStopQuestion: n,
|
|
25
|
+
size: a = "large"
|
|
22
26
|
}) {
|
|
23
|
-
const
|
|
27
|
+
const s = u(), i = p.useCallback(() => {
|
|
24
28
|
t && t({
|
|
25
|
-
...
|
|
26
|
-
action:
|
|
29
|
+
...c,
|
|
30
|
+
action: g,
|
|
27
31
|
target: "stopResponse"
|
|
28
|
-
}),
|
|
29
|
-
}, [o,
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
content:
|
|
32
|
+
}), n(o);
|
|
33
|
+
}, [o, n, t]);
|
|
34
|
+
return /* @__PURE__ */ r(m, {
|
|
35
|
+
content: s.formatMessage(e.stopResponse),
|
|
32
36
|
"data-testid": "stop-response-tooltip",
|
|
33
37
|
variant: "standard",
|
|
34
|
-
children: /* @__PURE__ */
|
|
35
|
-
"aria-label":
|
|
38
|
+
children: /* @__PURE__ */ r(_, {
|
|
39
|
+
"aria-label": s.formatMessage(e.stopResponse),
|
|
36
40
|
"aria-live": "polite",
|
|
37
|
-
className:
|
|
41
|
+
className: L.inputAreaButton,
|
|
38
42
|
"data-testid": "content-answers-stop-response-button",
|
|
39
|
-
icon:
|
|
40
|
-
onClick:
|
|
41
|
-
size:
|
|
43
|
+
icon: l,
|
|
44
|
+
onClick: i,
|
|
45
|
+
size: a,
|
|
42
46
|
"data-target-id": "Button-stopResponse"
|
|
43
47
|
})
|
|
44
48
|
});
|
|
45
49
|
}
|
|
46
50
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
51
|
+
S,
|
|
52
|
+
L as s
|
|
49
53
|
};
|
|
@@ -1,153 +1,161 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import g from "clsx";
|
|
2
|
+
import Q from "lodash/noop";
|
|
3
3
|
import * as r from "react";
|
|
4
|
-
import { useIntl as
|
|
5
|
-
import { useBreakpoint as
|
|
6
|
-
import { ArrowUp as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
4
|
+
import { useIntl as tt } from "react-intl";
|
|
5
|
+
import { useBreakpoint as at, Breakpoint as rt, TextArea as et, FilterChip as E, Tooltip as ot, Button as nt } from "@box/blueprint-web";
|
|
6
|
+
import { ArrowUp as it } from "@box/blueprint-web-assets/icons/Fill";
|
|
7
|
+
import { BubbleStar as st } from "@box/blueprint-web-assets/icons/Medium";
|
|
8
|
+
import { useAgents as lt } from "@box/box-ai-agent-selector";
|
|
9
|
+
import { getAIAgentConfig as X } from "../common/agentUtils.js";
|
|
10
|
+
import { isDebugModeTrigger as mt, isEnterTrigger as ct } from "../common/keyInputUtils.js";
|
|
11
|
+
import { TEXT_AREA as m, INPUT_TARGET_ID as pt } from "./constants.js";
|
|
12
|
+
import { FooterActions as ut } from "./footer-actions.js";
|
|
13
|
+
import { s as c, S as ft } from "../../../../chunks/stopResponseButton.js";
|
|
14
|
+
import { U as dt } from "../../../../chunks/types.js";
|
|
15
|
+
import s from "./messages.js";
|
|
16
|
+
import { LOGGER_BASE_CONFIG as I, LOGGER_ACTION_CLICK as bt, LOGGER_ACTION_KEYPRESS as ht } from "../common/constants.js";
|
|
17
|
+
import { jsxs as T, jsx as l } from "react/jsx-runtime";
|
|
18
|
+
const Xt = ({
|
|
19
|
+
askSuggestedQuestion: u,
|
|
20
|
+
enableDebugMode: B = !1,
|
|
20
21
|
hasRequestInProgress: o,
|
|
21
|
-
isAIStudioAgentSelectorEnabled:
|
|
22
|
-
isDebugModeShown:
|
|
23
|
-
isStopResponseEnabled:
|
|
22
|
+
isAIStudioAgentSelectorEnabled: b,
|
|
23
|
+
isDebugModeShown: N,
|
|
24
|
+
isStopResponseEnabled: P,
|
|
24
25
|
isStreamingEnabled: H,
|
|
25
26
|
lastQuestion: h,
|
|
26
27
|
onRetryQuestion: G,
|
|
27
|
-
onStopQuestion:
|
|
28
|
-
onUserInteraction:
|
|
28
|
+
onStopQuestion: S,
|
|
29
|
+
onUserInteraction: _ = Q,
|
|
29
30
|
recordAction: n,
|
|
30
|
-
sendQuestion:
|
|
31
|
-
setAskSuggestedQuestion:
|
|
31
|
+
sendQuestion: v,
|
|
32
|
+
setAskSuggestedQuestion: x,
|
|
32
33
|
toggleDebugMode: p,
|
|
33
|
-
promptButtonClickHandler:
|
|
34
|
+
promptButtonClickHandler: O,
|
|
34
35
|
variant: F = "modal"
|
|
35
36
|
}) => {
|
|
36
|
-
const
|
|
37
|
+
const y = F === "sidebar", i = tt(), K = at(), a = r.useRef(null), U = K <= rt.Medium && !y ? m.MAX_ROWS_MOBILE : m.MAX_ROWS, [f, A] = r.useState(!0), [W, R] = r.useState(!1), {
|
|
37
38
|
selectedAgent: C
|
|
38
|
-
} =
|
|
39
|
-
answer:
|
|
40
|
-
isCompleted:
|
|
41
|
-
} = h ?? {},
|
|
39
|
+
} = lt(), {
|
|
40
|
+
answer: j,
|
|
41
|
+
isCompleted: D
|
|
42
|
+
} = h ?? {}, Y = H && D === !1 && (P || j), L = r.useCallback(() => {
|
|
42
43
|
a.current && a.current.focus();
|
|
43
|
-
}, [a]),
|
|
44
|
+
}, [a]), M = r.useCallback(() => {
|
|
44
45
|
var e;
|
|
45
|
-
|
|
46
|
+
_();
|
|
46
47
|
let t = ((e = a.current) == null ? void 0 : e.value) ?? "";
|
|
47
|
-
a.current && t.length > m.MAX_LENGTH && (a.current.value = t.slice(0, m.MAX_LENGTH), t = a.current.value), R(t.length >= m.MAX_LENGTH),
|
|
48
|
-
}, [a,
|
|
49
|
-
if (
|
|
48
|
+
a.current && t.length > m.MAX_LENGTH && (a.current.value = t.slice(0, m.MAX_LENGTH), t = a.current.value), R(t.length >= m.MAX_LENGTH), A(t.trim().length === 0);
|
|
49
|
+
}, [a, _]), d = r.useCallback((t = dt) => {
|
|
50
|
+
if (L(), !o && a.current) {
|
|
50
51
|
const e = {
|
|
51
52
|
prompt: a.current.value,
|
|
52
53
|
promptType: t
|
|
53
54
|
};
|
|
54
55
|
if (e.prompt && e.prompt.trim()) {
|
|
55
|
-
const
|
|
56
|
-
|
|
56
|
+
const q = X(b, C);
|
|
57
|
+
v(e, q), a.current.value = "", A(!0), R(!1);
|
|
57
58
|
}
|
|
58
|
-
|
|
59
|
+
N && p && p();
|
|
59
60
|
}
|
|
60
|
-
}, [C,
|
|
61
|
+
}, [C, L, o, a, b, N, v, p]), V = r.useCallback((t) => {
|
|
61
62
|
t.preventDefault(), !o && !f && n && n({
|
|
62
|
-
...
|
|
63
|
-
action:
|
|
63
|
+
...I,
|
|
64
|
+
action: bt,
|
|
64
65
|
target: "ask"
|
|
65
|
-
}),
|
|
66
|
-
}, [o, f, n,
|
|
67
|
-
|
|
68
|
-
...
|
|
69
|
-
action:
|
|
66
|
+
}), d();
|
|
67
|
+
}, [o, f, n, d]), J = r.useCallback((t) => {
|
|
68
|
+
B && p && mt(t) && p(), ct(t) && (t.preventDefault(), !o && !f && n && n({
|
|
69
|
+
...I,
|
|
70
|
+
action: ht,
|
|
70
71
|
target: "ask"
|
|
71
|
-
}),
|
|
72
|
-
}, [
|
|
73
|
-
const e =
|
|
72
|
+
}), d());
|
|
73
|
+
}, [B, o, f, n, d, p]), Z = r.useCallback((t) => {
|
|
74
|
+
const e = X(b, C);
|
|
74
75
|
G(t, e);
|
|
75
|
-
}, [C,
|
|
76
|
+
}, [C, b, G]);
|
|
76
77
|
r.useEffect(() => {
|
|
77
|
-
queueMicrotask(
|
|
78
|
+
queueMicrotask(L);
|
|
78
79
|
}, []), r.useEffect(() => {
|
|
79
|
-
if (
|
|
80
|
+
if (u && a.current && !o && x) {
|
|
80
81
|
const {
|
|
81
82
|
prompt: t,
|
|
82
83
|
type: e
|
|
83
|
-
} =
|
|
84
|
-
a.current.value = t,
|
|
84
|
+
} = u;
|
|
85
|
+
a.current.value = t, d(e), x(null);
|
|
85
86
|
}
|
|
86
|
-
}, [
|
|
87
|
-
const
|
|
88
|
-
a.current && (a.current.value = t,
|
|
89
|
-
}, [
|
|
90
|
-
|
|
91
|
-
|
|
87
|
+
}, [u == null ? void 0 : u.id]);
|
|
88
|
+
const $ = r.useCallback((t) => {
|
|
89
|
+
a.current && (a.current.value = t, M());
|
|
90
|
+
}, [M]), k = !!O, z = () => /* @__PURE__ */ l(E.Group, {
|
|
91
|
+
name: "prompt-library",
|
|
92
|
+
type: "single",
|
|
93
|
+
children: /* @__PURE__ */ T(E.ChipButton, {
|
|
94
|
+
"aria-label": i.formatMessage(s.openPromptLibraryBtn),
|
|
95
|
+
className: c.promptButton,
|
|
96
|
+
"data-testid": "open-prompt-library-button",
|
|
97
|
+
onClick: () => {
|
|
98
|
+
O($);
|
|
99
|
+
},
|
|
100
|
+
value: "add-prompt",
|
|
101
|
+
children: [/* @__PURE__ */ l(E.Icon, {
|
|
102
|
+
icon: st
|
|
103
|
+
}), /* @__PURE__ */ l(E.Label, {
|
|
104
|
+
children: i.formatMessage(s.promptsBtn)
|
|
105
|
+
})]
|
|
106
|
+
})
|
|
107
|
+
}), w = (t) => Y ? /* @__PURE__ */ l(ft, {
|
|
108
|
+
lastQuestion: h,
|
|
109
|
+
onStopQuestion: S,
|
|
110
|
+
recordAction: n,
|
|
111
|
+
size: t
|
|
112
|
+
}) : /* @__PURE__ */ l(ot, {
|
|
113
|
+
content: i.formatMessage(s.ask),
|
|
114
|
+
"data-testid": "ask-tooltip",
|
|
115
|
+
variant: "standard",
|
|
116
|
+
children: /* @__PURE__ */ l(nt, {
|
|
117
|
+
"aria-label": i.formatMessage(s.ask),
|
|
118
|
+
className: c.inputAreaButton,
|
|
119
|
+
"data-testid": "content-answers-submit-button",
|
|
120
|
+
disabled: f || o,
|
|
121
|
+
icon: it,
|
|
122
|
+
loading: !1,
|
|
123
|
+
loadingAriaLabel: i.formatMessage(s.askDisabledTooltip),
|
|
124
|
+
onClick: V,
|
|
125
|
+
size: t,
|
|
126
|
+
"data-target-id": "Button-ask"
|
|
127
|
+
})
|
|
128
|
+
});
|
|
129
|
+
return /* @__PURE__ */ T("div", {
|
|
130
|
+
children: [h && /* @__PURE__ */ l(ut, {
|
|
92
131
|
lastQuestion: h,
|
|
93
|
-
onRetryButtonInteraction:
|
|
94
|
-
onRetryQuestion:
|
|
132
|
+
onRetryButtonInteraction: _,
|
|
133
|
+
onRetryQuestion: Z,
|
|
95
134
|
recordAction: n
|
|
96
|
-
}), /* @__PURE__ */
|
|
97
|
-
className:
|
|
98
|
-
children: [
|
|
99
|
-
name: "prompt-library",
|
|
100
|
-
type: "single",
|
|
101
|
-
children: /* @__PURE__ */ s(M.ChipButton, {
|
|
102
|
-
"aria-label": i.formatMessage(l.openPromptLibraryBtn),
|
|
103
|
-
"data-testid": "open-prompt-library-button",
|
|
104
|
-
onClick: () => {
|
|
105
|
-
v(V);
|
|
106
|
-
},
|
|
107
|
-
value: "add-prompt",
|
|
108
|
-
children: /* @__PURE__ */ s(M.Label, {
|
|
109
|
-
children: i.formatMessage(l.promptsBtn)
|
|
110
|
-
})
|
|
111
|
-
})
|
|
112
|
-
}), /* @__PURE__ */ s(tt, {
|
|
135
|
+
}), /* @__PURE__ */ T("div", {
|
|
136
|
+
className: g(c.questionInput, y && c.sidebar, !k && c.questionInputWithOutPromptLibrary),
|
|
137
|
+
children: [/* @__PURE__ */ l(et, {
|
|
113
138
|
ref: a,
|
|
114
|
-
className:
|
|
115
|
-
"data-target-id":
|
|
139
|
+
className: c.textArea,
|
|
140
|
+
"data-target-id": pt,
|
|
116
141
|
"data-testid": "content-answers-question-input",
|
|
117
|
-
error:
|
|
142
|
+
error: W && i.formatMessage(s.maxCharactersReachedError, {
|
|
118
143
|
characterLimit: m.MAX_LENGTH
|
|
119
144
|
}),
|
|
120
145
|
hideLabel: !0,
|
|
121
|
-
label: i.formatMessage(
|
|
146
|
+
label: i.formatMessage(s.askQuestionPlaceholder),
|
|
122
147
|
maxLength: m.MAX_LENGTH,
|
|
123
|
-
maxRows:
|
|
124
|
-
onChange:
|
|
125
|
-
onKeyDown:
|
|
126
|
-
placeholder: i.formatMessage(
|
|
127
|
-
}),
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
}) : /* @__PURE__ */ s(at, {
|
|
132
|
-
content: i.formatMessage(l.ask),
|
|
133
|
-
"data-testid": "ask-tooltip",
|
|
134
|
-
variant: "standard",
|
|
135
|
-
children: /* @__PURE__ */ s(rt, {
|
|
136
|
-
"aria-label": i.formatMessage(l.ask),
|
|
137
|
-
className: b.inputAreaButton,
|
|
138
|
-
"data-testid": "content-answers-submit-button",
|
|
139
|
-
disabled: f || o,
|
|
140
|
-
icon: et,
|
|
141
|
-
loading: !1,
|
|
142
|
-
loadingAriaLabel: i.formatMessage(l.askDisabledTooltip),
|
|
143
|
-
onClick: W,
|
|
144
|
-
size: "large",
|
|
145
|
-
"data-target-id": "Button-ask"
|
|
146
|
-
})
|
|
147
|
-
})]
|
|
148
|
+
maxRows: U,
|
|
149
|
+
onChange: M,
|
|
150
|
+
onKeyDown: J,
|
|
151
|
+
placeholder: i.formatMessage(s.askQuestionPlaceholder)
|
|
152
|
+
}), k && /* @__PURE__ */ T("div", {
|
|
153
|
+
className: c.actionContainer,
|
|
154
|
+
children: [z(), w("small")]
|
|
155
|
+
}), !k && w("large")]
|
|
148
156
|
})]
|
|
149
157
|
});
|
|
150
158
|
};
|
|
151
159
|
export {
|
|
152
|
-
|
|
160
|
+
Xt as Footer
|
|
153
161
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._questionInput_gml5k_1{position:relative;z-index:1;align-items:end;margin:1rem;padding:0;background:#fff;background-clip:padding-box,border-box!important;background-origin:border-box!important;border:1px solid #d3d3d3!important;border-radius:1.25rem!important;box-shadow:0 2px 12px #2222221f}._questionInput_gml5k_1._questionInputWithOutPromptLibrary_gml5k_14{display:flex;flex:1 1 auto;border-radius:1.5rem!important}._questionInput_gml5k_1:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:1px solid rgba(0,0,0,0)!important}._questionInput_gml5k_1:focus-within{box-sizing:unset!important;margin:calc(1rem - 1px);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:2px solid rgba(0,0,0,0)!important}._questionInput_gml5k_1 ._avatar_gml5k_29{margin-bottom:.25rem}._questionInput_gml5k_1 ._inputAreaButton_gml5k_32{position:absolute;right:0;margin-right:.25rem;margin-bottom:.25rem;background:linear-gradient(135deg,#fe03dc,#2784fa);border:0;border-radius:1.5rem!important}._questionInput_gml5k_1 ._inputAreaButton_gml5k_32:disabled{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_gml5k_1 ._inputAreaButton_gml5k_32:not(:disabled):hover,._questionInput_gml5k_1 ._inputAreaButton_gml5k_32:not(:disabled):active{background:linear-gradient(135deg,#cb02b0,#1f6ac8);border:0}._questionInput_gml5k_1 ._square_gml5k_48{display:inline-block;width:15px;height:15px;background-color:#fff;border-radius:3px}._questionInput_gml5k_1 ._textArea_gml5k_55{gap:0;width:100%;margin:0 1rem 0 0;padding-right:46px;box-shadow:none}._questionInput_gml5k_1 ._textArea_gml5k_55 div{box-shadow:none!important}._questionInput_gml5k_1 ._textArea_gml5k_55 span{padding:.5rem .75rem .75rem;margin-block-start:0}._questionInput_gml5k_1 ._textArea_gml5k_55 textarea{width:100%;margin:.475rem 0;padding:.4rem 1rem;background:inherit;border:none;border-radius:1.25rem;box-shadow:none}._questionInput_gml5k_1 ._textArea_gml5k_55 textarea:not(:disabled):not(:focus-visible):not(._error_gml5k_78):hover{background:inherit}._questionInput_gml5k_1._sidebar_gml5k_81 ._textArea_gml5k_55{padding-right:26px}._questionInput_gml5k_1._sidebar_gml5k_81 ._textArea_gml5k_55 div{align-items:center;height:100%}._submitButtonTooltip_gml5k_89{text-align:center}@media (max-width: 767px){._questionInput_gml5k_1 ._textArea_gml5k_55{margin:0 .75rem 0 0}}._actionContainer_gml5k_98{display:flex;justify-content:space-between;margin:0 0 0 .25rem}._promptButton_gml5k_104{margin-bottom:.25rem;color:#6f6f6f}
|
|
@@ -3,5 +3,6 @@ export interface StopResponseButtonProps {
|
|
|
3
3
|
lastQuestion: QuestionType | null;
|
|
4
4
|
onStopQuestion?: StopQuestion;
|
|
5
5
|
recordAction?: (payload: Record<string, unknown>) => void;
|
|
6
|
+
size?: 'small' | 'large';
|
|
6
7
|
}
|
|
7
|
-
export declare function StopResponseButton({ recordAction, lastQuestion, onStopQuestion }: StopResponseButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function StopResponseButton({ recordAction, lastQuestion, onStopQuestion, size, }: StopResponseButtonProps): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/box-ai-content-answers",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.135.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@box/blueprint-web": "^7.8.0",
|
|
6
|
-
"@box/blueprint-web-assets": "^4.
|
|
6
|
+
"@box/blueprint-web-assets": "^4.56.1",
|
|
7
7
|
"@box/box-ai-agent-selector": "^0.41.10",
|
|
8
8
|
"@box/item-icon": "^0.9.44",
|
|
9
9
|
"formik": "^2.0.3",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@box/babel-plugin-target-attributes": "1.3.0",
|
|
20
20
|
"@box/blueprint-web": "^12.20.2",
|
|
21
|
-
"@box/blueprint-web-assets": "^4.56.
|
|
21
|
+
"@box/blueprint-web-assets": "^4.56.1",
|
|
22
22
|
"@box/box-ai-agent-selector": "^0.45.1",
|
|
23
23
|
"@box/item-icon": "^0.11.1",
|
|
24
24
|
"@box/storybook-utils": "^0.13.9",
|