@progress/kendo-react-grid 9.3.1 → 9.4.0-develop.10

package/index.d.ts

@@ -14,22 +14,34 @@ import { ColumnSortSettings } from '@progress/kendo-react-data-tools';
 import { ComponentType } from 'react';
 import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
 import { DataResult } from '@progress/kendo-data-query';
+import { DetailExpandDescriptor } from '@progress/kendo-react-data-tools';
 import { DragClue } from '@progress/kendo-react-data-tools';
 import { DropClue } from '@progress/kendo-react-data-tools';
+import { EditDescriptor } from '@progress/kendo-react-data-tools';
 import { FilterOperator } from '@progress/kendo-react-data-tools';
 import { getSelectedState } from '@progress/kendo-react-data-tools';
 import { getSelectedStateFromKeyDown } from '@progress/kendo-react-data-tools';
 import { GridClassStructure } from '@progress/kendo-react-common';
 import { GroupDescriptor } from '@progress/kendo-data-query';
+import { GroupExpandDescriptor } from '@progress/kendo-react-data-tools';
+import { GroupState } from '@progress/kendo-react-data-tools';
 import { HeaderCellBaseProps } from '@progress/kendo-react-data-tools';
 import { HeaderThElementProps } from '@progress/kendo-react-data-tools';
+import { IntlService } from '@progress/kendo-react-intl';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import { LocalizationService } from '@progress/kendo-react-intl';
+import { MenuItemModel } from '@progress/kendo-react-layout';
+import { MenuSelectEvent } from '@progress/kendo-react-layout';
 import { NavigatableSettings } from '@progress/kendo-react-data-tools';
+import { NormalizedDragEvent } from '@progress/kendo-react-common';
+import { Offset } from '@progress/kendo-react-popup';
 import { PagerProps } from '@progress/kendo-react-data-tools';
 import { PagerTargetEvent } from '@progress/kendo-react-data-tools';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
+import { SearchField } from '@progress/kendo-react-data-tools';
+import { SelectDescriptor } from '@progress/kendo-react-data-tools';
 import { setSelectedState } from '@progress/kendo-react-data-tools';
 import { SortDescriptor } from '@progress/kendo-data-query';
 import { SortSettings } from '@progress/kendo-react-data-tools';
@@ -38,10 +50,14 @@ import { SVGIcon } from '@progress/kendo-react-common';
 import { SVGIcon as SVGIcon_2 } from '@progress/kendo-svg-icons';
 import { TABLE_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-data-tools';
 import { TableDragSelectionReleaseEvent } from '@progress/kendo-react-data-tools';
+import { TableEditableSettings } from '@progress/kendo-react-data-tools';
+import { TableGroupExpandableSettings } from '@progress/kendo-react-data-tools';
 import { TableKeyDownEvent } from '@progress/kendo-react-data-tools';
 import { TableSelectableMode } from '@progress/kendo-react-data-tools';
 import { TableSelectableSettings } from '@progress/kendo-react-data-tools';
 import { TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
+import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
+import { TextBoxProps } from '@progress/kendo-react-inputs';
 
 /**
  * The value of the filter operators displayed in the boolean filter menu.
@@ -69,23 +85,173 @@ export declare const cellInputChange: (value: any, e: React_2.SyntheticEvent<any
  */
 export declare const cellOperatorChange: (event: any, currentValue: any, onChange: Function) => void;
 
+/**
+ * @hidden
+ */
+export declare const contextMenuItemsMap: {
+    create: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    edit: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    delete: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    select: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        items: {
+            name: string;
+            text: string;
+            icon: string;
+            svgIcon: SVGIcon_2;
+            data: {
+                action: string;
+            };
+        }[];
+    };
+    copySelection: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+        options: string;
+    };
+    copySelectionNoHeaders: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    paste: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    reorderRow: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        items: {
+            name: string;
+            text: string;
+            icon: string;
+            svgIcon: SVGIcon_2;
+            data: {
+                action: string;
+            };
+        }[];
+    };
+    exportPDF: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    exportExcel: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        items: ({
+            name: string;
+            text: string;
+            data: {
+                action: string;
+            };
+            options?: undefined;
+        } | {
+            name: string;
+            text: string;
+            data: {
+                action: string;
+            };
+            options: string;
+        })[];
+    };
+    separator: {
+        name: string;
+        separator: boolean;
+    };
+    sortAsc: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+    sortDesc: {
+        name: string;
+        text: string;
+        icon: string;
+        svgIcon: SVGIcon_2;
+        data: {
+            action: string;
+        };
+    };
+};
+
+export { DetailExpandDescriptor }
+
+export { EditDescriptor }
+
 /**
  * @hidden
  */
 declare interface ExtendedColumnProps extends GridColumnProps {
     declarationIndex: number;
     parentIndex: number;
-    colSpan: number;
     rowSpan: number;
     depth: number;
+    colSpan: number;
     kFirst?: boolean;
     index: number;
+    headerColSpan: number;
     children: ExtendedColumnProps[];
     left: number;
     right: number;
     rightBorder: boolean;
     ariaColumnIndex: number;
     isAccessible: boolean;
+    /** @hidden _internal usage only */
+    _type?: 'edit' | 'expand';
 }
 
 /**
@@ -139,7 +305,15 @@ export declare const GRID_PREVENT_SELECTION_ELEMENT = "data-prevent-selection";
 /** The attribute required by the Grid selection on Grid `tr` elements. */
 export declare const GRID_ROW_INDEX_ATTRIBUTE = "data-grid-row-index";
 
-export declare const GridCell: (props: GridCellProps) => JSX_2.Element | null;
+export declare const GridCell: (props: GridCellProps) => JSX_2.Element;
+
+/**
+ * Represents the `GridCellBaseOptions` object that are passed to the handler.
+ */
+export declare interface GridCellBaseOptions {
+    dataItem?: any;
+    field?: string;
+}
 
 /**
  * Represents the props of the GridCell component
@@ -185,6 +359,10 @@ export declare interface GridCellProps extends Omit<CellProps, 'onChange' | 'ren
         syntheticEvent: React.SyntheticEvent<any>;
         field?: string;
         value?: any;
+        /** @hidden */
+        _expand?: boolean;
+        /** @hidden */
+        _group?: GroupState;
     }) => void;
     /**
      * The type of the editor which will be used when the cell is in edit mode.
@@ -206,6 +384,32 @@ export declare interface GridCellProps extends Omit<CellProps, 'onChange' | 'ren
      * @hidden
      */
     isRtl?: boolean;
+    /**
+     * @hidden
+     */
+    unstyled?: GridClassStructure;
+    /**
+     * @hidden
+     */
+    rowDataIndex?: number;
+    /**
+     * @hidden
+     */
+    columnType?: GridColumnType;
+    /**
+     * @hidden
+     */
+    rowReorderable?: boolean;
+    /**
+     * @hidden
+     */
+    columnPosition: any;
+    /** @hidden */
+    group?: GroupState;
+    /** @hidden */
+    localization?: LocalizationService;
+    /** @hidden */
+    intl?: IntlService;
 }
 
 /**
@@ -241,6 +445,20 @@ export declare interface GridCellsSettings {
     };
 }
 
+/**
+ * Represents the properties of the callback used when spanning a column.
+ */
+export declare type GridColSpanProps = {
+    /**
+     * Represents the properties of the spanned column.
+     */
+    column: GridColumnProps;
+    /**
+     * Represents the current row data item.
+     */
+    dataItem: any;
+};
+
 /**
  * @hidden
  */
@@ -766,13 +984,15 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
     /**
      * Allows the column headers to be clicked and the `sortChange` event emitted.
      * You have to handle the `sortChange` event yourself and sort the data.
-     * Defaults to `true`.
+     *
+     * @default true
      */
     sortable?: boolean | GridColumnSortSettings;
     /**
      * Defines if the column is locked (frozen or sticky).
      * Locked columns are the columns that are visible at all times while the user scrolls the component horizontally.
-     * Defaults to `false`.
+     *
+     * @default false
      */
     locked?: boolean;
     /**
@@ -784,7 +1004,13 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      */
     columnMenu?: ComponentType<GridColumnMenuProps>;
     /**
-     * Determines if the column can be dragged to the group panel. Defaults to `true`.
+     * Specifies the contactMenu settings that will be applied to the column.
+     */
+    contextMenu?: boolean | GridContextMenuOptions | ((options: GridCellBaseOptions) => boolean | GridContextMenuOptions);
+    /**
+     * Determines if the column can be dragged to the group panel.
+     *
+     * @default true
      */
     groupable?: boolean;
     /**
@@ -792,7 +1018,9 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      */
     editable?: boolean;
     /**
-     * Defines if a filter UI will be rendered for this column. Defaults to `true`.
+     * Defines if a filter UI will be rendered for this column.
+     *
+     * @default true
      */
     filterable?: boolean;
     /**
@@ -800,19 +1028,32 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      */
     filterTitle?: string;
     /**
-     * Defines the filter type that will be rendered inside the filter row. Defaults to `text`.
+     * Defines the filter type that will be rendered inside the filter row.
+     *
+     * @default 'text'
      */
-    filter?: 'text' | 'numeric' | 'boolean' | 'date';
+    filter?: GridDataType;
     /**
-     * Defines the editor type. Used when the column enters the edit mode ([more information and examples]({% slug editing_inline_grid %})). Defaults to `text`.
+     * Defines the editor type. Used when the column enters the edit mode ([more information and examples]({% slug editing_inline_grid %})).
+     *
+     * @default 'text'
      */
-    editor?: 'text' | 'numeric' | 'boolean' | 'date';
+    editor?: GridDataType;
     /**
      * Overrides the default(three vertical dots) column menu icon or the icon set through the ([`columnMenuIcon`]({% slug api_grid_gridprops %}#toc-columnmenuicon)) property.
      */
     menuIcon?: SVGIcon;
     /**
-     * 	Controls the visibility of Grid's column. Defaults to `false`.
+     * Sets the colSpan of the column which will make the row content to span over multiple cells.
+     * As arguments it takes either a number or a function that returns a number based on.
+     *
+     * @default 1
+     */
+    colSpan?: number | ((colSpanProps: GridColSpanProps) => number);
+    /**
+     * 	Controls the visibility of Grid's column.
+     *
+     * @default false
      */
     hidden?: boolean;
     /**
@@ -849,6 +1090,12 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      * ```
      */
     footerCell?: ComponentType<GridFooterCellProps>;
+    /**
+     * Sets the type of the column and renders a dedicated column for interaction.
+     *
+     * @default "data"
+     */
+    columnType?: GridColumnType;
 }
 
 /**
@@ -922,6 +1169,13 @@ export declare interface GridColumnResizeEvent {
 declare interface GridColumnSortSettings extends ColumnSortSettings {
 }
 
+/**
+ * Sets the column type.
+ *
+ * @default "data"
+ */
+export declare type GridColumnType = 'data' | 'reorder' | 'checkbox';
+
 /**
  * @hidden
  */
@@ -957,6 +1211,23 @@ export declare class GridCommonDragLogic {
     private updateDropElementClue;
 }
 
+/**
+ * @hidden
+ */
+export declare const GridContextMenu: (props: GridContextMenuProps) => JSX_2.Element;
+
+/**
+ * Represents the available types for the `GridContextMenuAnchorPart`.
+ *
+ * The available anchor parts are:
+ * - `head`
+ * - `body`
+ */
+export declare enum GridContextMenuAnchorPart {
+    head = "head",
+    body = "body"
+}
+
 /**
  * Represents the object of the `onContextMenu` Grid event.
  */
@@ -975,6 +1246,85 @@ export declare interface GridContextMenuEvent extends GridEvent {
     syntheticEvent: React.MouseEvent<any>;
 }
 
+/**
+ * Represents the object of the `onContextMenuItemClick` Grid event.
+ */
+export declare interface GridContextMenuItemClickEvent extends GridEvent {
+    /**
+     * The Context menu item click event.
+     */
+    event: MenuSelectEvent;
+    /**
+     * The data object that represents the current row.
+     */
+    dataItem?: any;
+    /**
+     * The data object that represents the clicked menu item.
+     */
+    menuItem: any;
+    /**
+     * The field to which the cell is bound.
+     */
+    field?: string;
+}
+
+/**
+ * Represents the available predefined items names for the `GridContextMenu` items.
+ */
+export declare enum GridContextMenuItemNames {
+    create = "create",
+    edit = "edit",
+    delete = "delete",
+    select = "select",
+    copySelection = "copySelection",
+    copySelectionNoHeaders = "copySelectionNoHeaders",
+    paste = "paste",
+    reorderRow = "reorderRow",
+    exportPDF = "exportPDF",
+    exportExcel = "exportExcel",
+    separator = "separator",
+    sortAsc = "sortAsc",
+    sortDesc = "sortDesc"
+}
+
+/**
+ * @hidden
+ */
+export declare interface GridContextMenuOpenArgs extends GridCellBaseOptions {
+    event: React_2.MouseEvent<HTMLElement, MouseEvent>;
+}
+
+/**
+ * Represents the `GridContextMenuOptions`.
+ */
+export declare interface GridContextMenuOptions {
+    /**
+     * The contextmenu settings for the head of the data table.
+     */
+    head?: boolean | (GridContextMenuItemNames | MenuItemModel)[];
+    /**
+     * The contextmenu settings for the body of the data table.
+     */
+    body?: boolean | (GridContextMenuItemNames | MenuItemModel)[];
+}
+
+/**
+ * @hidden
+ */
+export declare interface GridContextMenuProps {
+    show: boolean;
+    offset: Offset;
+    onClose: (event: React_2.SyntheticEvent<HTMLElement>) => void;
+    onSelect: (e: {
+        event: MenuSelectEvent;
+        dataItem?: any;
+        field?: string;
+    }) => void;
+    dataItem?: any;
+    field?: string;
+    items?: (GridContextMenuItemNames | MenuItemModel)[];
+}
+
 /**
  * The properties of the default Grid Cell.
  */
@@ -1059,6 +1409,17 @@ export declare interface GridDataStateChangeEvent extends GridEvent {
     targetEvent?: PagerTargetEvent;
 }
 
+/**
+ * Exposes the data types available when setting the [filter](slug:api_grid_gridcolumnprops#toc-filter) or
+ * [editor](slug:api_grid_gridcolumnprops#toc-editor) property of the Grid columns.
+ */
+export declare type GridDataType = 'text' | 'numeric' | 'boolean' | 'date';
+
+/** @hidden */
+export declare interface GridDetailExpandChangeEvent extends GridEvent {
+    detailExpand: DetailExpandDescriptor;
+}
+
 /**
  * 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.
  *
@@ -1111,10 +1472,24 @@ export declare interface GridDetailRowProps {
 export declare interface GridDragSelectionReleaseEvent extends TableDragSelectionReleaseEvent {
 }
 
+/**
+ * TODO: uncomment
+ * Represents the Grid editable settings.
+ *
+ * @hidden
+ */
+declare interface GridEditableSettings extends TableEditableSettings {
+}
+
 /**
  * @hidden
  */
-export declare const GridEditCell: (props: GridCellProps) => JSX_2.Element | null;
+export declare const GridEditCell: (props: GridCellProps) => JSX_2.Element;
+
+/** @hidden TODO: document */
+export declare interface GridEditChangeEvent extends GridEvent {
+    edit: EditDescriptor;
+}
 
 /**
  * Represents the base event object of the Grid.
@@ -1131,7 +1506,7 @@ export declare interface GridExpandChangeEvent extends GridEvent {
      */
     dataItem: any;
     /**
-     *  Indicates whether the data item is expanded or collapsed
+     * Indicates whether the data item is expanded or collapsed
      */
     value: boolean;
     /**
@@ -1306,12 +1681,14 @@ export declare interface GridGroupableSettings {
      * Determines if the group footer row is visible when the group is collapsed. Defaults to `none`.
      */
     footer?: 'always' | 'visible' | 'none';
+    /** @hidden */
+    expandable?: boolean | GridGroupExpandableSettings;
 }
 
 /**
  * @hidden
  */
-export declare const GridGroupCell: (props: GridCellProps) => JSX_2.Element | null;
+export declare const GridGroupCell: (props: GridCellProps) => JSX_2.Element;
 
 /**
  * Represents the object of the `onGroupChange` Grid event.
@@ -1323,6 +1700,14 @@ export declare interface GridGroupChangeEvent extends GridEvent {
     group: GroupDescriptor[];
 }
 
+/** @hidden */
+declare type GridGroupExpandableSettings = TableGroupExpandableSettings;
+
+/** @hidden */
+export declare interface GridGroupExpandChangeEvent extends GridEvent {
+    groupExpand: GroupExpandDescriptor[];
+}
+
 /**
  * Represent the `ref` of the Grid component.
  */
@@ -1442,6 +1827,13 @@ export declare interface GridHeaderCellProps extends Omit<HeaderCellBaseProps, '
  * Represents the object of the `onHeaderSelectionChange` Grid event.
  */
 export declare interface GridHeaderSelectionChangeEvent extends GridEvent {
+    /**
+     * TODO: uncomment
+     * The new [SelectDescriptor]({% slug api_kendo-react-grid_selectdescriptor %}) based on the user action.
+     *
+     * @hidden
+     */
+    select: SelectDescriptor;
     /**
      * The field of the column in which the cell is located.
      */
@@ -1459,7 +1851,7 @@ export declare interface GridHeaderSelectionChangeEvent extends GridEvent {
 /**
  * @hidden
  */
-export declare const GridHierarchyCell: (props: GridCellProps) => JSX_2.Element | null;
+export declare const GridHierarchyCell: (props: GridCellProps) => JSX_2.Element;
 
 /**
  * Represents the object of the `onItemChange` Grid event.
@@ -1521,6 +1913,7 @@ export declare const gridMessages: {
     "grid.pagerOf": string;
     "grid.pagerTotalPages": string;
     "grid.searchPlaceholder": string;
+    "grid.searchboxPlaceholder": string;
     "grid.filterCheckAll": string;
     "grid.filterChooseOperator": string;
     "grid.filterSelectedItems": string;
@@ -1528,6 +1921,7 @@ export declare const gridMessages: {
     "grid.filterAriaLabel": string;
     "grid.groupPanelAriaLabel": string;
     "grid.gridAriaLabel": string;
+    "grid.gridRowReorderAriaLabel": string;
     "grid.selectRow": string;
     'grid.filterEqOperator': string;
     'grid.filterNotEqOperator': string;
@@ -1678,6 +2072,14 @@ declare type GridPagerType = 'numeric' | 'input';
  * Represents the props of the [KendoReact Grid component]({% slug overview_grid %}).
  */
 export declare interface GridProps extends KendoReactComponentBaseProps {
+    /** @hidden */
+    autoProcessData?: boolean | {
+        filter?: boolean;
+        search?: boolean;
+        sort?: boolean;
+        group?: boolean;
+        page?: boolean;
+    };
     /**
      * Sets the Grid row key prop to the value of this field in the dataItem.
      * If not set, the dataItem index will be used for the row key, which might lead to row not updated during paging or scrolling.
@@ -1704,7 +2106,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     clipboard?: ClipboardSettings | boolean;
     /**
-     * Fires when clipboard support is enabled and the one of the actions 'copy'. The event accepts type [ClipboardDataEvent]({% slug api_data-tools_clipboarddataevent %}).
+     * Fires when clipboard support is enabled and the one of the actions 'copy'. The event accepts type [ClipboardDataEvent]({% slug api_data-tools_clipboarddataevent %}). Only fired when the Grid is run as a client component.
      */
     onClipboard?: (event: ClipboardDataEvent) => void;
     /**
@@ -1715,6 +2117,8 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * The ([descriptors]({% slug api_kendo-data-query_sortdescriptor %})) by which the data is sorted. Applies the sorting styles and buttons to the affected columns.
      */
     sort?: SortDescriptor[];
+    /** @hidden */
+    defaultSort?: SortDescriptor[];
     /**
      * Enables the filtering of the columns with their `field` option set ([more information and examples]({% slug filtering_grid %})).
      */
@@ -1723,6 +2127,8 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * The [descriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}) by which the data is filtered ([more information and examples]({% slug filtering_grid %})). This affects the values and buttons in the `FilterRow` of the Grid.
      */
     filter?: CompositeFilterDescriptor;
+    /** @hidden */
+    defaultFilter?: CompositeFilterDescriptor;
     /**
      * The filter operators for the Grid filters.
      */
@@ -1731,10 +2137,26 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Fires when the Grid filter is modified through the UI ([more information and examples]({% slug filtering_grid %})). You have to handle the event yourself and filter the data.
      */
     onFilterChange?: (event: GridFilterChangeEvent) => void;
+    /**
+     * Specifies if the loader of the Grid will be displayed.
+     */
+    showLoader?: boolean;
+    /**
+     * A custom component that the Grid will render instead of the built-in loader.
+     */
+    loader?: React.ReactNode;
+    /**
+     * Fires when the user reorders a row.
+     */
+    onRowReorder?: (event: GridRowReorderEvent) => void;
     /**
      * Specifies a React element that will be cloned and rendered inside the column menu of the Grid. Can be overridden on column level.
      */
     columnMenu?: null | ComponentType<GridColumnMenuProps>;
+    /**
+     * Specifies the contactMenu settings that will be applied to the Grid.
+     */
+    contextMenu?: boolean | GridContextMenuOptions | ((options: GridCellBaseOptions) => boolean | GridContextMenuOptions);
     /**
      * Globally overrides the default(three vertical dots) column menu icon for the whole Grid. If set, the prop can be overridden on column level using the ([menuIcon]({% slug api_grid_gridcolumnprops %}#toc-menuicon)) property.
      */
@@ -1744,6 +2166,8 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ([more information and examples]({% slug groupingbasics_grid %})).
      */
     group?: GroupDescriptor[];
+    /** @hidden */
+    defaultGroup?: GroupDescriptor[];
     /**
      * Fires when the grouping of the Grid is changed. You have to handle the event yourself and group the data
      * ([more information and examples]({% slug groupingbasics_grid %})).
@@ -1773,6 +2197,8 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Alias of `pageSize` property. If `take` is set, `pageSize` will be ignored.
      */
     take?: number;
+    /** @hidden */
+    defaultTake?: number;
     /**
      * Fires when the page of the Grid is changed ([see example]({% slug paging_grid %})). You have to handle the event yourself and page the data.
      */
@@ -1785,10 +2211,25 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Defines the number of records that will be skipped by the pager ([see example]({% slug paging_grid %})). Required by the paging functionality.
      */
     skip?: number;
+    /** @hidden */
+    defaultSkip?: number;
     /**
      * Determines if the scroll position will be updated after data change. If set to `true` the scroll will remain on the same position.
      */
     fixedScroll?: boolean;
+    /** @hidden */
+    detailExpand?: DetailExpandDescriptor;
+    /** @hidden */
+    defaultDetailExpand?: DetailExpandDescriptor;
+    /** @hidden */
+    /** @hidden */
+    onDetailExpandChange?: (event: GridDetailExpandChangeEvent) => void;
+    /** @hidden */
+    groupExpand?: GroupExpandDescriptor[];
+    /** @hidden */
+    defaultGroupExpand?: GroupExpandDescriptor[];
+    /** @hidden */
+    onGroupExpandChange?: (event: GridGroupExpandChangeEvent) => void;
     /**
      * Fires when the user tries to expand or collapse a row.
      */
@@ -1797,10 +2238,14 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Specifies the name of the field which will provide a Boolean representation of the expanded state of the item ([see example]({% slug detailrow_grid %})).
      */
     expandField?: string;
+    /** @hidden */
+    select?: SelectDescriptor;
+    /** @hidden */
+    defaultSelect?: SelectDescriptor;
     /**
      * The Grid selectable settings.
      */
-    selectable?: GridSelectableSettings;
+    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
@@ -1827,6 +2272,14 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Fires when the user changes the values of the item. The event is not debounced and fires on every `onChange` event of the input in the current `EditCell` ([more information and examples]({% slug editing_inline_grid %})).
      */
     onItemChange?: (event: GridItemChangeEvent) => void;
+    /** @hidden */
+    edit?: EditDescriptor;
+    /** @hidden */
+    defaultEdit?: EditDescriptor;
+    /** @hidden */
+    editable?: boolean | GridEditableSettings;
+    /** @hidden */
+    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 %})).
      */
@@ -1852,6 +2305,22 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Specifies a React element that will be cloned and rendered inside the detail rows of the currently expanded items ([see example]({% slug hierarchy_grid %})). An item will be rendered as expanded if the value of its `expandField` is `true`.
      */
     detail?: null | ComponentType<GridDetailRowProps>;
+    /**
+     * The [descriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}) by which the data is searched. Its first FilterDescriptor populates the GridSearchBox.
+     */
+    search?: CompositeFilterDescriptor;
+    /**
+     * The [descriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}) by which the data is searched by default. Its first FilterDescriptor populates the GridSearchBox.
+     */
+    defaultSearch?: CompositeFilterDescriptor;
+    /**
+     * Defines the fields of the data that are filtered by the GridSearchBox.
+     */
+    searchFields?: (string | SearchField)[];
+    /**
+     * Fires when the search value of the GridSearchBox is changed.
+     */
+    onSearchChange?: (event: GridSearchChangeEvent) => void;
     /**
      * Represents the `style` HTML attribute.
      */
@@ -1868,12 +2337,18 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * If set to `true`, the user can reorder columns by dragging their header cells ([see example]({% slug reordering_columns_grid %})).
      */
     reorderable?: boolean;
+    /**
+     * Defines the row reorder settings.
+     *
+     * @default false
+     */
+    rowReorderable?: boolean | GridRowReorderSettings;
     /**
      * Determines if grouping by dragging and dropping the column headers is allowed ([more information and examples]({% slug groupingbasics_grid %})).
      */
     groupable?: GridGroupableSettings | boolean;
     /**
-     * Fires when a column is resized.
+     * Fires when a column is resized. Only fired when the Grid is run as a client component.
      */
     onColumnResize?: (event: GridColumnResizeEvent) => void;
     /**
@@ -1897,7 +2372,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     headerCellRender?: (defaultRendering: React.ReactNode | null, props: GridHeaderCellProps) => React.ReactNode;
     /**
-     * Fires when Grid is scrolled.
+     * Fires when Grid is scrolled. Only fired when the Grid is run as a client component.
      */
     onScroll?: (event: GridEvent) => void;
     /**
@@ -1910,11 +2385,11 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     navigatable?: boolean | NavigatableSettings;
     /**
-     * Fires when Grid keyboard navigation position is changed.
+     * Fires when Grid keyboard navigation position is changed. Only fired when the Grid is run as a client component.
      */
     onNavigationAction?: (event: GridNavigationActionEvent) => void;
     /**
-     * Fires when the user press keyboard key.
+     * Fires when the user press keyboard key. Only fired when the Grid is run as a client component.
      */
     onKeyDown?: (event: GridKeyDownEvent) => void;
     /**
@@ -1943,9 +2418,13 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     size?: 'small' | 'medium';
     /**
-     * The event that is fired when the ContextMenu is activated.
+     * The event that is fired when the ContextMenu is activated. Only fired when the Grid is run as a client component.
      */
     onContextMenu?: (event: GridContextMenuEvent) => void;
+    /**
+     * The event that is fired when the ContextMenu item is clicked. Only fired when the Grid is run as a client component.
+     */
+    onContextMenuItemClick?: (event: GridContextMenuItemClickEvent) => void;
     /**
      * Sets the `id` property of the top div element of the component.
      */
@@ -1956,6 +2435,11 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
     unstyled?: GridClassStructure;
 }
 
+/**
+ * The direction in which a row can be dragged and dropped.
+ */
+export declare type GridReorderDropPosition = 'before' | 'after' | 'forbidden';
+
 /**
  * The component for each of the items in the `data` property which the Grid renders.
  */
@@ -2041,8 +2525,61 @@ export declare interface GridRowProps extends KendoReactComponentBaseProps {
      * @hidden
      */
     absoluteRowIndex: number;
+    /**
+     * @hidden
+     */
+    isRowReorderable?: boolean;
 }
 
+/**
+ * Represents the object of the `onReorderRow` Grid event.
+ */
+export declare interface GridRowReorderEvent extends Omit<GridEvent, 'syntheticEvent'> {
+    /**
+     * Represents the currently dragged row.
+     */
+    draggedDataItems: any[];
+    /**
+     * Represents the row over which the dragged row is dropped.
+     */
+    droppedDataItem: any;
+    /**
+     * The exact dragged row position relative to the position of the drop target row..
+     */
+    dropPosition: GridReorderDropPosition;
+    /**
+     * A native DOM event.
+     */
+    nativeEvent: PointerEvent | MouseEvent | TouchEvent | Event;
+    /**
+     * Represents a unified drag event that is triggered regardless if the native event underneath is a pointer, mouse, touch, or scroll event.
+     */
+    dragEvent: NormalizedDragEvent;
+    /**
+     * The reference of the Grid in which the row is dropped.
+     */
+    target: GridHandle;
+}
+
+/**
+ * Represents the settings for the row reordering functionality of the Grid.
+ */
+export declare type GridRowReorderSettings = {
+    /**
+     * Determines if the row reordering functionality is enabled.
+     *
+     * @default false
+     */
+    enabled?: boolean;
+    /**
+     * Determines what the text of the drag clue will be.
+     * Can also be a function giving the dataItem as an argument and returning a new custom drag clue as a ReactNode.
+     *
+     * Default value will be the text of the first visible data column of the row.
+     */
+    dragClue?: string | ((dataItem: any) => React.ReactNode);
+};
+
 /**
  * The type of the GridRow component.
  *
@@ -2053,6 +2590,28 @@ export declare interface GridRowProps extends KendoReactComponentBaseProps {
  */
 export declare type GridRowType = 'groupFooter' | 'groupHeader' | 'data';
 
+/**
+ * Represents the properties of the KendoReact GridSearchBox component.
+ */
+export declare const GridSearchBox: (props: GridSearchBoxProps) => JSX_2.Element;
+
+export declare interface GridSearchBoxChangeEvent extends TextBoxChangeEvent {
+}
+
+export declare interface GridSearchBoxProps extends TextBoxProps {
+    onChange?: (event: GridSearchBoxChangeEvent) => void;
+}
+
+/**
+ * Represents the object of the `onSearchChange` Grid event.
+ */
+export declare interface GridSearchChangeEvent extends GridEvent {
+    /**
+     * The new search based on the user action.
+     */
+    search: CompositeFilterDescriptor;
+}
+
 /**
  * Represents the available selection modes.
  */
@@ -2075,12 +2634,19 @@ export declare interface GridSelectableSettings extends TableSelectableSettings
 /**
  * @hidden
  */
-export declare const GridSelectionCell: (props: GridCellProps) => JSX_2.Element | null;
+export declare const GridSelectionCell: (props: GridCellProps) => JSX_2.Element;
 
 /**
  * Represents the object of the `onSelectionChange` Grid event.
  */
 export declare interface GridSelectionChangeEvent extends GridEvent, TableSelectionChangeEvent<GridHandle> {
+    /**
+     * TODO: uncomment
+     * The new [SelectDescriptor]({% slug api_kendo-data-tools_selectdescriptor %}) based on the user action.
+     *
+     * @hidden
+     */
+    select: SelectDescriptor;
     /**
      * The dataItem from which the selection starts(Valid for scenarios without checkbox selection).
      */
@@ -2195,6 +2761,8 @@ export declare interface GridToolbarProps {
     ariaControls?: string;
 }
 
+export { GroupExpandDescriptor }
+
 /**
  * @hidden
  */
@@ -2271,6 +2839,13 @@ export declare const rootFilterOrDefault: (rootFilter: CompositeFilterDescriptor
 
 declare type ScrollMode = 'none' | 'scrollable' | 'virtual';
 
+export { SelectDescriptor }
+
+/**
+ * Represents a server counterpart of every Grid event. It strips out all arguments from the event that are not serializable to the server.
+ */
+export declare type ServerEvent<T> = Omit<T, 'nativeEvent' | 'syntheticEvent' | 'target' | 'targetEvent'>;
+
 export { setSelectedState }
 
 /**
@@ -2288,8 +2863,9 @@ export declare interface StatusBarProps {
 /**
  * Represents the arguments of the getStatusData function.
  */
-export declare interface StatusDataArgs extends Pick<GridSelectionChangeEvent, 'selectedField' | 'dataItems' | 'target'> {
-}
+export declare type StatusDataArgs = Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'selectedField'> | (Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'select'> & {
+    dataItemKey: Required<GridProps>['dataItemKey'];
+});
 
 /**
  * Represents the KendoReact Grid's StatusItem object.