@cellaware/utils 8.10.2 → 8.11.0

package/dist/chatwms/datagrid.d.ts

@@ -16,6 +16,8 @@ export interface VisualDatagridState extends DatagridState {
     chartRows: any[];
     html: string;
     teamsRows: any[];
+    htmlTranspose: string;
+    teamsTranspose: any[];
 }
 export declare function initVisualDatagridState(): VisualDatagridState;
 export type ColumnState = {

package/dist/chatwms/datagrid.js

@@ -13,7 +13,9 @@ export function initVisualDatagridState() {
         ...initDatagridState(),
         chartRows: [],
         html: '',
-        teamsRows: []
+        teamsRows: [],
+        htmlTranspose: '',
+        teamsTranspose: []
     };
 }
 export const DEFAULT_VALUE_FORMAT_VALUE = 'none';
@@ -835,6 +837,20 @@ function processHtmlStyles(value, columnName, columnFormat, rowStyles, columnSty
     columnStyles.push(columnStyle);
     return [rowStyles, columnStyles];
 }
+function processHtmlTransposeStyles(value, columnName, columnFormat, columnStyles) {
+    let columnStyle = {
+        columnName,
+        styles: []
+    };
+    // Everything is the same as ^^^ except for row styles -- we will consolidate those into columns styles.
+    for (const condFmt of columnFormat.conditionalFormats.slice().reverse()) {
+        if (evaluateConditionalFormat(condFmt, columnFormat.type, formatNumberEnabled(columnFormat.valueFormat) ? stripNumericValueFormat(value) : value)) {
+            columnStyle.styles.push(condFmt.style);
+        }
+    }
+    columnStyles.push(columnStyle);
+    return columnStyles;
+}
 export function mapTeamsStyles(columnNames, htmlRowStyles, htmlColumnStyles, teamsRowStyles, teamsColumnStyles) {
     // IMPORTANT: both column/row style sorting have **already** been reversed (line 1170).
     // We can simply iterate over all the matched styles and accumulate them.
@@ -970,6 +986,9 @@ function buildHtmlTableHeader(columnNames) {
     buf += '\n\t<tbody>';
     return buf;
 }
+function buildHtmlTableTransposeHeader() {
+    return '<table>\n\t<thead></thead>\n\t<tbody>';
+}
 function buildHtmlTableFooter() {
     return '\n\t</tbody>\n</table>';
 }
@@ -1000,6 +1019,19 @@ function buildHtmlRow(rowValues, rowStyles, columnStyles, columnCount) {
     buf += '\n\t\t</tr>';
     return buf;
 }
+function buildHtmlTransposeRow(row, columnStyle) {
+    let buf = '';
+    buf += `\n\t\t\t<td>${truncateValue(row.key, 24)}</td>`;
+    const truncValue = truncateValue(row.value, 24);
+    if (columnStyle.styles.length > 0) {
+        buf += `\n\t\t\t<td class="${columnStyle.styles.join(' ')}">${truncValue}</td>`;
+    }
+    else {
+        buf += `\n\t\t\t<td>${truncValue}</td>`;
+    }
+    buf += '\n\t\t</tr>';
+    return buf;
+}
 function createTeamsTableColumnText(columnName) {
     return {
         type: "TextBlock",
@@ -1085,8 +1117,10 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
     rows = filterRows(rows, filterModel);
     const chartRows = [];
     let htmlBuf = '';
+    let htmlTransposeBuf = '';
     const htmlColumnNames = [];
     const teamsRows = [];
+    const teamsTranspose = [];
     // IMPORTANT: we evaluate the datagrid condition AFTER we are done with all transformations.
     // NOTE: we do not need any pivot columns for pivot mode to be valid.
     // https://chatwms.io/user-manual/chatwms/faq#q-do-i-have-to-have-a-group-column-to-just-display-a-count-in-the-datagrid
@@ -1102,6 +1136,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
             let htmlRowValues = [];
             let htmlRowStyles = [];
             let htmlColumnStyles = [];
+            let htmlTransposeColumnStyles = [];
             let teamsRowStyles = [];
             let teamsColumnStyles = [];
             columnFormats.forEach(columnFormat => {
@@ -1112,6 +1147,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                     chartRow[columnFormat.displayName] = formatNumberEnabled(columnFormat.valueFormat) ? value : formattedValue;
                     htmlRowValues.push(formattedValue);
                     [htmlRowStyles, htmlColumnStyles] = processHtmlStyles(formattedValue, columnFormat.displayName, columnFormat, htmlRowStyles, htmlColumnStyles);
+                    htmlTransposeColumnStyles = processHtmlTransposeStyles(formattedValue, columnFormat.displayName, columnFormat, htmlTransposeColumnStyles);
                     if (rowIdx === 0) {
                         htmlColumnNames.push(columnFormat.displayName);
                     }
@@ -1133,6 +1169,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                                 chartRow[adjDisplayName] = formatNumberEnabled(columnFormat.valueFormat) ? value : formattedValue;
                                 htmlRowValues.push(formattedValue);
                                 [htmlRowStyles, htmlColumnStyles] = processHtmlStyles(formattedValue, adjDisplayName, columnFormat, htmlRowStyles, htmlColumnStyles);
+                                htmlTransposeColumnStyles = processHtmlTransposeStyles(formattedValue, adjDisplayName, columnFormat, htmlTransposeColumnStyles);
                                 if (rowIdx === 0) {
                                     htmlColumnNames.push(adjDisplayName);
                                 }
@@ -1161,6 +1198,16 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                     teamsRows.push(createTeamsTableRow(htmlColumnNames, htmlRowValues, teamsRowStyles, teamsColumnStyles));
                 }
             }
+            if (rowIdx === 0) {
+                const transposedRows = htmlColumnNames.map((key, index) => ({
+                    key,
+                    value: htmlRowValues[index],
+                }));
+                for (let i = 0; i < transposedRows.length; i++) {
+                    htmlTransposeBuf += buildHtmlTransposeRow(transposedRows[i], htmlTransposeColumnStyles[i]);
+                    // TODO: Teams
+                }
+            }
             rowIdx++;
         });
         if (!!condition) {
@@ -1180,6 +1227,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
             let htmlRowValues = [];
             let htmlRowStyles = [];
             let htmlColumnStyles = [];
+            let htmlTransposeColumnStyles = [];
             let teamsRowStyles = [];
             let teamsColumnStyles = [];
             hiddenColumnNames.forEach(columnName => {
@@ -1192,6 +1240,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                 chartRow[columnFormat.displayName] = formatNumberEnabled(columnFormat.valueFormat) ? value : formattedValue;
                 htmlRowValues.push(formattedValue);
                 [htmlRowStyles, htmlColumnStyles] = processHtmlStyles(formattedValue, columnFormat.displayName, columnFormat, htmlRowStyles, htmlColumnStyles);
+                htmlTransposeColumnStyles = processHtmlTransposeStyles(formattedValue, columnFormat.displayName, columnFormat, htmlTransposeColumnStyles);
                 if (rowIdx === 0) {
                     htmlColumnNames.push(columnFormat.displayName);
                 }
@@ -1208,6 +1257,16 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                     teamsRows.push(createTeamsTableRow(htmlColumnNames, htmlRowValues, teamsRowStyles, teamsColumnStyles));
                 }
             }
+            if (rowIdx === 0) {
+                const transposedRows = htmlColumnNames.map((key, index) => ({
+                    key,
+                    value: htmlRowValues[index],
+                }));
+                for (let i = 0; i < transposedRows.length; i++) {
+                    htmlTransposeBuf += buildHtmlTransposeRow(transposedRows[i], htmlTransposeColumnStyles[i]);
+                    // TODO: Teams
+                }
+            }
             rowIdx++;
         });
         if (!!condition) {
@@ -1222,6 +1281,8 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
         teamsRows: [
             createTeamsTableColumns(htmlColumnNames),
             ...teamsRows
-        ]
+        ],
+        htmlTranspose: `${buildHtmlTableTransposeHeader()}${htmlTransposeBuf}${buildHtmlTableFooter()}`,
+        teamsTranspose
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cellaware/utils",
-    "version": "8.10.2",
+    "version": "8.11.0",
     "description": "Cellaware Utilities for Node.js",
     "author": "Cellaware Technologies",
     "type": "module",