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

package/dist/es/TreeList.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { CommonDragLogic, TableKeyboardNavigationContextType } from '@progress/kendo-react-data-tools';
+import { TreeListCellProps } from './interfaces/TreeListCellProps';
 import { TreeListProps } from './interfaces/TreeListProps';
+import { TreeListHeaderCellProps } from './interfaces/TreeListHeaderCellProps';
+import { TreeListFilterCellProps } from './interfaces/TreeListFilterCellProps';
 /**
  * Represents the [KendoReact TreeList component]({% slug getstarted_treelist %}).
  */
@@ -19,7 +22,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
         }>>;
         onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
         sort: PropTypes.Requireable<any[]>;
-        columns: PropTypes.Requireable<object[]>;
+        columns: PropTypes.Requireable<(object | null | undefined)[]>;
         columnVirtualization: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<any[]>;
         onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -50,7 +53,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
         navigatable: PropTypes.Requireable<boolean>;
     };
     /** @hidden */
-    static contextType: React.Context<TableKeyboardNavigationContextType>;
+    static contextType: React.Context<TableKeyboardNavigationContextType | undefined>;
     private wrapperScrollLeft;
     private wrapperScrollTop;
     private updateOnScroll;
@@ -62,7 +65,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
     private columnsMap;
     private columnResize;
     private element;
-    protected dragLogic: CommonDragLogic;
+    protected dragLogic: CommonDragLogic<TreeListCellProps, TreeListHeaderCellProps, TreeListFilterCellProps>;
     private _treeListId;
     private get document();
     private contextStateRef;
@@ -74,7 +77,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
      * @param options - Object, containing the rowIndex to which is going to be scrolled.
      */
     scrollIntoView: (options: {
-        rowIndex?: number;
+        rowIndex?: number | undefined;
     }) => void;
     /**
      * @hidden
@@ -83,7 +86,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
     /**
      * @hidden
      */
-    getSnapshotBeforeUpdate(): any;
+    getSnapshotBeforeUpdate(): null;
     /**
      * @hidden
      */

package/dist/es/TreeList.js

@@ -35,10 +35,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 * as React from 'react';
 import * as PropTypes from 'prop-types';
@@ -86,7 +90,7 @@ var TreeList = /** @class */ (function (_super) {
                 _this.element.scroll(0, (rowIndex - 1) * rowHeight);
             }
             else {
-                var selectedRow = _this.element.querySelector("tbody > tr:nth-child(" + rowIndex + ")");
+                var selectedRow = _this.element.querySelector("tbody > tr:nth-child(".concat(rowIndex, ")"));
                 if (selectedRow) {
                     var offsetTop = selectedRow.offsetTop - _this.tbodyOffsetTop;
                     _this.element.scroll(0, offsetTop);
@@ -100,7 +104,8 @@ var TreeList = /** @class */ (function (_super) {
             });
             if (_this.props.onKeyDown) {
                 var _a = getSelectionOptions(_this.props.selectable), mode = _a.mode, cell = _a.cell;
-                _this.props.onKeyDown.call(undefined, __assign({ dataItems: _this.getLeafDataItems(), mode: mode, cell: cell, componentId: _this._treeListId, selectedField: _this.props.selectedField }, _this.getArguments(event)));
+                var ev = __assign({ dataItems: _this.getLeafDataItems(), mode: mode, cell: cell, componentId: _this._treeListId, selectedField: _this.props.selectedField }, _this.getArguments(event));
+                _this.props.onKeyDown.call(undefined, ev);
             }
         };
         _this.onFocus = function (event) {
@@ -128,7 +133,7 @@ var TreeList = /** @class */ (function (_super) {
                 return index;
             };
             var spliced = _this.extendedColumn.splice(prev, end(prev) - prev);
-            (_a = _this.extendedColumn).splice.apply(_a, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced));
+            (_a = _this.extendedColumn).splice.apply(_a, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced, false));
             _this.extendedColumn.filter(function (q) { return q.declarationIndex >= 0; }).forEach(function (c, i) { return c.orderIndex = i; });
             if (_this.props.onColumnReorder) {
                 var event_1 = {
@@ -401,10 +406,10 @@ var TreeList = /** @class */ (function (_super) {
                 return null;
             }
             var columnKey = column.id ? column.id : columnIndex;
-            var className = "" + (column.className ? column.className + ' ' : '')
-                + ("" + (column.locked ? 'k-grid-content-sticky' : ''));
+            var className = "".concat(column.className ? column.className + ' ' : '')
+                + "".concat(column.locked ? 'k-grid-content-sticky' : '');
             var cellProps = {
-                id: navigationTools.generateNavigatableId(rowId + "-" + String(columnIndex), idPrefix),
+                id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
                 colSpan: colSpans[columnIndex],
                 dataItem: item.dataItem,
                 field: column.field,

package/dist/es/cells/EditCells/TreeListBooleanEditor.d.ts

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

package/dist/es/cells/EditCells/TreeListDateEditor.d.ts

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

package/dist/es/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/es/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/es/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/es/cells/TreeListCell.js

@@ -40,7 +40,7 @@ export 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[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[TREELIST_PREVENT_SELECTION_ELEMENT] = true, _a))));
         }
         else {
             icons.push(React.createElement("span", { className: "k-icon k-i-none", key: icons.length }));

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

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

@@ -24,10 +24,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 * as React from 'react';
 import * as ReactDOM from 'react-dom';
@@ -133,8 +137,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/es/rows/TreeListRow.js

@@ -24,7 +24,7 @@ export var TreeListRow = React.forwardRef(function (props, ref) {
     });
     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[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/es/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/es/utils/data-operations.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 { getNestedValue } from './index';
 import { filterBy as filterByCommon, orderBy as orderByCommon } from '@progress/kendo-react-data-tools';
@@ -82,14 +86,14 @@ export 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
                 });
             }
@@ -169,8 +173,8 @@ export var extendDataItem = function (item, subItemsField, propsToExtend) {
  */
 export var removeItems = function (data, subItemsField, condition) {
     var _a;
-    var newData = mapTree([(_a = {}, _a[subItemsField] = __spreadArray([], data), _a)], subItemsField, function (item) { return removeChild(item, condition, subItemsField); });
-    return __spreadArray([], newData[0][subItemsField]);
+    var newData = mapTree([(_a = {}, _a[subItemsField] = __spreadArray([], data, true), _a)], subItemsField, function (item) { return removeChild(item, condition, subItemsField); });
+    return __spreadArray([], newData[0][subItemsField], true);
 };
 /**
  * @hidden
@@ -180,7 +184,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));
     }
@@ -226,7 +230,7 @@ export var getItemPath = function (tree, level, subItemsField) {
  * @returns {any[]} - The new data tree.
  */
 export var moveTreeItem = function (data, target, destination, subItemsField) {
-    var tree = __spreadArray([], data);
+    var tree = __spreadArray([], data, true);
     var targetItemPath = getItemPath(tree, target, subItemsField);
     var targetItem = targetItemPath.pop();
     var targetParent = targetItemPath.pop();

package/dist/npm/TreeList.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { CommonDragLogic, TableKeyboardNavigationContextType } from '@progress/kendo-react-data-tools';
+import { TreeListCellProps } from './interfaces/TreeListCellProps';
 import { TreeListProps } from './interfaces/TreeListProps';
+import { TreeListHeaderCellProps } from './interfaces/TreeListHeaderCellProps';
+import { TreeListFilterCellProps } from './interfaces/TreeListFilterCellProps';
 /**
  * Represents the [KendoReact TreeList component]({% slug getstarted_treelist %}).
  */
@@ -19,7 +22,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
         }>>;
         onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
         sort: PropTypes.Requireable<any[]>;
-        columns: PropTypes.Requireable<object[]>;
+        columns: PropTypes.Requireable<(object | null | undefined)[]>;
         columnVirtualization: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<any[]>;
         onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -50,7 +53,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
         navigatable: PropTypes.Requireable<boolean>;
     };
     /** @hidden */
-    static contextType: React.Context<TableKeyboardNavigationContextType>;
+    static contextType: React.Context<TableKeyboardNavigationContextType | undefined>;
     private wrapperScrollLeft;
     private wrapperScrollTop;
     private updateOnScroll;
@@ -62,7 +65,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
     private columnsMap;
     private columnResize;
     private element;
-    protected dragLogic: CommonDragLogic;
+    protected dragLogic: CommonDragLogic<TreeListCellProps, TreeListHeaderCellProps, TreeListFilterCellProps>;
     private _treeListId;
     private get document();
     private contextStateRef;
@@ -74,7 +77,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
      * @param options - Object, containing the rowIndex to which is going to be scrolled.
      */
     scrollIntoView: (options: {
-        rowIndex?: number;
+        rowIndex?: number | undefined;
     }) => void;
     /**
      * @hidden
@@ -83,7 +86,7 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
     /**
      * @hidden
      */
-    getSnapshotBeforeUpdate(): any;
+    getSnapshotBeforeUpdate(): null;
     /**
      * @hidden
      */

package/dist/npm/TreeList.js

@@ -36,10 +36,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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.TreeList = void 0;
@@ -71,7 +75,7 @@ var TreeList = /** @class */ (function (_super) {
         _this.extendedColumn = [];
         _this.columnsMap = [];
         _this.element = null;
-        _this._treeListId = kendo_react_common_1.guid();
+        _this._treeListId = (0, kendo_react_common_1.guid)();
         _this.contextStateRef = { current: undefined };
         _this.navigationStateRef = { current: undefined };
         /**
@@ -89,7 +93,7 @@ var TreeList = /** @class */ (function (_super) {
                 _this.element.scroll(0, (rowIndex - 1) * rowHeight);
             }
             else {
-                var selectedRow = _this.element.querySelector("tbody > tr:nth-child(" + rowIndex + ")");
+                var selectedRow = _this.element.querySelector("tbody > tr:nth-child(".concat(rowIndex, ")"));
                 if (selectedRow) {
                     var offsetTop = selectedRow.offsetTop - _this.tbodyOffsetTop;
                     _this.element.scroll(0, offsetTop);
@@ -102,8 +106,9 @@ var TreeList = /** @class */ (function (_super) {
                 navigationStateRef: _this.navigationStateRef
             });
             if (_this.props.onKeyDown) {
-                var _a = kendo_react_data_tools_1.getSelectionOptions(_this.props.selectable), mode = _a.mode, cell = _a.cell;
-                _this.props.onKeyDown.call(undefined, __assign({ dataItems: _this.getLeafDataItems(), mode: mode, cell: cell, componentId: _this._treeListId, selectedField: _this.props.selectedField }, _this.getArguments(event)));
+                var _a = (0, kendo_react_data_tools_1.getSelectionOptions)(_this.props.selectable), mode = _a.mode, cell = _a.cell;
+                var ev = __assign({ dataItems: _this.getLeafDataItems(), mode: mode, cell: cell, componentId: _this._treeListId, selectedField: _this.props.selectedField }, _this.getArguments(event));
+                _this.props.onKeyDown.call(undefined, ev);
             }
         };
         _this.onFocus = function (event) {
@@ -131,7 +136,7 @@ var TreeList = /** @class */ (function (_super) {
                 return index;
             };
             var spliced = _this.extendedColumn.splice(prev, end(prev) - prev);
-            (_a = _this.extendedColumn).splice.apply(_a, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced));
+            (_a = _this.extendedColumn).splice.apply(_a, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced, false));
             _this.extendedColumn.filter(function (q) { return q.declarationIndex >= 0; }).forEach(function (c, i) { return c.orderIndex = i; });
             if (_this.props.onColumnReorder) {
                 var event_1 = {
@@ -204,7 +209,7 @@ var TreeList = /** @class */ (function (_super) {
                 }
             }
             _this.tbodyOffsetTop = table.tBodies[0].offsetTop;
-            index_1.setHeaderRowsTop(table, toolbarHeight);
+            (0, index_1.setHeaderRowsTop)(table, toolbarHeight);
         };
         _this.itemChange = function (event) {
             var itemChange = _this.props.onItemChange;
@@ -294,16 +299,16 @@ var TreeList = /** @class */ (function (_super) {
         _this.expandedSubItems = function (dataItem) {
             var items = [];
             if (_this.expanded(dataItem) && _this.hasChildren(dataItem)) {
-                items.push.apply(items, index_1.getNestedValue(_this.props.subItemsField, dataItem));
+                items.push.apply(items, (0, index_1.getNestedValue)(_this.props.subItemsField, dataItem));
             }
             return items;
         };
         _this.getLeafDataItems = function () {
             return _this.flatData.map(function (item) { return item.dataItem; });
         };
-        _this.expanded = function (dataItem) { return Boolean(index_1.getNestedValue(_this.props.expandField, dataItem)); };
-        _this.hasChildren = function (dataItem) { return Boolean(index_1.getNestedValue(_this.props.subItemsField, dataItem)); };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        _this.expanded = function (dataItem) { return Boolean((0, index_1.getNestedValue)(_this.props.expandField, dataItem)); };
+        _this.hasChildren = function (dataItem) { return Boolean((0, index_1.getNestedValue)(_this.props.subItemsField, dataItem)); };
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.dragLogic = new kendo_react_data_tools_1.CommonDragLogic(_this.columnReorder, kendo_react_common_1.noop, kendo_react_common_1.noop);
         _this.columnResize = new kendo_react_data_tools_1.ColumnResize(_this.onResize.bind(_this));
         kendo_react_data_tools_1.tableKeyboardNavigation.onConstructor({
@@ -381,8 +386,8 @@ var TreeList = /** @class */ (function (_super) {
         var FilterRow = filterRow || kendo_react_data_tools_1.FilterRow;
         var idPrefix = kendo_react_data_tools_1.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef);
         if (this.prevColumns !== columns) {
-            this.extendedColumn = kendo_react_data_tools_1.readColumns(columns, { prevId: 0, idPrefix: idPrefix });
-            this.columnsMap = kendo_react_data_tools_1.mapColumns(this.extendedColumn);
+            this.extendedColumn = (0, kendo_react_data_tools_1.readColumns)(columns, { prevId: 0, idPrefix: idPrefix });
+            this.columnsMap = (0, kendo_react_data_tools_1.mapColumns)(this.extendedColumn);
         }
         this.prevColumns = this.props.columns;
         var leafColumns = this.extendedColumn.filter(function (c) { return c.children.length === 0; });
@@ -393,7 +398,7 @@ var TreeList = /** @class */ (function (_super) {
         this.dragLogic.groupable = false;
         var header = (React.createElement(kendo_react_data_tools_1.Header, { headerRow: React.createElement(kendo_react_data_tools_1.HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.sortChange, selectionChange: this.onHeaderSelectionChange, columns: this.extendedColumn, columnsMap: this.columnsMap, cellRender: this.props.headerCellRender, columnResize: this.columnResize, columnMenu: this.props.columnMenu, columnMenuFilter: this.props.columnMenuFilter, columnMenuFilterChange: this.columnMenuFilterChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler }), filterRow: filterable && React.createElement(FilterRow, { columns: leafColumns, filter: this.props.filter, filterChange: this.filterChange, sort: this.props.sort, ariaRowIndex: this.columnsMap.length + 1 }) || undefined, columnResize: this.columnResize }));
         var wrapperStyles = this.props.style || {};
-        var _f = kendo_react_data_tools_1.tableColumnsVirtualization({
+        var _f = (0, kendo_react_data_tools_1.tableColumnsVirtualization)({
             enabled: this.props.columnVirtualization,
             columns: leafColumns,
             scrollLeft: this.wrapperScrollLeft,
@@ -404,10 +409,10 @@ var TreeList = /** @class */ (function (_super) {
                 return null;
             }
             var columnKey = column.id ? column.id : columnIndex;
-            var className = "" + (column.className ? column.className + ' ' : '')
-                + ("" + (column.locked ? 'k-grid-content-sticky' : ''));
+            var className = "".concat(column.className ? column.className + ' ' : '')
+                + "".concat(column.locked ? 'k-grid-content-sticky' : '');
             var cellProps = {
-                id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId(rowId + "-" + String(columnIndex), idPrefix),
+                id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
                 colSpan: colSpans[columnIndex],
                 dataItem: item.dataItem,
                 field: column.field,
@@ -446,7 +451,7 @@ var TreeList = /** @class */ (function (_super) {
             flattedData = flattedData.slice(skip, skip + take);
         }
         if (scrollable === 'virtual') {
-            flattedData = index_1.tableRowsVirtualization({
+            flattedData = (0, index_1.tableRowsVirtualization)({
                 rows: flattedData,
                 tableViewPortHeight: parseFloat((wrapperStyles.height || wrapperStyles.maxHeight || '').toString()),
                 scrollTop: this.wrapperScrollTop
@@ -456,11 +461,11 @@ var TreeList = /** @class */ (function (_super) {
         var levels = flattedData.map(function (i) { return i.level; });
         var rowIndexStart = this.columnsMap.length + (filterable ? 1 : 0) + 1;
         var body = flattedData.length > 0 && flattedData.map(function (item, rowIndex) {
-            var inEdit = index_1.getNestedValue(_this.props.editField, item.dataItem);
-            var dataItemKeyValue = _this.props.dataItemKey && kendo_react_common_1.getter(_this.props.dataItemKey)(item.dataItem);
+            var inEdit = (0, index_1.getNestedValue)(_this.props.editField, item.dataItem);
+            var dataItemKeyValue = _this.props.dataItemKey && (0, kendo_react_common_1.getter)(_this.props.dataItemKey)(item.dataItem);
             var rowId = String(dataItemKeyValue ? dataItemKeyValue : item.level.join('.'));
             var isRowExpanded = _this.expanded(item.dataItem);
-            var selectedValue = _this.props.selectedField ? index_1.getNestedValue(_this.props.selectedField, item.dataItem) : undefined;
+            var selectedValue = _this.props.selectedField ? (0, index_1.getNestedValue)(_this.props.selectedField, item.dataItem) : undefined;
             var rowProps = {
                 key: rowId,
                 level: item.level,
@@ -498,7 +503,7 @@ var TreeList = /** @class */ (function (_super) {
         var tableUserSelect = this.props.selectable && this.props.selectable.drag ? 'none' : undefined;
         var tableProps = (this.props.tableProps || {});
         return (React.createElement(kendo_react_data_tools_1.TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
-            React.createElement("div", __assign({ style: this.props.style, className: kendo_react_common_1.classNames('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.handleOnScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
+            React.createElement("div", __assign({ style: this.props.style, className: (0, kendo_react_common_1.classNames)('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.handleOnScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
                 this.props.toolbar,
                 React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease },
                     React.createElement("table", __assign({}, tableProps, { style: __assign(__assign({}, (tableProps.style || {})), { userSelect: tableUserSelect }), role: 'presentation' }),
@@ -539,7 +544,7 @@ var TreeList = /** @class */ (function (_super) {
                 this.tbodyOffsetTop > 0 &&
                 this.flattedData.length) ?
                 this.flattedData :
-                data_operations_1.flatData(data, this.expandedSubItems, itemDataMap);
+                (0, data_operations_1.flatData)(data, this.expandedSubItems, itemDataMap);
             this.prevData = data;
             this.flattedData = flattedData;
             return flattedData;
@@ -550,7 +555,7 @@ var TreeList = /** @class */ (function (_super) {
     TreeList.prototype.selectionChange = function (options) {
         if (this.props.onSelectionChange) {
             var event_4 = options.event, item = options.item, dataIndex = options.dataIndex, columnIndex = options.columnIndex;
-            var _a = kendo_react_data_tools_1.getSelectionOptions(this.props.selectable), mode = _a.mode, cell = _a.cell;
+            var _a = (0, kendo_react_data_tools_1.getSelectionOptions)(this.props.selectable), mode = _a.mode, cell = _a.cell;
             var selectionEvent = __assign(__assign({}, this.getArguments(event_4.syntheticEvent)), { dataItem: item.dataItem, level: item.level, startColIndex: columnIndex, endColIndex: columnIndex, startRowIndex: dataIndex, endRowIndex: dataIndex, dataItems: this.getLeafDataItems(), altKey: false, ctrlKey: false, shiftKey: false, metaKey: false, mode: mode, cell: cell, isDrag: false, componentId: this._treeListId, selectedField: this.props.selectedField || '' });
             this.props.onSelectionChange.call(undefined, selectionEvent);
         }

package/dist/npm/TreeListNoRecords.js

@@ -32,9 +32,9 @@ var TreeListNoRecords = /** @class */ (function (_super) {
      * @hidden
      */
     TreeListNoRecords.prototype.render = function () {
-        return this.props.children || kendo_react_intl_1.provideLocalizationService(this).toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
+        return this.props.children || (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
     };
     return TreeListNoRecords;
 }(React.Component));
 exports.TreeListNoRecords = TreeListNoRecords;
-kendo_react_intl_1.registerForLocalization(TreeListNoRecords);
+(0, kendo_react_intl_1.registerForLocalization)(TreeListNoRecords);

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

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

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

@@ -30,13 +30,13 @@ var TreeListBooleanEditor = function (props) {
             });
         }
     }, [props.onChange, props.dataItem, props.level, props.field]);
-    var inputId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
-    var editCellClasses = kendo_react_common_1.classNames((_a = {},
+    var inputId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    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", { checked: utils_1.getNestedValue(props.field, props.dataItem) || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: onChange }),
+        React.createElement("input", { checked: (0, utils_1.getNestedValue)(props.field, props.dataItem) || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: onChange }),
         React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
     return props.render ?
         props.render.call(undefined, defaultRendering, props) :

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

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