@progress/kendo-react-grid 12.0.0-develop.3 → 12.0.0-develop.5

package/index.d.mts

@@ -818,57 +818,47 @@ export declare interface GridColumnMenuColumnsListProps {
 /**
  * @example
  * ```jsx-no-run
- * class TextColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *             <GridColumnMenuFilter {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
+ * const TextColumnMenu = (props) => {
+ *   return (
+ *     <div>
+ *       <GridColumnMenuSort {...props} />
+ *       <GridColumnMenuFilter {...props} />
+ *     </div>
+ *   );
+ * };
  *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
+ * const App = () => {
+ *   const [state, setState] = React.useState(
+ *     createAppState({
+ *       take: 10,
+ *       skip: 0,
+ *     })
+ *   );
  *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
+ *   function createAppState(dataState) {
+ *     return {
+ *       result: process(products.slice(0), dataState),
+ *       dataState: dataState,
+ *     };
+ *   }
  *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
+ *   const dataStateChange = (event) => {
+ *     setState(createAppState(event.dataState));
+ *   };
  *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" />
- *                     <Column field="ProductName" columnMenu={TextColumnMenu} />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
+ *   return (
+ *     <Grid
+ *       data={state.result}
+ *       {...state.dataState}
+ *       onDataStateChange={dataStateChange}
+ *       sortable={true}
+ *       pageable={true}
+ *     >
+ *       <GridColumn field="ProductID" title="Product ID" />
+ *       <GridColumn field="ProductName" columnMenu={TextColumnMenu} />
+ *     </Grid>
+ *   );
+ * };
  * ```
  */
 export declare const GridColumnMenuFilter: (props: GridColumnMenuFilterProps) => JSX.Element;
@@ -2145,7 +2135,6 @@ export declare interface GridHandle {
      * };
      *
      * export default App;
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
      * ```
      */
     columns: GridColumnProps[];
@@ -2181,20 +2170,24 @@ export declare interface GridHandle {
  *     ]);
  *     const [barDetails, setBarDetails] = useState(false);
  *
- *     const CustomHeaderCell = (props) => (
- *         <span>
- *             {props.title || props.field + ' '}
- *             <button onClick={() => setBarDetails(!barDetails)}>
- *                 {barDetails ? 'collapse' : 'expand'}
- *             </button>
- *             {props.children}
- *         </span>
+ *     const CustomHeaderCell = (props: CustomCellProps) => (
+ *       <td
+ *           {...props.tdProps}
+ *           colSpan={1}>
+ *           <span>
+ *               {props.title || props.field + ' '}
+ *               <button onClick={() => setBarDetails(!barDetails)}>
+ *                   {barDetails ? 'collapse' : 'expand'}
+ *               </button>
+ *               {props.children}
+ *           </span>
+ *       </td>
  *     );
  *
  *     return (
  *         <Grid style={{ height: '420px' }} data={data} reorderable={true}>
  *             <GridColumn field="foo" />
- *             <GridColumn field="bar" headerCell={CustomHeaderCell}>
+ *             <GridColumn field="bar" cells={{ headerCell: CustomHeaderCell }}>
  *                 {barDetails && [<GridColumn field="b1" />, <GridColumn field="b2" />]}
  *             </GridColumn>
  *         </Grid>

package/index.d.ts

@@ -818,57 +818,47 @@ export declare interface GridColumnMenuColumnsListProps {
 /**
  * @example
  * ```jsx-no-run
- * class TextColumnMenu extends React.Component {
- *     render() {
- *         return (
- *         <div>
- *             <GridColumnMenuSort {...this.props} />
- *             <GridColumnMenuFilter {...this.props} />
- *         </div>);
- *     }
- * }
- *
- * class App extends React.PureComponent {
- *     constructor(props) {
- *         super(props);
+ * const TextColumnMenu = (props) => {
+ *   return (
+ *     <div>
+ *       <GridColumnMenuSort {...props} />
+ *       <GridColumnMenuFilter {...props} />
+ *     </div>
+ *   );
+ * };
  *
- *         this.state = this.createAppState({
- *             take: 10,
- *             skip: 0
- *         });
- *     }
+ * const App = () => {
+ *   const [state, setState] = React.useState(
+ *     createAppState({
+ *       take: 10,
+ *       skip: 0,
+ *     })
+ *   );
  *
- *     createAppState(dataState) {
- *         return {
- *             result: process(products.slice(0), dataState),
- *             dataState: dataState
- *         };
- *     }
+ *   function createAppState(dataState) {
+ *     return {
+ *       result: process(products.slice(0), dataState),
+ *       dataState: dataState,
+ *     };
+ *   }
  *
- *     dataStateChange = (event) => {
- *         this.setState(this.createAppState(event.dataState));
- *     }
+ *   const dataStateChange = (event) => {
+ *     setState(createAppState(event.dataState));
+ *   };
  *
- *     render() {
- *         return (
- *             <div>
- *                 <Grid
- *                     data={this.state.result}
- *                     {...this.state.dataState}
- *                     onDataStateChange={this.dataStateChange}
- *                     sortable={true}
- *                     pageable={true}
- *                 >
- *                     <Column field="ProductID" title="Product ID" />
- *                     <Column field="ProductName" columnMenu={TextColumnMenu} />
- *                 </Grid>
- *                 <br />
- *             </div>
- *         );
- *     }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
+ *   return (
+ *     <Grid
+ *       data={state.result}
+ *       {...state.dataState}
+ *       onDataStateChange={dataStateChange}
+ *       sortable={true}
+ *       pageable={true}
+ *     >
+ *       <GridColumn field="ProductID" title="Product ID" />
+ *       <GridColumn field="ProductName" columnMenu={TextColumnMenu} />
+ *     </Grid>
+ *   );
+ * };
  * ```
  */
 export declare const GridColumnMenuFilter: (props: GridColumnMenuFilterProps) => JSX.Element;
@@ -2145,7 +2135,6 @@ export declare interface GridHandle {
      * };
      *
      * export default App;
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
      * ```
      */
     columns: GridColumnProps[];
@@ -2181,20 +2170,24 @@ export declare interface GridHandle {
  *     ]);
  *     const [barDetails, setBarDetails] = useState(false);
  *
- *     const CustomHeaderCell = (props) => (
- *         <span>
- *             {props.title || props.field + ' '}
- *             <button onClick={() => setBarDetails(!barDetails)}>
- *                 {barDetails ? 'collapse' : 'expand'}
- *             </button>
- *             {props.children}
- *         </span>
+ *     const CustomHeaderCell = (props: CustomCellProps) => (
+ *       <td
+ *           {...props.tdProps}
+ *           colSpan={1}>
+ *           <span>
+ *               {props.title || props.field + ' '}
+ *               <button onClick={() => setBarDetails(!barDetails)}>
+ *                   {barDetails ? 'collapse' : 'expand'}
+ *               </button>
+ *               {props.children}
+ *           </span>
+ *       </td>
  *     );
  *
  *     return (
  *         <Grid style={{ height: '420px' }} data={data} reorderable={true}>
  *             <GridColumn field="foo" />
- *             <GridColumn field="bar" headerCell={CustomHeaderCell}>
+ *             <GridColumn field="bar" cells={{ headerCell: CustomHeaderCell }}>
  *                 {barDetails && [<GridColumn field="b1" />, <GridColumn field="b2" />]}
  *             </GridColumn>
  *         </Grid>

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1755612923,version:"12.0.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1755789302,version:"12.0.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = Object.freeze({
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1755612923,
-  version: "12.0.0-develop.3",
+  publishDate: 1755789302,
+  version: "12.0.0-develop.5",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "12.0.0-develop.3",
+  "version": "12.0.0-develop.5",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,21 +28,21 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-react-animation": "12.0.0-develop.3",
-    "@progress/kendo-react-buttons": "12.0.0-develop.3",
-    "@progress/kendo-react-common": "12.0.0-develop.3",
-    "@progress/kendo-react-data-tools": "12.0.0-develop.3",
-    "@progress/kendo-react-dateinputs": "12.0.0-develop.3",
-    "@progress/kendo-react-indicators": "12.0.0-develop.3",
-    "@progress/kendo-react-form": "12.0.0-develop.3",
-    "@progress/kendo-react-labels": "12.0.0-develop.3",
-    "@progress/kendo-react-dialogs": "12.0.0-develop.3",
-    "@progress/kendo-react-dropdowns": "12.0.0-develop.3",
-    "@progress/kendo-react-inputs": "12.0.0-develop.3",
-    "@progress/kendo-react-intl": "12.0.0-develop.3",
-    "@progress/kendo-react-popup": "12.0.0-develop.3",
-    "@progress/kendo-react-layout": "12.0.0-develop.3",
-    "@progress/kendo-react-conversational-ui": "12.0.0-develop.3",
+    "@progress/kendo-react-animation": "12.0.0-develop.5",
+    "@progress/kendo-react-buttons": "12.0.0-develop.5",
+    "@progress/kendo-react-common": "12.0.0-develop.5",
+    "@progress/kendo-react-data-tools": "12.0.0-develop.5",
+    "@progress/kendo-react-dateinputs": "12.0.0-develop.5",
+    "@progress/kendo-react-indicators": "12.0.0-develop.5",
+    "@progress/kendo-react-form": "12.0.0-develop.5",
+    "@progress/kendo-react-labels": "12.0.0-develop.5",
+    "@progress/kendo-react-dialogs": "12.0.0-develop.5",
+    "@progress/kendo-react-dropdowns": "12.0.0-develop.5",
+    "@progress/kendo-react-inputs": "12.0.0-develop.5",
+    "@progress/kendo-react-intl": "12.0.0-develop.5",
+    "@progress/kendo-react-popup": "12.0.0-develop.5",
+    "@progress/kendo-react-layout": "12.0.0-develop.5",
+    "@progress/kendo-react-conversational-ui": "12.0.0-develop.5",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -147,7 +147,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1755612923,
+      "publishDate": 1755789302,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },