@datarailsshared/datarailsshared 1.4.95 → 1.4.98

package/lib/dr-chat/chat.component.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, QueryList, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { DrChatFormComponent } from './dr-chat-form/chat-form.component';
+import { DrChatMessageComponent } from './dr-chat-message/chat-message.component';
+export declare class DrChatComponent implements AfterViewInit {
+    private cdr;
+    title: string;
+    noMessagesPlaceholder: string;
+    /**
+     * Scroll chat to the bottom of the list when a new message arrives
+     */
+    get scrollBottom(): boolean;
+    set scrollBottom(value: boolean);
+    protected _scrollBottom: boolean;
+    messagesContainer: ElementRef;
+    messages: QueryList<DrChatMessageComponent>;
+    chatForm: DrChatFormComponent;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    updateView(): void;
+    scrollListBottom(): void;
+}

package/lib/dr-chat/chat.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DrChatModule {
+}

package/lib/dr-chat/dr-chat-form/chat-form.component.d.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+export declare class DrChatFormComponent {
+    protected cdr: ChangeDetectorRef;
+    protected domSanitizer: DomSanitizer;
+    inputFocus: boolean;
+    inputHover: boolean;
+    droppedFiles: any[];
+    /**
+     * Predefined message text
+     *
+     * @type {string}
+     */
+    message: string;
+    /**
+     * Message placeholder text
+     *
+     * @type {string}
+     */
+    messagePlaceholder: string;
+    /**
+     * Show send button
+     *
+     * @type {boolean}
+     */
+    dropFiles: boolean;
+    /**
+     * File drop placeholder text
+     *
+     * @type {string}
+     */
+    dropFilePlaceholder: string;
+    /**
+     *
+     * @type {EventEmitter<{ message: string, files: File[] }>}
+     */
+    send: EventEmitter<{
+        message: string;
+        files: File[];
+    }>;
+    /**
+     * Emits when message input value has been changed
+     *
+     * @type {EventEmitter<string>}
+     */
+    inputChange: EventEmitter<string>;
+    fileOver: boolean;
+    constructor(cdr: ChangeDetectorRef, domSanitizer: DomSanitizer);
+    onDrop(event: any): void;
+    removeFile(file: any): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    sendMessage(): void;
+    onModelChange(value: string): void;
+}

package/lib/dr-chat/dr-chat-message/chat-message.component.d.ts

@@ -0,0 +1,38 @@
+import { TemplateRef } from '@angular/core';
+import { CHAT_MESSAGE_TYPE, IChatMessage } from '../../models/chat';
+import { DrChatCustomMessageDirective } from './dr-chat-message-custom/chat-custom-message.directive';
+import { DrChatCustomMessageService } from './dr-chat-message-custom/chat-custom-message.service';
+export declare class DrChatMessageComponent {
+    private customMessageService;
+    MESSAGE_TYPE: typeof CHAT_MESSAGE_TYPE;
+    MESSAGE_TYPE_CUSTOM: CHAT_MESSAGE_TYPE;
+    get flyInOut(): boolean;
+    get notReply(): boolean;
+    /**
+     * Determines if a message is a reply
+     */
+    get reply(): boolean;
+    set reply(value: boolean);
+    protected _reply: boolean;
+    type: string;
+    /**
+     * Message
+     *
+     * @type {IChatMessage}
+     */
+    message: IChatMessage;
+    /**
+     * Data which will be set as custom message template context
+     *
+     * @type {any}
+     */
+    customMessageData: any;
+    customMessage: boolean;
+    constructor(customMessageService: DrChatCustomMessageService);
+    getTemplate(): TemplateRef<any>;
+    getTemplateContext(): {
+        $implicit: any;
+        isReply: boolean;
+    };
+    protected getCustomMessage(type: string): DrChatCustomMessageDirective;
+}

package/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.directive.d.ts

@@ -0,0 +1,18 @@
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { DrChatCustomMessageService } from './chat-custom-message.service';
+export declare class DrChatCustomMessageDirective implements OnInit, OnDestroy {
+    templateRef: TemplateRef<any>;
+    protected customMessageService: DrChatCustomMessageService;
+    /**
+     * Defines a message type which should rendered with the custom message template.
+     *
+     * @type {string}
+     */
+    get drCustomMessage(): string;
+    set drCustomMessage(value: string);
+    protected _type: string;
+    get type(): string;
+    constructor(templateRef: TemplateRef<any>, customMessageService: DrChatCustomMessageService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.service.d.ts

@@ -0,0 +1,11 @@
+import { DrChatCustomMessageDirective } from './chat-custom-message.directive';
+/**
+ * `DrCustomMessageService` is used to store instances of `DrChatCustomMessageDirective`s which
+ * were provided in the chat component.
+ */
+export declare class DrChatCustomMessageService {
+    protected readonly customMessages: Map<string, DrChatCustomMessageDirective>;
+    register(type: string, instance: DrChatCustomMessageDirective): void;
+    unregister(type: string): boolean;
+    getInstance(type: string): DrChatCustomMessageDirective | undefined;
+}

package/lib/dr-chat/dr-chat-message/dr-chat-message-file/chat-message-file.component.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { IChatDownloadFileMessage, IChatImageMessage, IChatMessageFile } from '../../../models/chat';
+/**
+ * Chat message component.
+ */
+export declare class DrChatMessageFileComponent {
+    protected cd: ChangeDetectorRef;
+    protected domSanitizer: DomSanitizer;
+    readyFiles: any[];
+    /**
+     * Message with file
+     *
+     * @type {IChatDownloadFileMessage | IChatImageMessage}
+     */
+    message: IChatDownloadFileMessage | IChatImageMessage;
+    /**
+     * Message file path
+     *
+     * @type {Date}
+     */
+    set files(files: IChatMessageFile[]);
+    constructor(cd: ChangeDetectorRef, domSanitizer: DomSanitizer);
+    isImage(file: IChatMessageFile): boolean;
+}

package/lib/dr-chat/dr-chat-message/dr-chat-message-rich-text/chat-message-rich-text.component.d.ts

@@ -0,0 +1,12 @@
+import { IChatRichTextMessage } from '../../../models/chat';
+/**
+ * Chat rich-text message component.
+ */
+export declare class DrChatMessageRichTextComponent {
+    /**
+     * Message sender
+     *
+     * @type {IChatRichTextMessage}
+     */
+    message: IChatRichTextMessage;
+}

package/lib/dr-chat/dr-chat-message/dr-chat-message-text/chat-message-text.component.d.ts

@@ -0,0 +1,12 @@
+import { IChatTextMessage } from '../../../models/chat';
+/**
+ * Chat text message component.
+ */
+export declare class DrChatMessageTextComponent {
+    /**
+     * Message sender
+     *
+     * @type {IChatTextMessage}
+     */
+    message: IChatTextMessage;
+}

package/lib/models/chat.d.ts

@@ -0,0 +1,106 @@
+export declare const IMAGE_TYPES: string[];
+export interface IChatSignUpRequest {
+    userName: string;
+    email: string;
+    password: string;
+}
+export interface IChatSignInRequest {
+    email: string;
+    password: string;
+}
+export interface IChatCreateConversationRequest {
+    title: string;
+}
+export interface IChatConversation {
+    id: string;
+    title: string;
+}
+export interface IChatAccount {
+    kind: 'user' | 'bot';
+    id: string;
+    name: string;
+    email?: string;
+}
+export declare enum CHAT_MESSAGE_TYPE {
+    TEXT = "text",
+    RICH_TEXT = "rich-text",
+    IMAGE = "image",
+    DOWNLOAD_FILE = "download-file",
+    MAILTO = "mailto",
+    EMBED = "embed",
+    WIDGET = "widget",
+    INPUT = "input",
+    CODE = "code"
+}
+export interface IChatMessageBase {
+    id: string;
+    kind: string | CHAT_MESSAGE_TYPE;
+    seq: number;
+    conversationId: string;
+    reply: boolean;
+    senderId: string;
+    parentId?: string;
+}
+export interface IChatTextMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.TEXT;
+    text?: string;
+}
+export interface IChatRichTextMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.RICH_TEXT;
+    paragraphs?: IChatRichTextParagraph[];
+}
+export interface IChatRichTextParagraph {
+    kind: string | CHAT_MESSAGE_TYPE;
+    value: string;
+}
+export interface IChatImageMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.IMAGE;
+    url?: string;
+    label?: string;
+}
+export interface IChatDownloadFileMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.DOWNLOAD_FILE;
+    url?: string;
+    label?: string;
+}
+export interface IChatMailtoMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.MAILTO;
+    subject?: string;
+    body?: string;
+}
+export interface IChatEmbedMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.EMBED;
+    url?: string;
+}
+export interface IChatInputMessage extends IChatMessageBase {
+    kind: string | CHAT_MESSAGE_TYPE.INPUT;
+    form?: any;
+}
+export declare type IChatMessage = IChatMessageBase & IChatTextMessage & IChatRichTextMessage & IChatImageMessage & IChatDownloadFileMessage & IChatMailtoMessage & IChatEmbedMessage & IChatInputMessage;
+export interface IChatMessageFileIconPreview {
+    url: string;
+    icon: string;
+}
+export interface IChatMessageFileImagePreview {
+    url: string;
+    type: string;
+}
+export declare type IChatMessageFile = IChatMessageFileIconPreview | IChatMessageFileImagePreview;
+export declare class ChatMessage implements IChatMessageBase, IChatTextMessage, IChatRichTextMessage, IChatImageMessage, IChatDownloadFileMessage, IChatMailtoMessage, IChatEmbedMessage, IChatInputMessage {
+    id: string;
+    kind: string | CHAT_MESSAGE_TYPE;
+    seq: number;
+    conversationId: string;
+    reply: boolean;
+    senderId: string;
+    parentId?: string;
+    text?: string;
+    paragraphs?: IChatRichTextParagraph[];
+    url?: string;
+    label?: string;
+    subject?: string;
+    body?: any;
+    form?: any;
+    parameters?: any;
+    constructor(obj: any, user: IChatAccount);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.4.95",
+  "version": "1.4.98",
   "description": "DataRails shared components",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -52,6 +52,7 @@ export { ISpinnerOptions, SpinnerType, SpinnerSize } from './lib/models/spinnerO
 export { ElPosition, IDropdown, IDropdownItem, IDropdownActionIcon, IDropdownCoordinate, IDropdownCallEvent, IDropdownAction } from './lib/models/dropdown';
 export { DrPopoverRef, IDrPopoverComponentModel, Point, DrPopoverConfig, IPopoverManualClosing, DrPopoverAlignment, DrPopoverAlignmentDimension, } from './lib/models/popover';
 export { IValidationError } from './lib/models/validationError';
+export * from './lib/models/chat';
 export { DateTagModule } from './lib/date-tags/date-tag.module';
 export { ListTagModule } from './lib/list-tags/list-tag.module';
 export { DrTagModule } from './lib/dr-tags/dr-tag.module';
@@ -68,3 +69,4 @@ export { DrLayoutModule } from './lib/dr-layout/dr-layout.module';
 export { DrErrorModule } from './lib/dr-error/dr-error.module';
 export { DrStepperModule } from './lib/stepper/stepper.module';
 export { DrDialogModule } from './lib/dr-dialog/dialog.module';
+export { DrChatModule } from './lib/dr-chat/chat.module';