@jetbrains/ring-ui 5.0.77 → 5.0.78

package/components/query-assist/query-assist.css

@@ -150,12 +150,13 @@
   left: 1px;
 
   display: block;
-
   overflow: hidden;
 
   width: calc(100% - unit * 4);
   padding-left: var(--ring-input-padding-start);
 
+  white-space: nowrap;
+
   text-overflow: ellipsis;
 
   pointer-events: none;

package/components/select/select.css

@@ -48,6 +48,8 @@
 
   color: var(--ring-icon-secondary-color);
 
+  line-height: normal;
+
   @nest .inputMode & {
     font-size: var(--ring-font-size);
   }

package/components/user-card/card.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import { HTMLAttributes, PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
 export interface UserCardUser {
     name: string;
@@ -18,11 +18,13 @@ export interface UserCardWording {
 export interface UserCardProps extends HTMLAttributes<HTMLDivElement> {
     user: UserCardUser;
     wording: UserCardWording;
+    info?: ReactElement | readonly ReactElement[] | string;
     'data-test'?: string | null | undefined;
 }
 export default class UserCard extends PureComponent<UserCardProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         user: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;

package/components/user-card/card.js

@@ -8,6 +8,7 @@ import styles from './user-card.css';
 export default class UserCard extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
+        info: PropTypes.node,
         className: PropTypes.string,
         user: PropTypes.shape({
             name: PropTypes.string.isRequired,
@@ -33,7 +34,7 @@ export default class UserCard extends PureComponent {
         }
     };
     render() {
-        const { children, className, user, wording, ...restProps } = this.props;
+        const { children, info, className, user, wording, ...restProps } = this.props;
         const classes = classNames(className, {});
         const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
         return (<div className={classes} {...restProps}>
@@ -45,6 +46,7 @@ export default class UserCard extends PureComponent {
                   {user.name}
                 </Link>)}
               {!user.href && <span className={styles.userName}>{user.name}</span>}
+              {!!info && <span className={styles.userNameInfo}>{info}</span>}
               {user.banned &&
                 (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{wording.banned}</span>)}
             </div>

package/components/user-card/user-card.css

@@ -32,6 +32,13 @@
   font-weight: 600;
 }
 
+.userNameInfo {
+  display: inline-block;
+
+  margin-right: 4px;
+  margin-bottom: 3px;
+}
+
 .userActiveStatus {
   display: inline-block;
 

package/dist/_helpers/card.js

@@ -6,12 +6,13 @@ import Avatar, { Size } from '../avatar/avatar.js';
 import Link from '../link/link.js';
 import { m as modules_6c9187df } from './badge.js';
 
-var modules_a4196c17 = {"unit":"8px","light":"light_rui_6e59","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userInformation":"userInformation_rui_6e59","userName":"userName_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
+var modules_a4196c17 = {"unit":"8px","light":"light_rui_6e59","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userInformation":"userInformation_rui_6e59","userName":"userName_rui_6e59","userNameInfo":"userNameInfo_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
 
 class UserCard extends PureComponent {
   render() {
     const {
       children,
+      info,
       className,
       user,
       wording,
@@ -33,7 +34,9 @@ class UserCard extends PureComponent {
       className: modules_a4196c17.userName
     }, user.name), !user.href && /*#__PURE__*/React.createElement("span", {
       className: modules_a4196c17.userName
-    }, user.name), user.banned && /*#__PURE__*/React.createElement("span", {
+    }, user.name), !!info && /*#__PURE__*/React.createElement("span", {
+      className: modules_a4196c17.userNameInfo
+    }, info), user.banned && /*#__PURE__*/React.createElement("span", {
       className: classNames(modules_6c9187df.badge, modules_6c9187df.invalid),
       title: user.banReason
     }, wording.banned)), /*#__PURE__*/React.createElement("div", null, typeof user.online === 'boolean' && /*#__PURE__*/React.createElement("span", {
@@ -44,6 +47,7 @@ class UserCard extends PureComponent {
 }
 _defineProperty(UserCard, "propTypes", {
   children: PropTypes.node,
+  info: PropTypes.node,
   className: PropTypes.string,
   user: PropTypes.shape({
     name: PropTypes.string.isRequired,