@progress/kendo-react-data-tools 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/npm/navigation/constants.js

@@ -1,6 +1,16 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var _a, _b, _c;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableKeyboardNavigationBodyAttributes = exports.tableKeyboardNavigationHeaderAttributes = exports.tableKeyboardNavigationScopeAttributes = exports.TABBABLE_ELEMENTS = exports.FOCUSABLE_ELEMENTS = exports.KEYBOARD_NAV_FILTER_COL_SUFFIX = exports.KEYBOARD_NAV_DATA_ZONE = exports.KEYBOARD_NAV_DATA_ID = exports.KEYBOARD_NAV_DATA_BODY = exports.KEYBOARD_NAV_DATA_HEADER = exports.KEYBOARD_NAV_DATA_SCOPE = exports.KEYBOARD_NAV_DATA_LEVEL = void 0;
 /**
  * @hidden
  */
@@ -47,11 +57,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
 /**
  * @hidden
  */
-exports.FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']);
+exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-exports.TABBABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
+exports.TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
 /**
  * @hidden
  */

package/dist/npm/navigation/hooks.d.ts

@@ -1,4 +1,3 @@
-import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from './constants';
 /**
  * @hidden
  */
@@ -8,6 +7,6 @@ export declare const useTableKeyboardNavigation: (elementId: string, navigatable
     "data-keyboardnavid"?: undefined;
 } | {
     tabIndex: number;
-    [KEYBOARD_NAV_DATA_LEVEL]: number;
-    [KEYBOARD_NAV_DATA_ID]: string;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
 };

package/dist/npm/navigation/hooks.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableKeyboardNavigation = void 0;
 var React = require("react");
 var constants_1 = require("./constants");
 var TableKeyboardNavigationContext_1 = require("./TableKeyboardNavigationContext");
 /**
  * @hidden
  */
-exports.useTableKeyboardNavigation = function (elementId, navigatable) {
+var useTableKeyboardNavigation = function (elementId, navigatable) {
     var _a;
     var navigationContext = React.useContext(TableKeyboardNavigationContext_1.TableKeyboardNavigationContext);
     if (!navigationContext || !elementId || navigatable === false) {
@@ -19,3 +20,4 @@ exports.useTableKeyboardNavigation = function (elementId, navigatable) {
         _a[constants_1.KEYBOARD_NAV_DATA_ID] = elementId,
         _a;
 };
+exports.useTableKeyboardNavigation = useTableKeyboardNavigation;

package/dist/npm/navigation/utils.d.ts

@@ -3,19 +3,19 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
 /**
  * @hidden
  */
-export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: "column" | "cell") => string;
+export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
 /**
  * @hidden
  */
-export declare const getNavigatableLevel: (element: Element) => number;
+export declare const getNavigatableLevel: (element: Element | null) => number | undefined;
 /**
  * @hidden
  */
-export declare const getNavigatableId: (element: Element) => string;
+export declare const getNavigatableId: (element: Element | null) => string | undefined;
 /**
  * @hidden
  */
-export declare const isNavigatable: (element: Element) => boolean;
+export declare const isNavigatable: (element: Element | null) => boolean;
 /**
  * @hidden
  */
@@ -25,7 +25,7 @@ export declare const getNavigatableElement: (scope: HTMLElement, options?: {
 /**
  * @hidden
  */
-export declare const getClosestNavigatableElement: (target: HTMLElement) => Element;
+export declare const getClosestNavigatableElement: (target: HTMLElement) => Element | null;
 /**
  * @hidden
  */
@@ -33,15 +33,15 @@ export declare const getActiveElement: (scope: HTMLElement, activeId?: string) =
 /**
  * @hidden
  */
-export declare const getClosestScope: (target: HTMLElement) => Element;
+export declare const getClosestScope: (target: HTMLElement) => Element | null;
 /**
  * @hidden
  */
-export declare const getHeaderElement: (scope: HTMLElement) => Element;
+export declare const getHeaderElement: (scope: HTMLElement) => Element | null;
 /**
  * @hidden
  */
-export declare const getBodyElement: (scope: HTMLElement) => Element;
+export declare const getBodyElement: (scope: HTMLElement) => Element | null;
 /**
  * @hidden
  */
@@ -51,7 +51,7 @@ export declare const getFocusableElements: (scope: HTMLElement, options?: {
 /**
  * @hidden
  */
-export declare const getNavigatableElements: (scope: HTMLElement, options?: {
+export declare const getNavigatableElements: (scope: HTMLElement | null, options?: {
     level: number;
 }) => any[];
 /**
@@ -65,7 +65,7 @@ export declare const filterNavigatableElements: (options?: {
  */
 export declare const focusElement: (options: {
     elementForFocus: HTMLElement;
-    prevElement?: HTMLElement;
+    prevElement?: HTMLElement | undefined;
     contextStateRef: {
         current?: TableKeyboardNavigationContextType;
     };
@@ -80,15 +80,15 @@ export declare const getIdPrefix: (navigationStateRef: {
 /**
  * @hidden
  */
-export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
 /**
  * @hidden
  */
-export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
 /**
  * @hidden
  */
-export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[];
+export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
 /**
  * @hidden
  */
@@ -103,21 +103,21 @@ export declare const getFilterColumnId: (columnId: string) => string;
  * @hidden
  */
 export declare const tableKeyboardNavigationTools: {
-    generateNavigatableId: (navigationId: string, idPrefix: string, type?: "column" | "cell") => string;
-    getNavigatableId: (element: Element) => string;
-    getNavigatableLevel: (element: Element) => number;
+    generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
+    getNavigatableId: (element: Element | null) => string | undefined;
+    getNavigatableLevel: (element: Element | null) => number | undefined;
     getNavigatableElement: (scope: HTMLElement, options?: {
         level: number;
     }) => HTMLElement;
-    getClosestNavigatableElement: (target: HTMLElement) => Element;
+    getClosestNavigatableElement: (target: HTMLElement) => Element | null;
     getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
-    getClosestScope: (target: HTMLElement) => Element;
-    getHeaderElement: (scope: HTMLElement) => Element;
-    getBodyElement: (scope: HTMLElement) => Element;
+    getClosestScope: (target: HTMLElement) => Element | null;
+    getHeaderElement: (scope: HTMLElement) => Element | null;
+    getBodyElement: (scope: HTMLElement) => Element | null;
     getFocusableElements: (scope: HTMLElement, options?: {
         focusable: boolean;
     }) => Element[];
-    getNavigatableElements: (scope: HTMLElement, options?: {
+    getNavigatableElements: (scope: HTMLElement | null, options?: {
         level: number;
     }) => any[];
     filterNavigatableElements: (options?: {
@@ -125,7 +125,7 @@ export declare const tableKeyboardNavigationTools: {
     }) => (element: HTMLElement) => boolean;
     focusElement: (options: {
         elementForFocus: HTMLElement;
-        prevElement?: HTMLElement;
+        prevElement?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -134,10 +134,10 @@ export declare const tableKeyboardNavigationTools: {
     getIdPrefix: (navigationStateRef: {
         current?: TableKeyboardNavigationStateType;
     }) => string;
-    isNavigatable: (element: Element) => boolean;
-    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
-    findId: (navigationMatrix: string[][], cellId?: string) => number[];
+    isNavigatable: (element: Element | null) => boolean;
+    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [string, [number, number]] | [];
+    findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
     getNextNavigationIndex: (navigationStateRef: {
         current?: TableKeyboardNavigationStateType;
     }) => number;

package/dist/npm/navigation/utils.js

@@ -1,135 +1,151 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableKeyboardNavigationTools = exports.getFilterColumnId = exports.getNextNavigationIndex = exports.findId = exports.findNextIdByCellIndex = exports.findNextIdByRowIndex = exports.getIdPrefix = exports.focusElement = exports.filterNavigatableElements = exports.getNavigatableElements = exports.getFocusableElements = exports.getBodyElement = exports.getHeaderElement = exports.getClosestScope = exports.getActiveElement = exports.getClosestNavigatableElement = exports.getNavigatableElement = exports.isNavigatable = exports.getNavigatableId = exports.getNavigatableLevel = exports.generateNavigatableId = void 0;
 var constants_1 = require("./constants");
 /**
  * @hidden
  */
-exports.generateNavigatableId = function (navigationId, idPrefix, type) {
+var generateNavigatableId = function (navigationId, idPrefix, type) {
     if (type === void 0) { type = 'cell'; }
-    return idPrefix + "_" + navigationId + "_" + type;
+    return "".concat(idPrefix, "_").concat(navigationId, "_").concat(type);
 };
+exports.generateNavigatableId = generateNavigatableId;
 /**
  * @hidden
  */
-exports.getNavigatableLevel = function (element) {
+var getNavigatableLevel = function (element) {
     if (!element) {
         return;
     }
     return parseInt(element.getAttribute(constants_1.KEYBOARD_NAV_DATA_LEVEL) || '', 10);
 };
+exports.getNavigatableLevel = getNavigatableLevel;
 /**
  * @hidden
  */
-exports.getNavigatableId = function (element) {
+var getNavigatableId = function (element) {
     if (!element) {
         return;
     }
     var dataId = element.getAttribute(constants_1.KEYBOARD_NAV_DATA_ID);
     return dataId ? dataId : undefined;
 };
+exports.getNavigatableId = getNavigatableId;
 /**
  * @hidden
  */
-exports.isNavigatable = function (element) {
+var isNavigatable = function (element) {
     if (!element) {
         return false;
     }
     var dataId = element.getAttribute(constants_1.KEYBOARD_NAV_DATA_ID);
     return Boolean(dataId);
 };
+exports.isNavigatable = isNavigatable;
 /**
  * @hidden
  */
-exports.getNavigatableElement = function (scope, options) {
+var getNavigatableElement = function (scope, options) {
     if (options === void 0) { options = { level: 0 }; }
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']");
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"));
 };
+exports.getNavigatableElement = getNavigatableElement;
 /**
  * @hidden
  */
-exports.getClosestNavigatableElement = function (target) {
+var getClosestNavigatableElement = function (target) {
     return (target.parentElement &&
-        target.parentElement.closest("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "]"));
+        target.parentElement.closest("[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "]")));
 };
+exports.getClosestNavigatableElement = getClosestNavigatableElement;
 /**
  * @hidden
  */
-exports.getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_ID + "='" + activeId + "']");
+var getActiveElement = function (scope, activeId) {
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
 };
+exports.getActiveElement = getActiveElement;
 /**
  * @hidden
  */
-exports.getClosestScope = function (target) {
+var getClosestScope = function (target) {
     return (target.parentElement &&
-        target.parentElement.closest("[" + constants_1.KEYBOARD_NAV_DATA_SCOPE + "]"));
+        target.parentElement.closest("[".concat(constants_1.KEYBOARD_NAV_DATA_SCOPE, "]")));
 };
+exports.getClosestScope = getClosestScope;
 /**
  * @hidden
  */
-exports.getHeaderElement = function (scope) {
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_HEADER + "]");
+var getHeaderElement = function (scope) {
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_HEADER, "]"));
 };
+exports.getHeaderElement = getHeaderElement;
 /**
  * @hidden
  */
-exports.getBodyElement = function (scope) {
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_BODY + "]");
+var getBodyElement = function (scope) {
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_BODY, "]"));
 };
+exports.getBodyElement = getBodyElement;
 /**
  * @hidden
  */
-exports.getFocusableElements = function (scope, options) {
+var getFocusableElements = function (scope, options) {
     if (options === void 0) { options = { focusable: false }; }
     var selectors = options.focusable ? constants_1.FOCUSABLE_ELEMENTS : constants_1.TABBABLE_ELEMENTS;
     return Array.from(scope.querySelectorAll(selectors.join(',')));
 };
+exports.getFocusableElements = getFocusableElements;
 /**
  * @hidden
  */
-exports.getNavigatableElements = function (scope, options) {
+var getNavigatableElements = function (scope, options) {
     if (options === void 0) { options = { level: 0 }; }
     if (!scope) {
         return [];
     }
-    var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (el) { return el + ("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
+    var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (el) { return el + "[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
     return Array.from(scope.querySelectorAll(selector));
 };
+exports.getNavigatableElements = getNavigatableElements;
 /**
  * @hidden
  */
-exports.filterNavigatableElements = function (options) {
+var filterNavigatableElements = function (options) {
     if (options === void 0) { options = { level: 0 }; }
-    var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (sel) { return sel + ("[" + constants_1.KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
+    var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (sel) { return sel + "[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
     return function (element) { return element.matches(selector); };
 };
+exports.filterNavigatableElements = filterNavigatableElements;
 /**
  * @hidden
  */
-exports.focusElement = function (options) {
+var focusElement = function (options) {
     var elementForFocus = options.elementForFocus, event = options.event, contextStateRef = options.contextStateRef, prevElement = options.prevElement;
     if (contextStateRef.current && elementForFocus && elementForFocus.focus) {
         event.preventDefault();
         elementForFocus.focus();
-        if (exports.isNavigatable(elementForFocus)) {
+        if ((0, exports.isNavigatable)(elementForFocus)) {
             elementForFocus.setAttribute('tabIndex', '0');
-            contextStateRef.current.activeId = exports.getNavigatableId(elementForFocus);
+            contextStateRef.current.activeId = (0, exports.getNavigatableId)(elementForFocus);
         }
-        if (prevElement && exports.isNavigatable(prevElement)) {
+        if (prevElement && (0, exports.isNavigatable)(prevElement)) {
             prevElement.setAttribute('tabIndex', '-1');
         }
     }
 };
+exports.focusElement = focusElement;
 /**
  * @hidden
  */
-exports.getIdPrefix = function (navigationStateRef) {
+var getIdPrefix = function (navigationStateRef) {
     return navigationStateRef.current ? navigationStateRef.current.idPrefix : '';
 };
+exports.getIdPrefix = getIdPrefix;
 /**
  * @hidden
  */
-exports.findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {
+var findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {
     if (!elementId) {
         return [];
     }
@@ -143,10 +159,11 @@ exports.findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId,
     }
     return [];
 };
+exports.findNextIdByRowIndex = findNextIdByRowIndex;
 /**
  * @hidden
  */
-exports.findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {
+var findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {
     if (!elementId) {
         return [];
     }
@@ -160,10 +177,11 @@ exports.findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId,
     }
     return [];
 };
+exports.findNextIdByCellIndex = findNextIdByCellIndex;
 /**
  * @hidden
  */
-exports.findId = function (navigationMatrix, cellId) {
+var findId = function (navigationMatrix, cellId) {
     if (!cellId) {
         return;
     }
@@ -175,18 +193,21 @@ exports.findId = function (navigationMatrix, cellId) {
         }
     }
 };
+exports.findId = findId;
 /**
  * @hidden
  */
-exports.getNextNavigationIndex = function (navigationStateRef) {
+var getNextNavigationIndex = function (navigationStateRef) {
     return navigationStateRef.current ? navigationStateRef.current.navigationMatrix.length : 0;
 };
+exports.getNextNavigationIndex = getNextNavigationIndex;
 /**
  * @hidden
  */
-exports.getFilterColumnId = function (columnId) {
-    return columnId ? "" + columnId + constants_1.KEYBOARD_NAV_FILTER_COL_SUFFIX : '';
+var getFilterColumnId = function (columnId) {
+    return columnId ? "".concat(columnId).concat(constants_1.KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
 };
+exports.getFilterColumnId = getFilterColumnId;
 /**
  * @hidden
  */

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653456826,
+    publishDate: 1654690403,
     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/pager/Pager.d.ts

@@ -97,7 +97,7 @@ export declare class Pager extends React.Component<PagerProps> {
         buttonCount: PropTypes.Requireable<number>;
         info: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        pageSizes: PropTypes.Requireable<number[]>;
+        pageSizes: PropTypes.Requireable<(number | null | undefined)[]>;
         previousNext: PropTypes.Requireable<boolean>;
         onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
         messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
@@ -114,7 +114,7 @@ export declare class Pager extends React.Component<PagerProps> {
     /**
      * Returns the HTML element of the Pager component.
      */
-    readonly element: HTMLDivElement | null;
+    get element(): HTMLDivElement | null;
     constructor(props: PagerProps);
     /**
      * @hidden
@@ -128,8 +128,9 @@ export declare class Pager extends React.Component<PagerProps> {
      * @hidden
      */
     render(): JSX.Element;
+    private onPageChange;
     private renderButton;
-    private readonly totalPages;
+    private get totalPages();
     private changePage;
     private onWindowResize;
 }

package/dist/npm/pager/Pager.js

@@ -3,16 +3,30 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pager = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var PagerNumericButtons_1 = require("./PagerNumericButtons");
@@ -36,6 +50,12 @@ var Pager = /** @class */ (function (_super) {
     function Pager(props) {
         var _this = _super.call(this, props) || this;
         _this._element = null;
+        _this.onPageChange = function (eventData, syntheticEvent) {
+            var event = __assign({ target: _this, syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent.nativeEvent }, eventData);
+            if (_this.props.onPageChange) {
+                _this.props.onPageChange.call(undefined, event);
+            }
+        };
         _this.changePage = function (page, event) {
             if (_this.props.onPageChange && page > 0 && page <= _this.totalPages) {
                 _this.props.onPageChange({
@@ -66,7 +86,7 @@ var Pager = /** @class */ (function (_super) {
                 element.classList.remove('k-pager-sm');
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(Pager.prototype, "element", {
@@ -76,7 +96,7 @@ var Pager = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -98,8 +118,8 @@ var Pager = /** @class */ (function (_super) {
     Pager.prototype.render = function () {
         var _this = this;
         var _a = this.props, skip = _a.skip, take = _a.take, total = _a.total, pageSizes = _a.pageSizes, messagesMap = _a.messagesMap;
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
-        var intlService = kendo_react_intl_1.provideIntlService(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
+        var intlService = (0, kendo_react_intl_1.provideIntlService)(this);
         var currentPage = Math.floor(skip / take) + 1;
         var changer = this.props.type === 'numeric' ?
             (React.createElement(PagerNumericButtons_1.PagerNumericButtons, { buttonCount: this.props.buttonCount || 0, totalPages: this.totalPages, currentPage: currentPage, pageChange: this.changePage })) : (React.createElement(PagerInput_1.PagerInput, { currentPage: currentPage, totalPages: this.totalPages, pageChange: this.changePage, messagesMap: messagesMap }));
@@ -120,14 +140,14 @@ var Pager = /** @class */ (function (_super) {
             next = this.renderButton(currentPage + 1, 'k-link k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), 'k-icon k-i-arrow-60-right');
             last = this.renderButton(this.totalPages, 'k-link k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'k-icon k-i-arrow-end-right');
         }
-        var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.props.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap }));
+        var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap }));
         var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
             .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
             Math.min(skip + 1, total),
             Math.min(skip + take, total),
             total
         ])));
-        return (React.createElement("div", { className: kendo_react_common_1.classNames('k-pager-wrap k-pager k-widget', this.props.className), style: this.props.style, role: "navigation", ref: function (element) { return _this._element = element; } },
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-wrap k-pager k-widget', this.props.className), style: this.props.style, role: "navigation", ref: function (element) { return _this._element = element; } },
             first,
             prev,
             changer,
@@ -148,7 +168,7 @@ var Pager = /** @class */ (function (_super) {
         get: function () {
             return Math.ceil((this.props.total || 0) / this.props.take);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -179,5 +199,5 @@ var Pager = /** @class */ (function (_super) {
     return Pager;
 }(React.Component));
 exports.Pager = Pager;
-kendo_react_intl_1.registerForIntl(Pager);
-kendo_react_intl_1.registerForLocalization(Pager);
+(0, kendo_react_intl_1.registerForIntl)(Pager);
+(0, kendo_react_intl_1.registerForLocalization)(Pager);

package/dist/npm/pager/PagerInput.js

@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PagerInput = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
@@ -40,8 +43,8 @@ var PagerInput = /** @class */ (function (_super) {
     }
     PagerInput.prototype.render = function () {
         var _this = this;
-        var intlService = kendo_react_intl_1.provideIntlService(this);
-        var localizationService = kendo_react_intl_1.provideLocalizationService(this);
+        var intlService = (0, kendo_react_intl_1.provideIntlService)(this);
+        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var pageMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPage) :
             ({ messageKey: messages_1.pagerPage, defaultMessage: messages_1.messages[messages_1.pagerPage] });
         var ofMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerOf) :
@@ -51,12 +54,12 @@ var PagerInput = /** @class */ (function (_super) {
         return (React.createElement("span", { className: "k-pager-input k-label" },
             localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage),
             React.createElement("span", { className: 'k-textbox k-input k-input-md k-rounded-md k-input-solid' },
-                React.createElement("input", { className: "k-input-inner", value: this.value(), onBlur: function () { return _this.forceUpdate(); }, onChange: this.onChange })), localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage) + " " + intlService
+                React.createElement("input", { className: "k-input-inner", value: this.value(), onBlur: function () { return _this.forceUpdate(); }, onChange: this.onChange })), "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService
             .format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [
             this.props.totalPages
-        ])));
+        ]))));
     };
     return PagerInput;
 }(React.Component));
 exports.PagerInput = PagerInput;
-kendo_react_intl_1.registerForLocalization(PagerInput);
+(0, kendo_react_intl_1.registerForLocalization)(PagerInput);

package/dist/npm/pager/PagerNumericButtons.d.ts

@@ -17,6 +17,6 @@ export declare class PagerNumericButtons extends React.Component<PagerNumericBut
     private renderOptionDots;
     private handlePageChange;
     private handleSelectPageChange;
-    private readonly end;
-    private readonly start;
+    private get end();
+    private get start();
 }