@usefragments/ui 1.3.2 → 1.4.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.
- package/README.md +3 -1
- package/dist/assets/ui.css +1261 -849
- package/dist/chart.cjs +60 -24
- package/dist/chart.js +38 -24
- package/dist/codeblock.cjs +14 -6
- package/dist/codeblock.js +14 -6
- package/dist/colorpicker.cjs +56 -9
- package/dist/colorpicker.js +34 -9
- package/dist/components/Badge/Badge.module.scss.cjs +23 -16
- package/dist/components/Badge/Badge.module.scss.js +23 -16
- package/dist/components/Badge/index.cjs +8 -1
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +8 -1
- package/dist/components/Button/Button.module.scss.cjs +16 -13
- package/dist/components/Button/Button.module.scss.js +16 -13
- package/dist/components/Button/index.d.ts +2 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Chart/index.d.ts +3 -0
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/ColorPicker/index.d.ts +4 -0
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
- package/dist/components/Combobox/Combobox.module.scss.js +23 -23
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +13 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +14 -11
- package/dist/components/ConversationList/index.cjs +26 -22
- package/dist/components/ConversationList/index.d.ts +5 -1
- package/dist/components/ConversationList/index.d.ts.map +1 -1
- package/dist/components/ConversationList/index.js +27 -23
- package/dist/components/DataTable/DataTable.module.scss.cjs +35 -35
- package/dist/components/DataTable/DataTable.module.scss.js +35 -35
- package/dist/components/DataTable/index.d.ts +4 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.d.ts +3 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Editor/index.d.ts +4 -1
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +16 -0
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +23 -20
- package/dist/components/Message/Message.module.scss.js +24 -21
- package/dist/components/Message/index.cjs +5 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +5 -1
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
- package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
- package/dist/components/Pagination/Pagination.module.scss.js +7 -7
- package/dist/components/Prompt/Prompt.module.scss.cjs +52 -22
- package/dist/components/Prompt/Prompt.module.scss.js +52 -22
- package/dist/components/Prompt/index.cjs +197 -2
- package/dist/components/Prompt/index.d.ts +98 -3
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +198 -3
- package/dist/components/Select/Select.module.scss.cjs +29 -17
- package/dist/components/Select/Select.module.scss.js +30 -18
- package/dist/components/Select/index.cjs +45 -8
- package/dist/components/Select/index.d.ts +17 -2
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +45 -8
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +45 -42
- package/dist/components/Sidebar/Sidebar.module.scss.js +45 -42
- package/dist/components/Sidebar/index.cjs +2 -0
- package/dist/components/Sidebar/index.d.ts +6 -1
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +2 -0
- package/dist/components/Text/Text.module.scss.cjs +63 -51
- package/dist/components/Text/Text.module.scss.js +63 -51
- package/dist/components/Text/index.d.ts +4 -2
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/data-table.cjs +210 -28
- package/dist/data-table.js +189 -29
- package/dist/datepicker.cjs +63 -14
- package/dist/datepicker.js +41 -14
- package/dist/editor.cjs +67 -16
- package/dist/editor.js +45 -16
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/markdown.cjs +63 -19
- package/dist/markdown.js +41 -19
- package/fragments.json +1 -1
- package/package.json +2 -2
- package/src/components/Badge/Badge.contract.json +28 -5
- package/src/components/Badge/Badge.module.scss +21 -0
- package/src/components/Badge/index.tsx +10 -1
- package/src/components/Button/Button.contract.json +9 -3
- package/src/components/Button/Button.module.scss +34 -0
- package/src/components/Button/index.tsx +11 -1
- package/src/components/Chart/Chart.contract.json +7 -0
- package/src/components/Chart/index.tsx +44 -27
- package/src/components/CodeBlock/CodeBlock.contract.json +7 -0
- package/src/components/CodeBlock/CodeBlock.module.scss +7 -2
- package/src/components/CodeBlock/index.tsx +38 -6
- package/src/components/ColorPicker/ColorPicker.contract.json +9 -1
- package/src/components/ColorPicker/index.tsx +42 -12
- package/src/components/Combobox/Combobox.module.scss +4 -13
- package/src/components/ConversationList/ConversationList.contract.json +16 -1
- package/src/components/ConversationList/ConversationList.module.scss +12 -0
- package/src/components/ConversationList/index.tsx +40 -26
- package/src/components/DataTable/DataTable.contract.json +8 -1
- package/src/components/DataTable/DataTable.module.scss +5 -0
- package/src/components/DataTable/index.tsx +282 -51
- package/src/components/DatePicker/DatePicker.contract.json +8 -1
- package/src/components/DatePicker/index.tsx +51 -22
- package/src/components/Editor/Editor.contract.json +19 -1
- package/src/components/Editor/index.tsx +67 -23
- package/src/components/Listbox/Listbox.module.scss +3 -11
- package/src/components/Markdown/Markdown.contract.json +15 -1
- package/src/components/Markdown/Markdown.module.scss +18 -1
- package/src/components/Markdown/index.tsx +58 -24
- package/src/components/Menu/Menu.module.scss +12 -2
- package/src/components/Message/Message.contract.json +3 -0
- package/src/components/Message/Message.module.scss +33 -4
- package/src/components/Message/index.tsx +7 -1
- package/src/components/Pagination/Pagination.contract.json +1 -0
- package/src/components/Pagination/Pagination.module.scss +5 -4
- package/src/components/Prompt/Prompt.contract.json +40 -1
- package/src/components/Prompt/Prompt.module.scss +351 -4
- package/src/components/Prompt/index.tsx +324 -0
- package/src/components/Select/Select.contract.json +11 -1
- package/src/components/Select/Select.module.scss +80 -13
- package/src/components/Select/index.tsx +73 -7
- package/src/components/Sidebar/Sidebar.contract.json +1 -0
- package/src/components/Sidebar/Sidebar.module.scss +10 -0
- package/src/components/Sidebar/index.tsx +7 -0
- package/src/components/Text/Text.contract.json +7 -4
- package/src/components/Text/Text.module.scss +18 -0
- package/src/components/Text/index.tsx +4 -2
- package/src/index.ts +1 -0
- package/src/tokens/_mixins.scss +39 -4
- package/src/tokens/_variables.scss +30 -0
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
const positioner = "
|
|
2
|
-
const popup = "
|
|
3
|
-
const viewport = "
|
|
4
|
-
const item = "
|
|
5
|
-
const itemDanger = "
|
|
6
|
-
const itemIcon = "
|
|
7
|
-
const itemLabel = "
|
|
8
|
-
const itemShortcut = "
|
|
9
|
-
const checkIndicator = "
|
|
10
|
-
const radioIndicator = "
|
|
11
|
-
const radioItem = "
|
|
12
|
-
const separator = "
|
|
13
|
-
const groupLabel = "
|
|
14
|
-
const submenuTrigger = "
|
|
1
|
+
const positioner = "_positioner_v24st_1";
|
|
2
|
+
const popup = "_popup_v24st_7";
|
|
3
|
+
const viewport = "_viewport_v24st_32";
|
|
4
|
+
const item = "_item_v24st_37";
|
|
5
|
+
const itemDanger = "_itemDanger_v24st_78";
|
|
6
|
+
const itemIcon = "_itemIcon_v24st_86";
|
|
7
|
+
const itemLabel = "_itemLabel_v24st_102";
|
|
8
|
+
const itemShortcut = "_itemShortcut_v24st_106";
|
|
9
|
+
const checkIndicator = "_checkIndicator_v24st_112";
|
|
10
|
+
const radioIndicator = "_radioIndicator_v24st_126";
|
|
11
|
+
const radioItem = "_radioItem_v24st_139";
|
|
12
|
+
const separator = "_separator_v24st_144";
|
|
13
|
+
const groupLabel = "_groupLabel_v24st_150";
|
|
14
|
+
const submenuTrigger = "_submenuTrigger_v24st_183";
|
|
15
15
|
const styles = {
|
|
16
16
|
positioner,
|
|
17
17
|
popup,
|
|
@@ -1,30 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const message = "
|
|
4
|
-
const actions = "
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const content = "
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
3
|
+
const message = "_message_1x3cg_1";
|
|
4
|
+
const actions = "_actions_1x3cg_8";
|
|
5
|
+
const withoutAvatar = "_withoutAvatar_1x3cg_15";
|
|
6
|
+
const assistant = "_assistant_1x3cg_18";
|
|
7
|
+
const content = "_content_1x3cg_18";
|
|
8
|
+
const user = "_user_1x3cg_21";
|
|
9
|
+
const body = "_body_1x3cg_29";
|
|
10
|
+
const system = "_system_1x3cg_43";
|
|
11
|
+
const avatar = "_avatar_1x3cg_53";
|
|
12
|
+
const error = "_error_1x3cg_57";
|
|
13
|
+
const sending = "_sending_1x3cg_63";
|
|
14
|
+
const avatarUser = "_avatarUser_1x3cg_83";
|
|
15
|
+
const avatarAssistant = "_avatarAssistant_1x3cg_88";
|
|
16
|
+
const avatarSystem = "_avatarSystem_1x3cg_93";
|
|
17
|
+
const avatarImage = "_avatarImage_1x3cg_98";
|
|
18
|
+
const avatarImg = "_avatarImg_1x3cg_103";
|
|
19
|
+
const streaming = "_streaming_1x3cg_160";
|
|
20
|
+
const blink = "_blink_1x3cg_1";
|
|
21
|
+
const timestamp = "_timestamp_1x3cg_186";
|
|
21
22
|
const styles = {
|
|
22
23
|
message,
|
|
23
24
|
actions,
|
|
25
|
+
withoutAvatar,
|
|
26
|
+
assistant,
|
|
27
|
+
content,
|
|
24
28
|
user,
|
|
25
29
|
body,
|
|
26
|
-
content,
|
|
27
|
-
assistant,
|
|
28
30
|
system,
|
|
29
31
|
avatar,
|
|
30
32
|
error,
|
|
@@ -57,3 +59,4 @@ exports.streaming = streaming;
|
|
|
57
59
|
exports.system = system;
|
|
58
60
|
exports.timestamp = timestamp;
|
|
59
61
|
exports.user = user;
|
|
62
|
+
exports.withoutAvatar = withoutAvatar;
|
|
@@ -1,28 +1,30 @@
|
|
|
1
|
-
const message = "
|
|
2
|
-
const actions = "
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const content = "
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
1
|
+
const message = "_message_1x3cg_1";
|
|
2
|
+
const actions = "_actions_1x3cg_8";
|
|
3
|
+
const withoutAvatar = "_withoutAvatar_1x3cg_15";
|
|
4
|
+
const assistant = "_assistant_1x3cg_18";
|
|
5
|
+
const content = "_content_1x3cg_18";
|
|
6
|
+
const user = "_user_1x3cg_21";
|
|
7
|
+
const body = "_body_1x3cg_29";
|
|
8
|
+
const system = "_system_1x3cg_43";
|
|
9
|
+
const avatar = "_avatar_1x3cg_53";
|
|
10
|
+
const error = "_error_1x3cg_57";
|
|
11
|
+
const sending = "_sending_1x3cg_63";
|
|
12
|
+
const avatarUser = "_avatarUser_1x3cg_83";
|
|
13
|
+
const avatarAssistant = "_avatarAssistant_1x3cg_88";
|
|
14
|
+
const avatarSystem = "_avatarSystem_1x3cg_93";
|
|
15
|
+
const avatarImage = "_avatarImage_1x3cg_98";
|
|
16
|
+
const avatarImg = "_avatarImg_1x3cg_103";
|
|
17
|
+
const streaming = "_streaming_1x3cg_160";
|
|
18
|
+
const blink = "_blink_1x3cg_1";
|
|
19
|
+
const timestamp = "_timestamp_1x3cg_186";
|
|
19
20
|
const styles = {
|
|
20
21
|
message,
|
|
21
22
|
actions,
|
|
23
|
+
withoutAvatar,
|
|
24
|
+
assistant,
|
|
25
|
+
content,
|
|
22
26
|
user,
|
|
23
27
|
body,
|
|
24
|
-
content,
|
|
25
|
-
assistant,
|
|
26
28
|
system,
|
|
27
29
|
avatar,
|
|
28
30
|
error,
|
|
@@ -55,5 +57,6 @@ export {
|
|
|
55
57
|
streaming,
|
|
56
58
|
system,
|
|
57
59
|
timestamp,
|
|
58
|
-
user
|
|
60
|
+
user,
|
|
61
|
+
withoutAvatar
|
|
59
62
|
};
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
4
4
|
const jsxRuntime = require("react/jsx-runtime");
|
|
5
5
|
const React = require("react");
|
|
6
6
|
const Message_module = require("./Message.module.scss.cjs");
|
|
7
|
+
const index = require("../ConversationList/index.cjs");
|
|
7
8
|
const markdown = require("../../markdown.cjs");
|
|
8
9
|
function _interopNamespaceDefault(e) {
|
|
9
10
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -136,6 +137,8 @@ function MessageRoot({
|
|
|
136
137
|
className,
|
|
137
138
|
...htmlProps
|
|
138
139
|
}) {
|
|
140
|
+
const conversationList = index.useOptionalConversationList();
|
|
141
|
+
const showAvatar = (conversationList == null ? void 0 : conversationList.showAvatars) !== false && avatar !== null && avatar !== false;
|
|
139
142
|
const contextValue = {
|
|
140
143
|
role,
|
|
141
144
|
status,
|
|
@@ -146,6 +149,7 @@ function MessageRoot({
|
|
|
146
149
|
Message_module.default[role],
|
|
147
150
|
status === "error" && Message_module.default.error,
|
|
148
151
|
status === "sending" && Message_module.default.sending,
|
|
152
|
+
!showAvatar && Message_module.default.withoutAvatar,
|
|
149
153
|
className
|
|
150
154
|
].filter(Boolean).join(" ");
|
|
151
155
|
return /* @__PURE__ */ jsxRuntime.jsx(MessageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -156,7 +160,7 @@ function MessageRoot({
|
|
|
156
160
|
"data-role": role,
|
|
157
161
|
"data-status": status,
|
|
158
162
|
children: [
|
|
159
|
-
avatar !== void 0 ? avatar : /* @__PURE__ */ jsxRuntime.jsx(MessageAvatar, {}),
|
|
163
|
+
showAvatar && (avatar !== void 0 ? avatar : /* @__PURE__ */ jsxRuntime.jsx(MessageAvatar, {})),
|
|
160
164
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Message_module.default.body, children: [
|
|
161
165
|
children,
|
|
162
166
|
actions && /* @__PURE__ */ jsxRuntime.jsx(MessageActions, { children: actions })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,IAAI,EAAE,WAAW,CAAC;IAClB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAClF,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAID,iBAAS,iBAAiB,wBAMzB;AA6ED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAkB3F;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAQjF;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,kDAevB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAyBzF;AAMD,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,MAAmB,EACnB,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CAoCd;AAMD,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC;AAEH,OAAO,EACL,WAAW,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GACd,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import styles from "./Message.module.scss.js";
|
|
5
|
+
import { useOptionalConversationList } from "../ConversationList/index.js";
|
|
5
6
|
import { Markdown } from "../../markdown.js";
|
|
6
7
|
const MessageContext = React.createContext(null);
|
|
7
8
|
function useMessageContext() {
|
|
@@ -117,6 +118,8 @@ function MessageRoot({
|
|
|
117
118
|
className,
|
|
118
119
|
...htmlProps
|
|
119
120
|
}) {
|
|
121
|
+
const conversationList = useOptionalConversationList();
|
|
122
|
+
const showAvatar = (conversationList == null ? void 0 : conversationList.showAvatars) !== false && avatar !== null && avatar !== false;
|
|
120
123
|
const contextValue = {
|
|
121
124
|
role,
|
|
122
125
|
status,
|
|
@@ -127,6 +130,7 @@ function MessageRoot({
|
|
|
127
130
|
styles[role],
|
|
128
131
|
status === "error" && styles.error,
|
|
129
132
|
status === "sending" && styles.sending,
|
|
133
|
+
!showAvatar && styles.withoutAvatar,
|
|
130
134
|
className
|
|
131
135
|
].filter(Boolean).join(" ");
|
|
132
136
|
return /* @__PURE__ */ jsx(MessageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
|
|
@@ -137,7 +141,7 @@ function MessageRoot({
|
|
|
137
141
|
"data-role": role,
|
|
138
142
|
"data-status": status,
|
|
139
143
|
children: [
|
|
140
|
-
avatar !== void 0 ? avatar : /* @__PURE__ */ jsx(MessageAvatar, {}),
|
|
144
|
+
showAvatar && (avatar !== void 0 ? avatar : /* @__PURE__ */ jsx(MessageAvatar, {})),
|
|
141
145
|
/* @__PURE__ */ jsxs("div", { className: styles.body, children: [
|
|
142
146
|
children,
|
|
143
147
|
actions && /* @__PURE__ */ jsx(MessageActions, { children: actions })
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const rootVertical = "
|
|
5
|
-
const list = "
|
|
6
|
-
const listVertical = "
|
|
7
|
-
const trigger = "
|
|
8
|
-
const triggerChevron = "
|
|
9
|
-
const content = "
|
|
10
|
-
const link = "
|
|
11
|
-
const linkActive = "
|
|
12
|
-
const linkStructured = "
|
|
13
|
-
const linkIcon = "
|
|
14
|
-
const linkBody = "
|
|
15
|
-
const linkTitle = "
|
|
16
|
-
const linkDescription = "
|
|
17
|
-
const linkFeatured = "
|
|
18
|
-
const indicator = "
|
|
19
|
-
const viewport = "
|
|
20
|
-
const hamburger = "
|
|
21
|
-
const drawerBackdrop = "
|
|
22
|
-
const drawer = "
|
|
23
|
-
const drawerHeader = "
|
|
24
|
-
const drawerClose = "
|
|
25
|
-
const drawerBody = "
|
|
26
|
-
const drawerNav = "
|
|
27
|
-
const drawerLink = "
|
|
28
|
-
const drawerSectionLabel = "
|
|
29
|
-
const drawerCollapsibleTrigger = "
|
|
30
|
-
const drawerCollapsibleContent = "
|
|
3
|
+
const root = "_root_4ah1e_1";
|
|
4
|
+
const rootVertical = "_rootVertical_4ah1e_9";
|
|
5
|
+
const list = "_list_4ah1e_14";
|
|
6
|
+
const listVertical = "_listVertical_4ah1e_28";
|
|
7
|
+
const trigger = "_trigger_4ah1e_33";
|
|
8
|
+
const triggerChevron = "_triggerChevron_4ah1e_85";
|
|
9
|
+
const content = "_content_4ah1e_93";
|
|
10
|
+
const link = "_link_4ah1e_156";
|
|
11
|
+
const linkActive = "_linkActive_4ah1e_198";
|
|
12
|
+
const linkStructured = "_linkStructured_4ah1e_204";
|
|
13
|
+
const linkIcon = "_linkIcon_4ah1e_217";
|
|
14
|
+
const linkBody = "_linkBody_4ah1e_228";
|
|
15
|
+
const linkTitle = "_linkTitle_4ah1e_235";
|
|
16
|
+
const linkDescription = "_linkDescription_4ah1e_242";
|
|
17
|
+
const linkFeatured = "_linkFeatured_4ah1e_248";
|
|
18
|
+
const indicator = "_indicator_4ah1e_258";
|
|
19
|
+
const viewport = "_viewport_4ah1e_268";
|
|
20
|
+
const hamburger = "_hamburger_4ah1e_300";
|
|
21
|
+
const drawerBackdrop = "_drawerBackdrop_4ah1e_347";
|
|
22
|
+
const drawer = "_drawer_4ah1e_347";
|
|
23
|
+
const drawerHeader = "_drawerHeader_4ah1e_381";
|
|
24
|
+
const drawerClose = "_drawerClose_4ah1e_390";
|
|
25
|
+
const drawerBody = "_drawerBody_4ah1e_428";
|
|
26
|
+
const drawerNav = "_drawerNav_4ah1e_434";
|
|
27
|
+
const drawerLink = "_drawerLink_4ah1e_439";
|
|
28
|
+
const drawerSectionLabel = "_drawerSectionLabel_4ah1e_473";
|
|
29
|
+
const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_4ah1e_484";
|
|
30
|
+
const drawerCollapsibleContent = "_drawerCollapsibleContent_4ah1e_527";
|
|
31
31
|
const styles = {
|
|
32
32
|
root,
|
|
33
33
|
rootVertical,
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const rootVertical = "
|
|
3
|
-
const list = "
|
|
4
|
-
const listVertical = "
|
|
5
|
-
const trigger = "
|
|
6
|
-
const triggerChevron = "
|
|
7
|
-
const content = "
|
|
8
|
-
const link = "
|
|
9
|
-
const linkActive = "
|
|
10
|
-
const linkStructured = "
|
|
11
|
-
const linkIcon = "
|
|
12
|
-
const linkBody = "
|
|
13
|
-
const linkTitle = "
|
|
14
|
-
const linkDescription = "
|
|
15
|
-
const linkFeatured = "
|
|
16
|
-
const indicator = "
|
|
17
|
-
const viewport = "
|
|
18
|
-
const hamburger = "
|
|
19
|
-
const drawerBackdrop = "
|
|
20
|
-
const drawer = "
|
|
21
|
-
const drawerHeader = "
|
|
22
|
-
const drawerClose = "
|
|
23
|
-
const drawerBody = "
|
|
24
|
-
const drawerNav = "
|
|
25
|
-
const drawerLink = "
|
|
26
|
-
const drawerSectionLabel = "
|
|
27
|
-
const drawerCollapsibleTrigger = "
|
|
28
|
-
const drawerCollapsibleContent = "
|
|
1
|
+
const root = "_root_4ah1e_1";
|
|
2
|
+
const rootVertical = "_rootVertical_4ah1e_9";
|
|
3
|
+
const list = "_list_4ah1e_14";
|
|
4
|
+
const listVertical = "_listVertical_4ah1e_28";
|
|
5
|
+
const trigger = "_trigger_4ah1e_33";
|
|
6
|
+
const triggerChevron = "_triggerChevron_4ah1e_85";
|
|
7
|
+
const content = "_content_4ah1e_93";
|
|
8
|
+
const link = "_link_4ah1e_156";
|
|
9
|
+
const linkActive = "_linkActive_4ah1e_198";
|
|
10
|
+
const linkStructured = "_linkStructured_4ah1e_204";
|
|
11
|
+
const linkIcon = "_linkIcon_4ah1e_217";
|
|
12
|
+
const linkBody = "_linkBody_4ah1e_228";
|
|
13
|
+
const linkTitle = "_linkTitle_4ah1e_235";
|
|
14
|
+
const linkDescription = "_linkDescription_4ah1e_242";
|
|
15
|
+
const linkFeatured = "_linkFeatured_4ah1e_248";
|
|
16
|
+
const indicator = "_indicator_4ah1e_258";
|
|
17
|
+
const viewport = "_viewport_4ah1e_268";
|
|
18
|
+
const hamburger = "_hamburger_4ah1e_300";
|
|
19
|
+
const drawerBackdrop = "_drawerBackdrop_4ah1e_347";
|
|
20
|
+
const drawer = "_drawer_4ah1e_347";
|
|
21
|
+
const drawerHeader = "_drawerHeader_4ah1e_381";
|
|
22
|
+
const drawerClose = "_drawerClose_4ah1e_390";
|
|
23
|
+
const drawerBody = "_drawerBody_4ah1e_428";
|
|
24
|
+
const drawerNav = "_drawerNav_4ah1e_434";
|
|
25
|
+
const drawerLink = "_drawerLink_4ah1e_439";
|
|
26
|
+
const drawerSectionLabel = "_drawerSectionLabel_4ah1e_473";
|
|
27
|
+
const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_4ah1e_484";
|
|
28
|
+
const drawerCollapsibleContent = "_drawerCollapsibleContent_4ah1e_527";
|
|
29
29
|
const styles = {
|
|
30
30
|
root,
|
|
31
31
|
rootVertical,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const pagination = "
|
|
4
|
-
const list = "
|
|
5
|
-
const item = "
|
|
6
|
-
const itemActive = "
|
|
7
|
-
const itemDisabled = "
|
|
8
|
-
const navButton = "
|
|
9
|
-
const ellipsis = "
|
|
3
|
+
const pagination = "_pagination_lk556_1";
|
|
4
|
+
const list = "_list_lk556_7";
|
|
5
|
+
const item = "_item_lk556_16";
|
|
6
|
+
const itemActive = "_itemActive_lk556_57";
|
|
7
|
+
const itemDisabled = "_itemDisabled_lk556_66";
|
|
8
|
+
const navButton = "_navButton_lk556_72";
|
|
9
|
+
const ellipsis = "_ellipsis_lk556_77";
|
|
10
10
|
const styles = {
|
|
11
11
|
pagination,
|
|
12
12
|
list,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
const pagination = "
|
|
2
|
-
const list = "
|
|
3
|
-
const item = "
|
|
4
|
-
const itemActive = "
|
|
5
|
-
const itemDisabled = "
|
|
6
|
-
const navButton = "
|
|
7
|
-
const ellipsis = "
|
|
1
|
+
const pagination = "_pagination_lk556_1";
|
|
2
|
+
const list = "_list_lk556_7";
|
|
3
|
+
const item = "_item_lk556_16";
|
|
4
|
+
const itemActive = "_itemActive_lk556_57";
|
|
5
|
+
const itemDisabled = "_itemDisabled_lk556_66";
|
|
6
|
+
const navButton = "_navButton_lk556_72";
|
|
7
|
+
const ellipsis = "_ellipsis_lk556_77";
|
|
8
8
|
const styles = {
|
|
9
9
|
pagination,
|
|
10
10
|
list,
|
|
@@ -1,51 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const prompt = "
|
|
4
|
-
const fixed = "
|
|
5
|
-
const sticky = "
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
3
|
+
const prompt = "_prompt_1wo4v_1";
|
|
4
|
+
const fixed = "_fixed_1wo4v_60";
|
|
5
|
+
const sticky = "_sticky_1wo4v_71";
|
|
6
|
+
const seamless = "_seamless_1wo4v_86";
|
|
7
|
+
const toolbar = "_toolbar_1wo4v_102";
|
|
8
|
+
const textarea = "_textarea_1wo4v_107";
|
|
9
|
+
const attachments = "_attachments_1wo4v_110";
|
|
10
|
+
const tabs = "_tabs_1wo4v_115";
|
|
11
|
+
const tabsInner = "_tabsInner_1wo4v_123";
|
|
12
|
+
const attach = "_attach_1wo4v_110";
|
|
13
|
+
const select = "_select_1wo4v_141";
|
|
14
|
+
const modeButton = "_modeButton_1wo4v_142";
|
|
15
|
+
const submit = "_submit_1wo4v_173";
|
|
16
|
+
const actionButton = "_actionButton_1wo4v_174";
|
|
17
|
+
const tabButton = "_tabButton_1wo4v_246";
|
|
18
|
+
const tabButtonActive = "_tabButtonActive_1wo4v_275";
|
|
19
|
+
const actions = "_actions_1wo4v_290";
|
|
20
|
+
const info = "_info_1wo4v_297";
|
|
21
|
+
const modeButtonActive = "_modeButtonActive_1wo4v_393";
|
|
22
|
+
const attachment = "_attachment_1wo4v_110";
|
|
23
|
+
const attachmentThumb = "_attachmentThumb_1wo4v_473";
|
|
24
|
+
const attachmentName = "_attachmentName_1wo4v_481";
|
|
25
|
+
const attachmentSize = "_attachmentSize_1wo4v_489";
|
|
26
|
+
const attachmentRemove = "_attachmentRemove_1wo4v_495";
|
|
27
|
+
const dragging = "_dragging_1wo4v_539";
|
|
28
|
+
const usage = "_usage_1wo4v_547";
|
|
29
|
+
const submitLoading = "_submitLoading_1wo4v_603";
|
|
30
|
+
const submitSpinner = "_submitSpinner_1wo4v_607";
|
|
21
31
|
const styles = {
|
|
22
32
|
prompt,
|
|
23
33
|
fixed,
|
|
24
34
|
sticky,
|
|
35
|
+
seamless,
|
|
36
|
+
toolbar,
|
|
25
37
|
textarea,
|
|
38
|
+
attachments,
|
|
26
39
|
tabs,
|
|
27
40
|
tabsInner,
|
|
41
|
+
attach,
|
|
42
|
+
select,
|
|
43
|
+
modeButton,
|
|
44
|
+
submit,
|
|
45
|
+
actionButton,
|
|
28
46
|
tabButton,
|
|
29
47
|
tabButtonActive,
|
|
30
|
-
toolbar,
|
|
31
48
|
actions,
|
|
32
49
|
info,
|
|
33
|
-
actionButton,
|
|
34
|
-
modeButton,
|
|
35
50
|
modeButtonActive,
|
|
51
|
+
attachment,
|
|
52
|
+
attachmentThumb,
|
|
53
|
+
attachmentName,
|
|
54
|
+
attachmentSize,
|
|
55
|
+
attachmentRemove,
|
|
56
|
+
dragging,
|
|
36
57
|
usage,
|
|
37
|
-
submit,
|
|
38
58
|
submitLoading,
|
|
39
59
|
submitSpinner
|
|
40
60
|
};
|
|
41
61
|
exports.actionButton = actionButton;
|
|
42
62
|
exports.actions = actions;
|
|
63
|
+
exports.attach = attach;
|
|
64
|
+
exports.attachment = attachment;
|
|
65
|
+
exports.attachmentName = attachmentName;
|
|
66
|
+
exports.attachmentRemove = attachmentRemove;
|
|
67
|
+
exports.attachmentSize = attachmentSize;
|
|
68
|
+
exports.attachmentThumb = attachmentThumb;
|
|
69
|
+
exports.attachments = attachments;
|
|
43
70
|
exports.default = styles;
|
|
71
|
+
exports.dragging = dragging;
|
|
44
72
|
exports.fixed = fixed;
|
|
45
73
|
exports.info = info;
|
|
46
74
|
exports.modeButton = modeButton;
|
|
47
75
|
exports.modeButtonActive = modeButtonActive;
|
|
48
76
|
exports.prompt = prompt;
|
|
77
|
+
exports.seamless = seamless;
|
|
78
|
+
exports.select = select;
|
|
49
79
|
exports.sticky = sticky;
|
|
50
80
|
exports.submit = submit;
|
|
51
81
|
exports.submitLoading = submitLoading;
|
|
@@ -1,50 +1,80 @@
|
|
|
1
|
-
const prompt = "
|
|
2
|
-
const fixed = "
|
|
3
|
-
const sticky = "
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
1
|
+
const prompt = "_prompt_1wo4v_1";
|
|
2
|
+
const fixed = "_fixed_1wo4v_60";
|
|
3
|
+
const sticky = "_sticky_1wo4v_71";
|
|
4
|
+
const seamless = "_seamless_1wo4v_86";
|
|
5
|
+
const toolbar = "_toolbar_1wo4v_102";
|
|
6
|
+
const textarea = "_textarea_1wo4v_107";
|
|
7
|
+
const attachments = "_attachments_1wo4v_110";
|
|
8
|
+
const tabs = "_tabs_1wo4v_115";
|
|
9
|
+
const tabsInner = "_tabsInner_1wo4v_123";
|
|
10
|
+
const attach = "_attach_1wo4v_110";
|
|
11
|
+
const select = "_select_1wo4v_141";
|
|
12
|
+
const modeButton = "_modeButton_1wo4v_142";
|
|
13
|
+
const submit = "_submit_1wo4v_173";
|
|
14
|
+
const actionButton = "_actionButton_1wo4v_174";
|
|
15
|
+
const tabButton = "_tabButton_1wo4v_246";
|
|
16
|
+
const tabButtonActive = "_tabButtonActive_1wo4v_275";
|
|
17
|
+
const actions = "_actions_1wo4v_290";
|
|
18
|
+
const info = "_info_1wo4v_297";
|
|
19
|
+
const modeButtonActive = "_modeButtonActive_1wo4v_393";
|
|
20
|
+
const attachment = "_attachment_1wo4v_110";
|
|
21
|
+
const attachmentThumb = "_attachmentThumb_1wo4v_473";
|
|
22
|
+
const attachmentName = "_attachmentName_1wo4v_481";
|
|
23
|
+
const attachmentSize = "_attachmentSize_1wo4v_489";
|
|
24
|
+
const attachmentRemove = "_attachmentRemove_1wo4v_495";
|
|
25
|
+
const dragging = "_dragging_1wo4v_539";
|
|
26
|
+
const usage = "_usage_1wo4v_547";
|
|
27
|
+
const submitLoading = "_submitLoading_1wo4v_603";
|
|
28
|
+
const submitSpinner = "_submitSpinner_1wo4v_607";
|
|
19
29
|
const styles = {
|
|
20
30
|
prompt,
|
|
21
31
|
fixed,
|
|
22
32
|
sticky,
|
|
33
|
+
seamless,
|
|
34
|
+
toolbar,
|
|
23
35
|
textarea,
|
|
36
|
+
attachments,
|
|
24
37
|
tabs,
|
|
25
38
|
tabsInner,
|
|
39
|
+
attach,
|
|
40
|
+
select,
|
|
41
|
+
modeButton,
|
|
42
|
+
submit,
|
|
43
|
+
actionButton,
|
|
26
44
|
tabButton,
|
|
27
45
|
tabButtonActive,
|
|
28
|
-
toolbar,
|
|
29
46
|
actions,
|
|
30
47
|
info,
|
|
31
|
-
actionButton,
|
|
32
|
-
modeButton,
|
|
33
48
|
modeButtonActive,
|
|
49
|
+
attachment,
|
|
50
|
+
attachmentThumb,
|
|
51
|
+
attachmentName,
|
|
52
|
+
attachmentSize,
|
|
53
|
+
attachmentRemove,
|
|
54
|
+
dragging,
|
|
34
55
|
usage,
|
|
35
|
-
submit,
|
|
36
56
|
submitLoading,
|
|
37
57
|
submitSpinner
|
|
38
58
|
};
|
|
39
59
|
export {
|
|
40
60
|
actionButton,
|
|
41
61
|
actions,
|
|
62
|
+
attach,
|
|
63
|
+
attachment,
|
|
64
|
+
attachmentName,
|
|
65
|
+
attachmentRemove,
|
|
66
|
+
attachmentSize,
|
|
67
|
+
attachmentThumb,
|
|
68
|
+
attachments,
|
|
42
69
|
styles as default,
|
|
70
|
+
dragging,
|
|
43
71
|
fixed,
|
|
44
72
|
info,
|
|
45
73
|
modeButton,
|
|
46
74
|
modeButtonActive,
|
|
47
75
|
prompt,
|
|
76
|
+
seamless,
|
|
77
|
+
select,
|
|
48
78
|
sticky,
|
|
49
79
|
submit,
|
|
50
80
|
submitLoading,
|