@cometchat/chat-uikit-react 6.0.6 → 6.0.7
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 +124 -25
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/CometChatActionSheet.css +1 -4
- package/dist/styles/CometChatChangeScope.css +1 -4
- package/dist/styles/CometChatEmojiKeyboard.css +1 -6
- package/dist/styles/CometChatGroupMembers.css +7 -2
- package/dist/styles/CometChatList.css +2 -2
- package/dist/styles/CometChatMessageComposer.css +34 -1
- package/dist/styles/CometChatMessageHeader.css +16 -12
- package/dist/styles/CometChatMessageInformation.css +7 -7
- package/dist/styles/CometChatMessageList.css +14 -0
- package/dist/styles/CometChatReactionList.css +0 -6
- package/dist/styles/CometChatThreadHeader.css +2 -2
- package/dist/styles/StickersKeyboard.css +0 -20
- package/dist/styles/components/CometChatActionSheet.css +1 -4
- package/dist/styles/components/CometChatChangeScope.css +1 -4
- package/dist/styles/components/CometChatEmojiKeyboard.css +1 -6
- package/dist/styles/components/CometChatGroupMembers.css +7 -2
- package/dist/styles/components/CometChatList.css +2 -2
- package/dist/styles/components/CometChatMessageComposer.css +34 -1
- package/dist/styles/components/CometChatMessageHeader.css +16 -12
- package/dist/styles/components/CometChatMessageInformation.css +7 -7
- package/dist/styles/components/CometChatMessageList.css +14 -0
- package/dist/styles/components/CometChatReactionList.css +0 -6
- package/dist/styles/components/CometChatThreadHeader.css +2 -2
- package/dist/styles/components/StickersKeyboard.css +0 -20
- 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/CometChatThreadHeader/CometChatThreadHeader.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 +1 -1
|
@@ -109,12 +109,7 @@
|
|
|
109
109
|
border-radius: var(--cometchat-radius-2, 8px);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
|
|
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
|
-
}
|
|
112
|
+
|
|
118
113
|
|
|
119
114
|
.cometchat-emoji-keyboard__list {
|
|
120
115
|
width: 100%;
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
|
|
26
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar {
|
|
27
27
|
background: transparent;
|
|
28
28
|
height: 0px;
|
|
29
29
|
width: 0px;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
32
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
33
33
|
background: transparent;
|
|
34
34
|
border-radius: 8px;
|
|
35
35
|
}
|
|
@@ -224,4 +224,9 @@
|
|
|
224
224
|
100% {
|
|
225
225
|
background-position: 468px 0;
|
|
226
226
|
}
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
|
|
230
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
|
|
231
|
+
display: none;
|
|
227
232
|
}
|
|
@@ -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
|
|
|
@@ -324,6 +324,39 @@ height: 58px;
|
|
|
324
324
|
height: fit-content;
|
|
325
325
|
max-height: 100px;
|
|
326
326
|
overflow: hidden;
|
|
327
|
-
text-overflow: ellipsis;
|
|
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,10 +81,7 @@
|
|
|
81
81
|
border-bottom: 1px solid var(--cometchat-border-color-light);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
|
|
85
|
-
.cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
86
|
-
display: none;
|
|
87
|
-
}
|
|
84
|
+
|
|
88
85
|
|
|
89
86
|
|
|
90
87
|
.cometchat-message-information__message .cometchat-message-bubble__wrapper {
|
|
@@ -106,12 +103,15 @@
|
|
|
106
103
|
flex-direction: column;
|
|
107
104
|
gap: 0px;
|
|
108
105
|
}
|
|
109
|
-
|
|
110
|
-
.cometchat-message-information__receipts::-webkit-scrollbar
|
|
111
|
-
.cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
106
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
|
|
107
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
112
108
|
display: none;
|
|
113
109
|
}
|
|
114
110
|
|
|
111
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
|
|
112
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
113
|
+
display: none;
|
|
114
|
+
}
|
|
115
115
|
.cometchat-message-information__receipts .cometchat-list-item__body {
|
|
116
116
|
padding: 0px;
|
|
117
117
|
}
|
|
@@ -728,4 +728,18 @@ width: fit-content;
|
|
|
728
728
|
.cometchat-message-list > .cometchat-message-list__body > .cometchat {
|
|
729
729
|
height: fit-content !important;
|
|
730
730
|
max-height: 100%;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
|
|
734
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
|
|
735
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
|
|
736
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
|
|
737
|
+
display: none;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
741
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
742
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
743
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
744
|
+
display: none;
|
|
731
745
|
}
|
|
@@ -34,12 +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
37
|
|
|
44
38
|
.cometchat-reaction-list__tabs-tab {
|
|
45
39
|
display: flex;
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
flex: 1 0 0;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
.cometchat-thread-header__message::-webkit-scrollbar,
|
|
106
|
-
.cometchat-thread-header__message::-webkit-scrollbar-thumb {
|
|
105
|
+
.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar,
|
|
106
|
+
.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar-thumb {
|
|
107
107
|
display: none;
|
|
108
108
|
}
|
|
109
109
|
|
|
@@ -77,26 +77,6 @@
|
|
|
77
77
|
cursor: pointer;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
|
|
81
|
-
background: transparent;
|
|
82
|
-
height: 0px;
|
|
83
|
-
width: 0px;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
87
|
-
background: rgb(232, 229, 229);
|
|
88
|
-
border-radius: 8px;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar {
|
|
92
|
-
background: transparent;
|
|
93
|
-
width: 0px;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
|
|
97
|
-
background: rgb(232, 229, 229);
|
|
98
|
-
border-radius: 8px;
|
|
99
|
-
}
|
|
100
80
|
|
|
101
81
|
|
|
102
82
|
|
|
@@ -109,12 +109,7 @@
|
|
|
109
109
|
border-radius: var(--cometchat-radius-2, 8px);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
|
|
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
|
-
}
|
|
112
|
+
|
|
118
113
|
|
|
119
114
|
.cometchat-emoji-keyboard__list {
|
|
120
115
|
width: 100%;
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar {
|
|
26
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar {
|
|
27
27
|
background: transparent;
|
|
28
28
|
height: 0px;
|
|
29
29
|
width: 0px;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.cometchat-group-members .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
32
|
+
.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
|
|
33
33
|
background: transparent;
|
|
34
34
|
border-radius: 8px;
|
|
35
35
|
}
|
|
@@ -224,4 +224,9 @@
|
|
|
224
224
|
100% {
|
|
225
225
|
background-position: 468px 0;
|
|
226
226
|
}
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
|
|
230
|
+
.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
|
|
231
|
+
display: none;
|
|
227
232
|
}
|
|
@@ -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
|
|
|
@@ -324,6 +324,39 @@ height: 58px;
|
|
|
324
324
|
height: fit-content;
|
|
325
325
|
max-height: 100px;
|
|
326
326
|
overflow: hidden;
|
|
327
|
-
text-overflow: ellipsis;
|
|
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,10 +81,7 @@
|
|
|
81
81
|
border-bottom: 1px solid var(--cometchat-border-color-light);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
|
|
85
|
-
.cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
86
|
-
display: none;
|
|
87
|
-
}
|
|
84
|
+
|
|
88
85
|
|
|
89
86
|
|
|
90
87
|
.cometchat-message-information__message .cometchat-message-bubble__wrapper {
|
|
@@ -106,12 +103,15 @@
|
|
|
106
103
|
flex-direction: column;
|
|
107
104
|
gap: 0px;
|
|
108
105
|
}
|
|
109
|
-
|
|
110
|
-
.cometchat-message-information__receipts::-webkit-scrollbar
|
|
111
|
-
.cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
106
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
|
|
107
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
|
|
112
108
|
display: none;
|
|
113
109
|
}
|
|
114
110
|
|
|
111
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
|
|
112
|
+
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
|
|
113
|
+
display: none;
|
|
114
|
+
}
|
|
115
115
|
.cometchat-message-information__receipts .cometchat-list-item__body {
|
|
116
116
|
padding: 0px;
|
|
117
117
|
}
|
|
@@ -728,4 +728,18 @@ width: fit-content;
|
|
|
728
728
|
.cometchat-message-list > .cometchat-message-list__body > .cometchat {
|
|
729
729
|
height: fit-content !important;
|
|
730
730
|
max-height: 100%;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
|
|
734
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
|
|
735
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
|
|
736
|
+
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
|
|
737
|
+
display: none;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
|
|
741
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
|
|
742
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
|
|
743
|
+
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
744
|
+
display: none;
|
|
731
745
|
}
|
|
@@ -34,12 +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
37
|
|
|
44
38
|
.cometchat-reaction-list__tabs-tab {
|
|
45
39
|
display: flex;
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
flex: 1 0 0;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
.cometchat-thread-header__message::-webkit-scrollbar,
|
|
106
|
-
.cometchat-thread-header__message::-webkit-scrollbar-thumb {
|
|
105
|
+
.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar,
|
|
106
|
+
.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar-thumb {
|
|
107
107
|
display: none;
|
|
108
108
|
}
|
|
109
109
|
|
|
@@ -77,26 +77,6 @@
|
|
|
77
77
|
cursor: pointer;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
|
|
81
|
-
background: transparent;
|
|
82
|
-
height: 0px;
|
|
83
|
-
width: 0px;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
|
|
87
|
-
background: rgb(232, 229, 229);
|
|
88
|
-
border-radius: 8px;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar {
|
|
92
|
-
background: transparent;
|
|
93
|
-
width: 0px;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
|
|
97
|
-
background: rgb(232, 229, 229);
|
|
98
|
-
border-radius: 8px;
|
|
99
|
-
}
|
|
100
80
|
|
|
101
81
|
|
|
102
82
|
|
|
@@ -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 };
|
|
@@ -151,6 +151,11 @@ interface ConversationsProps {
|
|
|
151
151
|
* @returns A JSX element to be rendered as the trailing view.
|
|
152
152
|
*/
|
|
153
153
|
trailingView?: (conversation: CometChat.Conversation) => JSX.Element;
|
|
154
|
+
/**
|
|
155
|
+
* Controls the visibility of the scrollbar in the list.
|
|
156
|
+
* @defaultValue `false`
|
|
157
|
+
*/
|
|
158
|
+
showScrollbar?: boolean;
|
|
154
159
|
}
|
|
155
160
|
export type Action = {
|
|
156
161
|
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.
|
|
@@ -30,6 +30,11 @@ interface MessageInformationProps {
|
|
|
30
30
|
* Array of text formatters for custom styling or formatting of message text bubbles.
|
|
31
31
|
*/
|
|
32
32
|
textFormatters?: CometChatTextFormatter[];
|
|
33
|
+
/**
|
|
34
|
+
* Controls the visibility of the scrollbar in the list.
|
|
35
|
+
* @defaultValue `false`
|
|
36
|
+
*/
|
|
37
|
+
showScrollbar?: boolean;
|
|
33
38
|
}
|
|
34
39
|
declare const CometChatMessageInformation: (props: MessageInformationProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
40
|
export { CometChatMessageInformation };
|
|
@@ -214,6 +214,11 @@ interface MessageListProps {
|
|
|
214
214
|
* Format for timestamps displayed in message details (e.g., delivery or read time).
|
|
215
215
|
*/
|
|
216
216
|
messageInfoDateTimeFormat?: CalendarObject;
|
|
217
|
+
/**
|
|
218
|
+
* Controls the visibility of the scrollbar in the list.
|
|
219
|
+
* @defaultValue `false`
|
|
220
|
+
*/
|
|
221
|
+
showScrollbar?: boolean;
|
|
217
222
|
}
|
|
218
223
|
declare const CometChatMessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
|
|
219
224
|
export { CometChatMessageList };
|