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

package/dist/es/header/HeaderRow.d.ts

@@ -6,18 +6,20 @@ import { SortSettings } from './SortSettings';
 import { ColumnResize } from '../drag/ColumnResize';
 import { ColumnDraggableProps } from '../drag/ColumnDraggable';
 import { ColumnMenuProps } from '../columnmenu';
+import { CellProps } from './CellProps';
+import { FilterCellProps } from '../filteringCells';
 /**
  * @hidden
  */
-export interface HeaderRowProps extends ColumnDraggableProps {
+export interface HeaderRowProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnDraggableProps {
     sortable?: SortSettings;
     sortChange?: (e: React.SyntheticEvent<any>, descriptors: SortDescriptor[], field?: string) => void;
     sort?: SortDescriptor[];
-    columns: ExtendedColumnProps[];
+    columns: ExtendedColumnProps<C, H, F>[];
     columnsMap: number[][];
     selectionChange: (e: any) => void;
     cellRender?: (defaultRendering: React.ReactNode | null, props: HeaderCellProps) => React.ReactNode;
-    columnResize?: ColumnResize;
+    columnResize?: ColumnResize<C, H, F>;
     columnMenu?: React.ComponentType<ColumnMenuProps>;
     columnMenuFilter?: CompositeFilterDescriptor[];
     columnMenuFilterChange?: (e: React.SyntheticEvent<any>, filter: CompositeFilterDescriptor[], field?: string) => void;
@@ -25,10 +27,10 @@ export interface HeaderRowProps extends ColumnDraggableProps {
 /**
  * @hidden
  */
-export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
-    cellClick: (e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps) => void;
-    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps) => void;
-    sortIcon(sortIndex: number): JSX.Element[];
+export declare class HeaderRow<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends React.Component<HeaderRowProps<C, H, F>, {}> {
+    cellClick: (e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
+    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
+    sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
     render(): JSX.Element[];
     private cells;
 }

package/dist/es/header/HeaderSelectionCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderCellProps } from './HeaderCell';
 /**
  * @hidden
@@ -8,4 +9,4 @@ export interface HeaderSelectionCellProps extends HeaderCellProps {
 /**
  * @hidden
  */
-export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): any;
+export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): JSX.Element;

package/dist/es/header/HeaderSelectionCell.js

@@ -12,7 +12,7 @@ export function HeaderSelectionCell(props) {
             } })),
         (React.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: props.inputId }))
     ];
-    return props.render ?
+    return (React.createElement(React.Fragment, null, props.render ?
         props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
+        defaultRendering));
 }

package/dist/es/header/HeaderThElement.d.ts

@@ -4,20 +4,20 @@
  */
 export declare const HeaderThElement: {
     (props: {
-        ariaSort?: 'none' | 'ascending' | 'descending';
-        ariaLabel?: string;
-        ariaColumnIndex?: number;
-        ariaSelected?: boolean;
-        ariaDescription?: string;
-        colSpan?: number;
-        rowSpan?: number;
-        role?: string;
+        ariaSort?: "none" | "ascending" | "descending" | undefined;
+        ariaLabel?: string | undefined;
+        ariaColumnIndex?: number | undefined;
+        ariaSelected?: boolean | undefined;
+        ariaDescription?: string | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        role?: string | undefined;
         columnId: string;
-        className?: string;
+        className?: string | undefined;
         style?: any;
         children: any;
         onKeyDown?: any;
-        navigatable?: boolean;
+        navigatable?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/dist/es/header/SortSettings.js

@@ -1,7 +1,11 @@
-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));
 };
 /**
  * @hidden
@@ -11,5 +15,5 @@ export var normalize = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings));
+    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };

package/dist/es/header/utils/index.d.ts

@@ -1,4 +1,7 @@
+import { FilterCellProps } from '../../filteringCells';
+import { CellProps } from '../CellProps';
 import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
+import { HeaderCellProps } from '../HeaderCell';
 /**
  * @hidden
  */
@@ -20,10 +23,10 @@ export declare function mapColumns(columns: Array<{
 /**
  * @hidden
  */
-export declare function readColumns(elements: TreeColumnBaseProps[], idInfo: {
+export declare function readColumns<C = CellProps, H = HeaderCellProps, F = FilterCellProps>(elements: TreeColumnBaseProps<C, H, F>[], idInfo: {
     prevId: number;
     idPrefix: string;
-}, depth?: number): ExtendedColumnProps[];
+}, depth?: number): ExtendedColumnProps<C, H, F>[];
 /**
  * @hidden
  */

package/dist/es/header/utils/index.js

@@ -107,7 +107,7 @@ export function readColumns(elements, idInfo, depth) {
     elements.forEach(function (columnProps) {
         var children = readColumns(columnProps.children || [], idInfo, depth + 1);
         columns.push(Object.assign({}, { depth: depth }, ColumnDefaultProps, columnProps, {
-            id: columnProps.id ? columnProps.id : generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+            id: columnProps.id ? columnProps.id : generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
             declarationIndex: columns.length,
             children: children,
             rowSpan: 0,

package/dist/es/navigation/TableKeyboardNavigation.d.ts

@@ -13,10 +13,10 @@ export declare const tableKeyboardNavigation: {
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };
-        idPrefix?: string;
+        idPrefix?: string | undefined;
     }) => void;
     onComponentDidMount: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -25,7 +25,7 @@ export declare const tableKeyboardNavigation: {
         };
     }) => void;
     onGetSnapshotBeforeUpdate: (options: {
-        document?: Document;
+        document?: Document | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -34,7 +34,7 @@ export declare const tableKeyboardNavigation: {
         };
     }) => void;
     onComponentDidUpdate: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -54,13 +54,13 @@ export declare const tableKeyboardNavigation: {
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };
-        onNavigationAction?: (options: {
+        onNavigationAction?: ((options: {
             event: React.KeyboardEvent<HTMLElement>;
             focusElement: any;
-        }) => void;
+        }) => void) | undefined;
     }) => void;
     generateMatrix: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };

package/dist/es/navigation/TableKeyboardNavigation.js

@@ -1,7 +1,11 @@
-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));
 };
 import { guid, Keys } from '@progress/kendo-react-common';
 import { findId, findNextIdByCellIndex, findNextIdByRowIndex, getBodyElement, getHeaderElement, getNavigatableId, tableKeyboardNavigationTools as navigationTools } from './utils';
@@ -196,7 +200,7 @@ var generateMatrix = function (options) {
     }
     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 = getNavigatableId(cell);
             if (!cellId) {

package/dist/es/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/es/navigation/constants.js

@@ -1,7 +1,11 @@
-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;
 /**
@@ -50,11 +54,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
 /**
  * @hidden
  */
-export var FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE), ['[tabindex]']);
+export var FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-export var TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE), ['[tabindex]']).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
+export var TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
 /**
  * @hidden
  */

package/dist/es/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/es/navigation/utils.js

@@ -4,7 +4,7 @@ import { FOCUSABLE_ELEMENTS, KEYBOARD_NAV_DATA_BODY, KEYBOARD_NAV_DATA_HEADER, K
  */
 export var generateNavigatableId = function (navigationId, idPrefix, type) {
     if (type === void 0) { type = 'cell'; }
-    return idPrefix + "_" + navigationId + "_" + type;
+    return "".concat(idPrefix, "_").concat(navigationId, "_").concat(type);
 };
 /**
  * @hidden
@@ -40,39 +40,39 @@ export var isNavigatable = function (element) {
  */
 export var getNavigatableElement = function (scope, options) {
     if (options === void 0) { options = { level: 0 }; }
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"));
 };
 /**
  * @hidden
  */
 export var getClosestNavigatableElement = function (target) {
     return (target.parentElement &&
-        target.parentElement.closest("[" + KEYBOARD_NAV_DATA_LEVEL + "]"));
+        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_LEVEL, "]")));
 };
 /**
  * @hidden
  */
 export var getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_ID + "='" + activeId + "']");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
 };
 /**
  * @hidden
  */
 export var getClosestScope = function (target) {
     return (target.parentElement &&
-        target.parentElement.closest("[" + KEYBOARD_NAV_DATA_SCOPE + "]"));
+        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_SCOPE, "]")));
 };
 /**
  * @hidden
  */
 export var getHeaderElement = function (scope) {
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_HEADER + "]");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_HEADER, "]"));
 };
 /**
  * @hidden
  */
 export var getBodyElement = function (scope) {
-    return scope.querySelector("[" + KEYBOARD_NAV_DATA_BODY + "]");
+    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_BODY, "]"));
 };
 /**
  * @hidden
@@ -90,7 +90,7 @@ export var getNavigatableElements = function (scope, options) {
     if (!scope) {
         return [];
     }
-    var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + ("[" + KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
+    var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
     return Array.from(scope.querySelectorAll(selector));
 };
 /**
@@ -98,7 +98,7 @@ export var getNavigatableElements = function (scope, options) {
  */
 export var filterNavigatableElements = function (options) {
     if (options === void 0) { options = { level: 0 }; }
-    var selector = FOCUSABLE_ELEMENTS.map(function (sel) { return sel + ("[" + KEYBOARD_NAV_DATA_LEVEL + "='" + options.level + "']"); }).join(',');
+    var selector = FOCUSABLE_ELEMENTS.map(function (sel) { return sel + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
     return function (element) { return element.matches(selector); };
 };
 /**
@@ -183,7 +183,7 @@ export var getNextNavigationIndex = function (navigationStateRef) {
  * @hidden
  */
 export var getFilterColumnId = function (columnId) {
-    return columnId ? "" + columnId + KEYBOARD_NAV_FILTER_COL_SUFFIX : '';
+    return columnId ? "".concat(columnId).concat(KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
 };
 /**
  * @hidden

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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/es/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/es/pager/Pager.js

@@ -13,6 +13,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);
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { PagerNumericButtons } from './PagerNumericButtons';
@@ -36,6 +47,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({
@@ -120,7 +137,7 @@ 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, { pageChange: this.props.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap }));
+        var pagerPageSizes = pageSizes && (React.createElement(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),

package/dist/es/pager/PagerInput.js

@@ -51,10 +51,10 @@ 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));

package/dist/es/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/es/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/es/selection/utils.js

@@ -9,10 +9,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));
 };
 import { extendDataItem, getter, Keys, mapTree, hasRelativeStackingContext } from '@progress/kendo-react-common';
 import { TABLE_COL_INDEX_ATTRIBUTE, TABLE_ROW_INDEX_ATTRIBUTE } from './constants';
@@ -28,7 +32,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);
         }
     }
 };
@@ -158,7 +162,7 @@ export 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 {
@@ -187,7 +191,7 @@ export 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;
             });
         }
     }

package/dist/es/utils/data-operations.js

@@ -9,20 +9,24 @@ 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));
 };
 import { orderBy as kendoDataQueryOrderBy, filterBy as kendoDataQueryFilterBy } from '@progress/kendo-data-query';
 // Gets and sets the children. Returns the children or the re-created item with the new children.
 function children(item, subItemsField, subItems) {
     var _a;
     if (subItems) {
-        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems) : undefined, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems, true) : undefined, _a));
     }
     else {
-        return item && item[subItemsField] ? __spreadArray([], item[subItemsField]) : [];
+        return item && item[subItemsField] ? __spreadArray([], item[subItemsField], true) : [];
     }
 }
 function sortChildren(dataItem, sort, subItemsField) {
@@ -74,7 +78,7 @@ function filterChildren(dataItem, filters, subItemsField) {
  */
 export function filterBy(data, descriptors, subItemsField) {
     var _a;
-    var filtered = (_a = {}, _a[subItemsField] = __spreadArray([], data), _a);
+    var filtered = (_a = {}, _a[subItemsField] = __spreadArray([], data, true), _a);
     filtered = filterChildren(filtered, descriptors, subItemsField);
     return filtered[subItemsField] || [];
 }

package/dist/es/utils/group-operations.d.ts

@@ -6,7 +6,7 @@ import { GroupDescriptor } from '@progress/kendo-data-query';
  */
 export declare const setGroupIds: (options: {
     data: any;
-    group?: Array<GroupDescriptor>;
+    group?: GroupDescriptor[] | undefined;
 }) => void;
 /**
  * Get all group ids from the data.

package/dist/es/utils/group-operations.js

@@ -6,7 +6,7 @@ var GROUP_SUBITEMS_COLLECTION = 'items';
  */
 var setGroupId = function (group, depth, parentValue) {
     if (group.items) {
-        group[GROUP_ID_FIELD] = "" + parentValue + (parentValue && '_') + group.value + group.field;
+        group[GROUP_ID_FIELD] = "".concat(parentValue).concat(parentValue && '_').concat(group.value).concat(group.field);
         if (depth > 1) {
             group.items.forEach(function (item) { return setGroupId(item, depth - 1, group[GROUP_ID_FIELD]); });
         }