@jetbrains/ring-ui 5.0.59 → 5.0.60

package/dist/login-dialog/login-dialog.d.ts

@@ -44,4 +44,4 @@ export default class LoginDialog extends Component<LoginDialogProps> {
     onMessage: (event: MessageEvent) => void;
     render(): JSX.Element;
 }
-export declare type LoginDialogAttrs = JSX.LibraryManagedAttributes<typeof LoginDialog, LoginDialogProps>;
+export type LoginDialogAttrs = JSX.LibraryManagedAttributes<typeof LoginDialog, LoginDialogProps>;

package/dist/markdown/markdown.d.ts

@@ -4,7 +4,7 @@ export interface BaseMarkdownProps {
     inline?: boolean | null | undefined;
     plugins?: Options['remarkPlugins'];
 }
-export declare type MarkdownProps = Options & BaseMarkdownProps;
+export type MarkdownProps = Options & BaseMarkdownProps;
 /**
   * @name Markdown
 */

package/dist/message/message.d.ts

@@ -55,5 +55,5 @@ export default class Message extends Component<MessageProps> {
     getTailOffset(): number;
     render(): JSX.Element;
 }
-export declare type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
+export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
 export {};

package/dist/pager/pager.d.ts

@@ -79,5 +79,5 @@ export default class Pager extends PureComponent<PagerProps> {
     getPagerContent(): JSX.Element;
     render(): JSX.Element;
 }
-export declare type PagerAttrs = JSX.LibraryManagedAttributes<typeof Pager, PagerProps>;
+export type PagerAttrs = JSX.LibraryManagedAttributes<typeof Pager, PagerProps>;
 export {};

package/dist/popup/popup.d.ts

@@ -143,5 +143,5 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
     };
     render(): JSX.Element;
 }
-export declare type PopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, PopupProps>;
-export declare type BasePopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, BasePopupProps>;
+export type PopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, PopupProps>;
+export type BasePopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, BasePopupProps>;

package/dist/popup-menu/popup-menu.d.ts

@@ -53,7 +53,7 @@ export default class PopupMenu<T = unknown> extends Popup<PopupMenuProps<T>> {
     /** @override */
     getInternalContent(): JSX.Element;
 }
-export declare type PopupMenuAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof PopupMenu, PopupMenuProps<T>>;
+export type PopupMenuAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof PopupMenu, PopupMenuProps<T>>;
 export declare const ListProps: {
     Type: typeof import("../list/consts").Type;
     Dimension: typeof import("../list/consts").Dimension;

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

@@ -55,4 +55,4 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
     progressbarRef: (el: HTMLElement | null) => void;
     render(): JSX.Element;
 }
-export declare type ProgressBarAttrs = JSX.LibraryManagedAttributes<typeof ProgressBar, ProgressBarProps>;
+export type ProgressBarAttrs = JSX.LibraryManagedAttributes<typeof ProgressBar, ProgressBarProps>;

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

@@ -298,7 +298,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     renderActions(): React.ReactNode[];
     render(): JSX.Element;
 }
-export declare type QueryAssistAttrs = JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
+export type QueryAssistAttrs = JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
 export declare const RerenderableQueryAssist: {
     new (props: QueryAssistProps): {
         _propsCache: QueryAssistProps & React.RefAttributes<unknown>;

package/dist/select/select.d.ts

@@ -19,12 +19,12 @@ declare enum Type {
     INLINE = "INLINE",
     INPUT_WITHOUT_CONTROLS = "INPUT_WITHOUT_CONTROLS"
 }
-declare type SelectItemData<T> = T & {
+type SelectItemData<T> = T & {
     key: string | number;
     isResetItem?: boolean | null | undefined;
     separator?: boolean | null | undefined;
 };
-export declare type SelectItem<T = unknown> = ListDataItem<SelectItemData<T>>;
+export type SelectItem<T = unknown> = ListDataItem<SelectItemData<T>>;
 declare function getLowerCaseLabel<T>(item: SelectItem<T>): string | null;
 declare function doesLabelMatch<T>(itemToCheck: SelectItem<T>, fn: (label: string) => boolean): boolean;
 export interface Add {
@@ -47,7 +47,7 @@ export interface CustomAnchorProps {
     } & DataTestProps;
     popup: ReactNode;
 }
-export declare type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
+export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;
@@ -116,7 +116,7 @@ export interface MultipleSelectProps<T = unknown> extends BaseSelectProps<T> {
     onChange: (selected: SelectItem<T>[], event?: Event | SyntheticEvent) => void;
     tags?: Tags | boolean | null | undefined;
 }
-export declare type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
+export type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
 interface AddButton {
     prefix: string | null | undefined;
     label: string;
@@ -256,9 +256,9 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     renderSelect(activeItemId: string | undefined): JSX.Element;
     render(): JSX.Element;
 }
-export declare type SingleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
-export declare type MultipleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;
-export declare type SelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SelectProps<T>>;
+export type SingleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
+export type MultipleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;
+export type SelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SelectProps<T>>;
 export declare const RerenderableSelect: {
     new (props: SelectProps<unknown>): {
         _propsCache: SelectProps<unknown> & React.RefAttributes<unknown>;

package/dist/select/select.js

@@ -670,11 +670,8 @@ class Select extends Component {
   }
   _prependResetOption(shownData) {
     const resetOption = this._getResetOption();
-    const margin = {
-      rgItemType: List.ListProps.Type.MARGIN
-    };
     if (resetOption) {
-      const resetItems = [margin, resetOption, margin];
+      const resetItems = [resetOption];
       if (resetOption.separator) {
         resetItems.push({
           rgItemType: List.ListProps.Type.SEPARATOR

package/dist/select/select__filter.d.ts

@@ -1,7 +1,7 @@
 import { Component, RefCallback } from 'react';
 import { InputAttrs } from '../input/input';
 declare function noop(): void;
-declare type SelectFilterProps = InputAttrs & {
+type SelectFilterProps = InputAttrs & {
     inputRef: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
     listId?: string | undefined;
 };

package/dist/select/select__filter.js

@@ -5,7 +5,6 @@ import 'classnames';
 import '../input/input.js';
 import '../global/sniffer.js';
 import '../list/list.js';
-import '../global/controls-height.js';
 export { S as default } from '../_helpers/select__filter.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
@@ -19,6 +18,7 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
 import '../global/composeRefs.js';

package/dist/select/select__popup.d.ts

@@ -10,7 +10,7 @@ import Caret from '../caret/caret';
 import { ListDataItem } from '../list/consts';
 import { ShortcutsMap } from '../shortcuts/core';
 import { SelectItem } from './select';
-export declare type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
+export type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
 export interface Filter<T = unknown> {
     fn?: FilterFn<T> | null | undefined;
     fuzzy?: boolean | null | undefined;
@@ -123,4 +123,4 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     popupFilterShortcutsMap: ShortcutsMap;
     render(): JSX.Element;
 }
-export declare type SelectPopupAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof SelectPopup, SelectPopupProps<T>>;
+export type SelectPopupAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof SelectPopup, SelectPopupProps<T>>;

package/dist/select/select__popup.js

@@ -19,6 +19,7 @@ import Caret from '../caret/caret.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import { Button } from '../button/button.js';
 import Text from '../text/text.js';
+import { ControlsHeight } from '../global/controls-height.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
 import { S as SelectFilter, m as modules_b607bec2 } from '../_helpers/select__filter.js';
 import 'util-deprecate';
@@ -61,7 +62,6 @@ import '../list/consts.js';
 import '../_helpers/loader-inline.js';
 import '../tag/tag.js';
 import '@jetbrains/icons/close-12px';
-import '../global/controls-height.js';
 import '@jetbrains/icons/chevron-10px';
 import '../_helpers/button__classes.js';
 import '../input/input.js';
@@ -287,7 +287,7 @@ class SelectPopup extends PureComponent {
       return /*#__PURE__*/React.createElement("div", {
         className: modules_b607bec2.filterWrapper,
         "data-test": "ring-select-popup-filter"
-      }, /*#__PURE__*/React.createElement(Icon, {
+      }, !this.props.tags && /*#__PURE__*/React.createElement(Icon, {
         glyph: searchIcon,
         className: modules_b607bec2.filterIcon,
         "data-test-custom": "ring-select-popup-filter-icon"
@@ -299,10 +299,14 @@ class SelectPopup extends PureComponent {
         onBlur: this.popupFilterOnBlur,
         onFocus: this.onFilterFocus,
         className: "ring-js-shortcuts",
+        inputClassName: classNames({
+          [modules_b607bec2.filterWithTagsInput]: this.props.tags
+        }),
         placeholder: typeof this.props.filter === 'object' ? this.props.filter.placeholder : undefined,
+        height: this.props.tags ? ControlsHeight.S : ControlsHeight.L,
         onChange: this.props.onFilter,
         onClick: this.onClickHandler,
-        onClear: this.props.onClear,
+        onClear: this.props.tags ? undefined : this.props.onClear,
         "data-test-custom": "ring-select-popup-filter-input",
         listId: this.props.listId,
         enableShortcuts: Object.keys(this.popupFilterShortcutsMap)

package/dist/shortcuts/core.d.ts

@@ -6,7 +6,7 @@ export interface ShortcutsScope {
     scopeId: string;
     options: ShortcutsScopeOptions;
 }
-declare type ShortcutsHandler = (e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void;
+type ShortcutsHandler = (e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void;
 export interface ShortcutsOptions {
     scope?: string | null | undefined;
     type?: string | undefined;
@@ -15,7 +15,7 @@ export interface ShortcutsParams extends ShortcutsOptions {
     key: string | string[];
     handler: ShortcutsHandler;
 }
-export declare type ShortcutsMap = Record<string, ShortcutsHandler>;
+export type ShortcutsMap = Record<string, ShortcutsHandler>;
 declare class Shortcuts {
     ALLOW_SHORTCUTS_SELECTOR: string;
     ROOT_SCOPE: {