@progress/kendo-react-treeview 5.20.0-dev.202310051816 → 5.20.0-dev.202310061256

package/dist/es/TreeView.js

@@ -15,12 +15,9 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { Keys, dispatchEvent, guid, kendoThemeMaps, classNames } from '@progress/kendo-react-common';
+import { Keys, dispatchEvent, guid, kendoThemeMaps, classNames, resolveItemId, isEnabledAndAllParentsEnabled, hasChildren, TreeFieldsService as FieldsService, treeIdUtils } from '@progress/kendo-react-common';
 import nav from './utils/getItemIdUponKeyboardNavigation';
-import { resolveItemId, isEnabledAndAllParentsEnabled, hasChildren } from './utils/itemUtils';
 import { TreeViewItem } from './TreeViewItem';
-import { ZERO_LEVEL_ZERO_NODE_ID, getItemById } from './utils/itemIdUtils';
-import FieldsService from './utils/FieldsService';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from './package-metadata';
 import { CHECK_FIELD, CHECK_INDETERMINATE_FIELD, CHILDREN_FIELD, DISABLED_FIELD, EXPAND_FIELD, HAS_CHILDREN_FIELD, SELECT_FIELD, TEXT_FIELD } from './utils/consts';
@@ -52,7 +49,7 @@ var TreeView = /** @class */ (function (_super) {
         /**
          * @hidden
          */
-        _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: ZERO_LEVEL_ZERO_NODE_ID };
+        _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: treeIdUtils.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.
@@ -231,7 +228,7 @@ var TreeView = /** @class */ (function (_super) {
         return this.state.focusedItemId ? this.getItemById(this.state.focusedItemId) : undefined;
     };
     TreeView.prototype.getItemById = function (itemId) {
-        return getItemById(itemId, this.data, this.props.childrenField || CHILDREN_FIELD);
+        return treeIdUtils.getItemById(itemId, this.data, this.props.childrenField || CHILDREN_FIELD);
     };
     TreeView.prototype.dispatchCheckChange = function (dispatchedEvent, item, itemId) {
         dispatchEvent(this.props.onCheckChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });

package/dist/es/TreeViewItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import FieldsService from './utils/FieldsService';
+import { TreeFieldsService } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -14,7 +14,7 @@ export interface TreeViewItemProps {
     animate: boolean;
     focusedItemId?: string;
     tabbableItemId: string;
-    fieldsService: FieldsService;
+    fieldsService: TreeFieldsService;
     itemUI?: React.ComponentType<{
         item: any;
         itemHierarchicalIndex: string;

package/dist/es/TreeViewItem.js

@@ -27,8 +27,7 @@ var __assign = (this && this.__assign) || function () {
 import * as React from 'react';
 import { classNames, guid, Draggable, kendoThemeMaps, IconWrap } from '@progress/kendo-react-common';
 import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
-import { createId } from './utils/itemIdUtils';
-import { isItemExpandedAndWithChildren, hasChildren } from './utils/itemUtils';
+import { isItemExpandedAndWithChildren, hasChildren, treeIdUtils } from '@progress/kendo-react-common';
 import { Reveal } from '@progress/kendo-react-animation';
 import { DOM_KENDO_ITEM_ID_FIELD, DOM_KENDO_TREEVIEW_GUID_FIELD } from './utils/consts';
 var sizeMap = kendoThemeMaps.sizeMap;
@@ -142,7 +141,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
         var data = this.fieldsSvc.children(this.item);
         return isItemExpandedAndWithChildren(this.item, this.fieldsSvc) ?
             (React.createElement("ul", { className: "k-treeview-group", role: "group" }, data.map(function (item, index) {
-                return (React.createElement(TreeViewItem, { item: item, position: index === 0 ? 'top' : index === data.length - 1 ? 'bot' : 'mid', itemId: 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, onContextMenu: _this.props.onContextMenu, key: index, size: _this.props.size, disabled: _this.disabled, isRtl: _this.props.isRtl }));
+                return (React.createElement(TreeViewItem, { item: item, position: index === 0 ? 'top' : index === data.length - 1 ? 'bot' : 'mid', itemId: treeIdUtils.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, onContextMenu: _this.props.onContextMenu, key: index, size: _this.props.size, disabled: _this.disabled, isRtl: _this.props.isRtl }));
             }))) : undefined;
     };
     TreeViewItemWithoutContext.prototype.renderItemInPart = function () {

package/dist/es/handleTreeViewCheckChange.js

@@ -25,9 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { getAllDirectIndirectChildrenIds, areAllDirectChildrenChecked, getAllParents } from './utils/itemUtils';
-import { getDirectParentId, getItemById } from './utils/itemIdUtils';
-import { isArray, getNestedValue } from './utils/misc';
+import { getAllDirectIndirectChildrenIds, areAllDirectChildrenChecked, getAllParents, isArray, getNestedValue, treeIdUtils } from '@progress/kendo-react-common';
 import { CHILDREN_FIELD } from './utils/consts';
 /**
  * A helper function which updates the check descriptor.
@@ -179,14 +177,14 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
                     return [3 /*break*/, 1];
                 case 4: return [3 /*break*/, 8];
                 case 5:
-                    parentId = getDirectParentId(itemHierarchicalIndex);
+                    parentId = treeIdUtils.getDirectParentId(itemHierarchicalIndex);
                     _a.label = 6;
                 case 6:
                     if (!parentId) return [3 /*break*/, 8];
-                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? getItemById(parentId, data, childrenField) : undefined }];
+                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? treeIdUtils.getItemById(parentId, data, childrenField) : undefined }];
                 case 7:
                     _a.sent();
-                    parentId = getDirectParentId(parentId);
+                    parentId = treeIdUtils.getDirectParentId(parentId);
                     return [3 /*break*/, 6];
                 case 8: return [2 /*return*/];
             }

package/dist/es/main.d.ts

@@ -10,5 +10,5 @@ import { TreeViewDragClue } from './TreeViewDragClue';
 import { TreeViewDragAnalyzer } from './TreeViewDragAnalyzer';
 import { TreeViewItemPropsContext } from './TreeViewItem';
 import getItemIdUponKeyboardNavigation from './utils/getItemIdUponKeyboardNavigation';
-import FieldsService from './utils/FieldsService';
+import { TreeFieldsService as FieldsService } from '@progress/kendo-react-common';
 export { TreeViewItemPropsContext, TreeView, processTreeViewItems, handleTreeViewCheckChange, TreeViewCheckChangeSettings, TreeViewItemClickEvent, TreeViewExpandChangeEvent, TreeViewCheckChangeEvent, TreeViewItemDragOverEvent, TreeViewItemDragStartEvent, TreeViewItemDragEndEvent, TreeViewOperationDescriptor, TreeViewOperationDescriptors, TreeViewCheckDescriptor, TreeViewProps, ItemRenderProps, TreeViewDragClue, moveTreeViewItem, TreeViewDragAnalyzer, getItemIdUponKeyboardNavigation, FieldsService };

package/dist/es/main.js

@@ -6,5 +6,5 @@ import { TreeViewDragClue } from './TreeViewDragClue';
 import { TreeViewDragAnalyzer } from './TreeViewDragAnalyzer';
 import { TreeViewItemPropsContext } from './TreeViewItem';
 import getItemIdUponKeyboardNavigation from './utils/getItemIdUponKeyboardNavigation';
-import FieldsService from './utils/FieldsService';
+import { TreeFieldsService as FieldsService } from '@progress/kendo-react-common';
 export { TreeViewItemPropsContext, TreeView, processTreeViewItems, handleTreeViewCheckChange, TreeViewDragClue, moveTreeViewItem, TreeViewDragAnalyzer, getItemIdUponKeyboardNavigation, FieldsService };

package/dist/es/moveTreeViewItem.js

@@ -1,5 +1,4 @@
-import { addItem, removeItem } from './utils/itemUtils';
-import { getDecrementedItemIdAfterRemoval, getItemById } from './utils/itemIdUtils';
+import { addItem, removeItem, treeIdUtils } from '@progress/kendo-react-common';
 import { CHILDREN_FIELD } from './utils/consts';
 /**
  *  A helper function which moves a TreeView item in an immutable way.
@@ -111,7 +110,7 @@ export function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operat
     if (!validateInput()) {
         return prepareInputDataForReturn();
     }
-    var sourceItem = getItemById(sourceItemHierarchicalIndex, sourceData, subItemsField);
+    var sourceItem = treeIdUtils.getItemById(sourceItemHierarchicalIndex, sourceData, subItemsField);
     if (!sourceItem) {
         return prepareInputDataForReturn();
     }
@@ -121,7 +120,7 @@ export function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operat
             return prepareInputDataForReturn();
         }
         var updatedSourceData = removeItem(sourceItemHierarchicalIndex, subItemsField, sourceData);
-        var resultData = addItem(sourceItem, operation, subItemsField, getDecrementedItemIdAfterRemoval(sourceItemHierarchicalIndex, targetItemHierarchicalIndex), updatedSourceData);
+        var resultData = addItem(sourceItem, operation, subItemsField, treeIdUtils.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;
@@ -148,7 +147,7 @@ export function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operat
         }
         // Validate that the target item exists.
         var data = !targetData || targetData === sourceData ? sourceData : targetData;
-        if (!getItemById(targetItemHierarchicalIndex, data, subItemsField)) {
+        if (!treeIdUtils.getItemById(targetItemHierarchicalIndex, data, subItemsField)) {
             return false;
         }
         return true;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-treeview',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1696527592,
+    publishDate: 1696595032,
     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/processTreeViewItems.js

@@ -10,9 +10,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { updateItem, resolveItemsIds } from './utils/itemUtils';
+import { updateItem, resolveItemsIds, getNestedValue, isArray } from '@progress/kendo-react-common';
 import { EXPAND_FIELD, SELECT_FIELD, CHECK_FIELD, CHECK_INDETERMINATE_FIELD, CHILDREN_FIELD } from './utils/consts';
-import { getNestedValue, isArray } from './utils/misc';
 /**
  * A helper function which applies the specified operation descriptors to the data.
  * * [Expanding and collapsing items]({% slug expansion_ways_treeview %}#toc-using-a-helper-function)

package/dist/es/utils/getItemIdUponKeyboardNavigation.d.ts

@@ -1,5 +1,5 @@
-import FieldsService from './FieldsService';
+import { TreeFieldsService } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
-export default function getItemIdUponKeyboardNavigation(item: any, itemId: string, items: any[], keyCode: number, fieldsSvc: FieldsService): any;
+export default function getItemIdUponKeyboardNavigation(item: any, itemId: string, items: any[], keyCode: number, fieldsSvc: TreeFieldsService): any;

package/dist/es/utils/getItemIdUponKeyboardNavigation.js

@@ -1,6 +1,5 @@
 import { Keys } from '@progress/kendo-react-common';
-import * as idUtils from './itemIdUtils';
-import { isItemExpandedAndWithChildren, isEnabledAndAllParentsEnabled } from './itemUtils';
+import { isItemExpandedAndWithChildren, isEnabledAndAllParentsEnabled, treeIdUtils } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -15,31 +14,31 @@ export default function getItemIdUponKeyboardNavigation(item, itemId, items, key
         case Keys.down:
             return getIdUponDownKey();
         case Keys.home:
-            return idUtils.ZERO_LEVEL_ZERO_NODE_ID;
+            return treeIdUtils.ZERO_LEVEL_ZERO_NODE_ID;
         case Keys.end:
             return getIdUponEndKey();
         default:
             return itemId;
     }
     function getIdUponLeftKey() {
-        return idUtils.isIdZeroLevel(itemId)
+        return treeIdUtils.isIdZeroLevel(itemId)
             // For expanded disabled items, navigate directly to the parent.
             // Collapse cannot happen because an event is not fired to the client.
             || (fieldsSvc.expanded(item) && isEnabledAndAllParentsEnabled(itemId, items, fieldsSvc)) ?
-            itemId : idUtils.getDirectParentId(itemId);
+            itemId : treeIdUtils.getDirectParentId(itemId);
     }
     function getIdUponRightKey() {
-        return isItemExpandedAndWithChildren(item, fieldsSvc) ? idUtils.getFirstChildId(itemId) : itemId;
+        return isItemExpandedAndWithChildren(item, fieldsSvc) ? treeIdUtils.getFirstChildId(itemId) : itemId;
     }
     function getIdUponUpKey() {
-        var index = Number(idUtils.getShortId(itemId));
-        var parentId = idUtils.getDirectParentId(itemId);
-        return index ? getLastNotOpenedChildId(idUtils.createId(index - 1, parentId), items, fieldsSvc) :
-            idUtils.isIdZeroLevel(itemId) ? itemId : parentId;
+        var index = Number(treeIdUtils.getShortId(itemId));
+        var parentId = treeIdUtils.getDirectParentId(itemId);
+        return index ? getLastNotOpenedChildId(treeIdUtils.createId(index - 1, parentId), items, fieldsSvc) :
+            treeIdUtils.isIdZeroLevel(itemId) ? itemId : parentId;
     }
     function getIdUponDownKey() {
         if (isItemExpandedAndWithChildren(item, fieldsSvc)) {
-            return idUtils.getFirstChildId(itemId);
+            return treeIdUtils.getFirstChildId(itemId);
         }
         else {
             return getNextItemId(itemId, items, fieldsSvc) || itemId;
@@ -51,25 +50,25 @@ export default function getItemIdUponKeyboardNavigation(item, itemId, items, key
         var children;
         while (isItemExpandedAndWithChildren(currentItem, fieldsSvc)) {
             children = currentItem[fieldsSvc.getChildrenField()];
-            result = idUtils.createId(children.length - 1, result);
+            result = treeIdUtils.createId(children.length - 1, result);
             currentItem = children[children.length - 1];
         }
         return result;
     }
 }
 function getNextItemId(itemId, items, fieldsSvc) {
-    var parentId = idUtils.getDirectParentId(itemId);
-    var parent = parentId ? idUtils.getItemById(parentId, items, fieldsSvc.getChildrenField()) : undefined;
+    var parentId = treeIdUtils.getDirectParentId(itemId);
+    var parent = parentId ? treeIdUtils.getItemById(parentId, items, fieldsSvc.getChildrenField()) : undefined;
     var siblings = parent ? parent[fieldsSvc.getChildrenField()] : items;
-    var index = Number(idUtils.getShortId(itemId));
+    var index = Number(treeIdUtils.getShortId(itemId));
     return index < siblings.length - 1 ?
-        idUtils.createId(index + 1, parentId) :
+        treeIdUtils.createId(index + 1, parentId) :
         parent ? getNextItemId(parentId, items, fieldsSvc) : undefined;
 }
 function getLastNotOpenedChildId(itemId, items, fieldsSvc) {
-    var item = idUtils.getItemById(itemId, items, fieldsSvc.getChildrenField());
+    var item = treeIdUtils.getItemById(itemId, items, fieldsSvc.getChildrenField());
     if (isItemExpandedAndWithChildren(item, fieldsSvc)) {
-        return getLastNotOpenedChildId(idUtils.createId(item[fieldsSvc.getChildrenField()].length - 1, itemId), items, fieldsSvc);
+        return getLastNotOpenedChildId(treeIdUtils.createId(item[fieldsSvc.getChildrenField()].length - 1, itemId), items, fieldsSvc);
     }
     else {
         return itemId;

package/dist/npm/TreeView.js

@@ -20,10 +20,7 @@ var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var getItemIdUponKeyboardNavigation_1 = require("./utils/getItemIdUponKeyboardNavigation");
-var itemUtils_1 = require("./utils/itemUtils");
 var TreeViewItem_1 = require("./TreeViewItem");
-var itemIdUtils_1 = require("./utils/itemIdUtils");
-var FieldsService_1 = require("./utils/FieldsService");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("./package-metadata");
 var consts_1 = require("./utils/consts");
@@ -55,7 +52,7 @@ var TreeView = /** @class */ (function (_super) {
         /**
          * @hidden
          */
-        _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: itemIdUtils_1.ZERO_LEVEL_ZERO_NODE_ID };
+        _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: kendo_react_common_1.treeIdUtils.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.
@@ -167,7 +164,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.render = function () {
         var _a;
         var _this = this;
-        this.fieldsSvc = new FieldsService_1.default(this.props);
+        this.fieldsSvc = new kendo_react_common_1.TreeFieldsService(this.props);
         var _b = this.props, size = _b.size, className = _b.className;
         return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-treeview', (_a = {},
                 _a["k-treeview-".concat(sizeMap[size] || size)] = size,
@@ -192,13 +189,13 @@ var TreeView = /** @class */ (function (_super) {
         }
         // isEnabled is the most expensive op and that is why is left last.
         var isEnabled = function () {
-            return _this.fieldsSvc && (0, itemUtils_1.isEnabledAndAllParentsEnabled)(_this.state.focusedItemId, _this.data, _this.fieldsSvc);
+            return _this.fieldsSvc && (0, kendo_react_common_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) || (0, itemUtils_1.hasChildren)(focusedItem, this.props.childrenField)) && isEnabled()) {
+            (this.fieldsSvc.hasChildren(focusedItem) || (0, kendo_react_common_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()) {
@@ -234,7 +231,7 @@ var TreeView = /** @class */ (function (_super) {
         return this.state.focusedItemId ? this.getItemById(this.state.focusedItemId) : undefined;
     };
     TreeView.prototype.getItemById = function (itemId) {
-        return (0, itemIdUtils_1.getItemById)(itemId, this.data, this.props.childrenField || consts_1.CHILDREN_FIELD);
+        return kendo_react_common_1.treeIdUtils.getItemById(itemId, this.data, this.props.childrenField || consts_1.CHILDREN_FIELD);
     };
     TreeView.prototype.dispatchCheckChange = function (dispatchedEvent, item, itemId) {
         (0, kendo_react_common_1.dispatchEvent)(this.props.onCheckChange, dispatchedEvent, this, { item: item, itemHierarchicalIndex: itemId });
@@ -251,7 +248,7 @@ var TreeView = /** @class */ (function (_super) {
             if (focusedItemPublicId) {
                 var focusedItemId = this.props.getFocusHierarchicalIndex ?
                     this.props.getFocusHierarchicalIndex(focusedItemPublicId) :
-                    (0, itemUtils_1.resolveItemId)(focusedItemPublicId, this.fieldsSvc.focusIdField, this.data, this.props.childrenField);
+                    (0, kendo_react_common_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/TreeViewItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import FieldsService from './utils/FieldsService';
+import { TreeFieldsService } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -14,7 +14,7 @@ export interface TreeViewItemProps {
     animate: boolean;
     focusedItemId?: string;
     tabbableItemId: string;
-    fieldsService: FieldsService;
+    fieldsService: TreeFieldsService;
     itemUI?: React.ComponentType<{
         item: any;
         itemHierarchicalIndex: string;

package/dist/npm/TreeViewItem.js

@@ -30,8 +30,7 @@ exports.TreeViewItem = exports.TreeViewItemPropsContext = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var itemIdUtils_1 = require("./utils/itemIdUtils");
-var itemUtils_1 = require("./utils/itemUtils");
+var kendo_react_common_2 = require("@progress/kendo-react-common");
 var kendo_react_animation_1 = require("@progress/kendo-react-animation");
 var consts_1 = require("./utils/consts");
 var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap;
@@ -133,7 +132,7 @@ 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) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()));
+            (this.fieldsSvc.hasChildren(this.item) || (0, kendo_react_common_2.hasChildren)(this.item, this.fieldsSvc.getChildrenField()));
         return renderExpand && (
         // Allowing the toggle-button even with `disabled=true` might be a valid case!
         // Re-evaluate the classes bellow if such scenario occurs
@@ -143,9 +142,9 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
     TreeViewItemWithoutContext.prototype.renderSubitemsIfApplicable = function () {
         var _this = this;
         var data = this.fieldsSvc.children(this.item);
-        return (0, itemUtils_1.isItemExpandedAndWithChildren)(this.item, this.fieldsSvc) ?
+        return (0, kendo_react_common_2.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: (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, onContextMenu: _this.props.onContextMenu, key: index, size: _this.props.size, disabled: _this.disabled, isRtl: _this.props.isRtl }));
+                return (React.createElement(exports.TreeViewItem, { item: item, position: index === 0 ? 'top' : index === data.length - 1 ? 'bot' : 'mid', itemId: kendo_react_common_2.treeIdUtils.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, onContextMenu: _this.props.onContextMenu, key: index, size: _this.props.size, disabled: _this.disabled, isRtl: _this.props.isRtl }));
             }))) : undefined;
     };
     TreeViewItemWithoutContext.prototype.renderItemInPart = function () {
@@ -188,7 +187,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaExpanded", {
         get: function () {
-            return this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ?
+            return this.fieldsSvc.hasChildren(this.item) || (0, kendo_react_common_2.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ?
                 Boolean(this.fieldsSvc.expanded(this.item)) : undefined;
         },
         enumerable: false,
@@ -235,7 +234,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
     });
     TreeViewItemWithoutContext.prototype.getIconProps = function () {
         var expanded = this.fieldsSvc.expanded(this.item);
-        var loading = expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField());
+        var loading = expanded && !(0, kendo_react_common_2.hasChildren)(this.item, this.fieldsSvc.getChildrenField());
         if (loading) {
             return { name: 'loading' };
         }

package/dist/npm/handleTreeViewCheckChange.js

@@ -28,9 +28,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");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var consts_1 = require("./utils/consts");
 /**
  * A helper function which updates the check descriptor.
@@ -85,7 +83,7 @@ function handleTreeViewCheckChange(event, check, data, settings, childrenField)
         return [];
     }
     var _a = parseOperation(check), ids = _a.ids, idField = _a.idField;
-    var itemId = idField ? (0, misc_1.getNestedValue)(idField, event.item) : event.itemHierarchicalIndex;
+    var itemId = idField ? (0, kendo_react_common_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 +101,13 @@ function handleTreeViewCheckChange(event, check, data, settings, childrenField)
             checkParents(event.itemHierarchicalIndex, itemJustChecked, idField, subItemsField, newIds, data);
         }
     }
-    return (0, misc_1.isArray)(check) ? newIds : Object.assign({}, check, { ids: newIds });
+    return (0, kendo_react_common_1.isArray)(check) ? newIds : Object.assign({}, check, { ids: newIds });
 }
 exports.handleTreeViewCheckChange = handleTreeViewCheckChange;
 function parseOperation(operation) {
     var ids;
     var idField = undefined;
-    if ((0, misc_1.isArray)(operation)) {
+    if ((0, kendo_react_common_1.isArray)(operation)) {
         ids = operation;
     }
     else {
@@ -119,7 +117,7 @@ function parseOperation(operation) {
     return { ids: ids, idField: idField };
 }
 function checkChildren(item, itemHierarchicalIndex, itemJustChecked, idField, childrenField, ids) {
-    (0, itemUtils_1.getAllDirectIndirectChildrenIds)(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
+    (0, kendo_react_common_1.getAllDirectIndirectChildrenIds)(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
         if (itemJustChecked && ids.indexOf(itemId) === -1) {
             ids.push(itemId);
         }
@@ -138,7 +136,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 &&
-                (0, itemUtils_1.areAllDirectChildrenChecked)(item, id, idField, childrenField, ids)) {
+                (0, kendo_react_common_1.areAllDirectChildrenChecked)(item, id, idField, childrenField, ids)) {
                 ids.push(id);
                 result = it.next();
             }
@@ -169,12 +167,12 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
             switch (_a.label) {
                 case 0:
                     if (!idField) return [3 /*break*/, 5];
-                    parents = (0, itemUtils_1.getAllParents)(itemHierarchicalIndex, childrenField, data);
+                    parents = (0, kendo_react_common_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: (0, misc_1.getNestedValue)(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
+                    return [4 /*yield*/, { id: (0, kendo_react_common_1.getNestedValue)(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
                 case 2:
                     _a.sent();
                     _a.label = 3;
@@ -183,14 +181,14 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
                     return [3 /*break*/, 1];
                 case 4: return [3 /*break*/, 8];
                 case 5:
-                    parentId = (0, itemIdUtils_1.getDirectParentId)(itemHierarchicalIndex);
+                    parentId = kendo_react_common_1.treeIdUtils.getDirectParentId(itemHierarchicalIndex);
                     _a.label = 6;
                 case 6:
                     if (!parentId) return [3 /*break*/, 8];
-                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? (0, itemIdUtils_1.getItemById)(parentId, data, childrenField) : undefined }];
+                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? kendo_react_common_1.treeIdUtils.getItemById(parentId, data, childrenField) : undefined }];
                 case 7:
                     _a.sent();
-                    parentId = (0, itemIdUtils_1.getDirectParentId)(parentId);
+                    parentId = kendo_react_common_1.treeIdUtils.getDirectParentId(parentId);
                     return [3 /*break*/, 6];
                 case 8: return [2 /*return*/];
             }

package/dist/npm/main.d.ts

@@ -10,5 +10,5 @@ import { TreeViewDragClue } from './TreeViewDragClue';
 import { TreeViewDragAnalyzer } from './TreeViewDragAnalyzer';
 import { TreeViewItemPropsContext } from './TreeViewItem';
 import getItemIdUponKeyboardNavigation from './utils/getItemIdUponKeyboardNavigation';
-import FieldsService from './utils/FieldsService';
+import { TreeFieldsService as FieldsService } from '@progress/kendo-react-common';
 export { TreeViewItemPropsContext, TreeView, processTreeViewItems, handleTreeViewCheckChange, TreeViewCheckChangeSettings, TreeViewItemClickEvent, TreeViewExpandChangeEvent, TreeViewCheckChangeEvent, TreeViewItemDragOverEvent, TreeViewItemDragStartEvent, TreeViewItemDragEndEvent, TreeViewOperationDescriptor, TreeViewOperationDescriptors, TreeViewCheckDescriptor, TreeViewProps, ItemRenderProps, TreeViewDragClue, moveTreeViewItem, TreeViewDragAnalyzer, getItemIdUponKeyboardNavigation, FieldsService };

package/dist/npm/main.js

@@ -17,5 +17,5 @@ var TreeViewItem_1 = require("./TreeViewItem");
 Object.defineProperty(exports, "TreeViewItemPropsContext", { enumerable: true, get: function () { return TreeViewItem_1.TreeViewItemPropsContext; } });
 var getItemIdUponKeyboardNavigation_1 = require("./utils/getItemIdUponKeyboardNavigation");
 exports.getItemIdUponKeyboardNavigation = getItemIdUponKeyboardNavigation_1.default;
-var FieldsService_1 = require("./utils/FieldsService");
-exports.FieldsService = FieldsService_1.default;
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+Object.defineProperty(exports, "FieldsService", { enumerable: true, get: function () { return kendo_react_common_1.TreeFieldsService; } });

package/dist/npm/moveTreeViewItem.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.moveTreeViewItem = void 0;
-var itemUtils_1 = require("./utils/itemUtils");
-var itemIdUtils_1 = require("./utils/itemIdUtils");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var consts_1 = require("./utils/consts");
 /**
  *  A helper function which moves a TreeView item in an immutable way.
@@ -114,7 +113,7 @@ function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, ta
     if (!validateInput()) {
         return prepareInputDataForReturn();
     }
-    var sourceItem = (0, itemIdUtils_1.getItemById)(sourceItemHierarchicalIndex, sourceData, subItemsField);
+    var sourceItem = kendo_react_common_1.treeIdUtils.getItemById(sourceItemHierarchicalIndex, sourceData, subItemsField);
     if (!sourceItem) {
         return prepareInputDataForReturn();
     }
@@ -123,15 +122,15 @@ function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, ta
         if (!validateNoCircularReference()) {
             return prepareInputDataForReturn();
         }
-        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);
+        var updatedSourceData = (0, kendo_react_common_1.removeItem)(sourceItemHierarchicalIndex, subItemsField, sourceData);
+        var resultData = (0, kendo_react_common_1.addItem)(sourceItem, operation, subItemsField, kendo_react_common_1.treeIdUtils.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 = (0, itemUtils_1.removeItem)(sourceItemHierarchicalIndex, subItemsField, sourceData);
-        var updatedTarget = (0, itemUtils_1.addItem)(sourceItem, operation, subItemsField, targetItemHierarchicalIndex, targetData);
+        var updatedSource = (0, kendo_react_common_1.removeItem)(sourceItemHierarchicalIndex, subItemsField, sourceData);
+        var updatedTarget = (0, kendo_react_common_1.addItem)(sourceItem, operation, subItemsField, targetItemHierarchicalIndex, targetData);
         return { sourceData: updatedSource, targetData: updatedTarget };
     }
     function prepareInputDataForReturn() {
@@ -151,7 +150,7 @@ function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, ta
         }
         // Validate that the target item exists.
         var data = !targetData || targetData === sourceData ? sourceData : targetData;
-        if (!(0, itemIdUtils_1.getItemById)(targetItemHierarchicalIndex, data, subItemsField)) {
+        if (!kendo_react_common_1.treeIdUtils.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: 1696527592,
+    publishDate: 1696595032,
     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

@@ -13,9 +13,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processTreeViewItems = void 0;
-var itemUtils_1 = require("./utils/itemUtils");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var consts_1 = require("./utils/consts");
-var misc_1 = require("./utils/misc");
 /**
  * A helper function which applies the specified operation descriptors to the data.
  * * [Expanding and collapsing items]({% slug expansion_ways_treeview %}#toc-using-a-helper-function)
@@ -85,7 +84,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 = !(0, misc_1.isArray)(operation) && operation.idField ? (0, itemUtils_1.resolveItemsIds)(ids, operation.idField, items, childrenField) : ids;
+        var indices = !(0, kendo_react_common_1.isArray)(operation) && operation.idField ? (0, kendo_react_common_1.resolveItemsIds)(ids, operation.idField, items, childrenField) : ids;
         return raiseFlags(items, indices, field, cloneField, childrenField);
     }
     else {
@@ -95,7 +94,7 @@ function handleOperation(items, defaultField, operation, cloneField, childrenFie
 function parseOperation(operation, defaultField) {
     var ids;
     var field;
-    if ((0, misc_1.isArray)(operation)) {
+    if ((0, kendo_react_common_1.isArray)(operation)) {
         ids = operation;
         field = defaultField;
     }
@@ -108,7 +107,7 @@ function parseOperation(operation, defaultField) {
 function raiseFlags(items, indices, field, cloneField, childrenField) {
     var result = items;
     indices.forEach(function (itemIndex) {
-        result = (0, itemUtils_1.updateItem)(result, itemIndex, function (item) { return raiseNestedFlag(field, item); }, cloneField, childrenField);
+        result = (0, kendo_react_common_1.updateItem)(result, itemIndex, function (item) { return raiseNestedFlag(field, item); }, cloneField, childrenField);
     });
     return result;
 }
@@ -130,14 +129,14 @@ function raiseNestedFlag(fieldName, dataItem) {
     }
 }
 function applyCheckIndeterminate(items, childrenField, check) {
-    if (check && !(0, misc_1.isArray)(check) && check.applyCheckIndeterminate) {
+    if (check && !(0, kendo_react_common_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, (0, misc_1.getNestedValue)(checkField, item) ? [] : [item], childrenField, checkField, checkIndeterminateField);
+                applyCheckIndeterminateHelper(subItems, (0, kendo_react_common_1.getNestedValue)(checkField, item) ? [] : [item], childrenField, checkField, checkIndeterminateField);
             }
         }
     }
@@ -148,7 +147,7 @@ function applyCheckIndeterminateHelper(data, parents, childrenField, checkField,
     var parentsAlreadyUpdated = false;
     for (var i = 0; i < data.length; i++) {
         var item = data[i];
-        if ((0, misc_1.getNestedValue)(checkField, item)) {
+        if ((0, kendo_react_common_1.getNestedValue)(checkField, item)) {
             if (!parentsAlreadyUpdated) {
                 for (var j = 0; j < parents.length; j++) {
                     raiseNestedFlag(checkIndeterminateField, parents[j]);