@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.
@@ -28,7 +28,7 @@
28
28
  float: right;
29
29
  }
30
30
 
31
- :global(.ring-avatar-editor:hover:not(:disabled):not(.ring-avatar-editor_controlled)) {
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);
@@ -59,6 +59,8 @@
59
59
  -webkit-line-clamp: 1;
60
60
  -webkit-box-orient: vertical;
61
61
 
62
+ word-wrap: break-word;
63
+
62
64
  border-radius: var(--ring-border-radius);
63
65
 
64
66
  @nest .multiline & {
@@ -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="presentation" ref={this.nodeRef}>
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
- prevFilterValue: getValueForFilter(prevState.selected, type, filterValue)
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
- prevFilterValue: getValueForFilter(selected, type, filterValue)
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: "presentation",
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,
@@ -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
- prevFilterValue: getValueForFilter(prevState.selected, type, filterValue)
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
- prevFilterValue: getValueForFilter(selected, type, filterValue)
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, {