@progress/kendo-react-treelist 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

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

@@ -112,4 +112,4 @@ export declare const getItemPath: (tree: any[], level: number[], subItemsField?:
  * @param {string} subItemsField - The field which points to the subitems collection of each data item.
  * @returns {any[]} - The new data tree.
  */
-export declare const moveTreeItem: (data: any[], target: number[], destination: number[], subItemsField: string) => any[];
+export declare const moveTreeItem: (data: any[], target: number[], destination: number[] | null, subItemsField: string) => any[];

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

@@ -9,6 +9,15 @@ 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));
+};
 import { getNestedValue } from './index';
 import { filterBy as filterByCommon, orderBy as orderByCommon } from '@progress/kendo-react-data-tools';
 import { mapTree as mapTreeCommon, mapTreeItem as mapTreeItemCommon, extendDataItem as extendDataItemCommon, getItemPath as getItemPathCommon } from '@progress/kendo-react-common';
@@ -77,14 +86,14 @@ export function flatData(data, getChildren, itemMap) {
     }
     while (stack.length > 0) {
         var stackItem = stack.pop();
-        flatted.push(__assign({ dataItem: stackItem.root, level: stackItem.level.slice() }, 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: stackItem.level.concat([i]),
+                    level: __spreadArray(__spreadArray([], stackItem.level, true), [i], false),
                     levelCount: stackItem.data.length
                 });
             }
@@ -111,7 +120,7 @@ export var treeToFlat = function (data, expandField, subItemsField) {
         return items;
     };
     var flatItems = function (dataItem, flatted, level) {
-        flatted.push(__assign({}, dataItem, { level: level }));
+        flatted.push(__assign(__assign({}, dataItem), { level: level }));
         getChildren(dataItem).forEach(function (root) { return flatItems(root, flatted, level + 1); });
     };
     var flattedData = [];
@@ -164,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] = data.slice(), _a)], subItemsField, function (item) { return removeChild(item, condition, subItemsField); });
-    return newData[0][subItemsField].slice();
+    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
@@ -175,9 +184,9 @@ var removeChild = function (item, condition, subItemsField) {
     var subItems = item[subItemsField] || [];
     var childIndex = subItems.findIndex(condition);
     if (childIndex !== -1) {
-        var newChildren = subItems.slice();
+        var newChildren = __spreadArray([], subItems, true);
         newChildren.splice(childIndex, 1);
-        return __assign({}, item, (_a = {}, _a[subItemsField] = newChildren, _a));
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = newChildren, _a));
     }
     return item;
 };
@@ -195,7 +204,7 @@ var removeChild = function (item, condition, subItemsField) {
 export var modifySubItems = function (data, subItemsField, condition, change) {
     return mapTree(data, subItemsField, function (item) {
         var _a;
-        return condition(item) ? __assign({}, item, (_a = {}, _a[subItemsField] = change(item[subItemsField] || []), _a)) :
+        return condition(item) ? __assign(__assign({}, item), (_a = {}, _a[subItemsField] = change(item[subItemsField] || []), _a)) :
             item;
     });
 };
@@ -221,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 = data.slice();
+    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)[]>;
         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,9 +65,9 @@ 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 readonly document;
+    private get document();
     private contextStateRef;
     private navigationStateRef;
     constructor(props: TreeListProps);
@@ -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
      */
@@ -96,8 +99,8 @@ export declare class TreeList extends React.Component<TreeListProps, {}> {
      * @hidden
      */
     render(): JSX.Element;
-    private readonly columns;
-    private readonly flatData;
+    private get columns();
+    private get flatData();
     private onKeyDown;
     private onFocus;
     private onRowDrag;

package/dist/npm/TreeList.js

@@ -3,10 +3,12 @@ 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 __());
@@ -28,11 +30,23 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
+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;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -61,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 };
         /**
@@ -79,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);
@@ -92,9 +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) {
@@ -104,12 +118,12 @@ var TreeList = /** @class */ (function (_super) {
         };
         _this.onRowDrag = function (event) {
             if (_this.props.onRowDrag) {
-                _this.props.onRowDrag.call(undefined, __assign({}, event, { target: _this }));
+                _this.props.onRowDrag.call(undefined, __assign(__assign({}, event), { target: _this }));
             }
         };
         _this.onRowDrop = function (event) {
             if (_this.props.onRowDrop) {
-                _this.props.onRowDrop.call(undefined, __assign({}, event, { target: _this }));
+                _this.props.onRowDrop.call(undefined, __assign(__assign({}, event), { target: _this }));
             }
         };
         _this.columnReorder = function (prev, next, nativeEvent) {
@@ -122,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, [prev < next ? end(next - spliced.length) : next, 0].concat(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 = {
@@ -195,20 +209,20 @@ 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;
             if (event.field === _this.props.expandField) {
                 var expandChange = _this.props.onExpandChange;
                 if (expandChange) {
-                    var expandEvent = __assign({}, _this.getArguments(event.syntheticEvent), { dataItem: event.dataItem, level: event.level, value: event.value });
+                    var expandEvent = __assign(__assign({}, _this.getArguments(event.syntheticEvent)), { dataItem: event.dataItem, level: event.level, value: event.value });
                     expandChange.call(undefined, expandEvent);
                 }
                 return;
             }
             if (itemChange) {
-                var itemChangeEvent = __assign({}, _this.getArguments(event.syntheticEvent), { dataItem: event.dataItem, level: event.level, field: event.field, value: event.value });
+                var itemChangeEvent = __assign(__assign({}, _this.getArguments(event.syntheticEvent)), { dataItem: event.dataItem, level: event.level, field: event.field, value: event.value });
                 itemChange.call(undefined, itemChangeEvent);
             }
         };
@@ -254,8 +268,7 @@ var TreeList = /** @class */ (function (_super) {
         _this.expandChange = function (event, dataItem, level) {
             var _a = _this.props, expandField = _a.expandField, onExpandChange = _a.onExpandChange;
             if (expandField && onExpandChange) {
-                var expandEvent = __assign({}, _this.getArguments(event), { dataItem: dataItem,
-                    level: level, value: _this.expanded(dataItem) });
+                var expandEvent = __assign(__assign({}, _this.getArguments(event)), { dataItem: dataItem, level: level, value: _this.expanded(dataItem) });
                 onExpandChange.call(undefined, expandEvent);
             }
         };
@@ -279,23 +292,23 @@ var TreeList = /** @class */ (function (_super) {
         };
         _this.onPageChange = function (e) {
             if (_this.props.onPageChange) {
-                var event_3 = __assign({}, _this.getArguments(e.syntheticEvent), { skip: e.skip, take: e.take });
+                var event_3 = __assign(__assign({}, _this.getArguments(e.syntheticEvent)), { skip: e.skip, take: e.take });
                 _this.props.onPageChange.call(undefined, event_3);
             }
         };
         _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({
@@ -313,7 +326,7 @@ var TreeList = /** @class */ (function (_super) {
             // useful only for user actions
             return (this.element && this.element.ownerDocument) || document;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -373,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; });
@@ -385,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,
@@ -396,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,
@@ -438,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
@@ -448,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,
@@ -490,10 +503,10 @@ 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({}, (tableProps.style || {}), { userSelect: tableUserSelect }), role: 'presentation' }),
+                    React.createElement("table", __assign({}, tableProps, { style: __assign(__assign({}, (tableProps.style || {})), { userSelect: tableUserSelect }), role: 'presentation' }),
                         colGroups,
                         header,
                         React.createElement("tbody", __assign({}, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes, { role: 'presentation' }), body))),
@@ -514,7 +527,7 @@ var TreeList = /** @class */ (function (_super) {
             };
             return sanitize(shuffledColumns);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeList.prototype, "flatData", {
@@ -531,30 +544,29 @@ 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;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     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 selectionEvent = __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 || '' });
+            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);
         }
     };
     TreeList.prototype.raiseDataEvent = function (handler, data, syntheticEvent) {
         var dataStateChange = this.props.onDataStateChange;
         if (handler) {
-            handler.call(undefined, __assign({}, this.getArguments(syntheticEvent), data));
+            handler.call(undefined, __assign(__assign({}, this.getArguments(syntheticEvent)), data));
         }
         else if (dataStateChange) {
-            var dataStateEvent = __assign({}, this.getArguments(syntheticEvent), { dataState: __assign({}, this.getDataState(), data) });
+            var dataStateEvent = __assign(__assign({}, this.getArguments(syntheticEvent)), { dataState: __assign(__assign({}, this.getDataState()), data) });
             dataStateChange.call(undefined, dataStateEvent);
         }
     };

package/dist/npm/TreeListNoRecords.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.TreeListNoRecords = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./messages");
@@ -29,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/TreeListToolbar.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.TreeListToolbar = void 0;
 var React = require("react");
 /**
  * Represents the TreeListToolbar component.

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

@@ -11,12 +11,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeListBooleanEditor = void 0;
 var React = require("react");
 var utils_1 = require("../../utils");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var constants_1 = require("../../constants");
-exports.TreeListBooleanEditor = function (props) {
+var TreeListBooleanEditor = function (props) {
     var _a, _b;
     var onChange = React.useCallback(function (event) {
         if (props.onChange) {
@@ -29,16 +30,17 @@ exports.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) :
         defaultRendering;
 };
+exports.TreeListBooleanEditor = TreeListBooleanEditor;
 exports.TreeListBooleanEditor.displayName = 'KendoReactTreeListBooleanEditor';

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;
 };

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

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeListDateEditor = void 0;
 var React = require("react");
 var utils_1 = require("../../utils");
 var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var constants_1 = require("../../constants");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-exports.TreeListDateEditor = function (props) {
+var TreeListDateEditor = function (props) {
     var _a, _b;
     var onChange = React.useCallback(function (event) {
         if (props.onChange) {
@@ -30,14 +31,15 @@ exports.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;
 };
+exports.TreeListDateEditor = TreeListDateEditor;
 exports.TreeListDateEditor.displayName = 'KendoReactTreeListDateEditor';

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

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeListNumericEditor = void 0;
 var React = require("react");
 var utils_1 = require("../../utils");
 var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 var constants_1 = require("../../constants");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
-exports.TreeListNumericEditor = function (props) {
+var TreeListNumericEditor = function (props) {
     var _a, _b;
     var onChange = React.useCallback(function (event) {
         if (props.onChange) {
@@ -30,9 +31,9 @@ exports.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)),
@@ -41,4 +42,5 @@ exports.TreeListNumericEditor = function (props) {
         props.render.call(undefined, defaultRendering, props) :
         defaultRendering;
 };
+exports.TreeListNumericEditor = TreeListNumericEditor;
 exports.TreeListNumericEditor.displayName = 'KendoReactTreeListNumericEditor';