@progress/kendo-react-data-tools 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

package/dist/npm/navigation/TableKeyboardNavigation.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableKeyboardNavigation = void 0;
@@ -22,7 +26,7 @@ var onConstructor = function (options) {
         navigationStateRef.current = {
             activeElementIsFocused: false,
             prevNavigationIndexes: undefined,
-            idPrefix: idPrefix || kendo_react_common_1.guid(),
+            idPrefix: idPrefix || (0, kendo_react_common_1.guid)(),
             navigationMatrix: [],
             lastHeaderIndex: -1
         };
@@ -159,17 +163,17 @@ var onKeyDown = function (event, options) {
                     currentIdIndexes = navigationStateRef.current.prevNavigationIndexes;
                 }
                 else {
-                    currentIdIndexes = utils_1.findId(matrix, elementId);
+                    currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
                 }
             }
             else {
-                currentIdIndexes = utils_1.findId(matrix, elementId);
+                currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
             }
             if (currentIdIndexes) {
                 var rowIndex = currentIdIndexes[0], cellIndex = currentIdIndexes[1];
                 var _b = isVertical ?
-                    utils_1.findNextIdByRowIndex(rowIndex, cellIndex, elementId, matrix, isReverse) :
-                    utils_1.findNextIdByCellIndex(rowIndex, cellIndex, elementId, matrix, isReverse), idForFocus = _b[0], currentIndexes = _b[1];
+                    (0, utils_1.findNextIdByRowIndex)(rowIndex, cellIndex, elementId, matrix, isReverse) :
+                    (0, utils_1.findNextIdByCellIndex)(rowIndex, cellIndex, elementId, matrix, isReverse), idForFocus = _b[0], currentIndexes = _b[1];
                 if (idForFocus) {
                     var elementForFocus = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, idForFocus);
                     // emit event
@@ -192,16 +196,16 @@ var generateMatrix = function (options) {
         return;
     }
     var matrix = [];
-    var thead = utils_1.getHeaderElement(scope);
-    var tbody = utils_1.getBodyElement(scope);
+    var thead = (0, utils_1.getHeaderElement)(scope);
+    var tbody = (0, utils_1.getBodyElement)(scope);
     if (!thead || !tbody) {
         return;
     }
     var headerRows = Array.from(thead.children);
     var bodyRows = Array.from(tbody.children);
-    __spreadArray(__spreadArray([], headerRows), bodyRows).forEach(function (row, rowIndex) {
+    __spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
         Array.from(row.children).forEach(function (cell) {
-            var cellId = utils_1.getNavigatableId(cell);
+            var cellId = (0, utils_1.getNavigatableId)(cell);
             if (!cellId) {
                 return;
             } // cell is not navigatable

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

@@ -3,4 +3,4 @@ import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationCon
 /**
  * @hidden
  */
-export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType>;
+export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType | undefined>;

package/dist/npm/navigation/constants.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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 });
@@ -53,11 +57,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
 /**
  * @hidden
  */
-exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE), ['[tabindex]']);
+exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-exports.TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE), ['[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/utils.d.ts

@@ -7,11 +7,11 @@ export declare const generateNavigatableId: (navigationId: string, idPrefix: str
 /**
  * @hidden
  */
-export declare const getNavigatableLevel: (element: Element | null) => number;
+export declare const getNavigatableLevel: (element: Element | null) => number | undefined;
 /**
  * @hidden
  */
-export declare const getNavigatableId: (element: Element | null) => string;
+export declare const getNavigatableId: (element: Element | null) => string | undefined;
 /**
  * @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
  */
@@ -65,7 +65,7 @@ export declare const filterNavigatableElements: (options?: {
  */
 export declare const focusElement: (options: {
     elementForFocus: HTMLElement;
-    prevElement?: HTMLElement;
+    prevElement?: HTMLElement | undefined;
     contextStateRef: {
         current?: TableKeyboardNavigationContextType;
     };
@@ -104,16 +104,16 @@ export declare const getFilterColumnId: (columnId: string) => string;
  */
 export declare const tableKeyboardNavigationTools: {
     generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell') => string;
-    getNavigatableId: (element: Element | null) => string;
-    getNavigatableLevel: (element: Element | null) => number;
+    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[];
@@ -125,7 +125,7 @@ export declare const tableKeyboardNavigationTools: {
     }) => (element: HTMLElement) => boolean;
     focusElement: (options: {
         elementForFocus: HTMLElement;
-        prevElement?: HTMLElement;
+        prevElement?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };

package/dist/npm/navigation/utils.js

@@ -7,7 +7,7 @@ var constants_1 = require("./constants");
  */
 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;
 /**
@@ -47,7 +47,7 @@ exports.isNavigatable = isNavigatable;
  */
 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;
 /**
@@ -55,14 +55,14 @@ exports.getNavigatableElement = getNavigatableElement;
  */
 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
  */
 var getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_ID + "='" + activeId + "']");
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
 };
 exports.getActiveElement = getActiveElement;
 /**
@@ -70,21 +70,21 @@ exports.getActiveElement = getActiveElement;
  */
 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
  */
 var getHeaderElement = function (scope) {
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_HEADER + "]");
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_HEADER, "]"));
 };
 exports.getHeaderElement = getHeaderElement;
 /**
  * @hidden
  */
 var getBodyElement = function (scope) {
-    return scope.querySelector("[" + constants_1.KEYBOARD_NAV_DATA_BODY + "]");
+    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_BODY, "]"));
 };
 exports.getBodyElement = getBodyElement;
 /**
@@ -104,7 +104,7 @@ var getNavigatableElements = function (scope, options) {
     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;
@@ -113,7 +113,7 @@ exports.getNavigatableElements = getNavigatableElements;
  */
 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;
@@ -125,11 +125,11 @@ var focusElement = function (options) {
     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');
         }
     }
@@ -205,7 +205,7 @@ exports.getNextNavigationIndex = getNextNavigationIndex;
  * @hidden
  */
 var getFilterColumnId = function (columnId) {
-    return columnId ? "" + columnId + constants_1.KEYBOARD_NAV_FILTER_COL_SUFFIX : '';
+    return columnId ? "".concat(columnId).concat(constants_1.KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
 };
 exports.getFilterColumnId = getFilterColumnId;
 /**

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648249,
+    publishDate: 1654761994,
     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>;
@@ -128,6 +128,7 @@ export declare class Pager extends React.Component<PagerProps> {
      * @hidden
      */
     render(): JSX.Element;
+    private onPageChange;
     private renderButton;
     private get totalPages();
     private changePage;

package/dist/npm/pager/Pager.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         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");
@@ -39,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({
@@ -69,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", {
@@ -101,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 }));
@@ -123,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,
@@ -182,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

@@ -43,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) :
@@ -54,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.js

@@ -47,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,

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

@@ -44,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

@@ -19,7 +19,7 @@ var constants_1 = require("./constants");
 /** @hidden */
 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 });
@@ -33,7 +33,7 @@ var 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
@@ -52,7 +52,7 @@ var 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,
@@ -76,10 +76,10 @@ var 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,
@@ -113,14 +113,14 @@ var 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 &&

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

@@ -3,9 +3,9 @@ import { TableSelectableSettings } from './TableSelectableSettings';
 /** @hidden */
 export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
 /** @hidden */
-export declare const getRowIndex: (element: HTMLTableRowElement) => number;
+export declare const getRowIndex: (element: HTMLTableRowElement) => number | undefined;
 /** @hidden */
-export declare const getColumnIndex: (element: HTMLTableCellElement) => number;
+export declare const getColumnIndex: (element: HTMLTableCellElement) => number | undefined;
 /**
  * @hidden
  *
@@ -21,7 +21,7 @@ export declare const setSelectedState: (options: {
     };
     dataItemKey: string;
     selectedField: string;
-    subItemsField?: string;
+    subItemsField?: string | undefined;
 }) => any[];
 /**
  * Get selected state from the component KeyDown event.

package/dist/npm/selection/utils.js

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSelectionOptions = exports.getOffset = exports.relativeContextElement = exports.getSelectedState = exports.getSelectedStateFromKeyDown = exports.setSelectedState = exports.getColumnIndex = exports.getRowIndex = exports.closestTagName = void 0;
@@ -31,7 +35,7 @@ var getCellSelection = function (currentSelection, selectedColumn) {
             return currentSelection.filter(function (columnIndex) { return columnIndex === selectedColumn; });
         }
         else {
-            return __spreadArray(__spreadArray([], currentSelection), [selectedColumn]);
+            return __spreadArray(__spreadArray([], currentSelection, true), [selectedColumn], false);
         }
     }
 };
@@ -78,10 +82,10 @@ exports.getColumnIndex = getColumnIndex;
  */
 var setSelectedState = function (options) {
     var subItemsField = options.subItemsField || GROUP_SUBITEMS_COLLECTION;
-    var idGetter = kendo_react_common_1.getter(options.dataItemKey);
-    return kendo_react_common_1.mapTree(options.data, subItemsField, function (item) {
+    var idGetter = (0, kendo_react_common_1.getter)(options.dataItemKey);
+    return (0, kendo_react_common_1.mapTree)(options.data, subItemsField, function (item) {
         var _a;
-        return kendo_react_common_1.extendDataItem(item, subItemsField, (_a = {},
+        return (0, kendo_react_common_1.extendDataItem)(item, subItemsField, (_a = {},
             _a[options.selectedField] = options.selectedState[idGetter(item)],
             _a));
     });
@@ -100,13 +104,13 @@ var getSelectedStateFromKeyDown = function (options) {
     if (syntheticEvent.isDefaultPrevented() || nativeEvent.keyCode !== kendo_react_common_1.Keys.enter) {
         return selectedState;
     }
-    var tdElement = exports.closestTagName(target, 'TD');
-    var trElement = exports.closestTagName(target, 'TR');
-    var colIndex = exports.getColumnIndex(tdElement);
-    var rowIndex = exports.getRowIndex(trElement);
+    var tdElement = (0, exports.closestTagName)(target, 'TD');
+    var trElement = (0, exports.closestTagName)(target, 'TR');
+    var colIndex = (0, exports.getColumnIndex)(tdElement);
+    var rowIndex = (0, exports.getRowIndex)(trElement);
     var selectionState = {};
     if (tdElement && trElement && rowIndex !== undefined && colIndex !== undefined) {
-        selectionState = exports.getSelectedState({
+        selectionState = (0, exports.getSelectedState)({
             selectedState: selectedState,
             dataItemKey: dataItemKey,
             event: {
@@ -140,7 +144,7 @@ exports.getSelectedStateFromKeyDown = getSelectedStateFromKeyDown;
 var getSelectedState = function (options) {
     var event = options.event, dataItemKey = options.dataItemKey, prevSelectedState = options.selectedState;
     var dataItems = event.dataItems, startRowIndex = event.startRowIndex, endRowIndex = event.endRowIndex, startColIndex = event.startColIndex, endColIndex = event.endColIndex, cell = event.cell, isDrag = event.isDrag, ctrlKey = event.ctrlKey, shiftKey = event.shiftKey, metaKey = event.metaKey, componentId = event.componentId, mode = event.mode, dataItem = event.dataItem;
-    var idGetter = kendo_react_common_1.getter(dataItemKey);
+    var idGetter = (0, kendo_react_common_1.getter)(dataItemKey);
     var selectionState = {};
     var isInputEvent = dataItem !== null;
     if (mode === 'single') {
@@ -166,7 +170,7 @@ var getSelectedState = function (options) {
         var selectedDataItems = dataItems.slice(startRowIndex, endRowIndex + 1);
         selectedDataItems.forEach(function (currentItem) {
             var itemId = idGetter(currentItem);
-            selectionState[itemId] = cell ? __spreadArray([], selectedColumns_1) : true;
+            selectionState[itemId] = cell ? __spreadArray([], selectedColumns_1, true) : true;
         });
     }
     else {
@@ -195,7 +199,7 @@ var getSelectedState = function (options) {
             var selectedDataItems = dataItems.slice(currentStartRowIndex, currentEndRowIndex + 1);
             selectedDataItems.forEach(function (currentItem) {
                 var itemId = idGetter(currentItem);
-                selectionState[itemId] = cell ? __spreadArray([], selectedColumns_2) : true;
+                selectionState[itemId] = cell ? __spreadArray([], selectedColumns_2, true) : true;
             });
         }
     }
@@ -203,7 +207,7 @@ var getSelectedState = function (options) {
 };
 exports.getSelectedState = getSelectedState;
 /** @hidden */
-var HAS_RELATIVE_STACKING_CONTEXT = kendo_react_common_1.hasRelativeStackingContext();
+var HAS_RELATIVE_STACKING_CONTEXT = (0, kendo_react_common_1.hasRelativeStackingContext)();
 /** @hidden */
 var relativeContextElement = function (element) {
     if (!element || !HAS_RELATIVE_STACKING_CONTEXT) {