quickblox-react-ui-kit 0.2.7-release-final → 0.2.8-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/CommonTypes/BaseViewModel.d.ts +2 -0
  2. package/dist/Data/source/remote/Mapper/MessageDTOMapper.d.ts +8 -1
  3. package/dist/Presentation/Views/Dialog/DialogHeader/DialogHeader.d.ts +2 -1
  4. package/dist/Presentation/Views/Dialog/DialogHeader/RenderLeftActions/RenderLeftActions.d.ts +10 -0
  5. package/dist/Presentation/Views/Dialog/DialogHeader/RenderRightActions/RenderRightActions.d.ts +10 -0
  6. package/dist/Presentation/Views/Dialog/Message/IncomingMessage/MessageContentComponent/MessageContentComponent.d.ts +1 -0
  7. package/dist/Presentation/Views/DialogInfo/DialogInfo.d.ts +6 -1
  8. package/dist/Presentation/Views/{MembersList → DialogInfo/MembersList}/MembersList.d.ts +3 -2
  9. package/dist/Presentation/Views/DialogInfo/UsersList/UsersList.d.ts +1 -0
  10. package/dist/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.d.ts +1 -1
  11. package/dist/Presentation/Views/DialogList/DialogList.d.ts +3 -1
  12. package/dist/Presentation/Views/DialogListHeader/DialogListHeader.d.ts +2 -2
  13. package/dist/Presentation/Views/{CreateDialog → Flow/CreateDialog}/CreateDialog.d.ts +1 -1
  14. package/dist/Presentation/Views/{CreateDialogFlow → Flow/CreateDialogFlow}/CreateNewDialogFlow.d.ts +1 -1
  15. package/dist/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.d.ts +9 -0
  16. package/dist/Presentation/Views/PreviewDialog/PreviewDialog.d.ts +2 -0
  17. package/dist/Presentation/Views/PreviewDialog/PreviewDialogContextMenu/PreviewDialogContextMenu.d.ts +13 -0
  18. package/dist/Presentation/components/containers/ScrollableContainer/ScrollableContainer.d.ts +2 -0
  19. package/dist/Presentation/components/containers/SectionList/hooks/useMobileLayout.d.ts +1 -1
  20. package/dist/Presentation/layouts/Desktop/DesktopLayout.d.ts +3 -1
  21. package/dist/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.d.ts +1 -0
  22. package/dist/index-ui.d.ts +2 -3
  23. package/dist/index-ui.js +27461 -553
  24. package/dist/index-ui.js.map +1 -0
  25. package/package.json +2 -2
  26. package/dist/Presentation/Views/Dialog/RenderDialogHeaderNavigator/RenderDialogHeaderNavigator.d.ts +0 -9
  27. package/dist/Presentation/layouts/TestStage/TestStageMarkup.d.ts +0 -4
@@ -32,6 +32,7 @@ export type FunctionTypeReplyMessagesParamsToBoolean = (replyData: ReplyMessages
32
32
  export type FunctionTypeForwardMessagesParamsToBoolean = (forwardingData: ForwardMessagesParams) => Promise<boolean>;
33
33
  export type FunctionTypeFileToToVoid = (file: File) => void;
34
34
  export type FunctionTypeMessageEntityToVoid = (message: MessageEntity) => void;
35
+ export type FunctionDialogEntityToVoid = (dialog: DialogEntity) => void;
35
36
  export type FunctionTypeFileToToBoolean = (file: File) => Promise<boolean>;
36
37
  export type FunctionTypePaginationToVoid = (pagination: Pagination) => void;
37
38
  export type FunctionTypeVoidToVoid = () => void;
@@ -40,6 +41,7 @@ export type FunctionTypeBooleanToVoid = (value: boolean) => void;
40
41
  export type FunctionTypeEditDialogParamsToVoid = (params: EditDialogParams) => void;
41
42
  export type FunctionTypeDialogEntityToDialogEntity = (entity: GroupDialogEntity) => Promise<DialogEntity>;
42
43
  export type FunctionTypeDialogEntityToBoolean = (entity: GroupDialogEntity) => Promise<boolean>;
44
+ export type FunctionTypeDialogEntityToVoid = (entity: DialogEntity) => void;
43
45
  export type FunctionTypeFileToFileEntity = (file: File) => Promise<FileEntity>;
44
46
  export type FunctionTypeJSXElement = () => JSX.Element;
45
47
  export type FunctionTypeFileWithContextToToVoid = (file: File, context: IChatMessage[], additionalSettings?: {
@@ -10,8 +10,15 @@ export declare class MessageDTOMapper implements IDTOMapper {
10
10
  static convertToQBChatNewMessage(messages: RemoteMessageDTO[]): QBChatMessage[];
11
11
  static translateOriginalDataToJSON(qb_original_message?: QBChatMessage[]): string;
12
12
  static translateJSONToOriginalData(json_data?: string): QBChatMessage[] | undefined;
13
+ static FORWARD_MESSAGE_PREFIX: string;
14
+ static REPLY_MESSAGE_PREFIX: string;
15
+ static ATTACHMENT_PREFIX: string;
16
+ static MEDIA_CONTENT_ENTITY_PREFIX: string;
17
+ private static isForwardedOrRepliedMessage;
18
+ private static isMediaOrAttachmentMessage;
13
19
  static formatMessage(qbMessage: string): string;
14
- private static getMessageParts;
20
+ static getMessageParts(qbMessage: string): string[];
21
+ private static splitMessageParts;
15
22
  private static validateDTO;
16
23
  private static validateQBMessage;
17
24
  }
@@ -4,7 +4,8 @@ import UiKitTheme from '../../../themes/UiKitTheme';
4
4
  type DialogHeaderProps = {
5
5
  dialogName: string;
6
6
  renderAvatar: React.ReactNode;
7
- renderDialogNavigation: React.ReactNode;
7
+ renderLeftActions: React.ReactNode;
8
+ renderRightActions: React.ReactNode;
8
9
  countMembers?: number;
9
10
  theme?: UiKitTheme;
10
11
  };
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import './RenderLeftActions.scss';
3
+ import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
4
+ import UiKitTheme from '../../../../themes/UiKitTheme';
5
+ type RenderLeftActionsProps = {
6
+ onClickBack: FunctionTypeVoidToVoid;
7
+ theme?: UiKitTheme;
8
+ };
9
+ declare const RenderLeftActions: React.FC<RenderLeftActionsProps>;
10
+ export default RenderLeftActions;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import './RenderRightActions.scss';
3
+ import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
4
+ import UiKitTheme from '../../../../themes/UiKitTheme';
5
+ type RenderRightActionsProps = {
6
+ onClickInfo: FunctionTypeVoidToVoid;
7
+ theme?: UiKitTheme;
8
+ };
9
+ declare const RenderRightActions: React.FC<RenderRightActionsProps>;
10
+ export default RenderRightActions;
@@ -1,4 +1,5 @@
1
1
  import { FC } from 'react';
2
+ import './MessageContentComponent.scss';
2
3
  import { MessageEntity } from '../../../../../../Domain/entity/MessageEntity';
3
4
  import UiKitTheme from '../../../../../themes/UiKitTheme';
4
5
  type MessageContentComponentProps = {
@@ -1,16 +1,21 @@
1
1
  import React from 'react';
2
2
  import './DialogInfo.scss';
3
3
  import { DialogEntity } from '../../../Domain/entity/DialogEntity';
4
- import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
4
+ import { FunctionTypeBooleanToVoid, FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
5
5
  import { DialogListViewModel } from '../DialogList/DialogListViewModel';
6
6
  import UiKitTheme from '../../themes/UiKitTheme';
7
+ import { UserEntity } from '../../../Domain/entity/UserEntity';
7
8
  type HeaderDialogsProps = {
8
9
  dialog: DialogEntity;
9
10
  dialogViewModel: DialogListViewModel;
10
11
  onCloseDialogInformationHandler: FunctionTypeVoidToVoid;
12
+ onShowAllMemberClick: FunctionTypeBooleanToVoid;
13
+ showMembersDialogInitValue?: boolean;
14
+ users: UserEntity[];
11
15
  theme?: UiKitTheme;
12
16
  subHeaderContent?: React.ReactNode;
13
17
  upHeaderContent?: React.ReactNode;
18
+ rootStyles?: React.CSSProperties;
14
19
  };
15
20
  declare const DialogInfo: React.FC<HeaderDialogsProps>;
16
21
  export default DialogInfo;
@@ -1,10 +1,11 @@
1
1
  import React from 'react';
2
2
  import './MembersList.scss';
3
- import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
4
- import { UserEntity } from '../../../Domain/entity/UserEntity';
3
+ import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
4
+ import { UserEntity } from '../../../../Domain/entity/UserEntity';
5
5
  type MembersListProps = {
6
6
  closeInformationHandler: FunctionTypeVoidToVoid;
7
7
  members: UserEntity[];
8
+ maxHeight?: number;
8
9
  };
9
10
  declare const MembersList: React.FC<MembersListProps>;
10
11
  export default MembersList;
@@ -5,6 +5,7 @@ type UsersListProps = {
5
5
  usersFirstPageToView: UserEntity[];
6
6
  allUsers: UserEntity[];
7
7
  usersInDialogCount: number;
8
+ maxHeight?: number;
8
9
  };
9
10
  declare const UsersList: React.FC<UsersListProps>;
10
11
  export default UsersList;
@@ -1,3 +1,3 @@
1
1
  import { DialogEntity } from '../../../../Domain/entity/DialogEntity';
2
2
  import { UsersListViewModel } from './UsersListViewModel';
3
- export default function useUsersListViewModel(dialogEntity: DialogEntity): UsersListViewModel;
3
+ export default function useUsersListViewModel(dialogEntity?: DialogEntity): UsersListViewModel;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import './DialogList.scss';
3
- import { FunctionTypeViewModelToVoid } from '../../../CommonTypes/BaseViewModel';
3
+ import { FunctionTypeDialogEntityToVoid, FunctionTypeViewModelToVoid } from '../../../CommonTypes/BaseViewModel';
4
4
  import { ThemeNames } from '../PreviewDialog/PreviewDialog';
5
5
  import { DialogListViewModel } from './DialogListViewModel';
6
6
  import { DialogEntity } from '../../../Domain/entity/DialogEntity';
@@ -18,8 +18,10 @@ type DialogsProps = {
18
18
  subHeaderContent?: React.ReactNode;
19
19
  upHeaderContent?: React.ReactNode;
20
20
  onDialogSelectHandler?: FunctionTypeViewModelToVoid<DialogEntity>;
21
+ onLeaveDialog: FunctionTypeDialogEntityToVoid;
21
22
  dialogsViewModel: DialogListViewModel;
22
23
  additionalSettings?: DialogsComponentSettings;
24
+ scrollableHeight?: number;
23
25
  };
24
26
  declare const DialogList: React.FC<DialogsProps>;
25
27
  export default DialogList;
@@ -6,8 +6,8 @@ type DialogListHeaderProps = {
6
6
  title?: string;
7
7
  clickSearchHandler?: FunctionTypeVoidToVoid;
8
8
  touchSearchHandler?: FunctionTypeVoidToVoid;
9
- ClickActionHandler?: FunctionTypeVoidToVoid;
10
- TouchActionHandler?: FunctionTypeVoidToVoid;
9
+ clickActionHandler?: FunctionTypeVoidToVoid;
10
+ touchActionHandler?: FunctionTypeVoidToVoid;
11
11
  theme?: UiKitTheme;
12
12
  settings?: any;
13
13
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import './CreateDialog.scss';
3
- import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
3
+ import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
4
4
  type CreateDialogProps = {
5
5
  createPrivateDialogClickHandler: FunctionTypeVoidToVoid;
6
6
  createPrivateDialogTouchHandler: FunctionTypeVoidToVoid;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { DialogListViewModel } from '../DialogList/DialogListViewModel';
2
+ import { DialogListViewModel } from '../../DialogList/DialogListViewModel';
3
3
  type CreateNewDialogFlowProps = {
4
4
  dialogsViewModel: DialogListViewModel;
5
5
  };
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { DialogListViewModel } from '../../DialogList/DialogListViewModel';
3
+ import { DialogEntity } from '../../../../Domain/entity/DialogEntity';
4
+ type LeaveDialogFlowProps = {
5
+ dialogsViewModel: DialogListViewModel;
6
+ dialog: DialogEntity;
7
+ };
8
+ declare const LeaveDialogFlow: React.FC<LeaveDialogFlowProps>;
9
+ export default LeaveDialogFlow;
@@ -3,6 +3,7 @@ import './PreviewDialog.scss';
3
3
  import { DialogType } from '../../../Domain/entity/DialogTypes';
4
4
  import PreviewDialogViewModel from './PreviewDialogViewModel';
5
5
  import UiKitTheme from '../../themes/UiKitTheme';
6
+ import { FunctionTypeDialogEntityToVoid } from '../../../CommonTypes/BaseViewModel';
6
7
  export type ThemeNames = 'light' | 'dark' | 'custom';
7
8
  type PreviewDialogsTheme = {
8
9
  themeName?: ThemeNames;
@@ -28,6 +29,7 @@ type PreviewDialogsProps = {
28
29
  unreadMessageCount?: number;
29
30
  message_date_time_sent?: string;
30
31
  theme?: PreviewDialogsTheme;
32
+ onLeaveDialog: FunctionTypeDialogEntityToVoid;
31
33
  additionalSettings?: PreviewDialogSettings;
32
34
  };
33
35
  declare const PreviewDialog: React.FC<PreviewDialogsProps>;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import './PreviewDialogContextMenu.scss';
3
+ import UiKitTheme from '../../../themes/UiKitTheme';
4
+ import { DialogEntity } from '../../../../Domain/entity/DialogEntity';
5
+ import { FunctionDialogEntityToVoid } from '../../../../CommonTypes/BaseViewModel';
6
+ interface PreviewDialogContextMenuProps {
7
+ theme?: UiKitTheme;
8
+ dialog: DialogEntity;
9
+ onLeave: FunctionDialogEntityToVoid;
10
+ enableLeaveDialog: boolean;
11
+ }
12
+ export default function PreviewDialogContextMenu(props: PreviewDialogContextMenuProps): JSX.Element;
13
+ export {};
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  import './ScrollableContainer.scss';
3
3
  interface FlatListProps<T> {
4
4
  className?: string;
5
+ rootStyles?: React.CSSProperties;
6
+ mainContainerStyles?: React.CSSProperties;
5
7
  data: Array<T>;
6
8
  ListEmptyComponent?: React.ComponentClass | React.FunctionComponent;
7
9
  onEndReached?: VoidFunction;
@@ -1 +1 @@
1
- export default function useMobileLayout(): boolean;
1
+ export default function useMobileLayout(): (number | boolean)[];
@@ -6,6 +6,8 @@ type LayoutItems = {
6
6
  dialogMessagesView: React.ReactNode;
7
7
  dialogInfoView: React.ReactNode;
8
8
  theme?: UiKitTheme;
9
+ mainContainerStyles?: React.CSSProperties;
10
+ onHeightChange?: (height: number) => void;
9
11
  };
10
- declare function DesktopLayout({ dialogsView, dialogMessagesView, dialogInfoView, theme, }: LayoutItems): JSX.Element;
12
+ declare function DesktopLayout({ dialogsView, dialogMessagesView, dialogInfoView, theme, onHeightChange, mainContainerStyles, }: LayoutItems): JSX.Element;
11
13
  export default DesktopLayout;
@@ -12,6 +12,7 @@ type QuickBloxUIKitDesktopLayoutProps = {
12
12
  AIRephrase?: AIWidgetPlaceHolder;
13
13
  AITranslate?: AIWidgetPlaceHolder;
14
14
  AIAssist?: AIWidgetPlaceHolder;
15
+ uikitHeightOffset?: string;
15
16
  };
16
17
  declare const QuickBloxUIKitDesktopLayout: React.FC<QuickBloxUIKitDesktopLayoutProps>;
17
18
  export default QuickBloxUIKitDesktopLayout;
@@ -18,7 +18,7 @@ import DialogList from './Presentation/Views/DialogList/DialogList';
18
18
  import Dialog from './Presentation/Views/Dialog/Dialog';
19
19
  import DialogInfo from './Presentation/Views/DialogInfo/DialogInfo';
20
20
  import { DialogEntity } from './Domain/entity/DialogEntity';
21
- import BaseViewModel from './CommonTypes/BaseViewModel';
21
+ import BaseViewModel, { FunctionTypeViewModelToVoid } from './CommonTypes/BaseViewModel';
22
22
  import { LoginData, AuthorizationData, RemoteDataSource } from './Data/source/remote/RemoteDataSource';
23
23
  import QuickBloxUIKitDesktopLayout from './Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout';
24
24
  import DefaultTheme from './Presentation/themes/DefaultThemes/DefaultTheme';
@@ -30,6 +30,5 @@ import AIWidgetIcon from './Presentation/components/UI/svgs/Icons/AIWidgets/AIWi
30
30
  import ErrorMessageIcon from './Presentation/Views/Dialog/AIWidgets/ErrorMessageIcon';
31
31
  import PreviewDialogViewModel from './Presentation/Views/PreviewDialog/PreviewDialogViewModel';
32
32
  import { AvatarContentIncomingUserProps } from './Presentation/Views/Dialog/Message/IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser';
33
- import { FunctionTypeViewModelToVoid } from './CommonTypes/BaseViewModel';
34
33
  import { GetUserNameFct } from './Presentation/Views/Dialog/Message/IncomingMessage/IncomingMessage';
35
- export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogListViewModel, useDialogListViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogList, Dialog, DialogInfo, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, type AIMessageWidget, AISource, type IChatMessage, AIWidgetIcon, ErrorMessageIcon, PreviewDialogViewModel, type FunctionTypeViewModelToVoid, type AvatarContentIncomingUserProps, type GetUserNameFct };
34
+ export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogListViewModel, useDialogListViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogList, Dialog, DialogInfo, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, type AIMessageWidget, AISource, type IChatMessage, AIWidgetIcon, ErrorMessageIcon, PreviewDialogViewModel, type FunctionTypeViewModelToVoid, type AvatarContentIncomingUserProps, type GetUserNameFct, };