@jetbrains/ring-ui 5.0.99 → 5.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -60,25 +60,27 @@ export default class UserCard extends PureComponent {
60
60
  {!!avatarInfo && avatarInfo}
61
61
  </div>
62
62
  <div className={styles.userInformation}>
63
- <div className={styles.userNameLine}>
64
- {user.href && (<Link href={user.href} className={styles.userName}>
65
- {user.name}
66
- </Link>)}
67
- {!user.href && <span className={styles.userName}>{user.name}</span>}
68
- {typeof user.online === 'boolean' &&
63
+ <div className={styles.userInformationGeneral}>
64
+ <div className={styles.userNameLine}>
65
+ {user.href && (<Link href={user.href} className={styles.userName}>
66
+ {user.name}
67
+ </Link>)}
68
+ {!user.href && <span className={styles.userName}>{user.name}</span>}
69
+ {typeof user.online === 'boolean' &&
69
70
  (<span className={userActiveStatusClasses} title={user.online ? wording.online : wording.offline}/>)}
70
- {!!info && <span className={styles.userNameInfo}>{info}</span>}
71
- {user.banned &&
71
+ {!!info && <span className={styles.userNameInfo}>{info}</span>}
72
+ {user.banned &&
72
73
  (<span className={classNames(badgeStyles.badge, badgeStyles.invalid)} title={user.banReason}>{wording.banned}</span>)}
74
+ </div>
75
+ <div className={styles.userLogin}>{user.login}</div>
76
+ {user.email && (<span className={styles.userEmailWrapper}>
77
+ <Link pseudo onClick={this.copyEmail} className={styles.userEmail}>
78
+ {user.email}
79
+ </Link>
80
+ {user.unverifiedEmail && (<span className={styles.unverifiedLabel}>{wording.unverified}</span>)}
81
+ <Icon title={wording.copyToClipboard} className={styles.userCopyIcon} onClick={this.copyEmail} glyph={copyIcon} size={IconSize.Size14} suppressSizeWarning/>
82
+ </span>)}
73
83
  </div>
74
- <div className={styles.userLogin}>{user.login}</div>
75
- {user.email && (<span className={styles.userEmailWrapper}>
76
- <Link pseudo onClick={this.copyEmail} className={styles.userEmail}>
77
- {user.email}
78
- </Link>
79
- {user.unverifiedEmail && (<span className={styles.unverifiedLabel}>{wording.unverified}</span>)}
80
- <Icon title={wording.copyToClipboard} className={styles.userCopyIcon} onClick={this.copyEmail} glyph={copyIcon} size={IconSize.Size14} suppressSizeWarning/>
81
- </span>)}
82
84
  {children}
83
85
  </div>
84
86
  </div>
@@ -28,6 +28,10 @@
28
28
  line-height: 18px;
29
29
  }
30
30
 
31
+ .userInformationGeneral {
32
+ height: 56px;
33
+ }
34
+
31
35
  .userNameLine {
32
36
  height: var(--ring-line-height-lowest);
33
37
 
@@ -10,7 +10,7 @@ import { m as modules_6c9187df } from './badge.js';
10
10
  import Icon from '../icon/icon.js';
11
11
  import { Size as Size$1 } from '../icon/icon__constants.js';
12
12
 
13
- var modules_a4196c17 = {"unit":"8px","light":"light_rui_6e59","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userAvatar":"userAvatar_rui_6e59","userInformation":"userInformation_rui_6e59","userNameLine":"userNameLine_rui_6e59","userName":"userName_rui_6e59","userLogin":"userLogin_rui_6e59","userEmail":"userEmail_rui_6e59","userCopyIcon":"userCopyIcon_rui_6e59","userEmailWrapper":"userEmailWrapper_rui_6e59","unverifiedLabel":"unverifiedLabel_rui_6e59","userNameInfo":"userNameInfo_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
13
+ var modules_a4196c17 = {"unit":"8px","light":"light_rui_6e59","userCardSpaced":"userCardSpaced_rui_6e59","userInformationContainer":"userInformationContainer_rui_6e59","userAvatar":"userAvatar_rui_6e59","userInformation":"userInformation_rui_6e59","userInformationGeneral":"userInformationGeneral_rui_6e59","userNameLine":"userNameLine_rui_6e59","userName":"userName_rui_6e59","userLogin":"userLogin_rui_6e59","userEmail":"userEmail_rui_6e59","userCopyIcon":"userCopyIcon_rui_6e59","userEmailWrapper":"userEmailWrapper_rui_6e59","unverifiedLabel":"unverifiedLabel_rui_6e59","userNameInfo":"userNameInfo_rui_6e59","userActiveStatus":"userActiveStatus_rui_6e59","online":"online_rui_6e59"};
14
14
 
15
15
  class UserCard extends PureComponent {
16
16
  constructor() {
@@ -46,6 +46,8 @@ class UserCard extends PureComponent {
46
46
  url: user.avatarUrl
47
47
  }), !!avatarInfo && avatarInfo), /*#__PURE__*/React.createElement("div", {
48
48
  className: modules_a4196c17.userInformation
49
+ }, /*#__PURE__*/React.createElement("div", {
50
+ className: modules_a4196c17.userInformationGeneral
49
51
  }, /*#__PURE__*/React.createElement("div", {
50
52
  className: modules_a4196c17.userNameLine
51
53
  }, user.href && /*#__PURE__*/React.createElement(Link, {
@@ -78,7 +80,7 @@ class UserCard extends PureComponent {
78
80
  glyph: copyIcon,
79
81
  size: Size$1.Size14,
80
82
  suppressSizeWarning: true
81
- })), children)));
83
+ }))), children)));
82
84
  }
83
85
  }
84
86
  _defineProperty(UserCard, "propTypes", {