readme - Updating Packages in Samples

Author: HUSSAR-mtrela

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/tasks/gulp-samples.js

@@ -824,38 +824,37 @@ 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.4", 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" },
         // 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