@jetbrains/ring-ui 5.0.124 → 5.0.126

package/components/avatar/avatar.d.ts

@@ -15,7 +15,7 @@ export declare enum Size {
 }
 export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
     dpr: number;
-    size: Size;
+    size: Size | number;
     subavatarSize: number;
     url?: string | null | undefined;
     round?: boolean | null | undefined;

package/components/avatar-editor-ng/avatar-editor-ng.css

@@ -28,7 +28,7 @@
   float: right;
 }
 
-:global(.ring-avatar-editor:hover:not(:disabled):not(.ring-avatar-editor_controlled)) {
+:global(.ring-avatar-editor:hover:not(:disabled, .ring-avatar-editor_controlled)) {
   padding: 0;
 
   border: 1px solid var(--ring-link-hover-color);

package/components/button/button.d.ts

@@ -1,7 +1,7 @@
 import 'focus-visible';
 import React, { PureComponent, ButtonHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-import { IconType, Size } from '../icon/icon';
+import { IconProps, IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';
 import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 export interface ButtonBaseProps {
@@ -17,7 +17,7 @@ export interface ButtonBaseProps {
     dropdown?: boolean | null | undefined;
     disabled?: boolean | undefined;
     icon?: string | IconType | null | undefined;
-    iconSize?: Size | null | undefined;
+    iconSize?: IconProps['size'];
     iconClassName?: string | null | undefined;
     iconSuppressSizeWarning?: boolean | null | undefined;
 }

package/components/icon/icon.d.ts

@@ -9,7 +9,7 @@ export interface IconProps extends HTMLAttributes<HTMLElement> {
     color: Color;
     glyph: string | IconType | null;
     height?: number | undefined;
-    size?: Size | null | undefined;
+    size?: Size | number | null | undefined;
     width?: number | undefined;
     loading?: boolean | null | undefined;
     suppressSizeWarning?: boolean | null | undefined;

package/components/query-assist/query-assist.js

@@ -803,7 +803,7 @@ export default class QueryAssist extends Component {
             [styles.withoutGlass]: !glass || (!renderLoader && huge)
         });
         return (<ControlsHeightContext.Provider value={ControlsHeight.M}>
-        <div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="presentation" ref={this.nodeRef}>
+        <div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="search" ref={this.nodeRef}>
           {this.state.shortcuts && (<Shortcuts map={this.shortcutsMap} scope={this.shortcutsScope}/>)}
 
           {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 {
               <LoaderInline />
             </div>)}
 
-          <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
+          <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
          onKeyUp={this.handleInput} // to handle input and key up
          onKeyDown={this.handleEnter} onPaste={this.handlePaste} spellCheck="false">{this.state.query && <span>{this.renderQuery()}</span>}</ContentEditable>
 

package/components/select/select.js

@@ -245,7 +245,7 @@ export default class Select extends Component {
             const selectedIndex = getSelectedIndex(selected, data || prevData);
             Object.assign(nextState, {
                 selected,
-                prevFilterValue: getValueForFilter(selected, type, filterValue)
+                filterValue: getValueForFilter(selected, type, filterValue)
             });
             if (!Array.isArray(prevSelected) || !Array.isArray(selected) ||
                 !isSameSelected(prevSelected, selected)) {

package/dist/avatar/avatar.d.ts

@@ -15,7 +15,7 @@ export declare enum Size {
 }
 export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
     dpr: number;
-    size: Size;
+    size: Size | number;
     subavatarSize: number;
     url?: string | null | undefined;
     round?: boolean | null | undefined;

package/dist/button/button.d.ts

@@ -1,7 +1,7 @@
 import 'focus-visible';
 import React, { PureComponent, ButtonHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-import { IconType, Size } from '../icon/icon';
+import { IconProps, IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';
 import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 export interface ButtonBaseProps {
@@ -17,7 +17,7 @@ export interface ButtonBaseProps {
     dropdown?: boolean | null | undefined;
     disabled?: boolean | undefined;
     icon?: string | IconType | null | undefined;
-    iconSize?: Size | null | undefined;
+    iconSize?: IconProps['size'];
     iconClassName?: string | null | undefined;
     iconSuppressSizeWarning?: boolean | null | undefined;
 }

package/dist/icon/icon.d.ts

@@ -9,7 +9,7 @@ export interface IconProps extends HTMLAttributes<HTMLElement> {
     color: Color;
     glyph: string | IconType | null;
     height?: number | undefined;
-    size?: Size | null | undefined;
+    size?: Size | number | null | undefined;
     width?: number | undefined;
     loading?: boolean | null | undefined;
     suppressSizeWarning?: boolean | null | undefined;

package/dist/query-assist/query-assist.js

@@ -808,7 +808,7 @@ class QueryAssist extends Component {
     }, /*#__PURE__*/React.createElement("div", {
       "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
       className: containerClasses,
-      role: "presentation",
+      role: "search",
       ref: this.nodeRef
     }, this.state.shortcuts && /*#__PURE__*/React.createElement(Shortcuts, {
       map: this.shortcutsMap,
@@ -827,6 +827,7 @@ class QueryAssist extends Component {
       ref: this.loaderRef
     }, /*#__PURE__*/React.createElement(LoaderInline, null)), /*#__PURE__*/React.createElement(ContentEditable, {
       "aria-label": this.props.translations.searchTitle,
+      role: "searchbox",
       className: inputClasses,
       "data-test": "ring-query-assist-input",
       inputRef: this.inputRef,

package/dist/select/select.js

@@ -573,7 +573,7 @@ class Select extends Component {
       const selectedIndex = getSelectedIndex(selected, data || prevData);
       Object.assign(nextState, {
         selected,
-        prevFilterValue: getValueForFilter(selected, type, filterValue)
+        filterValue: getValueForFilter(selected, type, filterValue)
       });
       if (!Array.isArray(prevSelected) || !Array.isArray(selected) || !isSameSelected(prevSelected, selected)) {
         Object.assign(nextState, {