@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.
Files changed (39) hide show
  1. package/dist/index.d.ts +99 -0
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles/CometChatActionSheet.css +0 -5
  5. package/dist/styles/CometChatChangeScope.css +0 -5
  6. package/dist/styles/CometChatEmojiKeyboard.css +0 -7
  7. package/dist/styles/CometChatGroupMembers.css +6 -3
  8. package/dist/styles/CometChatList.css +2 -2
  9. package/dist/styles/CometChatMessageComposer.css +33 -0
  10. package/dist/styles/CometChatMessageHeader.css +16 -12
  11. package/dist/styles/CometChatMessageInformation.css +7 -8
  12. package/dist/styles/CometChatMessageList.css +14 -0
  13. package/dist/styles/CometChatReactionList.css +0 -7
  14. package/dist/styles/CometChatThreadedMessagePreview.css +5 -0
  15. package/dist/styles/StickersKeyboard.css +0 -23
  16. package/dist/styles/components/CometChatActionSheet.css +0 -5
  17. package/dist/styles/components/CometChatChangeScope.css +0 -5
  18. package/dist/styles/components/CometChatEmojiKeyboard.css +0 -7
  19. package/dist/styles/components/CometChatGroupMembers.css +6 -3
  20. package/dist/styles/components/CometChatList.css +2 -2
  21. package/dist/styles/components/CometChatMessageComposer.css +33 -0
  22. package/dist/styles/components/CometChatMessageHeader.css +16 -12
  23. package/dist/styles/components/CometChatMessageInformation.css +7 -8
  24. package/dist/styles/components/CometChatMessageList.css +14 -0
  25. package/dist/styles/components/CometChatReactionList.css +0 -7
  26. package/dist/styles/components/CometChatThreadedMessagePreview.css +5 -0
  27. package/dist/styles/components/StickersKeyboard.css +0 -23
  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/CometChatThreadedMessagePreview/CometChatThreadedMessagePreview.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 +8 -7
@@ -15,11 +15,6 @@
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
- }
22
-
23
18
  .cometchat-action-sheet__item-icon {
24
19
  display: flex;
25
20
  width: 24px;
@@ -81,11 +81,6 @@
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
- }
88
-
89
84
  .cometchat-change-scope__list-item {
90
85
  display: flex;
91
86
  min-width: 240px;
@@ -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
- .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,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);
@@ -15,11 +15,6 @@
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
- }
22
-
23
18
  .cometchat-action-sheet__item-icon {
24
19
  display: flex;
25
20
  width: 24px;
@@ -81,11 +81,6 @@
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
- }
88
-
89
84
  .cometchat-change-scope__list-item {
90
85
  display: flex;
91
86
  min-width: 240px;
@@ -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
- .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,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 };