@progress/kendo-react-grid 7.5.0-develop.2 → 7.5.0-develop.20

package/index.d.ts

@@ -36,6 +36,7 @@ import { SortDescriptor } from '@progress/kendo-data-query';
 import { SortSettings } from '@progress/kendo-react-data-tools';
 import { State } from '@progress/kendo-data-query';
 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 { TableKeyboardNavigationContextType } from '@progress/kendo-react-data-tools';
@@ -327,6 +328,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
     private _columnsMap;
     private _columnsMutations;
     private _resized;
+    private _focusFirst;
     private _shouldUpdateLeftRight;
     private contextStateRef;
     private navigationStateRef;
@@ -391,6 +393,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
     private forceUpdateTimeout;
     private isRtl;
     private rowIndex;
+    private headTable;
     private get _header();
     private get _gridId();
     private observer;
@@ -446,6 +449,9 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
     private onHeaderSelectionChange;
     private selectionRelease;
     private pageChange;
+    private getTotal;
+    private moveToNextPage;
+    private moveToPrevPage;
     private pagerPageChange;
     private sortChange;
     private filterChange;
@@ -472,6 +478,7 @@ export declare class GridClassComponent extends React_2.Component<GridProps> {
     private getDataState;
     private getArguments;
     private getLeafDataItems;
+    private getSlicedLeafDataItems;
 }
 
 /**
@@ -773,7 +780,7 @@ export declare class GridColumnMenuFilter extends React_2.Component<GridColumnMe
  */
 declare interface GridColumnMenuFilterBaseProps extends GridColumnMenuBaseProps {
     /**
-     * The current filter state of the Grid.
+     * The current filter state of the Grid.It takes value of type [CompositeFilterDescriptor]({% api_kendo-data-query_compositefilterdescriptor %})
      */
     filter?: CompositeFilterDescriptor;
     /**
@@ -983,7 +990,7 @@ declare interface GridColumnMenuGroupBaseProps extends GridColumnMenuBaseProps {
      */
     groupable?: boolean;
     /**
-     * The current group state of the Grid.
+     * The current group state of the Grid. It takes value of type [GroupDescriptor]({% slug api_kendo-data-query_groupdescriptor %})[]
      */
     group?: GroupDescriptor[];
     /**
@@ -1160,7 +1167,7 @@ declare interface GridColumnMenuSortBaseProps extends GridColumnMenuBaseProps {
      */
     sortable?: GridSortSettings;
     /**
-     * The current sort state of the Grid.
+     * The current sort state of the Grid. It takes a value of type [SortDescriptor]({% slug api_kendo-data-query_sortdescriptor %})[]
      */
     sort?: SortDescriptor[];
     /**
@@ -1188,6 +1195,10 @@ export declare interface GridColumnMenuWrapperProps extends GridColumnMenuProps
      * The component to be rendered as content of the Grid column menu.
      */
     columnMenu?: React_2.ComponentType<GridColumnMenuProps> | null;
+    /**
+     * The icon that overrides the default(three vertical dots) icon displayed in the column menu of each column.
+     */
+    columnMenuIcon?: SVGIcon;
 }
 
 /**
@@ -1238,6 +1249,10 @@ export declare interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      * Defines the editor type. Used when the column enters the edit mode ([more information and examples]({% slug editing_inline_grid %})). Defaults to `text`.
      */
     editor?: 'text' | 'numeric' | 'boolean' | 'date';
+    /**
+     * 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;
     /**
      * Defines the component that will be rendered as a cell. If not set, a `GridCell` will be rendered by default.
      */
@@ -1468,7 +1483,7 @@ export declare interface GridCustomHeaderCellProps extends GridHeaderCellProps {
  */
 export declare interface GridDataStateChangeEvent extends GridEvent {
     /**
-     * The state of the Grid based on the user action.
+     * The [State]({% api_kendo-data-query_state %}) of the Grid based on the user action.
      */
     dataState: State;
     targetEvent?: PagerTargetEvent;
@@ -1562,9 +1577,7 @@ export declare interface GridExpandChangeEvent extends GridEvent {
      */
     dataItem: any;
     /**
-     * The available values are:
-     * - `true`&mdash;If the data item is expanded.
-     * - `false`&mdash;If the data item is collapsed.
+     *  Indicates whether the data item is expanded or collapsed
      */
     value: boolean;
     /**
@@ -1657,7 +1670,7 @@ export declare interface GridFilterCellProps {
  */
 export declare interface GridFilterChangeEvent extends GridEvent {
     /**
-     * The new `CompositeFilterDescriptor` based on the user action.
+     * The new [CompositeFilterDescriptor]({% api_kendo-data-query_compositefilterdescriptor %}) based on the user action.
      */
     filter: CompositeFilterDescriptor;
 }
@@ -1764,7 +1777,7 @@ export declare const GridGroupCell: (props: GridCellProps) => JSX_2.Element | nu
  */
 export declare interface GridGroupChangeEvent extends GridEvent {
     /**
-     * An array of `GroupDescriptor` that corresponds to the user action.
+     * An array of [GroupDescriptor]({% slug api_kendo-data-query_groupdescriptor %})[]  that corresponds to the user action.
      */
     group: GroupDescriptor[];
 }
@@ -2100,7 +2113,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     cells?: GridCellsSettings;
     /**
-     * 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.
+     * 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%})
      */
     data?: any[] | DataResult | null;
     /**
@@ -2120,7 +2133,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     onSortChange?: (event: GridSortChangeEvent) => void;
     /**
-     * The descriptors by which the data is sorted. Applies the sorting styles and buttons to the affected columns.
+     * 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[];
     /**
@@ -2128,55 +2141,11 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     filterable?: boolean;
     /**
-     * The descriptor 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.
+     * The [descriptor]({% 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;
     /**
      * The filter operators for the Grid filters.
-     *
-     * @example
-     * ```jsx
-     * const customFilterOperators = {
-     *     'text': [
-     *         { text: 'grid.filterContainsOperator', operator: 'contains' }
-     *     ],
-     *     'numeric': [
-     *         { text: 'grid.filterGtOperator', operator: 'gt' }
-     *     ],
-     *     'date': [
-     *         { text: 'grid.filterAfterOperator', operator: 'gt' }
-     *     ]
-     * }
-     *
-     * class App extends React.Component {
-     *     constructor(props) {
-     *         super(props);
-     *         this.state = {
-     *             data: [
-     *                 { 'foo': 'A1', 'bar': 'B1' },
-     *                 { 'foo': 'A2', 'bar': 'B2' },
-     *                 { 'foo': 'A3', 'bar': 'B2' }
-     *             ]
-     *         };
-     *     }
-     *     render() {
-     *         return (
-     *             <div>
-     *                 <Grid
-     *                     data={this.state.data}
-     *                     reorderable={true}
-     *                     filterable
-     *                     filterOperators={customFilterOperators}
-     *                 >
-     *                     <GridColumn field="foo" />
-     *                     <GridColumn field="bar" />
-     *                 </Grid>
-     *             </div>
-     *         );
-     *     }
-     * }
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
-     * ```
      */
     filterOperators?: GridFilterOperators;
     /**
@@ -2188,7 +2157,11 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     columnMenu?: null | ComponentType<GridColumnMenuProps>;
     /**
-     * The descriptors by which the data will be grouped
+     * 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.
+     */
+    columnMenuIcon?: SVGIcon_2;
+    /**
+     * The [descriptors]({% slug api_kendo-data-query_groupdescriptor %})[] by which the data will be grouped
      * ([more information and examples]({% slug groupingbasics_grid %})).
      */
     group?: GroupDescriptor[];
@@ -2213,7 +2186,7 @@ export declare interface GridProps extends KendoReactComponentBaseProps {
      */
     pageSize?: number;
     /**
-     * The pager component that the Grid will render instead of the built-in pager.
+     * The pager component that the Grid will render instead of the built-in pager. It takes values of type null and ComponentType&lt;[PagerProps]({% slug api_data-tools_pagerprops %})&gt
      */
     pager?: null | ComponentType<PagerProps>;
     /**
@@ -2529,6 +2502,14 @@ export declare const GridSelectionCell: (props: GridCellProps) => JSX_2.Element
  * Represents the object of the `onSelectionChange` Grid event.
  */
 export declare interface GridSelectionChangeEvent extends GridEvent, TableSelectionChangeEvent<GridClassComponent> {
+    /**
+     * The dataItem from which the selection starts(Valid for scenarios without checkbox selection).
+     */
+    startDataItem?: any;
+    /**
+     * The dataItem to which the selection ends(Valid for scenarios without checkbox selection)
+     */
+    endDataItem?: any;
 }
 
 /**
@@ -2536,7 +2517,7 @@ export declare interface GridSelectionChangeEvent extends GridEvent, TableSelect
  */
 export declare interface GridSortChangeEvent extends GridEvent {
     /**
-     * The new `SortDescriptor` according to the user action.
+     * The new ([SortDescriptor]({% slug api_kendo-data-query_sortdescriptor %})) according to the user action.
      */
     sort: SortDescriptor[];
 }

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1712928523,
+  publishDate: 1715351893,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "7.5.0-develop.2",
+  "version": "7.5.0-develop.20",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,18 +23,18 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-drawing": "^1.19.0",
+    "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "7.5.0-develop.2",
-    "@progress/kendo-react-buttons": "7.5.0-develop.2",
-    "@progress/kendo-react-common": "7.5.0-develop.2",
-    "@progress/kendo-react-data-tools": "7.5.0-develop.2",
-    "@progress/kendo-react-dateinputs": "7.5.0-develop.2",
-    "@progress/kendo-react-dropdowns": "7.5.0-develop.2",
-    "@progress/kendo-react-inputs": "7.5.0-develop.2",
-    "@progress/kendo-react-intl": "7.5.0-develop.2",
-    "@progress/kendo-react-popup": "7.5.0-develop.2",
-    "@progress/kendo-svg-icons": "^2.1.0",
+    "@progress/kendo-react-animation": "7.5.0-develop.20",
+    "@progress/kendo-react-buttons": "7.5.0-develop.20",
+    "@progress/kendo-react-common": "7.5.0-develop.20",
+    "@progress/kendo-react-data-tools": "7.5.0-develop.20",
+    "@progress/kendo-react-dateinputs": "7.5.0-develop.20",
+    "@progress/kendo-react-dropdowns": "7.5.0-develop.20",
+    "@progress/kendo-react-inputs": "7.5.0-develop.20",
+    "@progress/kendo-react-intl": "7.5.0-develop.20",
+    "@progress/kendo-react-popup": "7.5.0-develop.20",
+    "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },