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

package/dist/npm/TreeView.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.TreeView = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -53,11 +56,12 @@ var TreeView = /** @class */ (function (_super) {
          * @hidden
          */
         _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: itemIdUtils_1.ZERO_LEVEL_ZERO_NODE_ID };
+        _this.fieldsSvc = null;
         // When there is a change in state.focusedItemId, calling focus() on the dom element of the focused item
         // is most often not needed, because the browser focuses the element on its own.
         // https://github.com/telerik/kendo-react/issues/190
         _this.allowExplicitFocus = false;
-        _this.treeGuid = kendo_react_common_1.guid();
+        _this.treeGuid = (0, kendo_react_common_1.guid)();
         _this._element = null;
         _this.onFocusDomElNeeded = function (domItem) {
             if (_this.allowExplicitFocus) {
@@ -121,8 +125,8 @@ var TreeView = /** @class */ (function (_super) {
         };
         _this.onKeyDown = function (event) {
             var focusedItem = _this.getFocusedItem();
-            if (focusedItem) {
-                var newItemId = getItemIdUponKeyboardNavigation_1.default(focusedItem, _this.state.focusedItemId, _this.data, event.keyCode, _this.fieldsSvc);
+            if (focusedItem && _this.fieldsSvc) {
+                var newItemId = (0, getItemIdUponKeyboardNavigation_1.default)(focusedItem, _this.state.focusedItemId, _this.data, event.keyCode, _this.fieldsSvc);
                 if (newItemId !== _this.state.focusedItemId) {
                     // This disables the auto-scroll. The scroll is achieved via item focusing.
                     event.preventDefault();
@@ -132,7 +136,7 @@ var TreeView = /** @class */ (function (_super) {
                 _this.dispatchEventsOnKeyDown(event, focusedItem);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(TreeView.prototype, "element", {
@@ -142,19 +146,19 @@ var TreeView = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
      * @hidden
      */
     TreeView.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         this.fieldsSvc = new FieldsService_1.default(this.props);
         var _b = this.props, size = _b.size, className = _b.className;
-        return (React.createElement("div", { className: kendo_react_common_1.classNames('k-treeview', (_a = {},
-                _a["k-treeview-" + (sizeMap[size] || size)] = size,
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-treeview', (_a = {},
+                _a["k-treeview-".concat(sizeMap[size] || size)] = size,
                 _a), className), onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, role: "tree", "aria-multiselectable": this.ariaMultiSelectable ? true : undefined, "aria-label": this.props['aria-label'], "aria-labelledby": this.props['aria-labelledby'], ref: function (element) { return _this._element = element; }, tabIndex: this.props.tabIndex },
             React.createElement("ul", { className: "k-treeview-lines k-treeview-group", role: "group" }, this.data.map(function (item, index) {
                 return (React.createElement(TreeViewItem_1.TreeViewItem, { item: item, position: index === 0 ? 'top' : index === _this.data.length - 1 ? 'bot' : 'mid', itemId: index.toString(), treeGuid: _this.treeGuid, animate: _this.props.animate, focusedItemId: _this.state.focusedItemId, tabbableItemId: _this.state.tabbableItemId, fieldsService: _this.fieldsSvc, itemUI: _this.props.item, checkboxes: _this.props.checkboxes, ariaMultiSelectable: _this.ariaMultiSelectable, onItemClick: _this.onItemClick, onFocusDomElNeeded: _this.onFocusDomElNeeded, draggable: _this.props.draggable, onPress: _this.onPress, onDrag: _this.onDrag, onRelease: _this.onRelease, expandIcons: _this.props.expandIcons, onExpandChange: _this.onExpandChange, onCheckChange: _this.onCheckChange, key: index, size: size }));
@@ -169,15 +173,18 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.dispatchEventsOnKeyDown = function (event, focusedItem) {
         var _this = this;
+        if (this.fieldsSvc === null) {
+            return;
+        }
         // isEnabled is the most expensive op and that is why is left last.
         var isEnabled = function () {
-            return itemUtils_1.isEnabledAndAllParentsEnabled(_this.state.focusedItemId, _this.data, _this.fieldsSvc);
+            return _this.fieldsSvc && (0, itemUtils_1.isEnabledAndAllParentsEnabled)(_this.state.focusedItemId, _this.data, _this.fieldsSvc);
         };
         if (event.keyCode === kendo_react_common_1.Keys.left && this.fieldsSvc.expanded(focusedItem) && isEnabled()) {
             this.dispatchExpandChange(event, focusedItem, this.state.focusedItemId);
         }
         else if (event.keyCode === kendo_react_common_1.Keys.right && !this.fieldsSvc.expanded(focusedItem) &&
-            (this.fieldsSvc.hasChildren(focusedItem) || itemUtils_1.hasChildren(focusedItem, this.props.childrenField)) && isEnabled()) {
+            (this.fieldsSvc.hasChildren(focusedItem) || (0, itemUtils_1.hasChildren)(focusedItem, this.props.childrenField)) && isEnabled()) {
             this.dispatchExpandChange(event, focusedItem, this.state.focusedItemId);
         }
         else if (event.keyCode === kendo_react_common_1.Keys.enter && isEnabled()) {
@@ -190,7 +197,7 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.setFocus = function (focusedItemId) {
-        if (focusedItemId) {
+        if (focusedItemId && this.fieldsSvc) {
             if (this.fieldsSvc.focusIdField) {
                 var item = this.getItemById(focusedItemId);
                 this.setState({ focusedItemId: focusedItemId, focusedItemPublicId: this.fieldsSvc.focusId(item) });
@@ -213,24 +220,24 @@ var TreeView = /** @class */ (function (_super) {
         return this.state.focusedItemId ? this.getItemById(this.state.focusedItemId) : undefined;
     };
     TreeView.prototype.getItemById = function (itemId) {
-        return itemIdUtils_1.getItemById(itemId, this.data, this.props.childrenField || consts_1.CHILDREN_FIELD);
+        return (0, itemIdUtils_1.getItemById)(itemId, this.data, this.props.childrenField || consts_1.CHILDREN_FIELD);
     };
     TreeView.prototype.dispatchCheckChange = function (dispatchedEvent, item, itemId) {
-        kendo_react_common_1.dispatchEvent(this.props.onCheckChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
+        (0, kendo_react_common_1.dispatchEvent)(this.props.onCheckChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
     };
     TreeView.prototype.dispatchExpandChange = function (dispatchedEvent, item, itemId) {
-        kendo_react_common_1.dispatchEvent(this.props.onExpandChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
+        (0, kendo_react_common_1.dispatchEvent)(this.props.onExpandChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
     };
     TreeView.prototype.dispatchItemClick = function (dispatchedEvent, item, itemId) {
-        kendo_react_common_1.dispatchEvent(this.props.onItemClick, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
+        (0, kendo_react_common_1.dispatchEvent)(this.props.onItemClick, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
     };
     TreeView.prototype.refocusDueToFocusIdField = function () {
-        if (this.fieldsSvc.focusIdField) {
+        if (this.fieldsSvc && this.fieldsSvc.focusIdField) {
             var focusedItemPublicId = this.state.focusedItemPublicId;
             if (focusedItemPublicId) {
                 var focusedItemId = this.props.getFocusHierarchicalIndex ?
                     this.props.getFocusHierarchicalIndex(focusedItemPublicId) :
-                    itemUtils_1.resolveItemId(focusedItemPublicId, this.fieldsSvc.focusIdField, this.data, this.props.childrenField);
+                    (0, itemUtils_1.resolveItemId)(focusedItemPublicId, this.fieldsSvc.focusIdField, this.data, this.props.childrenField);
                 if (focusedItemId !== this.state.focusedItemId) {
                     this.allowExplicitFocus = true;
                     this.setState({ focusedItemId: focusedItemId });
@@ -242,14 +249,14 @@ var TreeView = /** @class */ (function (_super) {
         get: function () {
             return this.props['aria-multiselectable'] === true || this.props['aria-multiselectable'] === 'true';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeView.prototype, "data", {
         get: function () {
             return this.props.data || [];
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     TreeView.prototype.focusDomItem = function (domItem) {
@@ -262,7 +269,7 @@ var TreeView = /** @class */ (function (_super) {
         get: function () {
             return this.treeGuid;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -315,4 +322,4 @@ var TreeView = /** @class */ (function (_super) {
     };
     return TreeView;
 }(React.Component));
-exports.default = TreeView;
+exports.TreeView = TreeView;

package/dist/npm/TreeViewDragAnalyzer.d.ts

@@ -89,7 +89,7 @@ import { TreeViewItemDragOverEvent, TreeViewItemDragEndEvent } from './events';
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default class TreeViewDragAnalyzer {
+export declare class TreeViewDragAnalyzer {
     private event;
     private itemId;
     private treeViewGuid;
@@ -111,13 +111,13 @@ export default class TreeViewDragAnalyzer {
     /**
      * Returns `true` if dropping is allowed. Otherwise, returns `false`.
      */
-    readonly isDropAllowed: boolean;
+    get isDropAllowed(): boolean;
     /**
      * Returns an object which contains:
      * * The `itemHierarchicalIndex` of the destination item (the item below the dragged item) and
      * * The `guid` of the destination TreeView (the TreeView which renders the destination item).
      */
-    readonly destinationMeta: {
+    get destinationMeta(): {
         itemHierarchicalIndex: string;
         treeViewGuid: string;
     };
@@ -130,6 +130,6 @@ export default class TreeViewDragAnalyzer {
      * * `child`&mdash;Indicates that the dragged item is positioned in the middle of the destination item.
      * * `undefined`&mdash;Indicates that dropping is not allowed.
      */
-    getDropOperation(): "after" | "child" | "before";
+    getDropOperation(): "after" | "child" | "before" | undefined;
     private setDestimationMeta;
 }

package/dist/npm/TreeViewDragAnalyzer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeViewDragAnalyzer = void 0;
 var consts_1 = require("./utils/consts");
 var DROPZONE_BOUNDARY_DELTA = 6;
 /**
@@ -99,6 +100,8 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
     function TreeViewDragAnalyzer(event) {
         this.event = event;
         this.initialized = false;
+        this.destItemId = '';
+        this.destTreeViewGuid = '';
         this.itemId = event.itemHierarchicalIndex;
         this.treeViewGuid = event.target.guid;
     }
@@ -122,14 +125,14 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
         get: function () {
             if (this.initialized && this.destItemId && this.destTreeViewGuid) {
                 // Disallow circular references.
-                return !((this.destTreeViewGuid + "_" + this.destItemId + "_").
-                    startsWith(this.treeViewGuid + "_" + this.itemId + "_"));
+                return !(("".concat(this.destTreeViewGuid, "_").concat(this.destItemId, "_")).
+                    startsWith("".concat(this.treeViewGuid, "_").concat(this.itemId, "_")));
             }
             else {
                 return false;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewDragAnalyzer.prototype, "destinationMeta", {
@@ -141,7 +144,7 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
         get: function () {
             return { itemHierarchicalIndex: this.destItemId, treeViewGuid: this.destTreeViewGuid };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -183,4 +186,4 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
     };
     return TreeViewDragAnalyzer;
 }());
-exports.default = TreeViewDragAnalyzer;
+exports.TreeViewDragAnalyzer = TreeViewDragAnalyzer;

package/dist/npm/TreeViewDragClue.d.ts

@@ -108,7 +108,7 @@ export interface TreeViewDragClueState {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default class TreeViewDragClue extends React.PureComponent<TreeViewDragClueProps, TreeViewDragClueState> {
+export declare class TreeViewDragClue extends React.PureComponent<TreeViewDragClueProps, TreeViewDragClueState> {
     /**
      * @hidden
      */
@@ -127,7 +127,7 @@ export default class TreeViewDragClue extends React.PureComponent<TreeViewDragCl
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): false | JSX.Element | undefined;
     /**
      * Displays the TreeViewDragClue component.
      *

package/dist/npm/TreeViewDragClue.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeViewDragClue = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -136,8 +139,8 @@ var TreeViewDragClue = /** @class */ (function (_super) {
      */
     TreeViewDragClue.prototype.render = function () {
         var dynamicStyle = { top: this.state.top + 'px', left: this.state.left + 'px' };
-        return this.state.visible && (React.createElement("div", { className: "k-header k-drag-clue", style: __assign({}, this.props.style, dynamicStyle) },
-            React.createElement("span", { className: kendo_react_common_1.classNames('k-icon k-drag-status k-icon-with-modifier', this.state.operationClassName) },
+        return this.state.visible && (React.createElement("div", { className: "k-header k-drag-clue", style: __assign(__assign({}, this.props.style), dynamicStyle) },
+            React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon k-drag-status k-icon-with-modifier', this.state.operationClassName) },
                 React.createElement("span", { className: "k-icon k-icon-modifier" })),
             this.state.text));
     };
@@ -164,4 +167,4 @@ var TreeViewDragClue = /** @class */ (function (_super) {
     TreeViewDragClue.defaultProps = { style: { display: 'block', position: 'absolute', zIndex: 20000, padding: '4px 6px' } };
     return TreeViewDragClue;
 }(React.PureComponent));
-exports.default = TreeViewDragClue;
+exports.TreeViewDragClue = TreeViewDragClue;

package/dist/npm/TreeViewItem.d.ts

@@ -61,13 +61,13 @@ declare class TreeViewItemWithoutContext extends React.Component<TreeViewItemPro
     private onPress;
     private onDrag;
     private onRelease;
-    private readonly fieldsSvc;
-    private readonly itemId;
-    private readonly item;
-    private readonly tabIndex;
-    private readonly ariaExpanded;
-    private readonly ariaChecked;
-    private readonly ariaSelected;
+    private get fieldsSvc();
+    private get itemId();
+    private get item();
+    private get tabIndex();
+    private get ariaExpanded();
+    private get ariaChecked();
+    private get ariaSelected();
     private getIconClassName;
     private getRootClassName;
     private getContentClassName;

package/dist/npm/TreeViewItem.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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeViewItem = exports.TreeViewItemPropsContext = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var itemIdUtils_1 = require("./utils/itemIdUtils");
@@ -42,7 +45,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
     __extends(TreeViewItemWithoutContext, _super);
     function TreeViewItemWithoutContext() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.itemGuid = kendo_react_common_1.guid();
+        _this.itemGuid = (0, kendo_react_common_1.guid)();
         _this.onCheckChange = function (e) {
             _this.props.onCheckChange(e, _this.item, _this.itemId);
         };
@@ -74,7 +77,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
         var subitems = this.renderSubitemsIfApplicable();
         var itemInPart = this.renderItemInPart();
         return (React.createElement("li", { className: this.getRootClassName(), tabIndex: this.tabIndex, role: "treeitem", "aria-expanded": this.ariaExpanded, "aria-selected": this.ariaSelected, "aria-checked": this.ariaChecked, "aria-disabled": this.fieldsSvc.disabled(this.item) ? true : undefined, ref: function (el) { return _this.itemElement = el; } },
-            React.createElement("div", { className: "k-treeview-" + this.props.position, ref: this.assignDraggableMeta },
+            React.createElement("div", { className: "k-treeview-".concat(this.props.position), ref: this.assignDraggableMeta },
                 this.renderExpandIcon(),
                 this.renderCheckbox(),
                 this.props.draggable ?
@@ -107,13 +110,13 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
         }
     };
     TreeViewItemWithoutContext.prototype.renderCheckbox = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         if (this.props.checkboxes) {
             var size = this.props.size;
             return (React.createElement("div", { className: "k-checkbox-wrap" },
-                React.createElement("input", { type: "checkbox", className: kendo_react_common_1.classNames('k-checkbox k-rounded-md', (_a = {},
-                        _a["k-checkbox-" + (sizeMap[size] || size)] = size,
+                React.createElement("input", { type: "checkbox", className: (0, kendo_react_common_1.classNames)('k-checkbox k-rounded-md', (_a = {},
+                        _a["k-checkbox-".concat(sizeMap[size] || size)] = size,
                         _a)), checked: Boolean(this.fieldsSvc.checked(this.item)), id: this.itemGuid, tabIndex: -1, onChange: this.onCheckChange, ref: function (el) { return _this.checkboxElement = el; } }),
                 React.createElement("label", { className: "k-checkbox-label", htmlFor: this.itemGuid })));
         }
@@ -125,16 +128,16 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
         var renderExpand = this.props.expandIcons &&
             // If it is explicitly said that the item has children (even not loaded yet)
             // or if the item actually has children, then render the icon.
-            (this.fieldsSvc.hasChildren(this.item) || itemUtils_1.hasChildren(this.item, this.fieldsSvc.getChildrenField()));
+            (this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()));
         return renderExpand && (React.createElement("span", { className: "k-treeview-toggle" },
             React.createElement("span", { className: this.getIconClassName(), onClick: this.onExpandChange })));
     };
     TreeViewItemWithoutContext.prototype.renderSubitemsIfApplicable = function () {
         var _this = this;
         var data = this.fieldsSvc.children(this.item);
-        return itemUtils_1.isItemExpandedAndWithChildren(this.item, this.fieldsSvc) ?
+        return (0, itemUtils_1.isItemExpandedAndWithChildren)(this.item, this.fieldsSvc) ?
             (React.createElement("ul", { className: "k-treeview-group", role: "group" }, data.map(function (item, index) {
-                return (React.createElement(exports.TreeViewItem, { item: item, position: index === 0 ? 'top' : index === data.length - 1 ? 'bot' : 'mid', itemId: itemIdUtils_1.createId(index, _this.itemId), treeGuid: _this.props.treeGuid, animate: _this.props.animate, focusedItemId: _this.props.focusedItemId, tabbableItemId: _this.props.tabbableItemId, fieldsService: _this.props.fieldsService, itemUI: _this.props.itemUI, checkboxes: _this.props.checkboxes, ariaMultiSelectable: _this.props.ariaMultiSelectable, onItemClick: _this.props.onItemClick, onFocusDomElNeeded: _this.props.onFocusDomElNeeded, draggable: _this.props.draggable, onPress: _this.props.onPress, onDrag: _this.props.onDrag, onRelease: _this.props.onRelease, expandIcons: _this.props.expandIcons, onExpandChange: _this.props.onExpandChange, onCheckChange: _this.props.onCheckChange, key: index, size: _this.props.size }));
+                return (React.createElement(exports.TreeViewItem, { item: item, position: index === 0 ? 'top' : index === data.length - 1 ? 'bot' : 'mid', itemId: (0, itemIdUtils_1.createId)(index, _this.itemId), treeGuid: _this.props.treeGuid, animate: _this.props.animate, focusedItemId: _this.props.focusedItemId, tabbableItemId: _this.props.tabbableItemId, fieldsService: _this.props.fieldsService, itemUI: _this.props.itemUI, checkboxes: _this.props.checkboxes, ariaMultiSelectable: _this.props.ariaMultiSelectable, onItemClick: _this.props.onItemClick, onFocusDomElNeeded: _this.props.onFocusDomElNeeded, draggable: _this.props.draggable, onPress: _this.props.onPress, onDrag: _this.props.onDrag, onRelease: _this.props.onRelease, expandIcons: _this.props.expandIcons, onExpandChange: _this.props.onExpandChange, onCheckChange: _this.props.onCheckChange, key: index, size: _this.props.size }));
             }))) : undefined;
     };
     TreeViewItemWithoutContext.prototype.renderItemInPart = function () {
@@ -147,36 +150,36 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.fieldsService;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "itemId", {
         get: function () {
             return this.props.itemId;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "item", {
         get: function () {
             return this.props.item;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "tabIndex", {
         get: function () {
             return (this.props.focusedItemId || this.props.tabbableItemId) === this.itemId ? 0 : -1;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaExpanded", {
         get: function () {
-            return this.fieldsSvc.hasChildren(this.item) || itemUtils_1.hasChildren(this.item, this.fieldsSvc.getChildrenField()) ?
+            return this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ?
                 Boolean(this.fieldsSvc.expanded(this.item)) : undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaChecked", {
@@ -193,7 +196,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
                 return undefined;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaSelected", {
@@ -208,22 +211,22 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
                 return undefined;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     TreeViewItemWithoutContext.prototype.getIconClassName = function () {
         var expanded = this.fieldsSvc.expanded(this.item);
-        return kendo_react_common_1.classNames('k-icon', {
+        return (0, kendo_react_common_1.classNames)('k-icon', {
             'k-i-expand': !expanded,
             'k-i-collapse': expanded,
-            'k-i-loading': expanded && !itemUtils_1.hasChildren(this.item, this.fieldsSvc.getChildrenField())
+            'k-i-loading': expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField())
         });
     };
     TreeViewItemWithoutContext.prototype.getRootClassName = function () {
-        return kendo_react_common_1.classNames('k-treeview-item', { 'k-disabled': this.fieldsSvc.disabled(this.item) });
+        return (0, kendo_react_common_1.classNames)('k-treeview-item', { 'k-disabled': this.fieldsSvc.disabled(this.item) });
     };
     TreeViewItemWithoutContext.prototype.getContentClassName = function () {
-        return kendo_react_common_1.classNames('k-treeview-leaf', {
+        return (0, kendo_react_common_1.classNames)('k-treeview-leaf', {
             'k-focus': this.props.focusedItemId === this.itemId,
             'k-selected': this.fieldsSvc.selected(this.item)
         });

package/dist/npm/events.d.ts

@@ -1,5 +1,5 @@
 import { BaseEvent } from '@progress/kendo-react-common';
-import TreeView from './TreeView';
+import { TreeView } from './TreeView';
 /**
  * Represents the object of the `onExpandChange` event ([see example]({% slug overview_treeview %}#toc-basic-usage)).
  */

package/dist/npm/handleTreeViewCheckChange.js

@@ -27,6 +27,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleTreeViewCheckChange = void 0;
 var itemUtils_1 = require("./utils/itemUtils");
 var itemIdUtils_1 = require("./utils/itemIdUtils");
 var misc_1 = require("./utils/misc");
@@ -84,7 +85,7 @@ function handleTreeViewCheckChange(event, check, data, settings, childrenField)
         return [];
     }
     var _a = parseOperation(check), ids = _a.ids, idField = _a.idField;
-    var itemId = idField ? misc_1.getNestedValue(idField, event.item) : event.itemHierarchicalIndex;
+    var itemId = idField ? (0, misc_1.getNestedValue)(idField, event.item) : event.itemHierarchicalIndex;
     var idIndex = ids.indexOf(itemId);
     var itemJustChecked = idIndex === -1;
     var subItemsField = childrenField || consts_1.CHILDREN_FIELD;
@@ -102,13 +103,13 @@ function handleTreeViewCheckChange(event, check, data, settings, childrenField)
             checkParents(event.itemHierarchicalIndex, itemJustChecked, idField, subItemsField, newIds, data);
         }
     }
-    return misc_1.isArray(check) ? newIds : Object.assign({}, check, { ids: newIds });
+    return (0, misc_1.isArray)(check) ? newIds : Object.assign({}, check, { ids: newIds });
 }
 exports.handleTreeViewCheckChange = handleTreeViewCheckChange;
 function parseOperation(operation) {
     var ids;
     var idField = undefined;
-    if (misc_1.isArray(operation)) {
+    if ((0, misc_1.isArray)(operation)) {
         ids = operation;
     }
     else {
@@ -118,7 +119,7 @@ function parseOperation(operation) {
     return { ids: ids, idField: idField };
 }
 function checkChildren(item, itemHierarchicalIndex, itemJustChecked, idField, childrenField, ids) {
-    itemUtils_1.getAllDirectIndirectChildrenIds(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
+    (0, itemUtils_1.getAllDirectIndirectChildrenIds)(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
         if (itemJustChecked && ids.indexOf(itemId) === -1) {
             ids.push(itemId);
         }
@@ -137,7 +138,7 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
             var _a = result.value, id = _a.id, item = _a.item;
             // The first check is needed. However, it is not sure whether to stop the entire loop.
             if (ids.indexOf(id) === -1 &&
-                itemUtils_1.areAllDirectChildrenChecked(item, id, idField, childrenField, ids)) {
+                (0, itemUtils_1.areAllDirectChildrenChecked)(item, id, idField, childrenField, ids)) {
                 ids.push(id);
                 result = it.next();
             }
@@ -168,12 +169,12 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
             switch (_a.label) {
                 case 0:
                     if (!idField) return [3 /*break*/, 5];
-                    parents = itemUtils_1.getAllParents(itemHierarchicalIndex, childrenField, data);
+                    parents = (0, itemUtils_1.getAllParents)(itemHierarchicalIndex, childrenField, data);
                     i = parents.length - 1;
                     _a.label = 1;
                 case 1:
                     if (!(i > -1)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, { id: misc_1.getNestedValue(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
+                    return [4 /*yield*/, { id: (0, misc_1.getNestedValue)(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
                 case 2:
                     _a.sent();
                     _a.label = 3;
@@ -182,14 +183,14 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
                     return [3 /*break*/, 1];
                 case 4: return [3 /*break*/, 8];
                 case 5:
-                    parentId = itemIdUtils_1.getDirectParentId(itemHierarchicalIndex);
+                    parentId = (0, itemIdUtils_1.getDirectParentId)(itemHierarchicalIndex);
                     _a.label = 6;
                 case 6:
                     if (!parentId) return [3 /*break*/, 8];
-                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? itemIdUtils_1.getItemById(parentId, data, childrenField) : undefined }];
+                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? (0, itemIdUtils_1.getItemById)(parentId, data, childrenField) : undefined }];
                 case 7:
                     _a.sent();
-                    parentId = itemIdUtils_1.getDirectParentId(parentId);
+                    parentId = (0, itemIdUtils_1.getDirectParentId)(parentId);
                     return [3 /*break*/, 6];
                 case 8: return [2 /*return*/];
             }

package/dist/npm/main.d.ts

@@ -1,12 +1,12 @@
-import TreeView from './TreeView';
+import { TreeView } from './TreeView';
 import { TreeViewItemClickEvent, TreeViewExpandChangeEvent, TreeViewCheckChangeEvent, TreeViewItemDragOverEvent, TreeViewItemDragStartEvent, TreeViewItemDragEndEvent } from './events';
-import processTreeViewItems from './processTreeViewItems';
-import moveTreeViewItem from './moveTreeViewItem';
+import { processTreeViewItems } from './processTreeViewItems';
+import { moveTreeViewItem } from './moveTreeViewItem';
 import { handleTreeViewCheckChange, TreeViewCheckChangeSettings } from './handleTreeViewCheckChange';
 import { TreeViewOperationDescriptor, TreeViewOperationDescriptors, TreeViewCheckDescriptor } from './TreeViewOperationDescriptors';
 import { ItemRenderProps } from './ItemRenderProps';
 import { TreeViewProps } from './TreeViewProps';
-import TreeViewDragClue from './TreeViewDragClue';
-import TreeViewDragAnalyzer from './TreeViewDragAnalyzer';
+import { TreeViewDragClue } from './TreeViewDragClue';
+import { TreeViewDragAnalyzer } from './TreeViewDragAnalyzer';
 import { TreeViewItemPropsContext } from './TreeViewItem';
 export { TreeViewItemPropsContext, TreeView, processTreeViewItems, handleTreeViewCheckChange, TreeViewCheckChangeSettings, TreeViewItemClickEvent, TreeViewExpandChangeEvent, TreeViewCheckChangeEvent, TreeViewItemDragOverEvent, TreeViewItemDragStartEvent, TreeViewItemDragEndEvent, TreeViewOperationDescriptor, TreeViewOperationDescriptors, TreeViewCheckDescriptor, TreeViewProps, ItemRenderProps, TreeViewDragClue, moveTreeViewItem, TreeViewDragAnalyzer };

package/dist/npm/main.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeViewDragAnalyzer = exports.moveTreeViewItem = exports.TreeViewDragClue = exports.handleTreeViewCheckChange = exports.processTreeViewItems = exports.TreeView = exports.TreeViewItemPropsContext = void 0;
 var TreeView_1 = require("./TreeView");
-exports.TreeView = TreeView_1.default;
+Object.defineProperty(exports, "TreeView", { enumerable: true, get: function () { return TreeView_1.TreeView; } });
 var processTreeViewItems_1 = require("./processTreeViewItems");
-exports.processTreeViewItems = processTreeViewItems_1.default;
+Object.defineProperty(exports, "processTreeViewItems", { enumerable: true, get: function () { return processTreeViewItems_1.processTreeViewItems; } });
 var moveTreeViewItem_1 = require("./moveTreeViewItem");
-exports.moveTreeViewItem = moveTreeViewItem_1.default;
+Object.defineProperty(exports, "moveTreeViewItem", { enumerable: true, get: function () { return moveTreeViewItem_1.moveTreeViewItem; } });
 var handleTreeViewCheckChange_1 = require("./handleTreeViewCheckChange");
-exports.handleTreeViewCheckChange = handleTreeViewCheckChange_1.handleTreeViewCheckChange;
+Object.defineProperty(exports, "handleTreeViewCheckChange", { enumerable: true, get: function () { return handleTreeViewCheckChange_1.handleTreeViewCheckChange; } });
 var TreeViewDragClue_1 = require("./TreeViewDragClue");
-exports.TreeViewDragClue = TreeViewDragClue_1.default;
+Object.defineProperty(exports, "TreeViewDragClue", { enumerable: true, get: function () { return TreeViewDragClue_1.TreeViewDragClue; } });
 var TreeViewDragAnalyzer_1 = require("./TreeViewDragAnalyzer");
-exports.TreeViewDragAnalyzer = TreeViewDragAnalyzer_1.default;
+Object.defineProperty(exports, "TreeViewDragAnalyzer", { enumerable: true, get: function () { return TreeViewDragAnalyzer_1.TreeViewDragAnalyzer; } });
 var TreeViewItem_1 = require("./TreeViewItem");
-exports.TreeViewItemPropsContext = TreeViewItem_1.TreeViewItemPropsContext;
+Object.defineProperty(exports, "TreeViewItemPropsContext", { enumerable: true, get: function () { return TreeViewItem_1.TreeViewItemPropsContext; } });

package/dist/npm/moveTreeViewItem.d.ts

@@ -103,7 +103,7 @@
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default function moveTreeViewItem(sourceItemHierarchicalIndex: string, sourceData: any[] | null | undefined, operation: 'before' | 'after' | 'child', targetItemHierarchicalIndex: string, targetData?: any[] | null, childrenField?: string): any[] | {
-    sourceData: any[];
+export declare function moveTreeViewItem(sourceItemHierarchicalIndex: string, sourceData: any[] | null | undefined, operation: 'before' | 'after' | 'child', targetItemHierarchicalIndex: string, targetData?: any[] | null, childrenField?: string): any[] | {
+    sourceData: any[] | null | undefined;
     targetData: any[];
-};
+} | null | undefined;