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

package/dist/es/ScrollMode.js

@@ -0,0 +1 @@
+export {};

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)[]>;
         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/es/TreeList.js

@@ -2,10 +2,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 __());
@@ -27,10 +29,21 @@ 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));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames, noop, getter, guid, canUseDOM } from '@progress/kendo-react-common';
@@ -77,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);
@@ -91,8 +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) {
@@ -102,12 +115,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) {
@@ -120,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, [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 = {
@@ -200,13 +213,13 @@ var TreeList = /** @class */ (function (_super) {
             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);
             }
         };
@@ -252,8 +265,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);
             }
         };
@@ -277,7 +289,7 @@ 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);
             }
         };
@@ -311,7 +323,7 @@ var TreeList = /** @class */ (function (_super) {
             // useful only for user actions
             return (this.element && this.element.ownerDocument) || document;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -394,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,
@@ -491,7 +503,7 @@ var TreeList = /** @class */ (function (_super) {
             React.createElement("div", __assign({ style: this.props.style, className: 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' }, tableKeyboardNavigationScopeAttributes),
                 this.props.toolbar,
                 React.createElement(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({}, tableKeyboardNavigationBodyAttributes, { role: 'presentation' }), body))),
@@ -512,7 +524,7 @@ var TreeList = /** @class */ (function (_super) {
             };
             return sanitize(shuffledColumns);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeList.prototype, "flatData", {
@@ -534,25 +546,24 @@ var TreeList = /** @class */ (function (_super) {
             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 = 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 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/es/TreeListNoRecords.js

@@ -2,10 +2,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 __());

package/dist/es/TreeListToolbar.js

@@ -2,10 +2,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 __());

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/FilterCells/TreeListBooleanFilter.js

@@ -14,8 +14,10 @@ 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;
 };
 import * as React from 'react';

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

@@ -14,8 +14,10 @@ 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;
 };
 import * as React from 'react';

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

@@ -14,8 +14,10 @@ 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;
 };
 import * as React from 'react';

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

@@ -14,8 +14,10 @@ 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;
 };
 import * as React from 'react';

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/header/TreeListHeaderSelectionCell.js

@@ -2,10 +2,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 __());

package/dist/es/interfaces/DataItemWrapper.js

@@ -0,0 +1 @@
+export {};

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/TreeListCellProps.js

@@ -0,0 +1 @@
+export {};

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/interfaces/TreeListColumnProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListFilterCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListFilterOperator.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListHeaderCellProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListNoRecordsProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListRowProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListSelectableSettings.js

@@ -1 +1,2 @@
 ;
+export {};

package/dist/es/interfaces/TreeListSortSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/TreeListToolbarProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/events.js

@@ -0,0 +1 @@
+export {};

package/dist/es/messages/index.d.ts

@@ -94,27 +94,27 @@ export declare const noRecords = "treelist.noRecords";
  * @hidden
  */
 export declare const messages: {
-    [filterClearButton]: string;
-    [filterEqOperator]: string;
-    [filterNotEqOperator]: string;
-    [filterIsNullOperator]: string;
-    [filterIsNotNullOperator]: string;
-    [filterIsEmptyOperator]: string;
-    [filterIsNotEmptyOperator]: string;
-    [filterStartsWithOperator]: string;
-    [filterContainsOperator]: string;
-    [filterNotContainsOperator]: string;
-    [filterEndsWithOperator]: string;
-    [filterGteOperator]: string;
-    [filterGtOperator]: string;
-    [filterLteOperator]: string;
-    [filterLtOperator]: string;
-    [filterIsTrue]: string;
-    [filterIsFalse]: string;
-    [filterBooleanAll]: string;
-    [filterAfterOrEqualOperator]: string;
-    [filterAfterOperator]: string;
-    [filterBeforeOperator]: string;
-    [filterBeforeOrEqualOperator]: string;
-    [noRecords]: string;
+    "treelist.filterClearButton": string;
+    "treelist.filterEqOperator": string;
+    "treelist.filterNotEqOperator": string;
+    "treelist.filterIsNullOperator": string;
+    "treelist.filterIsNotNullOperator": string;
+    "treelist.filterIsEmptyOperator": string;
+    "treelist.filterIsNotEmptyOperator": string;
+    "treelist.filterStartsWithOperator": string;
+    "treelist.filterContainsOperator": string;
+    "treelist.filterNotContainsOperator": string;
+    "treelist.filterEndsWithOperator": string;
+    "treelist.filterGteOperator": string;
+    "treelist.filterGtOperator": string;
+    "treelist.filterLteOperator": string;
+    "treelist.filterLtOperator": string;
+    "treelist.filterIsTrue": string;
+    "treelist.filterIsFalse": string;
+    "treelist.filterBooleanAll": string;
+    "treelist.filterAfterOrEqualOperator": string;
+    "treelist.filterAfterOperator": string;
+    "treelist.filterBeforeOperator": string;
+    "treelist.filterBeforeOrEqualOperator": string;
+    "treelist.noRecords": string;
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-treelist',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653030373,
+    publishDate: 1654509417,
     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

@@ -2,10 +2,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 __());
@@ -22,6 +24,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 * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Draggable, canUseDOM } from '@progress/kendo-react-common';
@@ -126,8 +137,8 @@ var TreeListDraggableRow = /** @class */ (function (_super) {
         _this.onRelease = function (args) {
             var event = args.event;
             if (_this.dragged) {
-                var dragged = _this.dragged.slice();
-                var draggedOver = _this.draggedOver && _this.draggedOver.slice();
+                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;
@@ -136,7 +147,8 @@ var TreeListDraggableRow = /** @class */ (function (_super) {
                 if (allowDrop && _this.props.onDrop) {
                     _this.props.onDrop.call(undefined, {
                         nativeEvent: event.originalEvent,
-                        dragged: dragged, draggedOver: draggedOver,
+                        dragged: dragged,
+                        draggedOver: draggedOver,
                         draggedItem: draggedItem
                     });
                 }

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