Adding changes from build igniteui-xplat-examples-output+PRs_2025.5.20.4

Author: tfsbuild

samples/grids/grid/binding-crud-data/src/index.tsx

@@ -4,7 +4,7 @@ import './index.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrGridModule } from 'igniteui-react-grids';
-import { IgrGrid, IgrColumn } from 'igniteui-react-grids';
+import { IgrGrid, GridPagingMode, IgrColumn } from 'igniteui-react-grids';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-react-core';
 import NwindData from './NwindData.json';
 
@@ -43,7 +43,7 @@ export default class Sample extends React.Component<any, any> {
                     primaryKey="ProductID"
                     isLoading={true}
                     allowFiltering={false}
-                    pagingMode="remote"
+                    pagingMode={GridPagingMode.Remote}
                     rowEditable={true}>
                     <IgrColumn
                         field="ProductName"

samples/grids/grid/remote-paging-data/src/index.tsx

@@ -4,7 +4,7 @@ import './index.css';
 
 import { IgrPropertyEditorPanelModule } from 'igniteui-react-layouts';
 import { IgrGridModule } from 'igniteui-react-grids';
-import { IgrGrid, IgrPaginator, IgrColumn } from 'igniteui-react-grids';
+import { IgrGrid, GridPagingMode, IgrPaginator, IgrColumn } from 'igniteui-react-grids';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-react-core';
 import NwindData from './NwindData.json';
 
@@ -41,7 +41,7 @@ export default class Sample extends React.Component<any, any> {
                     data={this.nwindData}
                     moving={true}
                     allowAdvancedFiltering={true}
-                    pagingMode="remote">
+                    pagingMode={GridPagingMode.Remote}>
                     <IgrPaginator
                         perPage={10}
                         totalRecords={20}>

samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.tsx

@@ -39,7 +39,7 @@ export default class Sample extends React.Component<any, any> {
                     data={this.hierarchicalCustomers}
                     ref={this.hierarchicalGridRef}
                     id="hierarchicalGrid"
-                    primaryKey="ID"
+                    primaryKey="CustomerID"
                     moving={true}
                     allowFiltering={true}>
                     <IgrColumn

samples/grids/hierarchical-grid/multi-column-headers-template/src/index.tsx

@@ -40,7 +40,7 @@ export default class Sample extends React.Component<any, any> {
                     data={this.hierarchicalCustomers}
                     ref={this.hierarchicalGridRef}
                     id="hierarchicalGrid"
-                    primaryKey="ID"
+                    primaryKey="CustomerID"
                     moving={true}
                     allowFiltering={true}>
                     <IgrColumn