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

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 */

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

@@ -1,11 +1,11 @@
 import { TableKeyDownEvent, TableSelectionChangeEvent } from './events';
 import { TableSelectableSettings } from './TableSelectableSettings';
 /** @hidden */
-export declare const closestTagName: (target: HTMLElement, tagName: "TD" | "TR" | "TABLE") => HTMLElement;
+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.
@@ -61,6 +61,6 @@ export declare const getOffset: (offsetParent: any) => any;
 export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
     enabled: boolean;
     drag: boolean;
-    mode: "multiple" | "single";
+    mode: import("./TableSelectableSettings").TableSelectableMode;
     cell: boolean;
 };

package/dist/npm/selection/utils.js

@@ -10,7 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var constants_1 = require("./constants");
 var GROUP_SUBITEMS_COLLECTION = 'items';
@@ -25,12 +35,12 @@ var getCellSelection = function (currentSelection, selectedColumn) {
             return currentSelection.filter(function (columnIndex) { return columnIndex === selectedColumn; });
         }
         else {
-            return currentSelection.concat([selectedColumn]);
+            return __spreadArray(__spreadArray([], currentSelection, true), [selectedColumn], false);
         }
     }
 };
 /** @hidden */
-exports.closestTagName = function (target, tagName) {
+var closestTagName = function (target, tagName) {
     var currentTarget = target;
     while (currentTarget) {
         if (currentTarget.tagName === tagName) {
@@ -43,22 +53,25 @@ exports.closestTagName = function (target, tagName) {
     }
     return null;
 };
+exports.closestTagName = closestTagName;
 /** @hidden */
-exports.getRowIndex = function (element) {
+var getRowIndex = function (element) {
     if (!element) {
         return;
     }
     var rowIndex = element.getAttribute(constants_1.TABLE_ROW_INDEX_ATTRIBUTE);
     return rowIndex ? parseInt(rowIndex, 10) : undefined;
 };
+exports.getRowIndex = getRowIndex;
 /** @hidden */
-exports.getColumnIndex = function (element) {
+var getColumnIndex = function (element) {
     if (!element) {
         return;
     }
     var colIndex = element.getAttribute(constants_1.TABLE_COL_INDEX_ATTRIBUTE);
     return colIndex ? parseInt(colIndex, 10) : undefined;
 };
+exports.getColumnIndex = getColumnIndex;
 /**
  * @hidden
  *
@@ -67,41 +80,49 @@ exports.getColumnIndex = function (element) {
  * @param {{data: any, selectedState:  {[id: string]: boolean | number[]}, dataItemKey: string; selectedField: string; subItemsField?: string; }} options
  * @returns {any[]}
  */
-exports.setSelectedState = function (options) {
+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));
     });
 };
+exports.setSelectedState = setSelectedState;
 /**
  * Get selected state from the component KeyDown event.
  *
  * @param {{event: TableKeyDownEvent, selectedState:  {[id: string]: boolean | number[]}, dataItemKey: string}} options
  * @returns {{[id: string]: boolean | number[]}} - The new selected state.
  */
-exports.getSelectedStateFromKeyDown = function (options) {
+var getSelectedStateFromKeyDown = function (options) {
     var event = options.event, dataItemKey = options.dataItemKey, selectedState = options.selectedState;
     var syntheticEvent = event.syntheticEvent, nativeEvent = event.nativeEvent, dataItems = event.dataItems, componentId = event.componentId, mode = event.mode, cell = event.cell, selectedField = event.selectedField;
     var target = nativeEvent.target, ctrlKey = nativeEvent.ctrlKey, metaKey = nativeEvent.metaKey, altKey = nativeEvent.altKey, shiftKey = nativeEvent.shiftKey;
     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: {
-                ctrlKey: ctrlKey, metaKey: metaKey, altKey: altKey, shiftKey: shiftKey,
-                dataItems: dataItems, cell: cell, mode: mode, selectedField: selectedField, componentId: componentId,
+                ctrlKey: ctrlKey,
+                metaKey: metaKey,
+                altKey: altKey,
+                shiftKey: shiftKey,
+                dataItems: dataItems,
+                cell: cell,
+                mode: mode,
+                selectedField: selectedField,
+                componentId: componentId,
                 startColIndex: colIndex, endColIndex: colIndex, startRowIndex: rowIndex, endRowIndex: rowIndex,
                 isDrag: false,
                 syntheticEvent: syntheticEvent,
@@ -113,16 +134,17 @@ exports.getSelectedStateFromKeyDown = function (options) {
     }
     return selectionState;
 };
+exports.getSelectedStateFromKeyDown = getSelectedStateFromKeyDown;
 /**
  * Get selected state from the component selection event.
  *
  * @param {{event: TableSelectionChangeEvent, selectedState:  {[id: string]: boolean | number[]}, dataItemKey: string}} options
  * @returns {{[id: string]: boolean | number[]}} - The new selected state.
  */
-exports.getSelectedState = function (options) {
+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') {
@@ -148,7 +170,7 @@ exports.getSelectedState = function (options) {
         var selectedDataItems = dataItems.slice(startRowIndex, endRowIndex + 1);
         selectedDataItems.forEach(function (currentItem) {
             var itemId = idGetter(currentItem);
-            selectionState[itemId] = cell ? selectedColumns_1.slice() : true;
+            selectionState[itemId] = cell ? __spreadArray([], selectedColumns_1, true) : true;
         });
     }
     else {
@@ -177,16 +199,17 @@ exports.getSelectedState = function (options) {
             var selectedDataItems = dataItems.slice(currentStartRowIndex, currentEndRowIndex + 1);
             selectedDataItems.forEach(function (currentItem) {
                 var itemId = idGetter(currentItem);
-                selectionState[itemId] = cell ? selectedColumns_2.slice() : true;
+                selectionState[itemId] = cell ? __spreadArray([], selectedColumns_2, true) : true;
             });
         }
     }
     return selectionState;
 };
+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 */
-exports.relativeContextElement = function (element) {
+var relativeContextElement = function (element) {
     if (!element || !HAS_RELATIVE_STACKING_CONTEXT) {
         return null;
     }
@@ -198,8 +221,9 @@ exports.relativeContextElement = function (element) {
         node = node.parentElement;
     }
 };
+exports.relativeContextElement = relativeContextElement;
 /** @hidden */
-exports.getOffset = function (offsetParent) {
+var getOffset = function (offsetParent) {
     if (offsetParent && offsetParent.ownerDocument) {
         if (offsetParent !== offsetParent.ownerDocument.body) {
             var rect = offsetParent.getBoundingClientRect();
@@ -211,8 +235,9 @@ exports.getOffset = function (offsetParent) {
     }
     return { left: 0, top: 0 };
 };
+exports.getOffset = getOffset;
 /** @hidden */
-exports.getSelectionOptions = function (selectable) {
+var getSelectionOptions = function (selectable) {
     var enabled = selectable ?
         (typeof selectable.enabled === 'boolean' ? selectable.enabled : true) :
         false;
@@ -221,3 +246,4 @@ exports.getSelectionOptions = function (selectable) {
     var cell = Boolean(selectable && selectable.cell);
     return { enabled: enabled, drag: drag, mode: mode, cell: cell };
 };
+exports.getSelectionOptions = getSelectionOptions;

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

@@ -10,24 +10,34 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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.filterBy = exports.orderBy = void 0;
 var kendo_data_query_1 = require("@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({}, item, (_a = {}, _a[subItemsField] = subItems.length ? subItems.slice() : undefined, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems.length ? __spreadArray([], subItems, true) : undefined, _a));
     }
     else {
-        return item && item[subItemsField] ? item[subItemsField].slice() : [];
+        return item && item[subItemsField] ? __spreadArray([], item[subItemsField], true) : [];
     }
 }
 function sortChildren(dataItem, sort, subItemsField) {
     var _a;
     if (dataItem[subItemsField]) {
-        var item = children(dataItem, subItemsField, kendo_data_query_1.orderBy(children(dataItem, subItemsField), sort));
+        var item = children(dataItem, subItemsField, (0, kendo_data_query_1.orderBy)(children(dataItem, subItemsField), sort));
         var subItems = children(item, subItemsField).map(function (root) { return sortChildren(root, sort, subItemsField); });
-        return __assign({}, item, (_a = {}, _a[subItemsField] = subItems, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = subItems, _a));
     }
     return dataItem;
 }
@@ -40,7 +50,7 @@ function sortChildren(dataItem, sort, subItemsField) {
  * @returns {T[]} - The sorted data.
  */
 function orderBy(data, descriptors, subItemsField) {
-    var sorted = kendo_data_query_1.orderBy(data, descriptors);
+    var sorted = (0, kendo_data_query_1.orderBy)(data, descriptors);
     sorted = sorted.map(function (dataItem) { return sortChildren(dataItem, descriptors, subItemsField); });
     return sorted;
 }
@@ -57,7 +67,7 @@ function filterChildren(dataItem, filters, subItemsField) {
             ],
             logic: 'or'
         };
-        var filtered = kendo_data_query_1.filterBy(subItems, filter);
+        var filtered = (0, kendo_data_query_1.filterBy)(subItems, filter);
         return children(dataItem, subItemsField, filtered);
     }
     return dataItem;
@@ -72,7 +82,7 @@ function filterChildren(dataItem, filters, subItemsField) {
  */
 function filterBy(data, descriptors, subItemsField) {
     var _a;
-    var filtered = (_a = {}, _a[subItemsField] = data.slice(), _a);
+    var filtered = (_a = {}, _a[subItemsField] = __spreadArray([], data, true), _a);
     filtered = filterChildren(filtered, descriptors, subItemsField);
     return filtered[subItemsField] || [];
 }

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

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

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setExpandedState = exports.getGroupIds = exports.setGroupIds = void 0;
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var GROUP_ID_FIELD = 'groupId';
 var GROUP_SUBITEMS_COLLECTION = 'items';
@@ -8,7 +9,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]); });
         }
@@ -19,38 +20,41 @@ var setGroupId = function (group, depth, parentValue) {
  *
  * @param {{data: any[], group: GroupDescriptor[]}} options - The options to be processed.
  */
-exports.setGroupIds = function (options) {
+var setGroupIds = function (options) {
     var group = options.group;
     if (group && group.length && options.data) {
         return options.data.forEach(function (item) { return setGroupId(item, group.length, ''); });
     }
 };
+exports.setGroupIds = setGroupIds;
 /**
  * Get all group ids from the data.
  *
  * @param {{data: any[]}} options - The options to be processed.
  * @returns {string[]} - Collection of all group ids from the data.
  */
-exports.getGroupIds = function (options) {
+var getGroupIds = function (options) {
     var groupIds = [];
-    kendo_react_common_1.mapTree(options.data, GROUP_SUBITEMS_COLLECTION, function (item) {
+    (0, kendo_react_common_1.mapTree)(options.data, GROUP_SUBITEMS_COLLECTION, function (item) {
         if (item[GROUP_ID_FIELD]) {
             groupIds.push(item[GROUP_ID_FIELD]);
         }
     });
     return groupIds;
 };
+exports.getGroupIds = getGroupIds;
 /**
  * Apply the `expanded` prop to the group items in data based on the provided collection of group ids.
  *
  * @param {{data: any[], collapsedIds: string[]}} options - The options to be processed.
  * @returns {string[]} - Collection of all group ids from the data.
  */
-exports.setExpandedState = function (options) {
+var setExpandedState = function (options) {
     // TODO: no need to traverse whole tree, only group levels
-    return kendo_react_common_1.mapTree(options.data, GROUP_SUBITEMS_COLLECTION, function (item) {
-        return kendo_react_common_1.extendDataItem(item, GROUP_SUBITEMS_COLLECTION, {
+    return (0, kendo_react_common_1.mapTree)(options.data, GROUP_SUBITEMS_COLLECTION, function (item) {
+        return (0, kendo_react_common_1.extendDataItem)(item, GROUP_SUBITEMS_COLLECTION, {
             expanded: !options.collapsedIds.some(function (groupId) { return groupId === item[GROUP_ID_FIELD]; })
         });
     });
 };
+exports.setExpandedState = setExpandedState;

package/dist/npm/virtualization/columns.js

@@ -1,5 +1,15 @@
 "use strict";
+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.tableColumnsVirtualization = void 0;
 /**
  * @hidden
  */
@@ -39,7 +49,7 @@ function tableColumnsVirtualization(args) {
             break;
         }
     }
-    var hiddenCols = hiddenColumns.slice();
+    var hiddenCols = __spreadArray([], hiddenColumns, true);
     var hidden = function (value) { return value; };
     var lastVisible = hiddenCols.lastIndexOf(false);
     var anyHidden = hiddenCols.some(hidden);

package/dist/npm/virtualization/index.js

@@ -1,6 +1,17 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./columns"));
+__exportStar(require("./columns"), exports);