@jetbrains/ring-ui 5.0.125 → 5.0.127
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/components/avatar-editor-ng/avatar-editor-ng.css +1 -1
- package/components/editable-heading/editable-heading.css +2 -0
- package/components/query-assist/query-assist.js +2 -2
- package/components/select/select.js +2 -2
- package/dist/query-assist/query-assist.js +2 -1
- package/dist/select/select.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +5 -5
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
float: right;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
:global(.ring-avatar-editor:hover:not(:disabled
|
|
31
|
+
:global(.ring-avatar-editor:hover:not(:disabled, .ring-avatar-editor_controlled)) {
|
|
32
32
|
padding: 0;
|
|
33
33
|
|
|
34
34
|
border: 1px solid var(--ring-link-hover-color);
|
|
@@ -803,7 +803,7 @@ export default class QueryAssist extends Component {
|
|
|
803
803
|
[styles.withoutGlass]: !glass || (!renderLoader && huge)
|
|
804
804
|
});
|
|
805
805
|
return (<ControlsHeightContext.Provider value={ControlsHeight.M}>
|
|
806
|
-
<div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="
|
|
806
|
+
<div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="search" ref={this.nodeRef}>
|
|
807
807
|
{this.state.shortcuts && (<Shortcuts map={this.shortcutsMap} scope={this.shortcutsScope}/>)}
|
|
808
808
|
|
|
809
809
|
{renderGlass && !huge && (<Icon glyph={searchIcon} className={styles.icon} title={this.props.translations.searchTitle} ref={this.glassRef} data-test="query-assist-search-icon"/>)}
|
|
@@ -815,7 +815,7 @@ export default class QueryAssist extends Component {
|
|
|
815
815
|
<LoaderInline />
|
|
816
816
|
</div>)}
|
|
817
817
|
|
|
818
|
-
<ContentEditable aria-label={this.props.translations.searchTitle} className={inputClasses} data-test="ring-query-assist-input" inputRef={this.inputRef} disabled={this.props.disabled} onComponentUpdate={() => this.setCaretPosition({ fromContentEditable: true })} onBlur={this.handleFocusChange} onClick={this.handleCaretMove} onCompositionStart={this.trackCompositionState} onCompositionEnd={this.trackCompositionState} onFocus={this.handleFocusChange} onInput={this.handleInput} // To support IE use the same method
|
|
818
|
+
<ContentEditable aria-label={this.props.translations.searchTitle} role="searchbox" className={inputClasses} data-test="ring-query-assist-input" inputRef={this.inputRef} disabled={this.props.disabled} onComponentUpdate={() => this.setCaretPosition({ fromContentEditable: true })} onBlur={this.handleFocusChange} onClick={this.handleCaretMove} onCompositionStart={this.trackCompositionState} onCompositionEnd={this.trackCompositionState} onFocus={this.handleFocusChange} onInput={this.handleInput} // To support IE use the same method
|
|
819
819
|
onKeyUp={this.handleInput} // to handle input and key up
|
|
820
820
|
onKeyDown={this.handleEnter} onPaste={this.handlePaste} spellCheck="false">{this.state.query && <span>{this.renderQuery()}</span>}</ContentEditable>
|
|
821
821
|
|
|
@@ -236,7 +236,7 @@ export default class Select extends Component {
|
|
|
236
236
|
if (prevState.selected) {
|
|
237
237
|
Object.assign(nextState, {
|
|
238
238
|
selectedIndex: getSelectedIndex(prevState.selected, data),
|
|
239
|
-
|
|
239
|
+
filterValue: getValueForFilter(prevState.selected, type, filterValue)
|
|
240
240
|
});
|
|
241
241
|
}
|
|
242
242
|
}
|
|
@@ -245,7 +245,7 @@ export default class Select extends Component {
|
|
|
245
245
|
const selectedIndex = getSelectedIndex(selected, data || prevData);
|
|
246
246
|
Object.assign(nextState, {
|
|
247
247
|
selected,
|
|
248
|
-
|
|
248
|
+
filterValue: getValueForFilter(selected, type, filterValue)
|
|
249
249
|
});
|
|
250
250
|
if (!Array.isArray(prevSelected) || !Array.isArray(selected) ||
|
|
251
251
|
!isSameSelected(prevSelected, selected)) {
|
|
@@ -808,7 +808,7 @@ class QueryAssist extends Component {
|
|
|
808
808
|
}, /*#__PURE__*/React.createElement("div", {
|
|
809
809
|
"data-test": joinDataTestAttributes('ring-query-assist', dataTest),
|
|
810
810
|
className: containerClasses,
|
|
811
|
-
role: "
|
|
811
|
+
role: "search",
|
|
812
812
|
ref: this.nodeRef
|
|
813
813
|
}, this.state.shortcuts && /*#__PURE__*/React.createElement(Shortcuts, {
|
|
814
814
|
map: this.shortcutsMap,
|
|
@@ -827,6 +827,7 @@ class QueryAssist extends Component {
|
|
|
827
827
|
ref: this.loaderRef
|
|
828
828
|
}, /*#__PURE__*/React.createElement(LoaderInline, null)), /*#__PURE__*/React.createElement(ContentEditable, {
|
|
829
829
|
"aria-label": this.props.translations.searchTitle,
|
|
830
|
+
role: "searchbox",
|
|
830
831
|
className: inputClasses,
|
|
831
832
|
"data-test": "ring-query-assist-input",
|
|
832
833
|
inputRef: this.inputRef,
|
package/dist/select/select.js
CHANGED
|
@@ -564,7 +564,7 @@ class Select extends Component {
|
|
|
564
564
|
if (prevState.selected) {
|
|
565
565
|
Object.assign(nextState, {
|
|
566
566
|
selectedIndex: getSelectedIndex(prevState.selected, data),
|
|
567
|
-
|
|
567
|
+
filterValue: getValueForFilter(prevState.selected, type, filterValue)
|
|
568
568
|
});
|
|
569
569
|
}
|
|
570
570
|
}
|
|
@@ -573,7 +573,7 @@ class Select extends Component {
|
|
|
573
573
|
const selectedIndex = getSelectedIndex(selected, data || prevData);
|
|
574
574
|
Object.assign(nextState, {
|
|
575
575
|
selected,
|
|
576
|
-
|
|
576
|
+
filterValue: getValueForFilter(selected, type, filterValue)
|
|
577
577
|
});
|
|
578
578
|
if (!Array.isArray(prevSelected) || !Array.isArray(selected) || !isSameSelected(prevSelected, selected)) {
|
|
579
579
|
Object.assign(nextState, {
|