stream-chat-angular 4.15.1 → 4.16.0

package/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.d.ts

@@ -33,6 +33,10 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
      * If true, users can mention other users in messages. You can also set this input on the [`MessageInput`](./MessageInputComponent.mdx/#inputs-and-outputs) component.
      */
     areMentionsEnabled: boolean | undefined;
+    /**
+     * See [`MessageInputConfigService`](../services/MessageInputConfigService.mdx) for more information
+     */
+    inputMode: 'desktop' | 'mobile';
     /**
      * The scope for user mentions, either members of the current channel of members of the application. You can also set this input on the [`MessageInput`](./MessageInputComponent.mdx/#inputs-and-outputs) component.
      */
@@ -74,11 +78,11 @@ export declare class AutocompleteTextareaComponent implements TextareaInterface,
     autcompleteSearchTermChanged(searchTerm: string): void;
     inputChanged(): void;
     inputLeft(): void;
-    sent(event: Event): void;
+    enterHit(event: Event): void;
     private adjustTextareaHeight;
     private transliterate;
     private updateMentionOptions;
     private updateMentionedUsersFromText;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "placeholder": "placeholder"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteTextareaComponent, "stream-autocomplete-textarea", never, { "value": "value"; "placeholder": "placeholder"; "areMentionsEnabled": "areMentionsEnabled"; "inputMode": "inputMode"; "mentionScope": "mentionScope"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never, never>;
 }

package/lib/message-input/message-input-config.service.d.ts

@@ -19,6 +19,10 @@ export declare class MessageInputConfigService {
      * The scope for user mentions, either members of the current channel of members of the application
      */
     mentionScope: 'channel' | 'application' | undefined;
+    /**
+     * In `desktop` mode the `Enter` key will trigger message sending, in `mobile` mode the `Enter` key will insert a new line to the message input.
+     */
+    inputMode: 'desktop' | 'mobile';
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputConfigService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MessageInputConfigService>;

package/lib/message-input/message-input.component.d.ts

@@ -54,6 +54,10 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
      * An observable that can be used to trigger message sending from the outside
      */
     sendMessage$: Observable<void> | undefined;
+    /**
+     * In `desktop` mode the `Enter` key will trigger message sending, in `mobile` mode the `Enter` key will insert a new line to the message input. If no value is provided, it is set from the [`MessageInputConfigService`](../services/MessageInputConfigService.mdx).
+     */
+    inputMode: 'desktop' | 'mobile';
     /**
      * Emits when a message was successfuly sent or updated
      */
@@ -129,5 +133,5 @@ export declare class MessageInputComponent implements OnInit, OnChanges, OnDestr
     private startCooldown;
     private stopCooldown;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageInputComponent, "stream-message-input", never, { "isFileUploadEnabled": "isFileUploadEnabled"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "mode": "mode"; "isMultipleFileUploadEnabled": "isMultipleFileUploadEnabled"; "message": "message"; "sendMessage$": "sendMessage$"; "inputMode": "inputMode"; }, { "messageUpdate": "messageUpdate"; }, never, never>;
 }

package/lib/message-input/textarea/textarea.component.d.ts

@@ -18,6 +18,10 @@ export declare class TextareaComponent implements TextareaInterface, OnChanges,
      * Placeholder of the textarea
      */
     placeholder: string;
+    /**
+     * See [`MessageInputConfigService`](../services/MessageInputConfigService.mdx) for more information
+     */
+    inputMode: 'desktop' | 'mobile';
     /**
      * Emits the current value of the input element when a user types.
      */
@@ -33,8 +37,8 @@ export declare class TextareaComponent implements TextareaInterface, OnChanges,
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     inputChanged(): void;
-    sent(event: Event): void;
+    enterHit(event: Event): void;
     private adjustTextareaHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "stream-textarea", never, { "value": "value"; "placeholder": "placeholder"; }, { "valueChange": "valueChange"; "send": "send"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "stream-textarea", never, { "value": "value"; "placeholder": "placeholder"; "inputMode": "inputMode"; }, { "valueChange": "valueChange"; "send": "send"; }, never, never>;
 }

package/lib/message-input/textarea.directive.d.ts

@@ -7,6 +7,7 @@ export declare class TextareaDirective implements OnChanges {
     componentRef: ComponentRef<TextareaInterface> | undefined;
     areMentionsEnabled: boolean | undefined;
     mentionScope?: 'channel' | 'application';
+    inputMode: 'mobile' | 'desktop';
     value: string;
     placeholder: string | undefined;
     readonly valueChange: EventEmitter<string>;
@@ -17,5 +18,5 @@ export declare class TextareaDirective implements OnChanges {
     constructor(viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "value": "value"; "placeholder": "placeholder"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaDirective, "[streamTextarea]", never, { "componentRef": "componentRef"; "areMentionsEnabled": "areMentionsEnabled"; "mentionScope": "mentionScope"; "inputMode": "inputMode"; "value": "value"; "placeholder": "placeholder"; }, { "valueChange": "valueChange"; "send": "send"; "userMentions": "userMentions"; }, never>;
 }

package/lib/message-input/textarea.interface.d.ts

@@ -8,4 +8,5 @@ export interface TextareaInterface extends OnChanges {
     areMentionsEnabled?: boolean;
     mentionScope?: 'channel' | 'application';
     placeholder?: string;
+    inputMode: 'mobile' | 'desktop';
 }

package/lib/message-list/message-list.component.d.ts

@@ -22,6 +22,10 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
      * The direction of the messages in the list, `bottom-to-top` means newest message is at the bottom of the message list and users scroll upwards to load older messages
      */
     direction: 'bottom-to-top' | 'top-to-bottom';
+    /**
+     * Determines what triggers the appearance of the message options: by default you can hover (click on mobile) anywhere in the row of the message (`message-row` option), or you can set `message-bubble`, in that case only a hover (click on mobile) in the message bubble will trigger the options to appear.
+     */
+    messageOptionsTrigger: 'message-row' | 'message-bubble';
     typingIndicatorTemplate: TemplateRef<TypingIndicatorContext> | undefined;
     messageTemplate: TemplateRef<MessageContext> | undefined;
     messages$: Observable<StreamMessage[]>;
@@ -76,5 +80,5 @@ export declare class MessageListComponent implements AfterViewChecked, OnChanges
     private scrollToLatestMessage;
     private newMessageReceived;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageListComponent, "stream-message-list", never, { "mode": "mode"; "direction": "direction"; "messageOptionsTrigger": "messageOptionsTrigger"; }, {}, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-angular",
-  "version": "4.15.1",
+  "version": "4.16.0",
   "description": "Angular components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",