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

package/dist/es/TreeViewDragAnalyzer.js

@@ -97,6 +97,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;
     }
@@ -120,8 +122,8 @@ 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;

package/dist/es/TreeViewDragClue.d.ts

@@ -127,7 +127,7 @@ export declare class TreeViewDragClue extends React.PureComponent<TreeViewDragCl
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): false | JSX.Element | undefined;
     /**
      * Displays the TreeViewDragClue component.
      *

package/dist/es/TreeViewItem.js

@@ -74,7 +74,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 ?
@@ -113,7 +113,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
             var size = this.props.size;
             return (React.createElement("div", { className: "k-checkbox-wrap" },
                 React.createElement("input", { type: "checkbox", className: classNames('k-checkbox k-rounded-md', (_a = {},
-                        _a["k-checkbox-" + (sizeMap[size] || size)] = size,
+                        _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 })));
         }

package/dist/es/moveTreeViewItem.d.ts

@@ -104,6 +104,6 @@
  * ```
  */
 export declare function moveTreeViewItem(sourceItemHierarchicalIndex: string, sourceData: any[] | null | undefined, operation: 'before' | 'after' | 'child', targetItemHierarchicalIndex: string, targetData?: any[] | null, childrenField?: string): any[] | {
-    sourceData: any[];
+    sourceData: any[] | null | undefined;
     targetData: any[];
-};
+} | null | undefined;

package/dist/es/moveTreeViewItem.js

@@ -135,7 +135,7 @@ export function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operat
         return targetData ? { sourceData: sourceData, targetData: targetData } : sourceData;
     }
     function validateNoCircularReference() {
-        return !(targetItemHierarchicalIndex + "_").startsWith(sourceItemHierarchicalIndex + "_");
+        return !"".concat(targetItemHierarchicalIndex, "_").startsWith("".concat(sourceItemHierarchicalIndex, "_"));
     }
     function validateInput() {
         if (!sourceData || !sourceData.length ||

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-treeview',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648152,
+    publishDate: 1654509058,
     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/utils/itemUtils.d.ts

@@ -6,11 +6,11 @@ export declare function hasChildren(item: any, childrenField: string): boolean;
 /**
  * @hidden
  */
-export declare function isItemExpandedAndWithChildren(item: any, fieldsSvc: FieldsService): boolean;
+export declare function isItemExpandedAndWithChildren(item: any, fieldsSvc: FieldsService): boolean | undefined;
 /**
  * @hidden
  */
-export declare function resolveItemId(publicId: any, idField: string, items: any[], childrenField: string): string;
+export declare function resolveItemId(publicId: any, idField: string, items: any[], childrenField: string): string | undefined;
 /**
  * @hidden
  */

package/dist/npm/TreeView.d.ts

@@ -48,10 +48,10 @@ export declare class TreeView extends React.Component<TreeViewProps, TreeViewSta
         textField: PropTypes.Requireable<string>;
         disableField: PropTypes.Requireable<string>;
         item: PropTypes.Requireable<any>;
-        'aria-multiselectable': (props: any, propName: any, componentName: any) => Error;
+        'aria-multiselectable': (props: any, propName: any, componentName: any) => Error | null;
         'aria-label': PropTypes.Requireable<string>;
         'aria-labelledby': PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
     };
     /**
      * @hidden
@@ -66,14 +66,14 @@ export declare class TreeView extends React.Component<TreeViewProps, TreeViewSta
         disableField: string;
         checkField: string;
         checkIndeterminateField: string;
-        size: "small" | "medium" | "large";
+        size: "small" | "medium" | "large" | null | undefined;
     };
     /**
      * @hidden
      */
     state: {
-        focusedItemId: any;
-        focusedItemPublicId: any;
+        focusedItemId: undefined;
+        focusedItemPublicId: undefined;
         tabbableItemId: string;
     };
     private blurRequest;
@@ -84,7 +84,7 @@ export declare class TreeView extends React.Component<TreeViewProps, TreeViewSta
     /**
      * @hidden
      */
-    get element(): HTMLDivElement;
+    get element(): HTMLDivElement | null;
     constructor(props: TreeViewProps);
     /**
      * @hidden

package/dist/npm/TreeView.js

@@ -56,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) {
@@ -124,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();
@@ -135,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", {
@@ -156,8 +157,8 @@ var TreeView = /** @class */ (function (_super) {
         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 }));
@@ -172,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()) {
@@ -193,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) });
@@ -216,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 });

package/dist/npm/TreeViewDragAnalyzer.d.ts

@@ -130,6 +130,6 @@ export declare class TreeViewDragAnalyzer {
      * * `child`—Indicates that the dragged item is positioned in the middle of the destination item.
      * * `undefined`—Indicates that dropping is not allowed.
      */
-    getDropOperation(): "after" | "child" | "before";
+    getDropOperation(): "after" | "child" | "before" | undefined;
     private setDestimationMeta;
 }

package/dist/npm/TreeViewDragAnalyzer.js

@@ -100,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;
     }
@@ -123,8 +125,8 @@ 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;

package/dist/npm/TreeViewDragClue.d.ts

@@ -127,7 +127,7 @@ export declare class TreeViewDragClue extends React.PureComponent<TreeViewDragCl
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): false | JSX.Element | undefined;
     /**
      * Displays the TreeViewDragClue component.
      *

package/dist/npm/TreeViewDragClue.js

@@ -140,7 +140,7 @@ 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(__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) },
+            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));
     };

package/dist/npm/TreeViewItem.js

@@ -45,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);
         };
@@ -77,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 ?
@@ -115,8 +115,8 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
         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 })));
         }
@@ -128,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 () {
@@ -176,7 +176,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
     });
     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: false,
@@ -216,17 +216,17 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
     });
     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/handleTreeViewCheckChange.js

@@ -85,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;
@@ -103,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 {
@@ -119,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);
         }
@@ -138,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();
             }
@@ -169,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;
@@ -183,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/moveTreeViewItem.d.ts

@@ -104,6 +104,6 @@
  * ```
  */
 export declare function moveTreeViewItem(sourceItemHierarchicalIndex: string, sourceData: any[] | null | undefined, operation: 'before' | 'after' | 'child', targetItemHierarchicalIndex: string, targetData?: any[] | null, childrenField?: string): any[] | {
-    sourceData: any[];
+    sourceData: any[] | null | undefined;
     targetData: any[];
-};
+} | null | undefined;

package/dist/npm/moveTreeViewItem.js

@@ -114,7 +114,7 @@ function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, ta
     if (!validateInput()) {
         return prepareInputDataForReturn();
     }
-    var sourceItem = itemIdUtils_1.getItemById(sourceItemHierarchicalIndex, sourceData, subItemsField);
+    var sourceItem = (0, itemIdUtils_1.getItemById)(sourceItemHierarchicalIndex, sourceData, subItemsField);
     if (!sourceItem) {
         return prepareInputDataForReturn();
     }
@@ -123,22 +123,22 @@ function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, ta
         if (!validateNoCircularReference()) {
             return prepareInputDataForReturn();
         }
-        var updatedSourceData = itemUtils_1.removeItem(sourceItemHierarchicalIndex, subItemsField, sourceData);
-        var resultData = itemUtils_1.addItem(sourceItem, operation, subItemsField, itemIdUtils_1.getDecrementedItemIdAfterRemoval(sourceItemHierarchicalIndex, targetItemHierarchicalIndex), updatedSourceData);
+        var updatedSourceData = (0, itemUtils_1.removeItem)(sourceItemHierarchicalIndex, subItemsField, sourceData);
+        var resultData = (0, itemUtils_1.addItem)(sourceItem, operation, subItemsField, (0, itemIdUtils_1.getDecrementedItemIdAfterRemoval)(sourceItemHierarchicalIndex, targetItemHierarchicalIndex), updatedSourceData);
         // A simpler output is explicitly returned when the source and the target tree are
         // the same, that is, the targetData argument is skipped.
         return targetData ? { sourceData: resultData, targetData: resultData } : resultData;
     }
     else {
-        var updatedSource = itemUtils_1.removeItem(sourceItemHierarchicalIndex, subItemsField, sourceData);
-        var updatedTarget = itemUtils_1.addItem(sourceItem, operation, subItemsField, targetItemHierarchicalIndex, targetData);
+        var updatedSource = (0, itemUtils_1.removeItem)(sourceItemHierarchicalIndex, subItemsField, sourceData);
+        var updatedTarget = (0, itemUtils_1.addItem)(sourceItem, operation, subItemsField, targetItemHierarchicalIndex, targetData);
         return { sourceData: updatedSource, targetData: updatedTarget };
     }
     function prepareInputDataForReturn() {
         return targetData ? { sourceData: sourceData, targetData: targetData } : sourceData;
     }
     function validateNoCircularReference() {
-        return !(targetItemHierarchicalIndex + "_").startsWith(sourceItemHierarchicalIndex + "_");
+        return !"".concat(targetItemHierarchicalIndex, "_").startsWith("".concat(sourceItemHierarchicalIndex, "_"));
     }
     function validateInput() {
         if (!sourceData || !sourceData.length ||
@@ -151,7 +151,7 @@ function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, ta
         }
         // Validate that the target item exists.
         var data = !targetData || targetData === sourceData ? sourceData : targetData;
-        if (!itemIdUtils_1.getItemById(targetItemHierarchicalIndex, data, subItemsField)) {
+        if (!(0, itemIdUtils_1.getItemById)(targetItemHierarchicalIndex, data, subItemsField)) {
             return false;
         }
         return true;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-treeview',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648152,
+    publishDate: 1654509058,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/processTreeViewItems.js

@@ -85,7 +85,7 @@ exports.processTreeViewItems = processTreeViewItems;
 function handleOperation(items, defaultField, operation, cloneField, childrenField) {
     if (operation) {
         var _a = parseOperation(operation, defaultField), ids = _a.ids, field = _a.field;
-        var indices = !misc_1.isArray(operation) && operation.idField ? itemUtils_1.resolveItemsIds(ids, operation.idField, items, childrenField) : ids;
+        var indices = !(0, misc_1.isArray)(operation) && operation.idField ? (0, itemUtils_1.resolveItemsIds)(ids, operation.idField, items, childrenField) : ids;
         return raiseFlags(items, indices, field, cloneField, childrenField);
     }
     else {
@@ -95,7 +95,7 @@ function handleOperation(items, defaultField, operation, cloneField, childrenFie
 function parseOperation(operation, defaultField) {
     var ids;
     var field;
-    if (misc_1.isArray(operation)) {
+    if ((0, misc_1.isArray)(operation)) {
         ids = operation;
         field = defaultField;
     }
@@ -108,7 +108,7 @@ function parseOperation(operation, defaultField) {
 function raiseFlags(items, indices, field, cloneField, childrenField) {
     var result = items;
     indices.forEach(function (itemIndex) {
-        result = itemUtils_1.updateItem(result, itemIndex, function (item) { return raiseNestedFlag(field, item); }, cloneField, childrenField);
+        result = (0, itemUtils_1.updateItem)(result, itemIndex, function (item) { return raiseNestedFlag(field, item); }, cloneField, childrenField);
     });
     return result;
 }
@@ -130,14 +130,14 @@ function raiseNestedFlag(fieldName, dataItem) {
     }
 }
 function applyCheckIndeterminate(items, childrenField, check) {
-    if (check && !misc_1.isArray(check) && check.applyCheckIndeterminate) {
+    if (check && !(0, misc_1.isArray)(check) && check.applyCheckIndeterminate) {
         var checkField = parseOperation(check, consts_1.CHECK_FIELD).field;
         var checkIndeterminateField = check.checkIndeterminateField || consts_1.CHECK_INDETERMINATE_FIELD;
         for (var i = 0; i < items.length; i++) {
             var item = items[i];
             var subItems = item[childrenField];
             if (subItems) {
-                applyCheckIndeterminateHelper(subItems, misc_1.getNestedValue(checkField, item) ? [] : [item], childrenField, checkField, checkIndeterminateField);
+                applyCheckIndeterminateHelper(subItems, (0, misc_1.getNestedValue)(checkField, item) ? [] : [item], childrenField, checkField, checkIndeterminateField);
             }
         }
     }
@@ -148,7 +148,7 @@ function applyCheckIndeterminateHelper(data, parents, childrenField, checkField,
     var parentsAlreadyUpdated = false;
     for (var i = 0; i < data.length; i++) {
         var item = data[i];
-        if (misc_1.getNestedValue(checkField, item)) {
+        if ((0, misc_1.getNestedValue)(checkField, item)) {
             if (!parentsAlreadyUpdated) {
                 for (var j = 0; j < parents.length; j++) {
                     raiseNestedFlag(checkIndeterminateField, parents[j]);

package/dist/npm/utils/FieldsService.js

@@ -17,32 +17,32 @@ var FieldsService = /** @class */ (function () {
         this.focusIdField = treeViewProps.focusIdField;
     }
     FieldsService.prototype.expanded = function (item) {
-        return misc_1.getNestedValue(this.expandField, item);
+        return (0, misc_1.getNestedValue)(this.expandField, item);
     };
     FieldsService.prototype.selected = function (item) {
-        return misc_1.getNestedValue(this.selectField, item);
+        return (0, misc_1.getNestedValue)(this.selectField, item);
     };
     FieldsService.prototype.text = function (item) {
-        return misc_1.getNestedValue(this.textField, item);
+        return (0, misc_1.getNestedValue)(this.textField, item);
     };
     FieldsService.prototype.disabled = function (item) {
-        return misc_1.getNestedValue(this.disableField, item);
+        return (0, misc_1.getNestedValue)(this.disableField, item);
     };
     FieldsService.prototype.hasChildren = function (item) {
-        return misc_1.getNestedValue(this.hasChildrenField, item);
+        return (0, misc_1.getNestedValue)(this.hasChildrenField, item);
     };
     FieldsService.prototype.children = function (item) {
-        var children = misc_1.getNestedValue(this.childrenField, item);
+        var children = (0, misc_1.getNestedValue)(this.childrenField, item);
         return children ? children : [];
     };
     FieldsService.prototype.checked = function (item) {
-        return misc_1.getNestedValue(this.checkField, item);
+        return (0, misc_1.getNestedValue)(this.checkField, item);
     };
     FieldsService.prototype.checkIndeterminate = function (item) {
-        return misc_1.getNestedValue(this.checkIndeterminateField, item);
+        return (0, misc_1.getNestedValue)(this.checkIndeterminateField, item);
     };
     FieldsService.prototype.focusId = function (item) {
-        return this.focusIdField && misc_1.getNestedValue(this.focusIdField, item);
+        return this.focusIdField && (0, misc_1.getNestedValue)(this.focusIdField, item);
     };
     FieldsService.prototype.getChildrenField = function () {
         return this.childrenField;