Rename Ai -> AI in demos

Author: alexslavr

apps/demos/Demos/DataGrid/AIColumns/React/App.tsx

@@ -3,7 +3,7 @@ import DataGrid, {
   Column,
   Paging,
   Grouping,
-  Ai,
+  AI,
 } from 'devextreme-react/data-grid';
 import Popup, { Position } from 'devextreme-react/popup';
 import { vehicles } from './data.ts';
@@ -91,7 +91,7 @@ export default function App() {
           fixedPosition="right"
           cssClass="ai__cell"
         >
-          <Ai
+          <AI
             mode="auto"
             noDataText="No data"
             prompt="Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications."

apps/demos/Demos/DataGrid/AIColumns/ReactJs/App.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import DataGrid, {
-  Column, Paging, Grouping, Ai,
+  Column, Paging, Grouping, AI,
 } from 'devextreme-react/data-grid';
 import Popup, { Position } from 'devextreme-react/popup';
 import { vehicles } from './data.js';
@@ -83,7 +83,7 @@ export default function App() {
           fixedPosition="right"
           cssClass="ai__cell"
         >
-          <Ai
+          <AI
             mode="auto"
             noDataText="No data"
             prompt="Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications."

apps/demos/Demos/DataGrid/AIColumns/Vue/App.vue

@@ -57,7 +57,7 @@
       fixedPosition="right"
       :width="200"
     >
-      <DxAi
+      <DxAI
         mode="auto"
         noDataText="No data"
         prompt="Identify the country where the vehicle model is manufactured.
@@ -87,7 +87,7 @@ When looking up a country, consider vehicle brand, model, and specifications."
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { DxDataGrid, DxColumn, DxGrouping, DxPaging, DxAi } from 'devextreme-vue/data-grid';
+import { DxDataGrid, DxColumn, DxGrouping, DxPaging, DxAI } from 'devextreme-vue/data-grid';
 import { DxPopup, DxPosition } from 'devextreme-vue/popup';
 import { vehicles, type Vehicle } from './data.ts';
 import { aiIntegration } from './service.ts';

apps/demos/Demos/TreeList/AIColumns/React/App.tsx

@@ -3,7 +3,7 @@ import TreeList, {
   Column,
   Scrolling,
   Paging,
-  Ai,
+  AI,
 } from 'devextreme-react/tree-list';
 import { employees } from './data.ts';
 import { aiIntegration } from './service.ts';
@@ -70,7 +70,7 @@ export default function App() {
         fixedPosition="right"
         cssClass="ai__cell"
       >
-        <Ai
+        <AI
           mode="auto"
           noDataText="No data"
           prompt="Identify the department where the employee works. Select from the following department list: 'Management', 'Human Resources', 'IT', 'Shipping', 'Support', 'Sales', 'Engineering'. Use 'Engineering' if you cannot find a better match."

apps/demos/Demos/TreeList/AIColumns/ReactJs/App.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import TreeList, {
-  Column, Scrolling, Paging, Ai,
+  Column, Scrolling, Paging, AI,
 } from 'devextreme-react/tree-list';
 import { employees } from './data.js';
 import { aiIntegration } from './service.js';
@@ -69,7 +69,7 @@ export default function App() {
         fixedPosition="right"
         cssClass="ai__cell"
       >
-        <Ai
+        <AI
           mode="auto"
           noDataText="No data"
           prompt="Identify the department where the employee works. Select from the following department list: 'Management', 'Human Resources', 'IT', 'Shipping', 'Support', 'Sales', 'Engineering'. Use 'Engineering' if you cannot find a better match."

apps/demos/Demos/TreeList/AIColumns/Vue/App.vue

@@ -61,7 +61,7 @@
       fixedPosition="right"
       :width="180"
     >
-      <DxAi
+      <DxAI
         mode="auto"
         noDataText="No data"
         prompt="Identify the department where the employee works.
@@ -73,7 +73,7 @@ Select from the following department list: 'Management', 'Human Resources', 'IT'
 </template>
 
 <script setup lang="ts">
-import { DxTreeList, DxColumn, DxScrolling, DxPaging, DxAi } from 'devextreme-vue/tree-list';
+import { DxTreeList, DxColumn, DxScrolling, DxPaging, DxAI } from 'devextreme-vue/tree-list';
 import Employee from './Employee.vue';
 import Status from './Status.vue';
 import { type IEmployee, employees } from './data.ts';