@public-ui/components 4.2.1 → 4.3.0-rc.1

package/dist/cjs/kol-table-stateless-wc.cjs.entry.js

@@ -3,25 +3,25 @@
  */
 'use strict';
 
-var index = require('./index-BrhW8s5h.js');
+var index = require('./index-Dk00HcEs.js');
 var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
 var componentNames = require('./component-names-5KS_pYRF.js');
-var i18n = require('./i18n-Cjy0vgJA.js');
-var component = require('./component-CuHGwo27.js');
-var component$1 = require('./component-kXVnT0Wy.js');
-var common = require('./common-DPb6NWR4.js');
-var tableSelection = require('./table-selection-B0zvrQJg.js');
-var label = require('./label-8vcJJEVI.js');
-var variantClassName = require('./variant-class-name-BCWuCRd0.js');
+var i18n = require('./i18n-DL7vJXNn.js');
+var component = require('./component-BpTg8PCv.js');
+var component$1 = require('./component-DA5ZXmFP.js');
+var common = require('./common-DAAt5YQ7.js');
+var tableSelection = require('./table-selection-BzjiHUz6.js');
+var label = require('./label-VzToxIES.js');
+var variantClassName = require('./variant-class-name-DsZdGPeK.js');
 var keyboard = require('./keyboard-BfFtSnNy.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
-var dev_utils = require('./dev.utils-BeTuwcHU.js');
-var events = require('./events-Jc2wxPjR.js');
+var dev_utils = require('./dev.utils-BaRzDChI.js');
+var events = require('./events-DN9qldnr.js');
 var _Uint8Array = require('./_Uint8Array-BAQUGozM.js');
 var isArray = require('./isArray-BOIOdEQh.js');
 require('./i18n-CgUN6lev.js');
-require('./bem-registry-DevvgGUu.js');
-require('./component-BUJSMbIY.js');
+require('./bem-registry-D9uDM1GJ.js');
+require('./component-BEcrKHc2.js');
 
 /** Used to stand-in for `undefined` hash values. */
 var HASH_UNDEFINED = '__lodash_hash_undefined__';
@@ -592,6 +592,8 @@ const KolTableStatelessWc = class {
         this.horizontal = true;
         this.cellsToRenderTimeouts = new Map();
         this.dataToKeyMap = new Map();
+        this.selectedKeysStringSet = new Set();
+        this.disabledKeysStringSet = new Set();
         this.checkboxRefs = [];
         this.translateSort = i18n.translate('kol-sort');
         this.translateSortOrder = i18n.translate('kol-table-sort-order');
@@ -795,13 +797,14 @@ const KolTableStatelessWc = class {
         this.stickyColsDisabled = fixedColsWidth > 0 && fixedColsWidth >= containerWidth;
     }
     updateDataToKeyMap(data) {
+        const dataSet = new Set(data);
         data.forEach((data) => {
             if (!this.dataToKeyMap.has(data)) {
                 this.dataToKeyMap.set(data, dev_utils.nonce());
             }
         });
         this.dataToKeyMap.forEach((_, key) => {
-            if (!data.includes(key)) {
+            if (!dataSet.has(key)) {
                 this.dataToKeyMap.delete(key);
             }
         });
@@ -887,15 +890,20 @@ const KolTableStatelessWc = class {
         return primaryHeaders;
     }
     getPrimaryHeaders(headers) {
-        var _a, _b;
-        let primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_a = headers.horizontal) !== null && _a !== void 0 ? _a : []);
+        var _a, _b, _c;
+        if (((_a = this.primaryHeadersCache) === null || _a === void 0 ? void 0 : _a.headers) === headers) {
+            this.horizontal = this.primaryHeadersCache.horizontal;
+            return this.primaryHeadersCache.result;
+        }
+        let primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_b = headers.horizontal) !== null && _b !== void 0 ? _b : []);
         this.horizontal = true;
         if (primaryHeaders.length === 0) {
-            primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_b = headers.vertical) !== null && _b !== void 0 ? _b : []);
+            primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_c = headers.vertical) !== null && _c !== void 0 ? _c : []);
             if (primaryHeaders.length > 0) {
                 this.horizontal = false;
             }
         }
+        this.primaryHeadersCache = { headers, result: primaryHeaders, horizontal: this.horizontal };
         return primaryHeaders;
     }
     createDataField(data, headers, isFoot) {
@@ -1078,16 +1086,9 @@ const KolTableStatelessWc = class {
             return '';
         const keyProperty = firstCellData[keyPropertyName];
         const isMultiple = selection.multiple || selection.multiple === undefined;
-        const selected = (() => {
-            const v = selection === null || selection === void 0 ? void 0 : selection.selectedKeys;
-            const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
-            return arr.some((k) => String(k) === String(keyProperty));
-        })();
-        const disabled = (() => {
-            const v = selection === null || selection === void 0 ? void 0 : selection.disabledKeys;
-            const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
-            return arr.some((k) => String(k) === String(keyProperty));
-        })();
+        const keyPropertyString = String(keyProperty);
+        const selected = this.selectedKeysStringSet.has(keyPropertyString);
+        const disabled = this.disabledKeysStringSet.has(keyPropertyString);
         const label = selection.label(firstCellData);
         const props = {
             name: 'selection',
@@ -1113,40 +1114,25 @@ const KolTableStatelessWc = class {
         var _a, _b;
         return (_b = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.keyPropertyName) !== null && _b !== void 0 ? _b : 'id';
     }
+    static normalizeKeys(value) {
+        return value === undefined ? [] : Array.isArray(value) ? value : [value];
+    }
+    updateSelectionKeySets() {
+        var _a, _b;
+        this.selectedKeysStringSet = new Set(KolTableStatelessWc.normalizeKeys((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys).map(String));
+        this.disabledKeysStringSet = new Set(KolTableStatelessWc.normalizeKeys((_b = this.state._selection) === null || _b === void 0 ? void 0 : _b.disabledKeys).map(String));
+    }
     getDataWithSelectionEnabled() {
         const keyPropertyName = this.getSelectionKeyPropertyName();
-        return this.state._data.filter((item) => {
-            var _a;
-            const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
-            const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
-            return !arr.some((k) => String(k) === String(item[keyPropertyName]));
-        });
+        return this.state._data.filter((item) => !this.disabledKeysStringSet.has(String(item[keyPropertyName])));
     }
     getSelectedKeysWithoutDisabledKeys() {
-        const sel = (() => {
-            var _a;
-            const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys;
-            return v === undefined ? [] : Array.isArray(v) ? v : [v];
-        })();
-        const dis = (() => {
-            var _a;
-            const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
-            return v === undefined ? [] : Array.isArray(v) ? v : [v];
-        })();
-        return sel.filter((k) => !dis.some((d) => String(d) === String(k)));
+        var _a;
+        return KolTableStatelessWc.normalizeKeys((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys).filter((k) => !this.disabledKeysStringSet.has(String(k)));
     }
     getSelectedKeysWithDisabledKeysOnly() {
-        const sel = (() => {
-            var _a;
-            const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys;
-            return v === undefined ? [] : Array.isArray(v) ? v : [v];
-        })();
-        const dis = (() => {
-            var _a;
-            const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
-            return v === undefined ? [] : Array.isArray(v) ? v : [v];
-        })();
-        return sel.filter((k) => dis.some((d) => String(d) === String(k)));
+        var _a;
+        return KolTableStatelessWc.normalizeKeys((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys).filter((k) => this.disabledKeysStringSet.has(String(k)));
     }
     getRevertedSelection(selectAll) {
         var _a;
@@ -1303,21 +1289,22 @@ const KolTableStatelessWc = class {
     }
     render() {
         var _a;
+        this.updateSelectionKeySets();
         const dataField = this.createDataField(this.state._data, this.state._headerCells);
         this.checkboxRefs = [];
         const horizontalHeaders = this.state._headerCells.horizontal;
         const showInternalCaption = !((_a = this.externalLabelElements) === null || _a === void 0 ? void 0 : _a.length);
-        return (index.h("div", { key: 'b3078fc5b1fddaf8b1a125452e5a0ba65f64cce1', class: clsx.clsx('kol-table', {
+        return (index.h("div", { key: '1ecc521f37fb57c7f5ce2e2c1daf06850c0c9372', class: clsx.clsx('kol-table', {
                 [`kol-table--${this.state._variant}`]: this.state._variant !== undefined,
-            }) }, this.state._hasSettingsMenu && index.h(componentNames.KolTableSettingsWcTag, { key: 'cba65b7abb0aa685c0115c74238414e1acf65d20', _horizontalHeaderCells: horizontalHeaders !== null && horizontalHeaders !== void 0 ? horizontalHeaders : [] }), index.h("div", { key: 'd8390e0d8ef806a913c5b433c1e528c3729c63a2', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? (showInternalCaption ? '-1' : '0') : undefined }, index.h("table", { key: '24880450759191739622f8dc03f25ec52c188248', ref: (el) => {
+            }) }, this.state._hasSettingsMenu && index.h(componentNames.KolTableSettingsWcTag, { key: 'ec0d5f632c76388d10c3625a9f722db2d3bdf2de', _horizontalHeaderCells: horizontalHeaders !== null && horizontalHeaders !== void 0 ? horizontalHeaders : [] }), index.h("div", { key: '61c5bf820ea7c00c768caa73864bedb0e247f5bd', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? (showInternalCaption ? '-1' : '0') : undefined }, index.h("table", { key: '1f407367ae428c6d64cc7a016d74d1b00192574c', ref: (el) => {
                 this.tableRef = el;
                 this.syncTableLabel(this.externalLabelElements);
             }, "aria-labelledby": showInternalCaption ? 'caption' : undefined, class: "kol-table__table", style: {
                 minWidth: this.getTableMinWidth(),
-            } }, showInternalCaption && (index.h("caption", { key: '9a80f320bcb382b953176564e1209e24a14ebe91', class: "kol-table__focus-element kol-table__caption", id: "caption", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined }, this.state._label)), Array.isArray(horizontalHeaders) && (index.h("thead", { key: '9125286ae3e47630e42fd04d970f687ca8c4c056', class: "kol-table__head" }, [
+            } }, showInternalCaption && (index.h("caption", { key: '92e0403f309f42a2345267cbb64e5b7bf8172ffa', class: "kol-table__focus-element kol-table__caption", id: "caption", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined }, this.state._label)), Array.isArray(horizontalHeaders) && (index.h("thead", { key: 'fa962f7c34c749246879bec67d287619ac4afc2e', class: "kol-table__head" }, [
             horizontalHeaders.map((cols, rowIndex) => (index.h("tr", { class: "kol-table__head-row", key: `thead-${rowIndex}` }, this.state._selection && this.renderHeadingSelectionCell(), rowIndex === 0 && this.renderHeaderTdCell(), Array.isArray(cols) && cols.map((cell, colIndex) => this.renderHeadingCell(cell, rowIndex, colIndex, false))))),
             this.renderSpacer('head', horizontalHeaders),
-        ])), index.h("tbody", { key: '18458ad8f7712d2acffbec2ae79da9b5991174b7', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
+        ])), index.h("tbody", { key: 'd7a9b16f85081841beb7cb33b902a09f6da43805', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {