fix(grid-lite): applying various fixes for the grid-lite samples

Author: ChronosSF

browser/public/meta.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-11-21 21:51:03","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-11-24 10:34:52","note":"this file is auto-generated"}

browser/src/navigation/SamplesBrowser.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-11-21 21:51:03","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-11-24 10:34:52","note":"this file is auto-generated"}

samples/grids/grid-lite/column-config-basic/src/index.tsx

@@ -10,6 +10,7 @@ import {
 } from 'igniteui-webcomponents';
 
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();

samples/grids/grid-lite/column-config-dynamic/src/index.tsx

@@ -8,7 +8,9 @@ import {
   defineComponents,
   IgcRatingComponent
 } from 'igniteui-webcomponents';
+
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();

samples/grids/grid-lite/column-config-headers/src/index.tsx

@@ -5,6 +5,7 @@ import { GridLiteDataService, User } from './GridLiteDataService';
 // Import the web component
 import { IgcGridLite } from 'igniteui-grid-lite';
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();

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

@@ -10,6 +10,7 @@ import {
 } from 'igniteui-webcomponents';
 
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();

samples/grids/grid-lite/filtering-config-events/src/index.tsx

@@ -4,7 +4,9 @@ import { GridLiteDataService, User } from './GridLiteDataService';
 
 // Import the web component
 import { IgcGridLite } from 'igniteui-grid-lite';
+
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();
@@ -19,7 +21,7 @@ export default class Sample extends React.Component<any, any> {
     super(props);
     this.dataService = new GridLiteDataService();
     this.gridRef = React.createRef();
-    this.logRef = React.RefObject<HTMLDivElement>();
+    this.logRef = React.createRef<HTMLDivElement>();
     this.state = { logContent: '' };
   }
 

samples/grids/grid-lite/filtering-config-remote/src/index.tsx

@@ -4,7 +4,9 @@ import { GridLiteDataService, User } from './GridLiteDataService';
 
 // Import the web component
 import { IgcGridLite } from 'igniteui-grid-lite';
+
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();

samples/grids/grid-lite/filtering-config/src/index.tsx

@@ -8,7 +8,9 @@ import {
   defineComponents,
   IgcCheckboxComponent
 } from 'igniteui-webcomponents';
+
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();

samples/grids/grid-lite/overview/src/index.tsx

@@ -13,6 +13,7 @@ import {
 } from 'igniteui-webcomponents';
 
 import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
 
 // Register components
 IgcGridLite.register();