@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.
Files changed (39) hide show
  1. package/dist/index.d.ts +124 -25
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles/CometChatActionSheet.css +1 -4
  5. package/dist/styles/CometChatChangeScope.css +1 -4
  6. package/dist/styles/CometChatEmojiKeyboard.css +1 -6
  7. package/dist/styles/CometChatGroupMembers.css +7 -2
  8. package/dist/styles/CometChatList.css +2 -2
  9. package/dist/styles/CometChatMessageComposer.css +34 -1
  10. package/dist/styles/CometChatMessageHeader.css +16 -12
  11. package/dist/styles/CometChatMessageInformation.css +7 -7
  12. package/dist/styles/CometChatMessageList.css +14 -0
  13. package/dist/styles/CometChatReactionList.css +0 -6
  14. package/dist/styles/CometChatThreadHeader.css +2 -2
  15. package/dist/styles/StickersKeyboard.css +0 -20
  16. package/dist/styles/components/CometChatActionSheet.css +1 -4
  17. package/dist/styles/components/CometChatChangeScope.css +1 -4
  18. package/dist/styles/components/CometChatEmojiKeyboard.css +1 -6
  19. package/dist/styles/components/CometChatGroupMembers.css +7 -2
  20. package/dist/styles/components/CometChatList.css +2 -2
  21. package/dist/styles/components/CometChatMessageComposer.css +34 -1
  22. package/dist/styles/components/CometChatMessageHeader.css +16 -12
  23. package/dist/styles/components/CometChatMessageInformation.css +7 -7
  24. package/dist/styles/components/CometChatMessageList.css +14 -0
  25. package/dist/styles/components/CometChatReactionList.css +0 -6
  26. package/dist/styles/components/CometChatThreadHeader.css +2 -2
  27. package/dist/styles/components/StickersKeyboard.css +0 -20
  28. package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts +5 -0
  29. package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts +5 -0
  30. package/dist/types/components/CometChatConversations/CometChatConversations.d.ts +5 -0
  31. package/dist/types/components/CometChatGroupMembers/CometChatGroupMembers.d.ts +5 -0
  32. package/dist/types/components/CometChatGroups/CometChatGroups.d.ts +5 -0
  33. package/dist/types/components/CometChatMessageComposer/CometChatMessageComposer.d.ts +5 -0
  34. package/dist/types/components/CometChatMessageInformation/CometChatMessageInformation.d.ts +5 -0
  35. package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts +5 -0
  36. package/dist/types/components/CometChatThreadHeader/CometChatThreadHeader.d.ts +5 -0
  37. package/dist/types/components/CometChatUserMemberWrapper/CometChatUserMemberWrapper.d.ts +48 -0
  38. package/dist/types/components/CometChatUsers/CometChatUsers.d.ts +6 -0
  39. package/package.json +1 -1
@@ -15,10 +15,7 @@
15
15
  justify-content: flex-start;
16
16
  }
17
17
 
18
- .cometchat-action-sheet::-webkit-scrollbar,
19
- .cometchat-action-sheet::-webkit-scrollbar-thumb {
20
- display: none;
21
- }
18
+
22
19
 
23
20
  .cometchat-action-sheet__item-icon {
24
21
  display: flex;
@@ -81,10 +81,7 @@
81
81
  overflow: auto;
82
82
  }
83
83
 
84
- .cometchat-change-scope__list::-webkit-scrollbar,
85
- .cometchat-change-scope__list::-webkit-scrollbar-thumb {
86
- display: none;
87
- }
84
+
88
85
 
89
86
  .cometchat-change-scope__list-item {
90
87
  display: flex;
@@ -109,12 +109,7 @@
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
- }
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
- .cometchat-message-header .cometchat-list-item__trailing-view{
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
- .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon{
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
- display: initial;
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
- .cometchat-message-information__message::-webkit-scrollbar,
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
 
@@ -15,10 +15,7 @@
15
15
  justify-content: flex-start;
16
16
  }
17
17
 
18
- .cometchat-action-sheet::-webkit-scrollbar,
19
- .cometchat-action-sheet::-webkit-scrollbar-thumb {
20
- display: none;
21
- }
18
+
22
19
 
23
20
  .cometchat-action-sheet__item-icon {
24
21
  display: flex;
@@ -81,10 +81,7 @@
81
81
  overflow: auto;
82
82
  }
83
83
 
84
- .cometchat-change-scope__list::-webkit-scrollbar,
85
- .cometchat-change-scope__list::-webkit-scrollbar-thumb {
86
- display: none;
87
- }
84
+
88
85
 
89
86
  .cometchat-change-scope__list-item {
90
87
  display: flex;
@@ -109,12 +109,7 @@
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
- }
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
- .cometchat-message-header .cometchat-list-item__trailing-view{
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
- .cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon{
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
- display: initial;
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
- .cometchat-message-information__message::-webkit-scrollbar,
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 };