@progress/kendo-vue-treelist 3.5.1 → 3.5.2-dev.202209020458

package/dist/npm/utils/data-operations.js

@@ -0,0 +1,265 @@
+"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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveTreeItem = exports.getItemPath = exports.modifySubItems = exports.removeItems = exports.extendDataItem = exports.createDataTree = exports.treeToFlat = exports.flatData = exports.mapTreeItem = exports.mapTree = exports.filterBy = exports.orderBy = void 0;
+var main_1 = require("./main");
+var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * Orders the specified tree according to the provided sort descriptors.
+ *
+ * @param {T[]} data - The data that will be sorted.
+ * @param {SortDescriptor[]} descriptors - The descriptors by which the data will be sorted.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {T[]} - The sorted data.
+ */
+function orderBy(data, descriptors, subItemsField) {
+    return (0, kendo_vue_data_tools_1.orderBy)(data, descriptors, subItemsField);
+}
+exports.orderBy = orderBy;
+/**
+ * Filters the provided data tree according to the specified `Array<FilterDescriptor|CompositeFilterDescriptor>`.
+ *
+ * @param {T[]} data - The data that will be filtered.
+ * @param {FilterDescriptor[]|CompositeFilterDescriptor[]} descriptors - The filter criteria that will be applied.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {T[]} - The filtered data.
+ */
+function filterBy(data, descriptors, subItemsField) {
+    return (0, kendo_vue_data_tools_1.filterBy)(data, descriptors, subItemsField);
+}
+exports.filterBy = filterBy;
+/**
+ * Creates a new array with the results of calling the provided callback function
+ * on every element in the provided data tree.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(value: any) => any} callback - The callback function.
+ * @returns {any[]} - The new data tree.
+ */
+var mapTree = function (tree, subItemsField, callback) {
+    return (0, kendo_vue_common_1.mapTree)(tree, subItemsField, callback);
+};
+exports.mapTree = mapTree;
+/**
+ * Creates a new array with the results of calling the provided callback function
+ * on the element which match the `level` in the provided data tree.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {number[]} level - An array of indexes of each parent and current item in the data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(value: any) => any} callback - The callback function.
+ * @returns {any[]} - The new data tree.
+ */
+var mapTreeItem = function (tree, level, subItemsField, callback) {
+    return (0, kendo_vue_common_1.mapTreeItem)(tree, level, subItemsField, callback);
+};
+exports.mapTreeItem = mapTreeItem;
+/**
+ * @hidden
+ */
+function flatData(data, getChildren, itemMap) {
+    var stack = [];
+    var flatted = [];
+    // we start from end as push() improves performance by up to 50%
+    for (var i = data.length - 1; i >= 0; i--) {
+        var root = data[i];
+        stack.push({
+            root: root,
+            data: getChildren(root),
+            level: [i],
+            levelCount: data.length
+        });
+    }
+    while (stack.length > 0) {
+        var stackItem = stack.pop();
+        flatted.push(__assign(__assign({ dataItem: stackItem.root, level: __spreadArray([], stackItem.level, true) }, itemMap(stackItem.root)), { levelCount: stackItem.levelCount }));
+        if (stackItem.data.length) {
+            for (var i = stackItem.data.length - 1; i >= 0; i--) {
+                var root = stackItem.data[i];
+                stack.push({
+                    root: root,
+                    data: getChildren(root),
+                    level: __spreadArray(__spreadArray([], stackItem.level, true), [i], false),
+                    levelCount: stackItem.data.length
+                });
+            }
+        }
+    }
+    return flatted;
+}
+exports.flatData = flatData;
+/**
+ * Creates a flat data array from the passed tree dataset.
+ *
+ * @param {object[]} dataset - The source dataset of data items.
+ * @param {string} expandField - The field which points to the expanded value of each data item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {object[]} - A collection of the generated data items that are in a flat structure.
+ */
+var treeToFlat = function (data, expandField, subItemsField) {
+    var expanded = function (dataItem) { return Boolean((0, main_1.getNestedValue)(expandField, dataItem)); };
+    var hasChildren = function (dataItem) { return Boolean((0, main_1.getNestedValue)(subItemsField, dataItem)); };
+    var getChildren = function (dataItem) {
+        var items = [];
+        if (expanded(dataItem) && hasChildren(dataItem)) {
+            items.push.apply(items, (0, main_1.getNestedValue)(subItemsField, dataItem));
+        }
+        return items;
+    };
+    var flatItems = function (dataItem, flatted, level) {
+        flatted.push(__assign(__assign({}, dataItem), { level: level }));
+        getChildren(dataItem).forEach(function (root) { return flatItems(root, flatted, level + 1); });
+    };
+    var flattedData = [];
+    data.forEach(function (root) { return flatItems(root, flattedData, 0); });
+    return flattedData;
+};
+exports.treeToFlat = treeToFlat;
+/**
+ * Creates a tree from the passed dataset.
+ *
+ * @param {object[]} dataset - The source dataset of data items.
+ * @param {(item: object) => any} getId - A function which will return the id of the data item.
+ * @param {(item: object) => any} getParentId - A function which will return the data item id of its parent data item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {object[]} - A collection of the generated data items that are structured in a tree.
+ */
+var createDataTree = function (dataset, getId, getParentId, subItemsField) {
+    var hashTable = {}, dataTree = [], parentItem;
+    dataset.forEach(function (dataItem) { return hashTable[getId(dataItem)] = __assign({}, dataItem); });
+    dataset.forEach(function (dataItem) {
+        parentItem = hashTable[getParentId(dataItem)];
+        if (parentItem) {
+            parentItem[subItemsField] = parentItem[subItemsField] || [];
+            parentItem[subItemsField].push(hashTable[getId(dataItem)]);
+        }
+        else {
+            dataTree.push(hashTable[getId(dataItem)]);
+        }
+    });
+    return dataTree;
+};
+exports.createDataTree = createDataTree;
+/**
+ * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
+ *
+ * @param {object} item - The source data item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {object} propsToExtend - The props with which the source data item will be extended.
+ * @returns {object} - The target data item.
+ */
+var extendDataItem = function (item, subItemsField, propsToExtend) {
+    return (0, kendo_vue_common_1.extendDataItem)(item, subItemsField, propsToExtend);
+};
+exports.extendDataItem = extendDataItem;
+/**
+ * Removes the items from the passed `data` which match the passed `condition`.
+ *
+ * @param {any[]} data - The data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(item: object) => Boolean} condition - A function that will be executed for each data item
+ * in the tree data and the items for which returns true will be removed.
+ * @returns {any[]} - The new data tree.
+ */
+var removeItems = function (data, subItemsField, condition) {
+    var _a;
+    var newData = (0, exports.mapTree)([(_a = {}, _a[subItemsField] = __spreadArray([], data, true), _a)], subItemsField, function (item) { return removeChild(item, condition, subItemsField); });
+    return __spreadArray([], newData[0][subItemsField], true);
+};
+exports.removeItems = removeItems;
+/**
+ * @hidden
+ */
+var removeChild = function (item, condition, subItemsField) {
+    var _a;
+    var subItems = item[subItemsField] || [];
+    var childIndex = subItems.findIndex(condition);
+    if (childIndex !== -1) {
+        var newChildren = __spreadArray([], subItems, true);
+        newChildren.splice(childIndex, 1);
+        return __assign(__assign({}, item), (_a = {}, _a[subItemsField] = newChildren, _a));
+    }
+    return item;
+};
+/**
+ * Changes the `subItems` collection of each data item which matches the passed `condition`.
+ *
+ * @param {any[]} data - The data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(item: object) => Boolean} condition - A function that will be executed for each data item and
+ * will return `true` for items that have to change the subitems collection.
+ * @param {(subItems: object[]) => object[]} change - A function which
+ * has as a parameter the subitems collection of the matched items and which will return the new subitems collection.
+ * @returns {any[]} - The new data tree.
+ */
+var modifySubItems = function (data, subItemsField, condition, change) {
+    return (0, exports.mapTree)(data, subItemsField, function (item) {
+        var _a;
+        return condition(item) ? __assign(__assign({}, item), (_a = {}, _a[subItemsField] = change(item[subItemsField] || []), _a)) :
+            item;
+    });
+};
+exports.modifySubItems = modifySubItems;
+/**
+ * Returns the data item path in the tree based on the level parameter.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {number[]} level - The level of the target tree item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {any[]} - The path of the data item.
+ */
+var getItemPath = function (tree, level, subItemsField) {
+    return (0, kendo_vue_common_1.getItemPath)(tree, level, subItemsField);
+};
+exports.getItemPath = getItemPath;
+/**
+ * Moves the targeted item in the tree to another position.
+ *
+ * @param {any[]} data - The data tree.
+ * @param {number[]} target - The level of the target tree item which will be moved.
+ * @param {number[] | null} destination - The level of the destination tree item where the target item will be moved in.
+ * If it is null, the target item will be added at the root level.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {any[]} - The new data tree.
+ */
+var moveTreeItem = function (data, target, destination, subItemsField) {
+    var tree = __spreadArray([], data, true);
+    var targetItemPath = (0, exports.getItemPath)(tree, target, subItemsField);
+    var targetItem = targetItemPath.pop();
+    var targetParent = targetItemPath.pop();
+    var targetItemIndex = target[target.length - 1];
+    if (destination) {
+        var destinationItemPath = (0, exports.getItemPath)(tree, destination, subItemsField);
+        var destinationItem = destinationItemPath.pop();
+        (targetParent ? targetParent[subItemsField] : tree).splice(targetItemIndex, 1);
+        destinationItem[subItemsField] = destinationItem[subItemsField] || [];
+        destinationItem[subItemsField].push(targetItem);
+    }
+    else {
+        (targetParent ? targetParent[subItemsField] : tree).splice(targetItemIndex, 1);
+        tree.push(targetItem);
+    }
+    return tree;
+};
+exports.moveTreeItem = moveTreeItem;

package/dist/npm/utils/main.d.ts

@@ -0,0 +1,17 @@
+import { DataItemWrapper } from '../interfaces/DataItemWrapper';
+/**
+ * @hidden
+ */
+export declare function getNestedValue(fieldName: string | undefined, dataItem: any): any;
+/**
+ * @hidden
+ */
+export declare function setHeaderRowsTop(table: HTMLTableElement, toolbarHeight: number, rowHeight?: (row: HTMLTableRowElement) => string | undefined): void;
+/**
+ * @hidden
+ */
+export declare function tableRowsVirtualization(args: {
+    rows: DataItemWrapper[];
+    tableViewPortHeight: number;
+    scrollTop: number;
+}): DataItemWrapper[];

package/dist/npm/utils/main.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = void 0;
+/**
+ * @hidden
+ */
+function getNestedValue(fieldName, dataItem) {
+    var path = (fieldName || '').split('.');
+    var data = dataItem;
+    path.forEach(function (p) {
+        data = data ? data[p] : undefined;
+    });
+    return data;
+}
+exports.getNestedValue = getNestedValue;
+function inPX(value) {
+    return value !== undefined && (typeof value === 'number' || /px$/i.test(String(value)));
+}
+/**
+ * @hidden
+ */
+function setHeaderRowsTop(table, toolbarHeight, rowHeight) {
+    var rows = Array.from(table.tHead && table.tHead.rows || []);
+    var heights = [toolbarHeight];
+    var height;
+    var calculateRowHeight = rowHeight ||
+        (function (row) { return window.getComputedStyle(row).height || undefined; });
+    rows.forEach(function (row) {
+        var computedHeight = calculateRowHeight(row);
+        heights.push(inPX(computedHeight) ? parseFloat(String(computedHeight)) : row.offsetHeight);
+    });
+    for (var i = 0; i < rows.length; i++) {
+        height = heights.slice(0, i + 1).reduce(function (acc, curr) { return acc + curr; });
+        Array.from(rows[i].cells).forEach(function (c) { return c.style.top = height + 'px'; });
+    }
+}
+exports.setHeaderRowsTop = setHeaderRowsTop;
+var MAX_LEVEL = 1000000;
+/**
+ * @hidden
+ */
+function tableRowsVirtualization(args) {
+    var rows = args.rows, tableViewPortHeight = args.tableViewPortHeight, scrollTop = args.scrollTop;
+    if (rows.length === 0) {
+        return [];
+    }
+    var itemHeight = rows[0].height;
+    var scrollItemIndex = Math.min(Math.round(scrollTop / itemHeight), rows.length);
+    var itemsOnOneScreen = Math.round(tableViewPortHeight / itemHeight);
+    var start = Math.max(0, scrollItemIndex - itemsOnOneScreen);
+    var end = Math.min(rows.length, scrollItemIndex + (2 * itemsOnOneScreen));
+    var items = rows.slice(start, end);
+    var lastItem = items[items.length - 1];
+    if (start > 0) {
+        items.unshift({
+            dataItem: {},
+            level: [MAX_LEVEL],
+            offsetTop: 0,
+            height: items[0].offsetTop,
+            levelCount: 0
+        });
+    }
+    if (end < rows.length - 1) {
+        items.push({
+            dataItem: {},
+            level: [MAX_LEVEL, MAX_LEVEL],
+            offsetTop: lastItem.offsetTop + lastItem.height,
+            height: (rows.length - end) * itemHeight,
+            levelCount: 0
+        });
+    }
+    return items;
+}
+exports.tableRowsVirtualization = tableRowsVirtualization;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-treelist",
-  "version": "3.5.1",
+  "version": "3.5.2-dev.202209020458",
   "description": "Kendo UI for Vue TreeList package",
   "repository": {
     "type": "git",
@@ -47,21 +47,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.5.1"
+    "@progress/kendo-vue-common": "3.5.2-dev.202209020458"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-data-tools": "3.5.1",
-    "@progress/kendo-vue-dateinputs": "3.5.1",
-    "@progress/kendo-vue-dialogs": "3.5.1",
-    "@progress/kendo-vue-dropdowns": "3.5.1",
-    "@progress/kendo-vue-excel-export": "3.5.1",
-    "@progress/kendo-vue-inputs": "3.5.1",
-    "@progress/kendo-vue-intl": "3.5.1",
-    "@progress/kendo-vue-pdf": "3.5.1"
+    "@progress/kendo-vue-buttons": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-data-tools": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-dateinputs": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-dialogs": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-dropdowns": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-excel-export": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-inputs": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-intl": "3.5.2-dev.202209020458",
+    "@progress/kendo-vue-pdf": "3.5.2-dev.202209020458"
   },
   "@progress": {
     "friendlyName": "TreeList",