RELEASE - 25.2 push to production

azure-pipelines/build-pipeline.yml

@@ -99,7 +99,7 @@ stages:
           targetType: 'inline'
           script: |
             Get-ChildItem -Include "*.tsx","*.ts" -Recurse | `
-            ForEach {  (Get-Content $_.PSPath | ForEach { ($_ -replace '([from|import])\s?[''"](igniteui-[react|dockmanager].*)[''"]', '$1 "@infragistics/$2"') }) | `
+            ForEach {  (Get-Content $_.PSPath | ForEach { ($_ -replace '(from|import)\s?[''"](igniteui-(react|dockmanager).*)[''"]', '$1 "@infragistics/$2"') }) | `
             Set-Content $_.PSPath }
 
       - task: PowerShell@2

browser/config-overrides.js

@@ -180,8 +180,8 @@ module.exports = function override(config, env) {
                 chunks: 'all',
             },
             igniteuiDockmanager: {
-                test: /[\\/]node_modules[\\/](igniteui-dockmanager)[\\/]/,
-                name: 'igniteui-dockmanager',
+                test: /[\\/]node_modules[\\/](igniteui-react-dockmanager)[\\/]/,
+                name: 'igniteui-react-dockmanager',
                 chunks: 'all',
             }
         };

browser/package.json

@@ -24,20 +24,22 @@
     "dompurify": "^3.3.0",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.3.0",
-    "igniteui-react-charts": "19.2.2",
-    "igniteui-react-core": "19.2.2",
-    "igniteui-react-dashboards": "19.2.2",
-    "igniteui-react-data-grids": "19.2.2",
-    "igniteui-react-datasources": "19.2.2",
-    "igniteui-react-excel": "19.2.2",
-    "igniteui-react-gauges": "19.2.2",
-    "igniteui-react-grids": "^19.3.0",
-    "igniteui-react-inputs": "19.2.2",
-    "igniteui-react-layouts": "19.2.2",
-    "igniteui-react-maps": "19.2.2",
-    "igniteui-react-spreadsheet": "19.2.2",
-    "igniteui-react-spreadsheet-chart-adapter": "19.2.2",
+    "igniteui-grid-lite": "1.0.0-alpha.9",
+    "igniteui-react": "^19.4.0-rc.4",
+    "igniteui-react-charts": "19.3.0-beta.0",
+    "igniteui-react-core": "19.3.0-beta.0",
+    "igniteui-react-dashboards": "19.3.0-beta.0",
+    "igniteui-react-data-grids": "19.3.0-beta.0",
+    "igniteui-react-datasources": "19.3.0-beta.0",
+    "igniteui-react-dockmanager": "^19.4.0-rc.4",
+    "igniteui-react-excel": "19.3.0-beta.0",
+    "igniteui-react-gauges": "19.3.0-beta.0",
+    "igniteui-react-grids": "^19.4.0-rc.4",
+    "igniteui-react-inputs": "19.3.0-beta.0",
+    "igniteui-react-layouts": "19.3.0-beta.0",
+    "igniteui-react-maps": "19.3.0-beta.0",
+    "igniteui-react-spreadsheet": "19.3.0-beta.0",
+    "igniteui-react-spreadsheet-chart-adapter": "19.3.0-beta.0",
     "igniteui-webcomponents": "^6.3.0",
     "lit-html": "^3.2.0",
     "marked": "^16.4.1",

browser/public/meta.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-10-23 14:55:33","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-11-25 10:38:39","note":"this file is auto-generated"}

browser/src/index.tsx

@@ -34,10 +34,3 @@ root.render(
 // Learn more about service workers: https://bit.ly/CRA-PWA
 RegisterServiceWorker();
 // serviceWorker.unregister();
-
-// // copied from https://stenciljs.com/docs/react
-// import { applyPolyfills, defineCustomElements } from 'igniteui-dockmanager/loader';
-
-// applyPolyfills().then(() => {
-//   defineCustomElements();
-// });

browser/src/navigation/SamplesBrowser.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-10-23 14:55:33","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-11-25 10:38:39","note":"this file is auto-generated"}

browser/src/navigation/SamplesBrowser.tsx

@@ -41,6 +41,7 @@ export class SamplesBrowser extends React.Component<any, any>
     public navLinks: any[] = [];
     public navRoutes: any[] = [];
     public navLookup: Map<string, SampleInfo> = new Map();
+    public navRoutingProviders: RoutingGroup[] = [];
     public igrVersion: string = "";
     public sbContent: any;
 
@@ -77,6 +78,7 @@ export class SamplesBrowser extends React.Component<any, any>
         }
 
         this.onSampleOpen = this.onSampleOpen.bind(this);
+        this.onComponentToggle = this.onComponentToggle.bind(this);
         // console.log(TestsRoutes.DataRoutes)
 
         const routingProviders: RoutingGroup[] = [
@@ -96,14 +98,15 @@ export class SamplesBrowser extends React.Component<any, any>
 
         for (const routingData of routingProviders) {
             this.populateLookup(routingData);
-            this.populateLinks(SamplesRouter.getLinks(routingData, this.onSampleOpen));
             this.populateRoutes(SamplesRouter.getRoutes(routingData));
+            this.navRoutingProviders.push(routingData);
         }
         this.state = {
             SidebarVisible: true,
             SelectedGroup: '',
             SelectedControl: '',
             SelectedSample: 'react samples browser',
+            ExpandedComponents: {},
         }
     }
 
@@ -146,6 +149,30 @@ export class SamplesBrowser extends React.Component<any, any>
         }
     };
 
+    public onComponentToggle = (componentName: string) => {
+        const expanded = { ...this.state.ExpandedComponents };
+        if (expanded[componentName]) {
+            delete expanded[componentName];
+        } else {
+            expanded[componentName] = true;
+        }
+        this.setState({ ExpandedComponents: expanded });
+    };
+
+    public renderNavLinks() {
+        const navLinks: any[] = [];
+        for (const routingData of this.navRoutingProviders) {
+            const links = SamplesRouter.getLinks(
+                routingData, 
+                this.onSampleOpen, 
+                this.onComponentToggle,
+                this.state.ExpandedComponents
+            );
+            navLinks.push(...links);
+        }
+        return navLinks;
+    }
+
     public render() {
 
         const sbBrowsingMode = SamplesRouter.isBrowsingMode();
@@ -201,7 +228,7 @@ export class SamplesBrowser extends React.Component<any, any>
                         <div className="sbRoot">
                             <div className="sbSidebar" style={sbSidebarStyle}>
                                 {/*  <Link to={`/samples`}>Samples home</Link> */}
-                                {this.navLinks}
+                                {this.renderNavLinks()}
                             </div>
 
                             <div className="sbContent" style={sbContentStyle} ref={this.sbContentRef}>

browser/src/navigation/SamplesRouter.tsx

@@ -18,7 +18,7 @@ export class SamplesRouter {
         // console.log("SB pathname '" + location.pathname + "'");
 
         if (location.pathname === "/" ||
-            location.pathname.indexOf("/samples") > 0) {
+            location.pathname.indexOf("/samples") >= 0) {
             return true;
         }
         return false;
@@ -44,7 +44,12 @@ export class SamplesRouter {
         return routes;
     }
 
-    public static getLinks(group: RoutingGroup, onSampleOpen: (sample: RoutingSample) => void): any[] {
+    public static getLinks(
+        group: RoutingGroup, 
+        onSampleOpen: (sample: RoutingSample) => void,
+        onComponentToggle: (componentName: string) => void,
+        expandedComponents: { [key: string]: boolean }
+    ): any[] {
         let lists: any[] = [];
         // if (routePrefix === undefined) { routePrefix = ""; }
 
@@ -70,14 +75,20 @@ export class SamplesRouter {
                 );
             }
             let navListID = 'sbNav-list-' + component.name
-            let navList = <div className='sbNavigation-list' key={navListID} id={navListID} style={{display: "none"}} >{links}</div>;
+            let isExpanded = expandedComponents[component.name] === true;
+            let navList = <div 
+                className='sbNavigation-list' 
+                key={navListID} 
+                id={navListID} 
+                style={{display: isExpanded ? "block" : "none"}} 
+            >{links}</div>;
 
             let navComponentID = 'sbNav-component-' + component.name
             let navComponent = <div
                 className='sbNavigation-control'
                 key={navComponentID}
                 id={navComponentID}
-                onClick={(e) => this.onClickToggle(component)}>&#10148;  {component.name}</div>;
+                onClick={(e) => onComponentToggle(component.name)}>&#10148;  {component.name}</div>;
 
             lists.push(navComponent);
             lists.push(navList);
@@ -96,19 +107,4 @@ export class SamplesRouter {
         });
         onSampleOpen(sample);
     }
-
-    public static onClickToggle(component: RoutingComponent): void {
-        let navList = document.getElementById("sbNav-list-" + component.name);
-        if (navList) {
-            let style = navList.style as CSSStyleDeclaration;
-            let isVisible = style.display === "none";
-            // let state = navList.getAttribute("state") as string;
-            // let isVisible = state === "expanded";
-            // navList.setAttribute("state", isVisible ? "expanded" : "collapsed");
-            navList.setAttribute("style", isVisible ? "display: block;" : "display: none;");
-        }
-    }
-
-
 }
-

browser/src/typedecls.d.ts

@@ -1,7 +1,12 @@
 /* tslint:disable */
 declare module JSX {
     interface IntrinsicElements {
-      "igc-dockmanager": any;
+      "igc-grid-lite": any;
+      "igc-avatar": any;
+      "igc-rating": any;
+      "igc-checkbox": any;
+      "igc-select": any;
+      "igc-select-item": any;
     }
   }
   /* tslint:enable */

browser/tasks/gulp-samples.js

@@ -844,23 +844,24 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "19.2.2", name: "igniteui-react-core" },
-        { version: "19.2.2", name: "igniteui-react-charts" },
-        { version: "19.2.2", name: "igniteui-react-excel" },
-        { version: "19.2.2", name: "igniteui-react-gauges" },
-        { version: "19.2.2", name: "igniteui-react-data-grids" },
-        { version: "^19.3.0", name: "igniteui-react-grids" },
-        { version: "19.2.2", name: "igniteui-react-inputs" },
-        { version: "19.2.2", name: "igniteui-react-layouts" },
-        { version: "19.2.2", name: "igniteui-react-maps" },
-        { version: "19.2.2", name: "igniteui-react-spreadsheet-chart-adapter" },
-        { version: "19.2.2", name: "igniteui-react-spreadsheet" },
-        { version: "19.2.2", name: "igniteui-react-datasources" },
-        { version: "19.2.2", name: "igniteui-react-dashboards" },
-        { version: "^19.3.0", name: "igniteui-react" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-core" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-charts" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-excel" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-gauges" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-data-grids" },
+        { version: "^19.4.0-rc.4", name: "igniteui-react-grids" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-inputs" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-layouts" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-maps" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-spreadsheet" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-datasources" },
+        { version: "19.3.0-beta.0", name: "igniteui-react-dashboards" },
+        { version: "^19.4.0-rc.4", name: "igniteui-react" },
         // these IG packages are sometimes updated:
         { version: "^6.3.0", name: "igniteui-webcomponents" },
-        { version: "^1.17.0", name: "igniteui-dockmanager" },
+        { version: "^19.4.0-rc.4", name: "igniteui-react-dockmanager" },
+        { version: "1.0.0-alpha.9", name: "igniteui-grid-lite" },
         // main react packages
         { version: "^19.2.0", name: "react" },
         { version: "^19.2.0", name: "react-dom" },

browser/templates/sample/package.json

@@ -22,7 +22,7 @@
     "@material-ui/icons": { "version": "^4.5.1", "usage": "detect", "keywords": ["@material-ui/core"] },
     "@types/file-saver":  { "version": "^2.0.0", "usage": "detect", "keywords": ["ExcelUtility"] },
     "file-saver":         { "version": "^1.3.8", "usage": "detect", "keywords": ["ExcelUtility"] },
-    "igniteui-dockmanager":       { "version": "1.0.0", "usage": "detect", "note": "will detect if needs to inject it by checking import statements in source of a sample" },
+    "igniteui-react-dockmanager":       { "version": "1.0.0", "usage": "detect", "note": "will detect if needs to inject it by checking import statements in source of a sample" },
     "igniteui-react-core":        { "version": "19.0.0-alpha.0", "usage": "always", "note": "will always force injecting it to a package.json "},
     "igniteui-react-maps":        { "version": "19.0.0-alpha.0", "usage": "detect" },
     "igniteui-react-charts":      { "version": "19.0.0-alpha.0", "usage": "detect", "keywords": ["igniteui-react-maps", "igniteui-react-spreadsheet-chart-adapter"]  },

browser/tsconfig.paths.json

@@ -4,6 +4,7 @@
       "paths": {
         "igniteui-react-core": [ "node_modules/igniteui-react-core", "node_modules/@infragistics/igniteui-react-core" ],
         "igniteui-react-charts": [ "node_modules/igniteui-react-charts", "node_modules/@infragistics/igniteui-react-charts" ],
+        "igniteui-react-dockmanager": [ "node_modules/igniteui-react-dockmanager", "node_modules/@infragistics/igniteui-react-dockmanager" ],
         "igniteui-react-grids": [ "node_modules/igniteui-react-grids", "node_modules/@infragistics/igniteui-react-grids" ],
         "igniteui-react-grids/grids": [ "node_modules/igniteui-react-grids/grids", "node_modules/@infragistics/igniteui-react-grids/grids" ],
         "igniteui-react-data-grids": [ "node_modules/igniteui-react-data-grids", "node_modules/@infragistics/igniteui-react-data-grids" ],
@@ -17,9 +18,7 @@
         "igniteui-react-dashboards": [ "node_modules/igniteui-react-dashboards", "node_modules/@infragistics/igniteui-react-dashboards" ],
         "igniteui-react-spreadsheet": [ "node_modules/igniteui-react-spreadsheet", "node_modules/@infragistics/igniteui-react-spreadsheet" ],
         "igniteui-react-spreadsheet-chart-adapter": [ "node_modules/igniteui-react-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-react-spreadsheet-chart-adapter" ],
-        "igniteui-webcomponents": [ "node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents" ],
-        "igniteui-dockmanager": [ "node_modules/igniteui-dockmanager", "node_modules/@infragistics/igniteui-dockmanager" ],
-        "igniteui-dockmanager/loader": [ "node_modules/igniteui-dockmanager/loader", "node_modules/@infragistics/igniteui-dockmanager/loader" ]
+        "igniteui-webcomponents": [ "node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents" ]
       }
     }
   }

samples/charts/category-chart/annotations-all/package.json

@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.3.0",
-    "igniteui-react-charts": "19.2.2",
-    "igniteui-react-core": "19.2.2",
-    "igniteui-react-inputs": "19.2.2",
-    "igniteui-react-layouts": "19.2.2",
+    "igniteui-react": "^19.4.0-rc.4",
+    "igniteui-react-charts": "19.3.0-beta.0",
+    "igniteui-react-core": "19.3.0-beta.0",
+    "igniteui-react-inputs": "19.3.0-beta.0",
+    "igniteui-react-layouts": "19.3.0-beta.0",
     "igniteui-webcomponents": "^6.3.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",

samples/charts/category-chart/annotations-callouts/package.json

@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.3.0",
-    "igniteui-react-charts": "19.2.2",
-    "igniteui-react-core": "19.2.2",
-    "igniteui-react-inputs": "19.2.2",
-    "igniteui-react-layouts": "19.2.2",
+    "igniteui-react": "^19.4.0-rc.4",
+    "igniteui-react-charts": "19.3.0-beta.0",
+    "igniteui-react-core": "19.3.0-beta.0",
+    "igniteui-react-inputs": "19.3.0-beta.0",
+    "igniteui-react-layouts": "19.3.0-beta.0",
     "igniteui-webcomponents": "^6.3.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",

samples/charts/category-chart/annotations-crosshairs/package.json

@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.3.0",
-    "igniteui-react-charts": "19.2.2",
-    "igniteui-react-core": "19.2.2",
-    "igniteui-react-inputs": "19.2.2",
-    "igniteui-react-layouts": "19.2.2",
+    "igniteui-react": "^19.4.0-rc.4",
+    "igniteui-react-charts": "19.3.0-beta.0",
+    "igniteui-react-core": "19.3.0-beta.0",
+    "igniteui-react-inputs": "19.3.0-beta.0",
+    "igniteui-react-layouts": "19.3.0-beta.0",
     "igniteui-webcomponents": "^6.3.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",

samples/charts/category-chart/annotations-custom/package.json

@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.3.0",
-    "igniteui-react-charts": "19.2.2",
-    "igniteui-react-core": "19.2.2",
-    "igniteui-react-inputs": "19.2.2",
-    "igniteui-react-layouts": "19.2.2",
+    "igniteui-react": "^19.4.0-rc.4",
+    "igniteui-react-charts": "19.3.0-beta.0",
+    "igniteui-react-core": "19.3.0-beta.0",
+    "igniteui-react-inputs": "19.3.0-beta.0",
+    "igniteui-react-layouts": "19.3.0-beta.0",
     "igniteui-webcomponents": "^6.3.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",

samples/charts/category-chart/annotations-final-value/package.json

@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "^19.3.0",
-    "igniteui-react-charts": "19.2.2",
-    "igniteui-react-core": "19.2.2",
-    "igniteui-react-inputs": "19.2.2",
-    "igniteui-react-layouts": "19.2.2",
+    "igniteui-react": "^19.4.0-rc.4",
+    "igniteui-react-charts": "19.3.0-beta.0",
+    "igniteui-react-core": "19.3.0-beta.0",
+    "igniteui-react-inputs": "19.3.0-beta.0",
+    "igniteui-react-layouts": "19.3.0-beta.0",
     "igniteui-webcomponents": "^6.3.0",
     "lit-html": "^3.2.0",
     "react": "^19.2.0",