@cometchat/chat-uikit-react 5.0.1 → 5.0.3

package/dist/styles/CometChatUsers.css

@@ -75,11 +75,9 @@
   flex-shrink: 0;
   width: 48px;
   height: 48px;
-  border-radius: var(--cometchat-radius-max,1000px);
-  background: var(
-    --cometchat-shimmer-gradient-color,
-    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
-  );
+  border-radius: var(--cometchat-radius-max, 1000px);
+  background: var(--cometchat-shimmer-gradient-color,
+      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
 }
 
 .cometchat-users__shimmer-item-body {
@@ -95,23 +93,19 @@
   height: 22px;
   flex-shrink: 0;
   border-radius: var(--cometchat-radius-2, 8px);
-  background: var(
-    --cometchat-shimmer-gradient-color,
-    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
-  );
+  background: var(--cometchat-shimmer-gradient-color,
+      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
   animation: shimmerAnimation 1.5s infinite linear;
 
 }
 
 .cometchat-users__shimmer-item-body-subtitle {
-  width:25%;
+  width: 25%;
   height: 12px;
   flex-shrink: 0;
   border-radius: var(--cometchat-radius-2, 8px);
-  background: var(
-    --cometchat-shimmer-gradient-color,
-    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
-  );
+  background: var(--cometchat-shimmer-gradient-color,
+      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
   animation: shimmerAnimation 1.5s infinite linear;
 
 }
@@ -124,21 +118,22 @@
   top: 20px;
   right: 15px;
   border-radius: var(--cometchat-radius-max, 1000px);
-  background:  var(--cometchat-success-color,#09C26F);
+  background: var(--cometchat-success-color, #09C26F);
   min-width: 14px;
-  border: 2px solid var(--cometchat-neutral-color-50,#FFFFFF);
+  border: 2px solid var(--cometchat-neutral-color-50, #FFFFFF);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.cometchat-users__list-item-active .cometchat-list-item{
-  background-color:var(--cometchat-white-pressed,#E8E8E8)
+.cometchat-users__list-item-active .cometchat-list-item {
+  background-color: var(--cometchat-white-pressed, #E8E8E8)
 }
 
-.cometchat-users__list-item  {
+.cometchat-users__list-item {
   cursor: pointer;
 }
+
 .cometchat-users__list-item .cometchat-avatar {
   width: 40px;
   height: 40px;
@@ -155,11 +150,11 @@
 }
 
 @keyframes shimmerAnimation {
-    0% {
-      background-position: -468px 0;
-    }
-  
-    100% {
-      background-position: 468px 0;
-    }
+  0% {
+    background-position: -468px 0;
+  }
+
+  100% {
+    background-position: 468px 0;
   }
+}

package/dist/styles/components/CometChatUsers.css

@@ -75,11 +75,9 @@
   flex-shrink: 0;
   width: 48px;
   height: 48px;
-  border-radius: var(--cometchat-radius-max,1000px);
-  background: var(
-    --cometchat-shimmer-gradient-color,
-    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
-  );
+  border-radius: var(--cometchat-radius-max, 1000px);
+  background: var(--cometchat-shimmer-gradient-color,
+      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
 }
 
 .cometchat-users__shimmer-item-body {
@@ -95,23 +93,19 @@
   height: 22px;
   flex-shrink: 0;
   border-radius: var(--cometchat-radius-2, 8px);
-  background: var(
-    --cometchat-shimmer-gradient-color,
-    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
-  );
+  background: var(--cometchat-shimmer-gradient-color,
+      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
   animation: shimmerAnimation 1.5s infinite linear;
 
 }
 
 .cometchat-users__shimmer-item-body-subtitle {
-  width:25%;
+  width: 25%;
   height: 12px;
   flex-shrink: 0;
   border-radius: var(--cometchat-radius-2, 8px);
-  background: var(
-    --cometchat-shimmer-gradient-color,
-    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
-  );
+  background: var(--cometchat-shimmer-gradient-color,
+      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
   animation: shimmerAnimation 1.5s infinite linear;
 
 }
@@ -124,21 +118,22 @@
   top: 20px;
   right: 15px;
   border-radius: var(--cometchat-radius-max, 1000px);
-  background:  var(--cometchat-success-color,#09C26F);
+  background: var(--cometchat-success-color, #09C26F);
   min-width: 14px;
-  border: 2px solid var(--cometchat-neutral-color-50,#FFFFFF);
+  border: 2px solid var(--cometchat-neutral-color-50, #FFFFFF);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.cometchat-users__list-item-active .cometchat-list-item{
-  background-color:var(--cometchat-white-pressed,#E8E8E8)
+.cometchat-users__list-item-active .cometchat-list-item {
+  background-color: var(--cometchat-white-pressed, #E8E8E8)
 }
 
-.cometchat-users__list-item  {
+.cometchat-users__list-item {
   cursor: pointer;
 }
+
 .cometchat-users__list-item .cometchat-avatar {
   width: 40px;
   height: 40px;
@@ -155,11 +150,11 @@
 }
 
 @keyframes shimmerAnimation {
-    0% {
-      background-position: -468px 0;
-    }
-  
-    100% {
-      background-position: 468px 0;
-    }
+  0% {
+    background-position: -468px 0;
+  }
+
+  100% {
+    background-position: 468px 0;
   }
+}

package/dist/types/components/BaseComponents/CometChatEmojiKeyboard/useCometChatEmojiKeyboard.d.ts

@@ -1,9 +1,11 @@
+/// <reference types="react" />
 import { CometChatEmoji, CometChatEmojiCategory } from "./CometChatEmoji";
 export declare const useCometChatEmojiKeyboard: ({ emojiData, }: {
     emojiData: CometChatEmojiCategory[];
 }) => {
     emojiDataState: CometChatEmojiCategory[];
-    activeCategory: string;
+    activeCategory: string | undefined;
+    setActiveCategory: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     searchEmojiData: {
         [key: string]: CometChatEmoji;
     };

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

@@ -3,8 +3,15 @@ import React from 'react';
  * Props for the CometChatFullScreenViewer component.
  */
 interface FullScreenViewerProps {
-    /** URL of the image to be displayed */
+    /**
+     * @deprecated
+     *  Use 'url' prop instead. This prop is deprecated and will be removed in future versions.
+     * */
     URL?: string;
+    /**
+     * URL of the image to be displayed
+     */
+    url?: string;
     /** Placeholder image URL */
     placeholderImage?: string;
     /** Callback function when the close button is clicked */

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

@@ -1,5 +1,5 @@
 import { JSX } from "react";
-import { States, TitleAlignment } from "../../../Enums/Enums";
+import { States } from "../../../Enums/Enums";
 export type DivElementRef = HTMLDivElement | null;
 interface ListProps<T> {
     /**
@@ -8,12 +8,6 @@ interface ListProps<T> {
      * @defaultValue `""`
      */
     headerView?: JSX.Element;
-    /**
-     * Alignment of the `title` text
-     *
-     * @defaultValue `TitleAlignment.left`
-     */
-    titleAlignment?: TitleAlignment;
     /**
      * Hide the search bar
      *
@@ -33,10 +27,6 @@ interface ListProps<T> {
      * This function will only be called after 500ms of the search input text change
      */
     onSearch?: (searchStr: string) => void;
-    /**
-     * Image URL for the search icon to use in the search bar
-     */
-    searchIconURL?: string;
     /**
      * Text to be displayed when the search input has no value
      *
@@ -91,10 +81,6 @@ interface ListProps<T> {
      * Custom view for the loading state of the component
      */
     loadingView?: JSX.Element;
-    /**
-     * Image URL for the default loading view
-     */
-    loadingIconURL?: string;
     /**
      * Hide error view
      *
@@ -108,22 +94,10 @@ interface ListProps<T> {
      * Custom view for the error state of the component
      */
     errorView?: JSX.Element;
-    /**
-     * Text to display in the default error view
-     *
-     * @defaultValue `"ERROR"`
-     */
-    errorStateText?: string;
     /**
      * Custom view for the empty state of the component
      */
     emptyView?: JSX.Element;
-    /**
-     * Text to display in the default empty view
-     *
-     * @defaultValue `"EMPTY"`
-     */
-    emptyStateText?: string;
     /**
      * Set the scrollbar to the bottom-most position of the scrollable list
      *

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

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import { ReactNode } from 'react';
 export declare enum Placement {
     top = "top",
     right = "right",
@@ -12,10 +12,8 @@ interface PopoverProps {
     debounceOnHover?: number;
     children: ReactNode;
     content: ReactNode;
-    hasToolTip?: boolean;
     childClickHandler?: (openContent: Function, event: Event) => void;
     onOutsideClick?: () => void;
-    overrideStyleProps?: CSSProperties;
 }
 declare const CometChatPopover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<{
     openPopover: () => void;

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

@@ -1,21 +1,15 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import { UserMemberListType } from '../../Enums/Enums';
 export interface MentionsProps {
     userMemberListType?: UserMemberListType;
     onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void;
-    listItemView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
-    statusIndicatorStyle?: CSSProperties;
+    itemView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
     searchKeyword?: string;
     group?: CometChat.Group;
     subtitleView?: (item?: CometChat.User | CometChat.GroupMember) => JSX.Element;
     usersRequestBuilder?: CometChat.UsersRequestBuilder;
-    disableUsersPresence?: boolean;
-    hideSeparator?: boolean;
-    loadingStateView?: JSX.Element;
     onEmpty?: () => void;
     groupMemberRequestBuilder?: CometChat.GroupMembersRequestBuilder;
-    loadingIconUrl?: string;
-    disableLoadingState?: boolean;
     onError?: () => void;
 }
 export declare function CometChatUserMemberWrapper(props: MentionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Extensions/Polls/PollsBubble.d.ts

@@ -1,9 +1,17 @@
 import { MessageBubbleAlignment } from "../../../Enums/Enums";
+export interface PollOptions {
+    id: string;
+    selectedByLoggedInUser?: boolean;
+    text: string;
+    votersObj?: CometChat.User[];
+    count: number;
+    percent: string;
+}
 interface PollsBubbleProps {
     /**
      * Array of options for the poll.
      */
-    options?: any[];
+    options?: PollOptions[];
     /**
      * The question being asked in the poll.
      */

package/dist/types/constants/CometChatUIKitConstants.d.ts

@@ -136,4 +136,11 @@ export declare class CometChatUIKitConstants {
         usersLimit: 30;
         groupsLimit: 30;
     }>;
+    static radioNames: Readonly<{
+        conversations: "conversations";
+        users: "users";
+        groups: "groups";
+        changeScope: "changeScope";
+        groupMembers: "groupMembers";
+    }>;
 }

package/dist/types/index.d.ts

@@ -21,6 +21,7 @@ export { MessageTranslationExtensionDecorator } from './components/Extensions/Me
 export { PollsConfiguration } from './components/Extensions/Polls/PollsConfiguration';
 export { PollsExtension } from './components/Extensions/Polls/PollsExtension';
 export { PollsExtensionDecorator } from './components/Extensions/Polls/PollsExtensionDecorator';
+export type { PollOptions } from './components/Extensions/Polls/PollsBubble';
 export { StickersExtension } from './components/Extensions/Stickers/StickersExtension';
 export { StickersExtensionDecorator } from './components/Extensions/Stickers/StickersExtensionDecorator';
 export { ThumbnailGenerationExtension } from './components/Extensions/ThumbnailGeneration/ThumbnailGenerationExtension';

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "dependencies": {
     "@cometchat/chat-sdk-javascript": "^4.0.10",
     "@rollup/plugin-json": "^6.1.0",
+    "postcss": "^8.5.2",
     "rxjs": "^7.8.1"
   },
   "scripts": {
@@ -31,7 +32,7 @@
     "react-dom": "^18.2.0",
     "rollup": "^3.23.0",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-dts": "^5.3.1",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "tslib": "^2.5.2",
@@ -67,4 +68,4 @@
   "bugs": {
     "url": "https://help.cometchat.com/hc/en-us"
   }
-}
+}