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

package/dist/es/TreeViewItem.js

@@ -1,255 +0,0 @@
-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);
-};
-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 { 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;
-/**
- * @hidden
- */
-export var 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 = 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[DOM_KENDO_ITEM_ID_FIELD] = _this.props.itemId;
-                element[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: 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(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease }, itemInPart) : itemInPart),
-            this.props.animate ?
-                React.createElement(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: classNames('k-checkbox-wrap') },
-                React.createElement("input", { type: "checkbox", className: 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) || 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: classNames('k-treeview-toggle', { 'k-disabled': this.disabled }), onClick: this.onExpandChange },
-            React.createElement(IconWrap, __assign({}, this.getIconProps()))));
-    };
-    TreeViewItemWithoutContext.prototype.renderSubitemsIfApplicable = function () {
-        var _this = this;
-        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: 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: 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) || 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 && !hasChildren(this.item, this.fieldsSvc.getChildrenField());
-        if (loading) {
-            return { name: 'loading' };
-        }
-        return expanded
-            ? { name: 'caret-alt-down', icon: caretAltDownIcon }
-            : { name: this.props.isRtl ? 'caret-alt-left' : 'caret-alt-right', icon: this.props.isRtl ? caretAltLeftIcon : caretAltRightIcon };
-    };
-    TreeViewItemWithoutContext.defaultProps = {
-        position: 'top'
-    };
-    return TreeViewItemWithoutContext;
-}(React.Component));
-/**
- * @hidden
- */
-export var TreeViewItem = React.forwardRef(function (props, ref) {
-    var contextPropsCallback = React.useContext(TreeViewItemPropsContext);
-    var treeViewItemProps = contextPropsCallback.call(undefined, props);
-    return (React.createElement(TreeViewItemWithoutContext, __assign({ ref: ref }, treeViewItemProps)));
-});
-TreeViewItem.displayName = 'TreeViewItem';

package/dist/es/TreeViewOperationDescriptors.js

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

package/dist/es/TreeViewProps.js

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

package/dist/es/events.js

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

package/dist/es/handleTreeViewCheckChange.d.ts

@@ -1,69 +0,0 @@
-import { TreeViewExpandChangeEvent } from './events';
-import { TreeViewCheckDescriptor } from './TreeViewOperationDescriptors';
-/**
- * The settings that configure the update of the check descriptor.
- */
-export interface TreeViewCheckChangeSettings {
-    /**
-     * Determines a selection of a single node at a time.
-     */
-    singleMode?: boolean;
-    /**
-     * Determines if the children checkboxes will be selected when the user selects the parent checkbox.
-     */
-    checkChildren?: boolean;
-    /**
-     * Determines if the parent checkbox will be selected when the user selects all its children checkboxes.
-     */
-    checkParents?: boolean;
-}
-/**
- * A helper function which updates the check descriptor.
- *
- * @param event - The event that triggered the change.
- * @param check - The check descriptor that will be updated.
- * @param data - The TreeView items.
- * @param settings - The additional settings that configure the update of the check descriptor.
- * @param childrenField - The field that points to the dataItem sub items. Defaults to `items`.
- * The default behavior allows the selection of multiple items.
- * @returns - The updated copy of the input check descriptor.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    state = { check: [], items: tree };
- *    render() {
- *        return (
- *            <div>
- *                <TreeView
- *                    checkboxes={true} onCheckChange={this.onCheckChange}
- *                    data={processTreeViewItems(this.state.items, { check: this.state.check })}
- *                />
- *                <div style={{ marginTop: 5 }}>
- *                    <i>Press SPACE to check/uncheck the active item</i>
- *                    <div className="example-config">
- *                        Checked Indices: {this.state.check.join(",")}
- *                    </div>
- *                </div>
- *            </div>
- *        );
- *    }
- *    onCheckChange = (event) => {
- *        this.setState({ check: handleTreeViewCheckChange(event, this.state.check, this.state.items) });
- *    }
- * }
- *
- * const tree = [ {
- *    text: 'Furniture', expanded: true, items: [
- *        { text: 'Tables & Chairs' }, { text: 'Sofas' }, { text: 'Occasional Furniture' } ]
- * }, {
- *    text: 'Decor', expanded: true, items: [
- *        { text: 'Bed Linen' }, { text: 'Curtains & Blinds' }, { text: 'Carpets' } ]
- * } ];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare function handleTreeViewCheckChange(event: TreeViewExpandChangeEvent, check: string[] | TreeViewCheckDescriptor, data?: any[] | null, settings?: TreeViewCheckChangeSettings, childrenField?: string): any[] | (TreeViewCheckDescriptor & {
-    ids: any[];
-});

package/dist/es/handleTreeViewCheckChange.js

@@ -1,193 +0,0 @@
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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.
- *
- * @param event - The event that triggered the change.
- * @param check - The check descriptor that will be updated.
- * @param data - The TreeView items.
- * @param settings - The additional settings that configure the update of the check descriptor.
- * @param childrenField - The field that points to the dataItem sub items. Defaults to `items`.
- * The default behavior allows the selection of multiple items.
- * @returns - The updated copy of the input check descriptor.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    state = { check: [], items: tree };
- *    render() {
- *        return (
- *            <div>
- *                <TreeView
- *                    checkboxes={true} onCheckChange={this.onCheckChange}
- *                    data={processTreeViewItems(this.state.items, { check: this.state.check })}
- *                />
- *                <div style={{ marginTop: 5 }}>
- *                    <i>Press SPACE to check/uncheck the active item</i>
- *                    <div className="example-config">
- *                        Checked Indices: {this.state.check.join(",")}
- *                    </div>
- *                </div>
- *            </div>
- *        );
- *    }
- *    onCheckChange = (event) => {
- *        this.setState({ check: handleTreeViewCheckChange(event, this.state.check, this.state.items) });
- *    }
- * }
- *
- * const tree = [ {
- *    text: 'Furniture', expanded: true, items: [
- *        { text: 'Tables & Chairs' }, { text: 'Sofas' }, { text: 'Occasional Furniture' } ]
- * }, {
- *    text: 'Decor', expanded: true, items: [
- *        { text: 'Bed Linen' }, { text: 'Curtains & Blinds' }, { text: 'Carpets' } ]
- * } ];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export function handleTreeViewCheckChange(event, check, data, settings, childrenField) {
-    if (settings === void 0) { settings = {}; }
-    if (!data || !data.length) {
-        return [];
-    }
-    var _a = parseOperation(check), ids = _a.ids, idField = _a.idField;
-    var itemId = idField ? getNestedValue(idField, event.item) : event.itemHierarchicalIndex;
-    var idIndex = ids.indexOf(itemId);
-    var itemJustChecked = idIndex === -1;
-    var subItemsField = childrenField || CHILDREN_FIELD;
-    var newIds;
-    if (settings.singleMode) {
-        newIds = itemJustChecked ? [itemId] : [];
-    }
-    else {
-        newIds = ids.slice();
-        itemJustChecked ? newIds.push(itemId) : newIds.splice(idIndex, 1);
-        if (settings.checkChildren) {
-            checkChildren(event.item, event.itemHierarchicalIndex, itemJustChecked, idField, subItemsField, newIds);
-        }
-        if (settings.checkParents) {
-            checkParents(event.itemHierarchicalIndex, itemJustChecked, idField, subItemsField, newIds, data);
-        }
-    }
-    return isArray(check) ? newIds : Object.assign({}, check, { ids: newIds });
-}
-function parseOperation(operation) {
-    var ids;
-    var idField = undefined;
-    if (isArray(operation)) {
-        ids = operation;
-    }
-    else {
-        ids = operation.ids || [];
-        idField = operation.idField;
-    }
-    return { ids: ids, idField: idField };
-}
-function checkChildren(item, itemHierarchicalIndex, itemJustChecked, idField, childrenField, ids) {
-    getAllDirectIndirectChildrenIds(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
-        if (itemJustChecked && ids.indexOf(itemId) === -1) {
-            ids.push(itemId);
-        }
-        else if (!itemJustChecked && ids.indexOf(itemId) > -1) {
-            ids.splice(ids.indexOf(itemId), 1);
-        }
-    });
-}
-function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenField, ids, data) {
-    var it = makeParentsIterator();
-    var result = it.next();
-    itemJustChecked ? check() : uncheck();
-    function check() {
-        // Check all parents which have all their children checked.
-        while (!result.done) {
-            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 &&
-                areAllDirectChildrenChecked(item, id, idField, childrenField, ids)) {
-                ids.push(id);
-                result = it.next();
-            }
-            else {
-                break;
-            }
-        }
-    }
-    function uncheck() {
-        // Uncheck parents until an already unchecked parent is reached.
-        while (!result.done) {
-            var id = result.value.id;
-            var idIndex = ids.indexOf(id);
-            if (idIndex > -1) {
-                ids.splice(idIndex, 1);
-                result = it.next();
-            }
-            else {
-                break;
-            }
-        }
-    }
-    // When called for unchecking, the parent items are not needed.
-    // That is why, for optimization, they are not returned.
-    function makeParentsIterator() {
-        var parents, i, parentId;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!idField) return [3 /*break*/, 5];
-                    parents = getAllParents(itemHierarchicalIndex, childrenField, data);
-                    i = parents.length - 1;
-                    _a.label = 1;
-                case 1:
-                    if (!(i > -1)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, { id: getNestedValue(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3:
-                    i--;
-                    return [3 /*break*/, 1];
-                case 4: return [3 /*break*/, 8];
-                case 5:
-                    parentId = treeIdUtils.getDirectParentId(itemHierarchicalIndex);
-                    _a.label = 6;
-                case 6:
-                    if (!parentId) return [3 /*break*/, 8];
-                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? treeIdUtils.getItemById(parentId, data, childrenField) : undefined }];
-                case 7:
-                    _a.sent();
-                    parentId = treeIdUtils.getDirectParentId(parentId);
-                    return [3 /*break*/, 6];
-                case 8: return [2 /*return*/];
-            }
-        });
-    }
-}

package/dist/es/main.js

@@ -1,10 +0,0 @@
-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 { TreeViewItemPropsContext } from './TreeViewItem';
-import getItemIdUponKeyboardNavigation from './utils/getItemIdUponKeyboardNavigation';
-import { TreeFieldsService as FieldsService } from '@progress/kendo-react-common';
-export { TreeViewItemPropsContext, TreeView, processTreeViewItems, handleTreeViewCheckChange, TreeViewDragClue, moveTreeViewItem, TreeViewDragAnalyzer, getItemIdUponKeyboardNavigation, FieldsService };

package/dist/es/moveTreeViewItem.d.ts

@@ -1,109 +0,0 @@
-/**
- *  A helper function which moves a TreeView item in an immutable way.
- *
- * @param sourceItemHierarchicalIndex - The hierarchical index of the item that will be moved.
- * @param sourceData - The tree which contains the item that will be moved.
- * @param operation - The specific move operation.
- *
- * The available options are:
- *  * `before`—Indicates that the source item will become the previous sibling of the target item.
- *  * `after`—Indicates that the source item will become the next sibling of the target item.
- *  * `child`—Indicates that the source item will become a child of the target item.
- * @param targetItemHierarchicalIndex - The hierarchical index of the item next to which the source item will be moved.
- * @param targetData - The tree which contains the target item.
- * If the argument is skipped, then the move operation will be executed within the same tree.
- * Setting the `sourceData` and `targetData` arguments to the same tree is also supported.
- * @param childrenField - The field that points to the dataItem sub items. Defaults to `items`.
- * @returns - The updated copies of the `sourceData` and `targetData` input arguments.
- * If `targetData` is not passed, then only the updated copy of the `sourceData` will be returned.
- *
- * @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'));
- * ```
- */
-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;