@public-ui/hydrate 4.0.0-alpha.1 → 4.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +54 -20
- package/dist/index.mjs +54 -20
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -146,7 +146,7 @@ function _mergeNamespaces(n, m) {
|
|
|
146
146
|
|
|
147
147
|
const NAMESPACE = 'kolibri';
|
|
148
148
|
const BUILD = /* kolibri */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
|
|
149
|
-
const Env = /* kolibri */ {"kolibriVersion":"4.0.0-alpha.
|
|
149
|
+
const Env = /* kolibri */ {"kolibriVersion":"4.0.0-alpha.2"};
|
|
150
150
|
|
|
151
151
|
function getDefaultExportFromCjs (x) {
|
|
152
152
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -28776,7 +28776,9 @@ class KolTableStateful {
|
|
|
28776
28776
|
const selection = this.state._selection;
|
|
28777
28777
|
if (selection) {
|
|
28778
28778
|
const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';
|
|
28779
|
-
const
|
|
28779
|
+
const keys = Array.isArray(selectedKeys) ? selectedKeys : [selectedKeys];
|
|
28780
|
+
const keySet = new Set(keys.map(String));
|
|
28781
|
+
const data = this.state._sortedData.filter((item) => keySet.has(String(item[keyPropertyName])));
|
|
28780
28782
|
if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {
|
|
28781
28783
|
return data[0];
|
|
28782
28784
|
}
|
|
@@ -28789,7 +28791,7 @@ class KolTableStateful {
|
|
|
28789
28791
|
var _a;
|
|
28790
28792
|
const selection = this.state._selection;
|
|
28791
28793
|
if (selection)
|
|
28792
|
-
this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys:
|
|
28794
|
+
this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: Array.isArray(value) ? value : [value] }) });
|
|
28793
28795
|
const selectedData = this.getSelectedData(value);
|
|
28794
28796
|
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Callback.onSelectionChange]) === 'function') {
|
|
28795
28797
|
this.state._on[Callback.onSelectionChange](event, selectedData);
|
|
@@ -28812,7 +28814,7 @@ class KolTableStateful {
|
|
|
28812
28814
|
horizontal: (_d = (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _d !== void 0 ? _d : [],
|
|
28813
28815
|
vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],
|
|
28814
28816
|
};
|
|
28815
|
-
return (hAsync(Host, { key: '
|
|
28817
|
+
return (hAsync(Host, { key: '41cde690194ded4dbb1f4b22870ffa5e0e4d55c2', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '6877bab5711d3200d1cf722f45a13e822f356781', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
28816
28818
|
onSort: (_, payload) => {
|
|
28817
28819
|
this.handleSort(payload);
|
|
28818
28820
|
},
|
|
@@ -29273,7 +29275,7 @@ class KolTableStateless {
|
|
|
29273
29275
|
this.validateHasSettingsMenu(this._hasSettingsMenu);
|
|
29274
29276
|
}
|
|
29275
29277
|
renderSelectionCell(row, rowIndex) {
|
|
29276
|
-
var _a
|
|
29278
|
+
var _a;
|
|
29277
29279
|
const selection = this.state._selection;
|
|
29278
29280
|
if (!selection)
|
|
29279
29281
|
return '';
|
|
@@ -29283,23 +29285,32 @@ class KolTableStateless {
|
|
|
29283
29285
|
return '';
|
|
29284
29286
|
const keyProperty = firstCellData[keyPropertyName];
|
|
29285
29287
|
const isMultiple = selection.multiple || selection.multiple === undefined;
|
|
29286
|
-
const selected = (
|
|
29287
|
-
|
|
29288
|
+
const selected = (() => {
|
|
29289
|
+
const v = selection === null || selection === void 0 ? void 0 : selection.selectedKeys;
|
|
29290
|
+
const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29291
|
+
return arr.some((k) => String(k) === String(keyProperty));
|
|
29292
|
+
})();
|
|
29293
|
+
const disabled = (() => {
|
|
29294
|
+
const v = selection === null || selection === void 0 ? void 0 : selection.disabledKeys;
|
|
29295
|
+
const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29296
|
+
return arr.some((k) => String(k) === String(keyProperty));
|
|
29297
|
+
})();
|
|
29288
29298
|
const label = selection.label(firstCellData);
|
|
29289
29299
|
const props = {
|
|
29290
29300
|
name: 'selection',
|
|
29291
29301
|
checked: selected,
|
|
29292
29302
|
disabled,
|
|
29293
|
-
id: keyProperty,
|
|
29303
|
+
id: String(keyProperty),
|
|
29294
29304
|
['aria-label']: label,
|
|
29295
29305
|
};
|
|
29296
29306
|
return (hAsync("td", { key: `tbody-${rowIndex}-selection`, class: "kol-table__cell kol-table__cell--selection" }, hAsync("div", { class: clsx('kol-table__selection', { 'kol-table__selection--checked': selected }) }, isMultiple ? (hAsync("label", { class: clsx('kol-table__selection-label', {
|
|
29297
29307
|
'kol-table__selection-label--disabled': disabled,
|
|
29298
29308
|
}) }, hAsync(KolIconTag, { class: "kol-table__selection-icon", _icons: `codicon ${selected ? 'codicon-check' : ''}`, _label: "" }), hAsync("input", Object.assign({ class: clsx('kol-table__selection-input kol-table__selection-input--checkbox'), ref: (el) => el && this.checkboxRefs.push(el) }, props, { type: "checkbox", onInput: (event) => {
|
|
29299
|
-
|
|
29300
|
-
|
|
29301
|
-
|
|
29302
|
-
|
|
29309
|
+
const current = (() => {
|
|
29310
|
+
const v = selection === null || selection === void 0 ? void 0 : selection.selectedKeys;
|
|
29311
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29312
|
+
})();
|
|
29313
|
+
const updatedSelectedKeys = !selected ? [...current, keyProperty] : current.filter((k) => String(k) !== String(keyProperty));
|
|
29303
29314
|
this.handleSelectionChangeCallbackAndEvent(event, updatedSelectedKeys !== null && updatedSelectedKeys !== void 0 ? updatedSelectedKeys : []);
|
|
29304
29315
|
} })))) : (hAsync("label", { class: "kol-table__selection-label" }, hAsync("input", Object.assign({ class: clsx('kol-table__selection-input kol-table__selection-input--radio') }, props, { type: "radio", onInput: (event) => {
|
|
29305
29316
|
this.handleSelectionChangeCallbackAndEvent(event, keyProperty);
|
|
@@ -29315,15 +29326,38 @@ class KolTableStateless {
|
|
|
29315
29326
|
}
|
|
29316
29327
|
getDataWithSelectionEnabled() {
|
|
29317
29328
|
const keyPropertyName = this.getSelectionKeyPropertyName();
|
|
29318
|
-
return this.state._data.filter((item) => {
|
|
29329
|
+
return this.state._data.filter((item) => {
|
|
29330
|
+
var _a;
|
|
29331
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
|
|
29332
|
+
const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29333
|
+
return !arr.some((k) => String(k) === String(item[keyPropertyName]));
|
|
29334
|
+
});
|
|
29319
29335
|
}
|
|
29320
29336
|
getSelectedKeysWithoutDisabledKeys() {
|
|
29321
|
-
|
|
29322
|
-
|
|
29337
|
+
const sel = (() => {
|
|
29338
|
+
var _a;
|
|
29339
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys;
|
|
29340
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29341
|
+
})();
|
|
29342
|
+
const dis = (() => {
|
|
29343
|
+
var _a;
|
|
29344
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
|
|
29345
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29346
|
+
})();
|
|
29347
|
+
return sel.filter((k) => !dis.some((d) => String(d) === String(k)));
|
|
29323
29348
|
}
|
|
29324
29349
|
getSelectedKeysWithDisabledKeysOnly() {
|
|
29325
|
-
|
|
29326
|
-
|
|
29350
|
+
const sel = (() => {
|
|
29351
|
+
var _a;
|
|
29352
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys;
|
|
29353
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29354
|
+
})();
|
|
29355
|
+
const dis = (() => {
|
|
29356
|
+
var _a;
|
|
29357
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
|
|
29358
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29359
|
+
})();
|
|
29360
|
+
return sel.filter((k) => dis.some((d) => String(d) === String(k)));
|
|
29327
29361
|
}
|
|
29328
29362
|
getRevertedSelection(selectAll) {
|
|
29329
29363
|
var _a;
|
|
@@ -29441,12 +29475,12 @@ class KolTableStateless {
|
|
|
29441
29475
|
const dataField = this.createDataField(this.state._data, this.state._headerCells);
|
|
29442
29476
|
this.checkboxRefs = [];
|
|
29443
29477
|
const sortedHorizontalHeaders = (_a = this.state._headerCells.horizontal) === null || _a === void 0 ? void 0 : _a.map((row) => this.sortByColumnPosition(row));
|
|
29444
|
-
return (hAsync("div", { key: '
|
|
29478
|
+
return (hAsync("div", { key: '181fd8cd9c44c66f235704117f57f376c7a72c66', class: "kol-table" }, this.state._hasSettingsMenu && hAsync(KolTableSettingsWcTag, { key: 'a7129f5a347bc2843ad3600b8c9314b829a5d5db', _tableSettings: this.state._tableSettings }), hAsync("div", { key: '7a86c6c56657e138b477d7de7179fb3f5cfbb733', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: 'a06a800737d9a4134bf206f455356515e0dd7ad0', class: "kol-table__table", style: {
|
|
29445
29479
|
minWidth: this.getTableMinWidth(),
|
|
29446
|
-
} }, hAsync("caption", { key: '
|
|
29480
|
+
} }, hAsync("caption", { key: '13a9d0559d7c78e1c6545ee2316c144f87c3740f', class: "kol-table__focus-element kol-table__caption", id: "caption", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined }, this.state._label), Array.isArray(sortedHorizontalHeaders) && (hAsync("thead", { key: 'f317088bad98752f96e234c7d8ea8c8d9c44a4f6', class: "kol-table__head" }, [
|
|
29447
29481
|
sortedHorizontalHeaders.map((cols, rowIndex) => (hAsync("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))))),
|
|
29448
29482
|
this.renderSpacer('head', sortedHorizontalHeaders),
|
|
29449
|
-
])), hAsync("tbody", { key: '
|
|
29483
|
+
])), hAsync("tbody", { key: 'f993b1f8b6150c016d87d3d2289da790642bbe62', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
|
|
29450
29484
|
}
|
|
29451
29485
|
get host() { return getElement(this); }
|
|
29452
29486
|
static get watchers() { return {
|
package/dist/index.mjs
CHANGED
|
@@ -144,7 +144,7 @@ function _mergeNamespaces(n, m) {
|
|
|
144
144
|
|
|
145
145
|
const NAMESPACE = 'kolibri';
|
|
146
146
|
const BUILD = /* kolibri */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
|
|
147
|
-
const Env = /* kolibri */ {"kolibriVersion":"4.0.0-alpha.
|
|
147
|
+
const Env = /* kolibri */ {"kolibriVersion":"4.0.0-alpha.2"};
|
|
148
148
|
|
|
149
149
|
function getDefaultExportFromCjs (x) {
|
|
150
150
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -28774,7 +28774,9 @@ class KolTableStateful {
|
|
|
28774
28774
|
const selection = this.state._selection;
|
|
28775
28775
|
if (selection) {
|
|
28776
28776
|
const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';
|
|
28777
|
-
const
|
|
28777
|
+
const keys = Array.isArray(selectedKeys) ? selectedKeys : [selectedKeys];
|
|
28778
|
+
const keySet = new Set(keys.map(String));
|
|
28779
|
+
const data = this.state._sortedData.filter((item) => keySet.has(String(item[keyPropertyName])));
|
|
28778
28780
|
if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {
|
|
28779
28781
|
return data[0];
|
|
28780
28782
|
}
|
|
@@ -28787,7 +28789,7 @@ class KolTableStateful {
|
|
|
28787
28789
|
var _a;
|
|
28788
28790
|
const selection = this.state._selection;
|
|
28789
28791
|
if (selection)
|
|
28790
|
-
this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys:
|
|
28792
|
+
this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: Array.isArray(value) ? value : [value] }) });
|
|
28791
28793
|
const selectedData = this.getSelectedData(value);
|
|
28792
28794
|
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Callback.onSelectionChange]) === 'function') {
|
|
28793
28795
|
this.state._on[Callback.onSelectionChange](event, selectedData);
|
|
@@ -28810,7 +28812,7 @@ class KolTableStateful {
|
|
|
28810
28812
|
horizontal: (_d = (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _d !== void 0 ? _d : [],
|
|
28811
28813
|
vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],
|
|
28812
28814
|
};
|
|
28813
|
-
return (hAsync(Host, { key: '
|
|
28815
|
+
return (hAsync(Host, { key: '41cde690194ded4dbb1f4b22870ffa5e0e4d55c2', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '6877bab5711d3200d1cf722f45a13e822f356781', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
28814
28816
|
onSort: (_, payload) => {
|
|
28815
28817
|
this.handleSort(payload);
|
|
28816
28818
|
},
|
|
@@ -29271,7 +29273,7 @@ class KolTableStateless {
|
|
|
29271
29273
|
this.validateHasSettingsMenu(this._hasSettingsMenu);
|
|
29272
29274
|
}
|
|
29273
29275
|
renderSelectionCell(row, rowIndex) {
|
|
29274
|
-
var _a
|
|
29276
|
+
var _a;
|
|
29275
29277
|
const selection = this.state._selection;
|
|
29276
29278
|
if (!selection)
|
|
29277
29279
|
return '';
|
|
@@ -29281,23 +29283,32 @@ class KolTableStateless {
|
|
|
29281
29283
|
return '';
|
|
29282
29284
|
const keyProperty = firstCellData[keyPropertyName];
|
|
29283
29285
|
const isMultiple = selection.multiple || selection.multiple === undefined;
|
|
29284
|
-
const selected = (
|
|
29285
|
-
|
|
29286
|
+
const selected = (() => {
|
|
29287
|
+
const v = selection === null || selection === void 0 ? void 0 : selection.selectedKeys;
|
|
29288
|
+
const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29289
|
+
return arr.some((k) => String(k) === String(keyProperty));
|
|
29290
|
+
})();
|
|
29291
|
+
const disabled = (() => {
|
|
29292
|
+
const v = selection === null || selection === void 0 ? void 0 : selection.disabledKeys;
|
|
29293
|
+
const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29294
|
+
return arr.some((k) => String(k) === String(keyProperty));
|
|
29295
|
+
})();
|
|
29286
29296
|
const label = selection.label(firstCellData);
|
|
29287
29297
|
const props = {
|
|
29288
29298
|
name: 'selection',
|
|
29289
29299
|
checked: selected,
|
|
29290
29300
|
disabled,
|
|
29291
|
-
id: keyProperty,
|
|
29301
|
+
id: String(keyProperty),
|
|
29292
29302
|
['aria-label']: label,
|
|
29293
29303
|
};
|
|
29294
29304
|
return (hAsync("td", { key: `tbody-${rowIndex}-selection`, class: "kol-table__cell kol-table__cell--selection" }, hAsync("div", { class: clsx('kol-table__selection', { 'kol-table__selection--checked': selected }) }, isMultiple ? (hAsync("label", { class: clsx('kol-table__selection-label', {
|
|
29295
29305
|
'kol-table__selection-label--disabled': disabled,
|
|
29296
29306
|
}) }, hAsync(KolIconTag, { class: "kol-table__selection-icon", _icons: `codicon ${selected ? 'codicon-check' : ''}`, _label: "" }), hAsync("input", Object.assign({ class: clsx('kol-table__selection-input kol-table__selection-input--checkbox'), ref: (el) => el && this.checkboxRefs.push(el) }, props, { type: "checkbox", onInput: (event) => {
|
|
29297
|
-
|
|
29298
|
-
|
|
29299
|
-
|
|
29300
|
-
|
|
29307
|
+
const current = (() => {
|
|
29308
|
+
const v = selection === null || selection === void 0 ? void 0 : selection.selectedKeys;
|
|
29309
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29310
|
+
})();
|
|
29311
|
+
const updatedSelectedKeys = !selected ? [...current, keyProperty] : current.filter((k) => String(k) !== String(keyProperty));
|
|
29301
29312
|
this.handleSelectionChangeCallbackAndEvent(event, updatedSelectedKeys !== null && updatedSelectedKeys !== void 0 ? updatedSelectedKeys : []);
|
|
29302
29313
|
} })))) : (hAsync("label", { class: "kol-table__selection-label" }, hAsync("input", Object.assign({ class: clsx('kol-table__selection-input kol-table__selection-input--radio') }, props, { type: "radio", onInput: (event) => {
|
|
29303
29314
|
this.handleSelectionChangeCallbackAndEvent(event, keyProperty);
|
|
@@ -29313,15 +29324,38 @@ class KolTableStateless {
|
|
|
29313
29324
|
}
|
|
29314
29325
|
getDataWithSelectionEnabled() {
|
|
29315
29326
|
const keyPropertyName = this.getSelectionKeyPropertyName();
|
|
29316
|
-
return this.state._data.filter((item) => {
|
|
29327
|
+
return this.state._data.filter((item) => {
|
|
29328
|
+
var _a;
|
|
29329
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
|
|
29330
|
+
const arr = v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29331
|
+
return !arr.some((k) => String(k) === String(item[keyPropertyName]));
|
|
29332
|
+
});
|
|
29317
29333
|
}
|
|
29318
29334
|
getSelectedKeysWithoutDisabledKeys() {
|
|
29319
|
-
|
|
29320
|
-
|
|
29335
|
+
const sel = (() => {
|
|
29336
|
+
var _a;
|
|
29337
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys;
|
|
29338
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29339
|
+
})();
|
|
29340
|
+
const dis = (() => {
|
|
29341
|
+
var _a;
|
|
29342
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
|
|
29343
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29344
|
+
})();
|
|
29345
|
+
return sel.filter((k) => !dis.some((d) => String(d) === String(k)));
|
|
29321
29346
|
}
|
|
29322
29347
|
getSelectedKeysWithDisabledKeysOnly() {
|
|
29323
|
-
|
|
29324
|
-
|
|
29348
|
+
const sel = (() => {
|
|
29349
|
+
var _a;
|
|
29350
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys;
|
|
29351
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29352
|
+
})();
|
|
29353
|
+
const dis = (() => {
|
|
29354
|
+
var _a;
|
|
29355
|
+
const v = (_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.disabledKeys;
|
|
29356
|
+
return v === undefined ? [] : Array.isArray(v) ? v : [v];
|
|
29357
|
+
})();
|
|
29358
|
+
return sel.filter((k) => dis.some((d) => String(d) === String(k)));
|
|
29325
29359
|
}
|
|
29326
29360
|
getRevertedSelection(selectAll) {
|
|
29327
29361
|
var _a;
|
|
@@ -29439,12 +29473,12 @@ class KolTableStateless {
|
|
|
29439
29473
|
const dataField = this.createDataField(this.state._data, this.state._headerCells);
|
|
29440
29474
|
this.checkboxRefs = [];
|
|
29441
29475
|
const sortedHorizontalHeaders = (_a = this.state._headerCells.horizontal) === null || _a === void 0 ? void 0 : _a.map((row) => this.sortByColumnPosition(row));
|
|
29442
|
-
return (hAsync("div", { key: '
|
|
29476
|
+
return (hAsync("div", { key: '181fd8cd9c44c66f235704117f57f376c7a72c66', class: "kol-table" }, this.state._hasSettingsMenu && hAsync(KolTableSettingsWcTag, { key: 'a7129f5a347bc2843ad3600b8c9314b829a5d5db', _tableSettings: this.state._tableSettings }), hAsync("div", { key: '7a86c6c56657e138b477d7de7179fb3f5cfbb733', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: 'a06a800737d9a4134bf206f455356515e0dd7ad0', class: "kol-table__table", style: {
|
|
29443
29477
|
minWidth: this.getTableMinWidth(),
|
|
29444
|
-
} }, hAsync("caption", { key: '
|
|
29478
|
+
} }, hAsync("caption", { key: '13a9d0559d7c78e1c6545ee2316c144f87c3740f', class: "kol-table__focus-element kol-table__caption", id: "caption", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined }, this.state._label), Array.isArray(sortedHorizontalHeaders) && (hAsync("thead", { key: 'f317088bad98752f96e234c7d8ea8c8d9c44a4f6', class: "kol-table__head" }, [
|
|
29445
29479
|
sortedHorizontalHeaders.map((cols, rowIndex) => (hAsync("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))))),
|
|
29446
29480
|
this.renderSpacer('head', sortedHorizontalHeaders),
|
|
29447
|
-
])), hAsync("tbody", { key: '
|
|
29481
|
+
])), hAsync("tbody", { key: 'f993b1f8b6150c016d87d3d2289da790642bbe62', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
|
|
29448
29482
|
}
|
|
29449
29483
|
get host() { return getElement(this); }
|
|
29450
29484
|
static get watchers() { return {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.2",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
],
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"rimraf": "6.0.1",
|
|
49
|
-
"@public-ui/components": "4.0.0-alpha.
|
|
49
|
+
"@public-ui/components": "4.0.0-alpha.2"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "4.0.0-alpha.
|
|
52
|
+
"@public-ui/components": "4.0.0-alpha.2"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|