Release - Mass merge vnext into master

browser/config-overrides.js

@@ -134,6 +134,11 @@ module.exports = function override(config, env) {
                 name: 'igniteui-react-grids',
                 chunks: 'all',
             },
+            igniteuiDataGrids: {
+                test: /[\\/]node_modules[\\/](igniteui-react-data-grids)[\\/]/,
+                name: 'igniteui-react-data-grids',
+                chunks: 'all',
+            },
             igniteuiInputs: {
                 test: /[\\/]node_modules[\\/](igniteui-react-inputs)[\\/]/,
                 name: 'igniteui-react-inputs',

browser/package.json

@@ -24,20 +24,21 @@
     "classnames": "2.3.1",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "1.16.1",
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-dashboards": "18.9.0",
-    "igniteui-react-datasources": "18.9.0",
-    "igniteui-react-excel": "18.9.0",
-    "igniteui-react-gauges": "18.9.0",
-    "igniteui-react-grids": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-react-maps": "18.9.0",
-    "igniteui-react-spreadsheet": "18.9.0",
-    "igniteui-react-spreadsheet-chart-adapter": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-dashboards": "19.0.0",
+    "igniteui-react-data-grids": "19.0.0",
+    "igniteui-react-datasources": "19.0.0",
+    "igniteui-react-excel": "19.0.0",
+    "igniteui-react-gauges": "19.0.0",
+    "igniteui-react-grids": "19.0.2",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-react-maps": "19.0.0",
+    "igniteui-react-spreadsheet": "19.0.0",
+    "igniteui-react-spreadsheet-chart-adapter": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "prop-types": "15.7.2",
     "react": "^18.2.0",
@@ -50,9 +51,9 @@
     "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-    "@babel/plugin-proposal-private-property-in-object":"~7.21.11",
+    "@babel/plugin-proposal-private-property-in-object": "~7.21.11",
     "@babel/plugin-transform-class-static-block": "^7.26.0",
+    "@babel/plugin-transform-private-property-in-object": "^7.25.9",
     "@types/gulp": "^4.0.6",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.7",
@@ -61,7 +62,7 @@
     "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
-    "browser-sync": "^2.26.7",
+    "browser-sync": "^3.0.4",
     "del": "^5.1.0",
     "eslint": "^8.33.0",
     "eslint-config-prettier": "^6.11.0",
@@ -95,7 +96,7 @@
     "ts-node": "^8.9.0",
     "typescript": "^4.8.4",
     "web-vitals": "^0.2.4",
-    "webpack": "^5.89.0",
+    "webpack": "^5.99.5",
     "worker-loader": "^3.0.8"
   },
   "eslintConfig": {

browser/package_move.bat

@@ -26,6 +26,10 @@ IF EXIST @infragistics\igniteui-react-grids (
  MOVE /y @infragistics\igniteui-react-grids igniteui-react-grids
 )
 
+IF EXIST @infragistics\igniteui-react-data-grids (
+ MOVE /y @infragistics\igniteui-react-data-grids igniteui-react-data-grids
+)
+
 IF EXIST @infragistics\igniteui-react-dashboards (
  MOVE /y @infragistics\igniteui-react-dashboards igniteui-react-dashboards
 )

browser/public/meta.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-03-18 14:58:04","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-05-30 12:07:31","note":"this file is auto-generated"}

browser/src/navigation/SamplesBrowser.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-03-18 14:58:04","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2025-05-30 12:07:31","note":"this file is auto-generated"}

browser/tasks/gulp-samples.js

@@ -283,6 +283,7 @@ function copySamples(cb) {
             code = code.replace('from "igniteui-react-maps";', "from 'igniteui-react-maps';");
             code = code.replace('from "igniteui-react-gauges";', "from 'igniteui-react-gauges';");
             code = code.replace('from "igniteui-react-grids";', "from 'igniteui-react-grids';");
+            code = code.replace('from "igniteui-react-data-grids";', "from 'igniteui-react-data-grids';");
             code = code.replace('from "igniteui-react-inputs";', "from 'igniteui-react-inputs';");
             code = code.replace('from "igniteui-react-layouts";', "from 'igniteui-react-layouts';");
 
@@ -825,21 +826,22 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "18.9.0", name: "igniteui-react-core" },
-        { version: "18.9.0", name: "igniteui-react-charts" },
-        { version: "18.9.0", name: "igniteui-react-excel" },
-        { version: "18.9.0", name: "igniteui-react-gauges" },
-        { version: "18.9.0", name: "igniteui-react-grids" },
-        { version: "18.9.0", name: "igniteui-react-inputs" },
-        { version: "18.9.0", name: "igniteui-react-layouts" },
-        { version: "18.9.0", name: "igniteui-react-maps" },
-        { version: "18.9.0", name: "igniteui-react-spreadsheet-chart-adapter" },
-        { version: "18.9.0", name: "igniteui-react-spreadsheet" },
-        { version: "18.9.0", name: "igniteui-react-datasources" },
-        { version: "18.9.0", name: "igniteui-react-dashboards" },
-        { version: "18.9.0", name: "igniteui-react" },
+        { version: "19.0.0", name: "igniteui-react-core" },
+        { version: "19.0.0", name: "igniteui-react-charts" },
+        { version: "19.0.0", name: "igniteui-react-excel" },
+        { version: "19.0.0", name: "igniteui-react-gauges" },
+        { version: "19.0.0", name: "igniteui-react-data-grids" },
+        { version: "19.0.2", name: "igniteui-react-grids" },
+        { version: "19.0.0", name: "igniteui-react-inputs" },
+        { version: "19.0.0", name: "igniteui-react-layouts" },
+        { version: "19.0.0", name: "igniteui-react-maps" },
+        { version: "19.0.0", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "19.0.0", name: "igniteui-react-spreadsheet" },
+        { version: "19.0.0", name: "igniteui-react-datasources" },
+        { version: "19.0.0", name: "igniteui-react-dashboards" },
+        { version: "19.0.2", name: "igniteui-react" },
         // these IG packages are sometimes updated:
-        { version: "5.3.0" , name: "igniteui-webcomponents" },
+        { version: "6.0.0" , name: "igniteui-webcomponents" },
         { version: "1.16.1", name: "igniteui-dockmanager" },
         // main react packages
         { version: "^18.2.0", name: "react" },
@@ -884,6 +886,7 @@ function updateIG(cb) {
     gulp.src(packagePaths, {allowEmpty: true})
     .pipe(es.map(function(file, fileCallback) {
         let filePath = file.dirname + "\\" + file.basename;
+        console.log("processing " + filePath);
         var fileContent = file.contents.toString();
         var fileLines = fileContent.split('\n');
 

browser/templates/sample/package.json

@@ -24,17 +24,18 @@
     "@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-core":        { "version": "18.1.2", "usage": "always", "note": "will always force injecting it to a package.json "},
-    "igniteui-react-maps":        { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-charts":      { "version": "18.1.2", "usage": "detect", "keywords": ["igniteui-react-maps", "igniteui-react-spreadsheet-chart-adapter"]  },
-    "igniteui-react-datasources": { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-gauges":      { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-spreadsheet": { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-spreadsheet-chart-adapter": { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-excel":       { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-grids":       { "version": "18.1.2", "usage": "detect" },
-    "igniteui-react-inputs":      { "version": "18.1.2", "usage": "detect", "keywords": ["igniteui-react-grids"] },
-    "igniteui-react-layouts":     { "version": "18.1.2", "usage": "detect" }
+    "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"]  },
+    "igniteui-react-datasources": { "version": "19.0.0-alpha.0", "usage": "detect" },
+    "igniteui-react-gauges":      { "version": "19.0.0-alpha.0", "usage": "detect" },
+    "igniteui-react-spreadsheet": { "version": "19.0.0-alpha.0", "usage": "detect" },
+    "igniteui-react-spreadsheet-chart-adapter": { "version": "19.0.0-alpha.0", "usage": "detect" },
+    "igniteui-react-excel":       { "version": "19.0.0-alpha.0", "usage": "detect" },
+    "igniteui-react-grids":       { "version": "19.0.1", "usage": "detect" },
+    "igniteui-react-data-grids":       { "version": "19.0.0-alpha.0", "usage": "detect" },
+    "igniteui-react-inputs":      { "version": "19.0.0-alpha.0", "usage": "detect", "keywords": ["igniteui-react-data-grids"] },
+    "igniteui-react-layouts":     { "version": "19.0.0-alpha.0", "usage": "detect" }
   },
   "devDependencies": {
     "@types/jest": "^29.2.0",

browser/templates/shared/src/DataGridPager.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { LocalDataSource } from 'igniteui-react-core';
 import { SortDescription } from 'igniteui-react-core';
-import { IgrColumnSortDescriptionCollection } from 'igniteui-react-grids';
-import { IgrColumnGroupDescriptionCollection } from 'igniteui-react-grids';
+import { IgrColumnSortDescriptionCollection } from 'igniteui-react-data-grids';
+import { IgrColumnGroupDescriptionCollection } from 'igniteui-react-data-grids';
 import { IgrFilterExpressionCollection } from 'igniteui-react-core';
 import './DataGridPager.css';
 

browser/tsconfig.paths.json

@@ -6,6 +6,7 @@
         "igniteui-react-charts": [ "node_modules/igniteui-react-charts", "node_modules/@infragistics/igniteui-react-charts" ],
         "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" ],
         "igniteui-react-gauges": [ "node_modules/igniteui-react-gauges", "node_modules/@infragistics/igniteui-react-gauges" ],
         "igniteui-react-inputs": [ "node_modules/igniteui-react-inputs", "node_modules/@infragistics/igniteui-react-inputs" ],
         "igniteui-react-layouts": [ "node_modules/igniteui-react-layouts", "node_modules/@infragistics/igniteui-react-layouts" ],

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

@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-react-inputs": "18.9.0",
-    "igniteui-react-layouts": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-react-inputs": "19.0.0",
+    "igniteui-react-layouts": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -12,14 +12,14 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
     "tslib": "^2.4.0"
   },
-  "devDependencies": {
+   "devDependencies": {
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.7",
     "@types/react": "^18.0.24",

samples/charts/category-chart/area-chart-multiple-sources/package.json

@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

samples/charts/category-chart/area-chart-single-source/package.json

@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

samples/charts/category-chart/area-chart-styling/package.json

@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.9.0",
-    "igniteui-react-charts": "18.9.0",
-    "igniteui-react-core": "18.9.0",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0",
+    "igniteui-react-core": "19.0.0",
+    "igniteui-webcomponents": "6.0.0",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",