Chat: WIP Add mainButton option

Author: Ruslan Farkhutdinov

packages/devextreme/js/ui/chat.d.ts

@@ -173,6 +173,43 @@ export type AttachmentDownloadClickEvent = EventInfo<dxChat> & {
  */
 export type InputFieldTextChangedEvent = NativeEventInfo<dxChat, InteractionEvent | Event> & ValueChangedInfo;
 
+/**
+ * @docid _ui_chat_MainButtonClickEvent
+ * @public
+ * @type object
+ * @inherits NativeEventInfo
+ */
+export type MainButtonClickEvent = NativeEventInfo<dxChat, InteractionEvent>;
+
+/**
+ * @docid
+ * @namespace DevExpress.ui.dxChat
+ * @public
+ */
+export type MainButton = {
+    /**
+     * @docid
+     * @public
+     */
+    icon?: string;
+    /**
+     * @docid
+     * @public
+     */
+    hint?: string;
+    /**
+     * @docid
+     * @public
+     */
+    action: 'default' | 'custom';
+    /**
+     * @docid
+     * @type_function_param1 e:{ui/chat:MainButtonClickEvent}
+     * @public
+     */
+    onClick: ((e: MainButtonClickEvent) => void);
+};
+
 /**
  * @docid
  * @namespace DevExpress.ui.dxChat
@@ -446,6 +483,11 @@ export interface dxChatOptions extends WidgetOptions<dxChat> {
      * @public
      */
     inputFieldText?: TextAreaProperties['value'];
+    /**
+     * @docid
+     * @public
+     */
+    mainButton?: MainButton;
     /**
      * @docid
      * @default null

packages/devextreme/js/ui/chat_types.d.ts

@@ -13,6 +13,8 @@ export {
   MessageUpdatedEvent,
   AttachmentDownloadClickEvent,
   InputFieldTextChangedEvent,
+  MainButtonClickEvent,
+  MainButton,
   User,
   Alert,
   Attachment,

packages/devextreme/ts/dx.all.d.ts

@@ -11238,6 +11238,14 @@ declare module DevExpress.ui {
         DevExpress.events.InteractionEvent | Event
       > &
         DevExpress.ui.Editor.ValueChangedInfo;
+    /**
+     * [descr:_ui_chat_MainButtonClickEvent]
+     */
+    export type MainButtonClickEvent =
+      DevExpress.common.core.events.NativeEventInfo<
+        dxChat,
+        DevExpress.events.InteractionEvent
+      >;
     /**
      * [descr:_ui_chat_MessageDeletedEvent]
      */
@@ -11442,6 +11450,10 @@ declare module DevExpress.ui {
      * [descr:dxChatOptions.inputFieldText]
      */
     inputFieldText?: DevExpress.ui.dxTextArea.Properties['value'];
+    /**
+     * [descr:dxChatOptions.mainButton]
+     */
+    mainButton?: DevExpress.ui.dxChat.MainButton;
     /**
      * [descr:dxChatOptions.messageTemplate]
      */
@@ -34134,6 +34146,27 @@ declare module DevExpress.ui.dxChat {
      */
     alt?: string;
   };
+  /**
+   * [descr:MainButton]
+   */
+  export type MainButton = {
+    /**
+     * [descr:MainButton.icon]
+     */
+    icon?: string;
+    /**
+     * [descr:MainButton.hint]
+     */
+    hint?: string;
+    /**
+     * [descr:MainButton.action]
+     */
+    action: 'default' | 'custom';
+    /**
+     * [descr:MainButton.onClick]
+     */
+    onClick: (e: MainButtonClickEvent) => void;
+  };
   /**
    * [descr:Message]
    */