RELEASE - merging vnext into master

README.md

@@ -175,20 +175,17 @@ NOTE this will re-generate the Readme.md file in the new sample
 To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
 
 
-# Updating Version of IgniteUI Packages
+## Updating Packages in Samples
 
-Perform these steps to update version of **Ignite UI for React** packages in all samples. NOTE that the order of these steps is very important.
+NOTE Do NOT find replace version of packages in package.json files. 
 
 - open this repo in VS Code
-- open [gulp-samples.js](./browser/tasks/gulp-samples.js) file
+- open [./browser/tasks/gulp-samples.js](./browser/tasks/gulp-samples.js) file
 - navigate to the `updateIG` function
-- change version of **Ignite UI for React** packages in the `packageUpgrades` array
+- update version of packages in `packageUpgrades` array
 - open terminal window
 - run `cd browser` command
-- run `gulp updateIG` command
+- run the `gulp updateIG` command
 - run `npm install --legacy-peer-deps` command
-- create pull request with your changes
-- open the [Igniteui-xplat-example](https://github.com/IgniteUI/igniteui-xplat-examples) repo in VS Code
-- update version of **Ignite UI for React** packages in [React template](https://github.com/IgniteUI/igniteui-xplat-examples/blob/23.2.x/editor-templates/React/main-template/package.json)
-- create pull request with your changes in [Igniteui-xplat-example](https://github.com/IgniteUI/igniteui-xplat-examples) repo
-
+- create AND merge a pull request with changes in all package.json files in this repository
+- create 2nd pull request with similar changes in `/editor-templates/react/main-template/package.json` of the [igniteui-xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repository.

browser/config-overrides.js

@@ -164,6 +164,11 @@ module.exports = function override(config, env) {
                 name: 'igniteui-react-spreadsheet-chart-adapter',
                 chunks: 'all',
             },
+            igniteuiDashboards: {
+                test: /[\\/]node_modules[\\/](igniteui-react-dashboards)[\\/]/,
+                name: 'igniteui-react-dashboards',
+                chunks: 'all',
+            },
             igniteuiDataSources: {
                 test: /[\\/]node_modules[\\/](igniteui-react-datasources)[\\/]/,
                 name: 'igniteui-react-datasources',

browser/package.json

@@ -24,20 +24,21 @@
     "classnames": "2.3.1",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "1.15.2",
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-datasources": "18.7.4",
-    "igniteui-react-excel": "18.7.4",
-    "igniteui-react-gauges": "18.7.4",
-    "igniteui-react-grids": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
-    "igniteui-react-maps": "18.7.4",
-    "igniteui-react-spreadsheet": "18.7.4",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-dashboards": "18.7.6",
+    "igniteui-react-datasources": "18.7.6",
+    "igniteui-react-excel": "18.7.6",
+    "igniteui-react-gauges": "18.7.6",
+    "igniteui-react-grids": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
+    "igniteui-react-maps": "18.7.6",
+    "igniteui-react-spreadsheet": "18.7.6",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "2.8.0",
+    "lit-html": "^3.2.0",
     "prop-types": "15.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -49,6 +50,8 @@
     "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",
     "@types/gulp": "^4.0.6",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.7",

browser/package_move.bat

@@ -25,6 +25,10 @@ IF EXIST @infragistics\igniteui-react-gauges (
 IF EXIST @infragistics\igniteui-react-grids (
  MOVE /y @infragistics\igniteui-react-grids igniteui-react-grids
 )
+
+IF EXIST @infragistics\igniteui-react-dashboards (
+ MOVE /y @infragistics\igniteui-react-dashboards igniteui-react-dashboards
+)
 
 IF EXIST @infragistics\igniteui-react-excel (
  MOVE /y @infragistics\igniteui-react-excel igniteui-react-excel

browser/public/meta.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2024-09-05 15:56:45","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2024-12-16 12:49:26","note":"this file is auto-generated"}

browser/src/navigation/SamplesBrowser.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2024-09-05 15:56:45","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2024-12-16 12:49:26","note":"this file is auto-generated"}

browser/tasks/gulp-samples.js

@@ -278,6 +278,7 @@ function copySamples(cb) {
             // auto fix TS lint issue in import statements:
             code = code.replace('from "igniteui-react";', "from 'igniteui-react';");
             code = code.replace('from "igniteui-react-core";', "from 'igniteui-react-core';");
+            code = code.replace('from "igniteui-react-dashboards";', "from 'igniteui-react-dashboards';");
             code = code.replace('from "igniteui-react-charts";', "from 'igniteui-react-charts';");
             code = code.replace('from "igniteui-react-maps";', "from 'igniteui-react-maps';");
             code = code.replace('from "igniteui-react-gauges";', "from 'igniteui-react-gauges';");
@@ -824,38 +825,38 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-react-core"                     , version: "18.7.4" },
-        { name: "igniteui-react-charts"                   , version: "18.7.4" },
-        { name: "igniteui-react-excel"                    , version: "18.7.4" },
-        { name: "igniteui-react-gauges"                   , version: "18.7.4" },
-        { name: "igniteui-react-grids"                    , version: "18.7.4" },
-        { name: "igniteui-react-inputs"                   , version: "18.7.4" },
-        { name: "igniteui-react-layouts"                  , version: "18.7.4" },
-        { name: "igniteui-react-maps"                     , version: "18.7.4" },
-        { name: "igniteui-react-spreadsheet-chart-adapter", version: "18.7.4" },
-        { name: "igniteui-react-spreadsheet"              , version: "18.7.4" },
-        { name: "igniteui-react-datasources"              , version: "18.7.4" },
-        { name: "igniteui-react"                          , version: "18.7.4" },
+        { version: "18.7.6", name: "igniteui-react-core" },
+        { version: "18.7.6", name: "igniteui-react-charts" },
+        { version: "18.7.6", name: "igniteui-react-excel" },
+        { version: "18.7.6", name: "igniteui-react-gauges" },
+        { version: "18.7.6", name: "igniteui-react-grids" },
+        { version: "18.7.6", name: "igniteui-react-inputs" },
+        { version: "18.7.6", name: "igniteui-react-layouts" },
+        { version: "18.7.6", name: "igniteui-react-maps" },
+        { version: "18.7.6", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "18.7.6", name: "igniteui-react-spreadsheet" },
+        { version: "18.7.6", name: "igniteui-react-datasources" },
+        { version: "18.7.6", name: "igniteui-react-dashboards" },
+        { version: "18.7.6", name: "igniteui-react" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.1.2" },
-        { name: "igniteui-dockmanager",   version: "1.15.2" },
+        { version: "5.1.2" , name: "igniteui-webcomponents" },
+        { version: "1.15.2", name: "igniteui-dockmanager" },
         // main react packages
-        { name: "react"             , version: "^18.2.0", },
-        { name: "react-dom"         , version: "^18.2.0", },
-        { name: "react-scripts"     , version: "^5.0.1", },
-        // { name: "tslib"             , version: "^2.4.0", },
-        // { name: "lit-html"          , version: "^2.2.0", },
-
-        { name: "eslint"             , version: "^8.33.0", },
-        { name: "eslint-config-react", version: "^1.1.7", },
-        { name: "eslint-plugin-react", version: "^7.20.0", },
-
-        { name: "@types/jest"       , version: "^29.2.0", },
-        { name: "@types/node"       , version: "^18.11.7", },
-        { name: "@types/react"      , version: "^18.0.24", },
-        { name: "@types/react-dom"  , version: "^18.0.8", },
-        { name: "react-app-rewired" , version: "^2.2.1", },
-        { name: "typescript"        , version: "^4.8.4", },
+        { version: "^18.2.0", name: "react" },
+        { version: "^18.2.0", name: "react-dom" },
+        { version: "^5.0.1",  name: "react-scripts" },
+        // { version: "^2.4.0", name: "tslib" },
+        // { version: "^2.2.0", name: "lit-html" },
+        { version: "^8.33.0", name: "eslint" },
+        { version: "^1.1.7",  name: "eslint-config-react" },
+        { version: "^7.20.0", name: "eslint-plugin-react" },
+
+        { version: "^29.2.0",  name: "@types/jest" },
+        { version: "^18.11.7", name: "@types/node" },
+        { version: "^18.0.24", name: "@types/react" },
+        { version: "^18.0.8",  name: "@types/react-dom" },
+        { version: "^2.2.1",   name: "react-app-rewired" },
+        { version: "^4.8.4",   name: "typescript" },
     ];
 
     // NOTE you can comment out strings in this array to run these function only on a subset of samples

browser/templates/sample/tsconfig.json

@@ -21,7 +21,6 @@
     "noImplicitAny": true,
     "noUnusedLocals": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "strict": false,

browser/tsconfig.json

@@ -25,7 +25,6 @@
     "noUnusedLocals": false,
     "strictNullChecks": false,
     "importHelpers": true,
-    "suppressImplicitAnyIndexErrors": true,
     "ignoreDeprecations": "5.0",
     "strict": false,
     "isolatedModules": true,

browser/tsconfig.paths.json

@@ -2,22 +2,23 @@
     "compilerOptions": {
       "baseUrl": ".",
       "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-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-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"],
-        "igniteui-react-maps": ["node_modules/igniteui-react-maps", "node_modules/@infragistics/igniteui-react-maps"],
-        "igniteui-react": ["node_modules/igniteui-react", "node_modules/@infragistics/igniteui-react"],
-        "igniteui-react-excel": ["node_modules/igniteui-react-excel", "node_modules/@infragistics/igniteui-react-excel"],
-        "igniteui-react-datasources": ["node_modules/igniteui-react-datasources", "node_modules/@infragistics/igniteui-react-datasources"],
-        "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/@infragisics/igniteui-dockmanager"],
-        "igniteui-dockmanager/loader": ["node_modules/igniteui-dockmanager/loader", "node_modules/@infragistics/igniteui-dockmanager/loader"]
+        "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-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-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" ],
+        "igniteui-react-maps": [ "node_modules/igniteui-react-maps", "node_modules/@infragistics/igniteui-react-maps" ],
+        "igniteui-react": [ "node_modules/igniteui-react", "node_modules/@infragistics/igniteui-react" ],
+        "igniteui-react-excel": [ "node_modules/igniteui-react-excel", "node_modules/@infragistics/igniteui-react-excel" ],
+        "igniteui-react-datasources": [ "node_modules/igniteui-react-datasources", "node_modules/@infragistics/igniteui-react-datasources" ],
+        "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/@infragisics/igniteui-dockmanager" ],
+        "igniteui-dockmanager/loader": [ "node_modules/igniteui-dockmanager/loader", "node_modules/@infragistics/igniteui-dockmanager/loader" ]
       }
     }
   }

samples/charts/category-chart/annotations-all/.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",

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

@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",

samples/charts/category-chart/annotations-all/src/index.tsx

@@ -105,7 +105,8 @@ export default class Sample extends React.Component<any, any> {
                     finalValueAnnotationsTextColor="white"
                     finalValueAnnotationsPrecision="0"
                     yAxisMaximumValue="35"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>

samples/charts/category-chart/annotations-callouts/.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",

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

@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",

samples/charts/category-chart/annotations-callouts/src/index.tsx

@@ -75,7 +75,8 @@ export default class Sample extends React.Component<any, any> {
                     crosshairsAnnotationYAxisPrecision="0"
                     yAxisMaximumValue="35"
                     yAxisTitle="Degrees Celsius"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>

samples/charts/category-chart/annotations-crosshairs/.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
       "no-useless-concat": "off",
       "no-mixed-operators": "off",
       "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
       "prefer-const": "off",
       "prefer-rest-params": "off",
       "@typescript-eslint/no-unused-vars": "off",
@@ -57,6 +58,7 @@ module.exports = {
             "no-throw-literal": "off",
             "no-useless-concat": "off",
             "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
             "no-prototype-builtins": "off",
             "prefer-const": "off",
             "prefer-rest-params": "off",

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

@@ -14,13 +14,13 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.4",
-    "igniteui-react-charts": "18.7.4",
-    "igniteui-react-core": "18.7.4",
-    "igniteui-react-inputs": "18.7.4",
-    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react": "18.7.6",
+    "igniteui-react-charts": "18.7.6",
+    "igniteui-react-core": "18.7.6",
+    "igniteui-react-inputs": "18.7.6",
+    "igniteui-react-layouts": "18.7.6",
     "igniteui-webcomponents": "5.1.2",
-    "lit-html": "^2.2.0",
+    "lit-html": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",

samples/charts/category-chart/annotations-crosshairs/src/index.tsx

@@ -87,7 +87,8 @@ export default class Sample extends React.Component<any, any> {
                     crosshairsLineThickness="2"
                     crosshairsSnapToData="true"
                     yAxisMaximumValue="35"
-                    yAxisLabelLocation="OutsideRight">
+                    yAxisLabelLocation="OutsideRight"
+                    isTransitionInEnabled="false">
                 </IgrCategoryChart>
             </div>
         </div>