fix(html): remove Grid grouping drop clue from templates

telerik · Nov 19, 2024 · d722dad · d722dad
1 parent 0494f00
commit d722dad
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>