V19 updates

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

@@ -1,119 +1,120 @@
-{
-  "name": "react-samples-browser",
-  "description": "Browser application with examples of IgniteUI for React components",
-  "author": "Infragistics",
-  "version": "23.2.915",
-  "private": true,
-  "homepage": ".",
-  "scripts": {
-    "clean": "rm -rf build",
-    "lintBrowser": "eslint ./src/**/*.{ts,tsx} ./src/*.{ts,tsx}",
-    "lintSamples": "eslint ../samples/**/**/**/*.{ts,tsx} ./templates/**/src/*.{ts,tsx} ",
-    "start": "gulp updateBrowser && set PORT=4200 && react-app-rewired --max_old_space_size=10240 start",
-    "build": "gulp updateBrowser && react-app-rewired --max_old_space_size=10240 build",
-    "host": "set PORT=4200 && react-app-rewired --max_old_space_size=10240 start",
-    "postbuild": "node tasks/copyWebConfig.js && gulp verifyBuild",
-    "test": "gulp updateBrowser && react-app-rewired test --env=jsdom",
-    "eject": "react-app-rewired eject"
-  },
-  "dependencies": {
-    "@types/file-saver": "^2.0.0",
-    "@types/react-loadable": "5.5.5",
-    "@types/react-router": "^5.1.19",
-    "@types/react-transition-group": "2.9.2",
-    "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",
-    "lit-html": "^3.2.0",
-    "prop-types": "15.7.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-icons": "^5.3.0",
-    "react-loadable": "5.5.0",
-    "react-router": "4.3.1",
-    "react-router-dom": "^5.2.0",
-    "react-transition-group": "4.4.2",
-    "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-transform-class-static-block": "^7.26.0",
-    "@types/gulp": "^4.0.6",
-    "@types/jest": "^29.2.0",
-    "@types/node": "^18.11.7",
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.0.8",
-    "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^5.51.0",
-    "@typescript-eslint/parser": "^5.51.0",
-    "browser-sync": "^3.0.4",
-    "del": "^5.1.0",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-config-react": "^1.1.7",
-    "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-react": "^7.20.0",
-    "event-stream": "^4.0.1",
-    "fs": "0.0.1-security",
-    "fs-extra": "^9.0.1",
-    "fs.extra": "^1.3.2",
-    "gulp": "^4.0.2",
-    "gulp-contains": "^1.2.0",
-    "gulp-exec": "^4.0.0",
-    "gulp-flatten": "^0.4.0",
-    "gulp-ignore": "^3.0.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-replace": "^1.0.0",
-    "gulp-shell": "^0.8.0",
-    "gulp-uglify": "^3.0.2",
-    "gulpclass": "^0.2.0",
-    "path": "^0.12.7",
-    "prettier": "^2.0.5",
-    "react-app-rewire-alias": "^1.1.7",
-    "react-app-rewired": "^2.2.1",
-    "react-dev-utils": "12.0.1",
-    "react-scripts": "^5.0.1",
-    "remark": "^14.0.2",
-    "remark-frontmatter": "^2.0.0",
-    "run-sequence": "^2.2.1",
-    "ts-loader": "^7.0.5",
-    "ts-node": "^8.9.0",
-    "typescript": "^4.8.4",
-    "web-vitals": "^0.2.4",
-    "webpack": "^5.99.5",
-    "worker-loader": "^3.0.8"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}
+{
+  "name": "react-samples-browser",
+  "description": "Browser application with examples of IgniteUI for React components",
+  "author": "Infragistics",
+  "version": "23.2.915",
+  "private": true,
+  "homepage": ".",
+  "scripts": {
+    "clean": "rm -rf build",
+    "lintBrowser": "eslint ./src/**/*.{ts,tsx} ./src/*.{ts,tsx}",
+    "lintSamples": "eslint ../samples/**/**/**/*.{ts,tsx} ./templates/**/src/*.{ts,tsx} ",
+    "start": "gulp updateBrowser && set PORT=4200 && react-app-rewired --max_old_space_size=10240 start",
+    "build": "gulp updateBrowser && react-app-rewired --max_old_space_size=10240 build",
+    "host": "set PORT=4200 && react-app-rewired --max_old_space_size=10240 start",
+    "postbuild": "node tasks/copyWebConfig.js && gulp verifyBuild",
+    "test": "gulp updateBrowser && react-app-rewired test --env=jsdom",
+    "eject": "react-app-rewired eject"
+  },
+  "dependencies": {
+    "@types/file-saver": "^2.0.0",
+    "@types/react-loadable": "5.5.5",
+    "@types/react-router": "^5.1.19",
+    "@types/react-transition-group": "2.9.2",
+    "classnames": "2.3.1",
+    "file-saver": "1.3.8",
+    "igniteui-dockmanager": "1.16.1",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0-alpha.1",
+    "igniteui-react-core": "19.0.0-alpha.1",
+    "igniteui-react-dashboards": "19.0.0-alpha.1",
+    "igniteui-react-data-grids": "19.0.0-alpha.1",
+    "igniteui-react-datasources": "19.0.0-alpha.1",
+    "igniteui-react-excel": "19.0.0-alpha.1",
+    "igniteui-react-gauges": "19.0.0-alpha.1",
+    "igniteui-react-grids": "19.0.2",
+    "igniteui-react-inputs": "19.0.0-alpha.1",
+    "igniteui-react-layouts": "19.0.0-alpha.1",
+    "igniteui-react-maps": "19.0.0-alpha.1",
+    "igniteui-react-spreadsheet": "19.0.0-alpha.1",
+    "igniteui-react-spreadsheet-chart-adapter": "19.0.0-alpha.1",
+    "igniteui-webcomponents": "6.0.0",
+    "lit-html": "^3.2.0",
+    "prop-types": "15.7.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^5.3.0",
+    "react-loadable": "5.5.0",
+    "react-router": "4.3.1",
+    "react-router-dom": "^5.2.0",
+    "react-transition-group": "4.4.2",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@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",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
+    "browser-sync": "^3.0.4",
+    "del": "^5.1.0",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-react": "^7.20.0",
+    "event-stream": "^4.0.1",
+    "fs": "0.0.1-security",
+    "fs-extra": "^9.0.1",
+    "fs.extra": "^1.3.2",
+    "gulp": "^4.0.2",
+    "gulp-contains": "^1.2.0",
+    "gulp-exec": "^4.0.0",
+    "gulp-flatten": "^0.4.0",
+    "gulp-ignore": "^3.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-replace": "^1.0.0",
+    "gulp-shell": "^0.8.0",
+    "gulp-uglify": "^3.0.2",
+    "gulpclass": "^0.2.0",
+    "path": "^0.12.7",
+    "prettier": "^2.0.5",
+    "react-app-rewire-alias": "^1.1.7",
+    "react-app-rewired": "^2.2.1",
+    "react-dev-utils": "12.0.1",
+    "react-scripts": "^5.0.1",
+    "remark": "^14.0.2",
+    "remark-frontmatter": "^2.0.0",
+    "run-sequence": "^2.2.1",
+    "ts-loader": "^7.0.5",
+    "ts-node": "^8.9.0",
+    "typescript": "^4.8.4",
+    "web-vitals": "^0.2.4",
+    "webpack": "^5.99.5",
+    "worker-loader": "^3.0.8"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

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-16 12:42:08","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-16 12:42:08","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-alpha.1", name: "igniteui-react-core" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-charts" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-excel" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-gauges" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-data-grids" },
+        { version: "19.0.2", name: "igniteui-react-grids" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-inputs" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-layouts" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-maps" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-spreadsheet" },
+        { version: "19.0.0-alpha.1", name: "igniteui-react-datasources" },
+        { version: "19.0.0-alpha.1", 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" },

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,21 +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",
-    "lit-html": "^3.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "^5.0.1",
-    "tslib": "^2.4.0"
-  },
-  "devDependencies": {
-    "@types/jest": "^29.2.0",
-    "@types/node": "^18.11.7",
+    "igniteui-react": "19.0.2",
+    "igniteui-react-charts": "19.0.0-alpha.1",
+    "igniteui-react-core": "19.0.0-alpha.1",
+    "igniteui-react-inputs": "19.0.0-alpha.1",
+    "igniteui-react-layouts": "19.0.0-alpha.1",
+    "igniteui-webcomponents": "6.0.0",
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "eslint": "^8.33.0",