@cometchat/chat-uikit-react 6.3.10 → 6.3.11

package/dist/styles/CometChatMessageComposer.css

@@ -187,6 +187,11 @@
 .cometchat-mention-list>.cometchat {
     border-radius: inherit;
 }
+
+.cometchat-mention-list .cometchat-users .cometchat-list{
+    max-height: 336px;
+}
+
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }

package/dist/styles/components/CometChatMessageComposer.css

@@ -187,6 +187,11 @@
 .cometchat-mention-list>.cometchat {
     border-radius: inherit;
 }
+
+.cometchat-mention-list .cometchat-users .cometchat-list{
+    max-height: 336px;
+}
+
 .cometchat-mention-list .cometchat-list .cometchat-list__header-title{
     display: none;
 }

package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts

@@ -147,6 +147,18 @@ interface ListProps<T> {
      *
      */
     scrollToEnd?: boolean;
+    /**
+     * @internal
+     *
+     * Skips the scroll height check when triggering onScrolledToBottom callback in CometChatList.
+     * When true, the callback fires even if the list content fits within the list body container.
+     * Uses the screen/viewport as the intersection root instead of the list body,
+     * so the callback triggers when the bottom of the list becomes visible on screen.
+     * Useful when the list is embedded in a parent scrollable container.
+     *
+     * @defaultValue `false`
+     */
+    observeScrollFromViewport?: boolean;
 }
 /**
  * Renders a list component that can display a title, search bar,

package/dist/types/components/BaseComponents/CometChatList/useCometChatList.d.ts

@@ -12,6 +12,7 @@ type Args = {
     didTopObserverCallbackRunRef: React.MutableRefObject<boolean>;
     errorHandler: (error: unknown) => void;
     scrolledUpCallback?: (boolean?: boolean) => void;
+    observeScrollFromViewport?: boolean;
 };
 export declare function useCometChatList(args: Args): void;
 export {};

package/dist/types/components/BaseComponents/CometChatMessageBubble/CometChatMessageBubble.d.ts

@@ -19,6 +19,7 @@ interface MessageBubbleProps {
     topMenuSize?: number;
     type?: string;
     category?: string;
+    toggleOptionsVisibility?: boolean;
 }
 /**
  * React component for displaying different types of messages in the message list.

package/dist/types/components/CometChatGroupMembers/CometChatGroupMembers.d.ts

@@ -161,6 +161,18 @@ interface GroupMembersProps {
      * @defaultValue `false`
      */
     showScrollbar?: boolean;
+    /**
+     * @internal
+     *
+     * Skips the scroll height check when triggering onScrolledToBottom callback in CometChatList.
+     * When true, the callback fires even if the list content fits within the list body container.
+     * Uses the screen/viewport as the intersection root instead of the list body,
+     * so the callback triggers when the bottom of the list becomes visible on screen.
+     * Useful when the list is embedded in a parent scrollable container.
+     *
+     * @defaultValue `false`
+     */
+    observeScrollFromViewport?: boolean;
 }
 export type Action = {
     type: "appendGroupMembers";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.3.10",
+  "version": "6.3.11",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -13,7 +13,7 @@
     "rxjs": "^7.8.1",
     "react-markdown": "^10.1.0",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-syntax-highlighter": "^16.1.0",
     "remark-gfm": "^4.0.1"
   },
   "scripts": {
@@ -46,7 +46,7 @@
     "typescript": "^5.0.4",
     "webpack": "^5.68.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "webpack-dev-server": "^5.2.3"
   },
   "peerDependencies": {
     "@types/react": ">=18.0.0 <20.0.0",