@progress/kendo-react-grid 13.3.0 → 13.4.0-develop.2

package/messages/index.d.ts

@@ -0,0 +1,365 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const noRecords = "grid.noRecords";
+/**
+ * @hidden
+ */
+export declare const pagerInfo = "grid.pagerInfo";
+/**
+ * @hidden
+ */
+export declare const pagerFirstPage = "grid.pagerFirstPage";
+/**
+ * @hidden
+ */
+export declare const pagerPreviousPage = "grid.pagerPreviousPage";
+/**
+ * @hidden
+ */
+export declare const pagerNextPage = "grid.pagerNextPage";
+/**
+ * @hidden
+ */
+export declare const pagerLastPage = "grid.pagerLastPage";
+/**
+ * @hidden
+ */
+export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPage = "grid.pagerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPageSizeAriaLabel = "grid.pagerPageSizeAriaLabel";
+/**
+ * @hidden
+ */
+export declare const pagerOf = "grid.pagerOf";
+/**
+ * @hidden
+ */
+export declare const pagerTotalPages = "grid.pagerTotalPages";
+/**
+ * @hidden
+ */
+export declare const groupPanelEmpty = "grid.groupPanelEmpty";
+/**
+ * @hidden
+ */
+export declare const groupColumn = "grid.groupColumn";
+/**
+ * @hidden
+ */
+export declare const ungroupColumn = "grid.ungroupColumn";
+/**
+ * @hidden
+ */
+export declare const columnMenu = "grid.columnMenu";
+/**
+ * @hidden
+ */
+export declare const filterApplyButton = "grid.filterApplyButton";
+/**
+ * @hidden
+ */
+export declare const filterClearButton = "grid.filterClearButton";
+/**
+ * @hidden
+ */
+export declare const filterClearAllButton = "grid.filterClearAllButton";
+/**
+ * @hidden
+ */
+export declare const filterResetButton = "grid.filterResetButton";
+/**
+ * @hidden
+ */
+export declare const filterSubmitButton = "grid.filterSubmitButton";
+/**
+ * @hidden
+ */
+export declare const filterTitle = "grid.filterTitle";
+/**
+ * @hidden
+ */
+export declare const sortAscending = "grid.sortAscending";
+/**
+ * @hidden
+ */
+export declare const sortDescending = "grid.sortDescending";
+/**
+ * @hidden
+ */
+export declare const sortClearButton = "grid.sortClearButton";
+/**
+ * @hidden
+ */
+export declare const sortApplyButton = "grid.sortApplyButton";
+/**
+ * @hidden
+ */
+export declare const searchPlaceholder = "grid.searchPlaceholder";
+/**
+ * @hidden
+ */
+export declare const searchboxPlaceholder = "grid.searchboxPlaceholder";
+/**
+ * @hidden
+ */
+export declare const exportPDF = "grid.exportPDF";
+/**
+ * @hidden
+ */
+export declare const filterCheckAll = "grid.filterCheckAll";
+/**
+ * @hidden
+ */
+export declare const filterChooseOperator = "grid.filterChooseOperator";
+/**
+ * @hidden
+ */
+export declare const filterSelectAll = "grid.filterSelectAll";
+/**
+ * @hidden
+ */
+export declare const filterSelectedItems = "grid.filterSelectedItems";
+/**
+ * @hidden
+ */
+export declare const sortAriaLabel = "grid.sortAriaLabel";
+/**
+ * @hidden
+ */
+export declare const editDialogTitle = "grid.editDialogTitle";
+/**
+ * @hidden
+ */
+export declare const editDialogSaveButtonTitle = "grid.editDialogSaveButtonTitle";
+/**
+ * @hidden
+ */
+export declare const editDialogCancelButtonTitle = "grid.editDialogCancelButtonTitle";
+/**
+ * @hidden
+ */
+export declare const filterAriaLabel = "grid.filterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const groupPanelAriaLabel = "grid.groupPanelAriaLabel";
+/**
+ * @hidden
+ */
+export declare const groupExpand = "grid.groupExpand";
+/**
+ * @hidden
+ */
+export declare const groupCollapse = "grid.groupCollapse";
+/**
+ * @hidden
+ */
+export declare const groupClearButton = "grid.groupClearButton";
+/**
+ * @hidden
+ */
+export declare const groupApplyButton = "grid.groupApplyButton";
+/**
+ * @hidden
+ */
+export declare const detailExpand = "grid.detailExpand";
+/**
+ * @hidden
+ */
+export declare const detailCollapse = "grid.detailCollapse";
+/**
+ * @hidden
+ */
+export declare const selectRow = "grid.selectRow";
+/**
+ * @hidden
+ */
+export declare const gridAriaLabel = "grid.gridAriaLabel";
+/**
+ * @hidden
+ */
+export declare const gridRowReorderAriaLabel = "grid.gridRowReorderAriaLabel";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuFilterTitle = "grid.gridAdaptiveColumnMenuFilterTitle";
+/**
+ * @hidden
+ */
+export declare const columnMenuColumnChooserTitle = "grid.columnMenuColumnChooserTitle";
+/**
+ * @hidden
+ */
+export declare const columnMenuColumnChooserSelectedItems = "grid.columnMenuColumnChooserSelectedItems";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuChooserTitle = "grid.adaptiveColumnMenuChooserTitle";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuChooserSubTitle = "grid.adaptiveColumnMenuChooserSubTitle";
+/**
+ * @hidden
+ */
+export declare const columnChooserApplyButton = "grid.columnChooserApplyButton";
+/**
+ * @hidden
+ */
+export declare const columnChooserResetButton = "grid.columnChooserResetButton";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuCheckboxFilterTitle = "grid.adaptiveColumnMenuCheckboxFilterTitle";
+/**
+ * @hidden
+ */
+export declare const adaptiveToolbarSortTitle = "grid.adaptiveToolbarSortTitle";
+/**
+ * @hidden
+ */
+export declare const adaptiveToolbarGroupTitle = "grid.adaptiveToolbarGroupTitle";
+/**
+ * @hidden
+ */
+export declare const toolbarSort = "grid.toolbarSort";
+/**
+ * @hidden
+ */
+export declare const toolbarAI = "grid.toolbarAI";
+/**
+ * @hidden
+ */
+export declare const aIResponseData = "grid.aIResponseData";
+/**
+ * @hidden
+ */
+export declare const generatedWithAI = "grid.generatedWithAI";
+/**
+ * @hidden
+ */
+export declare const toolbarAIApply = "grid.toolbarAIApply";
+/**
+ * @hidden
+ */
+export declare const toolbarGroup = "grid.toolbarGroup";
+/**
+ * @hidden
+ */
+export declare const toolbarFilter = "grid.toolbarFilter";
+/**
+ * @hidden
+ */
+export declare const toolbarColumnsChooser = "grid.toolbarColumnsChooser";
+/**
+ * @hidden
+ */
+export declare const toolbarCheckboxFilter = "grid.toolbarCheckboxFilter";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "grid.detailExpand": string;
+    "grid.detailCollapse": string;
+    "grid.groupExpand": string;
+    "grid.groupCollapse": string;
+    "grid.groupClearButton": string;
+    "grid.groupApplyButton": string;
+    "grid.noRecords": string;
+    "grid.groupPanelEmpty": string;
+    "grid.filterApplyButton": string;
+    "grid.filterClearButton": string;
+    "grid.filterClearAllButton": string;
+    "grid.filterResetButton": string;
+    "grid.filterSubmitButton": string;
+    "grid.filterTitle": string;
+    "grid.sortAscending": string;
+    "grid.sortDescending": string;
+    "grid.sortClearButton": string;
+    "grid.sortApplyButton": string;
+    "grid.sortAriaLabel": string;
+    "grid.adaptiveToolbarSortTitle": string;
+    "grid.adaptiveToolbarGroupTitle": string;
+    "grid.toolbarSort": string;
+    "grid.toolbarAI": string;
+    "grid.toolbarAIApply": string;
+    "grid.aIResponseData": string;
+    "grid.generatedWithAI": string;
+    "grid.toolbarGroup": string;
+    "grid.toolbarFilter": string;
+    "grid.toolbarColumnsChooser": string;
+    "grid.toolbarCheckboxFilter": string;
+    "grid.groupColumn": string;
+    "grid.ungroupColumn": string;
+    "grid.columnMenu": string;
+    "grid.pagerItemsPerPage": string;
+    "grid.pagerInfo": string;
+    "grid.pagerFirstPage": string;
+    "grid.pagerPreviousPage": string;
+    "grid.pagerNextPage": string;
+    "grid.pagerLastPage": string;
+    "grid.pagerPage": string;
+    "grid.pagerPageSizeAriaLabel": string;
+    "grid.pagerOf": string;
+    "grid.pagerTotalPages": string;
+    "grid.searchPlaceholder": string;
+    "grid.searchboxPlaceholder": string;
+    "grid.exportPDF": string;
+    "grid.filterCheckAll": string;
+    "grid.editDialogTitle": string;
+    "grid.editDialogSaveButtonTitle": string;
+    "grid.editDialogCancelButtonTitle": string;
+    "grid.filterChooseOperator": string;
+    "grid.filterSelectedItems": string;
+    "grid.filterSelectAll": string;
+    "grid.filterAriaLabel": string;
+    "grid.groupPanelAriaLabel": string;
+    "grid.gridAriaLabel": string;
+    "grid.gridRowReorderAriaLabel": string;
+    "grid.selectRow": string;
+    "grid.columnMenuColumnChooserTitle": string;
+    "grid.gridAdaptiveColumnMenuFilterTitle": string;
+    "grid.adaptiveColumnMenuChooserTitle": string;
+    "grid.adaptiveColumnMenuChooserSubTitle": string;
+    "grid.adaptiveColumnMenuCheckboxFilterTitle": string;
+    "grid.columnMenuColumnChooserSelectedItems": string;
+    "grid.columnChooserApplyButton": string;
+    "grid.columnChooserResetButton": string;
+    'grid.filterEqOperator': string;
+    'grid.filterNotEqOperator': string;
+    'grid.filterIsNullOperator': string;
+    'grid.filterIsNotNullOperator': string;
+    'grid.filterIsEmptyOperator': string;
+    'grid.filterIsNotEmptyOperator': string;
+    'grid.filterStartsWithOperator': string;
+    'grid.filterContainsOperator': string;
+    'grid.filterNotContainsOperator': string;
+    'grid.filterEndsWithOperator': string;
+    'grid.filterGteOperator': string;
+    'grid.filterGtOperator': string;
+    'grid.filterLteOperator': string;
+    'grid.filterLtOperator': string;
+    'grid.filterIsTrue': string;
+    'grid.filterIsFalse': string;
+    'grid.filterBooleanAll': string;
+    'grid.filterAfterOrEqualOperator': string;
+    'grid.filterAfterOperator': string;
+    'grid.filterBeforeOperator': string;
+    'grid.filterBeforeOrEqualOperator': string;
+    'grid.filterAndLogic': string;
+    'grid.filterOrLogic': string;
+};

package/messages/messagesMap.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare function pagerMessagesMap(pagerMessageKey: string): {
+    messageKey: string;
+    defaultMessage: any;
+};

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

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

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-grid",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768550121,
-  version: "13.3.0",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-grid',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.2',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

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

package/paging/GridPagerSettings.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The type of the Grid pager.
+ *
+ * The available values are:
+ * * `numeric`—Buttons with numbers.
+ * * `input`—Input for typing the page number.
+ *
+ * @example
+ * ```jsx-no-run
+ *
+ * <Grid
+ *    pageable="{{
+ *        type: 'numeric'
+ *    }}">
+ * </Grid>
+ * ```
+ */
+export type GridPagerType = 'numeric' | 'input';
+/**
+ * The pager settings of the Grid ([see example](https://www.telerik.com/kendo-react-ui/components/grid/paging)).
+ *
+ * @example
+ * ```jsx-no-run
+ *
+ * <Grid
+ *    pageable="{{
+ *        buttonCount: 2,
+ *        info: false
+ *    }}">
+ * </Grid>
+ * ```
+ */
+export interface GridPagerSettings {
+    /**
+     * Sets the selected value of the page size Dropdownlist.
+     * It is useful when the selected value could also be a string not only a number.
+     */
+    pageSizeValue?: string | number;
+    /**
+     * Sets the maximum numeric buttons count before the buttons are collapsed.
+     */
+    buttonCount?: number;
+    /**
+     * Toggles the information about the current page and the total number of records.
+     */
+    info?: boolean;
+    /**
+     * Defines the type of the Grid pager.
+     */
+    type?: GridPagerType;
+    /**
+     * Shows a menu for selecting the page size.
+     */
+    pageSizes?: boolean | Array<number> | Array<number | string>;
+    /**
+     * Toggles the **Previous** and **Next** buttons.
+     */
+    previousNext?: boolean;
+    /**
+     * Defines if the pager will be responsive.
+     * If true, hides the tools that do not fit to the available space.
+     *
+     * @default `true`
+     */
+    responsive?: boolean;
+    /**
+     * Providing different rendering of the page sizes select element based on the screen dimensions.
+     */
+    adaptive?: boolean;
+    /**
+     * Specifies the text that is rendered as title in the adaptive page sizes select element.
+     */
+    adaptiveTitle?: string;
+    /**
+     * Defines if the pager will be navigatable.
+     */
+    navigatable?: boolean;
+}
+/**
+ * @hidden
+ */
+export declare const normalize: (settings: any) => any;

package/paging/Page.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the `skip` and `take` configurations which are wrapped in the `Page` object.
+ */
+export interface Page {
+    /**
+     * The number of records that will be skipped.
+     */
+    skip: number;
+    /**
+     * The number of records that will be taken.
+     */
+    take: number;
+}

package/rows/GridDetailRow.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridDetailRowProps } from '../interfaces/GridDetailRowProps.js';
+/**
+ * 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
+ * const CustomGridDetailRow = (props) => {
+ *     const detailData = props.dataItem.MasterField2;
+ *     return (
+ *         <div>
+ *             This is detail template with another grid inside it
+ *             <Grid scrollable="none" data={detailData} />
+ *         </div>
+ *     );
+ * };
+ *
+ * const App = () => {
+ *     const [data, setData] = useState([
+ *         { MasterField1: 'A1', MasterField2: [{ DetailField1: 1, DetailField2: 2 }] },
+ *         { MasterField1: 'B1', MasterField2: [{ DetailField1: 3, DetailField2: 4 }] },
+ *         { MasterField1: 'C1', MasterField2: [{ DetailField1: 5, DetailField2: 6 }] }
+ *     ]);
+ *
+ *     return (
+ *         <Grid data={data} detail={CustomGridDetailRow}>
+ *             <GridColumn field="MasterField1" />
+ *         </Grid>
+ *     );
+ * };
+ *
+ * export default App;
+ * ```
+ */
+export declare const GridDetailRow: (props: GridDetailRowProps) => null;

package/rows/GridDetailRowRenderer.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ExtendedColumnProps } from '../GridColumn.js';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings.js';
+import { DataItemWrapper } from '../utils/index.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GridDetailRowRendererProps {
+    isStackedMode: boolean;
+    detailRowId: string;
+    isHidden: boolean;
+    detailRowHeight?: number;
+    ariaRowIndex: number;
+    item: DataItemWrapper;
+    groupLevelCount: number;
+    groupDescriptors?: Array<{
+        field: string;
+    }>;
+    lockGroups?: boolean;
+    cells?: GridCellsSettings;
+    leafColumns: ExtendedColumnProps[];
+    detailExpandableEnabled: boolean;
+    preparedCells: React.ReactElement[];
+    DetailCell: React.ComponentType<{
+        dataItem: any;
+        dataIndex: number;
+        colSpan: number;
+        ariaColIndex: number;
+        detail: any;
+        id: string;
+    }>;
+    detail: any;
+    detailCellId: string;
+    detailHierarchyCellId?: string;
+    detailTrClassName: string;
+    unstyled: any;
+}
+/**
+ * @hidden
+ */
+export declare const GridDetailRowRenderer: React.FC<GridDetailRowRendererProps>;