From 32eae0188f8c4499649a25727b48cea26e1d97bc Mon Sep 17 00:00:00 2001 From: valadzhov Date: Thu, 22 May 2025 16:22:25 +0300 Subject: [PATCH 1/3] Updating the Rect templates. --- .../templates/react/igr-ts/bullet-graph/default/index.ts | 2 +- .../templates/react/igr-ts/category-chart/default/index.ts | 2 +- .../templates/react/igr-ts/doughnut-chart/default/index.ts | 2 +- .../templates/react/igr-ts/financial-chart/default/index.ts | 2 +- .../grid/basic/files/src/app/__path__/__filePrefix__.tsx | 4 ++-- packages/cli/templates/react/igr-ts/grid/basic/index.ts | 4 ++-- .../templates/react/igr-ts/linear-gauge/default/index.ts | 2 +- .../cli/templates/react/igr-ts/pie-chart/default/index.ts | 2 +- .../react/igr-ts/projects/_base/files/package.json | 6 +++--- .../templates/react/igr-ts/radial-gauge/default/index.ts | 2 +- 10 files changed, 14 insertions(+), 14 deletions(-) diff --git a/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts b/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts index 050c55967..81e9308c4 100644 --- a/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts +++ b/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts @@ -10,7 +10,7 @@ class IgrTsBulletGraphTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Bullet Graph"; this.description = `allows for a linear and concise view of measures compared against a scale.`; - this.packages = ["igniteui-react-gauges@~18.7.0"]; + this.packages = ["igniteui-react-gauges@~19.0.0-alpha.1"]; } } module.exports = new IgrTsBulletGraphTemplate(); diff --git a/packages/cli/templates/react/igr-ts/category-chart/default/index.ts b/packages/cli/templates/react/igr-ts/category-chart/default/index.ts index 7a90f12a8..72afe743e 100644 --- a/packages/cli/templates/react/igr-ts/category-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/category-chart/default/index.ts @@ -11,7 +11,7 @@ class IgrTsCategoryChartTemplate extends IgniteUIForReactTemplate { this.name = "Category Chart"; this.description = `makes visualizing category data easy. Simplifies the complexities of the data visualization domain into manageable API`; - this.packages = ["igniteui-react-charts@~18.7.0"]; + this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; } } module.exports = new IgrTsCategoryChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts b/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts index b081552fe..08850994c 100644 --- a/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts @@ -10,7 +10,7 @@ class IgrTsDoughnutChartTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Doughnut Chart"; this.description = `proportionally illustrate the occurrences of variables.`; - this.packages = ["igniteui-react-charts@~18.7.0"]; + this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; } } module.exports = new IgrTsDoughnutChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts b/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts index b33c80fd0..9ba48d44b 100644 --- a/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts @@ -12,7 +12,7 @@ class IgrTsFinancialChartTemplate extends IgniteUIForReactTemplate { this.name = "Financial Chart"; this.description = `charting component that makes it easy to visualize financial data by using a simple and intuitive API.`; - this.packages = ["igniteui-react-charts@~18.7.0"]; + this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; } } module.exports = new IgrTsFinancialChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx index a4b8cb6bb..4b14fb365 100644 --- a/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx +++ b/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx @@ -21,7 +21,7 @@ export default function $(ClassName)() {
- +
- +
diff --git a/packages/cli/templates/react/igr-ts/grid/basic/index.ts b/packages/cli/templates/react/igr-ts/grid/basic/index.ts index 0b468a1d0..39a9a73de 100644 --- a/packages/cli/templates/react/igr-ts/grid/basic/index.ts +++ b/packages/cli/templates/react/igr-ts/grid/basic/index.ts @@ -14,8 +14,8 @@ class GridTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.components = ["Grid"]; this.controlGroup = "Data Grids"; - this.packages = ["igniteui-react-grids@~18.7.0", "igniteui-react-inputs@~18.7.0", - "igniteui-react-layouts@~18.7.0", "igniteui-react@~18.7.0"]; + this.packages = ["igniteui-react-grids@~19.0.2", "igniteui-react-inputs@~19.0.0-alpha.1", + "igniteui-react-layouts@~19.0.0-alpha.1", "igniteui-react@~19.0.0-alpha.1"]; this.hasExtraConfiguration = false; } diff --git a/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts b/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts index 4b534b079..9775d363f 100644 --- a/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts +++ b/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts @@ -10,7 +10,7 @@ class IgrTsLinearGaugeTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Linear Gauge"; this.description = `value compared against a scale and one or more ranges.`; - this.packages = ["igniteui-react-gauges@~18.7.0"]; + this.packages = ["igniteui-react-gauges@~19.0.0-alpha.1"]; } } module.exports = new IgrTsLinearGaugeTemplate(); diff --git a/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts b/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts index 4c218cefe..991ed7da8 100644 --- a/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts @@ -10,7 +10,7 @@ class IgrTsPieChartTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Pie Chart"; this.description = `easily illustate the proportions of data entries`; - this.packages = ["igniteui-react-charts@~18.7.0"]; + this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; } } module.exports = new IgrTsPieChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/package.json b/packages/cli/templates/react/igr-ts/projects/_base/files/package.json index 000f50896..d44022d38 100644 --- a/packages/cli/templates/react/igr-ts/projects/_base/files/package.json +++ b/packages/cli/templates/react/igr-ts/projects/_base/files/package.json @@ -5,12 +5,12 @@ "type": "module", "dependencies": { "@testing-library/jest-dom": "^6.1.3", - "@testing-library/react": "^14.0.0", + "@testing-library/react": "^16.3.0", "element-internals-polyfill": "^1.3.10", "functions-have-names": "^1.2.3", - "react": "^18.2.0", + "react": "^19.1.0", "react-app-polyfill": "^0.2.0", - "react-dom": "^18.2.0", + "react-dom": "^19.1.0", "react-router-dom": "^6.16.0", "resize-observer-polyfill": "^1.5.1", "vitest": "^0.34.4" diff --git a/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts b/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts index c216fa1c1..752de96b0 100644 --- a/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts +++ b/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts @@ -12,7 +12,7 @@ class IgrTsRadialGaugeTemplate extends IgniteUIForReactTemplate { this.description = `provides a number of visual elements, like a needle, tick marks, ranges and labels, in order to create a predefined shape and scale.`; // TODO: read version from igniteui-react-core in package.json - this.packages = ["igniteui-react-gauges@~18.7.0"]; + this.packages = ["igniteui-react-gauges@~19.0.0-alpha.1"]; } } module.exports = new IgrTsRadialGaugeTemplate(); From bd6b604827a290e76d0b11197689fd2c9af21663 Mon Sep 17 00:00:00 2001 From: valadzhov Date: Fri, 20 Jun 2025 11:04:35 +0300 Subject: [PATCH 2/3] chore(React): remove alpha --- .../cli/templates/react/igr-ts/bullet-graph/default/index.ts | 2 +- .../templates/react/igr-ts/category-chart/default/index.ts | 2 +- .../templates/react/igr-ts/doughnut-chart/default/index.ts | 2 +- .../templates/react/igr-ts/financial-chart/default/index.ts | 2 +- packages/cli/templates/react/igr-ts/grid/basic/index.ts | 4 ++-- .../cli/templates/react/igr-ts/linear-gauge/default/index.ts | 2 +- .../cli/templates/react/igr-ts/pie-chart/default/index.ts | 2 +- .../cli/templates/react/igr-ts/radial-gauge/default/index.ts | 2 +- 8 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts b/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts index 81e9308c4..6ed768b96 100644 --- a/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts +++ b/packages/cli/templates/react/igr-ts/bullet-graph/default/index.ts @@ -10,7 +10,7 @@ class IgrTsBulletGraphTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Bullet Graph"; this.description = `allows for a linear and concise view of measures compared against a scale.`; - this.packages = ["igniteui-react-gauges@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-gauges@~19.0.0"]; } } module.exports = new IgrTsBulletGraphTemplate(); diff --git a/packages/cli/templates/react/igr-ts/category-chart/default/index.ts b/packages/cli/templates/react/igr-ts/category-chart/default/index.ts index 72afe743e..ec77acc35 100644 --- a/packages/cli/templates/react/igr-ts/category-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/category-chart/default/index.ts @@ -11,7 +11,7 @@ class IgrTsCategoryChartTemplate extends IgniteUIForReactTemplate { this.name = "Category Chart"; this.description = `makes visualizing category data easy. Simplifies the complexities of the data visualization domain into manageable API`; - this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-charts@~19.0.0"]; } } module.exports = new IgrTsCategoryChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts b/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts index 08850994c..b6e7c5e59 100644 --- a/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/doughnut-chart/default/index.ts @@ -10,7 +10,7 @@ class IgrTsDoughnutChartTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Doughnut Chart"; this.description = `proportionally illustrate the occurrences of variables.`; - this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-charts@~19.0.0"]; } } module.exports = new IgrTsDoughnutChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts b/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts index 9ba48d44b..43f24fb4c 100644 --- a/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/financial-chart/default/index.ts @@ -12,7 +12,7 @@ class IgrTsFinancialChartTemplate extends IgniteUIForReactTemplate { this.name = "Financial Chart"; this.description = `charting component that makes it easy to visualize financial data by using a simple and intuitive API.`; - this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-charts@~19.0.0"]; } } module.exports = new IgrTsFinancialChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/grid/basic/index.ts b/packages/cli/templates/react/igr-ts/grid/basic/index.ts index 39a9a73de..21b845829 100644 --- a/packages/cli/templates/react/igr-ts/grid/basic/index.ts +++ b/packages/cli/templates/react/igr-ts/grid/basic/index.ts @@ -14,8 +14,8 @@ class GridTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.components = ["Grid"]; this.controlGroup = "Data Grids"; - this.packages = ["igniteui-react-grids@~19.0.2", "igniteui-react-inputs@~19.0.0-alpha.1", - "igniteui-react-layouts@~19.0.0-alpha.1", "igniteui-react@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-grids@~19.0.2", "igniteui-react-inputs@~19.0.0", + "igniteui-react-layouts@~19.0.0", "igniteui-react@~19.0.3"]; this.hasExtraConfiguration = false; } diff --git a/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts b/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts index 9775d363f..bfa70215b 100644 --- a/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts +++ b/packages/cli/templates/react/igr-ts/linear-gauge/default/index.ts @@ -10,7 +10,7 @@ class IgrTsLinearGaugeTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Linear Gauge"; this.description = `value compared against a scale and one or more ranges.`; - this.packages = ["igniteui-react-gauges@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-gauges@~19.0.0"]; } } module.exports = new IgrTsLinearGaugeTemplate(); diff --git a/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts b/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts index 991ed7da8..d37870728 100644 --- a/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts +++ b/packages/cli/templates/react/igr-ts/pie-chart/default/index.ts @@ -10,7 +10,7 @@ class IgrTsPieChartTemplate extends IgniteUIForReactTemplate { this.projectType = "igr-ts"; this.name = "Pie Chart"; this.description = `easily illustate the proportions of data entries`; - this.packages = ["igniteui-react-charts@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-charts@~19.0.0"]; } } module.exports = new IgrTsPieChartTemplate(); diff --git a/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts b/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts index 752de96b0..7ae64de50 100644 --- a/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts +++ b/packages/cli/templates/react/igr-ts/radial-gauge/default/index.ts @@ -12,7 +12,7 @@ class IgrTsRadialGaugeTemplate extends IgniteUIForReactTemplate { this.description = `provides a number of visual elements, like a needle, tick marks, ranges and labels, in order to create a predefined shape and scale.`; // TODO: read version from igniteui-react-core in package.json - this.packages = ["igniteui-react-gauges@~19.0.0-alpha.1"]; + this.packages = ["igniteui-react-gauges@~19.0.0"]; } } module.exports = new IgrTsRadialGaugeTemplate(); From d30a668924664d9fa2898ca581cf5dfd5df39247 Mon Sep 17 00:00:00 2001 From: valadzhov Date: Fri, 20 Jun 2025 12:05:10 +0300 Subject: [PATCH 3/3] chore(React): Updating @types/react and @types/react-dom --- .../templates/react/igr-ts/projects/_base/files/package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/package.json b/packages/cli/templates/react/igr-ts/projects/_base/files/package.json index d44022d38..b68a7d801 100644 --- a/packages/cli/templates/react/igr-ts/projects/_base/files/package.json +++ b/packages/cli/templates/react/igr-ts/projects/_base/files/package.json @@ -16,8 +16,8 @@ "vitest": "^0.34.4" }, "devDependencies": { - "@types/react": "^18.2.15", - "@types/react-dom": "^18.2.7", + "@types/react": "^19.1.8", + "@types/react-dom": "^19.1.6", "@typescript-eslint/eslint-plugin": "^8.21.0", "@typescript-eslint/parser": "^8.21.0", "@vitejs/plugin-react": "^4.0.3",