fix: address all unresolved review comments on React igr-ts templates

Agent-Logs-Url: https://github.com/IgniteUI/igniteui-cli/sessions/2470cb9f-f7c6-4d85-8e9b-f5028c773415

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

Author: Copilot

packages/cli/templates/react/igr-ts/accordion/default/index.ts

@@ -3,7 +3,7 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrAccordionTemplate extends IgniteUIForReactTemplate {
 	constructor() {
 		super(__dirname);
-		this.components = ["IgrAccordion"];
+		this.components = ["Accordion"];
 		this.controlGroup = "Layouts";
 		this.listInComponentTemplates = true;
 		this.id = "accordion";

packages/cli/templates/react/igr-ts/card/default/index.ts

@@ -3,7 +3,7 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrCardTemplate extends IgniteUIForReactTemplate {
 	constructor() {
 		super(__dirname);
-		this.components = ["IgrCard"];
+		this.components = ["Card"];
 		this.controlGroup = "Layouts";
 		this.listInComponentTemplates = true;
 		this.id = "card";

packages/cli/templates/react/igr-ts/circular-progress/default/index.ts

@@ -3,7 +3,7 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrCircularProgressTemplate extends IgniteUIForReactTemplate {
 constructor() {
 super(__dirname);
-this.components = ["CircularProgress"];
+this.components = ["Circular Progress"];
 this.controlGroup = "Data Entry & Display";
 this.listInComponentTemplates = true;
 this.id = "circular-progress";

packages/cli/templates/react/igr-ts/custom-templates/subscription-form/files/src/app/__path__/__filePrefix__.tsx

@@ -3,9 +3,10 @@ import { IgrInput, IgrCheckbox, IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 export default function $(ClassName)() {
-  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+  const handleSubmit = (event: SubmitEvent) => {
     event.preventDefault();
-    const formData = new FormData(event.currentTarget);
+    const form = event.target as HTMLFormElement;
+    const formData = new FormData(form);
     const entries = Array.from(formData.entries());
     const result = entries.map(([key, value]) => `${key}=${value}`).join('; ');
     alert(result);

packages/cli/templates/react/igr-ts/date-picker/default/index.ts

@@ -3,7 +3,7 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrDatePickerTemplate extends IgniteUIForReactTemplate {
 constructor() {
 super(__dirname);
-this.components = ["DatePicker"];
+this.components = ["Date Picker"];
 this.controlGroup = "Scheduling";
 this.listInComponentTemplates = true;
 this.id = "date-picker";

packages/cli/templates/react/igr-ts/divider/default/index.ts

@@ -3,8 +3,8 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrDividerTemplate extends IgniteUIForReactTemplate {
 	constructor() {
 		super(__dirname);
-		this.components = ["IgrDivider"];
-		this.controlGroup = "Layouts";
+		this.components = ["Divider"];
+		this.controlGroup = "Data Entry & Display";
 		this.listInComponentTemplates = true;
 		this.id = "divider";
 		this.projectType = "igr-ts";

packages/cli/templates/react/igr-ts/divider/index.ts

@@ -4,7 +4,7 @@ class IgrDividerComponent extends BaseComponent {
 	constructor() {
 		super(__dirname);
 		this.name  = "Divider";
-		this.group = "Layouts";
+		this.group = "Data Entry & Display";
 		this.description = `provides a thin, lightweight separator.`;
 	}
 }

packages/cli/templates/react/igr-ts/expansion-panel/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

packages/cli/templates/react/igr-ts/expansion-panel/default/index.ts

@@ -3,7 +3,7 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrExpansionPanelTemplate extends IgniteUIForReactTemplate {
 	constructor() {
 		super(__dirname);
-		this.components = ["IgrExpansionPanel"];
+		this.components = ["Expansion Panel"];
 		this.controlGroup = "Layouts";
 		this.listInComponentTemplates = true;
 		this.id = "expansion-panel";

packages/cli/templates/react/igr-ts/linear-progress/default/index.ts

@@ -3,7 +3,7 @@ import { IgniteUIForReactTemplate } from "../../../../../lib/templates/IgniteUIF
 class IgrLinearProgressTemplate extends IgniteUIForReactTemplate {
 constructor() {
 super(__dirname);
-this.components = ["LinearProgress"];
+this.components = ["Linear Progress"];
 this.controlGroup = "Data Entry & Display";
 this.listInComponentTemplates = true;
 this.id = "linear-progress";