From 911fdd8cef3f33a3315670c811d37a8a501ec9b3 Mon Sep 17 00:00:00 2001
From: Taras Haidar <t.haidar@timechimp.com>
Date: Thu, 5 Sep 2024 16:25:18 +0300
Subject: [PATCH] Added property setIsGrouping

---
 package.json                          | 4 ++--
 src/components/data-grid/DataGrid.tsx | 7 +++++++
 src/components/data-grid/types.ts     | 1 +
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ebdadeb48..74bf77d7b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "17.0.3",
+  "version": "17.0.4",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -144,4 +144,4 @@
     "*.{ts,tsx}": "eslint --cache --fix",
     "*.{ts,tsx,js,css,md}": "prettier --write"
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/data-grid/DataGrid.tsx b/src/components/data-grid/DataGrid.tsx
index 5fea69fe0..bd6c08399 100755
--- a/src/components/data-grid/DataGrid.tsx
+++ b/src/components/data-grid/DataGrid.tsx
@@ -135,6 +135,7 @@ export const DataGrid = ({
   setFiltersHeight,
   defaultDateQuickSelect = QuickSelectDateOption.THIS_YEAR,
   exportFileName,
+  setIsGrouping,
 }: DataGridProps) => {
   const [gridApi, setGridApi] = useState<GridApi>(new GridApi());
   const [gridColumns, setGridColumns] = useState<DataGridColumn[]>(columns || []);
@@ -805,6 +806,12 @@ export const DataGrid = ({
     };
   }, [hasFooterRowCount, showPagination, paginationPageSize]);
 
+  useEffect(() => {
+    if (setIsGrouping) {
+      setIsGrouping(!!selectedGroupOption);
+    }
+  }, [setIsGrouping, selectedGroupOption]);
+
   return (
     <>
       <Filters
diff --git a/src/components/data-grid/types.ts b/src/components/data-grid/types.ts
index 8132fad9d..5ca398433 100755
--- a/src/components/data-grid/types.ts
+++ b/src/components/data-grid/types.ts
@@ -261,6 +261,7 @@ export interface DataGridProps {
   hasStoredFilters?: boolean;
   defaultDateQuickSelect?: QuickSelectDateOption;
   exportFileName?: string;
+  setIsGrouping?: (isGrouping: boolean) => void;
 }
 
 export interface DataGridView {