From ef52490b9b8acc713c63c8531a6e577a589bcd78 Mon Sep 17 00:00:00 2001
From: Ivan Minchev <IMinchev@infragistics.com>
Date: Fri, 2 May 2025 12:56:32 +0300
Subject: [PATCH 1/4] Update collapsible column groups topic for React 19

---
 .../components/grids/_shared/collapsible-column-groups.md   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/doc/en/components/grids/_shared/collapsible-column-groups.md b/doc/en/components/grids/_shared/collapsible-column-groups.md
index 75b323c5c..48099055f 100644
--- a/doc/en/components/grids/_shared/collapsible-column-groups.md
+++ b/doc/en/components/grids/_shared/collapsible-column-groups.md
@@ -215,7 +215,7 @@ public indTemplate = (ctx: IgcColumnTemplateContext) => {
 ```
 
 ```tsx
-<IgrColumnGroup id="info" header="Customer Information" collapsible="true" collapsibleIndicatorTemplate={this.collapsibleIndicatorTemplate}>
+<IgrColumnGroup id="info" header="Customer Information" collapsible="true" collapsibleIndicatorTemplate={collapsibleIndicatorTemplate}>
     <IgrColumn field="CustomerName" header="Fullname" dataType="String" visibleWhenCollapsed="true"></IgrColumn>
     <IgrColumn field="CustomerID" header="Customer ID" dataType="String" visibleWhenCollapsed="false"></IgrColumn>
     <IgrColumnGroup id="address" header="Customer Address" collapsible="true">
@@ -224,10 +224,10 @@ public indTemplate = (ctx: IgcColumnTemplateContext) => {
     </IgrColumnGroup>
 </IgrColumnGroup>
 
-function collapsibleIndicatorTemplate(e: { dataContext: IgrColumnTemplateContext }) {
+const collapsibleIndicatorTemplate = (ctx: IgrColumnTemplateContext) => {
     return (
     <div>
-        <IgrIcon iconName={e.dataContext.column.expanded ? 'remove' : 'add'}></IgrIcon>
+        <IgrIcon iconName={ctx.column.expanded ? 'remove' : 'add'}></IgrIcon>
     </div>)
 }
 ```

From 186e6fcbd78fb06cccbea9b321d43fa2c149c3bb Mon Sep 17 00:00:00 2001
From: Ivan Minchev <IMinchev@infragistics.com>
Date: Thu, 8 May 2025 17:07:58 +0300
Subject: [PATCH 2/4] Resolve comment

---
 .../_shared/collapsible-column-groups.md      | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/doc/en/components/grids/_shared/collapsible-column-groups.md b/doc/en/components/grids/_shared/collapsible-column-groups.md
index 48099055f..a5ced46c9 100644
--- a/doc/en/components/grids/_shared/collapsible-column-groups.md
+++ b/doc/en/components/grids/_shared/collapsible-column-groups.md
@@ -114,25 +114,25 @@ Let's see the markup below:
 ```
 
 ```tsx
-<IgrColumnGroup collapsible="true" header="Customer Information">
-    <IgrColumn field="CustomerName" header="Customer Name" visibleWhenCollapsed="true">
+<IgrColumnGroup collapsible={true} header="Customer Information">
+    <IgrColumn field="CustomerName" header="Customer Name" visibleWhenCollapsed={true}>
     </IgrColumn>
-    <IgrColumn field="CustomerID" header="Customer ID" visibleWhenCollapsed="false">
+    <IgrColumn field="CustomerID" header="Customer ID" visibleWhenCollapsed={false}>
     </IgrColumn>
-    <IgrColumn field="CustomerFirstName" header="First Name" visibleWhenCollapsed="false">
+    <IgrColumn field="CustomerFirstName" header="First Name" visibleWhenCollapsed={false}>
     </IgrColumn>
-    <IgrColumn field="CustomerLastName" header="Last Name" visibleWhenCollapsed="false">
+    <IgrColumn field="CustomerLastName" header="Last Name" visibleWhenCollapsed={false}>
     </IgrColumn>
     <IgrColumnGroup header="Customer Address">
-        <IgrColumn field="CustomerAddress"  header="Full Address" width="250px" visibleWhenCollapsed="true">
+        <IgrColumn field="CustomerAddress"  header="Full Address" width="250px" visibleWhenCollapsed={true}>
         </IgrColumn>
-        <IgrColumn field="Address" visibleWhenCollapsed="false">
+        <IgrColumn field="Address" visibleWhenCollapsed={false}>
         </IgrColumn>
-        <IgrColumn  field="City" visibleWhenCollapsed="false">
+        <IgrColumn  field="City" visibleWhenCollapsed={false}>
         </IgrColumn>
-        <IgrColumn field="Country" visibleWhenCollapsed="false">
+        <IgrColumn field="Country" visibleWhenCollapsed={false}>
         </IgrColumn>
-        <IgrColumn field="PostalCode" header="Postal Code" visibleWhenCollapsed="false">
+        <IgrColumn field="PostalCode" header="Postal Code" visibleWhenCollapsed={false}>
         </IgrColumn>
     </IgrColumnGroup>
 </IgrColumnGroup>
@@ -215,12 +215,12 @@ public indTemplate = (ctx: IgcColumnTemplateContext) => {
 ```
 
 ```tsx
-<IgrColumnGroup id="info" header="Customer Information" collapsible="true" collapsibleIndicatorTemplate={collapsibleIndicatorTemplate}>
-    <IgrColumn field="CustomerName" header="Fullname" dataType="String" visibleWhenCollapsed="true"></IgrColumn>
-    <IgrColumn field="CustomerID" header="Customer ID" dataType="String" visibleWhenCollapsed="false"></IgrColumn>
-    <IgrColumnGroup id="address" header="Customer Address" collapsible="true">
-        <IgrColumn field="Country" header="Country" dataType="String" sortable="true" visibleWhenCollapsed="true"></IgrColumn>
-        <IgrColumn field="City" header="City" dataType="String" sortable="true" visibleWhenCollapsed="false"></IgrColumn>
+<IgrColumnGroup id="info" header="Customer Information" collapsible={true} collapsibleIndicatorTemplate={collapsibleIndicatorTemplate}>
+    <IgrColumn field="CustomerName" header="Fullname" dataType="String" visibleWhenCollapsed={true}></IgrColumn>
+    <IgrColumn field="CustomerID" header="Customer ID" dataType="String" visibleWhenCollapsed={false}></IgrColumn>
+    <IgrColumnGroup id="address" header="Customer Address" collapsible={true}>
+        <IgrColumn field="Country" header="Country" dataType="String" sortable={true} visibleWhenCollapsed={true}></IgrColumn>
+        <IgrColumn field="City" header="City" dataType="String" sortable={true} visibleWhenCollapsed={false}></IgrColumn>
     </IgrColumnGroup>
 </IgrColumnGroup>
 

From b60626b6094bd021d9aabd2917969a39c7051fa8 Mon Sep 17 00:00:00 2001
From: Ivan Minchev <IMinchev@infragistics.com>
Date: Thu, 8 May 2025 17:10:18 +0300
Subject: [PATCH 3/4] set correct column data types

---
 .../components/grids/_shared/collapsible-column-groups.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/doc/en/components/grids/_shared/collapsible-column-groups.md b/doc/en/components/grids/_shared/collapsible-column-groups.md
index a5ced46c9..a72806e7a 100644
--- a/doc/en/components/grids/_shared/collapsible-column-groups.md
+++ b/doc/en/components/grids/_shared/collapsible-column-groups.md
@@ -216,11 +216,11 @@ public indTemplate = (ctx: IgcColumnTemplateContext) => {
 
 ```tsx
 <IgrColumnGroup id="info" header="Customer Information" collapsible={true} collapsibleIndicatorTemplate={collapsibleIndicatorTemplate}>
-    <IgrColumn field="CustomerName" header="Fullname" dataType="String" visibleWhenCollapsed={true}></IgrColumn>
-    <IgrColumn field="CustomerID" header="Customer ID" dataType="String" visibleWhenCollapsed={false}></IgrColumn>
+    <IgrColumn field="CustomerName" header="Fullname" dataType="string" visibleWhenCollapsed={true}></IgrColumn>
+    <IgrColumn field="CustomerID" header="Customer ID" dataType="string" visibleWhenCollapsed={false}></IgrColumn>
     <IgrColumnGroup id="address" header="Customer Address" collapsible={true}>
-        <IgrColumn field="Country" header="Country" dataType="String" sortable={true} visibleWhenCollapsed={true}></IgrColumn>
-        <IgrColumn field="City" header="City" dataType="String" sortable={true} visibleWhenCollapsed={false}></IgrColumn>
+        <IgrColumn field="Country" header="Country" dataType="string" sortable={true} visibleWhenCollapsed={true}></IgrColumn>
+        <IgrColumn field="City" header="City" dataType="string" sortable={true} visibleWhenCollapsed={false}></IgrColumn>
     </IgrColumnGroup>
 </IgrColumnGroup>
 

From 00098a5822abde86d6fdf36b379982b36a70f1a7 Mon Sep 17 00:00:00 2001
From: Deyan Kamburov <dkamburov@infragistics.com>
Date: Mon, 12 May 2025 14:48:36 +0300
Subject: [PATCH 4/4] docs(toc): add updated status for collapsible column
 group topic

---
 docfx/en/components/toc.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docfx/en/components/toc.json b/docfx/en/components/toc.json
index 68477117b..131f36928 100644
--- a/docfx/en/components/toc.json
+++ b/docfx/en/components/toc.json
@@ -166,7 +166,8 @@
       {
         "exclude": ["Angular"],
         "name": "Collapsible Column Groups",
-        "href": "grids/grid/collapsible-column-groups.md"
+        "href": "grids/grid/collapsible-column-groups.md",
+        "status": ["UPDATED_REACT"]
       },
       {
         "exclude": ["Angular"],