@progress/kendo-react-treeview 6.1.1 → 7.0.0-develop.2

package/dist/npm/TreeViewDragClue.js

@@ -1,174 +0,0 @@
-"use strict";
-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 (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 __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeViewDragClue = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * Represents the KendoReact TreeViewDragClue component which renders a clue when an item is dragged.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     dragClue;
- *     state = { tree };
- *
- *     render() {
- *         return (
- *             <div>
- *                 <TreeView data={this.state.tree} draggable={true}
- *                     onItemDragOver={this.onItemDragOver} onItemDragEnd={this.onItemDragEnd} />
- *                 <TreeViewDragClue ref={dragClue => this.dragClue = dragClue} />
- *             </div>
- *         );
- *     }
- *
- *     onItemDragOver = (event) => {
- *         this.dragClue.show(event.pageY + 10, event.pageX, event.item.text, this.getClueClassName(event));
- *     }
- *     onItemDragEnd = (event) => {
- *         this.dragClue.hide();
- *         const eventAnalyzer = new TreeViewDragAnalyzer(event).init();
- *
- *         if (eventAnalyzer.isDropAllowed) {
- *             const updatedTree = moveTreeViewItem(
- *                 event.itemHierarchicalIndex,
- *                 this.state.tree,
- *                 eventAnalyzer.getDropOperation(),
- *                 eventAnalyzer.destinationMeta.itemHierarchicalIndex,
- *             );
- *
- *             this.setState({ tree: updatedTree });
- *         }
- *     }
- *     getClueClassName(event) {
- *         const eventAnalyzer = new TreeViewDragAnalyzer(event).init();
- *         const itemIndex = eventAnalyzer.destinationMeta.itemHierarchicalIndex;
- *
- *         if (eventAnalyzer.isDropAllowed) {
- *             switch (eventAnalyzer.getDropOperation()) {
- *                 case 'child':
- *                     return 'k-i-plus';
- *                 case 'before':
- *                     return itemIndex === '0' || itemIndex.endsWith(`${SEPARATOR}0`) ?
- *                         'k-i-insert-up' : 'k-i-insert-middle';
- *                 case 'after':
- *                     const siblings = getSiblings(itemIndex, this.state.tree);
- *                     const lastIndex = Number(itemIndex.split(SEPARATOR).pop());
- *
- *                     return lastIndex < siblings.length - 1 ? 'k-i-insert-middle' : 'k-i-insert-down';
- *                 default:
- *                     break;
- *             }
- *         }
- *
- *         return 'k-i-cancel';
- *     }
- * }
- *
- * function getSiblings(itemIndex, data) {
- *     let result = data;
- *
- *     const indices = itemIndex.split(SEPARATOR).map(index => Number(index));
- *     for (let i = 0; i < indices.length - 1; i++) {
- *         result = result[indices[i]].items;
- *     }
- *
- *     return result;
- * }
- *
- * const SEPARATOR = '_';
- * const tree = [{
- *     text: 'Furniture', expanded: true, items: [
- *         { text: 'Tables & Chairs', expanded: true },
- *         { text: 'Sofas', expanded: true },
- *         { text: 'Occasional Furniture', expanded: true }]
- * }, {
- *     text: 'Decor', expanded: true, items: [
- *         { text: 'Bed Linen', expanded: true },
- *         { text: 'Curtains & Blinds', expanded: true },
- *         { text: 'Carpets', expanded: true }]
- * }];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var TreeViewDragClue = /** @class */ (function (_super) {
-    __extends(TreeViewDragClue, _super);
-    function TreeViewDragClue() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            visible: false,
-            top: 0,
-            left: 0,
-            text: '',
-            operationClassName: 'cancel'
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    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(kendo_react_common_1.IconWrap, { className: (0, kendo_react_common_1.classNames)('k-drag-status'), name: this.state.operationClassName && (0, kendo_react_common_1.toIconName)(this.state.operationClassName), icon: this.state.operationClassName === 'k-i-plus' ? kendo_svg_icons_1.plusIcon
-                    : this.state.operationClassName === 'k-i-insert-up' ? kendo_svg_icons_1.insertTopIcon
-                        : this.state.operationClassName === 'k-i-insert-up' ? kendo_svg_icons_1.insertBottomIcon
-                            : this.state.operationClassName === 'k-i-insert-middle' ? kendo_svg_icons_1.insertMiddleIcon
-                                : kendo_svg_icons_1.cancelIcon }),
-            this.state.text));
-    };
-    /**
-     * Displays the TreeViewDragClue component.
-     *
-     * @param top - The `top` CSS position of the component.
-     * @param left - The `left` CSS position of the component.
-     * @param text - The text of the component.
-     * @param operationClassName - The CSS class name which is related to the specific drop operation.
-     */
-    TreeViewDragClue.prototype.show = function (top, left, text, operationClassName) {
-        this.setState({ visible: true, top: top, left: left, text: text, operationClassName: operationClassName });
-    };
-    /**
-     * Hides the TreeViewDragClue component.
-     */
-    TreeViewDragClue.prototype.hide = function () {
-        this.setState({ visible: false });
-    };
-    /**
-     * @hidden
-     */
-    TreeViewDragClue.defaultProps = { style: { display: 'block', position: 'absolute', zIndex: 20000, padding: '4px 6px' } };
-    return TreeViewDragClue;
-}(React.PureComponent));
-exports.TreeViewDragClue = TreeViewDragClue;

package/dist/npm/TreeViewItem.js

@@ -1,258 +0,0 @@
-"use strict";
-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 (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 __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeViewItem = exports.TreeViewItemPropsContext = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-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;
-/**
- * @hidden
- */
-exports.TreeViewItemPropsContext = React.createContext(function (props) { return props; });
-/**
- * @hidden
- */
-var TreeViewItemWithoutContext = /** @class */ (function (_super) {
-    __extends(TreeViewItemWithoutContext, _super);
-    function TreeViewItemWithoutContext() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.itemGuid = (0, kendo_react_common_1.guid)();
-        _this.onCheckChange = function (e) {
-            _this.props.onCheckChange(e, _this.item, _this.itemId);
-        };
-        _this.onExpandChange = function (e) {
-            _this.props.onExpandChange(e, _this.item, _this.itemId);
-        };
-        _this.onItemClick = function (e) {
-            _this.props.onItemClick(e, _this.item, _this.itemId);
-        };
-        _this.onPress = function (e) {
-            _this.props.onPress(e.event, _this.item, _this.itemId);
-        };
-        _this.onDrag = function (e) {
-            _this.props.onDrag(e.event, _this.item, _this.itemId);
-        };
-        _this.onRelease = function (e) {
-            _this.props.onRelease(e.event, _this.item, _this.itemId);
-        };
-        _this.onContextMenu = function (e) {
-            _this.props.onContextMenu(e, _this.item, _this.itemId);
-        };
-        _this.assignDraggableMeta = function (element) {
-            if (element) {
-                element[consts_1.DOM_KENDO_ITEM_ID_FIELD] = _this.props.itemId;
-                element[consts_1.DOM_KENDO_TREEVIEW_GUID_FIELD] = _this.props.treeGuid;
-            }
-        };
-        return _this;
-    }
-    TreeViewItemWithoutContext.prototype.render = function () {
-        var _this = this;
-        var subitems = this.renderSubitemsIfApplicable();
-        var itemInPart = this.renderItemInPart();
-        return (React.createElement("li", { className: (0, kendo_react_common_1.classNames)('k-treeview-item'), tabIndex: this.tabIndex, role: "treeitem", "aria-expanded": this.ariaExpanded, "aria-selected": this.ariaSelected, "aria-checked": this.ariaChecked, "aria-disabled": this.disabled ? true : undefined, ref: function (el) { return _this.itemElement = el; } },
-            React.createElement("div", { className: "k-treeview-".concat(this.props.position), ref: this.assignDraggableMeta },
-                this.renderExpandIcon(),
-                this.renderCheckbox(),
-                this.props.draggable ?
-                    React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease }, itemInPart) : itemInPart),
-            this.props.animate ?
-                React.createElement(kendo_react_animation_1.Reveal, { transitionEnterDuration: 200, transitionExitDuration: 200, style: { display: 'block' }, children: subitems }) : subitems));
-    };
-    TreeViewItemWithoutContext.prototype.componentDidMount = function () {
-        var focusedItemId = this.props.focusedItemId;
-        var currentItemId = this.itemId;
-        if (focusedItemId && focusedItemId === currentItemId) {
-            this.props.onFocusDomElNeeded(this.itemElement);
-        }
-        if (this.checkboxElement) {
-            this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
-        }
-    };
-    TreeViewItemWithoutContext.prototype.componentDidUpdate = function (prevProps) {
-        var focusedItemId = this.props.focusedItemId;
-        if (focusedItemId &&
-            focusedItemId !== prevProps.focusedItemId &&
-            focusedItemId === this.itemId) {
-            this.props.onFocusDomElNeeded(this.itemElement);
-        }
-        if (this.checkboxElement) {
-            var indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
-            if (indeterminate !== prevProps.fieldsService.checkIndeterminate(prevProps.item)) {
-                this.checkboxElement.indeterminate = indeterminate;
-            }
-        }
-    };
-    TreeViewItemWithoutContext.prototype.renderCheckbox = function () {
-        var _a;
-        var _this = this;
-        if (this.props.checkboxes) {
-            var size = this.props.size;
-            return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-checkbox-wrap') },
-                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['k-disabled'] = this.disabled,
-                        _a)), "aria-label": this.item.text, 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 })));
-        }
-        else {
-            return undefined;
-        }
-    };
-    TreeViewItemWithoutContext.prototype.renderExpandIcon = function () {
-        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, 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
-        React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-treeview-toggle', { 'k-disabled': this.disabled }), onClick: this.onExpandChange },
-            React.createElement(kendo_react_common_1.IconWrap, __assign({}, this.getIconProps()))));
-    };
-    TreeViewItemWithoutContext.prototype.renderSubitemsIfApplicable = function () {
-        var _this = this;
-        var data = this.fieldsSvc.children(this.item);
-        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: 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 () {
-        return (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-treeview-leaf', {
-                'k-focus': this.props.focusedItemId === this.itemId,
-                'k-selected': this.fieldsSvc.selected(this.item),
-                'k-disabled': this.disabled
-            }), style: { touchAction: 'none' }, onClick: this.onItemClick, onContextMenu: this.onContextMenu },
-            React.createElement("span", { className: "k-treeview-leaf-text" }, this.props.itemUI ?
-                React.createElement(this.props.itemUI, { item: this.item, itemHierarchicalIndex: this.itemId }) :
-                this.fieldsSvc.text(this.item))));
-    };
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "fieldsSvc", {
-        get: function () {
-            return this.props.fieldsService;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "itemId", {
-        get: function () {
-            return this.props.itemId;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "item", {
-        get: function () {
-            return this.props.item;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "tabIndex", {
-        get: function () {
-            return (this.props.focusedItemId || this.props.tabbableItemId) === this.itemId ? 0 : -1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaExpanded", {
-        get: function () {
-            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,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "disabled", {
-        get: function () {
-            return this.props.disabled || this.fieldsSvc.disabled(this.item);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaChecked", {
-        get: function () {
-            if (this.props.checkboxes) {
-                if (this.fieldsSvc.checked(this.item)) {
-                    return 'true';
-                }
-                else {
-                    return this.fieldsSvc.checkIndeterminate(this.item) ? 'mixed' : 'false';
-                }
-            }
-            else {
-                return undefined;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewItemWithoutContext.prototype, "ariaSelected", {
-        get: function () {
-            if (this.fieldsSvc.selected(this.item)) {
-                return true;
-            }
-            else if (this.props.ariaMultiSelectable) {
-                return this.disabled ? undefined : false;
-            }
-            else {
-                return undefined;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TreeViewItemWithoutContext.prototype.getIconProps = function () {
-        var expanded = this.fieldsSvc.expanded(this.item);
-        var loading = expanded && !(0, kendo_react_common_2.hasChildren)(this.item, this.fieldsSvc.getChildrenField());
-        if (loading) {
-            return { name: 'loading' };
-        }
-        return expanded
-            ? { name: 'caret-alt-down', icon: kendo_svg_icons_1.caretAltDownIcon }
-            : { name: this.props.isRtl ? 'caret-alt-left' : 'caret-alt-right', icon: this.props.isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon };
-    };
-    TreeViewItemWithoutContext.defaultProps = {
-        position: 'top'
-    };
-    return TreeViewItemWithoutContext;
-}(React.Component));
-/**
- * @hidden
- */
-exports.TreeViewItem = React.forwardRef(function (props, ref) {
-    var contextPropsCallback = React.useContext(exports.TreeViewItemPropsContext);
-    var treeViewItemProps = contextPropsCallback.call(undefined, props);
-    return (React.createElement(TreeViewItemWithoutContext, __assign({ ref: ref }, treeViewItemProps)));
-});
-exports.TreeViewItem.displayName = 'TreeViewItem';

package/dist/npm/TreeViewOperationDescriptors.d.ts

@@ -1,76 +0,0 @@
-/**
- * The descriptors of the data operations which are applied to the TreeView component.
- */
-export interface TreeViewOperationDescriptors {
-    /**
-     * The hierarchical indices of the items to which the expand operation will be applied, or the descriptor of the operation.
-     */
-    expand?: string[] | TreeViewOperationDescriptor;
-    /**
-     * The hierarchical indices of the items to which the select operation will be applied, or the descriptor of the operation.
-     */
-    select?: string[] | TreeViewOperationDescriptor;
-    /**
-     * The hierarchical indices of the items to which the check operation will be applied, or the descriptor of the operation.
-     */
-    check?: string[] | TreeViewCheckDescriptor;
-    /**
-     * When the operations are applied, the corresponding items and their parents are cloned.
-     * For performance reasons, TreeView items are cloned only once.
-     * The name of the field which provides a Boolean representation of whether an item is already cloned.
-     * Defaults to `cloned`.
-     */
-    cloneField?: string;
-    /**
-     * The expand field of the item.
-     */
-    expandField?: string;
-    /**
-     * The select field of the item.
-     */
-    selectField?: string;
-    /**
-     * The check field of the item.
-     */
-    checkField?: string;
-    /**
-     * The children field of the item.
-     */
-    childrenField?: string;
-}
-/**
- * The descriptor which is used for expanding, selecting, and checking.
- */
-export interface TreeViewOperationDescriptor {
-    /**
-     * The IDs of the items to which the operation will be applied. By default, the TreeView applies the hierarchical indices of the items. These indices are zero-based. The first root item has a `0` (zero) index. If the first root item has children, the first child acquires a `0_0` index and the second acquires a `0_1` index.
-     */
-    ids?: any[];
-    /**
-     * The name of the field which will provide a Boolean representation for the operation state of the item.
-     *
-     * The default fields are:
-     * * `expanded`—Indicates that an item is expanded.
-     * * `selected`—Indicates that an item is selected.
-     * * `checked`—Indicates that an item is checked.
-     */
-    operationField?: string;
-    /**
-     * The name of the field which will uniquely describe an item as an alternative to its hierarchical index.
-     */
-    idField?: string;
-}
-/**
- * The descriptor which is used for checking.
- */
-export interface TreeViewCheckDescriptor extends TreeViewOperationDescriptor {
-    /**
-     * Determines if a parent item will have an indeterminate state when not all its children are checked.
-     */
-    applyCheckIndeterminate?: boolean;
-    /**
-     * The name of the field which will provide a Boolean representation for the indeterminate state of a parent item.
-     * Defaults to `checkIndeterminate`.
-     */
-    checkIndeterminateField?: string;
-}

package/dist/npm/TreeViewOperationDescriptors.js

@@ -1,3 +0,0 @@
-"use strict";
-/* eslint-disable max-len */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/TreeViewProps.d.ts

@@ -1,137 +0,0 @@
-import { ComponentType } from 'react';
-import * as events from './events';
-import { ItemRenderProps } from './ItemRenderProps';
-import { TreeViewContextMenuEvent } from './events';
-/**
- * Represents the props of the [KendoReact TreeView component]({% slug overview_treeview %}).
- */
-export interface TreeViewProps {
-    /**
-     * Sets a class of the TreeView DOM element.
-     */
-    className?: string;
-    /**
-     * Sets the data of the TreeView ([more information and examples]({% slug databinding_treeview %})).
-     */
-    data?: any[] | null;
-    /**
-     * Controls the animation. By default, the expand and collapse animations are enabled.
-     */
-    animate?: boolean;
-    /**
-     * Sets a tabIndex of the TreeView DOM element.
-     */
-    tabIndex?: number;
-    /**
-     * The TreeView has a built-in implementation of focusing and keyboard navigation. By default, the component uses hierarchical indices to uniquely match the focused item. You can use the `focusIdField` prop for specifying the name of the field which will uniquely describe an item as an alternative to its hierarchical index ([see example]({% slug datareload_treeview %}#toc-using-item-ids)).
-     */
-    focusIdField?: string;
-    /**
-     * When `focusIdField` is set, the TreeView executes a depth-first search on the data to find the currently focused item. The `getFocusHierarchicalIndex` prop specifies the function that will be used as an alternative to the default search algorithm.
-     */
-    getFocusHierarchicalIndex?: (itemId: any) => string | undefined;
-    /**
-     * Controls the rendering of the expand (collapse) icons. By default, the icons are not rendered ([see example]({% slug expansion_ways_treeview %})).
-     */
-    expandIcons?: boolean;
-    /**
-     * Fires when the expanding or collapsing of an item is requested ([see example]({% slug expansion_ways_treeview %})).
-     */
-    onExpandChange?: (event: events.TreeViewExpandChangeEvent) => void;
-    /**
-     * Fires when an item is clicked or when `Enter` is pressed on a focused item ([see example]({% slug selection_ways_treeview %})).
-     */
-    onItemClick?: (event: events.TreeViewItemClickEvent) => void;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation for the expanded state of the item. Defaults to `expanded`.
-     */
-    expandField?: string;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation for the selected state of the item. Defaults to `selected`.
-     */
-    selectField?: string;
-    /**
-     * Specifies the name of the field which indicates to the TreeView that an item has children even if the children are not initially passed. Used for implementing the load-on-demand feature ([see example]({% slug databinding_treeview %}#toc-loading-data-on-demand)). Defaults to `hasChildren`.
-     */
-    hasChildrenField?: string;
-    /**
-     * Specifies the name of the field which will provide an array representation of the item children.
-     */
-    childrenField?: string;
-    /**
-     * Specifies the name of the field which will provide a text representation for the item. Defaults to `text`.
-     */
-    textField?: string;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation for the disabled state of the item. Defaults to `disabled`.
-     */
-    disableField?: string;
-    /**
-     * Defines the component that will be used for rendering each of the TreeView items ([see example]({% slug rendering_treeview %})).
-     */
-    item?: ComponentType<ItemRenderProps>;
-    /**
-     * Indicates that the user can select more than one TreeView items. If the TreeView is in a multiple selection mode, set the `aria-multiselectable` prop to `true` ([more on accessibility by the TreeView]({% slug accessibility_treeview %})).
-     */
-    'aria-multiselectable'?: boolean | 'false' | 'true';
-    /**
-     * Defines a string value that labels the TreeView ([more on accessibility by the TreeView]({% slug accessibility_treeview %})).
-     */
-    'aria-label'?: string;
-    /**
-     * Identifies the element or elements which will label the TreeView ([more on accessibility by the TreeView]({% slug accessibility_treeview %})).
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Controls the rendering of checkboxes. By default, the checkboxes are not rendered ([see example]({% slug check_items_directly_treeview %})).
-     */
-    checkboxes?: boolean;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation for the checked state of the item. Defaults to `checked`.
-     */
-    checkField?: string;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation for the check indeterminate state of the item. Defaults to `checkIndeterminate`.
-     */
-    checkIndeterminateField?: string;
-    /**
-     * Fires when a checkbox is clicked or when `Space` is pressed on a focused item ([see example]({% slug check_items_directly_treeview %})).
-     */
-    onCheckChange?: (event: events.TreeViewCheckChangeEvent) => void;
-    /**
-     * Controls the dispatching of the `drag` events. By default, the `drag` events are not dispatched ([see example]({% slug dragdrop_treeview %})).
-     */
-    draggable?: boolean;
-    /**
-     * Fires when the dragging of an item has started.
-     */
-    onItemDragStart?: (event: events.TreeViewItemDragStartEvent) => void;
-    /**
-     * Fires when a dragged item changes its position ([see example]({% slug dragdrop_treeview %})).
-     */
-    onItemDragOver?: (event: events.TreeViewItemDragOverEvent) => void;
-    /**
-     * Fires when a dragged item is dropped ([see example]({% slug dragdrop_treeview %})).
-     */
-    onItemDragEnd?: (event: events.TreeViewItemDragEndEvent) => void;
-    /**
-     * Configures the `size` of the TreeView.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Sets the direction of the component.
-     */
-    dir?: string;
-    /**
-     * The event that is fired when the ContextMenu is activated.
-     */
-    onContextMenu?: (event: TreeViewContextMenuEvent) => void;
-}

package/dist/npm/TreeViewProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });