quickblox-react-ui-kit 0.4.5-beta.2 → 0.4.5-beta.5

package/.env

@@ -0,0 +1 @@
+FAST_REFRESH=false

package/.storybook/main.ts

@@ -3,96 +3,24 @@ import type { StorybookConfig } from '@storybook/react-webpack5';
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
-    '@storybook/addon-webpack5-compiler-swc',
-    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
+    '@storybook/preset-create-react-app',
+    '@storybook/addon-onboarding',
     '@storybook/addon-interactions',
+    '@storybook/addon-viewport'
   ],
   framework: {
     name: '@storybook/react-webpack5',
-    options: {},
-  },
-  webpackFinal: async (config) => {
-    // ✅ Гарантируем, что module и module.rules существуют
-    if (!config.module) {
-      config.module = { rules: [] };
-    }
-    if (!config.module.rules) {
-      config.module.rules = [];
-    }
-
-    // ✅ Удаляем встроенные Storybook'ом правила для SVG и других медиафайлов
-    config.module.rules = config.module.rules.filter(
-      (rule) =>
-        rule &&
-        typeof rule === 'object' &&
-        'test' in rule &&
-        rule.test instanceof RegExp &&
-        !rule.test.toString().includes(
-          '(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)'
-        )
-    );
-
-    // ✅ Поддержка SVG как React-компонентов (если импортируется с `?react`)
-    config.module.rules.unshift({
-      test: /\.svg$/i,
-      oneOf: [
-        {
-          resourceQuery: /react/, // 🔥 `?react` → импорт как React-компонент
-          use: [
-            {
-              loader: '@svgr/webpack',
-              options: {
-                icon: true,
-                esModule: true,
-              },
-            },
-          ],
-        },
-        {
-          // 🔥 Обычные импорты SVG без `?react` → обрабатываются как файлы
-          type: 'asset/resource',
-        },
-      ],
-    });
-
-    // ✅ Восстанавливаем обработку PNG, JPG, шрифтов и других медиафайлов
-    config.module.rules.push({
-      test: /\.(png|jpg|jpeg|gif|woff|woff2|eot|ttf)$/i,
-      type: 'asset/resource',
-    });
-
-    // ✅ Поддержка SCSS/SASS
-    config.module.rules.push({
-      test: /\.scss$/,
-      use: ['style-loader', 'css-loader', 'sass-loader'],
-    });
-
-    // ✅ Поддержка Babel для JS/TS файлов
-    config.module.rules.push({
-      test: /\.(ts|tsx|js|jsx)$/,
-      exclude: /node_modules/,
-      use: {
-        loader: 'babel-loader',
-      },
-    });
-
-    // ✅ Поддержка alias
-    if (!config.resolve) {
-      config.resolve = {};
-    }
-    config.resolve = {
-      ...config.resolve,
-      extensions: ['.tsx', '.ts', '.js', '.jsx', '.scss', '.css', '.svg'],
-      alias: {
-        ...config.resolve?.alias,
-        path: require.resolve('path-browserify'),
+    options: {
+      builder: {
+        useSWC: true,
       },
-    };
-
-    return config;
+    },
+  },
+  docs: {
+    autodocs: 'tag',
   },
+  staticDirs: ['../public'],
 };
-
 export default config;

package/.storybook/preview.ts

@@ -1,20 +1,15 @@
 import type { Preview } from '@storybook/react';
-import { fn } from '@storybook/test';
 import '../src/index.scss';
 
 const preview: Preview = {
   parameters: {
-    actions: {
-      onClick: fn(),
-      onChange: fn(),
-    },
+    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,
         date: /Date$/i,
       },
     },
-    viewMode: 'docs',
   },
 };
 

package/dist/CommonTypes/BaseViewModel.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+/// <reference types="react" />
 import { Pagination } from '../Domain/repository/Pagination';
 import { GroupDialogEntity } from '../Domain/entity/GroupDialogEntity';
 import { DialogEntity } from '../Domain/entity/DialogEntity';

package/dist/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './AIRephraseWidget.scss';
 import { Tone } from 'qb-ai-rephrase/src/Tone';
 import { FunctionTypeBooleanToVoid, FunctionTypeStringToVoid } from '../../../../../CommonTypes/BaseViewModel';
@@ -18,5 +19,5 @@ type AIRephraseWidgetProps = {
     setPrevValueText: FunctionTypeStringToVoid;
     disableActions?: boolean;
 };
-declare const AIRephraseWidget: ({ messageText, waitAIWidget, setWaitAIWidget, setMessageErrorToast, AIRephrase, messagesToView, currentUserId, maxTokensForAIRephrase, rephraseTones, theme, setPrevValueText, disableActions, }: AIRephraseWidgetProps) => import("react/jsx-runtime").JSX.Element;
+declare const AIRephraseWidget: React.FC<AIRephraseWidgetProps>;
 export default AIRephraseWidget;

package/dist/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+/// <reference types="react" />
 import './AIWidgetActions.scss';
 export type MenuItem = {
     title: string;

package/dist/Presentation/Views/Dialog/AIWidgets/SliderMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+import React from 'react';
 type MenuItem = {
     title: string;
     icon?: JSX.Element;
@@ -19,5 +19,5 @@ type SliderMenuProps = {
     activeItemBorderColor?: string;
     activeItemBoxShadow?: string;
 };
-declare const SliderMenu: ({ items, width, arrowColor, activeArrowColor, borderColor, backgroundColor, itemBackgroundColor, itemWidth, itemHeight, itemBorder, fontSize, activeItemBorderColor, activeItemBoxShadow, }: SliderMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SliderMenu: React.FC<SliderMenuProps>;
 export default SliderMenu;

package/dist/Presentation/Views/Dialog/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+/// <reference types="react" />
 import './ContextMenu.scss';
 type MenuItem = {
     title: string;

package/dist/Presentation/Views/Dialog/Dialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './Dialog.scss';
 import { DialogViewModel } from './DialogViewModel';
@@ -15,5 +14,5 @@ type DialogProps = {
     rootStyles?: React.CSSProperties;
     messagesContainerStyles?: React.CSSProperties;
 };
-declare const Dialog: ({ messagesViewModel, maxWidthToResize, warningErrorText, renderHeader, renderMessageList, renderMessageInput, theme, headerContent, rootStyles, messagesContainerStyles, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dialog: React.FC<DialogProps>;
 export default Dialog;

package/dist/Presentation/Views/Dialog/DialogHeader/DialogBackIcon/DialogBackIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './DialogBackIcon.scss';
 import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
 type RenderLeftActionsProps = {
     onClickBack: FunctionTypeVoidToVoid;
 };
-declare const DialogBackIcon: ({ onClickBack }: RenderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogBackIcon: React.FC<RenderLeftActionsProps>;
 export default DialogBackIcon;

package/dist/Presentation/Views/Dialog/DialogHeader/DialogHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import './DialogHeader.scss';
 import React from 'react';
 import UiKitTheme from '../../../themes/UiKitTheme';
@@ -10,5 +9,5 @@ type DialogHeaderProps = {
     countMembers?: number;
     theme?: UiKitTheme;
 };
-declare const DialogHeader: ({ dialogName, renderAvatar, renderLeftActions, renderRightActions, countMembers, theme, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogHeader: React.FC<DialogHeaderProps>;
 export default DialogHeader;

package/dist/Presentation/Views/Dialog/DialogHeader/DialogInfoIcon/DialogInfoIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './DialogInfoIcon.scss';
 import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
 import UiKitTheme from '../../../../themes/UiKitTheme';
@@ -5,5 +6,5 @@ type RenderRightActionsProps = {
     onClickInfo: FunctionTypeVoidToVoid;
     theme?: UiKitTheme;
 };
-declare const DialogInfoIcon: ({ onClickInfo, theme, }: RenderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogInfoIcon: React.FC<RenderRightActionsProps>;
 export default DialogInfoIcon;

package/dist/Presentation/Views/Dialog/DropDownMenu/DropDownMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import './DropDownMenu.scss';
 import React from 'react';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
@@ -22,5 +21,5 @@ export declare const contextMessageMenuAI: ContextMessageMenuAI[];
 type DropDownMenuProps = {
     items: ContextMessageMenu[];
 };
-export declare const DropDownMenu: ({ items, }: DropDownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropDownMenu: React.FC<DropDownMenuProps>;
 export {};

package/dist/Presentation/Views/Dialog/DropDownMenu/ItemDropDownMenu/ItemDropDownMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import './ItemDropDownMenu.scss';
 import React from 'react';
 import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
@@ -8,5 +7,5 @@ type ItemDropDownMenuProps = {
     touchAction?: FunctionTypeVoidToVoid;
     clickAction?: FunctionTypeVoidToVoid;
 };
-export declare const ItemDropDownMenu: ({ item, icon, touchAction, clickAction, }: ItemDropDownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemDropDownMenu: React.FC<ItemDropDownMenuProps>;
 export {};

package/dist/Presentation/Views/Dialog/ErrorToast/ErrorToast.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import './ErrorToast.scss';
 type ErrorToastProps = {
     messageText: string;
 };
-export declare const ErrorToast: ({ messageText, }: ErrorToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorToast: React.FC<ErrorToastProps>;
 export {};

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './DialogListItem.scss';
 import { FunctionTypeStringToVoid } from '../../../../../../CommonTypes/BaseViewModel';
 import { DialogType } from '../../../../../../Domain/entity/DialogTypes';
@@ -9,5 +10,5 @@ type DialogListItemProps = {
     checked: boolean;
     onSelect: FunctionTypeStringToVoid;
 };
-declare const DialogListItem: ({ name, avatar, typeDialog, id, checked, onSelect, }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogListItem: React.FC<DialogListItemProps>;
 export default DialogListItem;

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogsWithSearch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './DialogsWithSearch.scss';
 import { DialogEntity } from '../../../../../Domain/entity/DialogEntity';
 import { FunctionTypeStringToVoid } from '../../../../../CommonTypes/BaseViewModel';
@@ -7,5 +8,5 @@ type DialogsWithSearchProps = {
     selectedDialogs: string[];
     onSelect: FunctionTypeStringToVoid;
 };
-declare const DialogsWithSearch: ({ dialogs, currentDialog, selectedDialogs, onSelect, }: DialogsWithSearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogsWithSearch: React.FC<DialogsWithSearchProps>;
 export default DialogsWithSearch;

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/SearchComponent/SearchComponent.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './SearchComponent.scss';
 import { FunctionTypeStringToVoid } from '../../../../../../CommonTypes/BaseViewModel';
 type SearchComponentProps = {
     onChange: FunctionTypeStringToVoid;
 };
-declare const SearchComponent: ({ onChange, }: SearchComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchComponent: React.FC<SearchComponentProps>;
 export default SearchComponent;

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessageFlow.d.ts

@@ -1,4 +1,5 @@
 import './ForwardMessageFlow.scss';
+import React from 'react';
 import { DialogEntity } from '../../../../Domain/entity/DialogEntity';
 import { MessageEntity } from '../../../../Domain/entity/MessageEntity';
 type ForwardMessageFlowProps = {
@@ -9,5 +10,5 @@ type ForwardMessageFlowProps = {
     onSendData: (dialogs: DialogEntity[], messages: MessageEntity[], relatedText: string) => void;
     disableActions: boolean;
 };
-declare const ForwardMessageFlow: ({ messages, dialogs, currentDialog, currentUserName, onSendData, disableActions, }: ForwardMessageFlowProps) => import("react/jsx-runtime").JSX.Element;
+declare const ForwardMessageFlow: React.FC<ForwardMessageFlowProps>;
 export default ForwardMessageFlow;

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessagePreview/ForwardMessagePreview.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import './ForwardMessagePreview.scss';
 import { MessageEntity } from '../../../../../Domain/entity/MessageEntity';
 type ForwardMessagePreviewProps = {
     messages: MessageEntity[];
     userNameSentMessage: string;
 };
-declare const ForwardMessagePreview: ({ messages, userNameSentMessage, }: ForwardMessagePreviewProps) => import("react/jsx-runtime").JSX.Element;
+declare const ForwardMessagePreview: React.FC<ForwardMessagePreviewProps>;
 export default ForwardMessagePreview;

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FunctionTypeStringToVoid, FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
 import './InputForForwarding.scss';
 type InputForForwardingProps = {
@@ -6,5 +7,5 @@ type InputForForwardingProps = {
     onSend: FunctionTypeVoidToVoid;
     disabled?: boolean;
 };
-declare const InputForForwarding: ({ inputText, onChange, onSend, disabled, }: InputForForwardingProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputForForwarding: React.FC<InputForForwardingProps>;
 export default InputForForwarding;

package/dist/Presentation/Views/Dialog/InputMessage/InputMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import UiKitTheme from '../../../themes/UiKitTheme';
 import { DialogViewModel } from '../DialogViewModel';
@@ -18,5 +17,5 @@ type MessageInputProps = {
     maxWidthToResizing: string;
     theme?: UiKitTheme;
 };
-declare const InputMessage: ({ messageText, onChangeText, sendText, renderSendIcon, renderAttachment, isRecording, renderVoiceRecorder, renderVoiceRecordProgress, renderAIWidget, waitAIWidget, messagesViewModel, maxWidthToResizing, theme, }: MessageInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputMessage: React.FC<MessageInputProps>;
 export default InputMessage;

package/dist/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.d.ts

@@ -1,8 +1,9 @@
 import './HighLightLink.scss';
+import React from 'react';
 export declare const isURL: (str: string) => boolean;
 export declare const messageHasUrls: (message: string) => boolean;
 type HighLightLinkProps = {
     messageText: string;
 };
-export declare const HighLightLink: ({ messageText, }: HighLightLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HighLightLink: React.FC<HighLightLinkProps>;
 export {};

package/dist/Presentation/Views/Dialog/Message/IncomingForwardedMessage/IncomingForwardedMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './IncomingForwardedMessage.scss';
 import { AvatarContentIncomingUserProps } from '../IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser';

package/dist/Presentation/Views/Dialog/Message/IncomingMessage/IncomingMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './IncomingMessage.scss';
 import UiKitTheme from '../../../../themes/UiKitTheme';

package/dist/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import { FC } from 'react';
 import './MessageContentComponent.scss';
 import { MessageEntity } from '../../../../../../Domain/entity/MessageEntity';

package/dist/Presentation/Views/Dialog/Message/IncomingRepliedMessage/IncomingRepliedMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './IncomingRepliedMessage.scss';
 import UiKitTheme from '../../../../themes/UiKitTheme';

package/dist/Presentation/Views/Dialog/Message/Message.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+import React from 'react';
 import { FunctionTypeBooleanToVoid, FunctionTypeMessageEntityToVoid, FunctionTypeStringToVoid } from '../../../../CommonTypes/BaseViewModel';
 import { MessageEntity } from '../../../../Domain/entity/MessageEntity';
 import UiKitTheme from '../../../themes/UiKitTheme';
@@ -20,5 +20,5 @@ type MessageProps = {
     enableForwarding: boolean;
     enableReplying: boolean;
 };
-declare const Message: ({ message, userId, setWaitAIWidget, setShowErrorToast, setMessageErrorToast, messagesToView, AITranslateWidget, AIAssistWidget, onReply, onForward, defaultGetSenderName, theme, enableForwarding, enableReplying, }: MessageProps) => JSX.Element;
+declare const Message: React.FC<MessageProps>;
 export default Message;

package/dist/Presentation/Views/Dialog/Message/MessageAttachment/AudioAttachment/AudioAttachment.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './AudioAttachment.scss';
 import { FileEntity } from '../../../../../../Domain/entity/FileEntity';
 type AudioAttachmentComponentProps = {
     audioFile: FileEntity;
 };
-declare const AudioAttachment: ({ audioFile, }: AudioAttachmentComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const AudioAttachment: React.FC<AudioAttachmentComponentProps>;
 export default AudioAttachment;

package/dist/Presentation/Views/Dialog/Message/MessageAttachment/DefaultAttachment/DefaultAttachment.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './DefaultAttachment.scss';
 type DefaultAttachmentComponentProps = {
     fileName: string;
     fileUrl: string;
 };
-declare const DefaultAttachment: ({ fileName, fileUrl, }: DefaultAttachmentComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultAttachment: React.FC<DefaultAttachmentComponentProps>;
 export default DefaultAttachment;

package/dist/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './ImageAttachment.scss';
 import { FileEntity } from '../../../../../../Domain/entity/FileEntity';
 type ImageAttachmentComponentProps = {
     imageFile: FileEntity;
 };
-declare const ImageAttachment: ({ imageFile, }: ImageAttachmentComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImageAttachment: React.FC<ImageAttachmentComponentProps>;
 export default ImageAttachment;

package/dist/Presentation/Views/Dialog/Message/MessageAttachment/MessageAttachment.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+/// <reference types="react" />
 import ChatMessageAttachmentEntity from '../../../../../Domain/entity/ChatMessageAttachmentEntity';
 import UiKitTheme from '../../../../themes/UiKitTheme';
 type AttachmentProps = {

package/dist/Presentation/Views/Dialog/Message/MessageAttachment/VideoAttachment/VideoAttachment.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './VideoAttachment.scss';
 import { FileEntity } from '../../../../../../Domain/entity/FileEntity';
 type VideoAttachmentComponentProps = {
     videoFile: FileEntity;
 };
-declare const VideoAttachment: ({ videoFile, }: VideoAttachmentComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const VideoAttachment: React.FC<VideoAttachmentComponentProps>;
 export default VideoAttachment;

package/dist/Presentation/Views/Dialog/Message/OutgoinForwardedMessage/OutgoinForwardedMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './OutgoinForwardedMessage.scss';
 import UiKitTheme from '../../../../themes/UiKitTheme';

package/dist/Presentation/Views/Dialog/Message/OutgoingMessage/OutgoingMessage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="@types/react" />
+/// <reference types="react" />
 import './OutgoingMessage.scss';
 import { MessageEntity } from '../../../../../Domain/entity/MessageEntity';
 import UiKitTheme from '../../../../themes/UiKitTheme';

package/dist/Presentation/Views/Dialog/Message/OutgoingRepliedMessage/OutgoingRepliedMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './OutgoingRepliedMessage.scss';
 import UiKitTheme from '../../../../themes/UiKitTheme';

package/dist/Presentation/Views/Dialog/MessageItem/MessageItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import { RefObject } from 'react';
 import { MessageEntity } from '../../../../Domain/entity/MessageEntity';
 import { FunctionTypeMessageEntityToVoid } from '../../../../CommonTypes/BaseViewModel';

package/dist/Presentation/Views/Dialog/SystemDateBanner/SystemDateBanner.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import './SystemDateBanner.scss';
 type SystemDateBannerProps = {
     text: string;
 };
-export declare const SystemDateBanner: ({ text, }: SystemDateBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SystemDateBanner: React.FC<SystemDateBannerProps>;
 export {};

package/dist/Presentation/Views/Dialog/SystemMessageBanner/SystemMessageBanner.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import './SystemMessageBanner.scss';
 type SystemMessageBannerProps = {
     messageText: string;
 };
-export declare const SystemMessageBanner: ({ messageText, }: SystemMessageBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SystemMessageBanner: React.FC<SystemMessageBannerProps>;
 export {};

package/dist/Presentation/Views/Dialog/VoiceMessage/VoiceMessage.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 type VoiceMessageProps = {
     icon: React.ReactNode;
     onClick: FunctionTypeVoidToVoid;
 };
-declare const VoiceMessage: ({ icon, onClick, }: VoiceMessageProps) => import("react/jsx-runtime").JSX.Element;
+declare const VoiceMessage: React.FC<VoiceMessageProps>;
 export default VoiceMessage;

package/dist/Presentation/Views/DialogInfo/DialogInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import './DialogInfo.scss';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
@@ -18,5 +17,5 @@ type HeaderDialogsProps = {
     rootStyles?: React.CSSProperties;
     disableAction?: boolean;
 };
-declare const DialogInfo: ({ dialog, dialogViewModel, onCloseDialogInformationHandler, onShowAllMemberClick, users, theme, subHeaderContent, upHeaderContent, rootStyles, disableAction, }: HeaderDialogsProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogInfo: React.FC<HeaderDialogsProps>;
 export default DialogInfo;

package/dist/Presentation/Views/DialogInfo/DialogMemberButton/DialogMembersButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './DialogMembersButton.scss';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 type DialogMembersButtonProps = {
@@ -5,5 +6,5 @@ type DialogMembersButtonProps = {
     clickHandler: FunctionTypeVoidToVoid;
     touchHandler: FunctionTypeVoidToVoid;
 };
-declare const DialogMembersButton: ({ content, clickHandler, touchHandler, }: DialogMembersButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogMembersButton: React.FC<DialogMembersButtonProps>;
 export default DialogMembersButton;

package/dist/Presentation/Views/DialogInfo/MembersList/MembersList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './MembersList.scss';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 import { UserEntity } from '../../../../Domain/entity/UserEntity';
@@ -6,5 +7,5 @@ type MembersListProps = {
     members: UserEntity[];
     maxHeight?: number;
 };
-declare const MembersList: ({ closeInformationHandler, members, maxHeight, }: MembersListProps) => import("react/jsx-runtime").JSX.Element;
+declare const MembersList: React.FC<MembersListProps>;
 export default MembersList;

package/dist/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import './SingleUser.scss';
 import { UserEntity } from '../../../../../Domain/entity/UserEntity';
 type UserSingleProps = {
     user: UserEntity;
     keyValue?: number;
 };
-declare const UserSingle: ({ user, keyValue }: UserSingleProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserSingle: React.FC<UserSingleProps>;
 export default UserSingle;

package/dist/Presentation/Views/DialogInfo/UsersList/UsersList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './UsersList.scss';
 import { UserEntity } from '../../../../Domain/entity/UserEntity';
 type UsersListProps = {
@@ -6,5 +7,5 @@ type UsersListProps = {
     usersInDialogCount: number;
     maxHeight?: number;
 };
-declare const UsersList: ({ usersFirstPageToView, allUsers, usersInDialogCount, maxHeight, }: UsersListProps) => import("react/jsx-runtime").JSX.Element;
+declare const UsersList: React.FC<UsersListProps>;
 export default UsersList;

package/dist/Presentation/Views/DialogList/DialogList.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="@types/react" />
-import { JSX } from 'react';
+import React from 'react';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
 import './DialogList.scss';
 import BaseViewModel from '../../../CommonTypes/BaseViewModel';
 type DialogListProps = {
     onDialogSelected: (dialog: BaseViewModel<DialogEntity>, index: number) => void;
-    renderHeader: JSX.Element | null;
-    renderFilter?: JSX.Element | null;
-    renderDialogList: (handleSelectDialog: (dialog: BaseViewModel<DialogEntity>, index: number) => void) => JSX.Element | JSX.Element[] | null;
+    renderHeader: React.ReactNode;
+    renderFilter?: React.ReactNode;
+    renderDialogList: (handleSelectDialog: (dialog: BaseViewModel<DialogEntity>, index: number) => void) => React.ReactNode;
     scrollableHeight?: number;
     canScrolling?: boolean;
 };
-declare const DialogList: ({ onDialogSelected, renderHeader, renderFilter, renderDialogList, scrollableHeight, canScrolling, }: DialogListProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogList: React.FC<DialogListProps>;
 export default DialogList;

package/dist/Presentation/Views/DialogListHeader/DialogListHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './DialogListHeader.scss';
 import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
 import UiKitTheme from '../../themes/UiKitTheme';
@@ -10,5 +11,5 @@ type DialogListHeaderProps = {
     theme?: UiKitTheme;
     settings?: any;
 };
-declare const DialogListHeader: ({ title, clickSearchHandler, touchSearchHandler, clickActionHandler, touchActionHandler, theme, settings, }: DialogListHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogListHeader: React.FC<DialogListHeaderProps>;
 export default DialogListHeader;