@scania/tegel 1.40.0-stencil-core-4.38.1-beta.0 → 1.40.0-ts-strict-mode-beta.0

package/dist/collection/components/table/table/table.js

@@ -7,32 +7,15 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  */
 export class TdsTable {
     constructor() {
-        /** Enables style with vertical dividers between columns */
         this.verticalDividers = false;
-        /** Enables style where Table toolbar, rows and footer are less high */
         this.compactDesign = false;
-        // TODO: Due to unknown reason, one of this items has to be left as is.
-        //  If all are false, it seems like emitting is not properly done and it affects other events in Table.
-        //  Try setting it and observe text-align set on header cell
-        /** Enables multiselect feature of Table */
+        this.noMinWidth = undefined;
         this.multiselect = false;
-        /** Enables extended row feature of Table */
         this.expandableRows = false;
-        /** Enables Table to take 100% available width with equal spacing of columns */
         this.responsive = false;
-        /** Variant of the component, based on current mode. */
         this.modeVariant = null;
-        /** Enables zebra stripe mode on the table rows or columns. */
         this.zebraMode = 'none';
-        /** Width of the table, used as the constraint for horizontal scrolling.
-         * **NOTE**: this will disable usage of the responsive flag
-         * */
         this.horizontalScrollWidth = null;
-        /** ID used for internal Table functionality and events, must be unique.
-         *
-         * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
-         * as the default ID is random and will be different every time.
-         */
         this.tableId = generateUniqueId();
         this.enableHorizontalScrollToolbarDesign = false;
         this.enableHorizontalScrollFooterDesign = false;
@@ -46,20 +29,19 @@ export class TdsTable {
     }
     /** Returns all selected rows data. */
     async getSelectedRows() {
+        var _a;
         let selectedRowsData = [];
         const tableBody = this.host.querySelector('tds-table-body');
-        const selectedRows = Array.from(tableBody.querySelectorAll('tds-table-body-row')).filter((element) => element.selected);
+        const selectedRows = Array.from((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.querySelectorAll('tds-table-body-row')) !== null && _a !== void 0 ? _a : []).filter((element) => element.selected);
         selectedRows.forEach((row) => {
             let selectedRow = [];
             const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
             rowCells.forEach((cell) => {
                 var _a;
                 const cellObject = {
-                    cellKey: null,
-                    cellValue: null,
+                    cellKey: cell.cellKey,
+                    cellValue: ((_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText),
                 };
-                cellObject.cellKey = cell.cellKey;
-                cellObject.cellValue = (_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText;
                 selectedRow = [...selectedRow, cellObject];
             });
             selectedRowsData = [...selectedRowsData, selectedRow];
@@ -99,18 +81,21 @@ export class TdsTable {
     }
     componentWillRender() {
         if (this.horizontalScrollWidth) {
-            this.enableHorizontalScrollToolbarDesign =
-                this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
-            this.enableHorizontalScrollFooterDesign =
-                this.host.closest('tds-table').getElementsByTagName('tds-table-footer').length >= 1;
+            const closestTable = this.host.closest('tds-table');
+            if (closestTable) {
+                this.enableHorizontalScrollToolbarDesign =
+                    closestTable.getElementsByTagName('tds-table-toolbar').length >= 1;
+                this.enableHorizontalScrollFooterDesign =
+                    closestTable.getElementsByTagName('tds-table-footer').length >= 1;
+            }
         }
     }
     render() {
-        return (h(Host, { key: '7a9b7fb545f7c4cd4c0f118910ce8af6d407851e', class: {
+        return (h(Host, { key: '7a09b4ad8b4b79d0c6488ae2fc56b756857abe67', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, h("table", { key: '8a1c7e74c38a55e17d7cf322997f6690d6b29f3f', style: this.getStyles(), class: {
+            } }, h("table", { key: '949b04b7b26286b8641df078290eadb843899d76', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
@@ -121,7 +106,7 @@ export class TdsTable {
                 'tds-table--horizontal-scroll-toolbar-compact': this.enableHorizontalScrollToolbarDesign && this.compactDesign,
                 'tds-table--horizontal-scroll-footer': this.enableHorizontalScrollFooterDesign && !this.compactDesign,
                 'tds-table--horizontal-scroll-footer-compact': this.enableHorizontalScrollFooterDesign && this.compactDesign,
-            } }, h("slot", { key: 'a47351a50dbd07b15f969ffaeb75f62045693968' }))));
+            } }, h("slot", { key: '319e8974bf20f3fba6c7ef286a494d4875bd2c44' }))));
     }
     static get is() { return "tds-table"; }
     static get encapsulation() { return "shadow"; }
@@ -151,10 +136,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables style with vertical dividers between columns"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "vertical-dividers",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "compactDesign": {
@@ -171,10 +154,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables style where Table toolbar, rows and footer are less high"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "compact-design",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "noMinWidth": {
@@ -191,10 +172,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables to customize width on Table columns"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "no-min-width"
+                "attribute": "no-min-width",
+                "reflect": true
             },
             "multiselect": {
                 "type": "boolean",
@@ -210,10 +189,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables multiselect feature of Table"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "multiselect",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "expandableRows": {
@@ -230,10 +207,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables extended row feature of Table"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "expandable-rows",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "responsive": {
@@ -250,18 +225,16 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables Table to take 100% available width with equal spacing of columns"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "responsive",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "modeVariant": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary' | 'secondary'",
-                    "resolved": "\"primary\" | \"secondary\"",
+                    "original": "'primary' | 'secondary' | null",
+                    "resolved": "\"primary\" | \"secondary\" | null",
                     "references": {}
                 },
                 "required": false,
@@ -270,10 +243,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "mode-variant",
+                "reflect": true,
                 "defaultValue": "null"
             },
             "zebraMode": {
@@ -290,18 +261,16 @@ export class TdsTable {
                     "tags": [],
                     "text": "Enables zebra stripe mode on the table rows or columns."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "zebra-mode",
+                "reflect": true,
                 "defaultValue": "'none'"
             },
             "horizontalScrollWidth": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "string | null",
+                    "resolved": "null | string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -310,10 +279,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "Width of the table, used as the constraint for horizontal scrolling.\n**NOTE**: this will disable usage of the responsive flag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "horizontal-scroll-width",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "tableId": {
@@ -330,10 +297,8 @@ export class TdsTable {
                     "tags": [],
                     "text": "ID used for internal Table functionality and events, must be unique.\n\n**NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,\nas the default ID is random and will be different every time."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "table-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             }
         };
@@ -375,15 +340,31 @@ export class TdsTable {
         return {
             "getSelectedRows": {
                 "complexType": {
-                    "signature": "() => Promise<any[]>",
+                    "signature": "() => Promise<{ cellKey: string; cellValue: string | number; }[][]>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "RowCell": {
+                            "location": "global",
+                            "id": "global::RowCell"
+                        },
+                        "Array": {
+                            "location": "global",
+                            "id": "global::Array"
+                        },
+                        "HTMLTdsTableBodyRowElement": {
+                            "location": "global",
+                            "id": "global::HTMLTdsTableBodyRowElement"
+                        },
+                        "HTMLTdsBodyCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTdsBodyCellElement"
                         }
                     },
-                    "return": "Promise<any[]>"
+                    "return": "Promise<RowCell[][]>"
                 },
                 "docs": {
                     "text": "Returns all selected rows data.",

package/dist/collection/components/table/table-body/table-body.js

@@ -9,19 +9,20 @@ const relevantTableProps = [
  */
 export class TdsTableBody {
     constructor() {
+        this.bodyCheckBoxClicked = () => {
+            const numberOfRows = this.host.getElementsByClassName('tds-table__row').length;
+            const numberOfRowsSelected = this.host.getElementsByClassName('tds-table__row--selected').length;
+            this.mainCheckboxStatus = numberOfRows === numberOfRowsSelected;
+        };
         this.multiselect = false;
         this.enablePaginationTableBody = false;
         this.expandableRows = false;
         this.multiselectArray = [];
+        this.multiselectArrayJSON = undefined;
         this.mainCheckboxStatus = false;
         this.columnsNumber = 0;
         this.zebraMode = 'none';
         this.tableId = '';
-        this.bodyCheckBoxClicked = () => {
-            const numberOfRows = this.host.getElementsByClassName('tds-table__row').length;
-            const numberOfRowsSelected = this.host.getElementsByClassName('tds-table__row--selected').length;
-            this.mainCheckboxStatus = numberOfRows === numberOfRowsSelected;
-        };
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {
@@ -40,16 +41,20 @@ export class TdsTableBody {
         this.bodyCheckBoxClicked();
     }
     connectedCallback() {
+        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     componentWillRender() {
-        const headerColumnsNo = this.host.parentElement.querySelector('tds-table-header').children.length;
+        var _a, _b;
+        const headrColumn = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header');
+        const headerColumnsNo = (_b = headrColumn === null || headrColumn === void 0 ? void 0 : headrColumn.children.length) !== null && _b !== void 0 ? _b : 0;
         // multiselect and expended features requires one extra column for controls...
         if (this.multiselect || this.expandableRows) {
             this.columnsNumber = headerColumnsNo + 1;
@@ -59,12 +64,12 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { key: 'f9472ae9b1dcad43aab101811dfe858dea4851e9', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (h(Host, { key: '80e470d85ca46b398d9254bbcf84865b65656c7c', "data-selected-rows": this.multiselectArrayJSON, class: {
                 'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
                 'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
                 'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
                 'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
-            } }, h("slot", { key: '61a0ec649d2f7f51ca386c46335a6ae018c993d0' })));
+            } }, h("slot", { key: 'ef1c5c7a13129ff08d48d568088c05e2416b8284' })));
     }
     static get is() { return "tds-table-body"; }
     static get originalStyleUrls() {

package/dist/collection/components/table/table-body-cell/table-body-cell.js

@@ -9,8 +9,11 @@ const relevantTableProps = [
  */
 export class TdsTableBodyCell {
     constructor() {
-        /** Disables internal padding. Useful when passing other components to cell. */
+        this.cellValue = undefined;
+        this.cellKey = undefined;
         this.disablePadding = false;
+        this.textAlign = undefined;
+        this.textAlignState = undefined;
         this.activeSorting = false;
         this.verticalDividers = false;
         this.compactDesign = false;
@@ -60,7 +63,8 @@ export class TdsTableBodyCell {
     componentWillLoad() {
         if (this.tableEl) {
             relevantTableProps.forEach((tablePropName) => {
-                this[tablePropName] = this.tableEl[tablePropName];
+                var _a;
+                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
             });
         }
         if (this.textAlign) {
@@ -80,13 +84,13 @@ export class TdsTableBodyCell {
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: 'cfabd07f5fb68862ec1afe31679d492593e5a579', class: {
+        return (h(Host, { key: '2a56a35d85a6f9f05894ee254edc590c2d7e96b5', class: {
                 'tds-table__body-cell': true,
                 'tds-table__body-cell--hover': this.activeSorting,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
-            }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'cb0466abad9e73f9daed8483304246deb79d37e8' })));
+            }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'daa924435db192e5205247edc52a5a995dff6f08' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -116,17 +120,15 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Value that will be presented as text inside a cell"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-value"
+                "attribute": "cell-value",
+                "reflect": true
             },
             "cellKey": {
-                "type": "any",
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -135,10 +137,8 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-key"
+                "attribute": "cell-key",
+                "reflect": true
             },
             "disablePadding": {
                 "type": "boolean",
@@ -154,10 +154,8 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Disables internal padding. Useful when passing other components to cell."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disable-padding",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "textAlign": {
@@ -174,10 +172,8 @@ export class TdsTableBodyCell {
                     "tags": [],
                     "text": "Setting for text align, default value \"left\". Other accepted values are \"left\", \"start\", \"right\", \"end\" or \"center\"."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "text-align"
+                "attribute": "text-align",
+                "reflect": true
             }
         };
     }

package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 const relevantTableProps = ['compactDesign'];
 export class TdsTableBodyInputWrapper {
     constructor() {
-        /** Controls if the edit icon is shown */
         this.showIcon = true;
         this.renderSlot = true;
         this.inputFocused = false;
@@ -82,7 +81,7 @@ export class TdsTableBodyInputWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '8030b00df873e3a242708a9b4fe88b4ad618d069', class: {
+        return (h(Host, { key: '332c2ebf290f802f6b8067a1b7b0754cbca2b9aa', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,
@@ -116,10 +115,8 @@ export class TdsTableBodyInputWrapper {
                     "tags": [],
                     "text": "Controls if the edit icon is shown"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show-icon",
+                "reflect": false,
                 "defaultValue": "true"
             }
         };

package/dist/collection/components/table/table-body-row/table-body-row.js

@@ -9,11 +9,8 @@ const relevantTableProps = [
  */
 export class TdsTableBodyRow {
     constructor() {
-        /** Marks the row as selected, used for multiselect table. */
         this.selected = false;
-        /** Marks the row as disabled, used for multiselect table. */
         this.disabled = false;
-        /** Makes the row clickable and tabbable for accessibility purposes. */
         this.clickable = false;
         this.multiselect = false;
         this.mainCheckBoxStatus = false;
@@ -23,17 +20,19 @@ export class TdsTableBodyRow {
         this.tableId = '';
     }
     async handleCheckboxChange(event) {
+        var _a;
         this.selected = event.detail.checked;
         this.tdsSelect.emit({
             tableId: this.tableId,
             checked: this.selected,
-            selectedRows: await this.tableEl.getSelectedRows(),
+            selectedRows: await ((_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.getSelectedRows()),
         });
     }
     handleRowClick(e) {
+        var _a, _b, _c;
         if (!this.clickable)
             return;
-        let rowIndex = Array.from(this.host.parentElement.children).indexOf(this.host);
+        const rowIndex = Array.from((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children) !== null && _c !== void 0 ? _c : []).indexOf(this.host);
         this.tdsClick.emit({
             event: e,
             tableId: this.tableId,
@@ -66,18 +65,19 @@ export class TdsTableBodyRow {
     componentWillLoad() {
         if (this.tableEl) {
             relevantTableProps.forEach((tablePropName) => {
-                this[tablePropName] = this.tableEl[tablePropName];
+                var _a;
+                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
             });
         }
     }
     render() {
-        return (h(Host, { key: '6bf3fee7c066bc4686c9aa0ecba45c04ca7b2aae', tabindex: this.clickable ? '0' : null, class: {
+        return (h(Host, { key: '377d16a55b6c2cb87940ee6ec8629e71dde6ad17', tabindex: this.clickable ? '0' : null, class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table__row--clickable': this.clickable,
-            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: '845e64408b938254887c7ec840eae48fc4ed01e3', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '817ef05632a9b2704148a0c9ce190b360b9cec3b', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '50cf1a5aeae24aaceeb813f432abe8e75ad53857' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: 'a65e6eed2e09e49c80c5f25312613c874a3d3b1a', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '37b7bb583a756031ee86c57015523fdb659d683d', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '35cdd94e92fc239d756b4ba240f10cd1e1914512' })));
     }
     static get is() { return "tds-table-body-row"; }
     static get encapsulation() { return "shadow"; }
@@ -107,10 +107,8 @@ export class TdsTableBodyRow {
                     "tags": [],
                     "text": "Marks the row as selected, used for multiselect table."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "selected",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "disabled": {
@@ -118,7 +116,7 @@ export class TdsTableBodyRow {
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -127,10 +125,8 @@ export class TdsTableBodyRow {
                     "tags": [],
                     "text": "Marks the row as disabled, used for multiselect table."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "clickable": {
@@ -147,10 +143,8 @@ export class TdsTableBodyRow {
                     "tags": [],
                     "text": "Makes the row clickable and tabbable for accessibility purposes."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "clickable",
+                "reflect": true,
                 "defaultValue": "false"
             }
         };
@@ -177,8 +171,8 @@ export class TdsTableBodyRow {
                     "text": "Event emitted when a row is selected/deselected."
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string;\n    checked: boolean;\n    selectedRows: any[];\n  }",
-                    "resolved": "{ tableId: string; checked: boolean; selectedRows: any[]; }",
+                    "original": "{\n    tableId: string | undefined;\n    checked: boolean;\n    selectedRows: object[] | undefined;\n  }",
+                    "resolved": "{ tableId: string | undefined; checked: boolean; selectedRows: object[] | undefined; }",
                     "references": {}
                 }
             }, {
@@ -192,8 +186,8 @@ export class TdsTableBodyRow {
                     "text": "Event emitted when a row is clicked."
                 },
                 "complexType": {
-                    "original": "{\n    event: MouseEvent;\n    tableId: string;\n    rowIndex: number;\n  }",
-                    "resolved": "{ event: MouseEvent; tableId: string; rowIndex: number; }",
+                    "original": "{\n    event: MouseEvent;\n    tableId: string | undefined;\n    rowIndex: number;\n  }",
+                    "resolved": "{ event: MouseEvent; tableId: string | undefined; rowIndex: number; }",
                     "references": {
                         "MouseEvent": {
                             "location": "global",