@progress/kendo-react-grid 5.12.0-dev.202302271006 → 5.12.0-dev.202303130940

package/dist/es/Grid.d.ts

@@ -65,7 +65,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
             buttonCount: PropTypes.Requireable<number>;
             info: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
-            pageSizes: PropTypes.Requireable<NonNullable<boolean | (number | null | undefined)[] | null | undefined>>;
+            pageSizes: PropTypes.Requireable<NonNullable<boolean | (NonNullable<string | number | null | undefined> | null | undefined)[] | null | undefined>>;
             previousNext: PropTypes.Requireable<boolean>;
         }> | null | undefined>>;
         pageSize: PropTypes.Requireable<number>;

package/dist/es/Grid.js

@@ -295,11 +295,11 @@ var Grid = /** @class */ (function (_super) {
                 _this.props.onSelectionChange.call(undefined, selectionEvent);
             }
         };
-        _this.pageChange = function (page, syntheticEvent) {
-            _this.raiseDataEvent(_this.props.onPageChange, { page: page }, { skip: page.skip, take: page.take }, syntheticEvent);
+        _this.pageChange = function (page, syntheticEvent, targetEvent) {
+            _this.raiseDataEvent(_this.props.onPageChange, { page: page }, { skip: page.skip, take: page.take }, syntheticEvent, targetEvent);
         };
         _this.pagerPageChange = function (event) {
-            _this.pageChange({ skip: event.skip, take: event.take }, event.syntheticEvent);
+            _this.pageChange({ skip: event.skip, take: event.take }, event.syntheticEvent, event.targetEvent);
         };
         _this.sortChange = function (sort, syntheticEvent) {
             _this.raiseDataEvent(_this.props.onSortChange, { sort: sort }, __assign({ sort: sort }, (_this.props.scrollable === 'virtual' ? { skip: 0 } : {})), syntheticEvent);
@@ -769,14 +769,14 @@ var Grid = /** @class */ (function (_super) {
             this.props.onSelectionChange.call(undefined, selectionEvent);
         }
     };
-    Grid.prototype.raiseDataEvent = function (handler, data, moreData, syntheticEvent) {
+    Grid.prototype.raiseDataEvent = function (handler, data, moreData, syntheticEvent, targetEvent) {
         var dataStateChange = this.props.onDataStateChange;
         if (handler) {
-            var ev = __assign(__assign({}, this.getArguments(syntheticEvent)), data);
+            var ev = __assign(__assign(__assign({}, this.getArguments(syntheticEvent)), data), { targetEvent: targetEvent });
             handler.call(undefined, ev);
         }
         else if (dataStateChange) {
-            dataStateChange.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), { dataState: __assign(__assign({}, this.getDataState()), moreData) }));
+            dataStateChange.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), { targetEvent: targetEvent || {}, dataState: __assign(__assign({}, this.getDataState()), moreData) }));
         }
     };
     Grid.prototype.columnReorder = function (prev, next, nativeEvent) {
@@ -913,7 +913,13 @@ var Grid = /** @class */ (function (_super) {
                 buttonCount: PropTypes.number,
                 info: PropTypes.bool,
                 type: PropTypes.oneOf(['numeric', 'input']),
-                pageSizes: PropTypes.oneOfType([PropTypes.bool, PropTypes.arrayOf(PropTypes.number)]),
+                pageSizes: PropTypes.oneOfType([
+                    PropTypes.bool,
+                    PropTypes.arrayOf(PropTypes.oneOfType([
+                        PropTypes.string,
+                        PropTypes.number
+                    ]))
+                ]),
                 previousNext: PropTypes.bool
             })
         ]),

package/dist/es/interfaces/events.d.ts

@@ -3,7 +3,7 @@ import { Grid } from '../Grid';
 import { Page } from '../paging/Page';
 import { GridColumnProps } from './GridColumnProps';
 import { BaseEvent } from '@progress/kendo-react-common';
-import { TableDragSelectionReleaseEvent, TableKeyDownEvent, TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
+import { PagerTargetEvent, TableDragSelectionReleaseEvent, TableKeyDownEvent, TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
 /**
  * Represents the base event object of the Grid.
  */
@@ -14,6 +14,7 @@ export interface GridEvent extends BaseEvent<Grid> {
  */
 export interface GridPageChangeEvent extends GridEvent {
     page: Page;
+    targetEvent?: PagerTargetEvent;
 }
 /**
  * Represents the object of the `onDataStateChange` Grid event.
@@ -23,6 +24,7 @@ export interface GridDataStateChangeEvent extends GridEvent {
      * The state of the Grid based on the user action.
      */
     dataState: State;
+    targetEvent?: PagerTargetEvent;
 }
 /**
  * Represents the object of the `onSortChange` Grid event.

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1677491353,
+    publishDate: 1678699632,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/paging/GridPagerSettings.d.ts

@@ -31,6 +31,11 @@ export declare type GridPagerType = 'numeric' | 'input';
  * ```
  */
 export declare type 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.
      */
@@ -46,7 +51,7 @@ export declare type GridPagerSettings = {
     /**
      * Shows a menu for selecting the page size.
      */
-    pageSizes?: boolean | Array<number>;
+    pageSizes?: boolean | Array<number> | Array<number | string>;
     /**
      * Toggles the **Previous** and **Next** buttons.
      */

package/dist/es/paging/GridPagerSettings.js

@@ -2,13 +2,15 @@
  * @hidden
  */
 var normalizeSettings = function (_a) {
-    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? undefined : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f;
+    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? undefined : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pageSizeValue, pageSizeValue = _h === void 0 ? undefined : _h;
     return ({
         buttonCount: buttonCount,
         info: info,
         pageSizes: pageSizes === true ? [5, 10, 20] : (pageSizes || undefined),
         previousNext: previousNext,
-        type: type
+        responsive: responsive,
+        type: type,
+        pageSizeValue: pageSizeValue
     });
 };
 /**

package/dist/npm/Grid.d.ts

@@ -65,7 +65,7 @@ export declare class Grid extends React.Component<GridProps, {}> {
             buttonCount: PropTypes.Requireable<number>;
             info: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
-            pageSizes: PropTypes.Requireable<NonNullable<boolean | (number | null | undefined)[] | null | undefined>>;
+            pageSizes: PropTypes.Requireable<NonNullable<boolean | (NonNullable<string | number | null | undefined> | null | undefined)[] | null | undefined>>;
             previousNext: PropTypes.Requireable<boolean>;
         }> | null | undefined>>;
         pageSize: PropTypes.Requireable<number>;

package/dist/npm/Grid.js

@@ -298,11 +298,11 @@ var Grid = /** @class */ (function (_super) {
                 _this.props.onSelectionChange.call(undefined, selectionEvent);
             }
         };
-        _this.pageChange = function (page, syntheticEvent) {
-            _this.raiseDataEvent(_this.props.onPageChange, { page: page }, { skip: page.skip, take: page.take }, syntheticEvent);
+        _this.pageChange = function (page, syntheticEvent, targetEvent) {
+            _this.raiseDataEvent(_this.props.onPageChange, { page: page }, { skip: page.skip, take: page.take }, syntheticEvent, targetEvent);
         };
         _this.pagerPageChange = function (event) {
-            _this.pageChange({ skip: event.skip, take: event.take }, event.syntheticEvent);
+            _this.pageChange({ skip: event.skip, take: event.take }, event.syntheticEvent, event.targetEvent);
         };
         _this.sortChange = function (sort, syntheticEvent) {
             _this.raiseDataEvent(_this.props.onSortChange, { sort: sort }, __assign({ sort: sort }, (_this.props.scrollable === 'virtual' ? { skip: 0 } : {})), syntheticEvent);
@@ -772,14 +772,14 @@ var Grid = /** @class */ (function (_super) {
             this.props.onSelectionChange.call(undefined, selectionEvent);
         }
     };
-    Grid.prototype.raiseDataEvent = function (handler, data, moreData, syntheticEvent) {
+    Grid.prototype.raiseDataEvent = function (handler, data, moreData, syntheticEvent, targetEvent) {
         var dataStateChange = this.props.onDataStateChange;
         if (handler) {
-            var ev = __assign(__assign({}, this.getArguments(syntheticEvent)), data);
+            var ev = __assign(__assign(__assign({}, this.getArguments(syntheticEvent)), data), { targetEvent: targetEvent });
             handler.call(undefined, ev);
         }
         else if (dataStateChange) {
-            dataStateChange.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), { dataState: __assign(__assign({}, this.getDataState()), moreData) }));
+            dataStateChange.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), { targetEvent: targetEvent || {}, dataState: __assign(__assign({}, this.getDataState()), moreData) }));
         }
     };
     Grid.prototype.columnReorder = function (prev, next, nativeEvent) {
@@ -916,7 +916,13 @@ var Grid = /** @class */ (function (_super) {
                 buttonCount: PropTypes.number,
                 info: PropTypes.bool,
                 type: PropTypes.oneOf(['numeric', 'input']),
-                pageSizes: PropTypes.oneOfType([PropTypes.bool, PropTypes.arrayOf(PropTypes.number)]),
+                pageSizes: PropTypes.oneOfType([
+                    PropTypes.bool,
+                    PropTypes.arrayOf(PropTypes.oneOfType([
+                        PropTypes.string,
+                        PropTypes.number
+                    ]))
+                ]),
                 previousNext: PropTypes.bool
             })
         ]),

package/dist/npm/interfaces/events.d.ts

@@ -3,7 +3,7 @@ import { Grid } from '../Grid';
 import { Page } from '../paging/Page';
 import { GridColumnProps } from './GridColumnProps';
 import { BaseEvent } from '@progress/kendo-react-common';
-import { TableDragSelectionReleaseEvent, TableKeyDownEvent, TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
+import { PagerTargetEvent, TableDragSelectionReleaseEvent, TableKeyDownEvent, TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
 /**
  * Represents the base event object of the Grid.
  */
@@ -14,6 +14,7 @@ export interface GridEvent extends BaseEvent<Grid> {
  */
 export interface GridPageChangeEvent extends GridEvent {
     page: Page;
+    targetEvent?: PagerTargetEvent;
 }
 /**
  * Represents the object of the `onDataStateChange` Grid event.
@@ -23,6 +24,7 @@ export interface GridDataStateChangeEvent extends GridEvent {
      * The state of the Grid based on the user action.
      */
     dataState: State;
+    targetEvent?: PagerTargetEvent;
 }
 /**
  * Represents the object of the `onSortChange` Grid event.

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-grid',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1677491353,
+    publishDate: 1678699632,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/paging/GridPagerSettings.d.ts

@@ -31,6 +31,11 @@ export declare type GridPagerType = 'numeric' | 'input';
  * ```
  */
 export declare type 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.
      */
@@ -46,7 +51,7 @@ export declare type GridPagerSettings = {
     /**
      * Shows a menu for selecting the page size.
      */
-    pageSizes?: boolean | Array<number>;
+    pageSizes?: boolean | Array<number> | Array<number | string>;
     /**
      * Toggles the **Previous** and **Next** buttons.
      */

package/dist/npm/paging/GridPagerSettings.js

@@ -5,13 +5,15 @@ exports.normalize = void 0;
  * @hidden
  */
 var normalizeSettings = function (_a) {
-    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? undefined : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f;
+    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? undefined : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pageSizeValue, pageSizeValue = _h === void 0 ? undefined : _h;
     return ({
         buttonCount: buttonCount,
         info: info,
         pageSizes: pageSizes === true ? [5, 10, 20] : (pageSizes || undefined),
         previousNext: previousNext,
-        type: type
+        responsive: responsive,
+        type: type,
+        pageSizeValue: pageSizeValue
     });
 };
 /**