quickblox-react-ui-kit 0.2.8 → 0.3.0-beta.2

package/dist/Presentation/ui-components/DialogBanner/DialogBanner.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './DialogBanner.scss';
+type DialogBannerProps = {
+    text: string;
+    onClick?: VoidFunction;
+};
+export default function ({ text, onClick }: DialogBannerProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/DialogBanner/DialogBanner.stories.d.ts

@@ -0,0 +1,34 @@
+import type { StoryObj } from '@storybook/react';
+import DialogBanner from './DialogBanner';
+declare const meta: {
+    title: string;
+    component: typeof DialogBanner;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        text: string;
+    };
+    argTypes: {
+        text: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        onClick: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DialogBannerDefault: Story;

package/dist/Presentation/ui-components/DialogItemPreview/DialogItemPreview.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
+import './DialogItemPreview.scss';
+export type DialogItemPreviewProps = {
+    avatar: ReactElement;
+    title: string;
+    active?: boolean;
+    date?: string;
+    lastMessage?: ReactElement | string;
+    badge?: ReactElement;
+    contextMenu?: ReactElement;
+    onClick?: FunctionTypeVoidToVoid;
+    className?: string;
+};
+declare const DialogItemPreview: React.FC<DialogItemPreviewProps>;
+export default DialogItemPreview;

package/dist/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import DialogItemPreview from './DialogItemPreview';
+declare const meta: Meta<typeof DialogItemPreview>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DialogItemPreviewDefault: Story;
+export declare const DialogItemPreviewFullScreen: Story;
+export declare const DialogItemPreviewMobileScreen: Story;
+export declare const DialogItemPreviewMobileScreenIPad: Story;

package/dist/Presentation/ui-components/DialogWindow/DialogWindow.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import './DialogWindow.scss';
+interface DialogWindowProps {
+    open: boolean;
+    title: string;
+    children: ReactElement | ReactElement[];
+    onClose?: VoidFunction;
+    className?: string;
+}
+export default function DialogWindow({ children, onClose, open, title, className, }: DialogWindowProps): import("react").ReactPortal | null;
+export {};

package/dist/Presentation/ui-components/DialogWindow/DialogWindow.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import DialogWindow from './DialogWindow';
+declare const meta: Meta<typeof DialogWindow>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const DialogWindowDefault: StoryDefault;

package/dist/Presentation/ui-components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { Option } from './DropdownOption';
+import './Dropdown.scss';
+export interface DropDownProps {
+    options: Option[];
+    disabled?: boolean;
+    children?: ReactElement | string | number;
+    onSelect: (value: string) => void;
+    className?: string;
+    placement?: 'topRight' | 'bottomRight' | 'left';
+}
+export default function Dropdown({ options, disabled, onSelect, className, children, placement, }: DropDownProps): JSX.Element;

package/dist/Presentation/ui-components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import type { Meta, StoryObj } from '@storybook/react';
+import Dropdown from './Dropdown';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const DropdownDefault: StoryDefault;
+export declare const DropdownRightIcon: {
+    args: {
+        children: JSX.Element;
+        disable: boolean;
+        options: {
+            value: string;
+            label: string;
+            rightIcon: JSX.Element;
+        }[];
+    };
+};
+export declare const DropdownLeftIcon: {
+    args: {
+        children: JSX.Element;
+        disable: boolean;
+        options: {
+            value: string;
+            label: string;
+            leftIcon: JSX.Element;
+        }[];
+    };
+};

package/dist/Presentation/ui-components/Dropdown/DropdownOption.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+export interface Option {
+    value: string;
+    label: string;
+    leftIcon?: ReactElement;
+    rightIcon?: ReactElement;
+}
+interface DropdownOptionProps extends Option {
+    onSelect: (value: string) => void;
+}
+export default function DropdownOption({ label, value, leftIcon, rightIcon, onSelect, }: DropdownOptionProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Header/Header.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
+import './Header.scss';
+export type HeaderProps = {
+    title: string;
+    avatar?: ReactElement;
+    badge?: ReactElement;
+    children?: ReactElement | ReactElement[];
+    onGoBack?: FunctionTypeVoidToVoid;
+    className?: string;
+};
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/dist/Presentation/ui-components/Header/Header.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Header from './Header';
+declare const meta: Meta;
+export default meta;
+export declare const HeaderDefault: StoryObj<typeof Header>;
+export declare const HeaderWithAvatar: StoryObj<typeof Header>;
+export declare const HeaderWithAvatarAndBack: StoryObj<typeof Header>;
+export declare const HeaderWithOneChildrenIcon: StoryObj<typeof Header>;
+export declare const HeaderWithTwoChildrenIcon: StoryObj<typeof Header>;

package/dist/Presentation/ui-components/Loader/Loader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './Loader.scss';
+interface LoaderProps {
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export default function Loader({ className, size }: LoaderProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Loader/Loader.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/react';
+import Loader from './Loader';
+declare const meta: {
+    title: string;
+    component: typeof Loader;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        className: string;
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        className: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const LoaderDefault: StoryDefault;

package/dist/Presentation/ui-components/Message/Bubble/AttachmentBubble/AttachmentBubble.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import ChatMessageAttachmentEntity from '../../../../../Domain/entity/ChatMessageAttachmentEntity';
+interface AttachmentBubbleProps {
+    attachment: ChatMessageAttachmentEntity;
+    typeMessage: 'incoming' | 'outgoing';
+}
+export default function AttachmentBubble({ attachment, typeMessage, }: AttachmentBubbleProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './AudioBubble.scss';
+interface AudioBubbleProps {
+    type: 'outgoing' | 'incoming';
+    title?: string;
+    href?: string;
+    fileUid?: string;
+    audioFileType?: string;
+}
+export default function AudioBubble({ type, title, href, fileUid, audioFileType, }: AudioBubbleProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './FileBubble.scss';
+interface FileBubbleProps {
+    type: 'outgoing' | 'incoming';
+    title: string;
+    href?: string;
+}
+export default function FileBubble({ type, title, href }: FileBubbleProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './ImageBubble.scss';
+interface ImageBubbleProps {
+    title: string;
+    href?: string;
+}
+export default function ImageBubble({ title, href }: ImageBubbleProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './TextBubble.scss';
+interface TextBubbleProps {
+    text: string;
+    type: 'outgoing' | 'incoming';
+}
+export default function TextBubble({ text, type }: TextBubbleProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './VideoBubble.scss';
+interface VideoBubbleProps {
+    title: string;
+    href?: string;
+    className?: string;
+}
+export default function VideoBubble({ title, href, className, }: VideoBubbleProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/FileUrl/FileUrl.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './FileUrl.scss';
+interface FileUrlProps {
+    title: string;
+    href?: string;
+}
+export default function FileUrl({ title, href }: FileUrlProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/Message.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import './Message.scss';
+export type MessageProps = {
+    userName: string;
+    avatar?: ReactElement;
+    time: string;
+    type: 'outgoing' | 'incoming';
+    subtype?: 'reply' | 'forward';
+    status?: 'sent' | 'delivered' | 'viewed' | 'error';
+    enableSelect?: boolean;
+    isSelect?: boolean;
+    disabled?: boolean;
+    onSelect?: (isSelected: boolean) => void;
+    bottomPart?: ReactElement;
+    additionalPart?: ReactElement;
+    children?: ReactElement;
+};
+export default function Message({ userName, avatar, time, type, status, subtype, enableSelect, isSelect, disabled, onSelect, bottomPart, additionalPart, children, }: MessageProps): JSX.Element;

package/dist/Presentation/ui-components/Message/Message.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MessageProps } from './Message';
+declare const meta: Meta<MessageProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MessageText: Story;
+export declare const MessageImage: Story;
+export declare const MessageFile: Story;

package/dist/Presentation/ui-components/Message/MessageCaption/MessageCaption.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './MessageCaption.scss';
+interface MessageCaptionProps {
+    type: 'outgoing' | 'incoming';
+    subtype?: 'reply' | 'forward';
+    userName: string;
+}
+export default function MessageCaption({ type, subtype, userName, }: MessageCaptionProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './TimeAndStatus.scss';
+interface TimeAndStatusProps {
+    status?: 'sent' | 'delivered' | 'viewed' | 'error';
+    time: string;
+}
+export default function TimeAndStatus({ status, time }: TimeAndStatusProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/MessageInput/MessageInput.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactElement } from 'react';
+import { FunctionTypeStringToVoid, FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
+import './MessageInput.scss';
+export type MessageInputProps = {
+    value: string;
+    onChange?: FunctionTypeStringToVoid;
+    onChanging?: FunctionTypeStringToVoid;
+    onSend?: FunctionTypeStringToVoid;
+    enableVoice?: boolean;
+    onVoice?: FunctionTypeVoidToVoid;
+    disableAttachment?: boolean;
+    onAttachment: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    previewMessage?: ReactElement;
+    rephrase?: ReactElement;
+    loading?: boolean;
+    placeholder?: string;
+    className?: string;
+};
+declare const MessageInput: React.FC<MessageInputProps>;
+export default MessageInput;

package/dist/Presentation/ui-components/MessageInput/MessageInput.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MessageInput from './MessageInput';
+declare const meta: Meta<typeof MessageInput>;
+export default meta;
+export declare const Default: StoryObj<typeof MessageInput>;
+export declare const WithVoiceMessage: StoryObj<typeof MessageInput>;
+export declare const WithPreview: StoryObj<typeof MessageInput>;
+export declare const LoadingState: StoryObj<typeof MessageInput>;

package/dist/Presentation/ui-components/MessageSeparator/MessageSeparator.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './MessageSeparator.scss';
+type MessageSeparatorProps = {
+    text: string;
+    type?: 'date' | 'system';
+};
+export default function MessageSeparator({ text, type, }: MessageSeparatorProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/react';
+import MessageSeparator from './MessageSeparator';
+declare const meta: {
+    title: string;
+    component: typeof MessageSeparator;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        text: string;
+        type: "date";
+    };
+    argTypes: {
+        text: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        type: {
+            description: string;
+            type: "function";
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MessageSeparatorDate: Story;
+export declare const MessageSeparatorSystem: Story;

package/dist/Presentation/ui-components/Placeholder/Placeholder.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import './Placeholder.scss';
+interface PlaceholderProps {
+    icon?: ReactElement;
+    text: string | string[];
+    onRetry?: VoidFunction;
+    className?: string;
+}
+export default function Placeholder({ icon, text, onRetry, className, }: PlaceholderProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Placeholder/Placeholder.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Placeholder from './Placeholder';
+declare const meta: Meta<typeof Placeholder>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const PlaceholderDefault: StoryDefault;
+export declare const PlaceholderError: StoryDefault;

package/dist/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './PreviewFileMessage.scss';
+export interface PreviewFileMessageProps {
+    type?: 'document' | 'audio' | 'video';
+    name: string;
+    src?: string;
+    className?: string;
+}
+export default function PreviewFileMessage({ type, name, src, className, }: PreviewFileMessageProps): JSX.Element;

package/dist/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import PreviewFileMessage from './PreviewFileMessage';
+declare const meta: Meta<typeof PreviewFileMessage>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const PreviewFileMessageDefault: StoryDefault;
+export declare const PreviewFileMessageAudio: StoryDefault;
+export declare const PreviewFileMessageVideo: StoryDefault;
+export declare const PreviewFileMessageImage: StoryDefault;

package/dist/Presentation/ui-components/SettingsItem/SettingsItem.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import './SettingsItem.scss';
+interface SettingsItemProps {
+    icon: ReactElement;
+    title: string;
+    rightSection?: ReactElement | ReactElement[];
+    children?: ReactElement | ReactElement[];
+    className?: string;
+    onClick?: VoidFunction;
+}
+export default function SettingsItem({ icon, title, rightSection, children, className, onClick, }: SettingsItemProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/SettingsItem/SettingsItem.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SettingsItem from './SettingsItem';
+declare const meta: Meta<typeof SettingsItem>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const SettingsItemDefault: StoryDefault;
+export declare const SettingsItemNotification: StoryDefault;
+export declare const SettingsItemMembers: StoryDefault;

package/dist/Presentation/ui-components/TextField/TextField.d.ts

@@ -0,0 +1,13 @@
+import { DetailedHTMLProps, InputHTMLAttributes, ReactElement } from 'react';
+import './TextField.scss';
+type HTMLInputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+interface TextFieldProps extends Omit<HTMLInputProps, 'onChange'> {
+    label?: string;
+    icon?: ReactElement;
+    loading?: boolean;
+    id?: string;
+    value: string;
+    onChange: (value: string) => void;
+}
+export default function TextField({ label, icon, loading, disabled, className, id, value, onChange, ...inputProps }: TextFieldProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/TextField/TextField.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TextField from './TextField';
+declare const meta: Meta<typeof TextField>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const TextFieldDefault: StoryDefault;
+export declare const TextFieldDisabled: StoryDefault;
+export declare const TextFieldReset: StoryDefault;

package/dist/Presentation/ui-components/Toast/Toast.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ToastProvider from './ToastProvider';
+declare const meta: Meta<typeof ToastProvider>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const ToastDefault: StoryDefault;

package/dist/Presentation/ui-components/Toast/ToastProvider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import 'react-toastify/dist/ReactToastify.css';
+import './Toast.scss';
+interface ToastProps {
+    children: ReactNode;
+}
+export default function ToastProvider({ children }: ToastProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/UserListItem/UserListItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './UserListItem.scss';
+export interface UserListItemProps {
+    userName: string;
+    avatarUrl?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+}
+export default function UserListItem({ avatarUrl, userName, checked, disabled, onChange, className, }: UserListItemProps): JSX.Element;

package/dist/Presentation/ui-components/UserListItem/UserListItem.stories.d.ts

@@ -0,0 +1,86 @@
+import type { StoryObj } from '@storybook/react';
+import UserListItem from './UserListItem';
+declare const meta: {
+    title: string;
+    component: typeof UserListItem;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        className: string;
+        disabled: false;
+        checked: false;
+        userName: string;
+        avatarUrl: string;
+    };
+    argTypes: {
+        avatarUrl: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        userName: {
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        disabled: {
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            description: string;
+        };
+        checked: {
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            description: string;
+        };
+        onChange: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        className: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const UserListItemDefault: StoryDefault;
+export declare const UserList: StoryDefault;