@cellaware/utils 8.6.3 → 8.6.4

package/dist/chatwms/datagrid.d.ts

@@ -6,11 +6,15 @@ export interface DatagridStateBase {
     columnFormats?: ColumnFormat[];
 }
 export interface DatagridState extends DatagridStateBase {
-    adjRowData: any[];
-    chartRowData: any[];
-    html: string;
+    adjRows: any[];
 }
 export declare function initDatagridState(): DatagridState;
+export interface VisualDatagridState extends DatagridState {
+    chartRows: any[];
+    html: string;
+    teamsRows: any[];
+}
+export declare function initVisualDatagridState(): VisualDatagridState;
 export type ColumnState = {
     colId: string;
     hide?: boolean | null;
@@ -107,6 +111,7 @@ export interface ConditionalFormat {
     row: boolean;
 }
 export declare function evaluateConditionalFormat(condFmt: ConditionalFormat, dataType: string, value: any): boolean;
+export declare function evaluateValueStyles(datagridState: DatagridStateBase, columnName: string, value: any): string[];
 export interface DatagridCondition {
     columnName: string;
     /** `text` | `number` | `date` | `boolean` */
@@ -126,8 +131,26 @@ export declare function codifyCondition(condition: DatagridCondition): string;
  * https://github.com/cellaware/chatwms-az-swa-ng/blob/development/src/app/utils/data.ts#L126
  */
 export declare function stripNumericValueFormat(value: string | number | undefined): any;
+interface HtmlColumnStyle {
+    columnName: string;
+    styles: string[];
+}
+interface TeamsColumnStyleAttributes {
+    color?: string;
+    style?: string;
+    weight?: string;
+    isSubtle?: boolean;
+    italic?: boolean;
+}
+interface TeamsColumnStyle {
+    columnName: string;
+    styles: TeamsColumnStyleAttributes[];
+}
+export declare function mapTeamsStyles(columnNames: string[], htmlRowStyles: string[], htmlColumnStyles: HtmlColumnStyle[], teamsRowStyles: string[], teamsColumnStyles: TeamsColumnStyle[]): [string[], TeamsColumnStyle[]];
 /**
- * **Important:** `html` output will be limited to **1,000 rows** and **8 columns**.
+ * **Important:** `html` and `teamsRows` output will be limited to **1,000 rows** and **8 columns**.
+ *
+ * All outputs respect and will be filtered by optional `condition` argument.
  */
-export declare function transformDatagrid(rows: any[], datagridState: DatagridStateBase, locale: string, condition?: DatagridCondition): DatagridState;
+export declare function transformDatagrid(rows: any[], datagridState: DatagridStateBase, locale: string, condition?: DatagridCondition): VisualDatagridState;
 export {};

package/dist/chatwms/datagrid.js

@@ -2,9 +2,15 @@ import { isDateString } from "../util.js";
 import { CHATWMS_DEFAULT_LANGUAGE } from "./user.js";
 export function initDatagridState() {
     return {
-        adjRowData: [],
-        chartRowData: [],
-        html: ''
+        adjRows: []
+    };
+}
+export function initVisualDatagridState() {
+    return {
+        ...initDatagridState(),
+        chartRows: [],
+        html: '',
+        teamsRows: []
     };
 }
 export const DEFAULT_VALUE_FORMAT_VALUE = 'none';
@@ -258,6 +264,23 @@ export function evaluateConditionalFormat(condFmt, dataType, value) {
         return false;
     }
 }
+export function evaluateValueStyles(datagridState, columnName, value) {
+    const styles = [];
+    // Reminder: Value Formatting is performed **before** Conditional Formatting.
+    // https://chatwms.io/user-manual/concepts/column-formatting#conditional-formatting
+    const colFmt = datagridState.columnFormats?.find(colFmt => colFmt.displayName === columnName);
+    if (!!colFmt) {
+        for (const condFmt of colFmt.conditionalFormats.slice().reverse()) {
+            // `conditionalFormats` has already been sorted by `sequence`.
+            // NOTE: need to reverse the array for sequence to be correctly applied.
+            // NOTE: using `slice` to make shallow copy of array since `reverse` does so in place.
+            if (evaluateConditionalFormat(condFmt, colFmt.type, formatNumberEnabled(colFmt.valueFormat) ? stripNumericValueFormat(value) : value)) {
+                styles.push(condFmt.style);
+            }
+        }
+    }
+    return styles;
+}
 export function initDatagridCondition() {
     return {
         columnName: '',
@@ -780,6 +803,127 @@ function processHtmlStyles(value, columnFormat, rowStyles, columnStyles) {
     columnStyles.push(columnStyle);
     return [rowStyles, 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.
+    const getColumnStyle = (style) => {
+        switch (style) {
+            case 'conditional-format-style-green-background':
+                return {
+                    color: 'Good',
+                    style: 'good'
+                };
+            case 'conditional-format-style-yellow-background':
+                return {
+                    color: 'Warning',
+                    style: 'warning'
+                };
+            case 'conditional-format-style-red-background':
+                return {
+                    color: 'Attention',
+                    style: 'attention'
+                };
+            case 'conditional-format-style-blue-background':
+                return {
+                    color: 'Accent',
+                    style: 'accent'
+                };
+            case 'conditional-format-style-bold':
+                return {
+                    weight: 'Bolder'
+                };
+            case 'conditional-format-style-green-bold':
+                return {
+                    color: 'Good',
+                    weight: 'Bolder'
+                };
+            case 'conditional-format-style-yellow-bold':
+                return {
+                    color: 'Warning',
+                    weight: 'Bolder'
+                };
+            case 'conditional-format-style-red-bold':
+                return {
+                    color: 'Attention',
+                    weight: 'Bolder'
+                };
+            case 'conditional-format-style-blue-bold':
+                return {
+                    color: 'Accent',
+                    weight: 'Bolder'
+                };
+            case 'conditional-format-style-not-important':
+                return {
+                    isSubtle: true,
+                    italic: true
+                };
+            default:
+                return {};
+        }
+    };
+    for (const htmlColumnStyle of htmlColumnStyles) {
+        teamsColumnStyles.push({
+            columnName: htmlColumnStyle.columnName,
+            styles: htmlColumnStyle.styles.map(style => getColumnStyle(style))
+        });
+    }
+    const applyRowStyleToColumns = (style) => {
+        for (const columnName of columnNames) {
+            const columnStyle = getColumnStyle(style);
+            const teamsColumnStyle = teamsColumnStyles.find(c => c.columnName === columnName);
+            if (!!teamsColumnStyle) {
+                teamsColumnStyle.styles.push(columnStyle);
+            }
+            else {
+                teamsColumnStyles.push({
+                    columnName,
+                    styles: [columnStyle]
+                });
+            }
+        }
+    };
+    for (const htmlRowStyle of htmlRowStyles) {
+        switch (htmlRowStyle) {
+            case 'conditional-format-style-green-background':
+                teamsRowStyles.push('good');
+                applyRowStyleToColumns('conditional-format-style-green-background');
+                break;
+            case 'conditional-format-style-yellow-background':
+                teamsRowStyles.push('warning');
+                applyRowStyleToColumns('conditional-format-style-yellow-background');
+                break;
+            case 'conditional-format-style-red-background':
+                teamsRowStyles.push('attention');
+                applyRowStyleToColumns('conditional-format-style-red-background');
+                break;
+            case 'conditional-format-style-blue-background':
+                teamsRowStyles.push('accent');
+                applyRowStyleToColumns('conditional-format-style-blue-background');
+                break;
+            case 'conditional-format-style-bold':
+                applyRowStyleToColumns('conditional-format-style-bold');
+                break;
+            case 'conditional-format-style-green-bold':
+                applyRowStyleToColumns('conditional-format-style-green-bold');
+                break;
+            case 'conditional-format-style-yellow-bold':
+                applyRowStyleToColumns('conditional-format-style-yellow-bold');
+                break;
+            case 'conditional-format-style-red-bold':
+                applyRowStyleToColumns('conditional-format-style-red-bold');
+                break;
+            case 'conditional-format-style-blue-bold':
+                applyRowStyleToColumns('conditional-format-style-blue-bold');
+                break;
+            case 'conditional-format-style-not-important':
+                applyRowStyleToColumns('conditional-format-style-not-important');
+                break;
+            default:
+                break;
+        }
+    }
+    return [teamsRowStyles, teamsColumnStyles];
+}
 function buildHtmlTableHeader(columnNames) {
     let buf = '<table>\n\t<thead>\n\t\t<tr>';
     for (const columnName of columnNames) {
@@ -818,8 +962,83 @@ function buildHtmlRow(rowValues, rowStyles, columnStyles, columnCount) {
     buf += '\n\t\t</tr>';
     return buf;
 }
+function createTeamsTableColumnText(columnName) {
+    return {
+        type: "TextBlock",
+        text: columnName,
+        size: "Small",
+        weight: "Bolder",
+        wrap: false,
+        maxLines: 1,
+        spacing: "None"
+    };
+}
+function createTeamsTableColumns(columnNames) {
+    return {
+        type: "TableRow",
+        cells: columnNames.map((columnName) => ({
+            type: "TableCell",
+            items: [createTeamsTableColumnText(columnName)]
+        }))
+    };
+}
+function createTeamsTableCellText(value, columnStyle) {
+    let color = undefined;
+    let weight = undefined;
+    let isSubtle = undefined;
+    let italic = undefined;
+    for (const styles of columnStyle?.styles ?? []) {
+        if (!!styles.color) {
+            color = styles.color;
+        }
+        if (!!styles.weight) {
+            weight = styles.weight;
+        }
+        if (!!styles.isSubtle) {
+            isSubtle = styles.isSubtle;
+        }
+    }
+    return {
+        type: "TextBlock",
+        text: italic ? `*${value}*` : value,
+        size: "Small",
+        color,
+        weight: weight ?? "Default",
+        wrap: false,
+        maxLines: 1,
+        spacing: "None",
+        isSubtle
+    };
+}
+function createTeamsTableRow(columnNames, values, oddRow, rowStyles, columnStyles) {
+    let rowStyle = undefined;
+    for (const style of rowStyles) {
+        rowStyle = style;
+    }
+    return {
+        type: "TableRow",
+        ...(rowStyle ? { style: rowStyle } : (oddRow ? { style: "emphasis" } : {})),
+        cells: values.map((value, idx) => {
+            const columnName = columnNames[idx];
+            const columnStyle = columnStyles.find(columnStyle => columnStyle.columnName === columnName);
+            let style = undefined;
+            for (const styles of columnStyle?.styles ?? []) {
+                if (!!styles.style) {
+                    style = styles.style;
+                }
+            }
+            return {
+                type: "TableCell",
+                style,
+                items: [createTeamsTableCellText(value, columnStyle)]
+            };
+        })
+    };
+}
 /**
- * **Important:** `html` output will be limited to **1,000 rows** and **8 columns**.
+ * **Important:** `html` and `teamsRows` output will be limited to **1,000 rows** and **8 columns**.
+ *
+ * All outputs respect and will be filtered by optional `condition` argument.
  */
 export function transformDatagrid(rows, datagridState, locale, condition) {
     const HTML_ROWS = 1000;
@@ -830,9 +1049,10 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
     const columnFormats = datagridState.columnFormats ?? [];
     const { rowGroupCols, pivotCols, valueCols, sortModel } = parseColumnState(columnState);
     rows = filterRows(rows, filterModel);
-    const chartRowData = [];
+    const chartRows = [];
     let htmlBuf = '';
     const htmlColumnNames = [];
+    const teamsRows = [];
     // 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
@@ -842,27 +1062,60 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
         rows = sortModel.length > 0 ? sortRows(rows, sortModel) : rows;
         let mappedDisplayColumnNames = new Map();
         // Should not need to do hidden/visible column analysis -- pivoting creates new results with only the necessary columns.
+        rows.forEach(row => {
+            columnFormats.forEach(columnFormat => {
+                if (columnFormat.name in row) {
+                    row[columnFormat.displayName] = evaluateValueFormat(columnFormat, row[columnFormat.name], locale);
+                    if (columnFormat.displayName !== columnFormat.name) { // Remove name in favor of display name.
+                        delete row[columnFormat.name];
+                    }
+                }
+                else {
+                    const mappedColumnNamesSet = pivotOutput.mappedColumnNames.get(columnFormat.name);
+                    if (!!mappedColumnNamesSet) {
+                        const mappedColumnNamesArr = Array.from(mappedColumnNamesSet);
+                        for (const mappedColumnName of mappedColumnNamesArr) {
+                            if (mappedColumnName in row) {
+                                const adjDisplayName = mappedColumnName.replace(columnFormat.name, columnFormat.displayName);
+                                row[adjDisplayName] = evaluateValueFormat(columnFormat, row[mappedColumnName], locale);
+                                if (adjDisplayName !== mappedColumnName) { // Remove name in favor of display name.
+                                    delete row[mappedColumnName];
+                                }
+                                let displayColumnNames = mappedDisplayColumnNames.get(columnFormat.displayName);
+                                if (!!displayColumnNames) {
+                                    displayColumnNames.add(adjDisplayName);
+                                }
+                                else {
+                                    displayColumnNames = new Set([adjDisplayName]);
+                                    mappedDisplayColumnNames.set(columnFormat.displayName, displayColumnNames);
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+        });
+        if (!!condition) {
+            rows = evaluatePivotDatagridCondition(rows, condition, mappedDisplayColumnNames);
+        }
         let rowIdx = 0;
         rows.forEach(row => {
             let chartRow = {};
             let htmlRowValues = [];
             let htmlRowStyles = [];
             let htmlColumnStyles = [];
+            let teamsRowStyles = [];
+            let teamsColumnStyles = [];
             columnFormats.forEach(columnFormat => {
                 if (columnFormat.name in row) {
-                    const value = row[columnFormat.name];
                     const formattedValue = evaluateValueFormat(columnFormat, row[columnFormat.name], locale);
-                    row[columnFormat.displayName] = formattedValue;
-                    chartRow[columnFormat.displayName] = formatNumberEnabled(columnFormat.valueFormat) ? value : formattedValue;
+                    chartRow[columnFormat.displayName] = formatNumberEnabled(columnFormat.valueFormat) ? stripNumericValueFormat(formattedValue) : formattedValue;
                     htmlRowValues.push(formattedValue);
                     [htmlRowStyles, htmlColumnStyles] = processHtmlStyles(formattedValue, columnFormat, htmlRowStyles, htmlColumnStyles);
+                    [teamsRowStyles, teamsColumnStyles] = mapTeamsStyles(htmlColumnNames, htmlRowStyles, htmlColumnStyles, teamsRowStyles, teamsColumnStyles);
                     if (rowIdx === 0) {
                         htmlColumnNames.push(columnFormat.displayName);
                     }
-                    // Remove name in favor of display name.
-                    if (columnFormat.displayName !== columnFormat.name) {
-                        delete row[columnFormat.name];
-                    }
                 }
                 else {
                     const mappedColumnNamesSet = pivotOutput.mappedColumnNames.get(columnFormat.name);
@@ -871,41 +1124,25 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
                         for (const mappedColumnName of mappedColumnNamesArr) {
                             if (mappedColumnName in row) {
                                 const adjDisplayName = mappedColumnName.replace(columnFormat.name, columnFormat.displayName);
-                                const value = row[mappedColumnName];
                                 const formattedValue = evaluateValueFormat(columnFormat, row[mappedColumnName], locale);
-                                row[adjDisplayName] = formattedValue;
-                                chartRow[adjDisplayName] = formatNumberEnabled(columnFormat.valueFormat) ? value : formattedValue;
+                                chartRow[adjDisplayName] = formatNumberEnabled(columnFormat.valueFormat) ? stripNumericValueFormat(formattedValue) : formattedValue;
                                 htmlRowValues.push(formattedValue);
                                 [htmlRowStyles, htmlColumnStyles] = processHtmlStyles(formattedValue, columnFormat, htmlRowStyles, htmlColumnStyles);
                                 if (rowIdx === 0) {
                                     htmlColumnNames.push(columnFormat.displayName);
                                 }
-                                // Remove name in favor of display name.
-                                if (adjDisplayName !== mappedColumnName) {
-                                    delete row[mappedColumnName];
-                                }
-                                let displayColumnNames = mappedDisplayColumnNames.get(columnFormat.displayName);
-                                if (!!displayColumnNames) {
-                                    displayColumnNames.add(adjDisplayName);
-                                }
-                                else {
-                                    displayColumnNames = new Set([adjDisplayName]);
-                                    mappedDisplayColumnNames.set(columnFormat.displayName, displayColumnNames);
-                                }
                             }
                         }
                     }
                 }
             });
-            chartRowData.push(chartRow);
+            chartRows.push(chartRow);
             if (rowIdx < HTML_ROWS) {
                 htmlBuf += buildHtmlRow(htmlRowValues, htmlRowStyles, htmlColumnStyles, HTML_COLS);
+                teamsRows.push(createTeamsTableRow(htmlColumnNames, htmlRowValues, rowIdx % 2 === 1, teamsRowStyles, teamsColumnStyles));
             }
             rowIdx++;
         });
-        if (!!condition) {
-            rows = evaluatePivotDatagridCondition(rows, condition, mappedDisplayColumnNames);
-        }
     }
     else {
         if (rowGroupCols.length > 0) {
@@ -914,44 +1151,53 @@ export function transformDatagrid(rows, datagridState, locale, condition) {
         rows = sortModel.length > 0 ? sortRows(rows, sortModel) : rows;
         const hiddenColumnNames = columnState.filter(column => !!column.hide && !column.rowGroup).map(column => column.colId) ?? [];
         const visibleColumnFormats = columnFormats.filter(column => !hiddenColumnNames.includes(column.name)) ?? [];
+        rows.forEach(row => {
+            hiddenColumnNames.forEach(columnName => {
+                delete row[columnName];
+            });
+            visibleColumnFormats.forEach(columnFormat => {
+                row[columnFormat.displayName] = evaluateValueFormat(columnFormat, row[columnFormat.name], locale);
+                if (columnFormat.displayName !== columnFormat.name) { // Remove name in favor of display name.
+                    delete row[columnFormat.name];
+                }
+            });
+        });
+        if (!!condition) {
+            rows = evaluateDatagridCondition(rows, condition);
+        }
         let rowIdx = 0;
         rows.forEach(row => {
             let chartRow = {};
             let htmlRowValues = [];
             let htmlRowStyles = [];
             let htmlColumnStyles = [];
-            hiddenColumnNames.forEach(columnName => {
-                delete row[columnName];
-            });
+            let teamsRowStyles = [];
+            let teamsColumnStyles = [];
             visibleColumnFormats.forEach(columnFormat => {
-                const value = row[columnFormat.name];
                 const formattedValue = evaluateValueFormat(columnFormat, row[columnFormat.name], locale);
-                row[columnFormat.displayName] = formattedValue;
-                chartRow[columnFormat.displayName] = formatNumberEnabled(columnFormat.valueFormat) ? value : formattedValue;
+                chartRow[columnFormat.displayName] = formatNumberEnabled(columnFormat.valueFormat) ? stripNumericValueFormat(formattedValue) : formattedValue;
                 htmlRowValues.push(formattedValue);
                 [htmlRowStyles, htmlColumnStyles] = processHtmlStyles(formattedValue, columnFormat, htmlRowStyles, htmlColumnStyles);
                 if (rowIdx === 0) {
                     htmlColumnNames.push(columnFormat.displayName);
                 }
-                // Remove name in favor of display name.
-                if (columnFormat.displayName !== columnFormat.name) {
-                    delete row[columnFormat.name];
-                }
             });
-            chartRowData.push(chartRow);
+            chartRows.push(chartRow);
             if (rowIdx < HTML_ROWS) {
                 htmlBuf += buildHtmlRow(htmlRowValues, htmlRowStyles, htmlColumnStyles, HTML_COLS);
+                teamsRows.push(createTeamsTableRow(htmlColumnNames, htmlRowValues, rowIdx % 2 === 1, teamsRowStyles, teamsColumnStyles));
             }
             rowIdx++;
         });
-        if (!!condition) {
-            rows = evaluateDatagridCondition(rows, condition);
-        }
     }
     return {
         ...datagridState,
-        adjRowData: rows,
-        chartRowData,
-        html: `${buildHtmlTableHeader(htmlColumnNames.slice(0, HTML_COLS))}${htmlBuf}${buildHtmlTableFooter()}`
+        adjRows: rows,
+        chartRows,
+        html: `${buildHtmlTableHeader(htmlColumnNames.slice(0, HTML_COLS))}${htmlBuf}${buildHtmlTableFooter()}`,
+        teamsRows: [
+            createTeamsTableColumns(htmlColumnNames),
+            ...teamsRows
+        ]
     };
 }

package/dist/chatwms/teams.d.ts

@@ -0,0 +1,81 @@
+export declare function createTeamsTableCard(title: string, columnNames: string[], table: any[], summary: string): {
+    type: string;
+    version: string;
+    msteams: {
+        width: string;
+    };
+    body: ({
+        type: string;
+        text: string;
+        size: string;
+        weight: string;
+    } | {
+        type: string;
+        text: string;
+        size: string;
+        isSubtle: boolean;
+        wrap: boolean;
+    } | {
+        type: string;
+        roundedCorners: boolean;
+        firstRowAsHeaders: boolean;
+        columns: {
+            width: number;
+        }[];
+        rows: any[];
+    })[];
+};
+export declare function createTeamsValueCard(title: string, columnName: string, value: any, styles: string[], summary: string): {
+    type: string;
+    version: string;
+    msteams: {
+        width: string;
+    };
+    body: ({
+        type: string;
+        text: string;
+        size: string;
+        weight: string;
+    } | {
+        type: string;
+        text: string;
+        size: string;
+        isSubtle: boolean;
+        wrap: boolean;
+    } | {
+        type: string;
+        roundedCorners: boolean;
+        items: {
+            type: string;
+            text: any;
+            wrap: boolean;
+            size: string;
+            color: string | undefined;
+            weight: string | undefined;
+        }[];
+        style: string | undefined;
+    })[];
+};
+export declare function createTeamsChartCard(title: string, png: string, summary: string): {
+    type: string;
+    version: string;
+    msteams: {
+        width: string;
+    };
+    body: ({
+        type: string;
+        text: string;
+        size: string;
+        weight: string;
+    } | {
+        type: string;
+        text: string;
+        size: string;
+        isSubtle: boolean;
+        wrap: boolean;
+    } | {
+        type: string;
+        url: string;
+    })[];
+};
+export declare function sendTeamsWebhook(url: string, card: any): Promise<Response>;

package/dist/chatwms/teams.js

@@ -0,0 +1,107 @@
+import { mapTeamsStyles } from "./datagrid.js";
+function createTeamsTitleItem(title) {
+    return {
+        type: "TextBlock",
+        text: title,
+        size: "Medium",
+        weight: "Bolder"
+    };
+}
+function createTeamsSummaryItem(summary) {
+    return {
+        type: "TextBlock",
+        text: `*${summary}*`,
+        size: "Small",
+        isSubtle: true,
+        wrap: true
+    };
+}
+export function createTeamsTableCard(title, columnNames, table, summary) {
+    return {
+        type: "AdaptiveCard",
+        version: "1.5",
+        msteams: { width: "Full" },
+        body: [
+            createTeamsTitleItem(title),
+            {
+                type: "Table",
+                roundedCorners: true,
+                firstRowAsHeaders: true,
+                columns: columnNames.map(() => ({ width: 3 })),
+                rows: table
+            },
+            createTeamsSummaryItem(summary)
+        ]
+    };
+}
+export function createTeamsValueCard(title, columnName, value, styles, summary) {
+    let teamsStyles = [];
+    let _ = [];
+    [teamsStyles, _] = mapTeamsStyles([columnName], styles, [], _, teamsStyles);
+    let color = undefined;
+    let style = undefined;
+    let weight = undefined;
+    let isSubtle = undefined;
+    for (const styles of teamsStyles) {
+        if (!!styles.color) {
+            color = styles.color;
+        }
+        if (!!styles.style) {
+            style = styles.style;
+        }
+        if (!!styles.weight) {
+            weight = styles.weight;
+        }
+        if (!!styles.isSubtle) {
+            isSubtle = styles.isSubtle;
+        }
+    }
+    return {
+        type: "AdaptiveCard",
+        version: "1.5",
+        msteams: { width: "Full" },
+        body: [
+            createTeamsTitleItem(title),
+            {
+                type: "Container",
+                roundedCorners: true,
+                items: [
+                    {
+                        type: "TextBlock",
+                        text: value,
+                        wrap: true,
+                        size: "ExtraLarge",
+                        color,
+                        weight
+                    }
+                ],
+                style
+            },
+            createTeamsSummaryItem(summary)
+        ]
+    };
+}
+export function createTeamsChartCard(title, png, summary) {
+    return {
+        type: "AdaptiveCard",
+        version: "1.5",
+        msteams: { width: "Full" },
+        body: [
+            createTeamsTitleItem(title),
+            {
+                type: "Image",
+                url: png
+            },
+            createTeamsSummaryItem(summary)
+        ]
+    };
+}
+export async function sendTeamsWebhook(url, card) {
+    return fetch(url, {
+        method: "POST",
+        headers: {
+            "content-type": "application/json"
+        },
+        body: JSON.stringify(card),
+    });
+}

package/package.json

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