@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
@@ -48,6 +48,11 @@ interface ThreadedMessagePreviewProps {
48
48
  * Array of text formatters for custom styling or formatting of message text bubbles.
49
49
  */
50
50
  textFormatters?: CometChatTextFormatter[];
51
+ /**
52
+ * Controls the visibility of the scrollbar in the list.
53
+ * @defaultValue `false`
54
+ */
55
+ showScrollbar?: boolean;
51
56
  }
52
57
  declare const CometChatThreadedMessagePreview: (props: ThreadedMessagePreviewProps) => import("react/jsx-runtime").JSX.Element;
53
58
  export { CometChatThreadedMessagePreview };
@@ -1,15 +1,63 @@
1
1
  import { UserMemberListType } from '../../Enums/Enums';
2
2
  import { JSX } from "react";
3
3
  export interface MentionsProps {
4
+ /**
5
+ * Determines the type of list to display - either users or group members.
6
+ * @defaultValue `UserMemberListType.users`
7
+ */
4
8
  userMemberListType?: UserMemberListType;
9
+ /**
10
+ * Callback function invoked when a user or group member item is clicked.
11
+ * @param user - The clicked user (CometChat.User) or group member (CometChat.GroupMember)
12
+ * @returns void
13
+ */
5
14
  onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void;
15
+ /**
16
+ * A custom view to render each user or group member item in the list.
17
+ *
18
+ * @param item - An instance of CometChat.User or CometChat.GroupMember to be rendered
19
+ * @returns A JSX element representing the custom item view
20
+ */
6
21
  itemView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
22
+ /**
23
+ * The search keyword used to filter users or group members.
24
+ */
7
25
  searchKeyword?: string;
26
+ /**
27
+ * The group instance for which to display group members.
28
+ */
8
29
  group?: CometChat.Group;
30
+ /**
31
+ * A custom view to render the subtitle for each user or group member item.
32
+ * @param item - An instance of CometChat.User or CometChat.GroupMember
33
+ * @returns A JSX element representing the custom subtitle view
34
+ */
9
35
  subtitleView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
36
+ /**
37
+ * A request builder to fetch users with custom parameters.
38
+ */
10
39
  usersRequestBuilder?: CometChat.UsersRequestBuilder;
40
+ /**
41
+ * Callback function invoked when the list is empty (no users or group members found).
42
+ *
43
+ * @returns void
44
+ */
11
45
  onEmpty?: () => void;
46
+ /**
47
+ * A request builder to fetch group members with custom parameters.
48
+ */
12
49
  groupMemberRequestBuilder?: CometChat.GroupMembersRequestBuilder;
50
+ /**
51
+ * Callback function invoked when an error occurs while fetching users or group members.
52
+ *
53
+ * @returns void
54
+ */
13
55
  onError?: () => void;
56
+ /**
57
+ * Controls the visibility of the scrollbar in the list.
58
+ *
59
+ * @defaultValue `false`
60
+ */
61
+ showScrollbar?: boolean;
14
62
  }
15
63
  export declare function CometChatUserMemberWrapper(props: MentionsProps): import("react/jsx-runtime").JSX.Element;
@@ -155,6 +155,12 @@ export interface UsersProps {
155
155
  * @returns A JSX element to be rendered as the trailing view.
156
156
  */
157
157
  trailingView?: (user: CometChat.User) => JSX.Element;
158
+ /**
159
+ * Controls the visibility of the scrollbar in the list list.
160
+ *
161
+ * @defaultValue `false`
162
+ */
163
+ showScrollbar?: boolean;
158
164
  }
159
165
  type State = {
160
166
  searchText: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cometchat/chat-uikit-react",
3
- "version": "5.0.9",
3
+ "version": "5.0.11",
4
4
  "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
5
5
  "author": "CometChat",
6
6
  "exports": {
@@ -8,10 +8,10 @@
8
8
  "./css-variables.css": "./dist/styles/css-variables.css"
9
9
  },
10
10
  "dependencies": {
11
- "@cometchat/chat-sdk-javascript": "^4.0.12",
11
+ "@cometchat/chat-sdk-javascript": "^4.0.13",
12
12
  "@rollup/plugin-json": "^6.1.0",
13
13
  "rxjs": "^7.8.1"
14
- },
14
+ },
15
15
  "scripts": {
16
16
  "test": "echo \"Error: no test specified\" && exit 1",
17
17
  "build": "rollup -c --bundleConfigAsCjs"
@@ -31,6 +31,7 @@
31
31
  "@types/react": "^18.2.7",
32
32
  "@types/react-dom": "^18.2.4",
33
33
  "babel-loader": "^8.2.3",
34
+ "postcss": "^8.5.6",
34
35
  "react": "^18.2.0",
35
36
  "react-dom": "^18.2.0",
36
37
  "rollup": "^3.23.0",
@@ -45,9 +46,9 @@
45
46
  "webpack-dev-server": "^4.7.4"
46
47
  },
47
48
  "peerDependencies": {
48
- "@types/react": ">=18.0.0 <20.0.0",
49
- "@types/react-dom": ">=18.0.0 <20.0.0",
50
- "rxjs": "^7.8.1"
49
+ "@types/react": ">=18.0.0 <20.0.0",
50
+ "@types/react-dom": ">=18.0.0 <20.0.0",
51
+ "rxjs": "^7.8.1"
51
52
  },
52
53
  "homepage": "https://www.cometchat.com",
53
54
  "repository": "https://github.com/cometchat/cometchat-uikit-react",
@@ -76,4 +77,4 @@
76
77
  "bugs": {
77
78
  "url": "https://help.cometchat.com/hc/en-us"
78
79
  }
79
- }
80
+ }