@cellaware/utils 8.11.1 → 8.11.2

package/dist/chatwms/datagrid.d.ts

@@ -167,6 +167,7 @@ export interface TeamsColumnStyle {
     styles: TeamsColumnStyleAttributes[];
 }
 export declare function mapTeamsStyles(columnNames: string[], htmlRowStyles: string[], htmlColumnStyles: HtmlColumnStyle[], teamsRowStyles: string[], teamsColumnStyles: TeamsColumnStyle[]): [string[], TeamsColumnStyle[]];
+export declare function mapTeamsTransposeStyles(htmlColumnStyle: HtmlColumnStyle): TeamsColumnStyle;
 export declare function createTeamsTableColumns(columnNames: string[]): {
     type: string;
     cells: {
@@ -195,6 +196,13 @@ export declare function createTeamsTableRow(columnNames: string[], values: any[]
         }[];
     }[];
 };
+export declare function createTeamsTransposeTableRow(row: {
+    key: string;
+    value: any;
+}, columnStyle: TeamsColumnStyle): {
+    type: string;
+    cells: any[];
+};
 /**
  * **Important:** `html` and `teamsRows` output will be limited to **1,000 rows/24 rows** and **8 columns**, respectively.
  *

package/dist/chatwms/datagrid.js

@@ -977,6 +977,71 @@ export function mapTeamsStyles(columnNames, htmlRowStyles, htmlColumnStyles, tea
     }
     return [teamsRowStyles, teamsColumnStyles];
 }
+export function mapTeamsTransposeStyles(htmlColumnStyle) {
+    // Generally the same logic as ^^^, just handling a few things differently for transpose.
+    const getColumnStyle = (style) => {
+        switch (style) {
+            case ConditionalFormatStyle.GREEN_BACKGROUND:
+                return {
+                    color: 'Good',
+                    style: 'good'
+                };
+            case ConditionalFormatStyle.YELLOW_BACKGROUND:
+                return {
+                    color: 'Warning',
+                    style: 'warning'
+                };
+            case ConditionalFormatStyle.RED_BACKGROUND:
+                return {
+                    color: 'Attention',
+                    style: 'attention'
+                };
+            case ConditionalFormatStyle.BLUE_BACKGROUND:
+            case ConditionalFormatStyle.PURPLE_BACKGROUND:
+                return {
+                    color: 'Accent',
+                    style: 'accent'
+                };
+            case ConditionalFormatStyle.BOLD:
+                return {
+                    weight: 'Bolder'
+                };
+            case ConditionalFormatStyle.GREEN_BOLD:
+                return {
+                    color: 'Good',
+                    weight: 'Bolder'
+                };
+            case ConditionalFormatStyle.YELLOW_BOLD:
+                return {
+                    color: 'Warning',
+                    weight: 'Bolder'
+                };
+            case ConditionalFormatStyle.RED_BOLD:
+                return {
+                    color: 'Attention',
+                    weight: 'Bolder'
+                };
+            case ConditionalFormatStyle.BLUE_BOLD:
+            case ConditionalFormatStyle.PURPLE_BOLD:
+                return {
+                    color: 'Accent',
+                    weight: 'Bolder'
+                };
+            case ConditionalFormatStyle.NOT_IMPORTANT:
+                return {
+                    isSubtle: true,
+                    italic: true,
+                    weight: 'Lighter'
+                };
+            default:
+                return {};
+        }
+    };
+    return {
+        columnName: htmlColumnStyle.columnName,
+        styles: htmlColumnStyle.styles.map(style => getColumnStyle(style))
+    };
+}
 function buildHtmlTableHeader(columnNames) {
     let buf = '<table>\n\t<thead>\n\t\t<tr>';
     for (const columnName of columnNames) {
@@ -1021,13 +1086,13 @@ function buildHtmlRow(rowValues, rowStyles, columnStyles, columnCount) {
 }
 function buildHtmlTransposeRow(row, columnStyle) {
     let buf = '';
-    buf += `\n\t\t\t<td>${truncateValue(row.key, 24)}</td>`;
+    buf += `\n\t\t\t<td style="font-size: 13px; font-weight: 600;">${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>`;
+        buf += `\n\t\t\t<td style="font-size: 16px;" class="${columnStyle.styles.join(' ')}">${truncValue}</td>`;
     }
     else {
-        buf += `\n\t\t\t<td>${truncValue}</td>`;
+        buf += `\n\t\t\t<td style="font-size: 16px;">${truncValue}</td>`;
     }
     buf += '\n\t\t</tr>';
     return buf;
@@ -1103,6 +1168,23 @@ export function createTeamsTableRow(columnNames, values, rowStyles, columnStyles
         })
     };
 }
+export function createTeamsTransposeTableRow(row, columnStyle) {
+    const keyCell = {
+        type: "TableCell",
+        items: [createTeamsTableCellText(row.key, {
+                columnName: 'key',
+                styles: [{ weight: 'Bolder' }]
+            })]
+    };
+    const valueCell = {
+        type: "TableCell",
+        items: [createTeamsTableCellText(row.value, columnStyle)]
+    };
+    return {
+        type: "TableRow",
+        cells: [keyCell, valueCell]
+    };
+}
 /**
  * **Important:** `html` and `teamsRows` output will be limited to **1,000 rows/24 rows** and **8 columns**, respectively.
  *
@@ -1205,7 +1287,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                 }));
                 for (let i = 0; i < transposedRows.length; i++) {
                     htmlTransposeBuf += buildHtmlTransposeRow(transposedRows[i], htmlTransposeColumnStyles[i]);
-                    // TODO: Teams
+                    teamsRows.push(createTeamsTransposeTableRow(transposedRows[i], mapTeamsTransposeStyles(htmlTransposeColumnStyles[i])));
                 }
             }
             rowIdx++;
@@ -1264,7 +1346,7 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                 }));
                 for (let i = 0; i < transposedRows.length; i++) {
                     htmlTransposeBuf += buildHtmlTransposeRow(transposedRows[i], htmlTransposeColumnStyles[i]);
-                    // TODO: Teams
+                    teamsRows.push(createTeamsTransposeTableRow(transposedRows[i], mapTeamsTransposeStyles(htmlTransposeColumnStyles[i])));
                 }
             }
             rowIdx++;

package/package.json

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