@ukic/canary-web-components 3.0.0-canary.16 → 3.0.0-canary.17

package/dist/cjs/ic-data-table.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-d01564f7.js');
+const helpers = require('./helpers-6f33d131.js');
 
 const unsortedIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24">
     <path d="M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"></path>
@@ -439,21 +439,21 @@ const DataTable = class {
         };
         this.createCells = (row, rowIndex) => {
             var _a;
-            const rowValues = Object.values(row);
             const rowKeys = Object.keys(row);
-            const rowOptions = this.getRowOptions(rowKeys, rowValues);
+            const rowOptions = this.getObjectValue(row, "rowOptions");
             let rowAlignment;
             let rowEmphasis;
-            const headerIndex = rowKeys.indexOf("header");
-            if (headerIndex > -1) {
-                rowAlignment = this.getObjectValue(rowValues[headerIndex], "rowAlignment");
-                rowEmphasis = this.getObjectValue(rowValues[headerIndex], "emphasis");
+            const rowHeader = this.getObjectValue(row, "header");
+            if (rowHeader) {
+                rowAlignment = this.getObjectValue(rowHeader, "rowAlignment");
+                rowEmphasis = this.getObjectValue(rowHeader, "emphasis");
             }
             const variableRowHeightVal = (_a = this.variableRowHeight) === null || _a === void 0 ? void 0 : _a.call(this, Object.assign(Object.assign({}, row), { index: rowIndex }));
             const currentRowHeight = variableRowHeightVal
                 ? variableRowHeightVal !== "auto" && variableRowHeightVal
                 : this.globalRowHeight !== "auto" && this.globalRowHeight;
-            return rowValues.map((cell, index$1) => {
+            return this.columns.map((columnName, index$1) => {
+                const cell = this.getObjectValue(row, columnName["key"]);
                 const columnProps = this.columns[index$1];
                 const cellSlotName = `${columnProps === null || columnProps === void 0 ? void 0 : columnProps.key}-${rowIndex}`;
                 const hasIcon = this.isObject(cell) && Object.keys(cell).includes("icon");
@@ -1236,10 +1236,6 @@ const DataTable = class {
         }
         (_c = this.loadingIndicator) === null || _c === void 0 ? void 0 : _c.classList.add("show");
     }
-    getRowOptions(rowKeys, rowValues) {
-        const rowOptionsIndex = rowKeys.indexOf("rowOptions");
-        return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];
-    }
     regenerateTooltip(cellContainer, typographyEl, tooltip, removeTooltipOnly) {
         // When sorting the table, instead of regenerating the tooltip,
         // the tooltip details are updated
@@ -1315,22 +1311,22 @@ const DataTable = class {
                 ? "deselect all"
                 : "select all remaining"
             : "select all";
-        return (index.h(index.Host, { key: 'c70d98425c01e5f0d7b23d12a0a22fcde6bfa8aa', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: 'b7411965f1bd64038922da836d86791d9fce0766', class: "table-container" }, helpers.isSlotUsed(this.el, "title-bar") && index.h("slot", { key: 'de14d3c9613fc5f216f9318c8b584a4fe6d7d0b9', name: "title-bar" }), index.h("div", { key: 'c28d8074bb81266c7104ce842b2ea0e415ea7576', class: {
+        return (index.h(index.Host, { key: '958fa1f6c94033432d7067e06019609fe7237d61', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '1329ca354856f1be45d497c8df2b07567cb4a55f', class: "table-container" }, helpers.isSlotUsed(this.el, "title-bar") && index.h("slot", { key: 'd77d48cef482df9b23bc8d3f16f0894219780c14', name: "title-bar" }), index.h("div", { key: '0cd8afd1c902302c90f77e1993728b7e54414574', class: {
                 ["table-row-container"]: true,
                 scrollable,
-            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, index.h("table", { key: '283aac0915752eb13c7651fe2594cbbce7eb1164', style: {
+            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, index.h("table", { key: 'af15b0a6fbf6450fbe94f257392747edfb7a412b', style: {
                 "--table-layout": tableLayout,
-            } }, index.h("caption", { key: '9d49941bb4a1f14337af61c35057895a32466c0e', class: "table-caption" }, caption), !hideColumnHeaders && (index.h("thead", { key: '970d0ecda5d04b06b394f0f1cf1e58dfdd93660f', class: {
+            } }, index.h("caption", { key: 'd4398274b15ba603ced3de3e9df2dbeffae1c2ca', class: "table-caption" }, caption), !hideColumnHeaders && (index.h("thead", { key: 'eb6aac42605c79cb005a06d0554ee2f5c9ef6674', class: {
                 ["column-header-sticky"]: stickyColumnHeaders,
                 ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
-            } }, index.h("tr", { key: 'dd2b7e0e731a8652d726b98c4d4b53de1d4bc89a' }, rowSelection && data && (index.h("th", { key: 'd1c97faa5830737aa4c9d7020b7bf89a2357d127', class: {
+            } }, index.h("tr", { key: 'c67498acd008ab42bcaf4f41b346dba60f438b6d' }, rowSelection && data && (index.h("th", { key: 'd8be3faa102e4a75c0af65969a735bfb7f3ff90a', class: {
                 "column-header": true,
                 "checkbox-cell": true,
                 "updating-state-headers": updating && !loading,
                 [`table-density-${density}`]: this.notDefaultDensity(),
-            } }, index.h("div", { key: '93aad327435bc6bc944fc3c7e141c0281beb421b', class: "checkbox-wrapper" }, index.h("ic-checkbox", { key: '9f984d73bf5172d756d1553c631a571adad238f6', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
+            } }, index.h("div", { key: '3cd44c2f9c8ea0ba0b057598c44f06d28dbcb068', class: "checkbox-wrapper" }, index.h("ic-checkbox", { key: '2d7d914b7d645b32018f8566af5f67f17161e808', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
             !loading &&
-            (hideColumnHeaders ? (index.h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), index.h("div", { key: '3b3d4811530dabad832180f06631b32724b7c3c8', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || helpers.isSlotUsed(this.el, "pagination-bar")) && (index.h("div", { key: '4efe794f7f5e48ff1ad762780b5a8e3f291cb8f0', class: "pagination-container" }, helpers.isSlotUsed(this.el, "pagination-bar") ? (index.h("slot", { name: "pagination-bar" })) : (index.h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (index.h("div", { key: '2eadf2de56bcbccfdb70707846a5eaa920cba050', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
+            (hideColumnHeaders ? (index.h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), index.h("div", { key: '8f46c505248e1140a88b4eb5ae9151683f7a6f1e', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || helpers.isSlotUsed(this.el, "pagination-bar")) && (index.h("div", { key: 'f8e0b482ed9e3043273c82e032592a5d98309dec', class: "pagination-container" }, helpers.isSlotUsed(this.el, "pagination-bar") ? (index.h("slot", { name: "pagination-bar" })) : (index.h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (index.h("div", { key: 'd072129f3fc5a1cd678384466ed71ad56e838b65', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
             ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
                 sortedColumn} sorted ${sortedColumnOrder}`
             : "table unsorted")))));