@public-ui/hydrate 3.0.6-rc.1 → 3.0.6-rc.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 +24 -12
- package/dist/index.mjs +24 -12
- 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":"3.0.6-rc.
|
|
149
|
+
const Env = /* kolibri */ {"kolibriVersion":"3.0.6-rc.2"};
|
|
150
150
|
|
|
151
151
|
function getDefaultExportFromCjs (x) {
|
|
152
152
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -19062,13 +19062,13 @@ class KolButtonWc {
|
|
|
19062
19062
|
const badgeText = this.state._accessKey || this.state._shortKey;
|
|
19063
19063
|
const isDisabled = this.state._disabled === true;
|
|
19064
19064
|
const hideLabel = this.state._hideLabel === true;
|
|
19065
|
-
return (hAsync(Host, { key: '9202198cc53ca78db26cc6c7ce68da269b521f9c' }, hAsync("button", { key: '
|
|
19065
|
+
return (hAsync(Host, { key: '9202198cc53ca78db26cc6c7ce68da269b521f9c' }, hAsync("button", { key: '9a3d1b8f642ad673b69c5ef0d3a81822d0ec34b3', ref: (ref) => (this.buttonRef = ref), accessKey: this.state._accessKey, "aria-controls": this.state._ariaControls, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-keyshortcuts": this.state._shortKey, "aria-label": hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {
|
|
19066
19066
|
'kol-button--disabled': isDisabled,
|
|
19067
19067
|
[`kol-button--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',
|
|
19068
19068
|
[`kol-button--${this.state._linkVariant}`]: this.state._linkVariant,
|
|
19069
19069
|
'kol-button--hide-label': hideLabel,
|
|
19070
19070
|
[this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
19071
|
-
}), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, hAsync(KolSpanFc, { key: '
|
|
19071
|
+
}), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, hAsync(KolSpanFc, { key: '717fd0e277dc8d19424eb4f46a00bd8f6c087eff', class: "kol-button__text", badgeText: badgeText, icons: this.state._icons, hideLabel: hideLabel, label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: 'f3ddc202d34119f33efb2dc0262e61e2c7faddb7', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: '49b4d12189968fb4011d53f0625107d1bf6a22fe', ref: (ref) => (this.tooltipRef = ref), "aria-hidden": "true", hidden: hasExpertSlot || !hideLabel, class: "kol-button__tooltip", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (hAsync("span", { key: '6ee695a8f9d45e456b1fd563ea68e1bc9d1fc647', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
19072
19072
|
}
|
|
19073
19073
|
constructor(hostRef) {
|
|
19074
19074
|
registerInstance(this, hostRef);
|
|
@@ -19552,6 +19552,8 @@ function getInputProps(state, other, customSuggestions) {
|
|
|
19552
19552
|
props.touched = state._touched;
|
|
19553
19553
|
if ('_msg' in state)
|
|
19554
19554
|
props.msg = state._msg;
|
|
19555
|
+
if ('_shortKey' in state)
|
|
19556
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
19555
19557
|
if ('_suggestions' in state && !customSuggestions) {
|
|
19556
19558
|
const hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;
|
|
19557
19559
|
if (hasSuggestions) {
|
|
@@ -19922,7 +19924,7 @@ class KolCombobox {
|
|
|
19922
19924
|
getInputProps() {
|
|
19923
19925
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
19924
19926
|
const isDisabled = this.state._disabled === true;
|
|
19925
|
-
return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-
|
|
19927
|
+
return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-expanded': this._isOpen ? 'true' : 'false', 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-labelledby': this.state._id, 'aria-keyshortcuts': this.state._shortKey, value: this.state._value, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', disabled: isDisabled, customSuggestions: true, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade), { onFocus: (event) => {
|
|
19926
19928
|
this.controller.onFacade.onFocus(event);
|
|
19927
19929
|
this.inputHasFocus = true;
|
|
19928
19930
|
}, onBlur: (event) => {
|
|
@@ -19932,7 +19934,7 @@ class KolCombobox {
|
|
|
19932
19934
|
}
|
|
19933
19935
|
render() {
|
|
19934
19936
|
const isDisabled = this.state._disabled === true;
|
|
19935
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
19937
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'eb15fe58d236a7f992976c4d35e004996c1fcd4e' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '80c19ad381816ef88948ac29b48fb64dc407cf29', state: this.state }, hAsync("div", { key: '96a9ea7656090a0e10024d6cc0b44e182238b217', class: "kol-combobox__group" }, hAsync(InputStateWrapper, Object.assign({ key: '1f79a7c35437e4357b296118ce7ab45166966cb5' }, this.getInputProps())), hAsync(CustomSuggestionsToggleFc, { key: '5741846ebde26e7eb4cb7d7d557084c028193a8c', onClick: this.toggleListbox.bind(this), disabled: isDisabled })), this._isOpen && !isDisabled && (hAsync(CustomSuggestionsOptionsGroupFc, { key: '2e8c160d9ada3feb752d4efcdb2e3b281a6d7269', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
|
|
19936
19938
|
this._filteredSuggestions.length > 0 &&
|
|
19937
19939
|
this._filteredSuggestions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option, searchTerm: this.state._value, ref: (el) => {
|
|
19938
19940
|
if (el)
|
|
@@ -20987,6 +20989,8 @@ function getCheckboxProps(state, inputProps = {}) {
|
|
|
20987
20989
|
props.touched = state._touched;
|
|
20988
20990
|
if ('_msg' in state)
|
|
20989
20991
|
props.msg = state._msg;
|
|
20992
|
+
if ('_shortKey' in state)
|
|
20993
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
20990
20994
|
return Object.assign(Object.assign({}, props), inputProps);
|
|
20991
20995
|
}
|
|
20992
20996
|
const CheckboxStateWrapper = (_a) => {
|
|
@@ -24178,16 +24182,16 @@ class KolLinkWc {
|
|
|
24178
24182
|
const { isExternal, tagAttrs } = this.getRenderValues();
|
|
24179
24183
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
24180
24184
|
const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
|
|
24181
|
-
return (hAsync(Host, { key: '66b211cb214bc8af1454b049d91a45692d551490' }, hAsync("a", Object.assign({ key: '
|
|
24185
|
+
return (hAsync(Host, { key: '66b211cb214bc8af1454b049d91a45692d551490' }, hAsync("a", Object.assign({ key: '16e863863af7e519d66ef145011620121b96ab87', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-current": this.state._ariaCurrent, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-disabled": this.state._disabled ? 'true' : undefined, "aria-expanded": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, "aria-owns": this.state._ariaOwns, "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
|
|
24182
24186
|
? `${this.state._label}${isExternal ? ` (${this.translateOpenLinkInTab})` : ''}`
|
|
24183
|
-
: undefined, class: clsx('kol-link', {
|
|
24187
|
+
: undefined, "aria-keyshortcuts": this.state._shortKey, class: clsx('kol-link', {
|
|
24184
24188
|
'kol-link--disabled': this.state._disabled === true,
|
|
24185
24189
|
'kol-link--external-link': isExternal,
|
|
24186
24190
|
'kol-link--hide-label': this.state._hideLabel === true,
|
|
24187
24191
|
[`kol-link--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',
|
|
24188
24192
|
[`kol-link--${this.state._linkVariant}`]: this.state._linkVariant,
|
|
24189
24193
|
[this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
24190
|
-
}) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanFc, { key: '
|
|
24194
|
+
}) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanFc, { key: '022d1349f438c9c293e39a803023bdd8bacbda41', class: "kol-link__text", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: 'c170704bd6a44996790835133d93fa17a802c0e9', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: '60d7c870b7eb6151cb7424a0e54fd725321d49bc', class: "kol-link__icon", _label: this.state._hideLabel ? '' : this.translateOpenLinkInTab, _icons: 'codicon codicon-link-external', "aria-hidden": this.state._hideLabel }))), hAsync(KolTooltipWcTag, { key: 'a6568660f068804b8db4cf83e334462f27879099', "aria-hidden": "true", class: "kol-link__tooltip", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (hAsync("span", { key: '43ec466872989138e38c318f8396f7d3284721e1', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
24191
24195
|
}
|
|
24192
24196
|
validateAccessKey(value) {
|
|
24193
24197
|
validateAccessKey(this, value);
|
|
@@ -27210,6 +27214,8 @@ function getSelectProps(state) {
|
|
|
27210
27214
|
touched: state._touched,
|
|
27211
27215
|
msg: state._msg,
|
|
27212
27216
|
};
|
|
27217
|
+
if ('_shortKey' in state)
|
|
27218
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
27213
27219
|
return props;
|
|
27214
27220
|
}
|
|
27215
27221
|
const SelectStateWrapper = (_a) => {
|
|
@@ -27745,7 +27751,7 @@ class KolSingleSelect {
|
|
|
27745
27751
|
getInputProps() {
|
|
27746
27752
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
27747
27753
|
const isDisabled = this.state._disabled === true;
|
|
27748
|
-
return Object.assign(Object.assign({ 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: isDisabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, state: this.state, type: 'text', value: this._inputValue }, this.controller.onFacade), { onChange: this.onChange.bind(this), onClick: this.onClick.bind(this), onInput: this.onInput.bind(this), onFocus: (event) => {
|
|
27754
|
+
return Object.assign(Object.assign({ 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-keyshortcuts': this.state._shortKey, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: isDisabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, state: this.state, type: 'text', value: this._inputValue }, this.controller.onFacade), { onChange: this.onChange.bind(this), onClick: this.onClick.bind(this), onInput: this.onInput.bind(this), onFocus: (event) => {
|
|
27749
27755
|
this.controller.onFacade.onFocus(event);
|
|
27750
27756
|
this.inputHasFocus = true;
|
|
27751
27757
|
}, onBlur: (event) => {
|
|
@@ -27756,13 +27762,13 @@ class KolSingleSelect {
|
|
|
27756
27762
|
render() {
|
|
27757
27763
|
var _a;
|
|
27758
27764
|
const isDisabled = this.state._disabled === true;
|
|
27759
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
27765
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'd4ef03f19cb7e45196babd07c18a8dfaf51a870c' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '748d89800a143372bab4a15b708cd8c36dbc261c', state: this.state }, hAsync("div", { key: '50234ebdf0a9086a3b27303f51f882e112a46893', class: "kol-single-select__group" }, hAsync(InputStateWrapper, Object.assign({ key: '14db4e6f962cfebeea203b3b9376828eed633eb4' }, this.getInputProps())), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: 'dee3a02baf4cea70c7f60e96d4de9977b70f9c3d', _icons: "codicon codicon-close", "data-testid": "single-select-delete", _label: this.translateDeleteSelection, onClick: () => {
|
|
27760
27766
|
var _a;
|
|
27761
27767
|
this.clearSelection();
|
|
27762
27768
|
(_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();
|
|
27763
27769
|
}, class: clsx('kol-single-select__delete', {
|
|
27764
27770
|
'kol-single-select__delete--disabled': isDisabled,
|
|
27765
|
-
}) })), hAsync(CustomSuggestionsToggleFc, { key: '
|
|
27771
|
+
}) })), hAsync(CustomSuggestionsToggleFc, { key: 'b554c5be8708f40257589c773baa3acf60eb0ff5', onClick: this.toggleListbox.bind(this), disabled: isDisabled })), this._isOpen && !isDisabled && (hAsync(CustomSuggestionsOptionsGroupFc, { key: '1f65948d2645e99a6a38ca1598e18add2cf5926e', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` } }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option.label, searchTerm: this._inputValue, ref: (el) => {
|
|
27766
27772
|
if (el)
|
|
27767
27773
|
this.refOptions[index] = el;
|
|
27768
27774
|
}, selected: this._value === option.value, onClick: (event) => {
|
|
@@ -28597,6 +28603,10 @@ class KolTableStateful {
|
|
|
28597
28603
|
const applySort = (headers) => {
|
|
28598
28604
|
let hasSortedCells = false;
|
|
28599
28605
|
headers.forEach((cell) => {
|
|
28606
|
+
if (typeof cell.compareFn === 'function' && !cell.key) {
|
|
28607
|
+
devHint(`[KolTableStateful] A sortable column requires the 'key' property.`);
|
|
28608
|
+
return;
|
|
28609
|
+
}
|
|
28600
28610
|
const key = cell.key;
|
|
28601
28611
|
if (!key) {
|
|
28602
28612
|
return;
|
|
@@ -28771,7 +28781,7 @@ class KolTableStateful {
|
|
|
28771
28781
|
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 : [],
|
|
28772
28782
|
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 : [],
|
|
28773
28783
|
};
|
|
28774
|
-
return (hAsync(Host, { key: '
|
|
28784
|
+
return (hAsync(Host, { key: 'db146c3d637f3c16f199cfa27bee24f1331eddc7', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '64aff1595fe8e83f77a23e9d0c96a5e12de23244', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
28775
28785
|
onSort: (_, payload) => {
|
|
28776
28786
|
this.handleSort(payload);
|
|
28777
28787
|
},
|
|
@@ -29744,6 +29754,8 @@ function getTextAreaProps(state, other) {
|
|
|
29744
29754
|
if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {
|
|
29745
29755
|
props.maxLength = state._maxLength;
|
|
29746
29756
|
}
|
|
29757
|
+
if ('_shortKey' in state)
|
|
29758
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
29747
29759
|
return props;
|
|
29748
29760
|
}
|
|
29749
29761
|
const TextAreaStateWrapper = (_a) => {
|
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":"3.0.6-rc.
|
|
147
|
+
const Env = /* kolibri */ {"kolibriVersion":"3.0.6-rc.2"};
|
|
148
148
|
|
|
149
149
|
function getDefaultExportFromCjs (x) {
|
|
150
150
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -19060,13 +19060,13 @@ class KolButtonWc {
|
|
|
19060
19060
|
const badgeText = this.state._accessKey || this.state._shortKey;
|
|
19061
19061
|
const isDisabled = this.state._disabled === true;
|
|
19062
19062
|
const hideLabel = this.state._hideLabel === true;
|
|
19063
|
-
return (hAsync(Host, { key: '9202198cc53ca78db26cc6c7ce68da269b521f9c' }, hAsync("button", { key: '
|
|
19063
|
+
return (hAsync(Host, { key: '9202198cc53ca78db26cc6c7ce68da269b521f9c' }, hAsync("button", { key: '9a3d1b8f642ad673b69c5ef0d3a81822d0ec34b3', ref: (ref) => (this.buttonRef = ref), accessKey: this.state._accessKey, "aria-controls": this.state._ariaControls, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-keyshortcuts": this.state._shortKey, "aria-label": hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {
|
|
19064
19064
|
'kol-button--disabled': isDisabled,
|
|
19065
19065
|
[`kol-button--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',
|
|
19066
19066
|
[`kol-button--${this.state._linkVariant}`]: this.state._linkVariant,
|
|
19067
19067
|
'kol-button--hide-label': hideLabel,
|
|
19068
19068
|
[this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
19069
|
-
}), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, hAsync(KolSpanFc, { key: '
|
|
19069
|
+
}), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, hAsync(KolSpanFc, { key: '717fd0e277dc8d19424eb4f46a00bd8f6c087eff', class: "kol-button__text", badgeText: badgeText, icons: this.state._icons, hideLabel: hideLabel, label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: 'f3ddc202d34119f33efb2dc0262e61e2c7faddb7', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: '49b4d12189968fb4011d53f0625107d1bf6a22fe', ref: (ref) => (this.tooltipRef = ref), "aria-hidden": "true", hidden: hasExpertSlot || !hideLabel, class: "kol-button__tooltip", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (hAsync("span", { key: '6ee695a8f9d45e456b1fd563ea68e1bc9d1fc647', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
19070
19070
|
}
|
|
19071
19071
|
constructor(hostRef) {
|
|
19072
19072
|
registerInstance(this, hostRef);
|
|
@@ -19550,6 +19550,8 @@ function getInputProps(state, other, customSuggestions) {
|
|
|
19550
19550
|
props.touched = state._touched;
|
|
19551
19551
|
if ('_msg' in state)
|
|
19552
19552
|
props.msg = state._msg;
|
|
19553
|
+
if ('_shortKey' in state)
|
|
19554
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
19553
19555
|
if ('_suggestions' in state && !customSuggestions) {
|
|
19554
19556
|
const hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;
|
|
19555
19557
|
if (hasSuggestions) {
|
|
@@ -19920,7 +19922,7 @@ class KolCombobox {
|
|
|
19920
19922
|
getInputProps() {
|
|
19921
19923
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
19922
19924
|
const isDisabled = this.state._disabled === true;
|
|
19923
|
-
return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-
|
|
19925
|
+
return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-expanded': this._isOpen ? 'true' : 'false', 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-labelledby': this.state._id, 'aria-keyshortcuts': this.state._shortKey, value: this.state._value, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', disabled: isDisabled, customSuggestions: true, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade), { onFocus: (event) => {
|
|
19924
19926
|
this.controller.onFacade.onFocus(event);
|
|
19925
19927
|
this.inputHasFocus = true;
|
|
19926
19928
|
}, onBlur: (event) => {
|
|
@@ -19930,7 +19932,7 @@ class KolCombobox {
|
|
|
19930
19932
|
}
|
|
19931
19933
|
render() {
|
|
19932
19934
|
const isDisabled = this.state._disabled === true;
|
|
19933
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
19935
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'eb15fe58d236a7f992976c4d35e004996c1fcd4e' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '80c19ad381816ef88948ac29b48fb64dc407cf29', state: this.state }, hAsync("div", { key: '96a9ea7656090a0e10024d6cc0b44e182238b217', class: "kol-combobox__group" }, hAsync(InputStateWrapper, Object.assign({ key: '1f79a7c35437e4357b296118ce7ab45166966cb5' }, this.getInputProps())), hAsync(CustomSuggestionsToggleFc, { key: '5741846ebde26e7eb4cb7d7d557084c028193a8c', onClick: this.toggleListbox.bind(this), disabled: isDisabled })), this._isOpen && !isDisabled && (hAsync(CustomSuggestionsOptionsGroupFc, { key: '2e8c160d9ada3feb752d4efcdb2e3b281a6d7269', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
|
|
19934
19936
|
this._filteredSuggestions.length > 0 &&
|
|
19935
19937
|
this._filteredSuggestions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option, searchTerm: this.state._value, ref: (el) => {
|
|
19936
19938
|
if (el)
|
|
@@ -20985,6 +20987,8 @@ function getCheckboxProps(state, inputProps = {}) {
|
|
|
20985
20987
|
props.touched = state._touched;
|
|
20986
20988
|
if ('_msg' in state)
|
|
20987
20989
|
props.msg = state._msg;
|
|
20990
|
+
if ('_shortKey' in state)
|
|
20991
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
20988
20992
|
return Object.assign(Object.assign({}, props), inputProps);
|
|
20989
20993
|
}
|
|
20990
20994
|
const CheckboxStateWrapper = (_a) => {
|
|
@@ -24176,16 +24180,16 @@ class KolLinkWc {
|
|
|
24176
24180
|
const { isExternal, tagAttrs } = this.getRenderValues();
|
|
24177
24181
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
24178
24182
|
const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
|
|
24179
|
-
return (hAsync(Host, { key: '66b211cb214bc8af1454b049d91a45692d551490' }, hAsync("a", Object.assign({ key: '
|
|
24183
|
+
return (hAsync(Host, { key: '66b211cb214bc8af1454b049d91a45692d551490' }, hAsync("a", Object.assign({ key: '16e863863af7e519d66ef145011620121b96ab87', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-current": this.state._ariaCurrent, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-disabled": this.state._disabled ? 'true' : undefined, "aria-expanded": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, "aria-owns": this.state._ariaOwns, "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
|
|
24180
24184
|
? `${this.state._label}${isExternal ? ` (${this.translateOpenLinkInTab})` : ''}`
|
|
24181
|
-
: undefined, class: clsx('kol-link', {
|
|
24185
|
+
: undefined, "aria-keyshortcuts": this.state._shortKey, class: clsx('kol-link', {
|
|
24182
24186
|
'kol-link--disabled': this.state._disabled === true,
|
|
24183
24187
|
'kol-link--external-link': isExternal,
|
|
24184
24188
|
'kol-link--hide-label': this.state._hideLabel === true,
|
|
24185
24189
|
[`kol-link--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',
|
|
24186
24190
|
[`kol-link--${this.state._linkVariant}`]: this.state._linkVariant,
|
|
24187
24191
|
[this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
24188
|
-
}) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanFc, { key: '
|
|
24192
|
+
}) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanFc, { key: '022d1349f438c9c293e39a803023bdd8bacbda41', class: "kol-link__text", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: 'c170704bd6a44996790835133d93fa17a802c0e9', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: '60d7c870b7eb6151cb7424a0e54fd725321d49bc', class: "kol-link__icon", _label: this.state._hideLabel ? '' : this.translateOpenLinkInTab, _icons: 'codicon codicon-link-external', "aria-hidden": this.state._hideLabel }))), hAsync(KolTooltipWcTag, { key: 'a6568660f068804b8db4cf83e334462f27879099', "aria-hidden": "true", class: "kol-link__tooltip", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (hAsync("span", { key: '43ec466872989138e38c318f8396f7d3284721e1', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
24189
24193
|
}
|
|
24190
24194
|
validateAccessKey(value) {
|
|
24191
24195
|
validateAccessKey(this, value);
|
|
@@ -27208,6 +27212,8 @@ function getSelectProps(state) {
|
|
|
27208
27212
|
touched: state._touched,
|
|
27209
27213
|
msg: state._msg,
|
|
27210
27214
|
};
|
|
27215
|
+
if ('_shortKey' in state)
|
|
27216
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
27211
27217
|
return props;
|
|
27212
27218
|
}
|
|
27213
27219
|
const SelectStateWrapper = (_a) => {
|
|
@@ -27743,7 +27749,7 @@ class KolSingleSelect {
|
|
|
27743
27749
|
getInputProps() {
|
|
27744
27750
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
27745
27751
|
const isDisabled = this.state._disabled === true;
|
|
27746
|
-
return Object.assign(Object.assign({ 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: isDisabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, state: this.state, type: 'text', value: this._inputValue }, this.controller.onFacade), { onChange: this.onChange.bind(this), onClick: this.onClick.bind(this), onInput: this.onInput.bind(this), onFocus: (event) => {
|
|
27752
|
+
return Object.assign(Object.assign({ 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-keyshortcuts': this.state._shortKey, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', class: 'kol-single-select__input', disabled: isDisabled, name: this.state._name, placeholder: this.state._placeholder, ref: this.catchRef, required: this.state._required, state: this.state, type: 'text', value: this._inputValue }, this.controller.onFacade), { onChange: this.onChange.bind(this), onClick: this.onClick.bind(this), onInput: this.onInput.bind(this), onFocus: (event) => {
|
|
27747
27753
|
this.controller.onFacade.onFocus(event);
|
|
27748
27754
|
this.inputHasFocus = true;
|
|
27749
27755
|
}, onBlur: (event) => {
|
|
@@ -27754,13 +27760,13 @@ class KolSingleSelect {
|
|
|
27754
27760
|
render() {
|
|
27755
27761
|
var _a;
|
|
27756
27762
|
const isDisabled = this.state._disabled === true;
|
|
27757
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
27763
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'd4ef03f19cb7e45196babd07c18a8dfaf51a870c' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '748d89800a143372bab4a15b708cd8c36dbc261c', state: this.state }, hAsync("div", { key: '50234ebdf0a9086a3b27303f51f882e112a46893', class: "kol-single-select__group" }, hAsync(InputStateWrapper, Object.assign({ key: '14db4e6f962cfebeea203b3b9376828eed633eb4' }, this.getInputProps())), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: 'dee3a02baf4cea70c7f60e96d4de9977b70f9c3d', _icons: "codicon codicon-close", "data-testid": "single-select-delete", _label: this.translateDeleteSelection, onClick: () => {
|
|
27758
27764
|
var _a;
|
|
27759
27765
|
this.clearSelection();
|
|
27760
27766
|
(_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();
|
|
27761
27767
|
}, class: clsx('kol-single-select__delete', {
|
|
27762
27768
|
'kol-single-select__delete--disabled': isDisabled,
|
|
27763
|
-
}) })), hAsync(CustomSuggestionsToggleFc, { key: '
|
|
27769
|
+
}) })), hAsync(CustomSuggestionsToggleFc, { key: 'b554c5be8708f40257589c773baa3acf60eb0ff5', onClick: this.toggleListbox.bind(this), disabled: isDisabled })), this._isOpen && !isDisabled && (hAsync(CustomSuggestionsOptionsGroupFc, { key: '1f65948d2645e99a6a38ca1598e18add2cf5926e', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` } }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option.label, searchTerm: this._inputValue, ref: (el) => {
|
|
27764
27770
|
if (el)
|
|
27765
27771
|
this.refOptions[index] = el;
|
|
27766
27772
|
}, selected: this._value === option.value, onClick: (event) => {
|
|
@@ -28595,6 +28601,10 @@ class KolTableStateful {
|
|
|
28595
28601
|
const applySort = (headers) => {
|
|
28596
28602
|
let hasSortedCells = false;
|
|
28597
28603
|
headers.forEach((cell) => {
|
|
28604
|
+
if (typeof cell.compareFn === 'function' && !cell.key) {
|
|
28605
|
+
devHint(`[KolTableStateful] A sortable column requires the 'key' property.`);
|
|
28606
|
+
return;
|
|
28607
|
+
}
|
|
28598
28608
|
const key = cell.key;
|
|
28599
28609
|
if (!key) {
|
|
28600
28610
|
return;
|
|
@@ -28769,7 +28779,7 @@ class KolTableStateful {
|
|
|
28769
28779
|
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 : [],
|
|
28770
28780
|
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 : [],
|
|
28771
28781
|
};
|
|
28772
|
-
return (hAsync(Host, { key: '
|
|
28782
|
+
return (hAsync(Host, { key: 'db146c3d637f3c16f199cfa27bee24f1331eddc7', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '64aff1595fe8e83f77a23e9d0c96a5e12de23244', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
28773
28783
|
onSort: (_, payload) => {
|
|
28774
28784
|
this.handleSort(payload);
|
|
28775
28785
|
},
|
|
@@ -29742,6 +29752,8 @@ function getTextAreaProps(state, other) {
|
|
|
29742
29752
|
if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {
|
|
29743
29753
|
props.maxLength = state._maxLength;
|
|
29744
29754
|
}
|
|
29755
|
+
if ('_shortKey' in state)
|
|
29756
|
+
props['aria-keyshortcuts'] = state._shortKey;
|
|
29745
29757
|
return props;
|
|
29746
29758
|
}
|
|
29747
29759
|
const TextAreaStateWrapper = (_a) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "3.0.6-rc.
|
|
3
|
+
"version": "3.0.6-rc.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": "3.0.6-rc.
|
|
49
|
+
"@public-ui/components": "3.0.6-rc.2"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "3.0.6-rc.
|
|
52
|
+
"@public-ui/components": "3.0.6-rc.2"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|