Add new options - noDataText and emptyText

Author: Alyar

packages/devextreme/js/__internal/grids/grid_core/ai_column/ai_column.integration.test.ts

@@ -408,6 +408,83 @@ describe('Options', () => {
       expect(headerCell.getDropDownButton().getElement()).toBeNull();
     });
   });
+
+  describe('when the noDataText is set', () => {
+    it('should render this text', async () => {
+      const { component } = await createDataGrid({
+        dataSource: [
+          { id: 1, name: 'Name 1', value: 10 },
+          { id: 2, name: 'Name 2', value: 20 },
+        ],
+        columns: [
+          { dataField: 'id', caption: 'ID' },
+          { dataField: 'name', caption: 'Name' },
+          { dataField: 'value', caption: 'Value' },
+          {
+            type: 'ai',
+            caption: 'AI Column',
+            name: 'myColumn',
+            cssClass: 'custom-class',
+            ai: {
+              prompt: 'Initial Prompt',
+              noDataText: 'Test - No Data',
+              aiIntegration: new AIIntegration({
+                sendRequest(): RequestResult {
+                  return {
+                    promise: new Promise<string>((resolve) => {
+                      resolve('');
+                    }),
+                    abort: (): void => {},
+                  };
+                },
+              }),
+            },
+          },
+        ],
+      });
+
+      expect(component.getDataCell(0, 3).getText()).toBe('Test - No Data');
+      expect(component.getDataCell(1, 3).getText()).toBe('Test - No Data');
+    });
+  });
+
+  describe('when the emptyText is set', () => {
+    it('should render this text', async () => {
+      const { component } = await createDataGrid({
+        dataSource: [
+          { id: 1, name: 'Name 1', value: 10 },
+          { id: 2, name: 'Name 2', value: 20 },
+        ],
+        columns: [
+          { dataField: 'id', caption: 'ID' },
+          { dataField: 'name', caption: 'Name' },
+          { dataField: 'value', caption: 'Value' },
+          {
+            type: 'ai',
+            caption: 'AI Column',
+            name: 'myColumn',
+            cssClass: 'custom-class',
+            ai: {
+              emptyText: 'Test - Empty Data',
+              aiIntegration: new AIIntegration({
+                sendRequest(): RequestResult {
+                  return {
+                    promise: new Promise<string>((resolve) => {
+                      resolve('');
+                    }),
+                    abort: (): void => {},
+                  };
+                },
+              }),
+            },
+          },
+        ],
+      });
+
+      expect(component.getDataCell(0, 3).getText()).toBe('Test - Empty Data');
+      expect(component.getDataCell(1, 3).getText()).toBe('Test - Empty Data');
+    });
+  });
 });
 
 describe('columnOption', () => {

packages/devextreme/js/__internal/grids/grid_core/ai_column/m_ai_column_controller.ts

@@ -3,7 +3,7 @@ import type { GenerateGridColumnCommandResult, RequestCallbacks } from '@js/comm
 import type { Callback } from '@js/core/utils/callbacks';
 
 import type { Column, ColumnsController } from '../columns_controller/m_columns_controller';
-import type { DataController, HandleDataChangedArguments } from '../data_controller/m_data_controller';
+import type { DataController, HandleDataChangedArguments, UserData } from '../data_controller/m_data_controller';
 import { Controller } from '../m_modules';
 import { AIColumnIntegrationController } from './m_ai_column_integration_controller';
 import { getAICommandColumnDefaultOptions, isAIColumnAutoMode, isPromptOption } from './utils';
@@ -27,16 +27,29 @@ export class AIColumnController extends Controller {
 
   public aiRequestRejected!: Callback;
 
+  private getDefaultCellValue(column: Column): string | null {
+    const prompt = column.ai?.prompt;
+
+    if (!prompt) {
+      return column.ai?.emptyText ?? null;
+    }
+
+    return column.ai?.noDataText ?? null;
+  }
+
   private addAICommandColumn(): void {
+    const that = this;
     const { dataController, aiColumnIntegrationController } = this;
 
     this.columnsController.addCommandColumn({
       ...getAICommandColumnDefaultOptions(),
-      calculateCellValue(data) {
+      calculateCellValue(data: UserData) {
         const key = dataController.keyOf(data);
         const cellValue = aiColumnIntegrationController.getAIColumnText(this.name, key);
+        const defaultValue = that.getDefaultCellValue(this);
 
-        return cellValue ?? null;
+        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+        return cellValue || defaultValue;
       },
     });
   }