jsl-ui 9.28.3 → 9.28.4

package/lib/grid/slick.tree.js

@@ -1,208 +1,208 @@
-import "./slick.tree.css";
-export let IndentFormatter = function (row, cell, value, columnDef, dataContext, grid) {
-    let result = "";
-    const hierachy = grid._hierachy;
-    if (hierachy != null) {
-        const options = hierachy.getOptions();
-        const level = hierachy.getLevel(dataContext);
-        if (level > 0) {
-            result += "<span class='jsl-indent' style='min-width:" + (level * hierachy.getOptions().indentInRem) + "rem;'></span>";
-        }
-        if (options.enableCollapsing) {
-            const hasChildren = hierachy.hasChildren(dataContext);
-            if (hasChildren) {
-                if (dataContext[options.collapsedStateField]) {
-                    result += "<span class='jsl-toggle'>" + options.expandIconHTML + "</span>";
-                }
-                else {
-                    result += "<span class='jsl-toggle'>" + options.collapseIconHTML + "</span>";
-                }
-            }
-            else {
-                result += "<span class='jsl-toggle-spacer'></span>";
-            }
-        }
-    }
-    if (value != null) {
-        result += (value + "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-    }
-    return result;
-};
-export class GridTree {
-    constructor(grid, o) {
-        this.grid = grid;
-        this.options = {
-            ...{
-                enableCollapsing: true,
-                indentInRem: 1,
-                hiddenStateField: "_hidden_by_h",
-                collapsedStateField: "_callapsed",
-                expandIconHTML: "▶",
-                collapseIconHTML: "▼" // "˅"
-            }, ...o
-        };
-        this.primaryKey = this.grid.getOptions().primaryKey;
-        grid._hierachy = this;
-        grid.refresh();
-        this.initEvents();
-    }
-    getOptions() {
-        return this.options;
-    }
-    getLevel(item) {
-        let level = 0;
-        let parent = this.getParent(item);
-        while (parent != null) {
-            parent = this.getParent(parent);
-            level++;
-        }
-        return level;
-    }
-    getParent(item) {
-        return this.grid.dataView.getItemById(item[this.options.parentColumn]);
-    }
-    hasChildren(item) {
-        return this.rowHasChildren(this.grid.dataView.getIdxByItem(item));
-    }
-    getDirectChildren(item) {
-        const id = item[this.primaryKey];
-        const result = [];
-        const data = this.grid.getData();
-        for (let i = 0; i < data.length; i++) {
-            const pid = data[i][this.options.parentColumn];
-            if (pid === id) {
-                result.push(data[i]);
-            }
-        }
-        return result;
-    }
-    getAllChildren(item) {
-        const parentid = item[this.primaryKey];
-        const result = [];
-        const data = this.grid.getData();
-        for (let i = 0; i < data.length; i++) {
-            if (data[i][this.options.parentColumn] === parentid) {
-                result.push(data[i]);
-                result.push(...this.getAllChildren(data[i]));
-            }
-        }
-        return result;
-    }
-    rowHasChildren(row) {
-        const data = this.grid.getData();
-        if (data.length > row + 1) {
-            return data[row + 1][this.options.parentColumn] === data[row][this.primaryKey];
-        }
-        return false;
-    }
-    toggleExpand(item) {
-        if (item[this.options.collapsedStateField]) {
-            this.expand(item);
-        }
-        else {
-            this.collapse(item);
-        }
-    }
-    expand(item) {
-        item[this.options.collapsedStateField] = false;
-        const data = this.grid.getData();
-        let i = this.grid.dataView.getIdxByItem(item);
-        while (i < data.length) {
-            data[i][this.options.hiddenStateField] = false;
-            if (this.rowHasChildren(i)) {
-                if (data[i][this.options.collapsedStateField]) {
-                    //skip children
-                    i += this.getAllChildren(data[i]).length;
-                }
-            }
-            i++;
-        }
-        this.grid.refreshData();
-    }
-    indent(rows) {
-        const realRows = this.filterChildren(rows);
-        const data = this.grid.getData();
-        //get indexes of rows
-        const indexes = [];
-        for (let i = 0; i < realRows.length; i++) {
-            indexes.push(this.grid.dataView.getIdxByItem(realRows[i]));
-        }
-        //sort indexes
-        indexes.sort((a, b) => a > b ? 1 : (a < b ? -1 : 0));
-        //change parents to indent rows
-        for (let i = 0; i < indexes.length; i++) {
-            const rowIdx = indexes[i];
-            const parentID = data[rowIdx][this.options.parentColumn];
-            for (let tmp = rowIdx - 1; tmp >= 0; tmp--) {
-                if (data[tmp][this.options.parentColumn] === parentID) {
-                    data[rowIdx][this.options.parentColumn] = data[tmp][this.primaryKey];
-                    break;
-                }
-            }
-        }
-        this.grid.refreshData();
-    }
-    outdent(rows) {
-        const rows2 = this.filterChildren(rows);
-        const data = this.grid.getData();
-        for (let i = 0; i < rows2.length; i++) {
-            const row = rows2[i];
-            const oldparent = row[this.options.parentColumn];
-            if (oldparent) {
-                const newparent = data[this.grid.dataView.getIdxById(oldparent)][this.options.parentColumn];
-                row[this.options.parentColumn] = newparent;
-                //make all subsequent items with same ParentID have current row as new parentid
-                let idx = this.grid.dataView.getIdxById(row[this.primaryKey]);
-                while (++idx < data.length) {
-                    if (data[idx][this.options.parentColumn] === oldparent) {
-                        data[idx][this.options.parentColumn] = row[this.primaryKey];
-                    }
-                    //TODO: optimize -> break sooner
-                }
-            }
-        }
-        this.grid.refreshData();
-    }
-    filterChildren(rows) {
-        const result = [];
-        const dict = {};
-        for (let i = 0; i < rows.length; i++) {
-            dict[rows[i][this.primaryKey]] = true;
-        }
-        for (let i = 0; i < rows.length; i++) {
-            const row = rows[i];
-            const parentid = row[this.options.parentColumn];
-            if (!parentid || !dict[parentid]) {
-                result.push(row);
-            }
-        }
-        return result;
-    }
-    collapse(item) {
-        item[this.options.collapsedStateField] = true;
-        const children = this.getAllChildren(item);
-        for (let i = 0; i < children.length; i++) {
-            children[i][this.options.hiddenStateField] = true;
-        }
-        this.grid.refreshData();
-    }
-    initEvents() {
-        // collapse / expand click events
-        if (this.options.enableCollapsing) {
-            this.grid.onClick.subscribe((e, args) => {
-                if (e.target.classList.contains("jsl-toggle")) {
-                    e.stopImmediatePropagation();
-                    this.toggleExpand(this.grid.dataView.getItem(args.row));
-                }
-            });
-        }
-        // filters
-        const hiddenFilter = {
-            field: this.options.hiddenStateField,
-            match: (itm, field) => {
-                return !itm[this.options.hiddenStateField];
-            }
-        };
-        this.grid.addFilter(hiddenFilter);
-    }
-}
+import "./slick.tree.css";
+export let IndentFormatter = function (row, cell, value, columnDef, dataContext, grid) {
+    let result = "";
+    const hierachy = grid._hierachy;
+    if (hierachy != null) {
+        const options = hierachy.getOptions();
+        const level = hierachy.getLevel(dataContext);
+        if (level > 0) {
+            result += "<span class='jsl-indent' style='min-width:" + (level * hierachy.getOptions().indentInRem) + "rem;'></span>";
+        }
+        if (options.enableCollapsing) {
+            const hasChildren = hierachy.hasChildren(dataContext);
+            if (hasChildren) {
+                if (dataContext[options.collapsedStateField]) {
+                    result += "<span class='jsl-toggle'>" + options.expandIconHTML + "</span>";
+                }
+                else {
+                    result += "<span class='jsl-toggle'>" + options.collapseIconHTML + "</span>";
+                }
+            }
+            else {
+                result += "<span class='jsl-toggle-spacer'></span>";
+            }
+        }
+    }
+    if (value != null) {
+        result += (value + "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    }
+    return result;
+};
+export class GridTree {
+    constructor(grid, o) {
+        this.grid = grid;
+        this.options = {
+            ...{
+                enableCollapsing: true,
+                indentInRem: 1,
+                hiddenStateField: "_hidden_by_h",
+                collapsedStateField: "_callapsed",
+                expandIconHTML: "▶", // "˃",
+                collapseIconHTML: "▼" // "˅"
+            }, ...o
+        };
+        this.primaryKey = this.grid.getOptions().primaryKey;
+        grid._hierachy = this;
+        grid.refresh();
+        this.initEvents();
+    }
+    getOptions() {
+        return this.options;
+    }
+    getLevel(item) {
+        let level = 0;
+        let parent = this.getParent(item);
+        while (parent != null) {
+            parent = this.getParent(parent);
+            level++;
+        }
+        return level;
+    }
+    getParent(item) {
+        return this.grid.dataView.getItemById(item[this.options.parentColumn]);
+    }
+    hasChildren(item) {
+        return this.rowHasChildren(this.grid.dataView.getIdxByItem(item));
+    }
+    getDirectChildren(item) {
+        const id = item[this.primaryKey];
+        const result = [];
+        const data = this.grid.getData();
+        for (let i = 0; i < data.length; i++) {
+            const pid = data[i][this.options.parentColumn];
+            if (pid === id) {
+                result.push(data[i]);
+            }
+        }
+        return result;
+    }
+    getAllChildren(item) {
+        const parentid = item[this.primaryKey];
+        const result = [];
+        const data = this.grid.getData();
+        for (let i = 0; i < data.length; i++) {
+            if (data[i][this.options.parentColumn] === parentid) {
+                result.push(data[i]);
+                result.push(...this.getAllChildren(data[i]));
+            }
+        }
+        return result;
+    }
+    rowHasChildren(row) {
+        const data = this.grid.getData();
+        if (data.length > row + 1) {
+            return data[row + 1][this.options.parentColumn] === data[row][this.primaryKey];
+        }
+        return false;
+    }
+    toggleExpand(item) {
+        if (item[this.options.collapsedStateField]) {
+            this.expand(item);
+        }
+        else {
+            this.collapse(item);
+        }
+    }
+    expand(item) {
+        item[this.options.collapsedStateField] = false;
+        const data = this.grid.getData();
+        let i = this.grid.dataView.getIdxByItem(item);
+        while (i < data.length) {
+            data[i][this.options.hiddenStateField] = false;
+            if (this.rowHasChildren(i)) {
+                if (data[i][this.options.collapsedStateField]) {
+                    //skip children
+                    i += this.getAllChildren(data[i]).length;
+                }
+            }
+            i++;
+        }
+        this.grid.refreshData();
+    }
+    indent(rows) {
+        const realRows = this.filterChildren(rows);
+        const data = this.grid.getData();
+        //get indexes of rows
+        const indexes = [];
+        for (let i = 0; i < realRows.length; i++) {
+            indexes.push(this.grid.dataView.getIdxByItem(realRows[i]));
+        }
+        //sort indexes
+        indexes.sort((a, b) => a > b ? 1 : (a < b ? -1 : 0));
+        //change parents to indent rows
+        for (let i = 0; i < indexes.length; i++) {
+            const rowIdx = indexes[i];
+            const parentID = data[rowIdx][this.options.parentColumn];
+            for (let tmp = rowIdx - 1; tmp >= 0; tmp--) {
+                if (data[tmp][this.options.parentColumn] === parentID) {
+                    data[rowIdx][this.options.parentColumn] = data[tmp][this.primaryKey];
+                    break;
+                }
+            }
+        }
+        this.grid.refreshData();
+    }
+    outdent(rows) {
+        const rows2 = this.filterChildren(rows);
+        const data = this.grid.getData();
+        for (let i = 0; i < rows2.length; i++) {
+            const row = rows2[i];
+            const oldparent = row[this.options.parentColumn];
+            if (oldparent) {
+                const newparent = data[this.grid.dataView.getIdxById(oldparent)][this.options.parentColumn];
+                row[this.options.parentColumn] = newparent;
+                //make all subsequent items with same ParentID have current row as new parentid
+                let idx = this.grid.dataView.getIdxById(row[this.primaryKey]);
+                while (++idx < data.length) {
+                    if (data[idx][this.options.parentColumn] === oldparent) {
+                        data[idx][this.options.parentColumn] = row[this.primaryKey];
+                    }
+                    //TODO: optimize -> break sooner
+                }
+            }
+        }
+        this.grid.refreshData();
+    }
+    filterChildren(rows) {
+        const result = [];
+        const dict = {};
+        for (let i = 0; i < rows.length; i++) {
+            dict[rows[i][this.primaryKey]] = true;
+        }
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            const parentid = row[this.options.parentColumn];
+            if (!parentid || !dict[parentid]) {
+                result.push(row);
+            }
+        }
+        return result;
+    }
+    collapse(item) {
+        item[this.options.collapsedStateField] = true;
+        const children = this.getAllChildren(item);
+        for (let i = 0; i < children.length; i++) {
+            children[i][this.options.hiddenStateField] = true;
+        }
+        this.grid.refreshData();
+    }
+    initEvents() {
+        // collapse / expand click events
+        if (this.options.enableCollapsing) {
+            this.grid.onClick.subscribe((e, args) => {
+                if (e.target.classList.contains("jsl-toggle")) {
+                    e.stopImmediatePropagation();
+                    this.toggleExpand(this.grid.dataView.getItem(args.row));
+                }
+            });
+        }
+        // filters
+        const hiddenFilter = {
+            field: this.options.hiddenStateField,
+            match: (itm, field) => {
+                return !itm[this.options.hiddenStateField];
+            }
+        };
+        this.grid.addFilter(hiddenFilter);
+    }
+}