Use React version of Dock Manager in the samples (#957)

* fix(dockmanager): update all dock manager samples to use IgrDockManager

Author: mtsvyatkova

browser/config-overrides.js

@@ -180,8 +180,8 @@ module.exports = function override(config, env) {
                 chunks: 'all',
             },
             igniteuiDockmanager: {
-                test: /[\\/]node_modules[\\/](igniteui-dockmanager)[\\/]/,
-                name: 'igniteui-dockmanager',
+                test: /[\\/]node_modules[\\/](igniteui-react-dockmanager)[\\/]/,
+                name: 'igniteui-react-dockmanager',
                 chunks: 'all',
             }
         };

browser/package-lock.json

@@ -23,16 +23,16 @@
     "classnames": "2.3.1",
     "dompurify": "^3.3.0",
     "file-saver": "1.3.8",
-    "igniteui-dockmanager": "^1.17.0",
-    "igniteui-react": "^19.3.0",
+    "igniteui-react": "^19.4.0-rc.0",
     "igniteui-react-charts": "19.3.0-beta.0",
     "igniteui-react-core": "19.3.0-beta.0",
     "igniteui-react-dashboards": "19.3.0-beta.0",
     "igniteui-react-data-grids": "19.3.0-beta.0",
     "igniteui-react-datasources": "19.3.0-beta.0",
+    "igniteui-react-dockmanager": "^19.4.0-rc.0",
     "igniteui-react-excel": "19.3.0-beta.0",
     "igniteui-react-gauges": "19.3.0-beta.0",
-    "igniteui-react-grids": "^19.3.0",
+    "igniteui-react-grids": "^19.4.0-rc.0",
     "igniteui-react-inputs": "19.3.0-beta.0",
     "igniteui-react-layouts": "19.3.0-beta.0",
     "igniteui-react-maps": "19.3.0-beta.0",

browser/package.json

@@ -34,10 +34,3 @@ root.render(
 // Learn more about service workers: https://bit.ly/CRA-PWA
 RegisterServiceWorker();
 // serviceWorker.unregister();
-
-// // copied from https://stenciljs.com/docs/react
-// import { applyPolyfills, defineCustomElements } from 'igniteui-dockmanager/loader';
-
-// applyPolyfills().then(() => {
-//   defineCustomElements();
-// });

browser/src/index.tsx

@@ -860,7 +860,7 @@ function updateIG(cb) {
         { version: "^19.3.0", name: "igniteui-react" },
         // these IG packages are sometimes updated:
         { version: "^6.3.0", name: "igniteui-webcomponents" },
-        { version: "^1.17.0", name: "igniteui-dockmanager" },
+        { version: "^19.4.0-rc.0", name: "igniteui-react-dockmanager" },
         // main react packages
         { version: "^19.2.0", name: "react" },
         { version: "^19.2.0", name: "react-dom" },

browser/src/typedecls.d.ts

@@ -22,7 +22,7 @@
     "@material-ui/icons": { "version": "^4.5.1", "usage": "detect", "keywords": ["@material-ui/core"] },
     "@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-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": "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"]  },

browser/tasks/gulp-samples.js

@@ -4,6 +4,7 @@
       "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-dockmanager": [ "node_modules/igniteui-react-dockmanager", "node_modules/@infragistics/igniteui-react-dockmanager" ],
         "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" ],
@@ -17,9 +18,7 @@
         "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/@infragistics/igniteui-dockmanager" ],
-        "igniteui-dockmanager/loader": [ "node_modules/igniteui-dockmanager/loader", "node_modules/@infragistics/igniteui-dockmanager/loader" ]
+        "igniteui-webcomponents": [ "node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents" ]
       }
     }
   }

browser/templates/sample/package.json

@@ -12,9 +12,8 @@
     "test": "vitest"
   },
   "dependencies": {
-    "igniteui-dockmanager": "^1.17.0",
     "igniteui-react-core": "19.3.0-beta.0",
-    "igniteui-webcomponents": "^6.3.0",
+    "igniteui-react-dockmanager": "^19.4.0-rc.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tslib": "^2.4.0"