From af0346fd14fe4e74c1ece03b47db27d18a05b223 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 30 May 2025 15:51:19 +0000
Subject: [PATCH 1/2] chore: bump the kendo-dependencies group across 1
 directory with 12 updates

Bumps the kendo-dependencies group with 12 updates in the /examples/kendo-react-sales-dashboard directory:

| Package | From | To |
| --- | --- | --- |
| [@progress/kendo-react-buttons](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-charts](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-dateinputs](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-dialogs](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-dropdowns](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-grid](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-inputs](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-intl](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-layout](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-pdf](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-react-ripple](https://github.com/telerik/kendo-react) | `10.2.0` | `11.0.0` |
| [@progress/kendo-theme-material](https://github.com/telerik/kendo-themes/tree/HEAD/packages/material) | `10.6.0` | `11.0.2` |



Updates `@progress/kendo-react-buttons` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-charts` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-dateinputs` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-dialogs` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-dropdowns` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-grid` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-inputs` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-intl` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-layout` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-pdf` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-react-ripple` from 10.2.0 to 11.0.0
- [Commits](https://github.com/telerik/kendo-react/commits)

Updates `@progress/kendo-theme-material` from 10.6.0 to 11.0.2
- [Release notes](https://github.com/telerik/kendo-themes/releases)
- [Changelog](https://github.com/telerik/kendo-themes/blob/develop/packages/material/CHANGELOG.md)
- [Commits](https://github.com/telerik/kendo-themes/commits/v11.0.2/packages/material)

---
updated-dependencies:
- dependency-name: "@progress/kendo-react-buttons"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-charts"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-dateinputs"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-dialogs"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-dropdowns"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-grid"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-inputs"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-intl"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-layout"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-pdf"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-react-ripple"
  dependency-version: 11.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
- dependency-name: "@progress/kendo-theme-material"
  dependency-version: 11.0.2
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: kendo-dependencies
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 .../kendo-react-sales-dashboard/package.json  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/examples/kendo-react-sales-dashboard/package.json b/examples/kendo-react-sales-dashboard/package.json
index 8360b1f3..375a54b4 100644
--- a/examples/kendo-react-sales-dashboard/package.json
+++ b/examples/kendo-react-sales-dashboard/package.json
@@ -5,18 +5,18 @@
   "dependencies": {
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-drawing": "^1.21.1",
-    "@progress/kendo-react-buttons": "^10.0.0",
-    "@progress/kendo-react-charts": "^10.0.0",
-    "@progress/kendo-react-dateinputs": "^10.0.0",
-    "@progress/kendo-react-dialogs": "^10.0.0",
-    "@progress/kendo-react-dropdowns": "^10.0.0",
-    "@progress/kendo-react-grid": "^10.0.0",
-    "@progress/kendo-react-inputs": "^10.0.0",
-    "@progress/kendo-react-intl": "^10.0.0",
-    "@progress/kendo-react-layout": "^10.0.0",
-    "@progress/kendo-react-pdf": "^10.0.0",
-    "@progress/kendo-react-ripple": "^10.0.0",
-    "@progress/kendo-theme-material": "^10.0.1",
+    "@progress/kendo-react-buttons": "^11.0.0",
+    "@progress/kendo-react-charts": "^11.0.0",
+    "@progress/kendo-react-dateinputs": "^11.0.0",
+    "@progress/kendo-react-dialogs": "^11.0.0",
+    "@progress/kendo-react-dropdowns": "^11.0.0",
+    "@progress/kendo-react-grid": "^11.0.0",
+    "@progress/kendo-react-inputs": "^11.0.0",
+    "@progress/kendo-react-intl": "^11.0.0",
+    "@progress/kendo-react-layout": "^11.0.0",
+    "@progress/kendo-react-pdf": "^11.0.0",
+    "@progress/kendo-react-ripple": "^11.0.0",
+    "@progress/kendo-theme-material": "^11.0.2",
     "hammerjs": "^2.0.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

From 40e746b5cf4fc58d806aecd252f6359e7e0bea2f Mon Sep 17 00:00:00 2001
From: Silviya Boteva <sboteva@progress.com>
Date: Sat, 31 May 2025 00:20:04 +0300
Subject: [PATCH 2/2] chore: update grid props in kendo-react-sales-dashboard
 app

---
 .../kendo-react-sales-dashboard/src/App.js    | 10 ++---
 .../src/components/GridContainer.jsx          | 44 ++++++++-----------
 2 files changed, 23 insertions(+), 31 deletions(-)

diff --git a/examples/kendo-react-sales-dashboard/src/App.js b/examples/kendo-react-sales-dashboard/src/App.js
index 20d7f9c1..5973544f 100644
--- a/examples/kendo-react-sales-dashboard/src/App.js
+++ b/examples/kendo-react-sales-dashboard/src/App.js
@@ -82,15 +82,15 @@ class App extends Component {
         let headerText = this.state.value.replace('Sales','');
         return (
           <Ripple>
-            <div className="buttons-right mt-1">
-              <Button themeColor={'primary'} onClick={this.handleShare} className='mr-2'>Share</Button>
-              <Button onClick={this.handlePDFExport}>Export to PDF</Button>
-            </div>
             <div className="app-container" ref={(app) => this.app = app}>
                 <div className="row">
                   <div className="col-xs-9 col-sm-9 col-md-9 col-lg-9 col-xl-9">
                     <h1>Sales | {headerText}</h1>
-                  </div>
+                </div>
+                <div className="buttons-right mt-1">
+                  <Button themeColor={'primary'} onClick={this.handleShare} className='mr-2'>Share</Button>
+                  <Button onClick={this.handlePDFExport}>Export to PDF</Button>
+                </div>
                 </div>
                 <div className="row">
                   <div className="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-xl-3">
diff --git a/examples/kendo-react-sales-dashboard/src/components/GridContainer.jsx b/examples/kendo-react-sales-dashboard/src/components/GridContainer.jsx
index 46b9192d..389b7c6c 100644
--- a/examples/kendo-react-sales-dashboard/src/components/GridContainer.jsx
+++ b/examples/kendo-react-sales-dashboard/src/components/GridContainer.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Grid, GridColumn as Column } from '@progress/kendo-react-grid';
 import { Sparkline } from '@progress/kendo-react-charts';
-import { process } from '@progress/kendo-data-query';
+import { Checkbox } from '@progress/kendo-react-inputs';
 
 class SparkLineChartCell extends React.Component {
     render (){
@@ -11,29 +11,25 @@ class SparkLineChartCell extends React.Component {
     }
 }
 
+class ActiveCell extends React.Component {
+    render() {
+        console.log(this.props.dataItem);
+        return (
+            <td><Checkbox disabled defaultChecked={this.props.dataItem[this.props.field]} /></td>
+        )
+    }
+}
+
 export default class GridContainer extends React.Component {
 
-    state = {
-        dataState:{
-            sort:[{
-                field: "UnitPrice",
-                dir:"asc"
-            }]
-        }
-    }
     processData = (data) => {
         data.forEach(item => {
             item.PriceHistory = Array.from({length: 40}, () => Math.floor(Math.random() * 100));
             return item
         })
-        return process(data,this.state.dataState);
+        return data;
     }
 
-    handleDataStateChange = (e) => {
-        this.setState({
-            dataState: e.dataState
-        })
-    }
 
     render() {
         return (
@@ -41,22 +37,18 @@ export default class GridContainer extends React.Component {
                 <Grid
                     style={{ height: '300px' }}
                     data={this.processData(this.props.data)}
-                    {...this.state.dataState}
-                    onDataStateChange={this.handleDataStateChange}
+                    defaultSort={[{
+                        field: "UnitPrice",
+                        dir:"asc"
+                    }]}
                     sortable
                 >
                     <Column field="ProductID" title="ID" sortable={false} width="40px"/>
-                    <Column field="ProductName" title="Name" />
+                    <Column field="ProductName" title="Name"  />
                     <Column field="UnitPrice" title="Price" width="100px" />
                     <Column field="UnitsInStock" title="In stock"  sortable={false} width="100px"/>
-                    <Column field="PriceHistory" title="Price history" cell={SparkLineChartCell}sortable={false} width="200px"/>
-                    <Column field="Discontinued" title="Active" sortable={false} width="100px"
-                        cell={(props) => (
-                            <td>
-                                <input type="checkbox" disabled className="k-checkbox" defaultChecked={props.dataItem[props.field]} />
-                                <label className="k-checkbox-label"></label>
-                            </td>
-                        )} />
+                    <Column field="PriceHistory" title="Price history" cells={{ data: SparkLineChartCell }} sortable={false} width="200px"/>
+                    <Column field="Discontinued" title="Active" sortable={false} width="70px" cells={{ data: ActiveCell }} />
                 </Grid>
             </div>
         );