@cometchat/chat-uikit-react 5.0.9 → 5.0.11
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 +99 -0
- 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 -12
- 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/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 -12
- 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/StickersKeyboard.css +0 -23
- package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts +5 -0
- package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts +5 -0
- package/dist/types/components/CometChatConversations/CometChatConversations.d.ts +5 -0
- 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/CometChatMessageInformation/CometChatMessageInformation.d.ts +5 -0
- package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts +5 -0
- package/dist/types/components/CometChatThreadedMessagePreview/CometChatThreadedMessagePreview.d.ts +5 -0
- package/dist/types/components/CometChatUserMemberWrapper/CometChatUserMemberWrapper.d.ts +48 -0
- package/dist/types/components/CometChatUsers/CometChatUsers.d.ts +6 -0
- package/package.json +8 -7
|
@@ -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,7 +176,8 @@ padding: 0;
|
|
|
173
176
|
.cometchat-message-header__back-button {
|
|
174
177
|
display: block;
|
|
175
178
|
}
|
|
179
|
+
|
|
176
180
|
.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
|
|
177
|
-
|
|
181
|
+
display: initial;
|
|
178
182
|
}
|
|
179
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
|
}
|
|
@@ -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,7 +176,8 @@ padding: 0;
|
|
|
173
176
|
.cometchat-message-header__back-button {
|
|
174
177
|
display: block;
|
|
175
178
|
}
|
|
179
|
+
|
|
176
180
|
.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
|
|
177
|
-
|
|
181
|
+
display: initial;
|
|
178
182
|
}
|
|
179
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
|
}
|
|
@@ -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);
|
|
@@ -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,
|
|
@@ -78,6 +78,11 @@ interface CallLogsProps {
|
|
|
78
78
|
* @returns A JSX element to be rendered as the trailing view.
|
|
79
79
|
*/
|
|
80
80
|
trailingView?: (call: any) => JSX.Element;
|
|
81
|
+
/**
|
|
82
|
+
* Controls the visibility of the scrollbar in the list.
|
|
83
|
+
* @defaultValue `false`
|
|
84
|
+
*/
|
|
85
|
+
showScrollbar?: boolean;
|
|
81
86
|
}
|
|
82
87
|
declare const CometChatCallLogs: (props: CallLogsProps) => import("react/jsx-runtime").JSX.Element;
|
|
83
88
|
export { CometChatCallLogs };
|
|
@@ -150,6 +150,11 @@ interface ConversationsProps {
|
|
|
150
150
|
* @returns A JSX element to be rendered as the trailing view.
|
|
151
151
|
*/
|
|
152
152
|
trailingView?: (conversation: CometChat.Conversation) => JSX.Element;
|
|
153
|
+
/**
|
|
154
|
+
* Controls the visibility of the scrollbar in the list.
|
|
155
|
+
* @defaultValue `false`
|
|
156
|
+
*/
|
|
157
|
+
showScrollbar?: boolean;
|
|
153
158
|
}
|
|
154
159
|
export type Action = {
|
|
155
160
|
type: "appendConversations";
|
|
@@ -156,6 +156,11 @@ interface GroupMembersProps {
|
|
|
156
156
|
* @returns A JSX element to be rendered as the trailing view.
|
|
157
157
|
*/
|
|
158
158
|
trailingView?: (groupMember: CometChat.GroupMember) => JSX.Element;
|
|
159
|
+
/**
|
|
160
|
+
* Controls the visibility of the scrollbar in the list.
|
|
161
|
+
* @defaultValue `false`
|
|
162
|
+
*/
|
|
163
|
+
showScrollbar?: boolean;
|
|
159
164
|
}
|
|
160
165
|
export type Action = {
|
|
161
166
|
type: "appendGroupMembers";
|
|
@@ -121,6 +121,11 @@ interface GroupsProps {
|
|
|
121
121
|
* @returns A JSX element to be rendered as the trailing view.
|
|
122
122
|
*/
|
|
123
123
|
trailingView?: (group: CometChat.Group) => JSX.Element;
|
|
124
|
+
/**
|
|
125
|
+
* Controls the visibility of the scrollbar in the list.
|
|
126
|
+
* @defaultValue `false`
|
|
127
|
+
*/
|
|
128
|
+
showScrollbar?: boolean;
|
|
124
129
|
}
|
|
125
130
|
export type Action = {
|
|
126
131
|
type: "appendGroups";
|
|
@@ -149,6 +149,11 @@ interface MessageComposerProps {
|
|
|
149
149
|
* A custom header section displayed at the top of the message composer, often used for media previews or additional information.
|
|
150
150
|
*/
|
|
151
151
|
headerView?: JSX.Element;
|
|
152
|
+
/**
|
|
153
|
+
* Controls the visibility of the scrollbar in the list.
|
|
154
|
+
* @defaultValue `false`
|
|
155
|
+
*/
|
|
156
|
+
showScrollbar?: boolean;
|
|
152
157
|
}
|
|
153
158
|
/**
|
|
154
159
|
* Represents the state of the message composer.
|
|
@@ -21,6 +21,11 @@ interface MessageInformationProps {
|
|
|
21
21
|
* Array of text formatters for custom styling or formatting of message text bubbles.
|
|
22
22
|
*/
|
|
23
23
|
textFormatters?: CometChatTextFormatter[];
|
|
24
|
+
/**
|
|
25
|
+
* Controls the visibility of the scrollbar in the list.
|
|
26
|
+
* @defaultValue `false`
|
|
27
|
+
*/
|
|
28
|
+
showScrollbar?: boolean;
|
|
24
29
|
}
|
|
25
30
|
declare const CometChatMessageInformation: (props: MessageInformationProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
31
|
export { CometChatMessageInformation };
|
|
@@ -205,6 +205,11 @@ interface MessageListProps {
|
|
|
205
205
|
* A custom footer view component for the message list.
|
|
206
206
|
*/
|
|
207
207
|
footerView?: JSX.Element;
|
|
208
|
+
/**
|
|
209
|
+
* Controls the visibility of the scrollbar in the list.
|
|
210
|
+
* @defaultValue `false`
|
|
211
|
+
*/
|
|
212
|
+
showScrollbar?: boolean;
|
|
208
213
|
}
|
|
209
214
|
declare const CometChatMessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
|
|
210
215
|
export { CometChatMessageList };
|