@progress/kendo-react-grid 11.0.0-develop.11 → 11.0.0-develop.13

package/header/client/GridFilterCellContainer.mjs

@@ -7,33 +7,32 @@
  */
 "use client";
 import * as a from "react";
-import { GridContext as u } from "../../GridClientWrapper.mjs";
-import { cloneReactElement as f } from "../../utils/index.mjs";
+import { GridContext as u } from "../../utils/GridContext.mjs";
+import { cloneReactElement as s } from "../../utils/index.mjs";
 const x = (t) => {
-  const i = a.useContext(u), s = (e, o, c, C) => {
+  const i = a.useContext(u), f = (e, r, c, C) => {
     if (!i.filterChange)
       return;
     const l = [];
-    (e !== "" && e !== null || o !== "") && l.push({
+    (e !== "" && e !== null || r !== "") && l.push({
       field: c,
-      operator: o,
+      operator: r,
       value: e
     }), t.filter && t.filter.filters && (t.filter.filters || []).forEach((n) => {
       n && n.field !== c && l.push(n);
     });
     const h = t.filter && t.filter.logic ? t.filter.logic : "and";
     i.filterChange(l.length > 0 ? { logic: h, filters: l } : null, C);
-  }, d = i.getCellPositionStyle(t.column), r = t.isCustom ? {
+  }, d = i.getCellPositionStyle(t.column), o = t.isCustom ? {
     style: { ...d }
   } : {};
-  return i.isClient || t.isClient ? f(t.children, {
-    render: t.render,
+  return i.isClient || t.isClient ? s(t.children, {
     onChange: (e) => {
-      s(e.value, e.operator, t.field, e.syntheticEvent);
+      f(e.value, e.operator, t.field, e.syntheticEvent);
     },
-    tdProps: { ...t.tdProps, ...r },
-    thProps: { ...t.tdProps, ...r }
-  }) : f(t.children, {});
+    tdProps: { ...t.tdProps, ...o },
+    thProps: { ...t.tdProps, ...o }
+  }) : s(t.children, {});
 };
 export {
   x as GridFilterCellContainer

package/header/client/GridFilterCellElementContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("../../GridClientWrapper.js"),l=require("../../utils/index.js");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=c(o),u=e=>{const r={style:{...s.useContext(i.GridContext).getCellPositionStyle(e.column)}};return l.cloneReactElement(e.children,{...r})};exports.GridFilterCellElementContainer=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=require("../../utils/GridContext.js"),l=require("../../utils/index.js");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=c(r),u=e=>{const o={style:{...s.useContext(i.GridContext).getCellPositionStyle(e.column)}};return l.cloneReactElement(e.children,{...o})};exports.GridFilterCellElementContainer=u;

package/header/client/GridFilterCellElementContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as e from "react";
-import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { GridContext as n } from "../../utils/GridContext.mjs";
 import { cloneReactElement as r } from "../../utils/index.mjs";
 const m = (t) => {
   const o = {

package/header/client/GridHeaderCellContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("../../GridClientWrapper.js"),C=require("./GridHeaderRowContainer.js"),d=require("../../utils/index.js");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const u=g(a),h=e=>{const n=u.useContext(s.GridContext),t=u.useContext(C.GridHeaderRowContext),r=n.isClient||e.isClient,i={style:{...n.getCellPositionStyle(e.column)}},c={onKeyDown:l=>{t.cellKeyDown(l,e.column)},onContextMenu:l=>{n.onContextMenu(l,void 0,e.column.field)}};let o={onClick:l=>{t.cellClick(l,e.column)}};return r&&(o={...o,render:e.render,selectionChange:n.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,onColumnsStateChange:n.onColumnsStateChange,show:t.showColumnMenuField===e.column.field?!0:void 0,onCloseMenu:t.handleCloseMenu,columnsState:n.columnsState}}),e.isCustom&&(r?o={...o,thProps:{...e.thProps,...c,...i}}:o={...o,...c,...i}),d.cloneReactElement(e.children,{...o})};exports.GridHeaderCellContainer=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("../../utils/GridContext.js"),C=require("./GridHeaderRowContainer.js"),d=require("../../utils/index.js");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const u=g(s),h=e=>{const n=u.useContext(a.GridContext),t=u.useContext(C.GridHeaderRowContext),l=n.isClient||e.isClient,r={style:{...n.getCellPositionStyle(e.column)}},c={onKeyDown:i=>{t.cellKeyDown(i,e.column)},onContextMenu:i=>{n.onContextMenu(i,void 0,e.column.field)}};let o={onClick:i=>{t.cellClick(i,e.column)}};return l&&(o={...o,selectionChange:n.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,onColumnsStateChange:n.onColumnsStateChange,show:t.showColumnMenuField===e.column.field?!0:void 0,onCloseMenu:t.handleCloseMenu,columnsState:n.columnsState}}),e.isCustom&&(l?o={...o,thProps:{...e.thProps,...c,...r}}:o={...o,...c,...r}),d.cloneReactElement(e.children,{...o})};exports.GridHeaderCellContainer=h;

package/header/client/GridHeaderCellContainer.mjs

@@ -7,13 +7,13 @@
  */
 "use client";
 import * as s from "react";
-import { GridContext as c } from "../../GridClientWrapper.mjs";
+import { GridContext as c } from "../../utils/GridContext.mjs";
 import { GridHeaderRowContext as u } from "./GridHeaderRowContainer.mjs";
 import { cloneReactElement as a } from "../../utils/index.mjs";
 const f = (e) => {
-  const n = s.useContext(c), l = s.useContext(u), i = n.isClient || e.isClient, r = {
+  const n = s.useContext(c), l = s.useContext(u), i = n.isClient || e.isClient, C = {
     style: { ...n.getCellPositionStyle(e.column) }
-  }, C = {
+  }, r = {
     onKeyDown: (t) => {
       l.cellKeyDown(t, e.column);
     },
@@ -28,7 +28,6 @@ const f = (e) => {
   };
   return i && (o = {
     ...o,
-    render: e.render,
     selectionChange: n.onHeaderSelectionChange,
     columnMenuWrapperProps: {
       ...e.columnMenuWrapperProps,
@@ -44,13 +43,13 @@ const f = (e) => {
     ...o,
     thProps: {
       ...e.thProps,
-      ...C,
-      ...r
+      ...r,
+      ...C
     }
   } : o = {
     ...o,
-    ...C,
-    ...r
+    ...r,
+    ...C
   }), a(e.children, {
     ...o
   });

package/header/client/GridHeaderCellElementContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("./GridHeaderRowContainer.js"),a=require("../../GridClientWrapper.js"),s=require("../../utils/index.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=d(l),C=e=>{const t=i.useContext(a.GridContext),n=i.useContext(u.GridHeaderRowContext),c={style:{...t.getCellPositionStyle(e.column)}};return s.cloneReactElement(e.children,{onKeyDown:r=>{n.cellKeyDown(r,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...c})};exports.GridHeaderCellElementContainer=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("./GridHeaderRowContainer.js"),s=require("../../utils/GridContext.js"),a=require("../../utils/index.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=d(l),C=e=>{const t=i.useContext(s.GridContext),n=i.useContext(u.GridHeaderRowContext),c={style:{...t.getCellPositionStyle(e.column)}};return a.cloneReactElement(e.children,{onKeyDown:r=>{n.cellKeyDown(r,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...c})};exports.GridHeaderCellElementContainer=C;

package/header/client/GridHeaderCellElementContainer.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as n from "react";
 import { GridHeaderRowContext as l } from "./GridHeaderRowContainer.mjs";
-import { GridContext as c } from "../../GridClientWrapper.mjs";
+import { GridContext as c } from "../../utils/GridContext.mjs";
 import { cloneReactElement as m } from "../../utils/index.mjs";
 const x = (t) => {
   const o = n.useContext(c), r = n.useContext(l), i = {

package/header/client/GridHeaderRowContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),K=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-common");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const a=R(G),f=a.createContext(void 0),k=e=>{const n=a.useContext(K.GridContext),r=a.useRef(null),[l,s]=a.useState(),u=(t,o)=>{e.sortable&&o.sortable&&(t.preventDefault(),n.sortChange&&n.headerCellClick(t,o))},C=(t,o)=>{if(t.isDefaultPrevented())return;const{keyCode:c,metaKey:g,ctrlKey:y,altKey:m}=t,h=e.sortable&&o.sortable,d=t.target;if(h&&t.keyCode===i.Keys.enter&&d.className.indexOf("k-table-th")!==-1&&u(t,o),e.navigatable){if(e.groupable&&(g&&c===i.Keys.enter||y&&c===i.Keys.space)){t.preventDefault();const x=e.columns.findIndex(w=>w.field===o.field);n.columnGroupChange&&n.columnGroupChange(x,t)}m&&c===i.Keys.down&&(t.preventDefault(),s(o.field),r.current=d)}},b=()=>{s(void 0),r.current&&r.current.getAttribute("tabindex")!=="-1"&&r.current.focus()};return a.createElement(f.Provider,{value:{cellClick:u,cellKeyDown:C,handleCloseMenu:b,showColumnMenuField:l}},e.children)};exports.GridHeaderRowContainer=k;exports.GridHeaderRowContext=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),K=require("../../utils/GridContext.js"),i=require("@progress/kendo-react-common");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const a=R(G),f=a.createContext(void 0),k=e=>{const n=a.useContext(K.GridContext),r=a.useRef(null),[l,s]=a.useState(),u=(t,o)=>{e.sortable&&o.sortable&&(t.preventDefault(),n.sortChange&&n.headerCellClick(t,o))},C=(t,o)=>{if(t.isDefaultPrevented())return;const{keyCode:c,metaKey:g,ctrlKey:y,altKey:m}=t,x=e.sortable&&o.sortable,d=t.target;if(x&&t.keyCode===i.Keys.enter&&d.className.indexOf("k-table-th")!==-1&&u(t,o),e.navigatable){if(e.groupable&&(g&&c===i.Keys.enter||y&&c===i.Keys.space)){t.preventDefault();const h=e.columns.findIndex(w=>w.field===o.field);n.columnGroupChange&&n.columnGroupChange(h,t)}m&&c===i.Keys.down&&(t.preventDefault(),s(o.field),r.current=d)}},b=()=>{s(void 0),r.current&&r.current.getAttribute("tabindex")!=="-1"&&r.current.focus()};return a.createElement(f.Provider,{value:{cellClick:u,cellKeyDown:C,handleCloseMenu:b,showColumnMenuField:l}},e.children)};exports.GridHeaderRowContainer=k;exports.GridHeaderRowContext=f;

package/header/client/GridHeaderRowContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as n from "react";
-import { GridContext as w } from "../../GridClientWrapper.mjs";
+import { GridContext as w } from "../../utils/GridContext.mjs";
 import { Keys as i } from "@progress/kendo-react-common";
 const k = n.createContext(void 0), K = (r) => {
   const o = n.useContext(w), l = n.useRef(null), [d, s] = n.useState(), c = (e, t) => {

package/header/client/HeaderCellResizer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("@progress/kendo-react-data-tools"),a=require("../../GridClientWrapper.js");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=s(u),d=t=>{const{column:r}=t,e=c.useContext(a.GridContext);return e.columnResizeRef.current&&e.columnResizeRef.current.resizable&&r.resizable&&c.createElement(i.ColumnResizer,{key:2,resize:(n,o,l)=>e.columnResizeRef.current&&e.columnResizeRef.current.dragHandler(n,r,o,l),autofit:n=>e.columnResizeRef.current&&e.columnResizeRef.current.dblClickHandler(n,[r.id])})||c.createElement(c.Fragment,null)};exports.HeaderCellResizer=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("@progress/kendo-react-data-tools"),a=require("../../utils/GridContext.js");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=s(u),d=t=>{const{column:r}=t,e=c.useContext(a.GridContext);return e.columnResizeRef.current&&e.columnResizeRef.current.resizable&&r.resizable&&c.createElement(i.ColumnResizer,{key:2,resize:(n,o,l)=>e.columnResizeRef.current&&e.columnResizeRef.current.dragHandler(n,r,o,l),autofit:n=>e.columnResizeRef.current&&e.columnResizeRef.current.dblClickHandler(n,[r.id])})||c.createElement(c.Fragment,null)};exports.HeaderCellResizer=d;

package/header/client/HeaderCellResizer.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as r from "react";
 import { ColumnResizer as i } from "@progress/kendo-react-data-tools";
-import { GridContext as u } from "../../GridClientWrapper.mjs";
+import { GridContext as u } from "../../utils/GridContext.mjs";
 const R = (o) => {
   const { column: t } = o, e = r.useContext(u);
   return e.columnResizeRef.current && e.columnResizeRef.current.resizable && t.resizable && /* @__PURE__ */ r.createElement(

package/header/client/HeaderRowDraggable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../GridClientWrapper.js"),o=require("../../drag/ColumnDraggable.js");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=d(c),i=e=>{const r=t.useContext(l.GridContext);return r.dragLogicRef.current.pressHandler&&t.createElement(o.ColumnDraggable,{ariaRowIndex:e.ariaRowIndex,pressHandler:r.dragLogicRef.current.pressHandler,dragHandler:r.dragLogicRef.current.dragHandler,releaseHandler:r.dragLogicRef.current.releaseHandler,dragClue:r.dragLogicRef.current.dragClue,headerRef:r.headerElementRef,containerRef:r.containerElementRef},e.children)||t.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)};exports.HeaderRowDraggable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../../utils/GridContext.js"),l=require("../../drag/ColumnDraggable.js");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=d(c),i=e=>{const r=t.useContext(o.GridContext);return r.dragLogicRef.current.pressHandler&&t.createElement(l.ColumnDraggable,{ariaRowIndex:e.ariaRowIndex,pressHandler:r.dragLogicRef.current.pressHandler,dragHandler:r.dragLogicRef.current.dragHandler,releaseHandler:r.dragLogicRef.current.releaseHandler,dragClue:r.dragLogicRef.current.dragClue,headerRef:r.headerElementRef,containerRef:r.containerElementRef},e.children)||t.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)};exports.HeaderRowDraggable=i;

package/header/client/HeaderRowDraggable.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as a from "react";
-import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { GridContext as n } from "../../utils/GridContext.mjs";
 import { ColumnDraggable as t } from "../../drag/ColumnDraggable.mjs";
 const o = (r) => {
   const e = a.useContext(n);

package/index.d.mts

@@ -6,6 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { BaseEvent } from '@progress/kendo-react-common';
+import { ButtonProps } from '@progress/kendo-react-buttons';
 import { CellProps } from '@progress/kendo-react-data-tools';
 import { ClipboardSettings } from '@progress/kendo-react-data-tools';
 import { ColumnBaseProps } from '@progress/kendo-react-data-tools';
@@ -252,6 +253,7 @@ declare interface ExtendedColumnProps extends GridColumnProps {
     _type?: 'edit' | 'expand';
     rowSpannable?: Required<GridRowSpannableSettings>;
     defaultCell?: any;
+    defaultHeaderCell?: any;
 }
 
 /**
@@ -377,11 +379,6 @@ export declare interface GridCellProps extends Omit<CellProps, 'onChange' | 'ren
      * Supported values are `text`, `numeric`, `boolean`, and `date`.
      */
     editor?: 'text' | 'numeric' | 'boolean' | 'date';
-    /**
-     * A function to override the default rendering of the cell.
-     * Accepts the default rendering and props as arguments and returns a React element.
-     */
-    render?: (defaultRendering: React.ReactElement<HTMLTableCellElement> | null, props: GridCellProps) => React.ReactElement<HTMLTableCellElement> | null;
     /**
      * @hidden
      */
@@ -1210,16 +1207,6 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      * ```
      */
     media?: string;
-    /**
-     * Defines the component that will be rendered as a cell. If not set, a `GridCell` will be rendered by default.
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridcolumnprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     * @example
-     * ```jsx
-     * <GridColumn cell={CustomCell} />
-     * ```
-     */
-    cell?: ComponentType<GridCellProps>;
     /**
      * Specifies a set of cell components that the Grid will render instead of the built-in cell.
      *
@@ -1229,42 +1216,6 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      * ```
      */
     cells?: GridCellsSettings;
-    /**
-     * Defines the component that will be rendered as a filter cell. If not set, a `GridFilterCell` will be rendered by default.
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridcolumnprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     * @example
-     * ```jsx
-     * <GridColumn filterCell={CustomFilterCell} />
-     * ```
-     */
-    filterCell?: ComponentType<GridFilterCellProps>;
-    /**
-     * Defines the component that will be rendered as a header cell. If not set, a `GridHeaderCell` will be rendered by default.
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridcolumnprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     * @example
-     * ```jsx
-     * <GridColumn headerCell={CustomHeaderCell} />
-     * ```
-     */
-    headerCell?: ComponentType<GridHeaderCellProps>;
-    /**
-     * Defines the component that will be rendered as a footer cell.
-     * The footer has to render an HTML `<td>` element and applies the `style` and `colspan` values from its props.
-     *
-     * @example
-     * ```jsx-no-run
-     * <GridColumn
-     *  footerCell={props => (
-     *    <td className='k-table-td' colSpan={props.colSpan} style={props.style} role={'gridcell'}>Sum: 50</td>
-     *  )}
-     * />
-     * ```
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridcolumnprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     */
-    footerCell?: ComponentType<GridFooterCellProps>;
     /**
      * Sets the type of the column and renders a dedicated column for interaction.
      *
@@ -1674,7 +1625,7 @@ export declare interface GridDetailExpandChangeEvent extends GridEvent {
 }
 
 /**
- * Represents the detail row class of the KendoReact Grid. Used to define custom details for each row. Can be applied for building the hierarchy. If `expandField` is set, the details for each row will be visible or hidden depending on the current data item and its `expandField` value.
+ * Represents the detail row class of the KendoReact Grid. Used to define custom details for each row. Can be applied for building the hierarchy. The details for each row will be visible or hidden depending on the current `detailExpand` prop.
  *
  * @example
  * ```jsx
@@ -1776,25 +1727,7 @@ export declare type GridEditDialogProps = DialogProps & {
 export declare interface GridEvent extends BaseEvent<GridHandle> {
 }
 
-/**
- * Represents the object of the `onExpandChange` Grid event.
- */
-export declare interface GridExpandChangeEvent extends GridEvent {
-    /**
-     * The data item that is expanded or collapsed.
-     */
-    dataItem: any;
-    /**
-     * Indicates whether the data item is expanded or collapsed
-     */
-    value: boolean;
-    /**
-     * Zero based index of the data item.
-     */
-    dataIndex: number;
-}
-
-export declare const GridFilterCell: (props: GridFilterCellProps) => string | number | bigint | boolean | Iterable<React_2.ReactNode> | Promise<string | number | bigint | boolean | React_2.ReactPortal | React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>> | Iterable<React_2.ReactNode> | null | undefined> | JSX.Element | null | undefined;
+export declare const GridFilterCell: (props: GridFilterCellProps) => JSX.Element;
 
 /**
  * The props of the GridFilterCell component
@@ -1838,10 +1771,6 @@ export declare interface GridFilterCellProps {
      * The list of values for the Boolean filter.
      */
     booleanValues: GridFilterOperator[];
-    /**
-     * A function for overriding the default rendering of the filter cell.
-     */
-    render?: (row: React.ReactElement<any>, dataItem: GridFilterCellProps) => React.ReactNode;
     /**
      * Accessible label of the filter.
      */
@@ -2054,6 +1983,11 @@ export declare interface GridHandle {
      * @param columnIds - Array of column ids to be fitted.
      */
     fitColumns: (columnIds: string[]) => void;
+    /**
+     * Method to trigger a PDF export of the Grid.
+     * The 'pdf' prop of the Grid should be set to true or object of setting that will be applied the exported Grid.
+     */
+    exportAsPdf: () => void;
 }
 
 /**
@@ -2090,17 +2024,13 @@ export declare interface GridHandle {
  * export default App;
  * ```
  */
-export declare const GridHeaderCell: (props: GridHeaderCellProps) => string | number | bigint | boolean | Iterable<React_2.ReactNode> | Promise<string | number | bigint | boolean | React_2.ReactPortal | React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>> | Iterable<React_2.ReactNode> | null | undefined> | JSX.Element | null | undefined;
+export declare const GridHeaderCell: (props: GridHeaderCellProps) => JSX.Element;
 
 /**
  * The props of the GridHeaderCell component
  * ([more information]({% slug cells_grid %}#toc-header-cells)).
  */
 export declare interface GridHeaderCellProps extends Omit<HeaderCellBaseProps, 'render'> {
-    /**
-     * A function for overriding the default rendering of the header cell.
-     */
-    render?: (defaultRendering: React.ReactNode | null, props: GridHeaderCellProps) => React.ReactNode;
     /**
      * The props of the Grid column menu wrapper.
      */
@@ -2127,10 +2057,6 @@ export declare interface GridHeaderSelectionChangeEvent extends GridEvent {
      * The current Grid leaf data items.
      */
     dataItems: any[];
-    /**
-     * The `selectedField` prop of the Grid.
-     */
-    selectedField: string;
 }
 
 /**
@@ -2201,6 +2127,7 @@ export declare const gridMessages: {
     "grid.pagerTotalPages": string;
     "grid.searchPlaceholder": string;
     "grid.searchboxPlaceholder": string;
+    "grid.exportPDF": string;
     "grid.filterCheckAll": string;
     "grid.editDialogTitle": string;
     "grid.editDialogSaveButtonTitle": string;
@@ -2377,6 +2304,14 @@ export declare interface GridPagerSettings {
  */
 declare type GridPagerType = 'numeric' | 'input';
 
+/**
+ * Represents the properties of the KendoReact GridPdfExportButton component.
+ */
+export declare const GridPdfExportButton: (props: GridPdfExportButtonProps) => JSX.Element;
+
+export declare interface GridPdfExportButtonProps extends ButtonProps {
+}
+
 /**
  * Represents the props of the [KendoReact Grid component]({% slug overview_grid %}).
  */
@@ -2721,6 +2656,31 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     pager?: null | ComponentType<PagerProps>;
+    /**
+     * When set to true the Grid pdf export will be enabled.
+     * If set to an object, the Grid will use the provided settings to export the PDF.
+     *
+     * @example
+     * ```jsx
+     * <Grid pdf={true} />
+     * ```
+     */
+    pdf?: boolean | GridProps;
+    /**
+     * Fires when the user clicks the PDF export button.
+     *
+     * @example
+     * ```jsx
+     *
+     * <Grid onPdfExport={async (event) => {
+     *        const pdf = await import('@progress/kendo-react-pdf');
+     *        await pdf.saveGridPDF(event.target);
+     *  }} />
+     * ```
+     */
+    onPdfExport?: (event: {
+        target: HTMLDivElement;
+    }) => Promise<void>;
     /**
      * Alias for the `pageSize` property. If `take` is set, `pageSize` will be ignored.
      *
@@ -2838,24 +2798,6 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     onGroupExpandChange?: (event: GridGroupExpandChangeEvent) => void;
-    /**
-     * Fires when the user tries to expand or collapse a row.
-     *
-     * @deprecated This prop is deprecated in favor of the [onDetailExpandChange]({% slug api_grid_gridprops %}#toc-ondetailexpandchange) and [onGroupExpandChange]({% slug api_grid_gridprops %}#toc-ongroupexpandchange) props.
-     * We’re removing this prop in version 11.0.0.
-     * ```
-     */
-    onExpandChange?: (event: GridExpandChangeEvent) => void;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the expanded state of the item.
-     *
-     * Specifies the name of the field which will provide a Boolean representation of the expanded state of the item ([see example]({% slug detailrow_grid %})).
-     *
-     * @deprecated This prop is deprecated in favor of the ([detailExpand]({% slug api_grid_gridprops %}#toc-detailexpand)) and ([groupExpand]({% slug api_grid_gridprops %}#toc-groupexpand)) props.
-     * We’re removing this prop in version 11.0.0.
-     * ```
-     */
-    expandField?: string;
     /**
      * The [descriptor]({% slug api_data-tools_selectdescriptor %}) by which the selected state of an item is defined.
      * Passing a boolean value will select the whole row, while passing an array of strings will select individual.
@@ -2884,16 +2826,6 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     selectable?: boolean | GridSelectableSettings;
-    /**
-     * Specifies the name of the field which will provide a:
-     * - Boolean representation of the selected state of the item ([see example]({% slug selection_grid %})) for row selection
-     * - String array of the selected columns of the item  for cell selection
-     *
-     * @deprecated This prop is deprecated in favor of the ([select]({% slug api_grid_gridprops %}#toc-select)) prop.
-     * We’re removing this prop in version 11.0.0.
-     * ```
-     */
-    selectedField?: string;
     /**
      * Fires when the user tries to select or deselect a row or cell.
      *
@@ -2904,7 +2836,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     onSelectionChange?: (event: GridSelectionChangeEvent) => void;
     /**
-     * Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`.
+     * Fires when the user clicks the checkbox of a column header whose type is set to `checkbox`.
      *
      * @example
      * ```jsx
@@ -2975,16 +2907,6 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     onEditChange?: (event: GridEditChangeEvent) => void;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the edit state
-     *  of the current item ([more information and examples]({% slug editing_inline_grid %})).
-     *
-     * @example
-     * ```jsx
-     * <Grid editField="inEdit" />
-     * ```
-     */
-    editField?: string;
     /**
      * Defines the scroll mode that is used by the Grid ([see example]({% slug scrollmodes_grid %})).
      *
@@ -3134,30 +3056,6 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     onColumnReorder?: (event: GridColumnReorderEvent) => void;
-    /**
-     * Fires when a row is about to be rendered. Overrides the default appearance of the row.
-     *
-     * @deprecated This prop is deprecated in favor of the ([rows]({% slug api_grid_gridprops %}#toc-rows)) prop. We’re removing this prop in version 11.0.0.
-     */
-    rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;
-    /**
-     * Fires when a cell is about to be rendered. Used to override the default appearance of the cell ([see example]({% slug groupingaggregates_grid %})).
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     */
-    cellRender?: (defaultRendering: React.ReactElement<HTMLTableCellElement> | null, props: GridCellProps) => React.ReactElement<HTMLTableCellElement> | React.ReactElement<HTMLTableCellElement>[] | null;
-    /**
-     * Fires when a filter cell is about to be rendered. Overrides the default appearance of the filter cell.
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     */
-    filterCellRender?: (defaultRendering: React.ReactElement<any> | null, props: GridFilterCellProps) => React.ReactElement<any> | null;
-    /**
-     * Fires when a header cell is about to be rendered. Overrides the default appearance of the header cell.
-     *
-     * @deprecated This prop is deprecated in favor of the ([cells]({% slug api_grid_gridprops %}#toc-cells)) prop. We’re removing this prop in version 11.0.0.
-     */
-    headerCellRender?: (defaultRendering: React.ReactNode | null, props: GridHeaderCellProps) => React.ReactNode;
     /**
      * Fires when Grid is scrolled. Only fired when the Grid is run as a client component.
      *
@@ -3204,15 +3102,6 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     onKeyDown?: (event: GridKeyDownEvent) => void;
-    /**
-     * The accessible label of the Grid.
-     */
-    /**
-     * **Deprecated**. The accessible label of the Grid. Use ([messages]({% slug globalization_grid %})) instead.
-     *
-     * @deprecated
-     */
-    ariaLabel?: string;
     /**
      * Defines if the group descriptor columns are locked (frozen or sticky).
      * Locked columns are the columns that are visible at all times while the user scrolls the component horizontally.
@@ -3335,7 +3224,7 @@ export declare type GridReorderDropPosition = 'before' | 'after' | 'forbidden';
 /**
  * The component for each of the items in the `data` property which the Grid renders.
  */
-export declare const GridRow: (props: GridRowProps) => string | number | bigint | boolean | Iterable<React_2.ReactNode> | Promise<string | number | bigint | boolean | React_2.ReactPortal | React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>> | Iterable<React_2.ReactNode> | null | undefined> | JSX.Element | null | undefined;
+export declare const GridRow: (props: GridRowProps) => JSX.Element;
 
 /**
  * Represents the object of the `onRowClick` Grid event.
@@ -3358,7 +3247,7 @@ export declare interface GridRowDoubleClickEvent extends GridEvent {
 }
 
 /**
- * The props that the Grid passes to the GridRow component when creating it. Accessible during the `rowRender` callback of the Grid.
+ * The props that the Grid passes to the GridRow component when creating it. Accessible when passing a custom row to the `rows` prop of the Grid.
  */
 export declare interface GridRowProps extends KendoReactComponentBaseProps {
     /**
@@ -3385,10 +3274,6 @@ export declare interface GridRowProps extends KendoReactComponentBaseProps {
      * The event that is fired when the row is double clicked.
      */
     onDoubleClick: any;
-    /**
-     * The name of the field which will provide a Boolean representation of the selected state of the item.
-     */
-    selectedField?: string;
     /**
      * Sets the height of the row.
      */
@@ -3397,10 +3282,6 @@ export declare interface GridRowProps extends KendoReactComponentBaseProps {
      * The type of the row.
      */
     rowType: GridRowType;
-    /**
-     * A function for overriding the default rendering of the row.
-     */
-    render?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;
     /**
      * Sets a set of rows components that the Grid will render instead of the built-in row.
      */
@@ -3778,9 +3659,9 @@ export declare interface StatusBarProps {
 /**
  * Represents the arguments of the getStatusData function.
  */
-export declare type StatusDataArgs = Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'selectedField'> | (Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'select'> & {
+export declare type StatusDataArgs = Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'select'> & {
     dataItemKey: Required<GridProps>['dataItemKey'];
-});
+};
 
 /**
  * Represents the KendoReact Grid's StatusItem object.