@jetbrains/ring-ui 5.0.157 → 5.0.159

package/components/control-label/control-label.css

@@ -4,7 +4,7 @@
   margin-bottom: calc(var(--ring-unit) * 0.5);
 }
 
-.primaryLabel {
+.formLabel {
   color: var(--ring-text-color);
 
   font-size: var(--ring-font-size);

package/components/control-label/control-label.d.ts

@@ -1,7 +1,7 @@
 import React, { LabelHTMLAttributes } from 'react';
 export declare enum LabelType {
     SECONDARY = "secondary",
-    PRIMARY = "primary"
+    FORM = "form"
 }
 interface ControlLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     disabled?: boolean;

package/components/control-label/control-label.js

@@ -5,11 +5,11 @@ import styles from './control-label.css';
 export var LabelType;
 (function (LabelType) {
     LabelType["SECONDARY"] = "secondary";
-    LabelType["PRIMARY"] = "primary";
+    LabelType["FORM"] = "form";
 })(LabelType || (LabelType = {}));
 const classNameByType = {
     [LabelType.SECONDARY]: styles.secondaryLabel,
-    [LabelType.PRIMARY]: styles.primaryLabel
+    [LabelType.FORM]: styles.formLabel
 };
 export const ControlLabel = ({ children, type = LabelType.SECONDARY, disabled, ...rest }) => (<label className={classNames(styles.label, classNameByType[type], {
         [styles.disabledLabel]: disabled

package/components/list/consts.js

@@ -11,16 +11,19 @@ export var Type;
     Type[Type["TITLE"] = 5] = "TITLE";
     Type[Type["MARGIN"] = 6] = "MARGIN";
 })(Type || (Type = {}));
+// TODO refactor to plain object in 6.0
 export var Dimension;
 (function (Dimension) {
     Dimension[Dimension["ITEM_PADDING"] = 16] = "ITEM_PADDING";
     Dimension[Dimension["ITEM_HEIGHT"] = 32] = "ITEM_HEIGHT";
     Dimension[Dimension["COMPACT_ITEM_HEIGHT"] = 24] = "COMPACT_ITEM_HEIGHT";
     Dimension[Dimension["SEPARATOR_HEIGHT"] = 25] = "SEPARATOR_HEIGHT";
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     Dimension[Dimension["SEPARATOR_FIRST_HEIGHT"] = 16] = "SEPARATOR_FIRST_HEIGHT";
     Dimension[Dimension["SEPARATOR_TEXT_HEIGHT"] = 18] = "SEPARATOR_TEXT_HEIGHT";
     Dimension[Dimension["TITLE_HEIGHT"] = 42] = "TITLE_HEIGHT";
     Dimension[Dimension["INNER_PADDING"] = 8] = "INNER_PADDING";
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     Dimension[Dimension["MARGIN"] = 8] = "MARGIN";
 })(Dimension || (Dimension = {}));
 export const DEFAULT_ITEM_TYPE = Type.ITEM;

package/components/select/select.d.ts

@@ -70,6 +70,7 @@ export interface BaseSelectProps<T = unknown> {
     labelType?: LabelType;
     inputPlaceholder: string;
     shortcutsEnabled: boolean;
+    tryKeepOpen?: boolean;
     onBeforeOpen: () => void;
     onLoadMore: () => void;
     onOpen: () => void;

package/components/select/select.js

@@ -584,8 +584,11 @@ export default class Select extends Component {
             selected.isResetItem) {
             return;
         }
+        const tryKeepOpen = this.props.tryKeepOpen ?? opts.tryKeepOpen;
         if (!this.props.multiple) {
-            this._hidePopup(isSelectItemEvent);
+            if (!tryKeepOpen) {
+                this._hidePopup(isSelectItemEvent);
+            }
             this.setState({
                 selected,
                 selectedIndex: this._getSelectedIndex(selected, this.props.data)
@@ -600,7 +603,6 @@ export default class Select extends Component {
             });
         }
         else {
-            const { tryKeepOpen } = opts;
             if (!tryKeepOpen) {
                 this._hidePopup(isSelectItemEvent);
             }
@@ -933,6 +935,7 @@ Select.propTypes = {
     clear: PropTypes.bool,
     hideArrow: PropTypes.bool,
     showPopup: PropTypes.bool,
+    tryKeepOpen: PropTypes.bool,
     compact: PropTypes.bool,
     size: PropTypes.oneOf(Object.values(Size)),
     customAnchor: PropTypes.func,

package/components/select/select__popup.d.ts

@@ -2,6 +2,7 @@
  * @description Displays a popup with select's options.
  */
 import React, { CSSProperties, PureComponent, ReactNode, SyntheticEvent } from 'react';
+import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 import Popup from '../popup/popup';
 import { Directions } from '../popup/position';
@@ -9,6 +10,7 @@ import List, { SelectHandlerParams } from '../list/list';
 import Caret from '../caret/caret';
 import { ListDataItem } from '../list/consts';
 import { ShortcutsMap } from '../shortcuts/core';
+import { TagAttrs } from '../tag/tag';
 import { SelectItem } from './select';
 export type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
 export interface Filter<T = unknown> {
@@ -33,6 +35,7 @@ export interface TagsReset {
 }
 export interface Tags {
     reset?: TagsReset | null | undefined;
+    customTagComponent?: (tag: TagAttrs) => ReactNode;
 }
 export interface SelectPopupProps<T = unknown> {
     data: readonly ListDataItem<T>[];
@@ -106,6 +109,39 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     getFilter(): React.JSX.Element | null;
     handleRemoveTag: (arg: ListDataItem<T>) => (event: SyntheticEvent) => void;
     handleTagClick: (arg: ListDataItem<T>) => () => void;
+    getCustomTag(tags: Tags | boolean | null): ((tag: Pick<Pick<import("../tag/tag").TagProps, keyof import("../tag/tag").TagProps> & Pick<PropTypes.InferProps<{
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        rgTagIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        icon: PropTypes.Requireable<string>;
+        avatar: PropTypes.Requireable<string>;
+        rgTagTitle: PropTypes.Requireable<string>;
+        readOnly: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        focused: PropTypes.Requireable<boolean>;
+        angled: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        textColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        render: PropTypes.Requireable<(...args: any[]) => any>;
+    }>, never> & Pick<import("../tag/tag").TagProps, never>, never> & {
+        className?: string | null | undefined;
+        children?: React.ReactNode;
+        onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        icon?: string | undefined;
+        disabled?: boolean | undefined;
+        avatar?: string | null | undefined;
+        readOnly?: boolean | undefined;
+        focused?: boolean | undefined;
+        render?: ((props: import("../tag/tag").TagRenderProps) => React.ReactNode) | undefined;
+        onRemove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        rgTagIcon?: string | IconType | null | undefined;
+        rgTagTitle?: string | undefined;
+        angled?: boolean | null | undefined;
+        textColor?: string | undefined;
+        backgroundColor?: string | undefined;
+    } & {}) => React.ReactNode) | undefined;
     getTags(): false | React.JSX.Element;
     getFilterWithTags(): React.JSX.Element | null;
     getBottomLine(): "" | React.JSX.Element | null;

package/components/select/select__popup.js

@@ -196,9 +196,15 @@ export default class SelectPopup extends PureComponent {
             });
         }
     });
+    getCustomTag(tags) {
+        if (tags !== null && typeof tags !== 'boolean') {
+            return tags.customTagComponent;
+        }
+        return undefined;
+    }
     getTags() {
         return Array.isArray(this.props.selected) && (<div>
-        <TagsList tags={this.props.selected} activeIndex={this.state.tagsActiveIndex} handleRemove={this.handleRemoveTag} handleClick={this.handleTagClick} disabled={this.props.disabled}/>
+        <TagsList tags={this.props.selected} activeIndex={this.state.tagsActiveIndex} handleRemove={this.handleRemoveTag} handleClick={this.handleTagClick} disabled={this.props.disabled} customTagComponent={this.getCustomTag(this.props.tags)}/>
       </div>);
     }
     getFilterWithTags() {

package/dist/_helpers/control-label.js

@@ -1,3 +1,3 @@
-var modules_9eb96a10 = {"label":"label_rui_40a4","primaryLabel":"primaryLabel_rui_40a4","secondaryLabel":"secondaryLabel_rui_40a4","disabledLabel":"disabledLabel_rui_40a4"};
+var modules_9eb96a10 = {"label":"label_rui_40a4","formLabel":"formLabel_rui_40a4","secondaryLabel":"secondaryLabel_rui_40a4","disabledLabel":"disabledLabel_rui_40a4"};
 
 export { modules_9eb96a10 as m };

package/dist/control-label/control-label.d.ts

@@ -1,7 +1,7 @@
 import React, { LabelHTMLAttributes } from 'react';
 export declare enum LabelType {
     SECONDARY = "secondary",
-    PRIMARY = "primary"
+    FORM = "form"
 }
 interface ControlLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     disabled?: boolean;

package/dist/control-label/control-label.js

@@ -9,9 +9,9 @@ var _classNameByType;
 var LabelType;
 (function (LabelType) {
   LabelType["SECONDARY"] = "secondary";
-  LabelType["PRIMARY"] = "primary";
+  LabelType["FORM"] = "form";
 })(LabelType || (LabelType = {}));
-var classNameByType = (_classNameByType = {}, _defineProperty(_classNameByType, LabelType.SECONDARY, modules_9eb96a10.secondaryLabel), _defineProperty(_classNameByType, LabelType.PRIMARY, modules_9eb96a10.primaryLabel), _classNameByType);
+var classNameByType = (_classNameByType = {}, _defineProperty(_classNameByType, LabelType.SECONDARY, modules_9eb96a10.secondaryLabel), _defineProperty(_classNameByType, LabelType.FORM, modules_9eb96a10.formLabel), _classNameByType);
 var ControlLabel = function ControlLabel(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,

package/dist/list/consts.js

@@ -11,16 +11,19 @@ var Type;
   Type[Type["TITLE"] = 5] = "TITLE";
   Type[Type["MARGIN"] = 6] = "MARGIN";
 })(Type || (Type = {}));
+// TODO refactor to plain object in 6.0
 var Dimension;
 (function (Dimension) {
   Dimension[Dimension["ITEM_PADDING"] = 16] = "ITEM_PADDING";
   Dimension[Dimension["ITEM_HEIGHT"] = 32] = "ITEM_HEIGHT";
   Dimension[Dimension["COMPACT_ITEM_HEIGHT"] = 24] = "COMPACT_ITEM_HEIGHT";
   Dimension[Dimension["SEPARATOR_HEIGHT"] = 25] = "SEPARATOR_HEIGHT";
+  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
   Dimension[Dimension["SEPARATOR_FIRST_HEIGHT"] = 16] = "SEPARATOR_FIRST_HEIGHT";
   Dimension[Dimension["SEPARATOR_TEXT_HEIGHT"] = 18] = "SEPARATOR_TEXT_HEIGHT";
   Dimension[Dimension["TITLE_HEIGHT"] = 42] = "TITLE_HEIGHT";
   Dimension[Dimension["INNER_PADDING"] = 8] = "INNER_PADDING";
+  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
   Dimension[Dimension["MARGIN"] = 8] = "MARGIN";
 })(Dimension || (Dimension = {}));
 var DEFAULT_ITEM_TYPE = Type.ITEM;

package/dist/select/select.d.ts

@@ -70,6 +70,7 @@ export interface BaseSelectProps<T = unknown> {
     labelType?: LabelType;
     inputPlaceholder: string;
     shortcutsEnabled: boolean;
+    tryKeepOpen?: boolean;
     onBeforeOpen: () => void;
     onLoadMore: () => void;
     onOpen: () => void;

package/dist/select/select.js

@@ -452,6 +452,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "_listSelectHandler", function (selected, event) {
+      var _this$props$tryKeepOp;
       var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var isItem = function isItem(item) {
         return List.isItemType(List.ListProps.Type.ITEM, item);
@@ -466,8 +467,11 @@ var Select = /*#__PURE__*/function (_Component) {
       if (!isItem(selected) && !isCustomItem(selected) || selected.disabled || selected.isResetItem) {
         return;
       }
+      var tryKeepOpen = (_this$props$tryKeepOp = _this.props.tryKeepOpen) !== null && _this$props$tryKeepOp !== void 0 ? _this$props$tryKeepOp : opts.tryKeepOpen;
       if (!_this.props.multiple) {
-        _this._hidePopup(isSelectItemEvent);
+        if (!tryKeepOpen) {
+          _this._hidePopup(isSelectItemEvent);
+        }
         _this.setState({
           selected: selected,
           selectedIndex: _this._getSelectedIndex(selected, _this.props.data)
@@ -479,7 +483,6 @@ var Select = /*#__PURE__*/function (_Component) {
           _this.props.onChange(selected, event);
         });
       } else {
-        var tryKeepOpen = opts.tryKeepOpen;
         if (!tryKeepOpen) {
           _this._hidePopup(isSelectItemEvent);
         }
@@ -1262,6 +1265,7 @@ Select.propTypes = {
   clear: PropTypes.bool,
   hideArrow: PropTypes.bool,
   showPopup: PropTypes.bool,
+  tryKeepOpen: PropTypes.bool,
   compact: PropTypes.bool,
   size: PropTypes.oneOf(Object.values(Size)),
   customAnchor: PropTypes.func,

package/dist/select/select__popup.d.ts

@@ -2,6 +2,7 @@
  * @description Displays a popup with select's options.
  */
 import React, { CSSProperties, PureComponent, ReactNode, SyntheticEvent } from 'react';
+import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 import Popup from '../popup/popup';
 import { Directions } from '../popup/position';
@@ -9,6 +10,7 @@ import List, { SelectHandlerParams } from '../list/list';
 import Caret from '../caret/caret';
 import { ListDataItem } from '../list/consts';
 import { ShortcutsMap } from '../shortcuts/core';
+import { TagAttrs } from '../tag/tag';
 import { SelectItem } from './select';
 export type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
 export interface Filter<T = unknown> {
@@ -33,6 +35,7 @@ export interface TagsReset {
 }
 export interface Tags {
     reset?: TagsReset | null | undefined;
+    customTagComponent?: (tag: TagAttrs) => ReactNode;
 }
 export interface SelectPopupProps<T = unknown> {
     data: readonly ListDataItem<T>[];
@@ -106,6 +109,39 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     getFilter(): React.JSX.Element | null;
     handleRemoveTag: (arg: ListDataItem<T>) => (event: SyntheticEvent) => void;
     handleTagClick: (arg: ListDataItem<T>) => () => void;
+    getCustomTag(tags: Tags | boolean | null): ((tag: Pick<Pick<import("../tag/tag").TagProps, keyof import("../tag/tag").TagProps> & Pick<PropTypes.InferProps<{
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        rgTagIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        icon: PropTypes.Requireable<string>;
+        avatar: PropTypes.Requireable<string>;
+        rgTagTitle: PropTypes.Requireable<string>;
+        readOnly: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        focused: PropTypes.Requireable<boolean>;
+        angled: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        textColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        render: PropTypes.Requireable<(...args: any[]) => any>;
+    }>, never> & Pick<import("../tag/tag").TagProps, never>, never> & {
+        className?: string | null | undefined;
+        children?: React.ReactNode;
+        onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        icon?: string | undefined;
+        disabled?: boolean | undefined;
+        avatar?: string | null | undefined;
+        readOnly?: boolean | undefined;
+        focused?: boolean | undefined;
+        render?: ((props: import("../tag/tag").TagRenderProps) => React.ReactNode) | undefined;
+        onRemove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        rgTagIcon?: string | IconType | null | undefined;
+        rgTagTitle?: string | undefined;
+        angled?: boolean | null | undefined;
+        textColor?: string | undefined;
+        backgroundColor?: string | undefined;
+    } & {}) => React.ReactNode) | undefined;
     getTags(): false | React.JSX.Element;
     getFilterWithTags(): React.JSX.Element | null;
     getBottomLine(): "" | React.JSX.Element | null;

package/dist/select/select__popup.js

@@ -416,6 +416,14 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
       }
       return null;
     }
+  }, {
+    key: "getCustomTag",
+    value: function getCustomTag(tags) {
+      if (tags !== null && typeof tags !== 'boolean') {
+        return tags.customTagComponent;
+      }
+      return undefined;
+    }
   }, {
     key: "getTags",
     value: function getTags() {
@@ -424,7 +432,8 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
         activeIndex: this.state.tagsActiveIndex,
         handleRemove: this.handleRemoveTag,
         handleClick: this.handleTagClick,
-        disabled: this.props.disabled
+        disabled: this.props.disabled,
+        customTagComponent: this.getCustomTag(this.props.tags)
       }));
     }
   }, {