@jetbrains/ring-ui 5.0.0-beta.3 → 5.0.0-beta.7

package/dist/pager/pager.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronLeftIcon from '@jetbrains/icons/chevron-left';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import ButtonGroup from '../button-group/button-group.js';
 import ButtonToolbar from '../button-toolbar/button-toolbar.js';
 import Select from '../select/select.js';
@@ -13,8 +13,8 @@ import Link from '../link/link.js';
 import Icon from '../icon/icon.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../icon/icon__constants.js';
 import 'util-deprecate';
@@ -23,6 +23,7 @@ import '../icon/icon__svg.js';
 import '../button-group/caption.js';
 import '../_helpers/button-group.js';
 import '../_helpers/button-toolbar.js';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
@@ -76,12 +77,7 @@ import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';
@@ -89,7 +85,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_6375","links":"links_rui_6375","link":"link_rui_6375","linkDisabled":"linkDisabled_rui_6375"};
+var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_f590","links":"links_rui_f590","link":"link_rui_f590","linkDisabled":"linkDisabled_rui_f590"};
 
 class Pager extends PureComponent {
   constructor() {
@@ -167,7 +163,7 @@ class Pager extends PureComponent {
   }
 
   getButton(page, content, key, active) {
-    return /*#__PURE__*/React.createElement(ThemedButton, _extends({
+    return /*#__PURE__*/React.createElement(Button, _extends({
       href: this.generateHref(page),
       key: key,
       active: active,
@@ -311,10 +307,10 @@ class Pager extends PureComponent {
     }
 
     const lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-    return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && /*#__PURE__*/React.createElement(ButtonGroup, null, this.getButton(1, this.props.translations.firstPage)), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(ThemedButton, _extends({
+    return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, this.props.translations.firstPage), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
       href: this.generateHref(end + 1),
       disabled: this.props.loader
-    }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && /*#__PURE__*/React.createElement(ButtonGroup, null, this.getButton(this.props.openTotal ? -1 : totalPages, this.props.translations.lastPage))), this.getPageSizeSelector());
+    }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, this.props.translations.lastPage)), this.getPageSizeSelector());
   }
 
   render() {

package/dist/pager-ng/pager-ng.js

@@ -19,8 +19,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../button-group/button-group.js';
 import '../button-group/caption.js';
@@ -28,6 +28,7 @@ import '../_helpers/button-group.js';
 import '../button-toolbar/button-toolbar.js';
 import '../_helpers/button-toolbar.js';
 import '../select/select.js';
+import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
@@ -81,12 +82,7 @@ import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
 import '../loader-inline/loader-inline.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../shortcuts/shortcuts-hoc.js';
 import '../tags-list/tags-list.js';
 import '../tag/tag.js';

package/dist/permissions-ng/permissions-ng.js

@@ -27,19 +27,19 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import '../alert/container.js';
-import '../link/link.js';
+import '../button/button.js';
 import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../alert/container.js';
+import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';

package/dist/popup/popup.js

@@ -18,7 +18,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_2f69e2e2 = {"popup":"popup_rui_8cd0 font_rui_750f","hidden":"hidden_rui_8cd0","showing":"showing_rui_8cd0","attached":"attached_rui_8cd0"};
+var modules_2f69e2e2 = {"popup":"popup_rui_c0b0 font_rui_750f","hidden":"hidden_rui_c0b0","showing":"showing_rui_c0b0","attached":"attached_rui_c0b0"};
 
 const stop = e => e.stopPropagation();
 

package/dist/popup/popup.target.d.ts

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
 export declare const PopupTargetContext: React.Context<string | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);
 }
 export declare const PopupTarget: React.ForwardRefExoticComponent<PopupTargetProps & React.RefAttributes<HTMLDivElement>>;

package/dist/progress-bar/progress-bar.d.ts

@@ -1,10 +1,8 @@
 import { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import Theme from '../global/theme';
 export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     max: number;
     value: number;
-    theme: Theme;
     label: string;
     global?: boolean | null | undefined;
 }
@@ -21,7 +19,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     static toPercent(value: number, max: number): number;
     static propTypes: {
         label: PropTypes.Requireable<string>;
-        theme: PropTypes.Requireable<string>;
         /**
          * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
          * Should be placed directly inside body, will be positioned right below .ring-header
@@ -50,7 +47,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     static defaultProps: {
         max: number;
         value: number;
-        theme: Theme;
         label: string;
     };
     progressbarWrapper?: (HTMLElement | null);

package/dist/progress-bar/progress-bar.js

@@ -2,9 +2,8 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import Theme from '../global/theme.js';
 
-var modules_fb7af416 = {"unit":"8px","light":"light_rui_d044","progressBar":"progressBar_rui_d044","dark":"dark_rui_d044","line":"line_rui_d044","globalMode":"globalMode_rui_d044","progress-bar":"progressBar_rui_d044"};
+var modules_fb7af416 = {"dark":"dark_rui_4ecf","unit":"8px","progressBar":"progressBar_rui_a2aa","globalMode":"globalMode_rui_a2aa","line":"line_rui_a2aa","progress-bar":"progressBar_rui_a2aa"};
 
 /**
  * @name Progress Bar
@@ -41,7 +40,6 @@ class ProgressBar extends PureComponent {
 
   render() {
     const {
-      theme,
       className,
       global,
       max,
@@ -51,8 +49,6 @@ class ProgressBar extends PureComponent {
     } = this.props;
     const width = value ? `${ProgressBar.toPercent(value, max)}%` : undefined;
     const classes = classNames(modules_fb7af416.progressBar, className, {
-      [modules_fb7af416.light]: theme === Theme.LIGHT,
-      [modules_fb7af416.dark]: theme === Theme.DARK,
       [modules_fb7af416.globalMode]: global
     });
     return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
@@ -76,7 +72,6 @@ class ProgressBar extends PureComponent {
 
 _defineProperty(ProgressBar, "propTypes", {
   label: PropTypes.string,
-  theme: PropTypes.string,
 
   /**
    * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
@@ -110,7 +105,6 @@ _defineProperty(ProgressBar, "propTypes", {
 _defineProperty(ProgressBar, "defaultProps", {
   max: 1.0,
   value: 0,
-  theme: Theme.LIGHT,
   label: 'Progress'
 });
 

package/dist/progress-bar-ng/progress-bar-ng.js

@@ -8,7 +8,6 @@ import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import 'classnames';
-import '../global/theme.js';
 
 var progressBarNg = angularComponentFactory(ProgressBar, 'ProgressBar').name;
 

package/dist/promised-click-ng/promised-click-ng.js

@@ -5,12 +5,12 @@ import { applyMethodToClasses } from '../global/dom.js';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { LOADER_BACKGROUND_SELECTOR } from '../button-ng/button-ng.js';
 import 'classnames';
-import '../global/theme.js';
-import 'react';
 import '../icon-ng/icon-ng.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
+import '../global/controls-height.js';
+import 'react';
 
 /**
  * @name Promised Click Ng

package/dist/query-assist/query-assist.d.ts

@@ -2,7 +2,6 @@ import React, { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react
 import PropTypes from 'prop-types';
 import Caret, { Position } from '../caret/caret';
 import PopupMenu from '../popup-menu/popup-menu';
-import Theme from '../global/theme';
 import Button from '../button/button';
 import { ShortcutsMap } from '../shortcuts/core';
 import { QueryAssistSuggestion, SuggestionItem } from './query-assist__suggestions';
@@ -34,7 +33,6 @@ export interface QueryAssistRequestParams {
     omitSuggestions?: boolean;
 }
 export interface QueryAssistProps {
-    theme: Theme;
     onApply: (change: QueryAssistChange) => void;
     onChange: (change: QueryAssistChange) => void;
     onApplySuggestion: (suggestion: QueryAssistSuggestion, change: QueryAssistChange) => void;
@@ -125,7 +123,6 @@ interface HistoryEntry {
  */
 export default class QueryAssist extends Component<QueryAssistProps> {
     static propTypes: {
-        theme: PropTypes.Requireable<string>;
         /**
          * Open suggestions popup during the initial render
          */
@@ -212,7 +209,6 @@ export default class QueryAssist extends Component<QueryAssistProps> {
         'data-test': PropTypes.Requireable<string>;
     };
     static defaultProps: {
-        theme: Theme;
         onApply: typeof noop;
         onChange: typeof noop;
         onApplySuggestion: typeof noop;
@@ -230,7 +226,6 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     shouldComponentUpdate(props: QueryAssistProps, state: QueryAssistState): boolean;
     componentDidUpdate(prevProps: QueryAssistProps): void;
     static ngModelStateField: string;
-    static Theme: typeof Theme;
     immediateState: QueryAssistChange;
     requestData?: (afterCompletion?: boolean) => void;
     ngModelStateField: string;

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

@@ -12,11 +12,10 @@ import { preventDefault, getRect } from '../global/dom.js';
 import Caret from '../caret/caret.js';
 import ContentEditable from '../contenteditable/contenteditable.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import rerenderHOC from '../global/rerender-hoc.js';
-import Theme from '../global/theme.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import { Q as QueryAssistSuggestions, m as modules_da7ab055 } from '../_helpers/query-assist__suggestions.js';
 import 'react-dom/server';
 import '../popup/popup.js';
@@ -63,13 +62,9 @@ import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
 const POPUP_COMPENSATION = PopupMenu.ListProps.Dimension.ITEM_PADDING + PopupMenu.PopupProps.Dimension.BORDER_WIDTH;
@@ -911,7 +906,7 @@ class QueryAssist extends Component {
     const renderClear = this.props.clear && !!this.state.query;
 
     if (renderClear) {
-      actions.push( /*#__PURE__*/React.createElement(ThemedButton, {
+      actions.push( /*#__PURE__*/React.createElement(Button, {
         icon: closeIcon,
         key: 'clearAction',
         className: modules_da7ab055.icon,
@@ -928,7 +923,6 @@ class QueryAssist extends Component {
 
   render() {
     const {
-      theme,
       glass,
       'data-test': dataTest,
       className,
@@ -937,7 +931,6 @@ class QueryAssist extends Component {
     const renderPlaceholder = !!this.props.placeholder && this.state.placeholderEnabled;
     const renderLoader = this.props.loader !== false && this.state.loading;
     const renderGlass = glass && !renderLoader;
-    const renderUnderline = theme === Theme.DARK;
     const actions = this.renderActions();
     const inputClasses = classNames({
       [`${modules_da7ab055.input} ring-js-shortcuts`]: true,
@@ -948,13 +941,13 @@ class QueryAssist extends Component {
     });
     return /*#__PURE__*/React.createElement("div", {
       "data-test": joinDataTestAttributes('ring-query-assist', dataTest),
-      className: classNames(className, modules_da7ab055.queryAssist, modules_da7ab055[theme]),
+      className: classNames(className, modules_da7ab055.queryAssist),
       role: "presentation",
       ref: this.nodeRef
     }, this.state.shortcuts && /*#__PURE__*/React.createElement(Shortcuts, {
       map: this.shortcutsMap,
       scope: this.shortcutsScope
-    }), renderGlass && /*#__PURE__*/React.createElement(ThemedButton, {
+    }), renderGlass && /*#__PURE__*/React.createElement(Button, {
       icon: searchIcon,
       className: modules_da7ab055.icon,
       iconClassName: modules_da7ab055.iconInner,
@@ -967,9 +960,7 @@ class QueryAssist extends Component {
         [modules_da7ab055.loaderOnTheRight]: !glass
       }),
       ref: this.loaderRef
-    }, /*#__PURE__*/React.createElement(ThemedLoaderInline, {
-      theme: theme
-    })), /*#__PURE__*/React.createElement(ContentEditable, {
+    }, /*#__PURE__*/React.createElement(LoaderInline, null)), /*#__PURE__*/React.createElement(ContentEditable, {
       "aria-label": this.props.translations.searchTitle,
       className: inputClasses,
       "data-test": "ring-query-assist-input",
@@ -998,9 +989,7 @@ class QueryAssist extends Component {
       ref: this.placeholderRef,
       onClick: this.handleCaretMove,
       "data-test": "query-assist-placeholder"
-    }, this.props.placeholder), renderUnderline && /*#__PURE__*/React.createElement("div", {
-      className: modules_da7ab055.focusUnderline
-    }), actions && /*#__PURE__*/React.createElement("div", {
+    }, this.props.placeholder), actions && /*#__PURE__*/React.createElement("div", {
       "data-test": "ring-query-assist-actions",
       className: modules_da7ab055.actions
     }, actions), /*#__PURE__*/React.createElement(PopupMenu, {
@@ -1010,7 +999,7 @@ class QueryAssist extends Component {
       anchorElement: this.node,
       keepMounted: true,
       attached: true,
-      className: classNames(modules_da7ab055[theme], this.props.popupClassName),
+      className: this.props.popupClassName,
       directions: [PopupMenu.PopupProps.Directions.BOTTOM_RIGHT],
       data: useCustomItemRender ? this.state.suggestions : this.renderSuggestions(),
       "data-test": "ring-query-assist-popup",
@@ -1027,8 +1016,6 @@ class QueryAssist extends Component {
 }
 
 _defineProperty(QueryAssist, "propTypes", {
-  theme: PropTypes.string,
-
   /**
    * Open suggestions popup during the initial render
    */
@@ -1135,7 +1122,6 @@ _defineProperty(QueryAssist, "propTypes", {
 });
 
 _defineProperty(QueryAssist, "defaultProps", {
-  theme: Theme.LIGHT,
   onApply: noop,
   onChange: noop,
   onApplySuggestion: noop,
@@ -1149,8 +1135,6 @@ _defineProperty(QueryAssist, "defaultProps", {
 
 _defineProperty(QueryAssist, "ngModelStateField", ngModelStateField);
 
-_defineProperty(QueryAssist, "Theme", Theme);
-
 const RerenderableQueryAssist = rerenderHOC(QueryAssist);
 
 export { RerenderableQueryAssist, QueryAssist as default };

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

@@ -64,16 +64,11 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/rerender-hoc.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/query-assist__suggestions.js';
 

package/dist/save-field-ng/save-field-ng.js

@@ -11,16 +11,8 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
 import 'prop-types';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/memoize.js';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
 import '../_helpers/button-set.js';
 import '@jetbrains/angular-elastic';
 import '../global/dom.js';
@@ -34,6 +26,7 @@ import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
 
 const angularModule = angular.module('Ring.save-field', [MessageBundle,
 /**

package/dist/select/select.d.ts

@@ -1,9 +1,9 @@
 import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
-import Theme from '../global/theme';
 import { ListDataItem } from '../list/consts';
 import { Directions } from '../popup/popup.consts';
+import { ControlsHeight } from '../global/controls-height';
 import SelectPopup, { Filter, FilterFn, Multiple, Tags } from './select__popup';
 /**
  * @name Select
@@ -17,7 +17,6 @@ declare enum Type {
     INPUT = "INPUT",
     CUSTOM = "CUSTOM",
     INLINE = "INLINE",
-    MATERIAL = "MATERIAL",
     INPUT_WITHOUT_CONTROLS = "INPUT_WITHOUT_CONTROLS"
 }
 declare type SelectItemData<T> = T & {
@@ -78,6 +77,7 @@ export interface BaseSelectProps<T = unknown> {
     onDone: () => void;
     onReset: () => void;
     dir: 'ltr' | 'rtl';
+    height?: ControlsHeight | undefined;
     targetElement?: HTMLElement | null | undefined;
     className?: string | null | undefined;
     buttonClassName?: string | null | undefined;
@@ -93,7 +93,6 @@ export interface BaseSelectProps<T = unknown> {
     hint?: ReactNode;
     add?: Add | null | undefined;
     compact?: boolean | null | undefined;
-    theme?: string | null | undefined;
     customAnchor?: ((props: CustomAnchorProps) => ReactNode) | null | undefined;
     disableMoveOverflow?: boolean | null | undefined;
     disableScrollToActive?: boolean | null | undefined;
@@ -188,9 +187,9 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     static getDerivedStateFromProps<T = unknown>(nextProps: SelectProps<T>, prevState: SelectState<T>): Partial<SelectState<T>>;
     state: SelectState<T>;
     componentDidUpdate(prevProps: SelectProps<T>, prevState: SelectState<T>): void;
+    static contextType: React.Context<ControlsHeight>;
     static Type: typeof Type;
     static Size: typeof Size;
-    static Theme: typeof Theme;
     id: string;
     shortcutsScope: string;
     listId: string;
@@ -221,6 +220,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     filterValue(setValue: string): void;
     isInputMode(): boolean;
     _clickHandler: () => void;
+    _openPopupIfClosed: () => void;
     _filterChangeHandler: (e: React.ChangeEvent<HTMLInputElement>) => void;
     private _setFilter;
     private _rebuildMultipleMap;
@@ -235,8 +235,6 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     _getSelectedString(): string | null;
     private _getIcons;
     private _getAvatar;
-    button?: HTMLElement | null;
-    buttonRef: (el: HTMLElement | null) => void;
     filter?: HTMLInputElement | null;
     filterRef: (el: HTMLInputElement | null) => void;
     getShortcutsMap(): {