@progress/kendo-react-orgchart 6.1.1 → 7.0.0-develop.1

package/dist/npm/client/OrgChartGroupContainer.js

@@ -1,75 +0,0 @@
-"use strict";
-'use client';
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OrgChartGroupContainer = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var ClientOrgChart_1 = require("./ClientOrgChart");
-/**
- * @hidden
- */
-var OrgChartGroupContainer = function (props) {
-    var nodes = props.nodes, children = props.children, style = props.style, others = __rest(props, ["nodes", "children", "style"]);
-    var _a = React.useState(false), selected = _a[0], setSelected = _a[1];
-    var context = React.useContext(ClientOrgChart_1.OrgChartEventsContextContext);
-    var containerRef = React.useRef(null);
-    var handleKeyDown = function (event) {
-        if (context.onKeyDown) {
-            context.onKeyDown({
-                event: event,
-                items: nodes
-            });
-        }
-    };
-    var handleClick = function (event) {
-        if (context.onGroupAction) {
-            context.onGroupAction({
-                event: event,
-                items: nodes
-            });
-        }
-    };
-    var handleFocus = function (event) {
-        setSelected(true);
-        if (context.onGroupFocus) {
-            context.onGroupFocus({
-                event: event,
-                items: nodes,
-                containerRef: containerRef
-            });
-        }
-    };
-    var handleBlur = function (event) {
-        setSelected(false);
-        if (context.onGroupBlur) {
-            context.onGroupBlur({
-                event: event,
-                items: nodes
-            });
-        }
-    };
-    return (React.createElement("div", __assign({ role: "treeitem", "aria-selected": selected, ref: containerRef, className: (0, kendo_react_common_1.classNames)('k-orgchart-node-group-container', 'k-vstack', { 'k-focus': selected }), style: style, onKeyDown: handleKeyDown, onClick: handleClick, onFocus: handleFocus, onBlur: handleBlur }, others), children));
-};
-exports.OrgChartGroupContainer = OrgChartGroupContainer;

package/dist/npm/interfaces/ChildGroup.d.ts

@@ -1,16 +0,0 @@
-/**
- * @hidden
- */
-export interface ChildGroup {
-    items: any[];
-    groupedItems: any[];
-    level: number;
-    ids: number[];
-    parentId: number;
-    hasChildren: boolean;
-    orientation: 'horizontal' | 'vertical';
-    width: number | null;
-    childLineWidths?: number[];
-    left?: number;
-    top?: number;
-}

package/dist/npm/interfaces/ChildGroup.js

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

package/dist/npm/interfaces/OrgChartActionEvent.js

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

package/dist/npm/interfaces/OrgChartExpandChangeEvent.js

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

package/dist/npm/interfaces/SeverOrgChartProps.js

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

package/dist/npm/main.d.ts

@@ -1,6 +0,0 @@
-export { ServerOrgChart } from './server/ServerOrgChart';
-export { ServerOrgChartProps } from './interfaces/SeverOrgChartProps';
-export * from './OrgChart';
-export { OrgChartExpandChangeEvent } from './interfaces/OrgChartExpandChangeEvent';
-export { OrgChartActionEvent } from './interfaces/OrgChartActionEvent';
-export * from './processOrgChartItems';

package/dist/npm/main.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ServerOrgChart = void 0;
-var ServerOrgChart_1 = require("./server/ServerOrgChart");
-Object.defineProperty(exports, "ServerOrgChart", { enumerable: true, get: function () { return ServerOrgChart_1.ServerOrgChart; } });
-__exportStar(require("./OrgChart"), exports);
-__exportStar(require("./processOrgChartItems"), exports);

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-react-orgchart',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700065534,
-    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/processOrgChartItems.d.ts

@@ -1,51 +0,0 @@
-import { OrgChartOperationDescriptors } from './OrgChartOperationDescriptors';
-/**
- * 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)
- * * [Selecting and deselecting items]({% slug selection_ways_treeview %}#toc-using-a-helper-function)
- * * [Checking and unchecking items]({% slug check_helper_funcs_treeview %})
- *
- * @param data - The data that will be processed.
- * @param operations - The operation descriptors that will be applied to the data.
- * @returns - The processed copy of the input data.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     state = { items: tree, expand: [], select: [], check: [] };
- *     render() {
- *         const { expand, select, check } = this.state;
- *         return (
- *             <OrgChart
- *                 data={processOrgChartItems(this.state.items, { expand, select, check })}
- *                 expandIcons={true} onExpandChange={this.onExpandChange} checkboxes={true}
- *                 onCheckChange={event => this.setState({ check: [ event.itemHierarchicalIndex ] })}
- *                 onItemClick={event => this.setState({ select: [ event.itemHierarchicalIndex ] })}
- *             />
- *         );
- *     }
- *     onExpandChange = (event) => {
- *         let expand = this.state.expand.slice();
- *         const index = expand.indexOf(event.itemHierarchicalIndex);
- *         index === -1 ? expand.push(event.itemHierarchicalIndex) : expand.splice(index, 1);
- *         this.setState({ expand });
- *     }
- * }
- *
- * const tree = [{
- *     text: 'Item1',
- *     items: [
- *         { text: 'Item1.1' },
- *         { text: 'Item1.2' },
- *         { text: 'Item1.3', items: [{ text: 'Item1.3.1' }] }]
- * }, {
- *     text: 'Item2', disabled: true,
- *     items: [{ text: 'Item2.1' }, { text: 'Item2.2' }, { text: 'Item2.3' }]
- * }, {
- *     text: 'Item3'
- * }];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare function processOrgChartItems(data: any[] | null | undefined, operations: OrgChartOperationDescriptors): any[];

package/dist/npm/processOrgChartItems.js

@@ -1,167 +0,0 @@
-"use strict";
-/* eslint-disable max-len */
-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.processOrgChartItems = void 0;
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var consts_1 = require("./utils/consts");
-/**
- * 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)
- * * [Selecting and deselecting items]({% slug selection_ways_treeview %}#toc-using-a-helper-function)
- * * [Checking and unchecking items]({% slug check_helper_funcs_treeview %})
- *
- * @param data - The data that will be processed.
- * @param operations - The operation descriptors that will be applied to the data.
- * @returns - The processed copy of the input data.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     state = { items: tree, expand: [], select: [], check: [] };
- *     render() {
- *         const { expand, select, check } = this.state;
- *         return (
- *             <OrgChart
- *                 data={processOrgChartItems(this.state.items, { expand, select, check })}
- *                 expandIcons={true} onExpandChange={this.onExpandChange} checkboxes={true}
- *                 onCheckChange={event => this.setState({ check: [ event.itemHierarchicalIndex ] })}
- *                 onItemClick={event => this.setState({ select: [ event.itemHierarchicalIndex ] })}
- *             />
- *         );
- *     }
- *     onExpandChange = (event) => {
- *         let expand = this.state.expand.slice();
- *         const index = expand.indexOf(event.itemHierarchicalIndex);
- *         index === -1 ? expand.push(event.itemHierarchicalIndex) : expand.splice(index, 1);
- *         this.setState({ expand });
- *     }
- * }
- *
- * const tree = [{
- *     text: 'Item1',
- *     items: [
- *         { text: 'Item1.1' },
- *         { text: 'Item1.2' },
- *         { text: 'Item1.3', items: [{ text: 'Item1.3.1' }] }]
- * }, {
- *     text: 'Item2', disabled: true,
- *     items: [{ text: 'Item2.1' }, { text: 'Item2.2' }, { text: 'Item2.3' }]
- * }, {
- *     text: 'Item3'
- * }];
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-function processOrgChartItems(data, operations) {
-    if (!data || !data.length) {
-        return [];
-    }
-    var result = data;
-    var cloneField = operations.cloneField || 'cloned';
-    var expandField = operations.expandField || consts_1.EXPAND_FIELD;
-    var selectField = operations.selectField || consts_1.SELECT_FIELD;
-    var checkField = operations.checkField || consts_1.CHECK_FIELD;
-    var childrenField = operations.childrenField || consts_1.CHILDREN_FIELD;
-    result = handleOperation(result, expandField, operations.expand, cloneField, childrenField);
-    result = handleOperation(result, selectField, operations.select, cloneField, childrenField);
-    result = handleOperation(result, checkField, operations.check, cloneField, childrenField);
-    applyCheckIndeterminate(result, childrenField, operations.check);
-    return result;
-}
-exports.processOrgChartItems = processOrgChartItems;
-function handleOperation(items, defaultField, operation, cloneField, childrenField) {
-    if (operation) {
-        var _a = parseOperation(operation, defaultField), ids = _a.ids, field = _a.field;
-        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 {
-        return items;
-    }
-}
-function parseOperation(operation, defaultField) {
-    var ids;
-    var field;
-    if ((0, kendo_react_common_1.isArray)(operation)) {
-        ids = operation;
-        field = defaultField;
-    }
-    else {
-        ids = operation.ids || [];
-        field = operation.operationField || defaultField;
-    }
-    return { ids: ids, field: field };
-}
-function raiseFlags(items, indices, field, cloneField, childrenField) {
-    var result = items;
-    indices.forEach(function (itemIndex) {
-        result = (0, kendo_react_common_1.updateItem)(result, itemIndex, function (item) { return raiseNestedFlag(field, item); }, cloneField, childrenField);
-    });
-    return result;
-}
-function raiseNestedFlag(fieldName, dataItem) {
-    var fields = (fieldName || '').split('.');
-    var item = dataItem;
-    for (var index = 0; index < fields.length; index++) {
-        var field = fields[index];
-        if (index === fields.length - 1) {
-            item[field] = true;
-        }
-        else if (item[field] !== undefined) {
-            item[field] = __assign({}, item[field]);
-            item = item[field];
-        }
-        else {
-            return;
-        }
-    }
-}
-function applyCheckIndeterminate(items, childrenField, check) {
-    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, kendo_react_common_1.getNestedValue)(checkField, item) ? [] : [item], childrenField, checkField, checkIndeterminateField);
-            }
-        }
-    }
-}
-function applyCheckIndeterminateHelper(data, parents, childrenField, checkField, checkIndeterminateField) {
-    // The updates will be direct because the corresponding items
-    // are already cloned because of their checked children.
-    var parentsAlreadyUpdated = false;
-    for (var i = 0; i < data.length; i++) {
-        var item = data[i];
-        if ((0, kendo_react_common_1.getNestedValue)(checkField, item)) {
-            if (!parentsAlreadyUpdated) {
-                for (var j = 0; j < parents.length; j++) {
-                    raiseNestedFlag(checkIndeterminateField, parents[j]);
-                }
-            }
-            parentsAlreadyUpdated = true;
-            if (item[childrenField]) {
-                applyCheckIndeterminateHelper(item[childrenField], [], childrenField, checkField, checkIndeterminateField);
-            }
-        }
-        else {
-            if (item[childrenField]) {
-                applyCheckIndeterminateHelper(item[childrenField], parentsAlreadyUpdated ? [item] : parents.concat([item]), childrenField, checkField, checkIndeterminateField);
-            }
-        }
-    }
-}

package/dist/npm/server/ServerGroupedOrgChart.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ServerOrgChartProps } from '../interfaces/SeverOrgChartProps';
-/**
- * @hidden
- */
-export declare const ServerGroupedOrgChart: {
-    (props: ServerOrgChartProps): JSX.Element;
-    displayName: string;
-};

package/dist/npm/server/ServerGroupedOrgChart.js

@@ -1,239 +0,0 @@
-"use strict";
-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.ServerGroupedOrgChart = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var ServerOrgChartNode_1 = require("./ServerOrgChartNode");
-var ServerOrgChartGroup_1 = require("./ServerOrgChartGroup");
-var kendo_data_query_1 = require("@progress/kendo-data-query");
-var consts_1 = require("../utils/consts");
-var setDataByGroups = function (_a) {
-    var dataByGroups = _a.dataByGroups, _b = _a.data, data = _b === void 0 ? [] : _b, cardWidth = _a.cardWidth, childrenField = _a.childrenField, idField = _a.idField, expandField = _a.expandField, hasChildrenField = _a.hasChildrenField, groupField = _a.groupField, _c = _a.level, level = _c === void 0 ? 1 : _c, _d = _a.parentId, parentId = _d === void 0 ? 0 : _d;
-    data.forEach(function (element) {
-        var items = element[childrenField];
-        var expanded = element[expandField];
-        if (expanded && items && items.length) {
-            var hasChildren = items.some(function (it) { return it[childrenField] && it[childrenField].length
-                || (hasChildrenField && it[hasChildrenField]); });
-            var orientation_1 = hasChildren ? 'horizontal' : 'vertical';
-            var width = hasChildren ? null : cardWidth + 2 * consts_1.HORIZONTAL_GAP;
-            var alreadyAdded = dataByGroups.find(function (dbg) { return dbg.parentId === parentId; });
-            var alreadyAddedParent = dataByGroups.find(function (dbg) { return dbg.ids.includes(parentId); });
-            var haveSameGroup = false;
-            if (alreadyAdded) {
-                var addedResourseID_1 = alreadyAdded.ids[0];
-                var addedItem = alreadyAddedParent.items.find(function (i) { return i[idField] === addedResourseID_1; });
-                var newItem = alreadyAddedParent.items.find(function (i) { return i[idField] === element[idField]; });
-                haveSameGroup = addedItem[groupField] === newItem[groupField];
-            }
-            if (alreadyAdded && haveSameGroup) {
-                alreadyAdded.ids.push(element[idField]);
-                alreadyAdded.items = alreadyAdded.items.concat(items);
-            }
-            else {
-                dataByGroups.push({
-                    ids: [element[idField]],
-                    items: items,
-                    level: level,
-                    parentId: parentId,
-                    hasChildren: hasChildren,
-                    orientation: orientation_1,
-                    width: width
-                });
-            }
-            setDataByGroups({
-                dataByGroups: dataByGroups,
-                data: element[childrenField],
-                childrenField: childrenField,
-                cardWidth: cardWidth,
-                idField: idField,
-                expandField: expandField,
-                hasChildrenField: hasChildrenField,
-                groupField: groupField,
-                level: level + 1,
-                parentId: element[idField]
-            });
-        }
-    });
-};
-var setGroupedGroupsWidths = function (dataByGroups, cardWidth) {
-    var nodeWidth = cardWidth || consts_1.NODE_WIDTH;
-    var groupsFromLeavesToRoot = dataByGroups.sort(function (a, b) { return b.level - a.level; });
-    groupsFromLeavesToRoot.forEach(function (group) {
-        if (!group.width) {
-            var childGroups = groupsFromLeavesToRoot.filter(function (gr) { return group.ids.includes(gr.parentId); });
-            if (childGroups.length) {
-                var maxChildGroupWidth = Math.max.apply(Math, childGroups.map(function (chg) { return chg.width || 0; }));
-                var maxChildGroupsLength = Math.max.apply(Math, childGroups.map(function (chg) { return chg.groupedItems.length || 0; }));
-                var maxSubItemsWidth = Math.max.apply(Math, group.groupedItems.map(function (chg) {
-                    var subItemsLength = group.orientation === 'horizontal' ? chg.items.length : 1;
-                    return subItemsLength * (nodeWidth + 2 * consts_1.HORIZONTAL_GAP) + consts_1.HORIZONTAL_GAP * (subItemsLength - 1);
-                }));
-                var newGroupWidth = maxChildGroupWidth * maxChildGroupsLength + consts_1.HORIZONTAL_GAP * (maxChildGroupsLength - 1);
-                group.width = Math.max(newGroupWidth, maxSubItemsWidth);
-            }
-            else {
-                var maxSubItemsWidth = Math.max.apply(Math, group.groupedItems.map(function (chg) {
-                    var subItemsLength = group.orientation === 'horizontal' ? chg.items.length : 1;
-                    return subItemsLength * (nodeWidth + 2 * consts_1.HORIZONTAL_GAP) + consts_1.HORIZONTAL_GAP * (subItemsLength - 1);
-                }));
-                group.width = maxSubItemsWidth;
-            }
-        }
-    });
-};
-var setGroupedGroupsLeft = function (dataByGroups, idField) {
-    var groupsFromRootToLeaves = dataByGroups.sort(function (a, b) { return a.level - b.level; });
-    groupsFromRootToLeaves.forEach(function (group) {
-        var _a;
-        if (group.level === 0) {
-            return;
-        }
-        var parentGroup = groupsFromRootToLeaves.find(function (gr) { return gr.ids.includes(group.parentId); });
-        var groupIndex = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.groupedItems.findIndex(function (g) { return g.items.some(function (it) { return group.ids.includes(it[idField]); }); })) || 0;
-        var subLinks = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.groupedItems) || [];
-        var subLinkWidth = parentGroup.width
-            ? (parentGroup.width - ((subLinks.length - 1) * consts_1.HORIZONTAL_GAP)) / subLinks.length
-            : 0;
-        if (!group.left) {
-            var newLeft_1 = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.left) || 0;
-            subLinks.forEach(function (_subG, index) {
-                if (index < groupIndex) {
-                    newLeft_1 += subLinkWidth + consts_1.HORIZONTAL_GAP;
-                }
-            });
-            group.left = newLeft_1;
-        }
-        var parentWidth = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.width) || 0;
-        var parentGroupItems = (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.groupedItems.length) || 1;
-        var newWidth = ((parentWidth) - ((parentGroupItems - 1) * consts_1.HORIZONTAL_GAP)) / parentGroupItems;
-        group.width = newWidth;
-        if (parentGroup) {
-            var childLinewidth = group.width - ((group.width - (group.groupedItems.length - 1) * consts_1.HORIZONTAL_GAP)) / (group.groupedItems.length);
-            if (!parentGroup.childLineWidths) {
-                parentGroup.childLineWidths = [childLinewidth];
-            }
-            else {
-                (_a = parentGroup.childLineWidths) === null || _a === void 0 ? void 0 : _a.push(childLinewidth);
-            }
-        }
-    });
-};
-var setGroupsTop = function (dataByGroups, cardHeight, groupTitleHeight, groupSubtitleHeight, verticalLine) {
-    var nodeHeight = cardHeight || consts_1.NODE_HEIGHT;
-    var vLineHeight = verticalLine || consts_1.VERTICAL_LINE;
-    var groupNodeHeight = groupTitleHeight + groupSubtitleHeight + consts_1.GROUP_PADDINGS;
-    dataByGroups.forEach(function (group) {
-        var level = group.level;
-        var newTop = ((nodeHeight + vLineHeight + groupNodeHeight) * level) + (consts_1.VERTICAL_LINE * (level ? level - 1 : 0)) -
-            ((vLineHeight - consts_1.VERTICAL_LINE) * (level ? 1 : 0));
-        group.top = newTop;
-    });
-};
-var getHeight = function (dataByGroups, cardHeight, verticalLine, groupTitleHeight, groupSubtitleHeight) {
-    var nodeHeight = cardHeight || consts_1.NODE_HEIGHT;
-    var vLineHeight = verticalLine || consts_1.VERTICAL_LINE;
-    var groupHeight = (groupTitleHeight || consts_1.GROUP_TITLE_HEIGHT) + (groupSubtitleHeight || consts_1.GROUP_SUBTITLE_HEIGHT);
-    var groupNodeHeight = groupHeight + consts_1.GROUP_PADDINGS;
-    var newHeight = Math.max.apply(Math, dataByGroups.map(function (group) {
-        var top = group.top || 0;
-        var maxItemsLength = Math.max.apply(Math, group.groupedItems.map(function (gr) { return gr.items.length; }));
-        var plusButtonHeight = group.hasChildren ? consts_1.VERTICAL_LINE : 0;
-        var height = group.orientation === 'horizontal'
-            ? nodeHeight + vLineHeight + groupNodeHeight + vLineHeight + plusButtonHeight
-            : maxItemsLength * (nodeHeight + vLineHeight) + groupNodeHeight + vLineHeight;
-        return top + height;
-    }));
-    return newHeight;
-};
-/**
- * @hidden
- */
-var ServerGroupedOrgChart = function (props) {
-    var defaultProps = {
-        width: '100%',
-        data: [],
-        ariaLabel: 'Org Chart',
-        idField: 'id',
-        childrenField: 'items',
-        avatarField: 'avatar',
-        titleField: 'title',
-        subtitleField: 'subtitle',
-        expandField: 'expanded',
-        orientation: 'horizontal'
-    };
-    var _a = __assign(__assign({}, defaultProps), props), id = _a.id, width = _a.width, data = _a.data, groupField = _a.groupField, cardWidth = _a.cardWidth, cardHeight = _a.cardHeight, groupTitleHeight = _a.groupTitleHeight, groupSubtitleHeight = _a.groupSubtitleHeight, verticalLine = _a.verticalLine, idField = _a.idField, childrenField = _a.childrenField, expandField = _a.expandField, hasChildrenField = _a.hasChildrenField, avatarField = _a.avatarField, titleField = _a.titleField, subtitleField = _a.subtitleField, cardsColors = _a.cardsColors, ariaLabel = _a.ariaLabel, itemRender = _a.itemRender, groupTitleRender = _a.groupTitleRender, groupSubtitleRender = _a.groupSubtitleRender, height = _a.height;
-    var dataByGroups = [{
-            items: data,
-            level: 0,
-            hasChildren: true,
-            orientation: 'horizontal',
-            ids: [0],
-            parentId: null,
-            width: null
-        }];
-    setDataByGroups({
-        dataByGroups: dataByGroups,
-        data: data,
-        cardWidth: cardWidth,
-        expandField: expandField,
-        hasChildrenField: hasChildrenField,
-        childrenField: childrenField,
-        idField: idField,
-        groupField: groupField
-    });
-    dataByGroups.map(function (g) {
-        g.groupedItems = (0, kendo_data_query_1.groupBy)(g.items, [{ field: groupField }]);
-    });
-    setGroupedGroupsWidths(dataByGroups, cardWidth);
-    setGroupedGroupsLeft(dataByGroups, idField);
-    setGroupsTop(dataByGroups, cardHeight || consts_1.NODE_HEIGHT, (groupTitleHeight || consts_1.GROUP_TITLE_HEIGHT), (groupSubtitleHeight || consts_1.GROUP_SUBTITLE_HEIGHT), verticalLine);
-    var calculatedHeight = getHeight(dataByGroups, cardHeight || consts_1.NODE_HEIGHT, (groupTitleHeight || consts_1.GROUP_TITLE_HEIGHT), (groupSubtitleHeight || consts_1.GROUP_SUBTITLE_HEIGHT));
-    return (React.createElement("div", { className: "k-orgchart-container", style: { width: width, height: height || calculatedHeight } }, dataByGroups.map(function (group) {
-        var _a;
-        var level = group.level;
-        var groupInnerItems = group.groupedItems.map(function (grIt) {
-            var expanded = grIt.items.some(function (i) { return i[expandField]; });
-            return __assign(__assign({}, grIt), { expanded: expanded });
-        });
-        var groupedInnerExpandedItems = groupInnerItems.filter(function (gII) { return gII.expanded; });
-        var justifyContent = level === 0 ? 'center' : 'around';
-        var groupOrientation = 'horizontal';
-        var cardColor = cardsColors ? cardsColors[level] || 'green' : 'green';
-        return (React.createElement("div", { role: level === 0 ? 'tree' : 'group', id: id + '-' + level + '-' + group.ids[0], "aria-label": level === 0 ? ariaLabel : undefined, "aria-orientation": level === 0 ? groupOrientation : undefined, key: group.ids[0] + '_' + level, className: (0, kendo_react_common_1.classNames)('k-orgchart-group', "k-orgchart-level-".concat(level), 'k-pos-absolute', (_a = {},
-                _a["k-".concat(kendo_react_common_1.kendoThemeMaps.orientationMap[groupOrientation])] = groupOrientation,
-                _a["k-justify-content-".concat(justifyContent)] = justifyContent,
-                _a['k-orgchart-group-h'] = props.groupField,
-                _a)), style: {
-                width: group.width || '100%',
-                left: group.left,
-                top: group.top
-            } }, data.length > 0 &&
-            groupInnerItems.map(function (groupedNodes, gIndex) {
-                var hasChildren = groupedNodes.items.some(function (it) { return it[childrenField] && it[childrenField].length
-                    || (hasChildrenField && it[hasChildrenField]); });
-                var subGroupWidth = group.width
-                    ? (group.width - ((groupInnerItems.length - 1) * consts_1.HORIZONTAL_GAP)) / groupInnerItems.length
-                    : undefined;
-                var expandedIndex = groupedInnerExpandedItems.findIndex((function (gr) { return gr === groupedNodes; }));
-                return (React.createElement(ServerOrgChartGroup_1.ServerOrgChartGroup, { id: id + '-' + (level + 1) + '-' + groupedNodes.items[0][idField], style: { width: subGroupWidth }, groupTitleHeight: groupTitleHeight, groupSubtitleHeight: groupSubtitleHeight, groupTitleRender: groupTitleRender, groupSubtitleRender: groupSubtitleRender, key: gIndex, level: level, verticalLine: verticalLine || consts_1.VERTICAL_LINE, title: groupedNodes.items[0][groupField || titleField], subtitle: groupField, orientation: group.orientation, childLineWidth: (hasChildren && groupedNodes.expanded && group.orientation === 'horizontal')
-                        ? group.childLineWidths[expandedIndex]
-                        : 0, line: hasChildren, nodes: groupedNodes.items, expanded: groupedNodes.expanded, plus: hasChildren }, groupedNodes.items.map(function (node, index) {
-                    return (React.createElement(ServerOrgChartNode_1.ServerOrgChartNode, { cardHeight: cardHeight, cardWidth: cardWidth, itemRender: itemRender, color: cardColor, key: index, level: level, avatar: node[avatarField], title: node[titleField], subtitle: node[subtitleField], verticalLine: 0, line: false, node: node, childLineWidth: 0, plus: false }, node.text));
-                })));
-            })));
-    })));
-};
-exports.ServerGroupedOrgChart = ServerGroupedOrgChart;
-exports.ServerGroupedOrgChart.displayName = 'KendoServerGroupedOrgChart';

package/dist/npm/server/ServerOrgChart.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ServerOrgChartProps } from '../interfaces/SeverOrgChartProps';
-/**
- * @hidden
- */
-export declare const ServerOrgChart: {
-    (props: ServerOrgChartProps): JSX.Element;
-    displayName: string;
-};