Rename ai_datagrid class name to ai__grid

Raushen · Raushen · commit a7cd8916d71f · 2025-12-11T23:11:20.000+02:00
diff --git a/apps/demos/Demos/DataGrid/AIColumns/React/App.tsx b/apps/demos/Demos/DataGrid/AIColumns/React/App.tsx
@@ -41,7 +41,7 @@ export default function App() {
         keyExpr="ID"
         aiIntegration={aiIntegration}
         onAIColumnRequestCreating={onAIColumnRequestCreating}
-        className="ai__datagrid"
+        className="ai__grid"
       >
         <Paging
           enabled={true}
diff --git a/apps/demos/Demos/DataGrid/AIColumns/React/styles.css b/apps/demos/Demos/DataGrid/AIColumns/React/styles.css
@@ -2,7 +2,7 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
-.ai__datagrid {
+.ai__grid {
   min-height: 600px;
 }
 
diff --git a/apps/demos/Demos/DataGrid/AIColumns/ReactJs/App.js b/apps/demos/Demos/DataGrid/AIColumns/ReactJs/App.js
@@ -33,7 +33,7 @@ export default function App() {
         keyExpr="ID"
         aiIntegration={aiIntegration}
         onAIColumnRequestCreating={onAIColumnRequestCreating}
-        className="ai__datagrid"
+        className="ai__grid"
       >
         <Paging
           enabled={true}
diff --git a/apps/demos/Demos/DataGrid/AIColumns/ReactJs/styles.css b/apps/demos/Demos/DataGrid/AIColumns/ReactJs/styles.css
@@ -2,7 +2,7 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
-.ai__datagrid {
+.ai__grid {
   min-height: 600px;
 }
 
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Vue/App.vue b/apps/demos/Demos/DataGrid/AIColumns/Vue/App.vue
@@ -5,7 +5,7 @@
     :showBorders="true"
     :aiIntegration="aiIntegration"
     :onAIColumnRequestCreating="onAIColumnRequestCreating"
-    class="ai__datagrid"
+    class="ai__grid"
   >
     <DxGrouping :contextMenuEnabled="false"/>
     <DxPaging :pageSize="10"/>
@@ -123,7 +123,7 @@ const onAIColumnRequestCreating = (e: { data: Partial<Vehicle>[] }) => {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
-.ai__datagrid {
+.ai__grid {
   min-height: 600px;
 }
 </style>
diff --git a/apps/demos/Demos/TreeList/AIColumns/React/App.tsx b/apps/demos/Demos/TreeList/AIColumns/React/App.tsx
@@ -30,7 +30,7 @@ export default function App() {
       autoExpandAll={true}
       aiIntegration={aiIntegration}
       onAIColumnRequestCreating={onAIColumnRequestCreating}
-      className="ai__datagrid"
+      className="ai__grid"
     >
       <Paging enabled={true} pageSize={10} />
       <Scrolling mode="standard" />
diff --git a/apps/demos/Demos/TreeList/AIColumns/React/styles.css b/apps/demos/Demos/TreeList/AIColumns/React/styles.css
@@ -2,7 +2,7 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
-.ai__datagrid {
+.ai__grid {
   min-height: 600px;
 }
 
diff --git a/apps/demos/Demos/TreeList/AIColumns/ReactJs/App.js b/apps/demos/Demos/TreeList/AIColumns/ReactJs/App.js
@@ -26,7 +26,7 @@ export default function App() {
       autoExpandAll={true}
       aiIntegration={aiIntegration}
       onAIColumnRequestCreating={onAIColumnRequestCreating}
-      className="ai__datagrid"
+      className="ai__grid"
     >
       <Paging
         enabled={true}
diff --git a/apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css b/apps/demos/Demos/TreeList/AIColumns/ReactJs/styles.css
@@ -2,7 +2,7 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
-.ai__datagrid {
+.ai__grid {
   min-height: 600px;
 }
 
diff --git a/apps/demos/Demos/TreeList/AIColumns/Vue/App.vue b/apps/demos/Demos/TreeList/AIColumns/Vue/App.vue
@@ -8,7 +8,7 @@
     :showBorders="true"
     :aiIntegration="aiIntegration"
     :onAIColumnRequestCreating="onAIColumnRequestCreating"
-    class="ai__datagrid"
+    class="ai__grid"
   >
     <DxScrolling :mode="'standard'"/>
     <DxPaging
@@ -95,7 +95,7 @@ const onAIColumnRequestCreating = (e: { data: Partial<IEmployee>[] }) => {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
-.ai__datagrid {
+.ai__grid {
   min-height: 600px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export default function App() {`
`41`	`41`	`keyExpr="ID"`
`42`	`42`	`aiIntegration={aiIntegration}`
`43`	`43`	`onAIColumnRequestCreating={onAIColumnRequestCreating}`
`44`		`- className="ai__datagrid"`
	`44`	`+ className="ai__grid"`
`45`	`45`	`>`
`46`	`46`	`<Paging`
`47`	`47`	`enabled={true}`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`background-color: var(--dx-datagrid-row-alternation-bg);`
`3`	`3`	`}`
`4`	`4`
`5`		`-.ai__datagrid {`
	`5`	`+.ai__grid {`
`6`	`6`	`min-height: 600px;`
`7`	`7`	`}`
`8`	`8`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ export default function App() {`
`33`	`33`	`keyExpr="ID"`
`34`	`34`	`aiIntegration={aiIntegration}`
`35`	`35`	`onAIColumnRequestCreating={onAIColumnRequestCreating}`
`36`		`- className="ai__datagrid"`
	`36`	`+ className="ai__grid"`
`37`	`37`	`>`
`38`	`38`	`<Paging`
`39`	`39`	`enabled={true}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`:showBorders="true"`
`6`	`6`	`:aiIntegration="aiIntegration"`
`7`	`7`	`:onAIColumnRequestCreating="onAIColumnRequestCreating"`
`8`		`- class="ai__datagrid"`
	`8`	`+ class="ai__grid"`
`9`	`9`	`>`
`10`	`10`	`<DxGrouping :contextMenuEnabled="false"/>`
`11`	`11`	`<DxPaging :pageSize="10"/>`
`@@ -123,7 +123,7 @@ const onAIColumnRequestCreating = (e: { data: Partial<Vehicle>[] }) => {`
`123`	`123`	`background-color: var(--dx-datagrid-row-alternation-bg);`
`124`	`124`	`}`
`125`	`125`
`126`		`-.ai__datagrid {`
	`126`	`+.ai__grid {`
`127`	`127`	`min-height: 600px;`
`128`	`128`	`}`
`129`	`129`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export default function App() {`
`30`	`30`	`autoExpandAll={true}`
`31`	`31`	`aiIntegration={aiIntegration}`
`32`	`32`	`onAIColumnRequestCreating={onAIColumnRequestCreating}`
`33`		`- className="ai__datagrid"`
	`33`	`+ className="ai__grid"`
`34`	`34`	`>`
`35`	`35`	`<Paging enabled={true} pageSize={10} />`
`36`	`36`	`<Scrolling mode="standard" />`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ export default function App() {`
`26`	`26`	`autoExpandAll={true}`
`27`	`27`	`aiIntegration={aiIntegration}`
`28`	`28`	`onAIColumnRequestCreating={onAIColumnRequestCreating}`
`29`		`- className="ai__datagrid"`
	`29`	`+ className="ai__grid"`
`30`	`30`	`>`
`31`	`31`	`<Paging`
`32`	`32`	`enabled={true}`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`:showBorders="true"`
`9`	`9`	`:aiIntegration="aiIntegration"`
`10`	`10`	`:onAIColumnRequestCreating="onAIColumnRequestCreating"`
`11`		`- class="ai__datagrid"`
	`11`	`+ class="ai__grid"`
`12`	`12`	`>`
`13`	`13`	`<DxScrolling :mode="'standard'"/>`
`14`	`14`	`<DxPaging`
`@@ -95,7 +95,7 @@ const onAIColumnRequestCreating = (e: { data: Partial<IEmployee>[] }) => {`
`95`	`95`	`background-color: var(--dx-datagrid-row-alternation-bg);`
`96`	`96`	`}`
`97`	`97`
`98`		`-.ai__datagrid {`
	`98`	`+.ai__grid {`
`99`	`99`	`min-height: 600px;`
`100`	`100`	`}`
`101`	`101`