@hpcc-js/dgrid 3.5.9 → 3.7.0

package/src/RowFormatter.ts

@@ -1,146 +1,147 @@
-function entitiesEncode(str) {
-    return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-
-function safeEncode(item) {
-    switch (Object.prototype.toString.call(item)) {
-        case "[object Undefined]":
-        case "[object Boolean]":
-        case "[object Number]":
-            return item;
-        case "[object String]":
-            return entitiesEncode(item);
-        default:
-            console.warn("Unknown cell type:  " + Object.prototype.toString.call(item));
-    }
-    return item;
-}
-
-function isArray(obj: any): obj is any[] {
-    return obj instanceof Array;
-}
-
-const LINE_SPLITTER = "<br><hr class='dgrid-fakeline'>";
-const LINE_SPLITTER2 = "<br><hr class='dgrid-fakeline' style='visibility: hidden'>";
-
-export interface ColumnType {
-    field: string;
-    leafID: string;
-    label: string;
-    idx: number;
-    className: string;
-    sortable: boolean;
-    isSet: boolean;
-    width?: number;
-    formatter?: CellFormatter;
-    renderCell?: CellRenderer;
-    children?: ColumnType[];
-}
-export interface RowType {
-    __hpcc_id: number;
-    __origRow: any[];
-    [colIdx: number]: any;
-}
-export type CellFormatter = (this: ColumnType, cell: any, row: RowType) => string;
-export type CellRenderer = (this: ColumnType, row: RowType, cell: any, cellElement: HTMLElement) => HTMLElement | void;
-
-export class RowFormatter {
-    private _columns: ColumnType[];
-    private _flattenedColumns = [];
-    private _columnIdx = {};
-    private _formattedRow = {};
-
-    constructor(columns: ColumnType[], protected _renderHtml) {
-        this._columns = columns;
-        this.flattenColumns(columns);
-    }
-
-    flattenColumns(columns: ColumnType[]) {
-        for (const column of columns) {
-            this.flattenColumn(column);
-        }
-    }
-
-    flattenColumn(column: ColumnType) {
-        if (column.children) {
-            for (const childColumn of column.children) this.flattenColumn(childColumn);
-        } else {
-            this._columnIdx[column.field] = this._flattenedColumns.length;
-            this._flattenedColumns.push(column.field);
-        }
-    }
-
-    format(row) {
-        this._formattedRow = {};
-        this.formatRow(this._columns, row);
-        return this.row();
-    }
-
-    calcDepth(columns: ColumnType[], row) {
-        let maxChildDepth = 1;
-        for (const column of columns) {
-            if (column.children && row[column.leafID]) {
-                let childDepth = 0;
-                let childRows = [];
-                if (isArray(row[column.leafID])) {
-                    childRows = row[column.leafID];
-                } else if (isArray(row[column.leafID].Row)) {
-                    childRows = row[column.leafID].Row;
-                }
-                for (const childRow of childRows) {
-                    childDepth += this.calcDepth(column.children, childRow);
-                }
-                maxChildDepth = Math.max(maxChildDepth, childDepth);
-            }
-        }
-        return maxChildDepth;
-    }
-
-    formatCell(column: ColumnType, cell, maxChildDepth) {
-        if (column.children) {
-            let childDepth = 0;
-            if (!isArray(cell)) {
-                if (isArray(cell.Row)) {
-                    cell = cell.Row;
-                } else {
-                    cell = [cell];
-                }
-            }
-            for (const row of cell) {
-                childDepth = Math.max(childDepth, this.formatRow(column.children, row));
-            }
-        } else {
-            if (column.isSet) {
-                cell = JSON.stringify(cell.Item);
-            }
-            if (this._formattedRow[column.field] === undefined) {
-                this._formattedRow[column.field] = "" + (cell === undefined ? "" : (this._renderHtml ? cell : safeEncode(cell)));
-            } else {
-                this._formattedRow[column.field] += LINE_SPLITTER;
-                this._formattedRow[column.field] += "" + (cell === undefined ? "" : (this._renderHtml ? cell : safeEncode(cell)));
-            }
-            if (maxChildDepth > 1) {
-                const paddingArr = [];
-                paddingArr.length = maxChildDepth;
-                const padding = paddingArr.join(LINE_SPLITTER2);
-                this._formattedRow[column.field] += padding;
-            }
-        }
-    }
-
-    formatRow(columns: ColumnType[], row: { [key: string]: any } = [], rowIdx: number = 0) {
-        const maxChildDepth = this.calcDepth(columns, row);
-        for (const column of columns) {
-            this.formatCell(column, row[column.leafID], maxChildDepth);
-        }
-        return maxChildDepth;
-    }
-
-    row() {
-        const retVal = {};
-        for (const column of this._flattenedColumns) {
-            retVal[column] = this._formattedRow[column];
-        }
-        return retVal;
-    }
-}
+function entitiesEncode(str) {
+    return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+function safeEncode(item) {
+    switch (Object.prototype.toString.call(item)) {
+        case "[object Undefined]":
+        case "[object Boolean]":
+        case "[object Number]":
+            return item;
+        case "[object String]":
+            return entitiesEncode(item);
+        default:
+            console.warn("Unknown cell type:  " + Object.prototype.toString.call(item));
+    }
+    return item;
+}
+
+function isArray(obj: any): obj is any[] {
+    return obj instanceof Array;
+}
+
+const LINE_SPLITTER = "<br><hr class='dgrid-fakeline'>";
+const LINE_SPLITTER2 = "<br><hr class='dgrid-fakeline' style='visibility: hidden'>";
+
+export interface ColumnType {
+    field: string;
+    leafID: string;
+    label: string;
+    idx: number;
+    className: string;
+    sortable: boolean;
+    hidden: boolean;
+    isSet: boolean;
+    width?: number;
+    formatter?: CellFormatter;
+    renderCell?: CellRenderer;
+    children?: ColumnType[];
+}
+export interface RowType {
+    __hpcc_id: number;
+    __origRow: any[];
+    [colIdx: number]: any;
+}
+export type CellFormatter = (this: ColumnType, cell: any, row: RowType) => string;
+export type CellRenderer = (this: ColumnType, row: RowType, cell: any, cellElement: HTMLElement) => HTMLElement | void;
+
+export class RowFormatter {
+    private _columns: ColumnType[];
+    private _flattenedColumns = [];
+    private _columnIdx = {};
+    private _formattedRow = {};
+
+    constructor(columns: ColumnType[], protected _renderHtml) {
+        this._columns = columns;
+        this.flattenColumns(columns);
+    }
+
+    flattenColumns(columns: ColumnType[]) {
+        for (const column of columns) {
+            this.flattenColumn(column);
+        }
+    }
+
+    flattenColumn(column: ColumnType) {
+        if (column.children) {
+            for (const childColumn of column.children) this.flattenColumn(childColumn);
+        } else {
+            this._columnIdx[column.field] = this._flattenedColumns.length;
+            this._flattenedColumns.push(column.field);
+        }
+    }
+
+    format(row) {
+        this._formattedRow = {};
+        this.formatRow(this._columns, row);
+        return this.row();
+    }
+
+    calcDepth(columns: ColumnType[], row) {
+        let maxChildDepth = 1;
+        for (const column of columns) {
+            if (column.children && row[column.leafID]) {
+                let childDepth = 0;
+                let childRows = [];
+                if (isArray(row[column.leafID])) {
+                    childRows = row[column.leafID];
+                } else if (isArray(row[column.leafID].Row)) {
+                    childRows = row[column.leafID].Row;
+                }
+                for (const childRow of childRows) {
+                    childDepth += this.calcDepth(column.children, childRow);
+                }
+                maxChildDepth = Math.max(maxChildDepth, childDepth);
+            }
+        }
+        return maxChildDepth;
+    }
+
+    formatCell(column: ColumnType, cell, maxChildDepth) {
+        if (column.children) {
+            let childDepth = 0;
+            if (!isArray(cell)) {
+                if (isArray(cell.Row)) {
+                    cell = cell.Row;
+                } else {
+                    cell = [cell];
+                }
+            }
+            for (const row of cell) {
+                childDepth = Math.max(childDepth, this.formatRow(column.children, row));
+            }
+        } else {
+            if (column.isSet) {
+                cell = JSON.stringify(cell.Item);
+            }
+            if (this._formattedRow[column.field] === undefined) {
+                this._formattedRow[column.field] = "" + (cell === undefined ? "" : (this._renderHtml ? cell : safeEncode(cell)));
+            } else {
+                this._formattedRow[column.field] += LINE_SPLITTER;
+                this._formattedRow[column.field] += "" + (cell === undefined ? "" : (this._renderHtml ? cell : safeEncode(cell)));
+            }
+            if (maxChildDepth > 1) {
+                const paddingArr = [];
+                paddingArr.length = maxChildDepth;
+                const padding = paddingArr.join(LINE_SPLITTER2);
+                this._formattedRow[column.field] += padding;
+            }
+        }
+    }
+
+    formatRow(columns: ColumnType[], row: { [key: string]: any } = [], rowIdx: number = 0) {
+        const maxChildDepth = this.calcDepth(columns, row);
+        for (const column of columns) {
+            this.formatCell(column, row[column.leafID], maxChildDepth);
+        }
+        return maxChildDepth;
+    }
+
+    row() {
+        const retVal = {};
+        for (const column of this._flattenedColumns) {
+            retVal[column] = this._formattedRow[column];
+        }
+        return retVal;
+    }
+}