@progress/kendo-react-data-tools 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

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: 1653030109,
+    publishDate: 1654509171,
     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)[]>;
         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();
 }

package/dist/npm/pager/PagerNumericButtons.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.PagerNumericButtons = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var dots = '...';
@@ -44,10 +47,10 @@ var PagerNumericButtons = /** @class */ (function (_super) {
             buttons.push(idx);
         }
         var numerics = buttons.map(function (page) { return (React.createElement("li", { key: page },
-            React.createElement("a", { href: "#", onClick: function (e) { return _this.handlePageChange(e, page); }, className: kendo_react_common_1.classNames('k-link', {
+            React.createElement("a", { href: "#", onClick: function (e) { return _this.handlePageChange(e, page); }, className: (0, kendo_react_common_1.classNames)('k-link', {
                     'k-selected': _this.props.currentPage === page
                 }) }, page))); });
-        var options = buttons.map(function (page) { return (React.createElement("option", { key: page, className: kendo_react_common_1.classNames('k-link') }, page)); });
+        var options = buttons.map(function (page) { return (React.createElement("option", { key: page, className: (0, kendo_react_common_1.classNames)('k-link') }, page)); });
         return (React.createElement("div", { className: "k-pager-numbers-wrap" },
             React.createElement("select", { className: "k-dropdown", value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
                 prevOptionDots,
@@ -70,7 +73,7 @@ var PagerNumericButtons = /** @class */ (function (_super) {
         get: function () {
             return Math.min((this.start + this.props.buttonCount) - 1, this.props.totalPages);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(PagerNumericButtons.prototype, "start", {
@@ -83,7 +86,7 @@ var PagerNumericButtons = /** @class */ (function (_super) {
             }
             return 1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return PagerNumericButtons;

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

@@ -7,7 +7,7 @@ export interface PagerPageSizesProps {
     pageChange?: (event: {
         skip: number;
         take: number;
-    }, e: React.SyntheticEvent<any>) => any;
+    }, e: React.SyntheticEvent<any>) => void;
     pageSizes: number[];
     messagesMap?: (messageKey: string) => ({
         messageKey: string;

package/dist/npm/pager/PagerPageSizes.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.PagerPageSizes = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
@@ -41,9 +44,9 @@ var PagerPageSizes = /** @class */ (function (_super) {
             ({ messageKey: messages_1.pagerItemPerPage, defaultMessage: messages_1.messages[messages_1.pagerItemPerPage] });
         return (React.createElement("span", { className: "k-pager-sizes k-label" },
             React.createElement(kendo_react_dropdowns_1.DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange }),
-            kendo_react_intl_1.provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
+            (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
     };
     return PagerPageSizes;
 }(React.Component));
 exports.PagerPageSizes = PagerPageSizes;
-kendo_react_intl_1.registerForLocalization(PagerPageSizes);
+(0, kendo_react_intl_1.registerForLocalization)(PagerPageSizes);

package/dist/npm/selection/TableSelection.js

@@ -11,14 +11,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableSelection = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var utils_1 = require("./utils");
 var constants_1 = require("./constants");
 /** @hidden */
-exports.TableSelection = function (props) {
+var TableSelection = function (props) {
     var onRelease = props.onRelease, childRef = props.childRef;
-    var _a = utils_1.getSelectionOptions(props.selectable), selectionEnabled = _a.enabled, selectionDrag = _a.drag, selectionMode = _a.mode, selectionCell = _a.cell;
+    var _a = (0, utils_1.getSelectionOptions)(props.selectable), selectionEnabled = _a.enabled, selectionDrag = _a.drag, selectionMode = _a.mode, selectionCell = _a.cell;
     var draggableRef = React.useRef(null);
     var overlayElementRef = React.useRef(null);
     var dragStartRef = React.useRef({ clientX: 0, clientY: 0 });
@@ -32,7 +33,7 @@ exports.TableSelection = function (props) {
         if (isPreventedRef.current || !draggableRef.current) {
             return;
         }
-        offsetParentRef.current = utils_1.relativeContextElement(draggableRef.current.element);
+        offsetParentRef.current = (0, utils_1.relativeContextElement)(draggableRef.current.element);
         dragStartRef.current = {
             clientY: event.clientY,
             clientX: event.clientX
@@ -51,7 +52,7 @@ exports.TableSelection = function (props) {
             isDraggedRef.current = true;
         }
         if (isDraggedRef.current) {
-            var offset = utils_1.getOffset(offsetParentRef.current);
+            var offset = (0, utils_1.getOffset)(offsetParentRef.current);
             setOverlaySettings({
                 top: Math.min(clientY, event.clientY) - offset.top,
                 left: Math.min(clientX, event.clientX) - offset.left,
@@ -75,10 +76,10 @@ exports.TableSelection = function (props) {
             if (!startElement) {
                 return;
             }
-            var tdElement = utils_1.closestTagName(startElement, 'TD');
-            var trElement = utils_1.closestTagName(startElement, 'TR');
-            var colIndex = utils_1.getColumnIndex(tdElement);
-            var rowIndex = utils_1.getRowIndex(trElement);
+            var tdElement = (0, utils_1.closestTagName)(startElement, 'TD');
+            var trElement = (0, utils_1.closestTagName)(startElement, 'TR');
+            var colIndex = (0, utils_1.getColumnIndex)(tdElement);
+            var rowIndex = (0, utils_1.getRowIndex)(trElement);
             if (tdElement && trElement && rowIndex !== undefined && colIndex !== undefined) {
                 onRelease({
                     nativeEvent: event.originalEvent,
@@ -112,14 +113,14 @@ exports.TableSelection = function (props) {
             if (!startElement || !endElement) {
                 return;
             }
-            var startTdElement = utils_1.closestTagName(startElement, 'TD');
-            var startTrElement = utils_1.closestTagName(startTdElement, 'TR');
-            var endTdElement = utils_1.closestTagName(endElement, 'TD');
-            var endTrElement = utils_1.closestTagName(endTdElement, 'TR');
-            var startColIndex = utils_1.getColumnIndex(startTdElement);
-            var startRowIndex = utils_1.getRowIndex(startTrElement);
-            var endColIndex = utils_1.getColumnIndex(endTdElement);
-            var endRowIndex = utils_1.getRowIndex(endTrElement);
+            var startTdElement = (0, utils_1.closestTagName)(startElement, 'TD');
+            var startTrElement = (0, utils_1.closestTagName)(startTdElement, 'TR');
+            var endTdElement = (0, utils_1.closestTagName)(endElement, 'TD');
+            var endTrElement = (0, utils_1.closestTagName)(endTdElement, 'TR');
+            var startColIndex = (0, utils_1.getColumnIndex)(startTdElement);
+            var startRowIndex = (0, utils_1.getRowIndex)(startTrElement);
+            var endColIndex = (0, utils_1.getColumnIndex)(endTdElement);
+            var endRowIndex = (0, utils_1.getRowIndex)(endTrElement);
             if (startColIndex !== undefined &&
                 startRowIndex !== undefined &&
                 endColIndex !== undefined &&
@@ -150,5 +151,6 @@ exports.TableSelection = function (props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(kendo_react_common_1.Draggable, { onPress: onPressHandler, onDrag: onDragHandler, onRelease: onReleaseHandler, ref: draggableRef, childRef: childRef }, props.children),
         overlaySettings &&
-            React.createElement("div", { ref: overlayElementRef, style: __assign({}, overlaySettings, { position: 'fixed' }), className: 'k-marquee k-marquee-color' })));
+            React.createElement("div", { ref: overlayElementRef, style: __assign(__assign({}, overlaySettings), { position: 'fixed' }), className: 'k-marquee k-marquee-color' })));
 };
+exports.TableSelection = TableSelection;

package/dist/npm/selection/constants.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TABLE_PREVENT_SELECTION_ELEMENT = exports.TABLE_COL_INDEX_ATTRIBUTE = exports.TABLE_ROW_INDEX_ATTRIBUTE = void 0;
 /** @hidden */
 exports.TABLE_ROW_INDEX_ATTRIBUTE = 'data-grid-row-index';
 /** @hidden */