@veracity/vui 2.26.0-beta.3 → 2.26.0-beta.5
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.
- package/dist/cjs/chat/chat.d.ts.map +1 -1
- package/dist/cjs/chat/chat.js.map +1 -1
- package/dist/cjs/chat/chat.types.d.ts +2 -0
- package/dist/cjs/chat/chat.types.d.ts.map +1 -1
- package/dist/cjs/chat/chatInput.d.ts.map +1 -1
- package/dist/cjs/chat/chatInput.js +46 -7
- package/dist/cjs/chat/chatInput.js.map +1 -1
- package/dist/cjs/chat/chatInputButton.d.ts.map +1 -1
- package/dist/cjs/chat/chatInputButton.js +1 -1
- package/dist/cjs/chat/chatInputButton.js.map +1 -1
- package/dist/cjs/message/message.js +1 -1
- package/dist/cjs/message/message.js.map +1 -1
- package/dist/esm/chat/chat.d.ts.map +1 -1
- package/dist/esm/chat/chat.js.map +1 -1
- package/dist/esm/chat/chat.types.d.ts +2 -0
- package/dist/esm/chat/chat.types.d.ts.map +1 -1
- package/dist/esm/chat/chatInput.d.ts.map +1 -1
- package/dist/esm/chat/chatInput.js +47 -8
- package/dist/esm/chat/chatInput.js.map +1 -1
- package/dist/esm/chat/chatInputButton.d.ts.map +1 -1
- package/dist/esm/chat/chatInputButton.js +1 -1
- package/dist/esm/chat/chatInputButton.js.map +1 -1
- package/dist/esm/message/message.js +1 -1
- package/dist/esm/message/message.js.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/chat/chat.tsx +1 -1
- package/src/chat/chat.types.ts +2 -0
- package/src/chat/chatInput.tsx +79 -24
- package/src/chat/chatInputButton.tsx +1 -0
- package/src/message/message.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,YAAY,EAAE,MAAM,SAAS,CAAA;AAGrF,OAAO,EAAmB,SAAS,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC;;GAEG;AACH,eAAO,MAAM,IAAI,EAkEX,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG;IACrC,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,KAAK,EAAE,OAAO,SAAS,CAAA;CACxB,CAAA;AAKD,eAAe,IAAI,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAEzC,iDAAwB;AACxB,
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,8 @@ export type ChatInputProps = Omit<BoxProps, 'size' | 'variant'> & {
|
|
|
23
23
|
placeholder?: string;
|
|
24
24
|
status?: ChatInputStatus;
|
|
25
25
|
helpText?: string;
|
|
26
|
+
/** @default 120 */
|
|
27
|
+
maxTextareaHeight?: number;
|
|
26
28
|
/** @default 'Generating message' */
|
|
27
29
|
processingMessage?: string;
|
|
28
30
|
onNewTopicClick?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.types.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GACxD,YAAY,CAAC,MAAM,CAAC,GAAG;IAErB,WAAW,CAAC,EAAE,eAAe,CAAA;IAE7B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAE7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEhD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA"}
|
|
1
|
+
{"version":3,"file":"chat.types.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GACxD,YAAY,CAAC,MAAM,CAAC,GAAG;IAErB,WAAW,CAAC,EAAE,eAAe,CAAA;IAE7B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAE7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEhD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAmB,MAAM,cAAc,CAAA;AA0B9D;;GAEG;AACH,eAAO,MAAM,SAAS,yDAgGpB,CAAA;AAGF,eAAe,SAAS,CAAA"}
|
|
@@ -21,15 +21,39 @@ const box_1 = __importDefault(require("../box"));
|
|
|
21
21
|
const button_1 = __importDefault(require("../button"));
|
|
22
22
|
const core_1 = require("../core");
|
|
23
23
|
const icon_1 = __importDefault(require("../icon"));
|
|
24
|
-
const
|
|
24
|
+
const consts_1 = require("../input/consts");
|
|
25
|
+
const helpText_1 = __importDefault(require("../input/helpText"));
|
|
25
26
|
const utils_1 = require("../utils");
|
|
26
27
|
const chat_types_1 = require("./chat.types");
|
|
27
28
|
const chatInputButton_1 = __importDefault(require("./chatInputButton"));
|
|
29
|
+
const CustomTextarea = core_1.styled.textareaBox `
|
|
30
|
+
border-radius: none;
|
|
31
|
+
border-width: 0;
|
|
32
|
+
outline: none;
|
|
33
|
+
padding: 0 8px;
|
|
34
|
+
resize: none;
|
|
35
|
+
transition-duration: 0.3s;
|
|
36
|
+
width: 100%;
|
|
37
|
+
min-height: 1.5em;
|
|
38
|
+
overflow-y: hidden;
|
|
39
|
+
|
|
40
|
+
&::placeholder {
|
|
41
|
+
padding-top: 8px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* Disabled state styles */
|
|
45
|
+
&[aria-disabled='true'] {
|
|
46
|
+
opacity: 0.5;
|
|
47
|
+
cursor: not-allowed;
|
|
48
|
+
background-color: sandstone.79;
|
|
49
|
+
border-color: sandstone.79;
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
28
52
|
/**
|
|
29
53
|
* Displays a chat interface with messages and actions.
|
|
30
54
|
*/
|
|
31
55
|
exports.ChatInput = (0, core_1.vui)((props, ref) => {
|
|
32
|
-
const { helpText, placeholder = 'Type your message', status = chat_types_1.ChatInputStatus.Default, processingMessage = 'Generating message', value: valueProp, onNewTopicClick, onSend, onStop } = props, rest = __rest(props, ["helpText", "placeholder", "status", "processingMessage", "value", "onNewTopicClick", "onSend", "onStop"]);
|
|
56
|
+
const { helpText, placeholder = 'Type your message', status = chat_types_1.ChatInputStatus.Default, maxTextareaHeight = 120, processingMessage = 'Generating message', value: valueProp, onNewTopicClick, onSend, onStop } = props, rest = __rest(props, ["helpText", "placeholder", "status", "maxTextareaHeight", "processingMessage", "value", "onNewTopicClick", "onSend", "onStop"]);
|
|
33
57
|
const [value, setValue] = (0, react_1.useState)(valueProp);
|
|
34
58
|
const styles = (0, core_1.useStyleConfig)('Chat', props);
|
|
35
59
|
(0, react_1.useEffect)(() => {
|
|
@@ -37,6 +61,8 @@ exports.ChatInput = (0, core_1.vui)((props, ref) => {
|
|
|
37
61
|
setValue(valueProp);
|
|
38
62
|
}, [status]);
|
|
39
63
|
const onKeyDown = (e) => {
|
|
64
|
+
if (e.key === core_1.KeyboardKeys.Enter && !(value === null || value === void 0 ? void 0 : value.length))
|
|
65
|
+
return e.preventDefault();
|
|
40
66
|
if (e.key === core_1.KeyboardKeys.Enter && e.ctrlKey) {
|
|
41
67
|
e.stopPropagation();
|
|
42
68
|
if ((value === null || value === void 0 ? void 0 : value.length) && status === chat_types_1.ChatInputStatus.Default)
|
|
@@ -48,12 +74,25 @@ exports.ChatInput = (0, core_1.vui)((props, ref) => {
|
|
|
48
74
|
onStop === null || onStop === void 0 ? void 0 : onStop();
|
|
49
75
|
}
|
|
50
76
|
};
|
|
77
|
+
const handleTextareaChange = (e) => {
|
|
78
|
+
const textarea = e.target;
|
|
79
|
+
textarea.placeholder = '';
|
|
80
|
+
// Dynamically adjust the height of the textarea
|
|
81
|
+
if (textarea.scrollHeight <= maxTextareaHeight) {
|
|
82
|
+
textarea.style.height = 'auto';
|
|
83
|
+
textarea.style.maxHeight = 'auto';
|
|
84
|
+
textarea.style.height = `${textarea.scrollHeight}px`;
|
|
85
|
+
textarea.style.maxHeight = `${textarea.scrollHeight}px`;
|
|
86
|
+
textarea.style.lineHeight = '2.2';
|
|
87
|
+
}
|
|
88
|
+
if (status === chat_types_1.ChatInputStatus.Default)
|
|
89
|
+
setValue(textarea.value);
|
|
90
|
+
};
|
|
51
91
|
const isDisabled = status === chat_types_1.ChatInputStatus.Disabled;
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-chat-input'), justifyContent: "space-between", ref: ref }, styles === null || styles === void 0 ? void 0 : styles.input, rest, { children: [!!onNewTopicClick && (0, jsx_runtime_1.jsx)(button_1.default, { icon: "falPlus", mr: 1, onClick: () => onNewTopicClick === null || onNewTopicClick === void 0 ? void 0 : onNewTopicClick() }), status === chat_types_1.ChatInputStatus.Processing ? ((0, jsx_runtime_1.jsxs)(box_1.default, { borderColor:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}, onStop: onStop, status: status })] })));
|
|
92
|
+
return ((0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-chat-input'), justifyContent: "space-between", ref: ref }, styles === null || styles === void 0 ? void 0 : styles.input, rest, { children: [!!onNewTopicClick && status === chat_types_1.ChatInputStatus.Default && ((0, jsx_runtime_1.jsx)(button_1.default, { animation: "fadeUp", icon: "falPlus", mr: 1, onClick: () => onNewTopicClick === null || onNewTopicClick === void 0 ? void 0 : onNewTopicClick() })), status === chat_types_1.ChatInputStatus.Processing ? ((0, jsx_runtime_1.jsxs)(box_1.default, { borderColor: consts_1.inputColors.border, borderWidth: 1, center: true, justifyContent: "flex-start", py: 0.5, w: "100%", children: [(0, jsx_runtime_1.jsx)(icon_1.default, { mx: 1, name: "fadSpinnerThird", pathFill: ['blue.40', 'blue.60'], size: "lg", variant: "spinning" }), (0, jsx_runtime_1.jsx)(box_1.default, { children: processingMessage })] })) : ((0, jsx_runtime_1.jsxs)(box_1.default, { animation: "fadeUp", border: "0", column: true, outline: "none", w: "100%", children: [(0, jsx_runtime_1.jsxs)(box_1.default, { borderColor: consts_1.inputColors.border, borderWidth: 1, center: true, focusWithinRingColor: consts_1.inputColors.focus, justifyContent: "flex-start", w: "100%", children: [(0, jsx_runtime_1.jsx)(CustomTextarea, { disabled: isDisabled, onChange: handleTextareaChange, onFocus: handleTextareaChange, onKeyDown: onKeyDown, placeholder: placeholder, value: value }), (0, jsx_runtime_1.jsx)(chatInputButton_1.default, { disabled: !(value === null || value === void 0 ? void 0 : value.length), h: "100%", onSend: () => {
|
|
93
|
+
if (value === null || value === void 0 ? void 0 : value.length)
|
|
94
|
+
onSend === null || onSend === void 0 ? void 0 : onSend(value);
|
|
95
|
+
}, onStop: onStop, status: status })] }), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { children: helpText })] }))] })));
|
|
57
96
|
});
|
|
58
97
|
exports.ChatInput.displayName = 'ChatInput';
|
|
59
98
|
exports.default = exports.ChatInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInput.js","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA0D;AAE1D,iDAAwB;AACxB,uDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"chatInput.js","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInputButton.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"chatInputButton.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,eAAe,gEAmB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
|
|
@@ -12,7 +12,7 @@ exports.ChatInputButton = (0, core_1.vui)((props, ref) => {
|
|
|
12
12
|
const styles = (0, core_1.useStyleConfig)('Chat', props);
|
|
13
13
|
const { status = 'default', onSend, onStop } = props;
|
|
14
14
|
const icon = status === chat_types_1.ChatInputStatus.Processing && onStop ? 'falStopCircle' : 'falChevronCircleRight';
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: status === chat_types_1.ChatInputStatus.Disabled || (status === chat_types_1.ChatInputStatus.Processing && !onStop), icon: icon, ml: 1, onClick: () => (status === chat_types_1.ChatInputStatus.Processing ? onStop === null || onStop === void 0 ? void 0 : onStop() : onSend === null || onSend === void 0 ? void 0 : onSend()), ref: ref, variant: "tertiaryDark" }, styles === null || styles === void 0 ? void 0 : styles.inputButton)));
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: status === chat_types_1.ChatInputStatus.Disabled || (status === chat_types_1.ChatInputStatus.Processing && !onStop), h: "100%", icon: icon, ml: 1, onClick: () => (status === chat_types_1.ChatInputStatus.Processing ? onStop === null || onStop === void 0 ? void 0 : onStop() : onSend === null || onSend === void 0 ? void 0 : onSend()), ref: ref, variant: "tertiaryDark" }, styles === null || styles === void 0 ? void 0 : styles.inputButton)));
|
|
16
16
|
});
|
|
17
17
|
exports.ChatInputButton.displayName = 'ChatInputButton';
|
|
18
18
|
exports.default = exports.ChatInputButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInputButton.js","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":";;;;AAAA,sCAAkC;AAClC,kCAA6C;AAC7C,6CAAoE;AAEpE;;GAEG;AACU,QAAA,eAAe,GAAG,IAAA,UAAG,EAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAEpD,MAAM,IAAI,GAAG,MAAM,KAAK,4BAAe,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAA;IAExG,OAAO,CACL,uBAAC,eAAM,kBACL,QAAQ,EAAE,MAAM,KAAK,4BAAe,CAAC,QAAQ,IAAI,CAAC,MAAM,KAAK,4BAAe,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,EACnG,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,CAAC,EACL,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,4BAAe,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC,EAChF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,cAAc,IAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EACvB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,kBAAe,uBAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"chatInputButton.js","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":";;;;AAAA,sCAAkC;AAClC,kCAA6C;AAC7C,6CAAoE;AAEpE;;GAEG;AACU,QAAA,eAAe,GAAG,IAAA,UAAG,EAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAEpD,MAAM,IAAI,GAAG,MAAM,KAAK,4BAAe,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAA;IAExG,OAAO,CACL,uBAAC,eAAM,kBACL,QAAQ,EAAE,MAAM,KAAK,4BAAe,CAAC,QAAQ,IAAI,CAAC,MAAM,KAAK,4BAAe,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,EACnG,CAAC,EAAC,MAAM,EACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,CAAC,EACL,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,4BAAe,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC,EAChF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,cAAc,IAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EACvB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,kBAAe,uBAAe,CAAA"}
|
|
@@ -26,7 +26,7 @@ exports.MessageBase = core_1.styled.divBox `
|
|
|
26
26
|
exports.Message = (0, core_1.vui)((props, ref) => {
|
|
27
27
|
const { avatar, children, className, text, size = 'lg', variant = 'info' } = props, rest = __rest(props, ["avatar", "children", "className", "text", "size", "variant"]);
|
|
28
28
|
const styles = (0, core_1.useStyleConfig)('Message', props);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)(exports.MessageBase, Object.assign({ className: (0, utils_1.cs)('vui-message', className), ref: ref }, styles, rest, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, { children: [avatar ? ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, Object.assign({ mr: "
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(exports.MessageBase, Object.assign({ className: (0, utils_1.cs)('vui-message', className), ref: ref }, styles, rest, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, { children: [avatar ? ((0, jsx_runtime_1.jsx)(avatar_1.Avatar, Object.assign({ mr: "16px" }, avatar))) : ((0, jsx_runtime_1.jsx)(icon_1.Icon, { mr: `${consts_1.spacingDictionary[size]}px`, name: consts_1.iconDictionary[variant], size: styles.fontSize })), (0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ size: styles.fontSize, w: "100%" }, (avatar ? consts_1.avatarStyles : undefined), { children: children !== null && children !== void 0 ? children : text }))] }) })));
|
|
30
30
|
});
|
|
31
31
|
exports.Message.displayName = 'Message';
|
|
32
32
|
exports.default = exports.Message;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAkC;AAClC,gCAA4B;AAC5B,kCAAqD;AACrD,kCAA8B;AAC9B,oCAA6B;AAC7B,qCAA0E;AAG7D,QAAA,WAAW,GAAG,aAAM,CAAC,MAAM,CAAA;;CAEvC,CAAA;AAED,sCAAsC;AACzB,QAAA,OAAO,GAAG,IAAA,UAAG,EAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArF,8DAA6E,CAAQ,CAAA;IAC3F,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/C,OAAO,CACL,uBAAC,mBAAW,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,EAAM,IAAI,cAClF,wBAAC,SAAG,eACD,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,eAAM,kBAAC,EAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAAkC;AAClC,gCAA4B;AAC5B,kCAAqD;AACrD,kCAA8B;AAC9B,oCAA6B;AAC7B,qCAA0E;AAG7D,QAAA,WAAW,GAAG,aAAM,CAAC,MAAM,CAAA;;CAEvC,CAAA;AAED,sCAAsC;AACzB,QAAA,OAAO,GAAG,IAAA,UAAG,EAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArF,8DAA6E,CAAQ,CAAA;IAC3F,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/C,OAAO,CACL,uBAAC,mBAAW,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,EAAM,IAAI,cAClF,wBAAC,SAAG,eACD,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,eAAM,kBAAC,EAAE,EAAC,MAAM,IAAK,MAAM,EAAI,CACjC,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,EAAE,EAAE,GAAG,0BAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,uBAAc,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAI,CACnG,EACD,uBAAC,SAAG,kBAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAC,MAAM,IAAK,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAY,CAAC,CAAC,CAAC,SAAS,CAAC,cACzE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,IACb,IACF,IACM,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,kBAAe,eAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,YAAY,EAAE,MAAM,SAAS,CAAA;AAGrF,OAAO,EAAmB,SAAS,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC;;GAEG;AACH,eAAO,MAAM,IAAI,EAkEX,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG;IACrC,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,KAAK,EAAE,OAAO,SAAS,CAAA;CACxB,CAAA;AAKD,eAAe,IAAI,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/chat/chat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,8 @@ export type ChatInputProps = Omit<BoxProps, 'size' | 'variant'> & {
|
|
|
23
23
|
placeholder?: string;
|
|
24
24
|
status?: ChatInputStatus;
|
|
25
25
|
helpText?: string;
|
|
26
|
+
/** @default 120 */
|
|
27
|
+
maxTextareaHeight?: number;
|
|
26
28
|
/** @default 'Generating message' */
|
|
27
29
|
processingMessage?: string;
|
|
28
30
|
onNewTopicClick?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.types.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GACxD,YAAY,CAAC,MAAM,CAAC,GAAG;IAErB,WAAW,CAAC,EAAE,eAAe,CAAA;IAE7B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAE7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEhD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA"}
|
|
1
|
+
{"version":3,"file":"chat.types.d.ts","sourceRoot":"","sources":["../../../src/chat/chat.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GACxD,YAAY,CAAC,MAAM,CAAC,GAAG;IAErB,WAAW,CAAC,EAAE,eAAe,CAAA;IAE7B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAE7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEhD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chatInput.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAmB,MAAM,cAAc,CAAA;AA0B9D;;GAEG;AACH,eAAO,MAAM,SAAS,yDAgGpB,CAAA;AAGF,eAAe,SAAS,CAAA"}
|
|
@@ -2,17 +2,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import Box from '../box';
|
|
4
4
|
import Button from '../button';
|
|
5
|
-
import { KeyboardKeys, useStyleConfig, vui } from '../core';
|
|
5
|
+
import { KeyboardKeys, styled, useStyleConfig, vui } from '../core';
|
|
6
6
|
import Icon from '../icon';
|
|
7
|
-
import
|
|
7
|
+
import { inputColors } from '../input/consts';
|
|
8
|
+
import HelpText from '../input/helpText';
|
|
8
9
|
import { cs } from '../utils';
|
|
9
10
|
import { ChatInputStatus } from './chat.types';
|
|
10
11
|
import ChatInputButton from './chatInputButton';
|
|
12
|
+
const CustomTextarea = styled.textareaBox `
|
|
13
|
+
border-radius: none;
|
|
14
|
+
border-width: 0;
|
|
15
|
+
outline: none;
|
|
16
|
+
padding: 0 8px;
|
|
17
|
+
resize: none;
|
|
18
|
+
transition-duration: 0.3s;
|
|
19
|
+
width: 100%;
|
|
20
|
+
min-height: 1.5em;
|
|
21
|
+
overflow-y: hidden;
|
|
22
|
+
|
|
23
|
+
&::placeholder {
|
|
24
|
+
padding-top: 8px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/* Disabled state styles */
|
|
28
|
+
&[aria-disabled='true'] {
|
|
29
|
+
opacity: 0.5;
|
|
30
|
+
cursor: not-allowed;
|
|
31
|
+
background-color: sandstone.79;
|
|
32
|
+
border-color: sandstone.79;
|
|
33
|
+
}
|
|
34
|
+
`;
|
|
11
35
|
/**
|
|
12
36
|
* Displays a chat interface with messages and actions.
|
|
13
37
|
*/
|
|
14
38
|
export const ChatInput = vui((props, ref) => {
|
|
15
|
-
const { helpText, placeholder = 'Type your message', status = ChatInputStatus.Default, processingMessage = 'Generating message', value: valueProp, onNewTopicClick, onSend, onStop, ...rest } = props;
|
|
39
|
+
const { helpText, placeholder = 'Type your message', status = ChatInputStatus.Default, maxTextareaHeight = 120, processingMessage = 'Generating message', value: valueProp, onNewTopicClick, onSend, onStop, ...rest } = props;
|
|
16
40
|
const [value, setValue] = useState(valueProp);
|
|
17
41
|
const styles = useStyleConfig('Chat', props);
|
|
18
42
|
useEffect(() => {
|
|
@@ -20,6 +44,8 @@ export const ChatInput = vui((props, ref) => {
|
|
|
20
44
|
setValue(valueProp);
|
|
21
45
|
}, [status]);
|
|
22
46
|
const onKeyDown = (e) => {
|
|
47
|
+
if (e.key === KeyboardKeys.Enter && !value?.length)
|
|
48
|
+
return e.preventDefault();
|
|
23
49
|
if (e.key === KeyboardKeys.Enter && e.ctrlKey) {
|
|
24
50
|
e.stopPropagation();
|
|
25
51
|
if (value?.length && status === ChatInputStatus.Default)
|
|
@@ -31,12 +57,25 @@ export const ChatInput = vui((props, ref) => {
|
|
|
31
57
|
onStop?.();
|
|
32
58
|
}
|
|
33
59
|
};
|
|
60
|
+
const handleTextareaChange = (e) => {
|
|
61
|
+
const textarea = e.target;
|
|
62
|
+
textarea.placeholder = '';
|
|
63
|
+
// Dynamically adjust the height of the textarea
|
|
64
|
+
if (textarea.scrollHeight <= maxTextareaHeight) {
|
|
65
|
+
textarea.style.height = 'auto';
|
|
66
|
+
textarea.style.maxHeight = 'auto';
|
|
67
|
+
textarea.style.height = `${textarea.scrollHeight}px`;
|
|
68
|
+
textarea.style.maxHeight = `${textarea.scrollHeight}px`;
|
|
69
|
+
textarea.style.lineHeight = '2.2';
|
|
70
|
+
}
|
|
71
|
+
if (status === ChatInputStatus.Default)
|
|
72
|
+
setValue(textarea.value);
|
|
73
|
+
};
|
|
34
74
|
const isDisabled = status === ChatInputStatus.Disabled;
|
|
35
|
-
return (_jsxs(Box, { className: cs('vui-chat-input'), justifyContent: "space-between", ref: ref, ...styles?.input, ...rest, children: [!!onNewTopicClick && _jsx(Button, { icon: "falPlus", mr: 1, onClick: () => onNewTopicClick?.() }), status === ChatInputStatus.Processing ? (_jsxs(Box, { borderColor:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}, onStop: onStop, status: status })] }));
|
|
75
|
+
return (_jsxs(Box, { className: cs('vui-chat-input'), justifyContent: "space-between", ref: ref, ...styles?.input, ...rest, children: [!!onNewTopicClick && status === ChatInputStatus.Default && (_jsx(Button, { animation: "fadeUp", icon: "falPlus", mr: 1, onClick: () => onNewTopicClick?.() })), status === ChatInputStatus.Processing ? (_jsxs(Box, { borderColor: inputColors.border, borderWidth: 1, center: true, justifyContent: "flex-start", py: 0.5, w: "100%", children: [_jsx(Icon, { mx: 1, name: "fadSpinnerThird", pathFill: ['blue.40', 'blue.60'], size: "lg", variant: "spinning" }), _jsx(Box, { children: processingMessage })] })) : (_jsxs(Box, { animation: "fadeUp", border: "0", column: true, outline: "none", w: "100%", children: [_jsxs(Box, { borderColor: inputColors.border, borderWidth: 1, center: true, focusWithinRingColor: inputColors.focus, justifyContent: "flex-start", w: "100%", children: [_jsx(CustomTextarea, { disabled: isDisabled, onChange: handleTextareaChange, onFocus: handleTextareaChange, onKeyDown: onKeyDown, placeholder: placeholder, value: value }), _jsx(ChatInputButton, { disabled: !value?.length, h: "100%", onSend: () => {
|
|
76
|
+
if (value?.length)
|
|
77
|
+
onSend?.(value);
|
|
78
|
+
}, onStop: onStop, status: status })] }), !!helpText && _jsx(HelpText, { children: helpText })] }))] }));
|
|
40
79
|
});
|
|
41
80
|
ChatInput.displayName = 'ChatInput';
|
|
42
81
|
export default ChatInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInput.js","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"chatInput.js","sourceRoot":"","sources":["../../../src/chat/chatInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInputButton.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"chatInputButton.d.ts","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,eAAO,MAAM,eAAe,gEAmB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
|
|
@@ -9,7 +9,7 @@ export const ChatInputButton = vui((props, ref) => {
|
|
|
9
9
|
const styles = useStyleConfig('Chat', props);
|
|
10
10
|
const { status = 'default', onSend, onStop } = props;
|
|
11
11
|
const icon = status === ChatInputStatus.Processing && onStop ? 'falStopCircle' : 'falChevronCircleRight';
|
|
12
|
-
return (_jsx(Button, { disabled: status === ChatInputStatus.Disabled || (status === ChatInputStatus.Processing && !onStop), icon: icon, ml: 1, onClick: () => (status === ChatInputStatus.Processing ? onStop?.() : onSend?.()), ref: ref, variant: "tertiaryDark", ...styles?.inputButton }));
|
|
12
|
+
return (_jsx(Button, { disabled: status === ChatInputStatus.Disabled || (status === ChatInputStatus.Processing && !onStop), h: "100%", icon: icon, ml: 1, onClick: () => (status === ChatInputStatus.Processing ? onStop?.() : onSend?.()), ref: ref, variant: "tertiaryDark", ...styles?.inputButton }));
|
|
13
13
|
});
|
|
14
14
|
ChatInputButton.displayName = 'ChatInputButton';
|
|
15
15
|
export default ChatInputButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatInputButton.js","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAwB,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAEpD,MAAM,IAAI,GAAG,MAAM,KAAK,eAAe,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAA;IAExG,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC,QAAQ,IAAI,CAAC,MAAM,KAAK,eAAe,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,EACnG,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,CAAC,EACL,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAChF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,cAAc,KAClB,MAAM,EAAE,WAAW,GACvB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"chatInputButton.js","sourceRoot":"","sources":["../../../src/chat/chatInputButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAwB,eAAe,EAAE,MAAM,cAAc,CAAA;AAEpE;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAEpD,MAAM,IAAI,GAAG,MAAM,KAAK,eAAe,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAA;IAExG,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC,QAAQ,IAAI,CAAC,MAAM,KAAK,eAAe,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,EACnG,CAAC,EAAC,MAAM,EACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,CAAC,EACL,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,KAAK,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAChF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,cAAc,KAClB,MAAM,EAAE,WAAW,GACvB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAC/C,eAAe,eAAe,CAAA"}
|
|
@@ -12,7 +12,7 @@ export const MessageBase = styled.divBox `
|
|
|
12
12
|
export const Message = vui((props, ref) => {
|
|
13
13
|
const { avatar, children, className, text, size = 'lg', variant = 'info', ...rest } = props;
|
|
14
14
|
const styles = useStyleConfig('Message', props);
|
|
15
|
-
return (_jsx(MessageBase, { className: cs('vui-message', className), ref: ref, ...styles, ...rest, children: _jsxs(Box, { children: [avatar ? (_jsx(Avatar, { mr: "
|
|
15
|
+
return (_jsx(MessageBase, { className: cs('vui-message', className), ref: ref, ...styles, ...rest, children: _jsxs(Box, { children: [avatar ? (_jsx(Avatar, { mr: "16px", ...avatar })) : (_jsx(Icon, { mr: `${spacingDictionary[size]}px`, name: iconDictionary[variant], size: styles.fontSize })), _jsx(Box, { size: styles.fontSize, w: "100%", ...(avatar ? avatarStyles : undefined), children: children ?? text })] }) }));
|
|
16
16
|
});
|
|
17
17
|
Message.displayName = 'Message';
|
|
18
18
|
export default Message;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;CAEvC,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC3F,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/C,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,KAAM,IAAI,YAClF,MAAC,GAAG,eACD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IAAC,EAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;CAEvC,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC3F,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/C,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,KAAM,IAAI,YAClF,MAAC,GAAG,eACD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IAAC,EAAE,EAAC,MAAM,KAAK,MAAM,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,EAAE,EAAE,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAI,CACnG,EACD,KAAC,GAAG,IAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAC,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,YACzE,QAAQ,IAAI,IAAI,GACb,IACF,GACM,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,eAAe,OAAO,CAAA"}
|