@progress/kendo-react-grid 9.4.0-develop.9 → 9.4.0

package/index.d.ts

@@ -7,7 +7,6 @@
  */
 import { BaseEvent } from '@progress/kendo-react-common';
 import { CellProps } from '@progress/kendo-react-data-tools';
-import { ClipboardDataEvent } from '@progress/kendo-react-data-tools';
 import { ClipboardSettings } from '@progress/kendo-react-data-tools';
 import { ColumnBaseProps } from '@progress/kendo-react-data-tools';
 import { ColumnSortSettings } from '@progress/kendo-react-data-tools';
@@ -22,6 +21,7 @@ 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 { GridClipboardEvent } from '@progress/kendo-react-data-tools';
 import { GroupDescriptor } from '@progress/kendo-data-query';
 import { GroupExpandDescriptor } from '@progress/kendo-react-data-tools';
 import { GroupState } from '@progress/kendo-react-data-tools';
@@ -40,6 +40,7 @@ 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';
@@ -55,6 +56,8 @@ 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.
@@ -225,10 +228,6 @@ export declare const contextMenuItemsMap: {
     };
 };
 
-export { DetailExpandDescriptor }
-
-export { EditDescriptor }
-
 /**
  * @hidden
  */
@@ -249,6 +248,7 @@ declare interface ExtendedColumnProps extends GridColumnProps {
     isAccessible: boolean;
     /** @hidden _internal usage only */
     _type?: 'edit' | 'expand';
+    rowSpannable?: Required<GridRowSpannableSettings>;
 }
 
 /**
@@ -302,7 +302,7 @@ 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;
+export declare const GridCell: (props: GridCellProps) => JSX_2.Element | null;
 
 /**
  * Represents the `GridCellBaseOptions` object that are passed to the handler.
@@ -407,6 +407,11 @@ export declare interface GridCellProps extends Omit<CellProps, 'onChange' | 'ren
     localization?: LocalizationService;
     /** @hidden */
     intl?: IntlService;
+    /** @hidden */
+    _rowSpan?: {
+        count: number | null;
+        value: any;
+    };
 }
 
 /**
@@ -550,6 +555,31 @@ export declare interface GridColumnMenuColumnProps {
     id?: string;
 }
 
+/**
+ * Represents the KendoReact GridColumnMenuColumnsChooser component.
+ */
+export declare const GridColumnMenuColumnsChooser: React_2.FunctionComponent<GridColumnMenuColumnsChooserProps>;
+
+/**
+ *  The props passed to the ColumnMenu ColumnsChooser component.
+ */
+declare interface GridColumnMenuColumnsChooserBaseProps extends GridColumnMenuBaseProps {
+    /**
+     * The columns state of the KendoReact GridColumnMenuColumnsChooser component.
+     */
+    columnsState?: GridColumnState[];
+    /**
+     * The method that will be called when the new columns state is applied.
+     */
+    onColumnsStateChange?: Function;
+}
+
+/**
+ * The props of the GridColumnMenuColumnsChooser component.
+ */
+export declare interface GridColumnMenuColumnsChooserProps extends GridColumnMenuColumnsChooserBaseProps {
+}
+
 /**
  * Represents the KendoReact GridColumnMenuColumnsList component.
  */
@@ -877,7 +907,7 @@ declare interface GridColumnMenuItemProps {
 /**
  * The props which the ColumnMenu passes to its children.
  */
-export declare interface GridColumnMenuProps extends GridColumnMenuFilterBaseProps, GridColumnMenuSortBaseProps, GridColumnMenuGroupBaseProps {
+export declare interface GridColumnMenuProps extends GridColumnMenuFilterBaseProps, GridColumnMenuSortBaseProps, GridColumnMenuGroupBaseProps, GridColumnMenuColumnsChooserBaseProps {
     navigatable?: boolean;
     show?: boolean;
 }
@@ -1059,6 +1089,8 @@ 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.
      */
     cell?: ComponentType<GridCellProps>;
     /**
@@ -1067,10 +1099,14 @@ 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.
      */
     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.
      */
     headerCell?: ComponentType<GridHeaderCellProps>;
     /**
@@ -1085,6 +1121,8 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      *  )}
      * />
      * ```
+     *
+     * @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>;
     /**
@@ -1093,6 +1131,10 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      * @default "data"
      */
     columnType?: GridColumnType;
+    /**
+     * Defines if the cells of the column should be spanned when their values are the same.
+     */
+    rowSpannable?: boolean | GridRowSpannableSettings;
 }
 
 /**
@@ -1166,6 +1208,46 @@ export declare interface GridColumnResizeEvent {
 declare interface GridColumnSortSettings extends ColumnSortSettings {
 }
 
+/**
+ * Represents the object of the `onColumnsStateChange` Grid event.
+ */
+export declare interface GridColumnsStateChangeEvent {
+    /**
+     * An event target.
+     */
+    target: GridHandle;
+    /**
+     * The columns state collection.
+     */
+    columnsState: GridColumnState[];
+}
+
+/**
+ * The state of the GridColumn
+ */
+export declare interface GridColumnState {
+    /**
+     * The id of the column.
+     */
+    id: string;
+    /**
+     * The field of the column.
+     */
+    field?: string;
+    /**
+     * The title of the column.
+     */
+    title?: string;
+    /**
+     * The value indicating whether a column is visible or not.
+     */
+    hidden?: boolean;
+    /**
+     * A collection of child states.
+     */
+    children?: GridColumnState[];
+}
+
 /**
  * Sets the column type.
  *
@@ -1395,6 +1477,20 @@ export declare interface GridCustomHeaderCellProps extends GridHeaderCellProps {
     index?: number;
 }
 
+/**
+ * The properties of the default Grid Row.
+ */
+export declare interface GridCustomRowProps extends GridRowProps {
+    /**
+     * The props and attributes that are applied to the tr element by default.
+     */
+    trProps?: React.HTMLAttributes<HTMLTableRowElement> | null;
+    /**
+     * The default children of the table row.
+     */
+    children?: React.ReactNode | React.ReactNode[];
+}
+
 /**
  * Represents the object of the `onDataStateChange` Grid event.
  */
@@ -1470,10 +1566,10 @@ export declare interface GridDragSelectionReleaseEvent extends TableDragSelectio
 }
 
 /**
- * TODO: uncomment
- * Represents the Grid editable settings.
+ * Represents the Grid editable settings:
+ * - `enabled` &mdash; Determines if the editing is enabled.
+ * - `mode` &mdash; Determines the editing mode.
  *
- * @hidden
  */
 declare interface GridEditableSettings extends TableEditableSettings {
 }
@@ -1697,7 +1793,9 @@ export declare interface GridGroupChangeEvent extends GridEvent {
     group: GroupDescriptor[];
 }
 
-/** @hidden */
+/**
+ * Represents the Grid group expandable settings.
+ */
 declare type GridGroupExpandableSettings = TableGroupExpandableSettings;
 
 /** @hidden */
@@ -1910,6 +2008,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;
@@ -2068,9 +2167,15 @@ declare type GridPagerType = 'numeric' | 'input';
  * Represents the props of the [KendoReact Grid component]({% slug overview_grid %}).
  */
 export declare interface GridProps extends KendoReactComponentBaseProps {
-    /** @hidden */
+    /**
+     * Enables data-processing inside the GridComponent based on it's state.
+     * Provides an easy, built-in way to handle data operations like sorting, filtering, grouping, and paging.
+     *
+     * @default false
+     */
     autoProcessData?: boolean | {
         filter?: boolean;
+        search?: boolean;
         sort?: boolean;
         group?: boolean;
         page?: boolean;
@@ -2088,6 +2193,10 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Sets a set of custom components that the Grid will render instead of the built-in cell.
      */
     cells?: GridCellsSettings;
+    /**
+     * Sets a set of custom components that the Grid will render instead of the built-in row.
+     */
+    rows?: GridRowsSettings;
     /**
      * Sets the data of the Grid ([see example]({% slug paging_grid %})). If you use paging, the `data` option has to contain only the items for the current page. It takes values of type null, any or [DataResult]({% slug api_kendo-data-query_dataresult%})
      */
@@ -2101,9 +2210,9 @@ 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 %}). Only fired when the Grid is run as a client component.
+     * Fires when clipboard support is enabled and the one of the actions 'copy'. The event accepts type [GridClipboardEvent]({% slug api_data-tools_gridclipboardevent %}). Only fired when the Grid is run as a client component.
      */
-    onClipboard?: (event: ClipboardDataEvent) => void;
+    onClipboard?: (event: GridClipboardEvent) => void;
     /**
      * Fires when the sorting of the Grid is changed ([see example]({% slug sorting_grid %})). You have to handle the event yourself and sort the data.
      */
@@ -2112,7 +2221,9 @@ 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 */
+    /**
+     * The default `sort` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultSort?: SortDescriptor[];
     /**
      * Enables the filtering of the columns with their `field` option set ([more information and examples]({% slug filtering_grid %})).
@@ -2122,7 +2233,9 @@ 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 */
+    /**
+     * The default `filter` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultFilter?: CompositeFilterDescriptor;
     /**
      * The filter operators for the Grid filters.
@@ -2161,7 +2274,9 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * ([more information and examples]({% slug groupingbasics_grid %})).
      */
     group?: GroupDescriptor[];
-    /** @hidden */
+    /**
+     * The default `group` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultGroup?: GroupDescriptor[];
     /**
      * Fires when the grouping of the Grid is changed. You have to handle the event yourself and group the data
@@ -2192,7 +2307,9 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * Alias of `pageSize` property. If `take` is set, `pageSize` will be ignored.
      */
     take?: number;
-    /** @hidden */
+    /**
+     * The default `take` state that will be applied to the Grid when using uncontrolled mode.
+     */
     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.
@@ -2206,36 +2323,60 @@ 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 */
+    /**
+     * The default `skip` state that will be applied to the Grid when using uncontrolled mode.
+     */
     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 */
+    /**
+     * The [descriptor]({% slug api_data-tools_detailexpanddescriptor %}) by which the detail-row is expanded.
+     */
     detailExpand?: DetailExpandDescriptor;
-    /** @hidden */
+    /**
+     * The default `detailExpand` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultDetailExpand?: DetailExpandDescriptor;
-    /** @hidden */
-    /** @hidden */
+    /**
+     * Fires when the user expand or collapse a detail-row.
+     */
     onDetailExpandChange?: (event: GridDetailExpandChangeEvent) => void;
-    /** @hidden */
+    /**
+     * The [descriptor]({% slug api_data-tools_groupexpanddescriptor %}) by which the group is expanded.
+     */
     groupExpand?: GroupExpandDescriptor[];
-    /** @hidden */
+    /**
+     * The default `groupExpand` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultGroupExpand?: GroupExpandDescriptor[];
-    /** @hidden */
+    /**
+     * Fires when the user expands or collapse a group.
+     */
     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 ([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;
-    /** @hidden */
+    /**
+     * 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.
+     */
     select?: SelectDescriptor;
-    /** @hidden */
+    /**
+     * The default `select` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultSelect?: SelectDescriptor;
     /**
      * The Grid selectable settings.
@@ -2245,6 +2386,9 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * 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;
     /**
@@ -2267,16 +2411,27 @@ 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 */
+    /**
+     * The [descriptor]({% slug api_data-tools_editdescriptor %}) by which the in-edit mode of an item is defined.
+     */
     edit?: EditDescriptor;
-    /** @hidden */
+    /**
+     * The default `edit` state that will be applied to the Grid when using uncontrolled mode.
+     */
     defaultEdit?: EditDescriptor;
-    /** @hidden */
+    /**
+     * The Grid editable settings.
+     */
     editable?: boolean | GridEditableSettings;
-    /** @hidden */
+    /**
+     * Fires when the user enters or exits an in-edit mode of a row or cell.
+     */
     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 %})).
+     *
+     * @deprecated This prop is deprecated in favor of the ([edit]({% slug api_grid_gridprops %}#toc-edit)) prop.
+     * We’re removing this prop in version 11.0.0.
      */
     editField?: string;
     /**
@@ -2300,6 +2455,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.
      */
@@ -2336,18 +2507,26 @@ 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;
     /**
@@ -2412,6 +2591,22 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      * @hidden
      */
     unstyled?: GridClassStructure;
+    /**
+     * @hidden
+     */
+    rowSpannable?: boolean | GridRowSpannableSettings;
+    /**
+     * @hidden
+     */
+    columnsState?: GridColumnState[];
+    /**
+     * @hidden
+     */
+    defaultColumnsState?: GridColumnState[];
+    /**
+     * Fires when the columns state of the Grid is changed.
+     */
+    onColumnsStateChange?: (event: GridColumnsStateChangeEvent) => void;
 }
 
 /**
@@ -2488,6 +2683,10 @@ export declare interface GridRowProps extends KendoReactComponentBaseProps {
      * 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.
+     */
+    rows?: GridRowsSettings;
     /**
      * The index to be applied to the `aria-rowindex` attribute.
      */
@@ -2559,6 +2758,42 @@ export declare type GridRowReorderSettings = {
     dragClue?: string | ((dataItem: any) => React.ReactNode);
 };
 
+/**
+ * Represents the settings for the row-spanning functionality of the Grid.
+ *
+ * @example
+ *
+ * ```tsx
+ * <Grid
+ *    data={data}
+ *    rowSpannable={{
+ *      enabled: true,
+ *      valueGetter: (dataItem, field) => `${dataItem['id']} - ${dataItem[field]}`,
+ *    }}
+ * />
+ * ```
+ */
+export declare type GridRowSpannableSettings = {
+    /**
+     * Determines if the row-spanning functionality is enabled or disabled
+     */
+    enabled?: boolean;
+    /**
+     * A function that returns the value of the cell that should span the row.
+     * The value could be combined from multiple fields of the dataItem to create a unique identifier and prevent the cell from being row-spanned.
+     */
+    valueGetter?: (dataItem: any, field: string) => any;
+};
+
+/**
+ * The settings of the rows prop options.
+ */
+export declare interface GridRowsSettings {
+    groupHeader?: ComponentType<GridCustomRowProps>;
+    data?: ComponentType<GridCustomRowProps>;
+    groupFooter?: ComponentType<GridCustomRowProps>;
+}
+
 /**
  * The type of the GridRow component.
  *
@@ -2569,6 +2804,28 @@ export declare type GridRowReorderSettings = {
  */
 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.
  */
@@ -2718,8 +2975,6 @@ export declare interface GridToolbarProps {
     ariaControls?: string;
 }
 
-export { GroupExpandDescriptor }
-
 /**
  * @hidden
  */
@@ -2796,8 +3051,6 @@ 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.
  */

package/index.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 G=require("./Grid.js"),C=require("./GridColumn.js"),a=require("./columnMenu/GridColumnMenuWrapper.js"),m=require("./columnMenu/GridColumnMenuGroup.js"),l=require("./columnMenu/GridColumnMenuSort.js"),t=require("./columnMenu/GridColumnMenuFilter.js"),s=require("./columnMenu/GridColumnMenuFilterUI.js"),c=require("./columnMenu/GridColumnMenuFilterCell.js"),M=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),g=require("./columnMenu/GridColumnMenuColumnsList.js"),p=require("./cells/GridCell.js"),I=require("./cells/GridEditCell.js"),q=require("./cells/GridGroupCell.js"),S=require("./cells/GridHierarchyCell.js"),F=require("./cells/GridFilterCell.js"),D=require("./header/GridHeaderCell.js"),E=require("./cells/GridSelectionCell.js"),R=require("./rows/GridDetailRow.js"),T=require("./rows/GridRow.js"),P=require("./GridToolbar.js"),_=require("./components/noRecords/GridNoRecords.js"),N=require("./columnMenu/GridColumnMenuItem.js"),b=require("./columnMenu/GridColumnMenuItemContent.js"),x=require("./columnMenu/GridColumnMenuItemGroup.js"),o=require("./constants/index.js"),i=require("@progress/kendo-react-data-tools"),h=require("./drag/CommonDragLogic.js"),r=require("./filterCommon.js"),e=require("./messages/index.js"),n=require("./StatusBar.js"),u=require("./contextMenu/GridContextMenu.js"),d=require("./contextMenu/enums.js");exports.Grid=G.Grid;exports.GridColumn=C.GridColumn;exports.GridColumnMenuWrapper=a.GridColumnMenuWrapper;exports.GridColumnMenuGroup=m.GridColumnMenuGroup;exports.GridColumnMenuSort=l.GridColumnMenuSort;exports.isColumnMenuSortActive=l.isColumnMenuSortActive;exports.GridColumnMenuFilter=t.GridColumnMenuFilter;exports.filterGroupByField=t.filterGroupByField;exports.isColumnMenuFilterActive=t.isColumnMenuFilterActive;exports.rootFilterOrDefault=t.rootFilterOrDefault;exports.GridColumnMenuFilterUI=s.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=c.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=M.GridColumnMenuCheckboxFilter;exports.GridColumnMenuColumnsList=g.GridColumnMenuColumnsList;exports.GridCell=p.GridCell;exports.GridEditCell=I.GridEditCell;exports.GridGroupCell=q.GridGroupCell;exports.GridHierarchyCell=S.GridHierarchyCell;exports.GridFilterCell=F.GridFilterCell;exports.GridHeaderCell=D.GridHeaderCell;exports.GridSelectionCell=E.GridSelectionCell;exports.GridDetailRow=R.GridDetailRow;exports.GridRow=T.GridRow;exports.GridToolbar=P.GridToolbar;exports.GridNoRecords=_.GridNoRecords;exports.GridColumnMenuItem=N.GridColumnMenuItem;exports.GridColumnMenuItemContent=b.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=x.GridColumnMenuItemGroup;exports.GRID_COL_INDEX_ATTRIBUTE=o.GRID_COL_INDEX_ATTRIBUTE;exports.GRID_PREVENT_SELECTION_ELEMENT=o.GRID_PREVENT_SELECTION_ELEMENT;exports.GRID_ROW_INDEX_ATTRIBUTE=o.GRID_ROW_INDEX_ATTRIBUTE;Object.defineProperty(exports,"getSelectedState",{enumerable:!0,get:()=>i.getSelectedState});Object.defineProperty(exports,"getSelectedStateFromKeyDown",{enumerable:!0,get:()=>i.getSelectedStateFromKeyDown});Object.defineProperty(exports,"setSelectedState",{enumerable:!0,get:()=>i.setSelectedState});exports.GridCommonDragLogic=h.CommonDragLogic;exports.booleanFilterValues=r.booleanFilterValues;exports.cellBoolDropdownChange=r.cellBoolDropdownChange;exports.cellInputChange=r.cellInputChange;exports.cellOperatorChange=r.cellOperatorChange;exports.operators=r.operators;exports.gridMessages=e.messages;exports.pagerFirstPage=e.pagerFirstPage;exports.pagerInfo=e.pagerInfo;exports.pagerItemPerPage=e.pagerItemPerPage;exports.pagerLastPage=e.pagerLastPage;exports.pagerNextPage=e.pagerNextPage;exports.pagerPreviousPage=e.pagerPreviousPage;exports.StatusBar=n.StatusBar;exports.getStatusData=n.getStatusData;exports.leafColumns=n.leafColumns;exports.GridContextMenu=u.GridContextMenu;exports.contextMenuItemsMap=u.contextMenuItemsMap;exports.GridContextMenuAnchorPart=d.GridContextMenuAnchorPart;exports.GridContextMenuItemNames=d.GridContextMenuItemNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./Grid.js"),G=require("./GridColumn.js"),a=require("./columnMenu/GridColumnMenuWrapper.js"),s=require("./columnMenu/GridColumnMenuGroup.js"),l=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),m=require("./columnMenu/GridColumnMenuFilterUI.js"),c=require("./columnMenu/GridColumnMenuFilterCell.js"),M=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),g=require("./columnMenu/GridColumnMenuColumnsList.js"),p=require("./columnMenu/GridColumnMenuColumnsChooser.js"),I=require("./cells/GridCell.js"),q=require("./cells/GridEditCell.js"),S=require("./cells/GridGroupCell.js"),F=require("./cells/GridHierarchyCell.js"),D=require("./cells/GridFilterCell.js"),E=require("./header/GridHeaderCell.js"),R=require("./cells/GridSelectionCell.js"),T=require("./rows/GridDetailRow.js"),P=require("./rows/GridRow.js"),h=require("./GridToolbar.js"),x=require("./components/noRecords/GridNoRecords.js"),_=require("./columnMenu/GridColumnMenuItem.js"),N=require("./columnMenu/GridColumnMenuItemContent.js"),b=require("./columnMenu/GridColumnMenuItemGroup.js"),t=require("./constants/index.js"),n=require("@progress/kendo-react-data-tools"),B=require("./drag/CommonDragLogic.js"),r=require("./filterCommon.js"),e=require("./messages/index.js"),i=require("./StatusBar.js"),u=require("./contextMenu/GridContextMenu.js"),d=require("./contextMenu/enums.js"),L=require("./GridSearchBox.js");exports.Grid=C.Grid;exports.GridColumn=G.GridColumn;exports.GridColumnMenuWrapper=a.GridColumnMenuWrapper;exports.GridColumnMenuGroup=s.GridColumnMenuGroup;exports.GridColumnMenuSort=l.GridColumnMenuSort;exports.isColumnMenuSortActive=l.isColumnMenuSortActive;exports.GridColumnMenuFilter=o.GridColumnMenuFilter;exports.filterGroupByField=o.filterGroupByField;exports.isColumnMenuFilterActive=o.isColumnMenuFilterActive;exports.rootFilterOrDefault=o.rootFilterOrDefault;exports.GridColumnMenuFilterUI=m.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=c.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=M.GridColumnMenuCheckboxFilter;exports.GridColumnMenuColumnsList=g.GridColumnMenuColumnsList;exports.GridColumnMenuColumnsChooser=p.GridColumnMenuColumnsChooser;exports.GridCell=I.GridCell;exports.GridEditCell=q.GridEditCell;exports.GridGroupCell=S.GridGroupCell;exports.GridHierarchyCell=F.GridHierarchyCell;exports.GridFilterCell=D.GridFilterCell;exports.GridHeaderCell=E.GridHeaderCell;exports.GridSelectionCell=R.GridSelectionCell;exports.GridDetailRow=T.GridDetailRow;exports.GridRow=P.GridRow;exports.GridToolbar=h.GridToolbar;exports.GridNoRecords=x.GridNoRecords;exports.GridColumnMenuItem=_.GridColumnMenuItem;exports.GridColumnMenuItemContent=N.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=b.GridColumnMenuItemGroup;exports.GRID_COL_INDEX_ATTRIBUTE=t.GRID_COL_INDEX_ATTRIBUTE;exports.GRID_PREVENT_SELECTION_ELEMENT=t.GRID_PREVENT_SELECTION_ELEMENT;exports.GRID_ROW_INDEX_ATTRIBUTE=t.GRID_ROW_INDEX_ATTRIBUTE;Object.defineProperty(exports,"getSelectedState",{enumerable:!0,get:()=>n.getSelectedState});Object.defineProperty(exports,"getSelectedStateFromKeyDown",{enumerable:!0,get:()=>n.getSelectedStateFromKeyDown});Object.defineProperty(exports,"setSelectedState",{enumerable:!0,get:()=>n.setSelectedState});exports.GridCommonDragLogic=B.CommonDragLogic;exports.booleanFilterValues=r.booleanFilterValues;exports.cellBoolDropdownChange=r.cellBoolDropdownChange;exports.cellInputChange=r.cellInputChange;exports.cellOperatorChange=r.cellOperatorChange;exports.operators=r.operators;exports.gridMessages=e.messages;exports.pagerFirstPage=e.pagerFirstPage;exports.pagerInfo=e.pagerInfo;exports.pagerItemPerPage=e.pagerItemPerPage;exports.pagerLastPage=e.pagerLastPage;exports.pagerNextPage=e.pagerNextPage;exports.pagerPreviousPage=e.pagerPreviousPage;exports.StatusBar=i.StatusBar;exports.getStatusData=i.getStatusData;exports.leafColumns=i.leafColumns;exports.GridContextMenu=u.GridContextMenu;exports.contextMenuItemsMap=u.contextMenuItemsMap;exports.GridContextMenuAnchorPart=d.GridContextMenuAnchorPart;exports.GridContextMenuItemNames=d.GridContextMenuItemNames;exports.GridSearchBox=L.GridSearchBox;