From ea0c022906edb192dd311849b2f8fa5d3efba474 Mon Sep 17 00:00:00 2001 From: Maria Tsvyatkova Date: Wed, 19 Nov 2025 09:43:11 +0200 Subject: [PATCH 1/6] fix(dockmanager): initial package update for react dock manager --- browser/package-lock.json | 151 +++++++++++++++++++++++++------------- browser/package.json | 5 +- 2 files changed, 102 insertions(+), 54 deletions(-) diff --git a/browser/package-lock.json b/browser/package-lock.json index b4dcb7dd4..54e7debad 100644 --- a/browser/package-lock.json +++ b/browser/package-lock.json @@ -16,15 +16,16 @@ "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", @@ -2943,6 +2944,18 @@ "node": ">= 8" } }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/append-buffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", @@ -4256,6 +4269,16 @@ "node": ">=8" } }, + "node_modules/cosmiconfig/node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">= 6" + } + }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", @@ -7937,9 +7960,10 @@ } }, "node_modules/igniteui-react": { - "version": "19.3.2", - "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-19.3.2.tgz", - "integrity": "sha512-80xpiow/YEMSZjA1KzdoFLqrIl7J8hxGzGOX2+Cgd82JTwnXjkHY4qx+J+Q34Jh+n++lB5o+RDInfTjVAHzGJw==", + "version": "19.4.0-rc.0", + "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-19.4.0-rc.0.tgz", + "integrity": "sha512-StSL38REThDaswOvq48NJGmJ6+ek4k71S2/AYZQ7EQlUbb5vkqhvxLvXguvyFlP2FvCtbEfrKWSANK6l2ljhdA==", + "license": "MIT", "dependencies": { "@lit/react": "^1.0.7", "igniteui-dockmanager": "~1.17.0", @@ -8027,6 +8051,17 @@ "igniteui-react-core": "19.3.0-beta.0" } }, + "node_modules/igniteui-react-dockmanager": { + "version": "19.4.0-rc.0", + "resolved": "https://registry.npmjs.org/igniteui-react-dockmanager/-/igniteui-react-dockmanager-19.4.0-rc.0.tgz", + "integrity": "sha512-+QQvRGLUY5MVYvHFYE5jpr6+PIA6+HaowL8DwUA6qQhvZmff2i0s9mM9cFKr9/3KKesAYSPywa3wBnVwmlYyeg==", + "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", + "dependencies": { + "@lit/react": "^1.0.7", + "igniteui-dockmanager": "~1.18.1", + "lit": "^3.3.0" + } + }, "node_modules/igniteui-react-excel": { "version": "19.3.0-beta.0", "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-19.3.0-beta.0.tgz", @@ -8052,9 +8087,10 @@ } }, "node_modules/igniteui-react-grids": { - "version": "19.3.2", - "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-19.3.2.tgz", - "integrity": "sha512-5lRTewUBN+oT99XSmUPvs2vrNk3ZxXiL0LQdZ6a4r3QdbdYjS2hcI/VKQfv/PaTfC8c1mgZZ5ulqmKMS5jxT1w==", + "version": "19.4.0-rc.0", + "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-19.4.0-rc.0.tgz", + "integrity": "sha512-42mMu7XTAMEuQiCJi9l+mVSEQuaJXkRYDhTDG/fD65O6Gk6C/gb9iOqysxVJGBDT1YgnvRU3PLTnjznVZGoSFQ==", + "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "@lit/react": "^1.0.7", "igniteui-webcomponents-grids": "~6.2.1", @@ -9075,6 +9111,19 @@ "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, + "node_modules/jest-util/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/jest-worker": { "version": "27.5.1", "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", @@ -10572,6 +10621,19 @@ "node": ">=8.6" } }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/mime": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", @@ -11467,11 +11529,13 @@ "dev": true }, "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", "engines": { - "node": ">=8.6" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/jonschlinkert" @@ -12137,6 +12201,19 @@ "node": ">=8.10.0" } }, + "node_modules/readdirp/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/rechoir": { "version": "0.6.2", "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", @@ -14522,18 +14599,6 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, - "node_modules/tinyglobby/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/tinypool": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz", @@ -15729,18 +15794,6 @@ } } }, - "node_modules/vite/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/vitest": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.4.tgz", @@ -15825,18 +15878,6 @@ "vitest": "*" } }, - "node_modules/vitest/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/walk": { "version": "2.3.15", "resolved": "https://registry.npmjs.org/walk/-/walk-2.3.15.tgz", @@ -16263,12 +16304,18 @@ "dev": true }, "node_modules/yaml": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", - "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz", + "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==", "dev": true, + "license": "ISC", + "optional": true, + "peer": true, + "bin": { + "yaml": "bin.mjs" + }, "engines": { - "node": ">= 6" + "node": ">= 14.6" } }, "node_modules/yargs": { diff --git a/browser/package.json b/browser/package.json index 5ab498f50..32eeb84b3 100644 --- a/browser/package.json +++ b/browser/package.json @@ -24,15 +24,16 @@ "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", From 4cc4a3d6142c28340763e356df9c509f7721cd0f Mon Sep 17 00:00:00 2001 From: Maria Tsvyatkova Date: Wed, 19 Nov 2025 12:15:57 +0200 Subject: [PATCH 2/6] fix(dockmanager): use IgrDockManager for the overview sample --- .../dock-manager/overview/package.json | 4 +- .../dock-manager/overview/src/index.tsx | 53 +++++++++---------- 2 files changed, 28 insertions(+), 29 deletions(-) diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json index 8855149b1..a802bcfd3 100644 --- a/samples/layouts/dock-manager/overview/package.json +++ b/samples/layouts/dock-manager/overview/package.json @@ -12,9 +12,9 @@ "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", + "igniteui-react-grids": "^19.4.0-rc.0", "react": "^19.2.0", "react-dom": "^19.2.0", "tslib": "^2.4.0" diff --git a/samples/layouts/dock-manager/overview/src/index.tsx b/samples/layouts/dock-manager/overview/src/index.tsx index 3f0cc5e95..e6cc17a00 100644 --- a/samples/layouts/dock-manager/overview/src/index.tsx +++ b/samples/layouts/dock-manager/overview/src/index.tsx @@ -2,8 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; -import { IgcDockManagerComponent, IgcContentPane } from "igniteui-dockmanager"; -import { IgcDockManagerPaneType, IgcSplitPaneOrientation } from "igniteui-dockmanager"; +import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; import { defineCustomElements } from "igniteui-dockmanager/loader"; /* eslint-disable */ @@ -21,12 +20,12 @@ defineCustomElements(); export default class DockManagerOverview extends React.Component { - public dockManager: IgcDockManagerComponent; + public dockManager: IgrDockManager; public render(): JSX.Element { return (
- +
Content 1
Content 2
Content 3
@@ -36,7 +35,7 @@ export default class DockManagerOverview extends React.Component {
Content 7
Content 8
Content 9
- +
); } @@ -45,15 +44,15 @@ export default class DockManagerOverview extends React.Component { const pane = { // size: 150, header: paneHeader, - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: contentID }; return pane; } - public createSplitPane(orientation: IgcSplitPaneOrientation, contentPanes: any[], size?: number): any { + public createSplitPane(orientation: IgrSplitPaneOrientation, contentPanes: any[], size?: number): any { const pane = { - type: IgcDockManagerPaneType.splitPane, + type: IgrDockManagerPaneType.splitPane, orientation: orientation, panes: contentPanes, size: size @@ -61,16 +60,16 @@ export default class DockManagerOverview extends React.Component { return pane; } - public createTabPane(orientation: IgcSplitPaneOrientation, contentPanes: any[], size?: number): any { + public createTabPane(orientation: IgrSplitPaneOrientation, contentPanes: any[], size?: number): any { const pane = { - type: IgcDockManagerPaneType.documentHost, + type: IgrDockManagerPaneType.documentHost, size: size, rootPane: { - type: IgcDockManagerPaneType.splitPane, + type: IgrDockManagerPaneType.splitPane, orientation: orientation, panes: [ { - type: IgcDockManagerPaneType.tabGroupPane, + type: IgrDockManagerPaneType.tabGroupPane, panes: contentPanes } ] @@ -96,27 +95,27 @@ export default class DockManagerOverview extends React.Component { const pane8 = this.createContentPane('content8', 'Content Pane 2'); const pane9 = this.createContentPane('content9', 'Floating Pane'); - const tabPane1 = this.createTabPane(IgcSplitPaneOrientation.horizontal, [ pane3, pane4 ], 200); + const tabPane1 = this.createTabPane(IgrSplitPaneOrientation.horizontal, [ pane3, pane4 ], 200); - const splitPane1 = this.createSplitPane(IgcSplitPaneOrientation.vertical, [ pane1, pane2 ]); - const splitPane2 = this.createSplitPane(IgcSplitPaneOrientation.vertical, [ tabPane1, contentPane5 ], 200); + const splitPane1 = this.createSplitPane(IgrSplitPaneOrientation.vertical, [ pane1, pane2 ]); + const splitPane2 = this.createSplitPane(IgrSplitPaneOrientation.vertical, [ tabPane1, contentPane5 ], 200); - this.dockManager = document.getElementById("dockManager") as IgcDockManagerComponent; + this.dockManager = document.getElementById("dockManager") as IgrDockManager; this.dockManager.layout = { rootPane: { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.horizontal, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.horizontal, panes: [ splitPane1, // or: // { - // type: IgcDockManagerPaneType.splitPane, - // orientation: IgcSplitPaneOrientation.vertical, + // type: IgrDockManagerPaneType.splitPane, + // orientation: IgrSplitPaneOrientation.vertical, // panes: [ pane1, pane2 ] // }, splitPane2, // or: // { - // type: IgcDockManagerPaneType.splitPane, - // orientation: IgcSplitPaneOrientation.vertical, + // type: IgrDockManagerPaneType.splitPane, + // orientation: IgrSplitPaneOrientation.vertical, // size: 200, // panes: [ // tabPane1, @@ -124,11 +123,11 @@ export default class DockManagerOverview extends React.Component { // ] // }, { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.vertical, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.vertical, panes: [ { - type: IgcDockManagerPaneType.tabGroupPane, + type: IgrDockManagerPaneType.tabGroupPane, size: 200, panes: [ pane6, pane7 ] }, @@ -139,8 +138,8 @@ export default class DockManagerOverview extends React.Component { }, floatingPanes: [ { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.horizontal, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.horizontal, floatingHeight: 150, floatingWidth: 250, floatingLocation: { x: 300, y: 200 }, From 3cd4b73be4ca4fe0ff59f62aeb78b7e2f42d2a47 Mon Sep 17 00:00:00 2001 From: Maria Tsvyatkova Date: Wed, 19 Nov 2025 15:34:31 +0200 Subject: [PATCH 3/6] fix(dockmanager): update all dock manager samples to use IgrDockManager --- .../customize-buttons/package.json | 3 +- .../customize-buttons/src/index.tsx | 45 +++--- .../customize-buttons/tsconfig.json | 2 +- .../embedding-frames/package.json | 3 +- .../embedding-frames/src/index.tsx | 31 ++-- .../embedding-frames/tsconfig.json | 2 +- .../dock-manager/overview/tsconfig.json | 2 +- .../layouts/dock-manager/styling/package.json | 5 +- .../dock-manager/styling/src/index.tsx | 146 +++++++++--------- .../dock-manager/styling/tsconfig.json | 2 +- .../dock-manager/updating-panes/package.json | 3 +- .../dock-manager/updating-panes/src/index.tsx | 46 +++--- .../dock-manager/updating-panes/tsconfig.json | 2 +- 13 files changed, 146 insertions(+), 146 deletions(-) diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json index 8855149b1..0f3ab023a 100644 --- a/samples/layouts/dock-manager/customize-buttons/package.json +++ b/samples/layouts/dock-manager/customize-buttons/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" diff --git a/samples/layouts/dock-manager/customize-buttons/src/index.tsx b/samples/layouts/dock-manager/customize-buttons/src/index.tsx index 3f0cc5e95..4bb5e3c60 100644 --- a/samples/layouts/dock-manager/customize-buttons/src/index.tsx +++ b/samples/layouts/dock-manager/customize-buttons/src/index.tsx @@ -2,8 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; -import { IgcDockManagerComponent, IgcContentPane } from "igniteui-dockmanager"; -import { IgcDockManagerPaneType, IgcSplitPaneOrientation } from "igniteui-dockmanager"; +import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; import { defineCustomElements } from "igniteui-dockmanager/loader"; /* eslint-disable */ @@ -21,12 +20,12 @@ defineCustomElements(); export default class DockManagerOverview extends React.Component { - public dockManager: IgcDockManagerComponent; + public dockManager: IgrDockManager; public render(): JSX.Element { return (
- +
Content 1
Content 2
Content 3
@@ -36,7 +35,7 @@ export default class DockManagerOverview extends React.Component {
Content 7
Content 8
Content 9
- +
); } @@ -45,15 +44,15 @@ export default class DockManagerOverview extends React.Component { const pane = { // size: 150, header: paneHeader, - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: contentID }; return pane; } - public createSplitPane(orientation: IgcSplitPaneOrientation, contentPanes: any[], size?: number): any { + public createSplitPane(orientation: IgrSplitPaneOrientation, contentPanes: any[], size?: number): any { const pane = { - type: IgcDockManagerPaneType.splitPane, + type: IgrDockManagerPaneType.splitPane, orientation: orientation, panes: contentPanes, size: size @@ -61,16 +60,16 @@ export default class DockManagerOverview extends React.Component { return pane; } - public createTabPane(orientation: IgcSplitPaneOrientation, contentPanes: any[], size?: number): any { + public createTabPane(orientation: IgrSplitPaneOrientation, contentPanes: any[], size?: number): any { const pane = { - type: IgcDockManagerPaneType.documentHost, + type: IgrDockManagerPaneType.documentHost, size: size, rootPane: { - type: IgcDockManagerPaneType.splitPane, + type: IgrDockManagerPaneType.splitPane, orientation: orientation, panes: [ { - type: IgcDockManagerPaneType.tabGroupPane, + type: IgrDockManagerPaneType.tabGroupPane, panes: contentPanes } ] @@ -96,16 +95,16 @@ export default class DockManagerOverview extends React.Component { const pane8 = this.createContentPane('content8', 'Content Pane 2'); const pane9 = this.createContentPane('content9', 'Floating Pane'); - const tabPane1 = this.createTabPane(IgcSplitPaneOrientation.horizontal, [ pane3, pane4 ], 200); + const tabPane1 = this.createTabPane(IgrSplitPaneOrientation.horizontal, [ pane3, pane4 ], 200); - const splitPane1 = this.createSplitPane(IgcSplitPaneOrientation.vertical, [ pane1, pane2 ]); - const splitPane2 = this.createSplitPane(IgcSplitPaneOrientation.vertical, [ tabPane1, contentPane5 ], 200); + const splitPane1 = this.createSplitPane(IgrSplitPaneOrientation.vertical, [ pane1, pane2 ]); + const splitPane2 = this.createSplitPane(IgrSplitPaneOrientation.vertical, [ tabPane1, contentPane5 ], 200); - this.dockManager = document.getElementById("dockManager") as IgcDockManagerComponent; + this.dockManager = document.getElementById("dockManager") as IgrDockManager; this.dockManager.layout = { rootPane: { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.horizontal, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.horizontal, panes: [ splitPane1, // or: // { @@ -124,11 +123,11 @@ export default class DockManagerOverview extends React.Component { // ] // }, { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.vertical, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.vertical, panes: [ { - type: IgcDockManagerPaneType.tabGroupPane, + type: IgrDockManagerPaneType.tabGroupPane, size: 200, panes: [ pane6, pane7 ] }, @@ -139,8 +138,8 @@ export default class DockManagerOverview extends React.Component { }, floatingPanes: [ { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.horizontal, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.horizontal, floatingHeight: 150, floatingWidth: 250, floatingLocation: { x: 300, y: 200 }, diff --git a/samples/layouts/dock-manager/customize-buttons/tsconfig.json b/samples/layouts/dock-manager/customize-buttons/tsconfig.json index 8c0d146f9..5928eb3d1 100644 --- a/samples/layouts/dock-manager/customize-buttons/tsconfig.json +++ b/samples/layouts/dock-manager/customize-buttons/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "node", + "moduleResolution": "bundler", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json index ee0a46b6d..5f2b50f62 100644 --- a/samples/layouts/dock-manager/embedding-frames/package.json +++ b/samples/layouts/dock-manager/embedding-frames/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" diff --git a/samples/layouts/dock-manager/embedding-frames/src/index.tsx b/samples/layouts/dock-manager/embedding-frames/src/index.tsx index 1ec90ac95..abd6cc4cb 100644 --- a/samples/layouts/dock-manager/embedding-frames/src/index.tsx +++ b/samples/layouts/dock-manager/embedding-frames/src/index.tsx @@ -2,8 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; -import { IgcDockManagerComponent, IgcContentPane } from "igniteui-dockmanager"; -import { IgcDockManagerPaneType, IgcSplitPaneOrientation } from "igniteui-dockmanager"; +import { IgrContentPane, IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; import { defineCustomElements } from "igniteui-dockmanager/loader"; /* eslint-disable */ @@ -21,10 +20,10 @@ defineCustomElements(); export default class DockManagerEmbeddingFrames extends React.Component { - public dockManager: IgcDockManagerComponent; - public geoMapPane: IgcContentPane; - public gaugePane: IgcContentPane; - public doughnutChartPane: IgcContentPane; + public dockManager: IgrDockManager; + public geoMapPane: IgrContentPane; + public gaugePane: IgrContentPane; + public doughnutChartPane: IgrContentPane; constructor(props: any) { super(props); @@ -59,39 +58,39 @@ export default class DockManagerEmbeddingFrames extends React.Component { this.gaugePane = { // size: 150, header: 'ANGULAR RADIAL GAUGE', - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: 'gaugeContainer' }; this.doughnutChartPane = { // size: 150, header: 'WEB COMPONENT DOUGHNUT CHART', - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: 'doughnutChartContainer' }; this.geoMapPane = { // size: 200, header: 'REACT GEOGRAPHIC MAP', - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: 'geoMapContainer' }; - this.dockManager = document.getElementById("dockManager") as IgcDockManagerComponent; + this.dockManager = document.getElementById("dockManager") as IgrDockManager; this.dockManager.layout = { rootPane: { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.vertical, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.vertical, panes: [ { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.horizontal, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.horizontal, // size: 250, panes: [ this.gaugePane, this.doughnutChartPane] }, { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.vertical, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.vertical, // size: 200, panes: [ // this.financialChartPane, diff --git a/samples/layouts/dock-manager/embedding-frames/tsconfig.json b/samples/layouts/dock-manager/embedding-frames/tsconfig.json index 8c0d146f9..5928eb3d1 100644 --- a/samples/layouts/dock-manager/embedding-frames/tsconfig.json +++ b/samples/layouts/dock-manager/embedding-frames/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "node", + "moduleResolution": "bundler", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/overview/tsconfig.json b/samples/layouts/dock-manager/overview/tsconfig.json index 8c0d146f9..5928eb3d1 100644 --- a/samples/layouts/dock-manager/overview/tsconfig.json +++ b/samples/layouts/dock-manager/overview/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "node", + "moduleResolution": "bundler", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json index 7cd02935e..d8a424372 100644 --- a/samples/layouts/dock-manager/styling/package.json +++ b/samples/layouts/dock-manager/styling/package.json @@ -12,10 +12,9 @@ "test": "vitest" }, "dependencies": { - "igniteui-dockmanager": "^1.17.0", - "igniteui-react": "^19.3.0", + "igniteui-react": "^19.4.0-rc.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" diff --git a/samples/layouts/dock-manager/styling/src/index.tsx b/samples/layouts/dock-manager/styling/src/index.tsx index 840b81381..7486b7ed8 100644 --- a/samples/layouts/dock-manager/styling/src/index.tsx +++ b/samples/layouts/dock-manager/styling/src/index.tsx @@ -2,19 +2,19 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; -import { IgcDockManagerComponent, IgcContentPane, IgcDockManagerLayout, IgcSplitPane, IgcTabGroupPane } from "igniteui-dockmanager"; -import { IgcDockManagerPaneType, IgcSplitPaneOrientation } from "igniteui-dockmanager"; +import { + IgrDockManager, + IgrContentPane, + IgrDockManagerLayout, + IgrDockManagerPaneType, + IgrSplitPane, + IgrSplitPaneOrientation, + IgrTabGroupPane +} from 'igniteui-react-dockmanager'; import { defineCustomElements } from "igniteui-dockmanager/loader"; import { IgrAvatar, IgrButton, IgrCard, IgrCardActions, IgrCardContent, IgrIcon, IgrList, IgrListItem, registerIconFromText } from "igniteui-react" ; -import { IgrAvatarModule, IgrButtonModule, IgrCardModule, IgrIconModule, IgrListModule } from "igniteui-react"; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -IgrAvatarModule.register(); -IgrButtonModule.register(); -IgrCardModule.register(); -IgrIconModule.register(); -IgrListModule.register(); - /* eslint-disable */ declare global { namespace JSX { @@ -33,7 +33,7 @@ const arrowUp = " { private chart: IgrCategoryChart; private map: IgrGeographicMap; - private dockManager: IgcDockManagerComponent; + private dockManager: IgrDockManager; private employeesDatabase = DockManagerSharedData.getEmployees(60); private employeeListContainer: HTMLDivElement; - private employeeListPane: IgcContentPane; + private employeeListPane: IgrContentPane; private employeesList: HTMLDivElement[] = []; private productivityChart: IgrCategoryChart; - private productivityChartPane: IgcContentPane; + private productivityChartPane: IgrContentPane; private productivityChartContainer: HTMLDivElement; private geoLocationMap: IgrGeographicMap; - private geoLocationMapPane: IgcContentPane; + private geoLocationMapPane: IgrContentPane; private geoLocationMapContainer: HTMLDivElement; private geoLocationSeries: IgrGeographicSymbolSeries; @@ -58,6 +57,7 @@ export default class DockManagerUpdatingPanes extends React.Component this.mapRef = this.mapRef.bind(this); this.chartRef = this.chartRef.bind(this); + this.dockManagerRef = this.dockManagerRef.bind(this); this.createEmployeeList = this.createEmployeeList.bind(this); this.createLocationMapTooltip = this.createLocationMapTooltip.bind(this); @@ -70,7 +70,7 @@ export default class DockManagerUpdatingPanes extends React.Component public render(): JSX.Element { return (
- +
width="100%" height="100%"/>
- +
); } private chartRef(chart: IgrCategoryChart) { this.chart = chart; - if (this.chart && this.map) { + if (this.chart && this.map && this.dockManager) { this.onReady(); } } private mapRef(map: IgrGeographicMap) { this.map = map; - if (this.chart && this.map) { + if (this.chart && this.map && this.dockManager) { + this.onReady(); + } + } + + private dockManagerRef(dockManager: IgrDockManager) { + this.dockManager = dockManager; + if (this.chart && this.map && this.dockManager) { this.onReady(); } } @@ -127,38 +134,37 @@ export default class DockManagerUpdatingPanes extends React.Component this.productivityChartPane = { size: 150, header: "EMPLOYEE PRODUCTIVITY", - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: "productivityChartContainer" }; this.geoLocationMapPane = { size: 150, header: "EMPLOYEE LOCATIONS", - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: "geoLocationMapContainer" }; this.employeeListPane = { header: "EMPLOYEE LIST", - type: IgcDockManagerPaneType.contentPane, + type: IgrDockManagerPaneType.contentPane, contentId: "employeeListContainer" }; - this.dockManager = document.getElementById("dockManager") as IgcDockManagerComponent; this.dockManager.layout = { rootPane: { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.horizontal, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.horizontal, panes: [ { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.vertical, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.vertical, size: 100, panes: [this.employeeListPane] }, { - type: IgcDockManagerPaneType.splitPane, - orientation: IgcSplitPaneOrientation.vertical, + type: IgrDockManagerPaneType.splitPane, + orientation: IgrSplitPaneOrientation.vertical, size: 300, panes: [this.productivityChartPane, this.geoLocationMapPane] } diff --git a/samples/layouts/dock-manager/updating-panes/tsconfig.json b/samples/layouts/dock-manager/updating-panes/tsconfig.json index 8c0d146f9..5928eb3d1 100644 --- a/samples/layouts/dock-manager/updating-panes/tsconfig.json +++ b/samples/layouts/dock-manager/updating-panes/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "node", + "moduleResolution": "bundler", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, From de519f45fb103dc2bf1a4a86265297431a4cf784 Mon Sep 17 00:00:00 2001 From: Maria Tsvyatkova Date: Wed, 19 Nov 2025 18:04:44 +0200 Subject: [PATCH 4/6] chore(*): remove defineCustomElements --- samples/layouts/dock-manager/customize-buttons/src/index.tsx | 3 --- samples/layouts/dock-manager/embedding-frames/src/index.tsx | 3 --- samples/layouts/dock-manager/overview/package.json | 1 - samples/layouts/dock-manager/overview/src/index.tsx | 5 +---- samples/layouts/dock-manager/styling/src/index.tsx | 3 --- samples/layouts/dock-manager/updating-panes/src/index.tsx | 3 --- 6 files changed, 1 insertion(+), 17 deletions(-) diff --git a/samples/layouts/dock-manager/customize-buttons/src/index.tsx b/samples/layouts/dock-manager/customize-buttons/src/index.tsx index 4bb5e3c60..1c7090d88 100644 --- a/samples/layouts/dock-manager/customize-buttons/src/index.tsx +++ b/samples/layouts/dock-manager/customize-buttons/src/index.tsx @@ -3,7 +3,6 @@ import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -import { defineCustomElements } from "igniteui-dockmanager/loader"; /* eslint-disable */ declare global { @@ -16,8 +15,6 @@ declare global { } /* eslint-enable */ -defineCustomElements(); - export default class DockManagerOverview extends React.Component { public dockManager: IgrDockManager; diff --git a/samples/layouts/dock-manager/embedding-frames/src/index.tsx b/samples/layouts/dock-manager/embedding-frames/src/index.tsx index abd6cc4cb..a9b642098 100644 --- a/samples/layouts/dock-manager/embedding-frames/src/index.tsx +++ b/samples/layouts/dock-manager/embedding-frames/src/index.tsx @@ -3,7 +3,6 @@ import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; import { IgrContentPane, IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -import { defineCustomElements } from "igniteui-dockmanager/loader"; /* eslint-disable */ declare global { @@ -16,8 +15,6 @@ declare global { } /* eslint-enable */ -defineCustomElements(); - export default class DockManagerEmbeddingFrames extends React.Component { public dockManager: IgrDockManager; diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json index a802bcfd3..0f3ab023a 100644 --- a/samples/layouts/dock-manager/overview/package.json +++ b/samples/layouts/dock-manager/overview/package.json @@ -14,7 +14,6 @@ "dependencies": { "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-dockmanager": "^19.4.0-rc.0", - "igniteui-react-grids": "^19.4.0-rc.0", "react": "^19.2.0", "react-dom": "^19.2.0", "tslib": "^2.4.0" diff --git a/samples/layouts/dock-manager/overview/src/index.tsx b/samples/layouts/dock-manager/overview/src/index.tsx index e6cc17a00..2a2d3a89a 100644 --- a/samples/layouts/dock-manager/overview/src/index.tsx +++ b/samples/layouts/dock-manager/overview/src/index.tsx @@ -2,8 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import './DockManagerStyles.css'; -import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -import { defineCustomElements } from "igniteui-dockmanager/loader"; +import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; /* eslint-disable */ declare global { @@ -16,8 +15,6 @@ declare global { } /* eslint-enable */ -defineCustomElements(); - export default class DockManagerOverview extends React.Component { public dockManager: IgrDockManager; diff --git a/samples/layouts/dock-manager/styling/src/index.tsx b/samples/layouts/dock-manager/styling/src/index.tsx index 7486b7ed8..9a16c5756 100644 --- a/samples/layouts/dock-manager/styling/src/index.tsx +++ b/samples/layouts/dock-manager/styling/src/index.tsx @@ -11,7 +11,6 @@ import { IgrSplitPaneOrientation, IgrTabGroupPane } from 'igniteui-react-dockmanager'; -import { defineCustomElements } from "igniteui-dockmanager/loader"; import { IgrAvatar, IgrButton, IgrCard, IgrCardActions, IgrCardContent, IgrIcon, IgrList, IgrListItem, registerIconFromText } from "igniteui-react" ; import 'igniteui-webcomponents/themes/light/bootstrap.css'; @@ -26,8 +25,6 @@ declare global { } /* eslint-enable */ -defineCustomElements(); - const arrowDown = ""; const arrowUp = ""; diff --git a/samples/layouts/dock-manager/updating-panes/src/index.tsx b/samples/layouts/dock-manager/updating-panes/src/index.tsx index 1df46877f..189fda1f1 100644 --- a/samples/layouts/dock-manager/updating-panes/src/index.tsx +++ b/samples/layouts/dock-manager/updating-panes/src/index.tsx @@ -13,7 +13,6 @@ import { IgrCategoryChartModule, MarkerType, ToolTipType, YAxisLabelLocation } f import { IgrCategoryChart, CategoryTransitionInMode, CategoryChartType } from "igniteui-react-charts"; import { IgrLegendModule } from "igniteui-react-charts"; import { IgrDockManager, IgrContentPane, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -import { defineCustomElements } from "igniteui-dockmanager/loader"; /* eslint-disable */ declare global { @@ -26,8 +25,6 @@ declare global { } /* eslint-enable */ -defineCustomElements(); - IgrCategoryChartModule.register(); IgrGeographicMapModule.register(); IgrDataChartInteractivityModule.register(); From 703a1463ba1fffe75d15ad9bab164fb29119d11d Mon Sep 17 00:00:00 2001 From: Maria Tsvyatkova Date: Wed, 19 Nov 2025 18:28:25 +0200 Subject: [PATCH 5/6] fix(dockmanager): update all dockmanager packages --- browser/config-overrides.js | 4 ++-- browser/package-lock.json | 1 - browser/package.json | 1 - browser/src/index.tsx | 7 ------- browser/src/typedecls.d.ts | 7 ------- browser/tasks/gulp-samples.js | 2 +- browser/templates/sample/package.json | 2 +- browser/tsconfig.paths.json | 5 ++--- 8 files changed, 6 insertions(+), 23 deletions(-) delete mode 100644 browser/src/typedecls.d.ts diff --git a/browser/config-overrides.js b/browser/config-overrides.js index 9efe90df6..8a2a0fd79 100644 --- a/browser/config-overrides.js +++ b/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', } }; diff --git a/browser/package-lock.json b/browser/package-lock.json index 54e7debad..48ded16e3 100644 --- a/browser/package-lock.json +++ b/browser/package-lock.json @@ -15,7 +15,6 @@ "classnames": "2.3.1", "dompurify": "^3.3.0", "file-saver": "1.3.8", - "igniteui-dockmanager": "^1.17.0", "igniteui-react": "^19.4.0-rc.0", "igniteui-react-charts": "19.3.0-beta.0", "igniteui-react-core": "19.3.0-beta.0", diff --git a/browser/package.json b/browser/package.json index 32eeb84b3..92533c38b 100644 --- a/browser/package.json +++ b/browser/package.json @@ -23,7 +23,6 @@ "classnames": "2.3.1", "dompurify": "^3.3.0", "file-saver": "1.3.8", - "igniteui-dockmanager": "^1.17.0", "igniteui-react": "^19.4.0-rc.0", "igniteui-react-charts": "19.3.0-beta.0", "igniteui-react-core": "19.3.0-beta.0", diff --git a/browser/src/index.tsx b/browser/src/index.tsx index 7e9d66bc7..8448fe8eb 100644 --- a/browser/src/index.tsx +++ b/browser/src/index.tsx @@ -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(); -// }); diff --git a/browser/src/typedecls.d.ts b/browser/src/typedecls.d.ts deleted file mode 100644 index 0cfd71d7b..000000000 --- a/browser/src/typedecls.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -/* tslint:disable */ -declare module JSX { - interface IntrinsicElements { - "igc-dockmanager": any; - } - } - /* tslint:enable */ \ No newline at end of file diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js index a1a18a7e9..3d3aeacd1 100644 --- a/browser/tasks/gulp-samples.js +++ b/browser/tasks/gulp-samples.js @@ -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" }, diff --git a/browser/templates/sample/package.json b/browser/templates/sample/package.json index 390ab51aa..5df50ed85 100644 --- a/browser/templates/sample/package.json +++ b/browser/templates/sample/package.json @@ -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"] }, diff --git a/browser/tsconfig.paths.json b/browser/tsconfig.paths.json index 6010a244a..3b136a8dc 100644 --- a/browser/tsconfig.paths.json +++ b/browser/tsconfig.paths.json @@ -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" ] } } } \ No newline at end of file From 5edf3cf7c9c93c2ed06560227332fcdd019702fe Mon Sep 17 00:00:00 2001 From: Maria Tsvyatkova Date: Thu, 20 Nov 2025 11:53:39 +0200 Subject: [PATCH 6/6] fix(dockmanager): leave the moduleResolution to node and remove IntrinsicElements interface --- .../dock-manager/customize-buttons/src/index.tsx | 11 ----------- .../dock-manager/customize-buttons/tsconfig.json | 2 +- .../dock-manager/embedding-frames/src/index.tsx | 15 ++------------- .../dock-manager/embedding-frames/tsconfig.json | 2 +- .../layouts/dock-manager/overview/src/index.tsx | 11 ----------- .../layouts/dock-manager/overview/tsconfig.json | 2 +- .../layouts/dock-manager/styling/src/index.tsx | 13 +------------ .../layouts/dock-manager/styling/tsconfig.json | 2 +- .../dock-manager/updating-panes/src/index.tsx | 11 ----------- .../dock-manager/updating-panes/tsconfig.json | 2 +- 10 files changed, 8 insertions(+), 63 deletions(-) diff --git a/samples/layouts/dock-manager/customize-buttons/src/index.tsx b/samples/layouts/dock-manager/customize-buttons/src/index.tsx index 1c7090d88..618ae35f3 100644 --- a/samples/layouts/dock-manager/customize-buttons/src/index.tsx +++ b/samples/layouts/dock-manager/customize-buttons/src/index.tsx @@ -4,17 +4,6 @@ import './index.css'; import './DockManagerStyles.css'; import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -/* eslint-disable */ -declare global { - namespace JSX { - // tslint:disable-next-line:interface-name - interface IntrinsicElements { - "igc-dockmanager": any; - } - } -} -/* eslint-enable */ - export default class DockManagerOverview extends React.Component { public dockManager: IgrDockManager; diff --git a/samples/layouts/dock-manager/customize-buttons/tsconfig.json b/samples/layouts/dock-manager/customize-buttons/tsconfig.json index 5928eb3d1..8c0d146f9 100644 --- a/samples/layouts/dock-manager/customize-buttons/tsconfig.json +++ b/samples/layouts/dock-manager/customize-buttons/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "bundler", + "moduleResolution": "node", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/embedding-frames/src/index.tsx b/samples/layouts/dock-manager/embedding-frames/src/index.tsx index a9b642098..46bbf30cd 100644 --- a/samples/layouts/dock-manager/embedding-frames/src/index.tsx +++ b/samples/layouts/dock-manager/embedding-frames/src/index.tsx @@ -4,17 +4,6 @@ import './index.css'; import './DockManagerStyles.css'; import { IgrContentPane, IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -/* eslint-disable */ -declare global { - namespace JSX { - // tslint:disable-next-line:interface-name - interface IntrinsicElements { - "igc-dockmanager": any; - } - } -} -/* eslint-enable */ - export default class DockManagerEmbeddingFrames extends React.Component { public dockManager: IgrDockManager; @@ -31,7 +20,7 @@ export default class DockManagerEmbeddingFrames extends React.Component { public render(): JSX.Element { return (
- +
@@ -44,7 +33,7 @@ export default class DockManagerEmbeddingFrames extends React.Component {
- +
); } diff --git a/samples/layouts/dock-manager/embedding-frames/tsconfig.json b/samples/layouts/dock-manager/embedding-frames/tsconfig.json index 5928eb3d1..8c0d146f9 100644 --- a/samples/layouts/dock-manager/embedding-frames/tsconfig.json +++ b/samples/layouts/dock-manager/embedding-frames/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "bundler", + "moduleResolution": "node", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/overview/src/index.tsx b/samples/layouts/dock-manager/overview/src/index.tsx index 2a2d3a89a..142f8b5e2 100644 --- a/samples/layouts/dock-manager/overview/src/index.tsx +++ b/samples/layouts/dock-manager/overview/src/index.tsx @@ -4,17 +4,6 @@ import './index.css'; import './DockManagerStyles.css'; import { IgrDockManager, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -/* eslint-disable */ -declare global { - namespace JSX { - // tslint:disable-next-line:interface-name - interface IntrinsicElements { - "igc-dockmanager": any; - } - } -} -/* eslint-enable */ - export default class DockManagerOverview extends React.Component { public dockManager: IgrDockManager; diff --git a/samples/layouts/dock-manager/overview/tsconfig.json b/samples/layouts/dock-manager/overview/tsconfig.json index 5928eb3d1..8c0d146f9 100644 --- a/samples/layouts/dock-manager/overview/tsconfig.json +++ b/samples/layouts/dock-manager/overview/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "bundler", + "moduleResolution": "node", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/styling/src/index.tsx b/samples/layouts/dock-manager/styling/src/index.tsx index 9a16c5756..bbe820a1e 100644 --- a/samples/layouts/dock-manager/styling/src/index.tsx +++ b/samples/layouts/dock-manager/styling/src/index.tsx @@ -14,17 +14,6 @@ import { import { IgrAvatar, IgrButton, IgrCard, IgrCardActions, IgrCardContent, IgrIcon, IgrList, IgrListItem, registerIconFromText } from "igniteui-react" ; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -/* eslint-disable */ -declare global { - namespace JSX { - // tslint:disable-next-line:interface-name - interface IntrinsicElements { - "igc-dockmanager": any; - } - } -} -/* eslint-enable */ - const arrowDown = ""; const arrowUp = ""; @@ -43,7 +32,7 @@ export default class DockManagerStyling extends React.Component { public render(): JSX.Element { return (
- +
ACCOUNTS {/* */} diff --git a/samples/layouts/dock-manager/styling/tsconfig.json b/samples/layouts/dock-manager/styling/tsconfig.json index d304a4aca..668ad2b98 100644 --- a/samples/layouts/dock-manager/styling/tsconfig.json +++ b/samples/layouts/dock-manager/styling/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "bundler", + "moduleResolution": "node", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true, diff --git a/samples/layouts/dock-manager/updating-panes/src/index.tsx b/samples/layouts/dock-manager/updating-panes/src/index.tsx index 189fda1f1..243411505 100644 --- a/samples/layouts/dock-manager/updating-panes/src/index.tsx +++ b/samples/layouts/dock-manager/updating-panes/src/index.tsx @@ -14,17 +14,6 @@ import { IgrCategoryChart, CategoryTransitionInMode, CategoryChartType } from "i import { IgrLegendModule } from "igniteui-react-charts"; import { IgrDockManager, IgrContentPane, IgrDockManagerPaneType, IgrSplitPaneOrientation } from 'igniteui-react-dockmanager'; -/* eslint-disable */ -declare global { - namespace JSX { - // tslint:disable-next-line:interface-name - interface IntrinsicElements { - "igc-dockmanager": any; - } - } -} -/* eslint-enable */ - IgrCategoryChartModule.register(); IgrGeographicMapModule.register(); IgrDataChartInteractivityModule.register(); diff --git a/samples/layouts/dock-manager/updating-panes/tsconfig.json b/samples/layouts/dock-manager/updating-panes/tsconfig.json index 5928eb3d1..8c0d146f9 100644 --- a/samples/layouts/dock-manager/updating-panes/tsconfig.json +++ b/samples/layouts/dock-manager/updating-panes/tsconfig.json @@ -13,7 +13,7 @@ "sourceMap": true, "allowJs": true, "jsx": "react-jsx", - "moduleResolution": "bundler", + "moduleResolution": "node", "rootDir": "src", "forceConsistentCasingInFileNames": true, "noImplicitReturns": true,