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

package/dist/es/TreeView.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -51,6 +53,7 @@ var TreeView = /** @class */ (function (_super) {
          * @hidden
          */
         _this.state = { focusedItemId: undefined, focusedItemPublicId: undefined, tabbableItemId: 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
@@ -119,7 +122,7 @@ var TreeView = /** @class */ (function (_super) {
         };
         _this.onKeyDown = function (event) {
             var focusedItem = _this.getFocusedItem();
-            if (focusedItem) {
+            if (focusedItem && _this.fieldsSvc) {
                 var newItemId = nav(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.
@@ -140,19 +143,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(this.props);
         var _b = this.props, size = _b.size, className = _b.className;
         return (React.createElement("div", { className: classNames('k-treeview', (_a = {},
-                _a["k-treeview-" + (sizeMap[size] || size)] = size,
+                _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, { 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 }));
@@ -167,9 +170,12 @@ 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 isEnabledAndAllParentsEnabled(_this.state.focusedItemId, _this.data, _this.fieldsSvc);
+            return _this.fieldsSvc && isEnabledAndAllParentsEnabled(_this.state.focusedItemId, _this.data, _this.fieldsSvc);
         };
         if (event.keyCode === Keys.left && this.fieldsSvc.expanded(focusedItem) && isEnabled()) {
             this.dispatchExpandChange(event, focusedItem, this.state.focusedItemId);
@@ -188,7 +194,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) });
@@ -223,7 +229,7 @@ var TreeView = /** @class */ (function (_super) {
         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 ?
@@ -240,14 +246,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) {
@@ -260,7 +266,7 @@ var TreeView = /** @class */ (function (_super) {
         get: function () {
             return this.treeGuid;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -313,4 +319,4 @@ var TreeView = /** @class */ (function (_super) {
     };
     return TreeView;
 }(React.Component));
-export default TreeView;
+export { TreeView };

package/dist/es/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/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,14 +122,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", {
@@ -139,7 +141,7 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
         get: function () {
             return { itemHierarchicalIndex: this.destItemId, treeViewGuid: this.destTreeViewGuid };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -181,4 +183,4 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
     };
     return TreeViewDragAnalyzer;
 }());
-export default TreeViewDragAnalyzer;
+export { TreeViewDragAnalyzer };

package/dist/es/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/es/TreeViewDragClue.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -134,7 +136,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({}, this.props.style, dynamicStyle) },
+        return this.state.visible && (React.createElement("div", { className: "k-header k-drag-clue", style: __assign(__assign({}, this.props.style), dynamicStyle) },
             React.createElement("span", { className: 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));
@@ -162,4 +164,4 @@ var TreeViewDragClue = /** @class */ (function (_super) {
     TreeViewDragClue.defaultProps = { style: { display: 'block', position: 'absolute', zIndex: 20000, padding: '4px 6px' } };
     return TreeViewDragClue;
 }(React.PureComponent));
-export default TreeViewDragClue;
+export { TreeViewDragClue };

package/dist/es/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/es/TreeViewItem.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -72,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 ?
@@ -105,13 +107,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: 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 })));
         }
@@ -145,28 +147,28 @@ 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", {
@@ -174,7 +176,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
             return this.fieldsSvc.hasChildren(this.item) || hasChildren(this.item, this.fieldsSvc.getChildrenField()) ?
                 Boolean(this.fieldsSvc.expanded(this.item)) : undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaChecked", {
@@ -191,7 +193,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
                 return undefined;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaSelected", {
@@ -206,7 +208,7 @@ var TreeViewItemWithoutContext = /** @class */ (function (_super) {
                 return undefined;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     TreeViewItemWithoutContext.prototype.getIconClassName = function () {

package/dist/es/TreeViewOperationDescriptors.js

@@ -1 +1,2 @@
 /* eslint-disable max-len */
+export {};

package/dist/es/TreeViewProps.js

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

package/dist/es/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/es/events.js

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

package/dist/es/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/es/main.js

@@ -1,8 +1,8 @@
-import TreeView from './TreeView';
-import processTreeViewItems from './processTreeViewItems';
-import moveTreeViewItem from './moveTreeViewItem';
+import { TreeView } from './TreeView';
+import { processTreeViewItems } from './processTreeViewItems';
+import { moveTreeViewItem } from './moveTreeViewItem';
 import { handleTreeViewCheckChange } from './handleTreeViewCheckChange';
-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, TreeViewDragClue, moveTreeViewItem, TreeViewDragAnalyzer };

package/dist/es/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;

package/dist/es/moveTreeViewItem.js

@@ -106,7 +106,7 @@ import { CHILDREN_FIELD } from './utils/consts';
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, targetItemHierarchicalIndex, targetData, childrenField) {
+export function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData, operation, targetItemHierarchicalIndex, targetData, childrenField) {
     var subItemsField = childrenField || CHILDREN_FIELD;
     if (!validateInput()) {
         return prepareInputDataForReturn();
@@ -135,7 +135,7 @@ export default function moveTreeViewItem(sourceItemHierarchicalIndex, sourceData
         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: 1653030006,
+    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/processTreeViewItems.d.ts

@@ -48,4 +48,4 @@ import { TreeViewOperationDescriptors } from './TreeViewOperationDescriptors';
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default function processTreeViewItems(data: any[] | null | undefined, operations: TreeViewOperationDescriptors): any[];
+export declare function processTreeViewItems(data: any[] | null | undefined, operations: TreeViewOperationDescriptors): any[];

package/dist/es/processTreeViewItems.js

@@ -62,7 +62,7 @@ import { getNestedValue, isArray } from './utils/misc';
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default function processTreeViewItems(data, operations) {
+export function processTreeViewItems(data, operations) {
     if (!data || !data.length) {
         return [];
     }

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

@@ -29,7 +29,7 @@ export interface TreeViewState {
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export default class TreeView extends React.Component<TreeViewProps, TreeViewState> {
+export declare class TreeView extends React.Component<TreeViewProps, TreeViewState> {
     /**
      * @hidden
      */
@@ -48,10 +48,10 @@ export default 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 default 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 default class TreeView extends React.Component<TreeViewProps, TreeViewSta
     /**
      * @hidden
      */
-    readonly element: HTMLDivElement;
+    get element(): HTMLDivElement | null;
     constructor(props: TreeViewProps);
     /**
      * @hidden
@@ -112,11 +112,11 @@ export default class TreeView extends React.Component<TreeViewProps, TreeViewSta
     private dispatchExpandChange;
     private dispatchItemClick;
     private refocusDueToFocusIdField;
-    private readonly ariaMultiSelectable;
-    private readonly data;
+    private get ariaMultiSelectable();
+    private get data();
     private focusDomItem;
     /**
      * Returns the `guid` which is associated with the TreeView.
      */
-    readonly guid: string;
+    get guid(): string;
 }