From d722daded37de40fbe74e7835cb836f81ff9e05d Mon Sep 17 00:00:00 2001
From: Teya Veselinova <tveselin@progress.com>
Date: Tue, 19 Nov 2024 09:47:36 +0200
Subject: [PATCH] fix(html): remove Grid grouping drop clue from templates

---
 packages/html/src/grid/templates/grid-with-grouping.tsx     | 4 ++--
 packages/html/src/grid/tests/grid-grouping-actions.tsx      | 2 +-
 packages/html/src/grid/tests/grid-grouping-blazor.tsx       | 4 ++--
 .../html/src/grid/tests/grid-grouping-detail-template.tsx   | 6 +++---
 packages/html/src/grid/tests/grid-grouping.tsx              | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/html/src/grid/templates/grid-with-grouping.tsx b/packages/html/src/grid/templates/grid-with-grouping.tsx
index a89613acb39..42f23b8d044 100644
--- a/packages/html/src/grid/templates/grid-with-grouping.tsx
+++ b/packages/html/src/grid/templates/grid-with-grouping.tsx
@@ -3,10 +3,10 @@ import { Chip, ChipList, ChipAction } from '../../chip';
 import { Grid, GridHeader, GridHeaderCell, GridHeaderTable, GridGroupingHeader, GridContainer, GridContent, GridTable } from '../../grid';
 import { TableThead, TableRow, TableTd, TableTbody } from '../../table';
 
-export const GridWithGrouping = ({ contentClassName, ...other }: any) => (
+export const GridWithGrouping = ({ dropClue, contentClassName, ...other }: any) => (
     <Grid _renderAriaRoot
         groupingHeader={(
-            <GridGroupingHeader dropClue>
+            <GridGroupingHeader dropClue={dropClue} >
                 <ChipList>
                     <Chip icon="sort-asc-small" text="ID" actions={
                         <>
diff --git a/packages/html/src/grid/tests/grid-grouping-actions.tsx b/packages/html/src/grid/tests/grid-grouping-actions.tsx
index 446237cbfbf..39d55f24c70 100644
--- a/packages/html/src/grid/tests/grid-grouping-actions.tsx
+++ b/packages/html/src/grid/tests/grid-grouping-actions.tsx
@@ -23,7 +23,7 @@ export default () => (
         <style>{styles}</style>
         <div id="test-area">
             <section>
-                <GridWithGrouping className="k-grid-no-scrollbar"></GridWithGrouping>
+                <GridWithGrouping dropClue className="k-grid-no-scrollbar"></GridWithGrouping>
             </section>
 
             <Popup className="k-grid-columnmenu-popup">
diff --git a/packages/html/src/grid/tests/grid-grouping-blazor.tsx b/packages/html/src/grid/tests/grid-grouping-blazor.tsx
index 11f81ab225c..e723ed0f62a 100644
--- a/packages/html/src/grid/tests/grid-grouping-blazor.tsx
+++ b/packages/html/src/grid/tests/grid-grouping-blazor.tsx
@@ -81,7 +81,7 @@ export default () =>(
                 </GridContainer>
             </GridNormal>
             <h3>Single Group</h3>
-            <GridWithGrouping className="telerik-blazor" groupingHeader={(
+            <GridWithGrouping dropClue className="telerik-blazor" groupingHeader={(
                 <GridGroupingHeader>
                     <ChipList>
                         <Chip text="Id" actions={ <ChipAction type="remove"/> }/>
@@ -179,7 +179,7 @@ export default () =>(
                 </GridContainer>
             </GridWithGrouping>
             <h3>Two Groups</h3>
-            <GridWithGrouping className="telerik-blazor" groupingHeader={(
+            <GridWithGrouping dropClue className="telerik-blazor" groupingHeader={(
                 <GridGroupingHeader>
                     <ChipList>
                         <Chip text="Id" actions={ <ChipAction type="remove"/> } />
diff --git a/packages/html/src/grid/tests/grid-grouping-detail-template.tsx b/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
index 1b16613d2a8..61749822a46 100644
--- a/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
+++ b/packages/html/src/grid/tests/grid-grouping-detail-template.tsx
@@ -81,7 +81,7 @@ export default () =>(
             </GridNormal>
 
             <span>Single Group</span>
-            <GridWithGrouping dir="ltr"groupingHeader={(
+            <GridWithGrouping dropClue dir="ltr"groupingHeader={(
                 <GridGroupingHeader>
                     <ChipList>
                         <Chip icon="sort-asc-small" text="ID" actions={ <ChipAction type="remove"/> } />
@@ -179,7 +179,7 @@ export default () =>(
             </GridWithGrouping>
 
             <span>Two Groups</span>
-            <GridWithGrouping dir="ltr" groupingHeader={(
+            <GridWithGrouping dropClue dir="ltr" groupingHeader={(
                 <GridGroupingHeader>
                     <ChipList>
                         <Chip icon="sort-asc-small" text="ID" actions={ <ChipAction type="remove"/> } />
@@ -300,7 +300,7 @@ export default () =>(
                 </GridContainer>
             </GridWithGrouping>
             <span>Expanded Template</span>
-            <GridWithGrouping dir="ltr"groupingHeader={(
+            <GridWithGrouping dropClue dir="ltr"groupingHeader={(
                 <GridGroupingHeader>
                     <ChipList>
                         <Chip icon="sort-asc-small" text="ID" actions={ <ChipAction type="remove"/> } />
diff --git a/packages/html/src/grid/tests/grid-grouping.tsx b/packages/html/src/grid/tests/grid-grouping.tsx
index 43a4304dfe2..3a1f99ed8fe 100644
--- a/packages/html/src/grid/tests/grid-grouping.tsx
+++ b/packages/html/src/grid/tests/grid-grouping.tsx
@@ -137,7 +137,7 @@ export default () =>(
             <span>angular with grouping</span>
             <span>jquery with grouping</span>
 
-            <GridWithGrouping className="k-grid-no-scrollbar" toolbar={(
+            <GridWithGrouping dropClue className="k-grid-no-scrollbar" toolbar={(
                 <GridToolbar>
                     <Button>Button</Button>
                     <ButtonGroup>
@@ -148,7 +148,7 @@ export default () =>(
                 </GridToolbar>
             )}/>
 
-            <GridWithGrouping _renderAriaRoot={false} className="k-grid-no-scrollbar k-grid-display-block" toolbar={(
+            <GridWithGrouping _renderAriaRoot={false} dropClue className="k-grid-no-scrollbar k-grid-display-block" toolbar={(
                 <GridToolbar>
                     <Button>Button</Button>
                     <ButtonGroup>