chore(*): update react ig packages to 18.8.0 (#742)

Author: dkamburov

browser/config-overrides.js

@@ -249,6 +249,14 @@ module.exports = function override(config, env) {
         config.plugins[checkerInd] = checker;
     }
 
+    // Add Babel plugins manually to the config
+    let moduleRules = config.module.rules[0].oneOf;
+    for (var j = 0; j < moduleRules.length; j++) {
+      if (moduleRules[j].loader?.includes("babel-loader")) {
+        moduleRules[j].options.plugins?.push("@babel/plugin-transform-class-static-block");
+      }
+    }
+
     let newConfig = aliasMultiple(tspaths)(config);
     console.log(newConfig);
     return newConfig;

browser/package-lock.json

@@ -24,19 +24,19 @@
     "classnames": "2.3.1",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.7",
-    "igniteui-react-charts": "18.7.7",
-    "igniteui-react-core": "18.7.7",
-    "igniteui-react-dashboards": "18.7.7",
-    "igniteui-react-datasources": "18.7.7",
-    "igniteui-react-excel": "18.7.7",
-    "igniteui-react-gauges": "18.7.7",
-    "igniteui-react-grids": "18.7.7",
-    "igniteui-react-inputs": "18.7.7",
-    "igniteui-react-layouts": "18.7.7",
-    "igniteui-react-maps": "18.7.7",
-    "igniteui-react-spreadsheet": "18.7.7",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.7",
+    "igniteui-react": "18.8.0",
+    "igniteui-react-charts": "18.8.0",
+    "igniteui-react-core": "18.8.0",
+    "igniteui-react-dashboards": "18.8.0",
+    "igniteui-react-datasources": "18.8.0",
+    "igniteui-react-excel": "18.8.0",
+    "igniteui-react-gauges": "18.8.0",
+    "igniteui-react-grids": "18.8.0",
+    "igniteui-react-inputs": "18.8.0",
+    "igniteui-react-layouts": "18.8.0",
+    "igniteui-react-maps": "18.8.0",
+    "igniteui-react-spreadsheet": "18.8.0",
+    "igniteui-react-spreadsheet-chart-adapter": "18.8.0",
     "igniteui-webcomponents": "5.2.1",
     "lit-html": "^3.2.0",
     "prop-types": "15.7.2",
@@ -52,6 +52,7 @@
   "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",

browser/package.json

@@ -825,19 +825,19 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "18.7.7", name: "igniteui-react-core" },
-        { version: "18.7.7", name: "igniteui-react-charts" },
-        { version: "18.7.7", name: "igniteui-react-excel" },
-        { version: "18.7.7", name: "igniteui-react-gauges" },
-        { version: "18.7.7", name: "igniteui-react-grids" },
-        { version: "18.7.7", name: "igniteui-react-inputs" },
-        { version: "18.7.7", name: "igniteui-react-layouts" },
-        { version: "18.7.7", name: "igniteui-react-maps" },
-        { version: "18.7.7", name: "igniteui-react-spreadsheet-chart-adapter" },
-        { version: "18.7.7", name: "igniteui-react-spreadsheet" },
-        { version: "18.7.7", name: "igniteui-react-datasources" },
-        { version: "18.7.7", name: "igniteui-react-dashboards" },
-        { version: "18.7.7", name: "igniteui-react" },
+        { version: "18.8.0", name: "igniteui-react-core" },
+        { version: "18.8.0", name: "igniteui-react-charts" },
+        { version: "18.8.0", name: "igniteui-react-excel" },
+        { version: "18.8.0", name: "igniteui-react-gauges" },
+        { version: "18.8.0", name: "igniteui-react-grids" },
+        { version: "18.8.0", name: "igniteui-react-inputs" },
+        { version: "18.8.0", name: "igniteui-react-layouts" },
+        { version: "18.8.0", name: "igniteui-react-maps" },
+        { version: "18.8.0", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "18.8.0", name: "igniteui-react-spreadsheet" },
+        { version: "18.8.0", name: "igniteui-react-datasources" },
+        { version: "18.8.0", name: "igniteui-react-dashboards" },
+        { version: "18.8.0", name: "igniteui-react" },
         // these IG packages are sometimes updated:
         { version: "5.2.1" , name: "igniteui-webcomponents" },
         { version: "1.15.2", name: "igniteui-dockmanager" },

browser/tasks/gulp-samples.js

@@ -14,11 +14,11 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.7",
-    "igniteui-react-charts": "18.7.7",
-    "igniteui-react-core": "18.7.7",
-    "igniteui-react-inputs": "18.7.7",
-    "igniteui-react-layouts": "18.7.7",
+    "igniteui-react": "18.8.0",
+    "igniteui-react-charts": "18.8.0",
+    "igniteui-react-core": "18.8.0",
+    "igniteui-react-inputs": "18.8.0",
+    "igniteui-react-layouts": "18.8.0",
     "igniteui-webcomponents": "5.2.1",
     "lit-html": "^3.2.0",
     "react": "^18.2.0",