@namuna-nur/ui-kit 1.10.4 → 1.10.6

package/lib/src/molecules/ChatMessage/ChatMessage.data.d.ts

@@ -1,3 +1,3 @@
-import { MessageType } from '../../atoms';
+import { MessageType } from '..';
 export declare const messageData: MessageType[];
 export declare const messagesData: MessageType[];

package/lib/src/molecules/ChatMessage/ChatMessage.types.d.ts

@@ -1,7 +1,11 @@
 import { StoryObj } from '@storybook/react';
-import { MessageType } from '../../atoms';
-import { ChatMessage } from '..';
+import { MessageType, ChatMessage, MessageSettingsEventType } from '..';
 export type ChatMessageStory = StoryObj<typeof ChatMessage>;
+export type ChatMessageActionPayload = {
+    messageId: string | undefined;
+    messageText: string;
+    senderName: string;
+};
 export type ChatMessageProps = {
     currentUserId: string | number;
     senderId: string | number;
@@ -22,4 +26,5 @@ export type ChatMessageProps = {
         item?: string;
         selection?: string;
     };
+    onMessageAction: (actionId: MessageSettingsEventType, payload: ChatMessageActionPayload) => void;
 };

package/lib/src/molecules/Combobox/Combobox.tokens.d.ts

@@ -1,4 +1,5 @@
 export declare const comboboxTokens: {
+    container: string;
     base: {
         trigger: string;
         focus: string;
@@ -8,6 +9,7 @@ export declare const comboboxTokens: {
         textWrapper: string;
         icon: string;
         iconDisabled: string;
+        labelContainer: string;
     };
     search: {
         wrapper: string;

package/lib/src/molecules/Combobox/Combobox.types.d.ts

@@ -8,6 +8,9 @@ export type ComboboxProps = {
     onChange: (value: string) => void;
     searchValue: string;
     onSearchChange: (query: string) => void;
+    onDebouncedSearch?: (query: string) => void;
+    debounceDelay?: number;
+    labelText?: string;
     placeholder?: string;
     searchPlaceholder?: string;
     emptyMessage?: string;
@@ -15,13 +18,17 @@ export type ComboboxProps = {
     status?: SelectStatusType;
     isLoading?: boolean;
     container?: HTMLElement | null;
+    disablePortal?: boolean;
     classNames?: {
+        container?: string;
+        labelText?: string;
         parent?: string;
         trigger?: string;
         selected?: string;
         placeholder?: string;
         content?: string;
         searchInput?: string;
+        labelContainer?: string;
     };
 };
 export type ComboboxRef = {

package/lib/src/molecules/DocumentMessage/DocumentMessage.d.ts

@@ -0,0 +1,2 @@
+import { DocumentMessageProps } from '..';
+export declare const DocumentMessage: ({ title, size, dateAndTime, timestamp, status, isMine, onClick, classNames, }: DocumentMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/DocumentMessage/DocumentMessage.data.d.ts

@@ -0,0 +1,4 @@
+import { DocumentMessageProps } from '..';
+export declare const DocumentMessageData: DocumentMessageProps;
+export declare const DocumentMessageDeliveredData: DocumentMessageProps;
+export declare const DocumentMessageReceivedData: DocumentMessageProps;

package/lib/src/molecules/DocumentMessage/DocumentMessage.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { DocumentMessage, DocumentMessageStory } from '..';
+declare const meta: Meta<typeof DocumentMessage>;
+export default meta;
+export declare const Default: DocumentMessageStory;
+export declare const Delivered: DocumentMessageStory;
+export declare const Received: DocumentMessageStory;

package/lib/src/molecules/DocumentMessage/DocumentMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/DocumentMessage/DocumentMessage.tokens.d.ts

@@ -0,0 +1,9 @@
+export declare const DocumentMessageTokens: {
+    root: string;
+    icon: string;
+    content: string;
+    title: string;
+    size: string;
+    dateAndTime: string;
+    footer: string;
+};

package/lib/src/molecules/DocumentMessage/DocumentMessage.types.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { DocumentMessage } from '..';
+export type DocumentMessageStatus = 'delivered' | 'read';
+export type DocumentMessageProps = {
+    title: string;
+    size: string;
+    dateAndTime: Date | string;
+    timestamp?: Date | string;
+    status?: DocumentMessageStatus;
+    isMine?: boolean;
+    onClick?: () => void;
+    classNames?: {
+        root?: string;
+        icon?: string;
+        content?: string;
+        title?: string;
+        size?: string;
+        dateAndTime?: string;
+        footer?: string;
+    };
+};
+export type DocumentMessageStory = StoryObj<typeof DocumentMessage>;

package/lib/src/molecules/DocumentMessage/index.d.ts

@@ -0,0 +1,3 @@
+export { DocumentMessage } from './DocumentMessage';
+export * from './DocumentMessage.tokens';
+export type * from './DocumentMessage.types';

package/lib/src/molecules/FileCard/FileCard.d.ts

@@ -0,0 +1,11 @@
+export declare const FileCard: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    size: number;
+    dateAndTime: Date;
+    isDownloaded?: boolean;
+    classNames?: {
+        wrapper?: string;
+        iconWrapper?: string;
+        content?: string;
+    };
+} & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/FileCard/FileCard.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { FileCard } from './FileCard';
+import { FileCardStory } from './FileCard.types';
+declare const meta: Meta<typeof FileCard>;
+export declare const Default: FileCardStory;
+export declare const Downloaded: FileCardStory;
+export default meta;

package/lib/src/molecules/FileCard/FileCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/FileCard/FileCard.tokens.d.ts

@@ -0,0 +1,9 @@
+export declare const fileCardTokens: {
+    wrapper: string;
+    iconWrapper: string;
+    icon: string;
+    content: string;
+    name: string;
+    size: string;
+    dateAndTime: string;
+};

package/lib/src/molecules/FileCard/FileCard.types.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { HTMLAttributes } from 'react';
+import { FileCard } from './FileCard';
+export type FileCardProps = HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    size: number;
+    dateAndTime: Date;
+    isDownloaded?: boolean;
+    classNames?: {
+        wrapper?: string;
+        iconWrapper?: string;
+        content?: string;
+    };
+};
+export type FileCardStory = StoryObj<typeof FileCard>;

package/lib/src/molecules/FileCard/index.d.ts

@@ -0,0 +1,3 @@
+export { FileCard } from './FileCard';
+export * from './FileCard.tokens';
+export type * from './FileCard.types';

package/lib/src/molecules/ImageMessage/ImageMessage.d.ts

@@ -0,0 +1,2 @@
+import { ImageMessageProps } from '..';
+export declare const ImageMessage: ({ src, alt, status, isMine, onClick, classNames, }: ImageMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/ImageMessage/ImageMessage.data.d.ts

@@ -0,0 +1,4 @@
+import { ImageMessageProps } from '..';
+export declare const ImageMessageData: ImageMessageProps;
+export declare const ImageMessageDeliveredData: ImageMessageProps;
+export declare const ImageMessageReceivedData: ImageMessageProps;

package/lib/src/molecules/ImageMessage/ImageMessage.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { ImageMessage, ImageMessageStory } from '..';
+declare const meta: Meta<typeof ImageMessage>;
+export declare const Default: ImageMessageStory;
+export declare const Delivered: ImageMessageStory;
+export declare const Received: ImageMessageStory;
+export default meta;

package/lib/src/molecules/ImageMessage/ImageMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/ImageMessage/ImageMessage.tokens.d.ts

@@ -0,0 +1,6 @@
+export declare const ImageMessageTokens: {
+    root: string;
+    image: string;
+    overlay: string;
+    status: string;
+};

package/lib/src/molecules/ImageMessage/ImageMessage.types.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { ImageMessage } from '..';
+export type ImageMessageStatus = 'delivered' | 'read';
+export type ImageMessageProps = {
+    src: string;
+    alt?: string;
+    status?: ImageMessageStatus;
+    isMine?: boolean;
+    onClick?: () => void;
+    classNames?: {
+        root?: string;
+        image?: string;
+        overlay?: string;
+        status?: string;
+    };
+};
+export type ImageMessageStory = StoryObj<typeof ImageMessage>;

package/lib/src/molecules/ImageMessage/index.d.ts

@@ -0,0 +1,3 @@
+export { ImageMessage } from './ImageMessage';
+export * from './ImageMessage.tokens';
+export type * from './ImageMessage.types';

package/lib/src/{atoms → molecules}/Message/Message.stories.d.ts

@@ -7,4 +7,5 @@ export declare const DeliveredMessage: MessageStory;
 export declare const ReadMessage: MessageStory;
 export declare const MyMessage: MessageStory;
 export declare const OtherMessage: MessageStory;
+export declare const ReplyMessage: MessageStory;
 export default meta;

package/lib/src/molecules/Message/Message.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/{atoms → molecules}/Message/Message.types.d.ts

@@ -1,6 +1,6 @@
 import { StoryObj } from '@storybook/react';
 import { HTMLAttributes } from 'react';
-import { Message } from '..';
+import { Message } from './Message';
 export type MessageStory = StoryObj<typeof Message>;
 export type MessageStatus = 'sent' | 'delivered' | 'read';
 export type MessageType = {
@@ -8,6 +8,10 @@ export type MessageType = {
     text: string;
     timestamp: Date | null;
     status: MessageStatus;
+    reply?: {
+        senderName: string;
+        messageText: string;
+    };
 };
 export type MessageTokens = {
     base: string;

package/lib/src/molecules/MessageSettings/MessageSettings.d.ts

@@ -1,2 +1,2 @@
 import { MessageSettingsProps } from '..';
-export declare const MessageSettings: ({ trigger, onClick }: MessageSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageSettings: ({ trigger, onClick, isMine, }: MessageSettingsProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/MessageSettings/MessageSettings.types.d.ts

@@ -1,11 +1,11 @@
 import { StoryObj } from '@storybook/react';
 import { FunctionComponent, ReactNode, SVGProps } from 'react';
 import { MessageSettings } from '..';
-export type MessageSettingsStory = StoryObj<typeof MessageSettings>;
 export type OnHandleSettings = (actionId: MessageSettingsEventType) => void;
 export type MessageSettingsProps = {
     trigger: ReactNode;
     onClick: OnHandleSettings;
+    isMine?: boolean;
 };
 export type MessageSettingsEventType = 'copy' | 'edit' | 'delete' | 'select' | 'response' | 'download';
 export type MessageSettingsDataType = {
@@ -19,3 +19,4 @@ export type MessageSettingsDataType = {
     isDanger?: boolean;
     text: string;
 };
+export type MessageSettingsStory = StoryObj<typeof MessageSettings>;

package/lib/src/molecules/VideoMessage/VideoMessage.d.ts

@@ -0,0 +1,2 @@
+import { VideoMessageProps } from '..';
+export declare const VideoMessage: ({ src, poster, alt, duration, timestamp, status, isMine, onClick, onToggleMute, classNames, }: VideoMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/VideoMessage/VideoMessage.data.d.ts

@@ -0,0 +1,4 @@
+import { VideoMessageProps } from '..';
+export declare const VideoMessageData: VideoMessageProps;
+export declare const VideoMessageDeliveredData: VideoMessageProps;
+export declare const VideoMessageReceivedData: VideoMessageProps;

package/lib/src/molecules/VideoMessage/VideoMessage.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { VideoMessage, VideoMessageStory } from '..';
+declare const meta: Meta<typeof VideoMessage>;
+export declare const Default: VideoMessageStory;
+export declare const Delivered: VideoMessageStory;
+export declare const Received: VideoMessageStory;
+export default meta;

package/lib/src/molecules/VideoMessage/VideoMessage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/VideoMessage/VideoMessage.tokens.d.ts

@@ -0,0 +1,9 @@
+export declare const VideoMessageTokens: {
+    root: string;
+    video: string;
+    topBar: string;
+    duration: string;
+    muteButton: string;
+    footer: string;
+    timestamp: string;
+};

package/lib/src/molecules/VideoMessage/VideoMessage.types.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { VideoMessage } from '..';
+export type VideoMessageStatus = 'delivered' | 'read';
+export type VideoMessageProps = {
+    src: string;
+    poster?: string;
+    alt?: string;
+    duration: string;
+    timestamp?: Date | string;
+    status?: VideoMessageStatus;
+    isMine?: boolean;
+    onClick?: () => void;
+    onToggleMute?: () => void;
+    classNames?: {
+        root?: string;
+        video?: string;
+        topBar?: string;
+        duration?: string;
+        muteButton?: string;
+        footer?: string;
+        timestamp?: string;
+        status?: string;
+    };
+};
+export type VideoMessageStory = StoryObj<typeof VideoMessage>;

package/lib/src/molecules/VideoMessage/index.d.ts

@@ -0,0 +1,3 @@
+export { VideoMessage } from './VideoMessage';
+export * from './VideoMessage.tokens';
+export type * from './VideoMessage.types';

package/lib/src/molecules/index.d.ts

@@ -58,3 +58,9 @@ export * from './CardRingChart';
 export * from './CardProgress';
 export * from './ProgressItem';
 export * from './Combobox';
+export * from './FileCard';
+export * from './Message';
+export * from './DocumentMessage';
+export * from './ImageMessage';
+export * from './VideoMessage';
+export * from './AudioMessage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namuna-nur/ui-kit",
-  "version": "1.10.4",
+  "version": "1.10.6",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",