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

package/dist/npm/cells/EditCells/TreeListDateEditor.js

@@ -31,12 +31,12 @@ var TreeListDateEditor = function (props) {
             });
         }
     }, [props.onChange, props.dataItem, props.level, props.field]);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
-    var editCellClasses = kendo_react_common_1.classNames((_a = {},
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
+    var editCellClasses = (0, kendo_react_common_1.classNames)((_a = {},
         _a['k-selected'] = props.isSelected,
         _a), props.className);
     var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[constants_1.TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
-        React.createElement(kendo_react_dateinputs_1.DatePicker, { width: "100%", value: utils_1.getNestedValue(props.field, props.dataItem), onChange: onChange })));
+        React.createElement(kendo_react_dateinputs_1.DatePicker, { width: "100%", value: (0, utils_1.getNestedValue)(props.field, props.dataItem), onChange: onChange })));
     return props.render ?
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;

package/dist/npm/cells/EditCells/TreeListNumericEditor.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
 export interface TreeListNumericEditorProps extends TreeListCellProps {
 }
 export declare const TreeListNumericEditor: {
-    (props: TreeListNumericEditorProps): any;
+    (props: TreeListNumericEditorProps): React.ReactElement<HTMLTableCellElement, string | React.JSXElementConstructor<any>> | null;
     displayName: string;
 };

package/dist/npm/cells/EditCells/TreeListNumericEditor.js

@@ -31,9 +31,9 @@ var TreeListNumericEditor = function (props) {
             });
         }
     }, [props.onChange, props.dataItem, props.level, props.field]);
-    var data = utils_1.getNestedValue(props.field, props.dataItem);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
-    var editCellClasses = kendo_react_common_1.classNames((_a = {},
+    var data = (0, utils_1.getNestedValue)(props.field, props.dataItem);
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
+    var editCellClasses = (0, kendo_react_common_1.classNames)((_a = {},
         _a['k-selected'] = props.isSelected,
         _a), props.className);
     var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[constants_1.TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),

package/dist/npm/cells/EditCells/TreeListTextEditor.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
 export interface TreeListTextEditorProps extends TreeListCellProps {
 }
 export declare const TreeListTextEditor: {
-    (props: TreeListTextEditorProps): any;
+    (props: TreeListTextEditorProps): JSX.Element | null;
     displayName: string;
 };

package/dist/npm/cells/EditCells/TreeListTextEditor.js

@@ -30,12 +30,12 @@ var TreeListTextEditor = function (props) {
             });
         }
     }, [props.onChange, props.dataItem, props.level, props.field]);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
-    var editCellClasses = kendo_react_common_1.classNames((_a = {},
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
+    var editCellClasses = (0, kendo_react_common_1.classNames)((_a = {},
         _a['k-selected'] = props.isSelected,
         _a), props.className);
     var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected, role: 'gridcell' }, navigationAttributes, (_b = {}, _b[constants_1.TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _b)),
-        React.createElement("input", { style: { width: '100%' }, className: "k-input", value: utils_1.getNestedValue(props.field, props.dataItem) || '', onChange: onChange })));
+        React.createElement("input", { style: { width: '100%' }, className: "k-input", value: (0, utils_1.getNestedValue)(props.field, props.dataItem) || '', onChange: onChange })));
     return props.render ?
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;

package/dist/npm/cells/FilterCells/TreeListBooleanFilter.js

@@ -29,6 +29,6 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var TreeListBooleanFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.booleanFilterValues), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.booleanFilterValues), restProps)));
 };
 exports.TreeListBooleanFilter = TreeListBooleanFilter;

package/dist/npm/cells/FilterCells/TreeListDateFilter.js

@@ -29,6 +29,6 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var TreeListDateFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.dateFilterOperators), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.dateFilterOperators), restProps)));
 };
 exports.TreeListDateFilter = TreeListDateFilter;

package/dist/npm/cells/FilterCells/TreeListNumericFilter.js

@@ -29,6 +29,6 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var TreeListNumericFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.NumericFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.numericFilterOperators), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.NumericFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.numericFilterOperators), restProps)));
 };
 exports.TreeListNumericFilter = TreeListNumericFilter;

package/dist/npm/cells/FilterCells/TreeListTextFilter.js

@@ -29,6 +29,6 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var TreeListTextFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.TextFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.textFilterOperators), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.TextFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.textFilterOperators), restProps)));
 };
 exports.TreeListTextFilter = TreeListTextFilter;

package/dist/npm/cells/TreeListCell.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { TreeListCellProps } from '../interfaces/TreeListCellProps';
 export declare const TreeListCell: {
-    (props: TreeListCellProps): any;
+    (props: TreeListCellProps): JSX.Element | null;
     displayName: string;
 };

package/dist/npm/cells/TreeListCell.js

@@ -21,9 +21,9 @@ var constants_1 = require("../constants");
 var TreeListCell = function (props) {
     var _a, _b, _c;
     var hasChildren = props.hasChildren, _d = props.level, level = _d === void 0 ? [0] : _d, expanded = props.expanded, dataItem = props.dataItem, format = props.format, id = props.id, ariaColumnIndex = props.ariaColumnIndex, isSelected = props.isSelected;
-    var data = utils_1.getNestedValue(props.field, dataItem);
-    var intl = kendo_react_intl_1.useInternationalization();
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(id);
+    var data = (0, utils_1.getNestedValue)(props.field, dataItem);
+    var intl = (0, kendo_react_intl_1.useInternationalization)();
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(id);
     var dataAsString = '';
     var onKeyDownHandler = React.useCallback(function (event) {
         if (event.isDefaultPrevented()) {
@@ -43,13 +43,13 @@ var TreeListCell = function (props) {
     if (props.expandable) {
         icons.push.apply(icons, level.slice(1).map(function (_x, i) { return (React.createElement("span", { className: "k-icon k-i-none", key: i })); }));
         if (hasChildren) {
-            icons.push(React.createElement("span", __assign({ className: "k-icon k-i-" + (expanded ? 'collapse' : 'expand'), key: "expand-collapse", onClick: function (event) { return props.onExpandChange(event, dataItem, level); } }, (_a = {}, _a[constants_1.TREELIST_PREVENT_SELECTION_ELEMENT] = true, _a))));
+            icons.push(React.createElement("span", __assign({ className: "k-icon k-i-".concat(expanded ? 'collapse' : 'expand'), key: "expand-collapse", onClick: function (event) { return props.onExpandChange(event, dataItem, level); } }, (_a = {}, _a[constants_1.TREELIST_PREVENT_SELECTION_ELEMENT] = true, _a))));
         }
         else {
             icons.push(React.createElement("span", { className: "k-icon k-i-none", key: icons.length }));
         }
     }
-    var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: kendo_react_common_1.classNames(props.className, (_b = {},
+    var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: (0, kendo_react_common_1.classNames)(props.className, (_b = {},
             _b['k-text-nowrap'] = props.expandable,
             _b['k-selected'] = isSelected,
             _b)), colSpan: props.colSpan, "aria-colindex": ariaColumnIndex, "aria-expanded": hasChildren ? expanded : undefined, "aria-selected": isSelected, role: 'gridcell', onKeyDown: onKeyDownHandler }, (_c = {}, _c[constants_1.TREELIST_COL_INDEX_ATTRIBUTE] = props.colIndex, _c), navigationAttributes),

package/dist/npm/cells/TreeListSelectionCell.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TreeListCellProps } from '../interfaces/TreeListCellProps';
 export interface TreeListSelectionCellProps extends TreeListCellProps {
 }
 export declare const TreeListSelectionCell: {
-    (props: TreeListSelectionCellProps): any;
+    (props: TreeListSelectionCellProps): JSX.Element | null;
     displayName: string;
 };

package/dist/npm/cells/TreeListSelectionCell.js

@@ -22,9 +22,9 @@ var TreeListSelectionCell = function (props) {
             props.selectionChange({ syntheticEvent: syntheticEvent });
         }
     }, [props.selectionChange]);
-    var inputId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var selectedValue = utils_1.getNestedValue(props.field, props.dataItem);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
+    var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var selectedValue = (0, utils_1.getNestedValue)(props.field, props.dataItem);
+    var navigationAttributes = (0, kendo_react_data_tools_1.useTableKeyboardNavigation)(props.id);
     var defaultRendering = (React.createElement("td", __assign({ style: props.style, className: props.className, "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
         React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
         React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));

package/dist/npm/header/TreeListHeaderSelectionCell.js

@@ -34,7 +34,7 @@ var TreeListHeaderSelectionCell = /** @class */ (function (_super) {
     __extends(TreeListHeaderSelectionCell, _super);
     function TreeListHeaderSelectionCell() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._inputId = kendo_react_common_1.guid();
+        _this._inputId = (0, kendo_react_common_1.guid)();
         return _this;
     }
     /**

package/dist/npm/interfaces/TreeListCellProps.d.ts

@@ -3,7 +3,7 @@ import { CellProps } from '@progress/kendo-react-data-tools';
 /**
  * Represents the props of the TreeListCell component.
  */
-export interface TreeListCellProps extends CellProps {
+export interface TreeListCellProps extends Omit<CellProps, 'onExpandChange' | 'render' | 'onChange'> {
     /**
      * An array of indexes of each parent and current item in the data tree.
      */

package/dist/npm/interfaces/TreeListColumnProps.d.ts

@@ -6,7 +6,7 @@ import { TreeListFilterCellProps } from './TreeListFilterCellProps';
 /**
  * The props of the columns of the TreeList component.
  */
-export interface TreeListColumnProps extends TreeColumnBaseProps {
+export interface TreeListColumnProps extends Omit<TreeColumnBaseProps, 'children' | 'cell' | 'editCell'> {
     /**
      * Defines the component that will be rendered as a cell. If not set, a `TreeListCell` will be rendered by default.
      */

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-treelist',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648496,
+    publishDate: 1654762280,
     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/rows/TreeListDraggableRow.js

@@ -25,10 +25,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.TreeListDraggableRow = void 0;
@@ -136,8 +140,8 @@ var TreeListDraggableRow = /** @class */ (function (_super) {
         _this.onRelease = function (args) {
             var event = args.event;
             if (_this.dragged) {
-                var dragged = __spreadArray([], _this.dragged);
-                var draggedOver = _this.draggedOver && __spreadArray([], _this.draggedOver);
+                var dragged = __spreadArray([], _this.dragged, true);
+                var draggedOver = _this.draggedOver && __spreadArray([], _this.draggedOver, true);
                 var allowDrop = _this.state.clueProps.allowDrop;
                 _this.dragged = null;
                 _this.draggedOver = null;

package/dist/npm/rows/TreeListRow.js

@@ -21,13 +21,13 @@ var constants_1 = require("../constants");
 exports.TreeListRow = React.forwardRef(function (props, ref) {
     var _a;
     var isSelected = props.isSelected, rowHeight = props.rowHeight, isAltRow = props.isAltRow, expanded = props.expanded, ariaRowIndex = props.ariaRowIndex, level = props.level, ariaSetSize = props.ariaSetSize, ariaPosInSet = props.ariaPosInSet;
-    var className = kendo_react_common_1.classNames('k-master-row', {
+    var className = (0, kendo_react_common_1.classNames)('k-master-row', {
         'k-selected': isSelected,
         'k-alt': isAltRow
     });
     var style = React.useMemo(function () { return rowHeight !== undefined ? { height: rowHeight + 'px' } : undefined; }, [rowHeight]);
     var defaultRendering = (React.createElement("tr", __assign({ onClick: props.onClick, onDoubleClick: props.onDoubleClick, onContextMenu: props.onContextMenu, className: className, style: style, ref: ref, "aria-expanded": expanded, role: 'row', "aria-rowindex": ariaRowIndex, "aria-level": level.length, "aria-posinset": ariaPosInSet, "aria-setsize": ariaSetSize }, (_a = {}, _a[constants_1.TREELIST_ROW_INDEX_ATTRIBUTE] = props.rowIndex, _a)), props.children));
-    return props.render ?
+    return (React.createElement(React.Fragment, null, props.render ?
         props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
+        defaultRendering));
 });

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

@@ -80,7 +80,7 @@ export declare const extendDataItem: (item: any, subItemsField: string, propsToE
  * in the tree data and the items for which returns true will be removed.
  * @returns {any[]} - The new data tree.
  */
-export declare const removeItems: (data: any, subItemsField: any, condition: any) => any[];
+export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 /**
  * Changes the `subItems` collection of each data item which matches the passed `condition`.
  *
@@ -92,7 +92,7 @@ export declare const removeItems: (data: any, subItemsField: any, condition: any
  * has as a parameter the subitems collection of the matched items and which will return the new subitems collection.
  * @returns {any[]} - The new data tree.
  */
-export declare const modifySubItems: (data: any, subItemsField: any, condition: any, change: any) => any[];
+export declare const modifySubItems: (data: any[], subItemsField: string, condition: (item: any) => boolean, change: (subItems: any[]) => any[]) => any[];
 /**
  * Returns the data item path in the tree based on the level parameter.
  *

package/dist/npm/utils/data-operations.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.moveTreeItem = exports.getItemPath = exports.modifySubItems = exports.removeItems = exports.extendDataItem = exports.createDataTree = exports.treeToFlat = exports.flatData = exports.mapTreeItem = exports.mapTree = exports.filterBy = exports.orderBy = void 0;
@@ -29,7 +33,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  * @returns {T[]} - The sorted data.
  */
 function orderBy(data, descriptors, subItemsField) {
-    return kendo_react_data_tools_1.orderBy(data, descriptors, subItemsField);
+    return (0, kendo_react_data_tools_1.orderBy)(data, descriptors, subItemsField);
 }
 exports.orderBy = orderBy;
 /**
@@ -41,7 +45,7 @@ exports.orderBy = orderBy;
  * @returns {T[]} - The filtered data.
  */
 function filterBy(data, descriptors, subItemsField) {
-    return kendo_react_data_tools_1.filterBy(data, descriptors, subItemsField);
+    return (0, kendo_react_data_tools_1.filterBy)(data, descriptors, subItemsField);
 }
 exports.filterBy = filterBy;
 /**
@@ -54,7 +58,7 @@ exports.filterBy = filterBy;
  * @returns {any[]} - The new data tree.
  */
 var mapTree = function (tree, subItemsField, callback) {
-    return kendo_react_common_1.mapTree(tree, subItemsField, callback);
+    return (0, kendo_react_common_1.mapTree)(tree, subItemsField, callback);
 };
 exports.mapTree = mapTree;
 /**
@@ -68,7 +72,7 @@ exports.mapTree = mapTree;
  * @returns {any[]} - The new data tree.
  */
 var mapTreeItem = function (tree, level, subItemsField, callback) {
-    return kendo_react_common_1.mapTreeItem(tree, level, subItemsField, callback);
+    return (0, kendo_react_common_1.mapTreeItem)(tree, level, subItemsField, callback);
 };
 exports.mapTreeItem = mapTreeItem;
 /**
@@ -89,14 +93,14 @@ function flatData(data, getChildren, itemMap) {
     }
     while (stack.length > 0) {
         var stackItem = stack.pop();
-        flatted.push(__assign(__assign({ dataItem: stackItem.root, level: __spreadArray([], stackItem.level) }, itemMap(stackItem.root)), { levelCount: stackItem.levelCount }));
+        flatted.push(__assign(__assign({ dataItem: stackItem.root, level: __spreadArray([], stackItem.level, true) }, itemMap(stackItem.root)), { levelCount: stackItem.levelCount }));
         if (stackItem.data.length) {
             for (var i = stackItem.data.length - 1; i >= 0; i--) {
                 var root = stackItem.data[i];
                 stack.push({
                     root: root,
                     data: getChildren(root),
-                    level: __spreadArray(__spreadArray([], stackItem.level), [i]),
+                    level: __spreadArray(__spreadArray([], stackItem.level, true), [i], false),
                     levelCount: stackItem.data.length
                 });
             }
@@ -114,12 +118,12 @@ exports.flatData = flatData;
  * @returns {object[]} - A collection of the generated data items that are in a flat structure.
  */
 var treeToFlat = function (data, expandField, subItemsField) {
-    var expanded = function (dataItem) { return Boolean(index_1.getNestedValue(expandField, dataItem)); };
-    var hasChildren = function (dataItem) { return Boolean(index_1.getNestedValue(subItemsField, dataItem)); };
+    var expanded = function (dataItem) { return Boolean((0, index_1.getNestedValue)(expandField, dataItem)); };
+    var hasChildren = function (dataItem) { return Boolean((0, index_1.getNestedValue)(subItemsField, dataItem)); };
     var getChildren = function (dataItem) {
         var items = [];
         if (expanded(dataItem) && hasChildren(dataItem)) {
-            items.push.apply(items, index_1.getNestedValue(subItemsField, dataItem));
+            items.push.apply(items, (0, index_1.getNestedValue)(subItemsField, dataItem));
         }
         return items;
     };
@@ -166,7 +170,7 @@ exports.createDataTree = createDataTree;
  * @returns {object} - The target data item.
  */
 var extendDataItem = function (item, subItemsField, propsToExtend) {
-    return kendo_react_common_1.extendDataItem(item, subItemsField, propsToExtend);
+    return (0, kendo_react_common_1.extendDataItem)(item, subItemsField, propsToExtend);
 };
 exports.extendDataItem = extendDataItem;
 /**
@@ -180,8 +184,8 @@ exports.extendDataItem = extendDataItem;
  */
 var removeItems = function (data, subItemsField, condition) {
     var _a;
-    var newData = exports.mapTree([(_a = {}, _a[subItemsField] = __spreadArray([], data), _a)], subItemsField, function (item) { return removeChild(item, condition, subItemsField); });
-    return __spreadArray([], newData[0][subItemsField]);
+    var newData = (0, exports.mapTree)([(_a = {}, _a[subItemsField] = __spreadArray([], data, true), _a)], subItemsField, function (item) { return removeChild(item, condition, subItemsField); });
+    return __spreadArray([], newData[0][subItemsField], true);
 };
 exports.removeItems = removeItems;
 /**
@@ -192,7 +196,7 @@ var removeChild = function (item, condition, subItemsField) {
     var subItems = item[subItemsField] || [];
     var childIndex = subItems.findIndex(condition);
     if (childIndex !== -1) {
-        var newChildren = __spreadArray([], subItems);
+        var newChildren = __spreadArray([], subItems, true);
         newChildren.splice(childIndex, 1);
         return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = newChildren, _a));
     }
@@ -210,7 +214,7 @@ var removeChild = function (item, condition, subItemsField) {
  * @returns {any[]} - The new data tree.
  */
 var modifySubItems = function (data, subItemsField, condition, change) {
-    return exports.mapTree(data, subItemsField, function (item) {
+    return (0, exports.mapTree)(data, subItemsField, function (item) {
         var _a;
         return condition(item) ? __assign(__assign({}, item), (_a = {}, _a[subItemsField] = change(item[subItemsField] || []), _a)) :
             item;
@@ -226,7 +230,7 @@ exports.modifySubItems = modifySubItems;
  * @returns {any[]} - The path of the data item.
  */
 var getItemPath = function (tree, level, subItemsField) {
-    return kendo_react_common_1.getItemPath(tree, level, subItemsField);
+    return (0, kendo_react_common_1.getItemPath)(tree, level, subItemsField);
 };
 exports.getItemPath = getItemPath;
 /**
@@ -240,13 +244,13 @@ exports.getItemPath = getItemPath;
  * @returns {any[]} - The new data tree.
  */
 var moveTreeItem = function (data, target, destination, subItemsField) {
-    var tree = __spreadArray([], data);
-    var targetItemPath = exports.getItemPath(tree, target, subItemsField);
+    var tree = __spreadArray([], data, true);
+    var targetItemPath = (0, exports.getItemPath)(tree, target, subItemsField);
     var targetItem = targetItemPath.pop();
     var targetParent = targetItemPath.pop();
     var targetItemIndex = target[target.length - 1];
     if (destination) {
-        var destinationItemPath = exports.getItemPath(tree, destination, subItemsField);
+        var destinationItemPath = (0, exports.getItemPath)(tree, destination, subItemsField);
         var destinationItem = destinationItemPath.pop();
         (targetParent ? targetParent[subItemsField] : tree).splice(targetItemIndex, 1);
         destinationItem[subItemsField] = destinationItem[subItemsField] || [];