@jetbrains/ring-ui-built 7.0.0-beta.12 → 7.0.0-beta.14

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.
Files changed (164) hide show
  1. package/components/_helpers/anchor.js +4 -4
  2. package/components/_helpers/badge.js +2 -2
  3. package/components/_helpers/button__classes.js +13 -13
  4. package/components/_helpers/caption.js +3 -3
  5. package/components/_helpers/card.js +18 -18
  6. package/components/_helpers/date-picker.js +2 -2
  7. package/components/_helpers/dialog__body-scroll-preventer.js +4 -4
  8. package/components/_helpers/grid.js +2 -2
  9. package/components/_helpers/header.js +2 -2
  10. package/components/_helpers/heading.js +2 -2
  11. package/components/_helpers/icon__svg.js +6 -6
  12. package/components/_helpers/input.js +14 -14
  13. package/components/_helpers/island.js +2 -2
  14. package/components/_helpers/link.js +2 -2
  15. package/components/_helpers/list.js +2 -2
  16. package/components/_helpers/query-assist__suggestions.js +7 -7
  17. package/components/_helpers/select__filter.js +3 -3
  18. package/components/_helpers/services-link.js +3 -3
  19. package/components/_helpers/sidebar.js +9 -9
  20. package/components/_helpers/tab-link.js +7 -7
  21. package/components/_helpers/table.js +2 -2
  22. package/components/_helpers/theme.js +9 -9
  23. package/components/_helpers/title.js +7 -7
  24. package/components/alert/alert.d.ts +2 -2
  25. package/components/alert/alert.js +12 -12
  26. package/components/alert/container.js +3 -3
  27. package/components/auth/auth__core.js +1 -1
  28. package/components/auth/background-flow.js +2 -2
  29. package/components/auth/down-notification.js +3 -3
  30. package/components/auth/token-validator.js +1 -1
  31. package/components/auth-dialog/auth-dialog.js +10 -10
  32. package/components/auth-dialog-service/auth-dialog-service.js +1 -1
  33. package/components/avatar/avatar.js +6 -6
  34. package/components/badge/badge.js +6 -13
  35. package/components/breadcrumbs/breadcrumbs.js +2 -2
  36. package/components/button/button.js +4 -4
  37. package/components/button/button__classes.d.ts +1 -1
  38. package/components/button-group/button-group.js +3 -3
  39. package/components/button-set/button-set.js +2 -2
  40. package/components/button-toolbar/button-toolbar.d.ts +1 -1
  41. package/components/button-toolbar/button-toolbar.js +2 -2
  42. package/components/checkbox/checkbox.js +8 -8
  43. package/components/code/code.d.ts +1 -1
  44. package/components/code/code.js +6 -6
  45. package/components/collapse/collapse-content.js +4 -4
  46. package/components/confirm/confirm.d.ts +2 -2
  47. package/components/confirm/confirm.js +3 -3
  48. package/components/confirm-service/confirm-service.d.ts +1 -1
  49. package/components/content-layout/content-layout.js +4 -4
  50. package/components/contenteditable/contenteditable.d.ts +1 -1
  51. package/components/control-help/control-help.js +2 -2
  52. package/components/control-label/control-label.js +5 -5
  53. package/components/data-list/data-list.d.ts +2 -2
  54. package/components/data-list/data-list.js +6 -6
  55. package/components/data-list/data-list.mock.js +0 -1
  56. package/components/data-list/item.js +8 -8
  57. package/components/date-picker/date-input.js +2 -2
  58. package/components/date-picker/date-picker.d.ts +2 -1
  59. package/components/date-picker/date-picker.js +12 -11
  60. package/components/date-picker/date-popup.js +4 -4
  61. package/components/date-picker/day.js +15 -15
  62. package/components/date-picker/month-names.js +5 -5
  63. package/components/date-picker/month-slider.js +3 -3
  64. package/components/date-picker/month.js +3 -3
  65. package/components/date-picker/months.js +3 -3
  66. package/components/date-picker/weekdays.js +4 -4
  67. package/components/date-picker/years.js +5 -5
  68. package/components/dialog/dialog.d.ts +1 -0
  69. package/components/dialog/dialog.js +21 -16
  70. package/components/dropdown/dropdown.d.ts +2 -2
  71. package/components/dropdown/dropdown.js +2 -2
  72. package/components/editable-heading/editable-heading.js +19 -19
  73. package/components/error-bubble/error-bubble.js +4 -4
  74. package/components/error-message/error-message.js +6 -6
  75. package/components/footer/footer.js +8 -8
  76. package/components/form/form.js +2 -3
  77. package/components/global/theme.js +1 -1
  78. package/components/grid/col.js +4 -4
  79. package/components/grid/grid.js +2 -2
  80. package/components/grid/row.js +4 -4
  81. package/components/group/group.js +2 -2
  82. package/components/header/header-icon.js +4 -4
  83. package/components/header/header.js +3 -3
  84. package/components/header/links.js +2 -2
  85. package/components/header/logo.js +2 -2
  86. package/components/header/profile.d.ts +2 -2
  87. package/components/header/profile.js +10 -10
  88. package/components/header/services.js +7 -7
  89. package/components/header/tray.js +3 -3
  90. package/components/heading/heading.js +3 -3
  91. package/components/http/http.d.ts +3 -3
  92. package/components/icon/icon.js +8 -6
  93. package/components/input/input-legacy.js +2 -3
  94. package/components/input-size/input-size.js +2 -3
  95. package/components/island/content.js +7 -7
  96. package/components/island/header.js +4 -4
  97. package/components/island/island.js +4 -4
  98. package/components/link/link.js +7 -7
  99. package/components/list/list.d.ts +1 -1
  100. package/components/list/list.js +5 -5
  101. package/components/list/list__custom.js +5 -5
  102. package/components/list/list__hint.js +2 -2
  103. package/components/list/list__item.js +22 -22
  104. package/components/list/list__link.js +5 -5
  105. package/components/list/list__separator.js +3 -3
  106. package/components/list/list__title.js +5 -5
  107. package/components/loader/loader__core.js +5 -5
  108. package/components/loader-inline/loader-inline.js +3 -3
  109. package/components/loader-screen/loader-screen.js +4 -4
  110. package/components/login-dialog/login-dialog.js +6 -6
  111. package/components/markdown/markdown.d.ts +2 -2
  112. package/components/markdown/markdown.js +6 -6
  113. package/components/message/message.js +9 -9
  114. package/components/old-browsers-message/white-list.js +2 -2
  115. package/components/pager/pager.js +9 -9
  116. package/components/panel/panel.js +2 -2
  117. package/components/permissions/permissions__cache.js +2 -2
  118. package/components/popup/popup.js +5 -5
  119. package/components/popup/position.js +2 -2
  120. package/components/progress-bar/progress-bar.d.ts +2 -2
  121. package/components/progress-bar/progress-bar.js +5 -5
  122. package/components/query-assist/query-assist.js +26 -26
  123. package/components/radio/radio__item.js +5 -5
  124. package/components/scrollable-section/scrollable-section.js +6 -6
  125. package/components/select/select.d.ts +1 -1
  126. package/components/select/select.js +22 -21
  127. package/components/select/select__popup.js +11 -11
  128. package/components/shortcuts/core.js +1 -1
  129. package/components/slider/slider.js +20 -20
  130. package/components/style.css +1 -1
  131. package/components/tab-trap/tab-trap.js +2 -2
  132. package/components/table/cell.js +2 -2
  133. package/components/table/header-cell.js +8 -8
  134. package/components/table/header.d.ts +1 -2
  135. package/components/table/header.js +7 -13
  136. package/components/table/row.d.ts +0 -1
  137. package/components/table/row.js +11 -17
  138. package/components/table/selection.d.ts +2 -3
  139. package/components/table/simple-table.js +2 -2
  140. package/components/table/table.d.ts +0 -1
  141. package/components/table/table.js +17 -19
  142. package/components/tabs/collapsible-more.d.ts +1 -1
  143. package/components/tabs/collapsible-more.js +6 -6
  144. package/components/tabs/collapsible-tab.js +4 -4
  145. package/components/tabs/collapsible-tabs.d.ts +2 -2
  146. package/components/tabs/collapsible-tabs.js +5 -5
  147. package/components/tabs/dumb-tabs.js +5 -5
  148. package/components/tag/tag.js +13 -13
  149. package/components/tags-input/tags-input.js +8 -8
  150. package/components/text/text.js +7 -7
  151. package/components/toggle/toggle.d.ts +2 -2
  152. package/components/toggle/toggle.js +12 -12
  153. package/components/tooltip/tooltip.js +11 -4
  154. package/components/user-agreement/user-agreement.js +7 -7
  155. package/components/user-card/smart-user-card-tooltip.js +2 -2
  156. package/components/user-card/tooltip.js +2 -2
  157. package/package.json +6 -5
  158. package/typings.d.ts +2 -4
  159. package/components/island-legacy/content-legacy.d.ts +0 -5
  160. package/components/island-legacy/content-legacy.js +0 -23
  161. package/components/island-legacy/header-legacy.d.ts +0 -5
  162. package/components/island-legacy/header-legacy.js +0 -26
  163. package/components/island-legacy/island-legacy.d.ts +0 -7
  164. package/components/island-legacy/island-legacy.js +0 -25
@@ -17,7 +17,7 @@ import '@jetbrains/icons/chevron-down';
17
17
  import '../link/clickableLink.js';
18
18
  import '../_helpers/button__classes.js';
19
19
 
20
- var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
20
+ var styles = {"tag":"tag_rui_5765 resetButton_rui_f295","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
21
21
 
22
22
  class Tag extends PureComponent {
23
23
  constructor() {
@@ -65,7 +65,7 @@ class Tag extends PureComponent {
65
65
  renderCustomIcon() {
66
66
  if (this.props.rgTagIcon) {
67
67
  return /*#__PURE__*/jsx(Icon, {
68
- className: modules_2f9be069.icon,
68
+ className: styles.icon,
69
69
  title: this.props.rgTagTitle,
70
70
  glyph: this.props.rgTagIcon
71
71
  });
@@ -74,8 +74,8 @@ class Tag extends PureComponent {
74
74
  }
75
75
  _renderImageElement(avatarSrc) {
76
76
  const classes = classNames({
77
- [modules_2f9be069.customIcon]: this.props.icon,
78
- [modules_2f9be069.avatarIcon]: avatarSrc
77
+ [styles.customIcon]: this.props.icon,
78
+ [styles.avatarIcon]: avatarSrc
79
79
  });
80
80
  return /*#__PURE__*/jsx("img", {
81
81
  alt: avatarSrc ? 'Avatar' : 'Icon',
@@ -92,7 +92,7 @@ class Tag extends PureComponent {
92
92
  renderAvatar() {
93
93
  if (this.props.avatar) {
94
94
  return /*#__PURE__*/jsx("span", {
95
- className: modules_2f9be069.avatarContainer,
95
+ className: styles.avatarContainer,
96
96
  children: this._renderImageElement(this.props.avatar)
97
97
  });
98
98
  }
@@ -104,8 +104,8 @@ class Tag extends PureComponent {
104
104
  title: "Remove",
105
105
  icon: closeIcon,
106
106
  "data-test": "ring-tag-remove",
107
- className: modules_2f9be069.remove,
108
- iconClassName: modules_2f9be069.removeIcon,
107
+ className: styles.remove,
108
+ iconClassName: styles.removeIcon,
109
109
  onClick: this.props.onRemove,
110
110
  style: {
111
111
  '--ring-icon-secondary-color': this.props.textColor
@@ -116,10 +116,10 @@ class Tag extends PureComponent {
116
116
  return null;
117
117
  }
118
118
  render() {
119
- const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
120
- [modules_2f9be069.focused]: this.state.focused,
121
- [modules_2f9be069.disabled]: this.props.disabled,
122
- [modules_2f9be069.withRemove]: !this.props.readOnly
119
+ const classes = classNames('ring-js-shortcuts', styles.tag, {
120
+ [styles.focused]: this.state.focused,
121
+ [styles.disabled]: this.props.disabled,
122
+ [styles.withRemove]: !this.props.readOnly
123
123
  }, this.props.className);
124
124
  const {
125
125
  backgroundColor,
@@ -127,7 +127,7 @@ class Tag extends PureComponent {
127
127
  render
128
128
  } = this.props;
129
129
  return /*#__PURE__*/jsxs("span", {
130
- className: modules_2f9be069.container,
130
+ className: styles.container,
131
131
  children: [render({
132
132
  'data-test': 'ring-tag',
133
133
  className: classes,
@@ -140,7 +140,7 @@ class Tag extends PureComponent {
140
140
  disabled: this.props.disabled,
141
141
  children: /*#__PURE__*/jsxs(Fragment, {
142
142
  children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
143
- className: modules_2f9be069.content,
143
+ className: styles.content,
144
144
  children: this.props.children
145
145
  })]
146
146
  })
@@ -8,7 +8,7 @@ import TagsList from '../tags-list/tags-list.js';
8
8
  import Caret from '../caret/caret.js';
9
9
  import memoize from '../global/memoize.js';
10
10
  import rerenderHOC from '../global/rerender-hoc.js';
11
- import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
11
+ import { S as Size, i as inputStyles } from '../_helpers/input.js';
12
12
  import { ControlsHeightContext } from '../global/controls-height.js';
13
13
  import getUID from '../global/get-uid.js';
14
14
  import { ControlLabel } from '../control-label/control-label.js';
@@ -83,7 +83,7 @@ import '../text/text.js';
83
83
  import '../_helpers/select__filter.js';
84
84
  import '../tag/tag.js';
85
85
 
86
- var modules_5aa8aaf3 = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","light":"light_rui_2ac4","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
86
+ var styles = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
87
87
 
88
88
  function noop() {}
89
89
  /**
@@ -338,9 +338,9 @@ class TagsInput extends PureComponent {
338
338
  height = this.context,
339
339
  label
340
340
  } = this.props;
341
- const classes = classNames(modules_5aa8aaf3.tagsInput, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
342
- [modules_5aa8aaf3.tagsInputDisabled]: disabled,
343
- [modules_5aa8aaf3.tagsInputFocused]: focused
341
+ const classes = classNames(styles.tagsInput, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {
342
+ [styles.tagsInputDisabled]: disabled,
343
+ [styles.tagsInputFocused]: focused
344
344
  }, this.props.className);
345
345
  return /*#__PURE__*/jsxs("div", {
346
346
  // it transfers focus to input
@@ -360,8 +360,8 @@ class TagsInput extends PureComponent {
360
360
  disabled: disabled,
361
361
  canNotBeEmpty: canNotBeEmpty,
362
362
  handleRemove: this.handleRemove,
363
- className: modules_5aa8aaf3.tagsList,
364
- tagClassName: modules_5aa8aaf3.tag,
363
+ className: styles.tagsList,
364
+ tagClassName: styles.tag,
365
365
  handleClick: this.handleClick,
366
366
  customTagComponent: this.props.customTagComponent,
367
367
  children: /*#__PURE__*/jsx(Select, {
@@ -371,7 +371,7 @@ class TagsInput extends PureComponent {
371
371
  type: Select.Type.INPUT_WITHOUT_CONTROLS,
372
372
  inputPlaceholder: this.props.placeholder,
373
373
  data: this.state.suggestions,
374
- className: classNames(modules_5aa8aaf3.tagsSelect),
374
+ className: classNames(styles.tagsSelect),
375
375
  onSelect: this.addTag,
376
376
  onFocus: this._focusHandler,
377
377
  onBlur: this._blurHandler,
@@ -3,7 +3,7 @@ import { Component } from 'react';
3
3
  import classNames from 'classnames';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
6
- var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
6
+ var styles = {"text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
7
7
 
8
8
  const _excluded = ["children", "className", "info", "size", "bold"];
9
9
  const TextSize = {
@@ -25,12 +25,12 @@ class Text extends Component {
25
25
  bold
26
26
  } = _this$props,
27
27
  restProps = _objectWithoutProperties(_this$props, _excluded);
28
- const classes = classNames(modules_78d1bce6.text, className, {
29
- [modules_78d1bce6.info]: info,
30
- [modules_78d1bce6.bold]: bold,
31
- [modules_78d1bce6.sizeS]: size === Text.Size.S,
32
- [modules_78d1bce6.sizeM]: size === Text.Size.M,
33
- [modules_78d1bce6.sizeL]: size === Text.Size.L
28
+ const classes = classNames(styles.text, className, {
29
+ [styles.info]: info,
30
+ [styles.bold]: bold,
31
+ [styles.sizeS]: size === Text.Size.S,
32
+ [styles.sizeM]: size === Text.Size.M,
33
+ [styles.sizeL]: size === Text.Size.L
34
34
  });
35
35
  return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
36
36
  className: classes
@@ -5,8 +5,8 @@ export declare const Size: {
5
5
  Size20: string;
6
6
  };
7
7
  /**
8
- * @name Toggle
9
- */
8
+ * @name Toggle
9
+ */
10
10
  export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
11
11
  size: string;
12
12
  leftLabel?: ReactNode;
@@ -7,13 +7,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
7
7
  import 'core-js/modules/es.array.reduce.js';
8
8
  import 'core-js/modules/web.dom-collections.iterator.js';
9
9
 
10
- var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
10
+ var styles = {"toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
11
11
 
12
12
  const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
13
13
  const Size = {
14
- Size14: modules_331c5aa7.size14,
15
- Size16: modules_331c5aa7.size16,
16
- Size20: modules_331c5aa7.size20
14
+ Size14: styles.size14,
15
+ Size16: styles.size16,
16
+ Size20: styles.size20
17
17
  };
18
18
  class Toggle extends PureComponent {
19
19
  render() {
@@ -30,33 +30,33 @@ class Toggle extends PureComponent {
30
30
  onTransitionEnd
31
31
  } = _this$props,
32
32
  restProps = _objectWithoutProperties(_this$props, _excluded);
33
- const classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
33
+ const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
34
34
  return /*#__PURE__*/jsxs("label", {
35
35
  className: classes,
36
36
  title: title,
37
37
  "data-test": joinDataTestAttributes('ring-toggle', dataTest),
38
38
  children: [leftLabel && /*#__PURE__*/jsxs("span", {
39
- className: modules_331c5aa7.leftLabel,
39
+ className: styles.leftLabel,
40
40
  children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
41
- className: modules_331c5aa7.help,
41
+ className: styles.help,
42
42
  children: help
43
43
  })]
44
44
  }), /*#__PURE__*/jsxs("span", {
45
- className: modules_331c5aa7.switchWrapper,
45
+ className: styles.switchWrapper,
46
46
  children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
47
47
  "data-test": "ring-toggle-input"
48
48
  }, restProps), {}, {
49
49
  type: "checkbox",
50
50
  disabled: disabled,
51
- className: modules_331c5aa7.input
51
+ className: styles.input
52
52
  })), /*#__PURE__*/jsx("span", {
53
- className: modules_331c5aa7.switch,
53
+ className: styles.switch,
54
54
  onTransitionEnd: onTransitionEnd
55
55
  })]
56
56
  }), children && /*#__PURE__*/jsxs("div", {
57
- className: modules_331c5aa7.label,
57
+ className: styles.label,
58
58
  children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
59
- className: modules_331c5aa7.help,
59
+ className: styles.help,
60
60
  children: help
61
61
  })]
62
62
  })]
@@ -24,7 +24,7 @@ import '../popup/popup.consts.js';
24
24
  import '../popup/popup.target.js';
25
25
  import 'core-js/modules/es.array.reduce.js';
26
26
 
27
- var modules_cd5e45a9 = {"light":"light_rui_2ac4","tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
27
+ var styles = {"tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
28
28
 
29
29
  const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
30
30
  const scheduleScroll = scheduleRAF();
@@ -127,7 +127,13 @@ class Tooltip extends Component {
127
127
  addListeners() {
128
128
  if (this.containerNode != null) {
129
129
  this.listeners.add(this.containerNode, 'mouseenter', this.tryToShowPopup);
130
- this.listeners.add(this.containerNode, 'mouseleave', this.hidePopup);
130
+ this.listeners.add(this.containerNode, 'mouseleave', ev => {
131
+ var _this$popup;
132
+ if (ev.relatedTarget && (_this$popup = this.popup) !== null && _this$popup !== void 0 && (_this$popup = _this$popup.container) !== null && _this$popup !== void 0 && _this$popup.contains(ev.relatedTarget)) {
133
+ return;
134
+ }
135
+ this.hidePopup();
136
+ });
131
137
  }
132
138
  this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
133
139
  passive: true
@@ -173,10 +179,11 @@ class Tooltip extends Component {
173
179
  hidden: !this.state.showPopup || this.state.showNestedPopup,
174
180
  onCloseAttempt: this.hidePopup,
175
181
  maxHeight: 400,
176
- className: classNames(modules_cd5e45a9.tooltip, {
177
- [modules_cd5e45a9.long]: long
182
+ className: classNames(styles.tooltip, {
183
+ [styles.long]: long
178
184
  }),
179
185
  attached: false,
186
+ onMouseOut: this.hidePopup,
180
187
  top: 4,
181
188
  dontCloseOnAnchorClick: true,
182
189
  ref: this.popupRef
@@ -5,6 +5,7 @@ import classNames from 'classnames';
5
5
  import Dialog from '../dialog/dialog.js';
6
6
  import 'core-js/modules/es.array.reduce.js';
7
7
  import { jsx, jsxs } from 'react/jsx-runtime';
8
+ import '../_helpers/island.js';
8
9
  import HeaderWrapper from '../island/header.js';
9
10
  import ContentWrapper from '../island/content.js';
10
11
  import Panel from '../panel/panel.js';
@@ -16,7 +17,6 @@ import '../island/island.js';
16
17
  import '../global/data-tests.js';
17
18
  import '../island/adaptive-island-hoc.js';
18
19
  import '../global/linear-function.js';
19
- import '../_helpers/island.js';
20
20
  import 'element-resize-detector';
21
21
  import '../global/schedule-raf.js';
22
22
  import '../global/get-uid.js';
@@ -43,7 +43,7 @@ import '../global/controls-height.js';
43
43
  import '../_helpers/button__classes.js';
44
44
  import '../i18n/i18n.js';
45
45
 
46
- var modules_f5ed85cf = {"extra-small-screen-media":"i__const_extra_small_screen_media_0","light":"light_rui_2ac4","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
46
+ var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
47
47
 
48
48
  function noop() {}
49
49
  /**
@@ -83,8 +83,8 @@ class UserAgreement extends PureComponent {
83
83
  return /*#__PURE__*/jsxs(Dialog, {
84
84
  label: (_translations$userAgr = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
85
85
  show: show,
86
- className: classNames(modules_f5ed85cf.agreementDialog, className),
87
- contentClassName: modules_f5ed85cf.dialogContent,
86
+ className: classNames(style.agreementDialog, className),
87
+ contentClassName: style.dialogContent,
88
88
  trapFocus: true,
89
89
  autoFocusFirst: false,
90
90
  "data-test": "user-agreement",
@@ -96,7 +96,7 @@ class UserAgreement extends PureComponent {
96
96
  children: children
97
97
  }), !preview && /*#__PURE__*/jsxs(Panel, {
98
98
  children: [onRemindLater && !scrolledDown && /*#__PURE__*/jsx("div", {
99
- className: modules_f5ed85cf.suggestion,
99
+ className: style.suggestion,
100
100
  children: (_translations$scrollT = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')
101
101
  }), /*#__PURE__*/jsx(Button, {
102
102
  primary: true,
@@ -110,10 +110,10 @@ class UserAgreement extends PureComponent {
110
110
  "data-test": "decline",
111
111
  children: (_translations$decline = translations === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')
112
112
  }), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
113
- className: modules_f5ed85cf.suggestion,
113
+ className: style.suggestion,
114
114
  children: (_translations$scrollT2 = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
115
115
  }), onRemindLater && /*#__PURE__*/jsx(Button, {
116
- className: modules_f5ed85cf.remindLaterButton,
116
+ className: style.remindLaterButton,
117
117
  onClick: onRemindLater,
118
118
  "data-test": "later",
119
119
  children: (_translations$remindL = translations === null || translations === void 0 ? void 0 : translations.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater')
@@ -3,7 +3,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
3
3
  import { Component } from 'react';
4
4
  import LoaderInline from '../loader-inline/loader-inline.js';
5
5
  import UserCardTooltip from './tooltip.js';
6
- import { m as modules_a4196c17 } from '../_helpers/card.js';
6
+ import { s as styles } from '../_helpers/card.js';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
  import 'classnames';
9
9
  import '../global/data-tests.js';
@@ -89,7 +89,7 @@ class SmartUserCardTooltip extends Component {
89
89
  }
90
90
  });
91
91
  _defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/jsx("div", {
92
- className: modules_a4196c17.userCardSpaced,
92
+ className: styles.userCardSpaced,
93
93
  children: /*#__PURE__*/jsx(LoaderInline, {})
94
94
  }) : '');
95
95
  }
@@ -3,7 +3,7 @@ import { Component } from 'react';
3
3
  import classNames from 'classnames';
4
4
  import Dropdown from '../dropdown/dropdown.js';
5
5
  import Popup from '../popup/popup.js';
6
- import { m as modules_a4196c17, U as UserCard } from '../_helpers/card.js';
6
+ import { s as styles, U as UserCard } from '../_helpers/card.js';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
  import 'core-js/modules/web.dom-collections.iterator.js';
9
9
  import '../global/data-tests.js';
@@ -82,7 +82,7 @@ class UserCardTooltip extends Component {
82
82
  attached: false,
83
83
  children: user ? renderUserCard(_objectSpread2(_objectSpread2({}, restProps), {}, {
84
84
  user,
85
- className: classNames(modules_a4196c17.userCardSpaced, this.props.className)
85
+ className: classNames(styles.userCardSpaced, this.props.className)
86
86
  })) : renderNoUser()
87
87
  })
88
88
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetbrains/ring-ui-built",
3
- "version": "7.0.0-beta.12",
3
+ "version": "7.0.0-beta.14",
4
4
  "description": "JetBrains UI library",
5
5
  "author": "JetBrains",
6
6
  "license": "Apache-2.0",
@@ -28,7 +28,8 @@
28
28
  },
29
29
  "scripts": {
30
30
  "apply-resolutions": "npx npm-force-resolutions@0.0.10",
31
- "_postinstall": "husky",
31
+ "_postinstall": "husky && npm run postinstall:gitconfig",
32
+ "postinstall:gitconfig": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
32
33
  "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
33
34
  "prea11y-audit": "playwright install",
34
35
  "a11y-audit": "test-storybook --url http://localhost:9999",
@@ -51,8 +52,8 @@
51
52
  "lint": "npm run lint:js . && npm run stylelint",
52
53
  "prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
53
54
  "lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
54
- "stylelint-ci": "stylelint --ignore-path .eslintignore --custom-formatter './jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
55
- "stylelint": "stylelint --ignore-path .eslintignore '**/*.css'",
55
+ "stylelint-ci": "stylelint --ignore-path .stylelintignore --custom-formatter './jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
56
+ "stylelint": "stylelint --ignore-path .stylelintignore '**/*.css'",
56
57
  "validate-tc-config": "mvn --file .teamcity/pom.xml org.jetbrains.teamcity:teamcity-configs-maven-plugin:generate -e",
57
58
  "pretest-ci": "npm run lint-ci",
58
59
  "typecheck": "tsc",
@@ -88,7 +89,7 @@
88
89
  }
89
90
  },
90
91
  "dependencies": {
91
- "@jetbrains/icons": "^4.6.0",
92
+ "@jetbrains/icons": "^4.8.0",
92
93
  "change-case": "^4.1.1",
93
94
  "classnames": "^2.5.1",
94
95
  "combokeys": "^3.0.1",
package/typings.d.ts CHANGED
@@ -32,12 +32,10 @@ declare module 'combokeys/test/lib/key-event' {
32
32
  keyCode: number,
33
33
  modifiers?: ('shift' | 'ctrl' | 'alt' | 'meta')[],
34
34
  element?: Element,
35
- repeat?: number
35
+ repeat?: number,
36
36
  ): void;
37
37
  }
38
38
 
39
39
  declare module 'scrollbar-width' {
40
- export default function getScrollbarWidth(
41
- recalculate?: boolean
42
- ): number | null;
40
+ export default function getScrollbarWidth(recalculate?: boolean): number | null;
43
41
  }
@@ -1,5 +0,0 @@
1
- import { HTMLAttributes, PureComponent } from 'react';
2
- import './island-legacy.css';
3
- export default class Content extends PureComponent<HTMLAttributes<HTMLElement>> {
4
- render(): import("react").JSX.Element;
5
- }
@@ -1,23 +0,0 @@
1
- import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import { PureComponent } from 'react';
3
- import classNames from 'classnames';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- const _excluded = ["children", "className"];
7
- class Content extends PureComponent {
8
- render() {
9
- const _this$props = this.props,
10
- {
11
- children,
12
- className
13
- } = _this$props,
14
- restProps = _objectWithoutProperties(_this$props, _excluded);
15
- const classes = classNames('ring-island__content', className);
16
- return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
17
- className: classes,
18
- children: children
19
- }));
20
- }
21
- }
22
-
23
- export { Content as default };
@@ -1,5 +0,0 @@
1
- import { HTMLAttributes, PureComponent } from 'react';
2
- import './island-legacy.css';
3
- export default class Header extends PureComponent<HTMLAttributes<HTMLElement>> {
4
- render(): import("react").JSX.Element;
5
- }
@@ -1,26 +0,0 @@
1
- import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import { PureComponent } from 'react';
3
- import classNames from 'classnames';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- const _excluded = ["children", "className"];
7
- class Header extends PureComponent {
8
- render() {
9
- const _this$props = this.props,
10
- {
11
- children,
12
- className
13
- } = _this$props,
14
- restProps = _objectWithoutProperties(_this$props, _excluded);
15
- const classes = classNames('ring-island__header', className);
16
- return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
17
- className: classes,
18
- children: /*#__PURE__*/jsx("div", {
19
- className: "ring-island__title",
20
- children: children
21
- })
22
- }));
23
- }
24
- }
25
-
26
- export { Header as default };
@@ -1,7 +0,0 @@
1
- import { HTMLAttributes, PureComponent } from 'react';
2
- import './island-legacy.css';
3
- export default class Island extends PureComponent<HTMLAttributes<HTMLElement>> {
4
- render(): import("react").JSX.Element;
5
- }
6
- export { default as Header } from './header-legacy';
7
- export { default as Content } from './content-legacy';
@@ -1,25 +0,0 @@
1
- import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import { PureComponent } from 'react';
3
- import classNames from 'classnames';
4
- import { jsx } from 'react/jsx-runtime';
5
- export { default as Header } from './header-legacy.js';
6
- export { default as Content } from './content-legacy.js';
7
-
8
- const _excluded = ["children", "className"];
9
- class Island extends PureComponent {
10
- render() {
11
- const _this$props = this.props,
12
- {
13
- children,
14
- className
15
- } = _this$props,
16
- restProps = _objectWithoutProperties(_this$props, _excluded);
17
- const classes = classNames('ring-island', className);
18
- return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
19
- className: classes,
20
- children: children
21
- }));
22
- }
23
- }
24
-
25
- export { Island as default };