@fluid-topics/ft-table 2.0.23 → 2.0.24

package/build/ftds-table.d.ts

@@ -21,6 +21,7 @@ export declare class FtdsTable<T extends Record<string, any>> extends FtLitEleme
     static DEFAULT_COMPARATOR: (a: any, b: any) => number;
     focusRow(rowIndex: number): void;
     protected render(): TemplateResult<1>;
+    protected optWrapWithFtTypography(toRender: TemplateResult | string): TemplateResult;
     protected renderHeader(column: ColumnConfiguration<T>, index: number): TemplateResult<1>;
     protected renderHeaderRow(): TemplateResult<1>;
     protected renderRow(row: T, rowIndex: number): TemplateResult<1>;

package/build/ftds-table.js

@@ -51,6 +51,16 @@ export class FtdsTable extends FtLitElement {
             </table>
         `;
     }
+    optWrapWithFtTypography(toRender) {
+        if (typeof toRender === "string") {
+            return html `
+                <ftds-typography variant="${FtdsTypographyVariants.caption1semibold}">
+                    ${toRender}
+                </ftds-typography>
+            `;
+        }
+        return toRender;
+    }
     renderHeader(column, index) {
         var _a, _b, _c, _d;
         const headerCellClasses = {
@@ -78,9 +88,7 @@ export class FtdsTable extends FtLitElement {
                      part="${this.columnPart("title-container", index)}">
                     <span class="column-title"
                           part="${this.columnPart("title", index)}">
-                        <ftds-typography variant="${FtdsTypographyVariants.caption1semibold}">
-                            ${column.title}
-                        </ftds-typography>
+                          ${this.optWrapWithFtTypography(column.title)}
                     </span>
                     ${this.renderColumnSort(column, index)}
                 </div>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-table",
-    "version": "2.0.23",
+    "version": "2.0.24",
     "description": "A dynamic table",
     "keywords": [
         "Lit"
@@ -23,11 +23,11 @@
     },
     "dependencies": {
         "@fluid-topics/design-system-variables": "3.2.8",
-        "@fluid-topics/ft-assets": "2.0.23",
-        "@fluid-topics/ft-button": "2.0.23",
-        "@fluid-topics/ft-typography": "2.0.23",
-        "@fluid-topics/ft-wc-utils": "2.0.23",
+        "@fluid-topics/ft-assets": "2.0.24",
+        "@fluid-topics/ft-button": "2.0.24",
+        "@fluid-topics/ft-typography": "2.0.24",
+        "@fluid-topics/ft-wc-utils": "2.0.24",
         "lit": "3.1.0"
     },
-    "gitHead": "e441ae21f5027730992e39b7dc728ac0f7b17dc0"
+    "gitHead": "5407e83b63be10ccc5bdeb3551c9f798b9559ae0"
 }