@cometchat/chat-uikit-react 5.0.8 → 5.0.10
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/index.d.ts +222 -177
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/CometChatActionSheet.css +0 -5
- package/dist/styles/CometChatChangeScope.css +0 -5
- package/dist/styles/CometChatEmojiKeyboard.css +0 -7
- package/dist/styles/CometChatGroupMembers.css +6 -3
- package/dist/styles/CometChatList.css +2 -2
- package/dist/styles/CometChatMessageComposer.css +33 -0
- package/dist/styles/CometChatMessageHeader.css +16 -18
- package/dist/styles/CometChatMessageInformation.css +7 -8
- package/dist/styles/CometChatMessageList.css +14 -0
- package/dist/styles/CometChatReactionList.css +0 -7
- package/dist/styles/CometChatThreadedMessagePreview.css +5 -0
- package/dist/styles/MessageTranslationBubble.css +2 -4
- package/dist/styles/StickersKeyboard.css +0 -23
- package/dist/styles/components/CometChatActionSheet.css +0 -5
- package/dist/styles/components/CometChatChangeScope.css +0 -5
- package/dist/styles/components/CometChatEmojiKeyboard.css +0 -7
- package/dist/styles/components/CometChatGroupMembers.css +6 -3
- package/dist/styles/components/CometChatList.css +2 -2
- package/dist/styles/components/CometChatMessageComposer.css +33 -0
- package/dist/styles/components/CometChatMessageHeader.css +16 -18
- package/dist/styles/components/CometChatMessageInformation.css +7 -8
- package/dist/styles/components/CometChatMessageList.css +14 -0
- package/dist/styles/components/CometChatReactionList.css +0 -7
- package/dist/styles/components/CometChatThreadedMessagePreview.css +5 -0
- package/dist/styles/components/MessageTranslationBubble.css +2 -4
- package/dist/styles/components/StickersKeyboard.css +0 -23
- package/dist/types/CometChatUIKit/CometChatUIKitUtility.d.ts +0 -1
- package/dist/types/Enums/Enums.d.ts +2 -1
- package/dist/types/components/BaseComponents/CometChatAudioBubble/src/webaudio.d.ts +2 -2
- package/dist/types/components/BaseComponents/CometChatEmojiKeyboard/useCometChatEmojiKeyboard.d.ts +0 -1
- package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts +5 -0
- package/dist/types/components/BaseComponents/CometChatListItem/useCometChatListItem.d.ts +1 -1
- package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts +1 -1
- package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts +6 -1
- package/dist/types/components/Calling/CometChatIncomingCall/CometChatIncomingCall.d.ts +1 -1
- package/dist/types/components/Calling/CometChatOutgoingCall/CometChatOutgoingCall.d.ts +1 -1
- package/dist/types/components/Calling/OutgoingCallConfiguration.d.ts +1 -1
- package/dist/types/components/CometChatConversations/CometChatConversations.d.ts +5 -0
- package/dist/types/components/CometChatConversations/controller.d.ts +0 -1
- package/dist/types/components/CometChatGroupMembers/CometChatGroupMembers.d.ts +5 -0
- package/dist/types/components/CometChatGroups/CometChatGroups.d.ts +5 -0
- package/dist/types/components/CometChatMessageComposer/CometChatMessageComposer.d.ts +5 -0
- package/dist/types/components/CometChatMessageHeader/CometChatMessageHeader.d.ts +6 -0
- package/dist/types/components/CometChatMessageInformation/CometChatMessageInformation.d.ts +5 -0
- package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts +6 -1
- package/dist/types/components/CometChatThreadedMessagePreview/CometChatThreadedMessagePreview.d.ts +6 -1
- package/dist/types/components/CometChatUserMemberWrapper/CometChatUserMemberWrapper.d.ts +49 -1
- package/dist/types/components/CometChatUsers/CometChatUsers.d.ts +6 -0
- package/dist/types/components/CometChatUsers/controller.d.ts +0 -1
- package/dist/types/components/Extensions/Stickers/StickersExtensionDecorator.d.ts +0 -1
- package/dist/types/components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtensionDecorator.d.ts +2 -3
- package/dist/types/modals/CometChatActionsView.d.ts +1 -1
- package/dist/types/modals/CometChatMessageTemplate.d.ts +1 -1
- package/dist/types/resources/CometChatLocalize/cometchat-localize.d.ts +16 -76
- package/dist/types/utils/DataSource.d.ts +1 -1
- package/dist/types/utils/DataSourceDecorator.d.ts +1 -1
- package/dist/types/utils/MessagesDataSource.d.ts +1 -2
- package/package.json +1 -1
|
@@ -109,13 +109,6 @@
|
|
|
109
109
|
border-radius: var(--cometchat-radius-2, 8px);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
.cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
113
|
-
.cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
114
|
-
.cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
115
|
-
.cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
116
|
-
display: none;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
112
|
.cometchat-emoji-keyboard__list {
|
|
120
113
|
width: 100%;
|
|
121
114
|
height: 100%;
|
|
@@ -23,13 +23,12 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
|
|
27
|
-
background: transparent;
|
|
26
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar { background: transparent;
|
|
28
27
|
height: 0px;
|
|
29
28
|
width: 0px;
|
|
30
29
|
}
|
|
31
30
|
|
|
32
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
31
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
33
32
|
background: transparent;
|
|
34
33
|
border-radius: 8px;
|
|
35
34
|
}
|
|
@@ -224,4 +223,8 @@
|
|
|
224
223
|
100% {
|
|
225
224
|
background-position: 468px 0;
|
|
226
225
|
}
|
|
226
|
+
}
|
|
227
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
|
|
228
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
|
|
229
|
+
display: none;
|
|
227
230
|
}
|
|
@@ -96,8 +96,8 @@
|
|
|
96
96
|
justify-content: flex-start;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.cometchat-list__body::-webkit-scrollbar,
|
|
100
|
-
.cometchat-list__body::-webkit-scrollbar-thumb {
|
|
99
|
+
.cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar,
|
|
100
|
+
.cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
101
101
|
display: none;
|
|
102
102
|
}
|
|
103
103
|
|
|
@@ -326,4 +326,37 @@ height: 58px;
|
|
|
326
326
|
overflow: hidden;
|
|
327
327
|
text-overflow: ellipsis;
|
|
328
328
|
white-space: nowrap;
|
|
329
|
+
}
|
|
330
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar,
|
|
331
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb {
|
|
332
|
+
display: none;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
336
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
337
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
338
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
339
|
+
display: none;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
|
|
344
|
+
background: transparent;
|
|
345
|
+
height: 0px;
|
|
346
|
+
width: 0px;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
350
|
+
background: rgb(232, 229, 229);
|
|
351
|
+
border-radius: 8px;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar {
|
|
355
|
+
background: transparent;
|
|
356
|
+
width: 0px;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
|
|
360
|
+
background: rgb(232, 229, 229);
|
|
361
|
+
border-radius: 8px;
|
|
329
362
|
}
|
|
@@ -55,7 +55,8 @@
|
|
|
55
55
|
width: 100%;
|
|
56
56
|
overflow: hidden;
|
|
57
57
|
}
|
|
58
|
-
|
|
58
|
+
|
|
59
|
+
.cometchat-message-header .cometchat-list-item__trailing-view {
|
|
59
60
|
display: none;
|
|
60
61
|
}
|
|
61
62
|
|
|
@@ -73,20 +74,22 @@
|
|
|
73
74
|
cursor: pointer;
|
|
74
75
|
}
|
|
75
76
|
|
|
76
|
-
.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button{
|
|
77
|
-
background: transparent;
|
|
78
|
-
border: none;
|
|
79
|
-
justify-content: center;
|
|
80
|
-
align-items: center;
|
|
81
|
-
height: fit-content;
|
|
82
|
-
width: fit-content;
|
|
83
|
-
padding: 0;
|
|
77
|
+
.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button {
|
|
78
|
+
background: transparent;
|
|
79
|
+
border: none;
|
|
80
|
+
justify-content: center;
|
|
81
|
+
align-items: center;
|
|
82
|
+
height: fit-content;
|
|
83
|
+
width: fit-content;
|
|
84
|
+
padding: 0;
|
|
84
85
|
}
|
|
85
|
-
|
|
86
|
+
|
|
87
|
+
.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon {
|
|
86
88
|
height: 24px;
|
|
87
89
|
width: 24px;
|
|
88
|
-
background: var(--cometchat-icon-color-primary, #141414)
|
|
90
|
+
background: var(--cometchat-icon-color-primary, #141414);
|
|
89
91
|
}
|
|
92
|
+
|
|
90
93
|
/* List item container within the message header */
|
|
91
94
|
|
|
92
95
|
.cometchat-message-header__listitem {
|
|
@@ -173,13 +176,8 @@ padding: 0;
|
|
|
173
176
|
.cometchat-message-header__back-button {
|
|
174
177
|
display: block;
|
|
175
178
|
}
|
|
176
|
-
.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
|
|
177
|
-
display: initial;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
179
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
display: none;
|
|
180
|
+
.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
|
|
181
|
+
display: initial;
|
|
184
182
|
}
|
|
185
183
|
}
|
|
@@ -81,12 +81,6 @@
|
|
|
81
81
|
border-bottom: 1px solid var(--cometchat-border-color-light);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.cometchat-message-information__message::-webkit-scrollbar,
|
|
85
|
-
.cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
86
|
-
display: none;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
84
|
.cometchat-message-information__message .cometchat-message-bubble__wrapper {
|
|
91
85
|
padding: 0px;
|
|
92
86
|
width: 100%;
|
|
@@ -107,8 +101,13 @@
|
|
|
107
101
|
gap: 0px;
|
|
108
102
|
}
|
|
109
103
|
|
|
110
|
-
.cometchat-message-information__receipts::-webkit-scrollbar,
|
|
111
|
-
.cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
104
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
|
|
105
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
106
|
+
display: none;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
|
|
110
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
112
111
|
display: none;
|
|
113
112
|
}
|
|
114
113
|
|
|
@@ -727,4 +727,18 @@ width: fit-content;
|
|
|
727
727
|
.cometchat-message-list > .cometchat-message-list__body > .cometchat {
|
|
728
728
|
height: fit-content !important;
|
|
729
729
|
max-height: 100%;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
|
|
733
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
|
|
734
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
|
|
735
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
|
|
736
|
+
display: none;
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
740
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
741
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
742
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
743
|
+
display: none;
|
|
730
744
|
}
|
|
@@ -34,13 +34,6 @@
|
|
|
34
34
|
background: var(--cometchat-background-color-01, #FFF);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.cometchat-reaction-list__list::-webkit-scrollbar,
|
|
38
|
-
.cometchat-reaction-list__list::-webkit-scrollbar-thumb,
|
|
39
|
-
.cometchat-reaction-list__tabs::-webkit-scrollbar,
|
|
40
|
-
.cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
37
|
.cometchat-reaction-list__tabs-tab {
|
|
45
38
|
display: flex;
|
|
46
39
|
height: 40px;
|
|
@@ -107,6 +107,11 @@
|
|
|
107
107
|
display: none;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
.cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar,
|
|
111
|
+
.cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar-thumb {
|
|
112
|
+
display: none;
|
|
113
|
+
}
|
|
114
|
+
|
|
110
115
|
.cometchat-threaded-message-preview__message .cometchat-text-bubble .cometchat-text-bubble__read-more {
|
|
111
116
|
display: none;
|
|
112
117
|
}
|
|
@@ -36,18 +36,16 @@
|
|
|
36
36
|
text-align: left;
|
|
37
37
|
white-space: pre-line;
|
|
38
38
|
overflow: auto;
|
|
39
|
+
width: 100%;
|
|
40
|
+
display: block;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
.cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
|
|
42
|
-
width: 100%;
|
|
43
|
-
display: flex;
|
|
44
44
|
color: var(--cometchat-neutral-color-900, #141414);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
.cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
|
|
49
|
-
width: 100%;
|
|
50
|
-
display: flex;
|
|
51
49
|
color: var(--cometchat-static-white, #FFF);
|
|
52
50
|
}
|
|
53
51
|
|
|
@@ -74,29 +74,6 @@
|
|
|
74
74
|
cursor: pointer;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
|
|
78
|
-
background: transparent;
|
|
79
|
-
height: 0px;
|
|
80
|
-
width: 0px;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
84
|
-
background: rgb(232, 229, 229);
|
|
85
|
-
border-radius: 8px;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar {
|
|
89
|
-
background: transparent;
|
|
90
|
-
width: 0px;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
|
|
94
|
-
background: rgb(232, 229, 229);
|
|
95
|
-
border-radius: 8px;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
77
|
.cometchat-sticker-keyboard__shimmer-tabs {
|
|
101
78
|
display: flex;
|
|
102
79
|
padding: var(--cometchat-padding-2, 8px);
|
|
@@ -109,13 +109,6 @@
|
|
|
109
109
|
border-radius: var(--cometchat-radius-2, 8px);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
.cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
113
|
-
.cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
114
|
-
.cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
115
|
-
.cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
116
|
-
display: none;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
112
|
.cometchat-emoji-keyboard__list {
|
|
120
113
|
width: 100%;
|
|
121
114
|
height: 100%;
|
|
@@ -23,13 +23,12 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
|
|
27
|
-
background: transparent;
|
|
26
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar { background: transparent;
|
|
28
27
|
height: 0px;
|
|
29
28
|
width: 0px;
|
|
30
29
|
}
|
|
31
30
|
|
|
32
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
31
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
33
32
|
background: transparent;
|
|
34
33
|
border-radius: 8px;
|
|
35
34
|
}
|
|
@@ -224,4 +223,8 @@
|
|
|
224
223
|
100% {
|
|
225
224
|
background-position: 468px 0;
|
|
226
225
|
}
|
|
226
|
+
}
|
|
227
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
|
|
228
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
|
|
229
|
+
display: none;
|
|
227
230
|
}
|
|
@@ -96,8 +96,8 @@
|
|
|
96
96
|
justify-content: flex-start;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.cometchat-list__body::-webkit-scrollbar,
|
|
100
|
-
.cometchat-list__body::-webkit-scrollbar-thumb {
|
|
99
|
+
.cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar,
|
|
100
|
+
.cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
101
101
|
display: none;
|
|
102
102
|
}
|
|
103
103
|
|
|
@@ -326,4 +326,37 @@ height: 58px;
|
|
|
326
326
|
overflow: hidden;
|
|
327
327
|
text-overflow: ellipsis;
|
|
328
328
|
white-space: nowrap;
|
|
329
|
+
}
|
|
330
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar,
|
|
331
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb {
|
|
332
|
+
display: none;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
336
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
337
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
338
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
339
|
+
display: none;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
|
|
344
|
+
background: transparent;
|
|
345
|
+
height: 0px;
|
|
346
|
+
width: 0px;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
350
|
+
background: rgb(232, 229, 229);
|
|
351
|
+
border-radius: 8px;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar {
|
|
355
|
+
background: transparent;
|
|
356
|
+
width: 0px;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
|
|
360
|
+
background: rgb(232, 229, 229);
|
|
361
|
+
border-radius: 8px;
|
|
329
362
|
}
|
|
@@ -55,7 +55,8 @@
|
|
|
55
55
|
width: 100%;
|
|
56
56
|
overflow: hidden;
|
|
57
57
|
}
|
|
58
|
-
|
|
58
|
+
|
|
59
|
+
.cometchat-message-header .cometchat-list-item__trailing-view {
|
|
59
60
|
display: none;
|
|
60
61
|
}
|
|
61
62
|
|
|
@@ -73,20 +74,22 @@
|
|
|
73
74
|
cursor: pointer;
|
|
74
75
|
}
|
|
75
76
|
|
|
76
|
-
.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button{
|
|
77
|
-
background: transparent;
|
|
78
|
-
border: none;
|
|
79
|
-
justify-content: center;
|
|
80
|
-
align-items: center;
|
|
81
|
-
height: fit-content;
|
|
82
|
-
width: fit-content;
|
|
83
|
-
padding: 0;
|
|
77
|
+
.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button {
|
|
78
|
+
background: transparent;
|
|
79
|
+
border: none;
|
|
80
|
+
justify-content: center;
|
|
81
|
+
align-items: center;
|
|
82
|
+
height: fit-content;
|
|
83
|
+
width: fit-content;
|
|
84
|
+
padding: 0;
|
|
84
85
|
}
|
|
85
|
-
|
|
86
|
+
|
|
87
|
+
.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon {
|
|
86
88
|
height: 24px;
|
|
87
89
|
width: 24px;
|
|
88
|
-
background: var(--cometchat-icon-color-primary, #141414)
|
|
90
|
+
background: var(--cometchat-icon-color-primary, #141414);
|
|
89
91
|
}
|
|
92
|
+
|
|
90
93
|
/* List item container within the message header */
|
|
91
94
|
|
|
92
95
|
.cometchat-message-header__listitem {
|
|
@@ -173,13 +176,8 @@ padding: 0;
|
|
|
173
176
|
.cometchat-message-header__back-button {
|
|
174
177
|
display: block;
|
|
175
178
|
}
|
|
176
|
-
.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
|
|
177
|
-
display: initial;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
179
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
display: none;
|
|
180
|
+
.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
|
|
181
|
+
display: initial;
|
|
184
182
|
}
|
|
185
183
|
}
|
|
@@ -81,12 +81,6 @@
|
|
|
81
81
|
border-bottom: 1px solid var(--cometchat-border-color-light);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.cometchat-message-information__message::-webkit-scrollbar,
|
|
85
|
-
.cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
86
|
-
display: none;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
84
|
.cometchat-message-information__message .cometchat-message-bubble__wrapper {
|
|
91
85
|
padding: 0px;
|
|
92
86
|
width: 100%;
|
|
@@ -107,8 +101,13 @@
|
|
|
107
101
|
gap: 0px;
|
|
108
102
|
}
|
|
109
103
|
|
|
110
|
-
.cometchat-message-information__receipts::-webkit-scrollbar,
|
|
111
|
-
.cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
104
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
|
|
105
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
106
|
+
display: none;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
|
|
110
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
112
111
|
display: none;
|
|
113
112
|
}
|
|
114
113
|
|
|
@@ -727,4 +727,18 @@ width: fit-content;
|
|
|
727
727
|
.cometchat-message-list > .cometchat-message-list__body > .cometchat {
|
|
728
728
|
height: fit-content !important;
|
|
729
729
|
max-height: 100%;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
|
|
733
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
|
|
734
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
|
|
735
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
|
|
736
|
+
display: none;
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
740
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
741
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
742
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
743
|
+
display: none;
|
|
730
744
|
}
|
|
@@ -34,13 +34,6 @@
|
|
|
34
34
|
background: var(--cometchat-background-color-01, #FFF);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.cometchat-reaction-list__list::-webkit-scrollbar,
|
|
38
|
-
.cometchat-reaction-list__list::-webkit-scrollbar-thumb,
|
|
39
|
-
.cometchat-reaction-list__tabs::-webkit-scrollbar,
|
|
40
|
-
.cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
37
|
.cometchat-reaction-list__tabs-tab {
|
|
45
38
|
display: flex;
|
|
46
39
|
height: 40px;
|
|
@@ -107,6 +107,11 @@
|
|
|
107
107
|
display: none;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
.cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar,
|
|
111
|
+
.cometchat-threaded-message-preview-hide-scrollbar .cometchat-threaded-message-preview__message::-webkit-scrollbar-thumb {
|
|
112
|
+
display: none;
|
|
113
|
+
}
|
|
114
|
+
|
|
110
115
|
.cometchat-threaded-message-preview__message .cometchat-text-bubble .cometchat-text-bubble__read-more {
|
|
111
116
|
display: none;
|
|
112
117
|
}
|
|
@@ -36,18 +36,16 @@
|
|
|
36
36
|
text-align: left;
|
|
37
37
|
white-space: pre-line;
|
|
38
38
|
overflow: auto;
|
|
39
|
+
width: 100%;
|
|
40
|
+
display: block;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
.cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
|
|
42
|
-
width: 100%;
|
|
43
|
-
display: flex;
|
|
44
44
|
color: var(--cometchat-neutral-color-900, #141414);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
.cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
|
|
49
|
-
width: 100%;
|
|
50
|
-
display: flex;
|
|
51
49
|
color: var(--cometchat-static-white, #FFF);
|
|
52
50
|
}
|
|
53
51
|
|
|
@@ -74,29 +74,6 @@
|
|
|
74
74
|
cursor: pointer;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
|
|
78
|
-
background: transparent;
|
|
79
|
-
height: 0px;
|
|
80
|
-
width: 0px;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
84
|
-
background: rgb(232, 229, 229);
|
|
85
|
-
border-radius: 8px;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar {
|
|
89
|
-
background: transparent;
|
|
90
|
-
width: 0px;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
|
|
94
|
-
background: rgb(232, 229, 229);
|
|
95
|
-
border-radius: 8px;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
77
|
.cometchat-sticker-keyboard__shimmer-tabs {
|
|
101
78
|
display: flex;
|
|
102
79
|
padding: var(--cometchat-padding-2, 8px);
|
|
@@ -31,8 +31,8 @@ declare class WebAudioPlayer extends EventEmitter<WebAudioPlayerEvents> {
|
|
|
31
31
|
constructor(audioContext?: AudioContext);
|
|
32
32
|
/** Subscribe to an event. Returns an unsubscribe function. */
|
|
33
33
|
addEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void, options?: {
|
|
34
|
-
once?: boolean
|
|
35
|
-
}
|
|
34
|
+
once?: boolean;
|
|
35
|
+
}) => () => void;
|
|
36
36
|
/** Unsubscribe from an event */
|
|
37
37
|
removeEventListener: <EventName extends keyof WebAudioPlayerEvents>(event: EventName, listener: (...args: WebAudioPlayerEvents[EventName]) => void) => void;
|
|
38
38
|
load(): Promise<void>;
|
|
@@ -115,6 +115,11 @@ interface ListProps<T> {
|
|
|
115
115
|
* @defaultValue `""`
|
|
116
116
|
*/
|
|
117
117
|
title?: string;
|
|
118
|
+
/**
|
|
119
|
+
* Controls the visibility of the scrollbar in the list.
|
|
120
|
+
* @defaultValue `false`
|
|
121
|
+
*/
|
|
122
|
+
showScrollbar?: boolean;
|
|
118
123
|
}
|
|
119
124
|
/**
|
|
120
125
|
* Renders a list component that can display a title, search bar,
|
|
@@ -4,7 +4,7 @@ interface ICometChatListItem {
|
|
|
4
4
|
onListItemClicked?: (input: {
|
|
5
5
|
id: string;
|
|
6
6
|
}) => void;
|
|
7
|
-
menuRef: React.RefObject<HTMLDivElement>;
|
|
7
|
+
menuRef: React.RefObject<HTMLDivElement | null>;
|
|
8
8
|
}
|
|
9
9
|
export declare const useCometChatListItem: ({ id, onListItemClicked, menuRef, }: ICometChatListItem) => {
|
|
10
10
|
listItemClick: (event: MouseEvent<HTMLDivElement>) => void;
|