@jetbrains/ring-ui-built 6.0.32 → 6.0.33

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 (224) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +567 -1
  2. package/components/_helpers/anchor.js +6 -7
  3. package/components/_helpers/button__classes.js +14 -16
  4. package/components/_helpers/caption.js +20 -14
  5. package/components/_helpers/card.js +105 -95
  6. package/components/_helpers/dialog__body-scroll-preventer.js +19 -11
  7. package/components/_helpers/icon__svg.js +25 -22
  8. package/components/_helpers/input.js +177 -146
  9. package/components/_helpers/query-assist__suggestions.js +90 -74
  10. package/components/_helpers/select__filter.js +69 -48
  11. package/components/_helpers/services-link.js +37 -29
  12. package/components/_helpers/sidebar.js +107 -99
  13. package/components/_helpers/tab-link.js +7 -7
  14. package/components/_helpers/theme.js +40 -31
  15. package/components/_helpers/title.js +72 -57
  16. package/components/alert/alert.js +202 -150
  17. package/components/alert/container.js +41 -32
  18. package/components/alert-service/alert-service.js +170 -105
  19. package/components/analytics/analytics.js +22 -12
  20. package/components/analytics/analytics__custom-plugin.js +75 -54
  21. package/components/auth/auth.js +36 -4
  22. package/components/auth/auth__core.js +1471 -746
  23. package/components/auth/background-flow.js +127 -87
  24. package/components/auth/down-notification.js +73 -30
  25. package/components/auth/iframe-flow.js +133 -75
  26. package/components/auth/request-builder.js +82 -46
  27. package/components/auth/response-parser.js +116 -86
  28. package/components/auth/storage.js +334 -171
  29. package/components/auth/token-validator.js +242 -137
  30. package/components/auth/window-flow.js +134 -92
  31. package/components/auth-dialog/auth-dialog.js +172 -114
  32. package/components/auth-dialog-service/auth-dialog-service.js +31 -8
  33. package/components/avatar/avatar-example-datauri.js +1 -23
  34. package/components/avatar/avatar.js +152 -119
  35. package/components/avatar/fallback-avatar.js +38 -22
  36. package/components/badge/badge.js +45 -35
  37. package/components/button/button.js +107 -86
  38. package/components/button-group/button-group.js +33 -19
  39. package/components/button-set/button-set.js +32 -20
  40. package/components/button-toolbar/button-toolbar.js +31 -19
  41. package/components/caret/caret.js +220 -186
  42. package/components/checkbox/checkbox.js +101 -76
  43. package/components/clipboard/clipboard-fallback.js +10 -10
  44. package/components/clipboard/clipboard.js +132 -35
  45. package/components/code/code.js +166 -92
  46. package/components/collapse/collapse-content.js +64 -42
  47. package/components/collapse/collapse-context.js +2 -2
  48. package/components/collapse/collapse-control.js +14 -12
  49. package/components/collapse/collapse.js +17 -11
  50. package/components/collapse/consts.js +4 -4
  51. package/components/collapse/utils.js +3 -1
  52. package/components/confirm/confirm.js +104 -66
  53. package/components/confirm-service/confirm-service.js +59 -37
  54. package/components/content-layout/content-layout.js +64 -43
  55. package/components/content-layout/sidebar.js +1 -0
  56. package/components/contenteditable/contenteditable.js +59 -50
  57. package/components/control-label/control-label.js +9 -9
  58. package/components/data-list/data-list.js +182 -129
  59. package/components/data-list/data-list.mock.js +6 -2
  60. package/components/data-list/item.js +170 -143
  61. package/components/data-list/selection.js +136 -76
  62. package/components/data-list/title.js +12 -1
  63. package/components/date-picker/consts.js +26 -19
  64. package/components/date-picker/date-input.js +144 -113
  65. package/components/date-picker/date-picker.js +282 -227
  66. package/components/date-picker/date-popup.js +395 -350
  67. package/components/date-picker/day.js +116 -87
  68. package/components/date-picker/month-names.js +66 -43
  69. package/components/date-picker/month-slider.js +76 -51
  70. package/components/date-picker/month.js +25 -16
  71. package/components/date-picker/months.js +50 -43
  72. package/components/date-picker/weekdays.js +22 -12
  73. package/components/date-picker/years.js +110 -83
  74. package/components/dialog/dialog.js +190 -142
  75. package/components/dialog/dialog__body-scroll-preventer.js +4 -0
  76. package/components/dropdown/anchor.js +9 -0
  77. package/components/dropdown/dropdown.js +213 -182
  78. package/components/dropdown-menu/dropdown-menu.js +97 -71
  79. package/components/editable-heading/editable-heading.js +127 -75
  80. package/components/error-bubble/error-bubble.js +60 -31
  81. package/components/error-message/error-message.js +59 -39
  82. package/components/footer/footer.js +30 -27
  83. package/components/global/compose.js +10 -1
  84. package/components/global/composeRefs.js +12 -7
  85. package/components/global/controls-height.js +2 -2
  86. package/components/global/create-stateful-context.js +15 -15
  87. package/components/global/data-tests.js +14 -6
  88. package/components/global/dom.js +86 -47
  89. package/components/global/focus-sensor-hoc.js +132 -122
  90. package/components/global/fuzzy-highlight.js +36 -22
  91. package/components/global/get-event-key.js +8 -8
  92. package/components/global/get-uid.js +8 -4
  93. package/components/global/inject-styles.js +15 -10
  94. package/components/global/listeners.js +51 -27
  95. package/components/global/memoize.js +12 -6
  96. package/components/global/normalize-indent.js +50 -19
  97. package/components/global/promise-with-timeout.js +8 -6
  98. package/components/global/prop-types.js +5 -3
  99. package/components/global/react-dom-renderer.js +44 -28
  100. package/components/global/react-render-adapter.js +1 -1
  101. package/components/global/rerender-hoc.js +30 -12
  102. package/components/global/schedule-raf.js +6 -5
  103. package/components/global/sniffer.js +1 -1
  104. package/components/global/theme.js +22 -0
  105. package/components/global/trivial-template-tag.js +10 -3
  106. package/components/global/typescript-utils.js +6 -2
  107. package/components/global/url.js +26 -20
  108. package/components/global/use-event-callback.js +4 -6
  109. package/components/grid/col.js +52 -35
  110. package/components/grid/grid.js +31 -17
  111. package/components/grid/row.js +47 -35
  112. package/components/group/group.js +25 -17
  113. package/components/header/header.js +78 -33
  114. package/components/header/logo.js +36 -20
  115. package/components/header/profile.js +199 -166
  116. package/components/header/services-link.js +4 -0
  117. package/components/header/services.js +116 -73
  118. package/components/header/smart-profile.js +203 -111
  119. package/components/header/smart-services.js +113 -62
  120. package/components/header/tray-icon.js +37 -21
  121. package/components/header/tray.js +32 -21
  122. package/components/heading/heading.js +25 -24
  123. package/components/http/http.js +353 -203
  124. package/components/http/http.mock.js +101 -49
  125. package/components/hub-source/hub-source.js +190 -83
  126. package/components/hub-source/hub-source__user.js +44 -11
  127. package/components/hub-source/hub-source__users-groups.js +65 -37
  128. package/components/i18n/i18n-context.js +10 -7
  129. package/components/i18n/i18n.js +10 -7
  130. package/components/icon/icon.js +93 -76
  131. package/components/icon/icon__svg.js +8 -0
  132. package/components/icon/index.js +8 -0
  133. package/components/input/input.js +13 -0
  134. package/components/island/adaptive-island-hoc.js +43 -30
  135. package/components/island/content.js +132 -115
  136. package/components/island/header.js +70 -57
  137. package/components/island/island.js +40 -28
  138. package/components/island-legacy/content-legacy.js +25 -17
  139. package/components/island-legacy/header-legacy.js +27 -19
  140. package/components/island-legacy/island-legacy.js +25 -17
  141. package/components/link/clickableLink.js +59 -44
  142. package/components/link/link.js +68 -57
  143. package/components/list/consts.js +2 -2
  144. package/components/list/list.js +698 -611
  145. package/components/list/list__custom.js +62 -44
  146. package/components/list/list__hint.js +19 -10
  147. package/components/list/list__item.js +174 -133
  148. package/components/list/list__link.js +50 -37
  149. package/components/list/list__separator.js +24 -14
  150. package/components/list/list__title.js +32 -22
  151. package/components/list/list__users-groups-source.js +126 -54
  152. package/components/loader/loader.js +74 -43
  153. package/components/loader/loader__core.js +263 -198
  154. package/components/loader-inline/loader-inline.js +35 -23
  155. package/components/loader-screen/loader-screen.js +46 -25
  156. package/components/login-dialog/login-dialog.js +158 -111
  157. package/components/login-dialog/service.js +34 -8
  158. package/components/markdown/markdown.js +23 -15
  159. package/components/message/message.js +203 -161
  160. package/components/old-browsers-message/old-browsers-message.js +18 -11
  161. package/components/old-browsers-message/old-browsers-message__stop.js +7 -0
  162. package/components/old-browsers-message/white-list.js +16 -8
  163. package/components/pager/pager.js +271 -212
  164. package/components/panel/panel.js +25 -17
  165. package/components/permissions/permissions.js +172 -127
  166. package/components/permissions/permissions__cache.js +224 -194
  167. package/components/popup/popup.consts.js +1 -1
  168. package/components/popup/popup.js +343 -284
  169. package/components/popup/popup.target.js +8 -9
  170. package/components/popup/position.js +106 -96
  171. package/components/popup-menu/popup-menu.js +81 -44
  172. package/components/progress-bar/progress-bar.js +104 -87
  173. package/components/query-assist/query-assist.js +916 -838
  174. package/components/query-assist/query-assist__suggestions.js +30 -1
  175. package/components/radio/radio.js +34 -19
  176. package/components/radio/radio__item.js +69 -52
  177. package/components/select/select.js +957 -852
  178. package/components/select/select__filter.js +30 -0
  179. package/components/select/select__popup.js +487 -373
  180. package/components/shortcuts/core.js +217 -166
  181. package/components/shortcuts/shortcut-title.js +11 -6
  182. package/components/shortcuts/shortcuts-hoc.js +45 -19
  183. package/components/shortcuts/shortcuts.js +75 -50
  184. package/components/slider/slider.js +122 -99
  185. package/components/slider/slider.utils.js +24 -14
  186. package/components/storage/storage.js +33 -4
  187. package/components/storage/storage__fallback.js +224 -149
  188. package/components/storage/storage__local.js +153 -90
  189. package/components/tab-trap/tab-trap.js +153 -122
  190. package/components/table/cell.js +26 -14
  191. package/components/table/disable-hover-hoc.js +51 -33
  192. package/components/table/header-cell.js +89 -64
  193. package/components/table/header.js +132 -104
  194. package/components/table/multitable.js +125 -107
  195. package/components/table/row-with-focus-sensor.js +69 -25
  196. package/components/table/row.js +216 -175
  197. package/components/table/selection-adapter.js +3 -1
  198. package/components/table/selection-shortcuts-hoc.js +181 -180
  199. package/components/table/selection.js +226 -156
  200. package/components/table/smart-table.js +88 -50
  201. package/components/table/table.js +358 -289
  202. package/components/tabs/collapsible-more.js +79 -46
  203. package/components/tabs/collapsible-tab.js +38 -31
  204. package/components/tabs/collapsible-tabs.js +153 -88
  205. package/components/tabs/custom-item.js +2 -4
  206. package/components/tabs/dumb-tabs.js +117 -74
  207. package/components/tabs/smart-tabs.js +69 -29
  208. package/components/tabs/tab-link.js +5 -1
  209. package/components/tabs/tab.js +31 -19
  210. package/components/tabs/tabs.js +31 -0
  211. package/components/tag/tag.js +173 -133
  212. package/components/tags-input/tags-input.js +427 -329
  213. package/components/tags-list/tags-list.js +78 -57
  214. package/components/text/text.js +39 -28
  215. package/components/toggle/toggle.js +70 -56
  216. package/components/tooltip/tooltip.js +190 -146
  217. package/components/user-agreement/service.js +371 -228
  218. package/components/user-agreement/toolbox.eula.js +1 -160
  219. package/components/user-agreement/user-agreement.js +120 -85
  220. package/components/user-card/card.js +29 -0
  221. package/components/user-card/smart-user-card-tooltip.js +111 -51
  222. package/components/user-card/tooltip.js +84 -47
  223. package/components/user-card/user-card.js +29 -0
  224. package/package.json +1 -1
@@ -1,4 +1,9 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.symbol.js';
3
+ import 'core-js/modules/es.symbol.description.js';
4
+ import 'core-js/modules/es.array.concat.js';
5
+ import 'core-js/modules/es.array.includes.js';
6
+ import 'core-js/modules/es.string.includes.js';
2
7
  import React, { Component } from 'react';
3
8
  import PropTypes from 'prop-types';
4
9
  import classNames from 'classnames';
@@ -9,23 +14,45 @@ import Icon from '../icon/icon.js';
9
14
  import { Button } from '../button/button.js';
10
15
  import { I18nContext } from '../i18n/i18n-context.js';
11
16
  import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
17
+ import 'core-js/modules/es.object.entries.js';
18
+ import 'core-js/modules/es.object.to-string.js';
19
+ import 'core-js/modules/es.regexp.exec.js';
20
+ import 'core-js/modules/es.regexp.to-string.js';
21
+ import 'core-js/modules/es.string.replace.js';
22
+ import 'core-js/modules/web.dom-collections.for-each.js';
12
23
  import 'react-dom';
13
24
  import '../global/get-uid.js';
14
25
  import '../global/schedule-raf.js';
15
26
  import '../global/dom.js';
27
+ import 'core-js/modules/es.array.filter.js';
28
+ import 'core-js/modules/es.array.iterator.js';
29
+ import 'core-js/modules/es.object.assign.js';
30
+ import 'core-js/modules/es.set.js';
31
+ import 'core-js/modules/es.string.split.js';
32
+ import 'core-js/modules/web.dom-collections.iterator.js';
16
33
  import '../shortcuts/shortcuts.js';
34
+ import 'core-js/modules/es.array.map.js';
17
35
  import '../shortcuts/core.js';
36
+ import 'core-js/modules/es.array.find-index.js';
37
+ import 'core-js/modules/es.array.slice.js';
38
+ import 'core-js/modules/es.array.splice.js';
39
+ import 'core-js/modules/es.string.match.js';
18
40
  import 'combokeys';
19
41
  import '../global/sniffer.js';
20
42
  import 'sniffr';
21
43
  import '../global/data-tests.js';
44
+ import 'core-js/modules/es.array.reduce.js';
22
45
  import '../tab-trap/tab-trap.js';
23
46
  import '../popup/position.js';
47
+ import 'core-js/modules/es.array.sort.js';
24
48
  import '../popup/popup.target.js';
25
49
  import 'util-deprecate';
26
50
  import '../icon/icon__constants.js';
27
51
  import '../_helpers/icon__svg.js';
52
+ import 'core-js/modules/es.string.starts-with.js';
28
53
  import '../global/memoize.js';
54
+ import 'core-js/modules/es.map.js';
55
+ import 'core-js/modules/es.weak-map.js';
29
56
  import '@jetbrains/icons/chevron-10px';
30
57
  import '../link/clickableLink.js';
31
58
  import '../global/controls-height.js';
@@ -37,173 +64,188 @@ var modules_8b837449 = {"light":"light_rui_2ac4","container":"container_rui_a216
37
64
  /**
38
65
  * @name Message
39
66
  */
40
- const UNIT = 8;
41
- const TAIL_SIZE = 11;
42
- const getTailOffsets = offset => ({
43
- [Directions.BOTTOM_RIGHT]: {
44
- top: 0,
45
- left: offset + UNIT,
46
- transform: 'rotate(135deg)'
47
- },
48
- [Directions.BOTTOM_LEFT]: {
49
- top: 0,
50
- right: offset - UNIT - TAIL_SIZE,
51
- transform: 'rotate(135deg)'
52
- },
53
- [Directions.BOTTOM_CENTER]: {
54
- top: 0,
55
- left: offset + UNIT,
56
- transform: 'rotate(135deg)'
57
- },
58
- [Directions.TOP_RIGHT]: {
59
- bottom: -TAIL_SIZE,
60
- left: offset - UNIT,
61
- transform: 'rotate(-45deg)'
62
- },
63
- [Directions.TOP_LEFT]: {
64
- bottom: -TAIL_SIZE,
65
- right: offset + UNIT - TAIL_SIZE,
66
- transform: 'rotate(-45deg)'
67
- },
68
- [Directions.TOP_CENTER]: {
69
- bottom: -TAIL_SIZE,
70
- left: offset - UNIT,
71
- transform: 'rotate(-45deg)'
72
- },
73
- [Directions.RIGHT_TOP]: {
74
- bottom: offset + UNIT - TAIL_SIZE,
75
- left: 0,
76
- transform: 'rotate(45deg)'
77
- },
78
- [Directions.RIGHT_BOTTOM]: {
79
- top: offset - UNIT,
80
- left: 0,
81
- transform: 'rotate(45deg)'
82
- },
83
- [Directions.RIGHT_CENTER]: {
84
- top: offset - UNIT,
85
- left: 0,
86
- transform: 'rotate(45deg)'
87
- },
88
- [Directions.LEFT_TOP]: {
89
- bottom: offset - UNIT - TAIL_SIZE,
90
- right: -TAIL_SIZE,
91
- transform: 'rotate(-135deg)'
92
- },
93
- [Directions.LEFT_BOTTOM]: {
94
- top: offset + UNIT,
95
- right: -TAIL_SIZE,
96
- transform: 'rotate(-135deg)'
97
- },
98
- [Directions.LEFT_CENTER]: {
99
- top: offset + UNIT,
100
- right: -TAIL_SIZE,
101
- transform: 'rotate(-135deg)'
102
- }
103
- });
67
+ var UNIT = 8;
68
+ var TAIL_SIZE = 11;
69
+ var getTailOffsets = function getTailOffsets(offset) {
70
+ return {
71
+ [Directions.BOTTOM_RIGHT]: {
72
+ top: 0,
73
+ left: offset + UNIT,
74
+ transform: 'rotate(135deg)'
75
+ },
76
+ [Directions.BOTTOM_LEFT]: {
77
+ top: 0,
78
+ right: offset - UNIT - TAIL_SIZE,
79
+ transform: 'rotate(135deg)'
80
+ },
81
+ [Directions.BOTTOM_CENTER]: {
82
+ top: 0,
83
+ left: offset + UNIT,
84
+ transform: 'rotate(135deg)'
85
+ },
86
+ [Directions.TOP_RIGHT]: {
87
+ bottom: -TAIL_SIZE,
88
+ left: offset - UNIT,
89
+ transform: 'rotate(-45deg)'
90
+ },
91
+ [Directions.TOP_LEFT]: {
92
+ bottom: -TAIL_SIZE,
93
+ right: offset + UNIT - TAIL_SIZE,
94
+ transform: 'rotate(-45deg)'
95
+ },
96
+ [Directions.TOP_CENTER]: {
97
+ bottom: -TAIL_SIZE,
98
+ left: offset - UNIT,
99
+ transform: 'rotate(-45deg)'
100
+ },
101
+ [Directions.RIGHT_TOP]: {
102
+ bottom: offset + UNIT - TAIL_SIZE,
103
+ left: 0,
104
+ transform: 'rotate(45deg)'
105
+ },
106
+ [Directions.RIGHT_BOTTOM]: {
107
+ top: offset - UNIT,
108
+ left: 0,
109
+ transform: 'rotate(45deg)'
110
+ },
111
+ [Directions.RIGHT_CENTER]: {
112
+ top: offset - UNIT,
113
+ left: 0,
114
+ transform: 'rotate(45deg)'
115
+ },
116
+ [Directions.LEFT_TOP]: {
117
+ bottom: offset - UNIT - TAIL_SIZE,
118
+ right: -TAIL_SIZE,
119
+ transform: 'rotate(-135deg)'
120
+ },
121
+ [Directions.LEFT_BOTTOM]: {
122
+ top: offset + UNIT,
123
+ right: -TAIL_SIZE,
124
+ transform: 'rotate(-135deg)'
125
+ },
126
+ [Directions.LEFT_CENTER]: {
127
+ top: offset + UNIT,
128
+ right: -TAIL_SIZE,
129
+ transform: 'rotate(-135deg)'
130
+ }
131
+ };
132
+ };
104
133
  /**
105
134
  * Displays a popup containing a message.
106
135
  */
107
- class Message extends Component {
108
- static defaultProps = {
109
- icon: gift,
110
- directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
111
- theme: Theme.DARK
112
- };
113
- state = {};
114
- static Directions = Directions;
115
- static PopupProps = Popup.PopupProps;
116
- _onDirectionChange = direction => this.setState({
117
- direction
118
- });
119
- popup;
120
- node;
121
- popupRef = el => {
122
- this.popup = el;
123
- this.node = this.popup?.node;
124
- };
125
- getTailOffset() {
126
- const DEFAULT_OFFSET = 32;
127
- const {
128
- popupProps
129
- } = this.props;
130
- if (this.props.tailOffset != null) {
131
- return this.props.tailOffset;
132
- }
133
- const anchor = popupProps?.anchorElement || this.popup?.parent;
134
- if (!anchor) {
135
- return DEFAULT_OFFSET;
136
- }
137
- const offset = Math.floor(anchor.offsetWidth / 2);
138
- const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
139
- if (popupProps?.left && isOpenedToRight) {
140
- return offset - popupProps?.left;
136
+ var Message = /*#__PURE__*/function (_Component) {
137
+ function Message() {
138
+ var _this;
139
+ _classCallCheck(this, Message);
140
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
141
+ args[_key] = arguments[_key];
141
142
  }
142
- return offset;
143
- }
144
- render() {
145
- const {
146
- children,
147
- className,
148
- tailClassName,
149
- title,
150
- icon,
151
- popupProps,
152
- buttonProps,
153
- onClose,
154
- onDismiss,
155
- translations,
156
- theme
157
- } = this.props;
158
- const classes = classNames(modules_8b837449.message, className, {
159
- [modules_59717246.dark]: theme === Theme.DARK
160
- });
161
- const tailClasses = classNames(modules_8b837449.tail, tailClassName);
162
- const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
163
- const {
164
- direction
165
- } = this.state;
166
- return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
167
- let {
168
- translate
169
- } = _ref;
170
- return /*#__PURE__*/React.createElement(WithThemeClasses, {
171
- theme: theme
172
- }, themeClasses => {
173
- var _translations$gotIt, _translations$dismiss;
174
- return /*#__PURE__*/React.createElement(Popup, _extends({
175
- ref: this.popupRef,
176
- hidden: false,
177
- directions: popupDirections,
178
- className: classNames(classes, themeClasses),
179
- offset: UNIT * 2,
180
- onDirectionChange: this._onDirectionChange
181
- }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
182
- theme: theme,
183
- passToPopups: true
184
- }, direction && /*#__PURE__*/React.createElement("div", {
185
- className: tailClasses,
186
- style: getTailOffsets(this.getTailOffset())[direction]
187
- }), icon && /*#__PURE__*/React.createElement(Icon, {
188
- className: modules_8b837449.icon,
189
- glyph: icon
190
- }), title && /*#__PURE__*/React.createElement("h1", {
191
- "data-test": "rgMessageTitle",
192
- className: modules_8b837449.title
193
- }, title), children && /*#__PURE__*/React.createElement("div", {
194
- className: modules_8b837449.description
195
- }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
196
- className: modules_8b837449.button,
197
- onClick: onClose,
198
- primary: true
199
- }, buttonProps), (_translations$gotIt = translations?.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
200
- onClick: onDismiss,
201
- text: true
202
- }, (_translations$dismiss = translations?.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
143
+ _this = _callSuper(this, Message, [].concat(args));
144
+ _defineProperty(_this, "state", {});
145
+ _defineProperty(_this, "_onDirectionChange", function (direction) {
146
+ return _this.setState({
147
+ direction
203
148
  });
204
149
  });
150
+ _defineProperty(_this, "popup", void 0);
151
+ _defineProperty(_this, "node", void 0);
152
+ _defineProperty(_this, "popupRef", function (el) {
153
+ var _this$popup;
154
+ _this.popup = el;
155
+ _this.node = (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
156
+ });
157
+ return _this;
205
158
  }
206
- }
159
+ _inherits(Message, _Component);
160
+ return _createClass(Message, [{
161
+ key: "getTailOffset",
162
+ value: function getTailOffset() {
163
+ var _this$popup2;
164
+ var DEFAULT_OFFSET = 32;
165
+ var popupProps = this.props.popupProps;
166
+ if (this.props.tailOffset != null) {
167
+ return this.props.tailOffset;
168
+ }
169
+ var anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
170
+ if (!anchor) {
171
+ return DEFAULT_OFFSET;
172
+ }
173
+ var offset = Math.floor(anchor.offsetWidth / 2);
174
+ var isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
175
+ if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
176
+ return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
177
+ }
178
+ return offset;
179
+ }
180
+ }, {
181
+ key: "render",
182
+ value: function render() {
183
+ var _this2 = this;
184
+ var _this$props = this.props,
185
+ children = _this$props.children,
186
+ className = _this$props.className,
187
+ tailClassName = _this$props.tailClassName,
188
+ title = _this$props.title,
189
+ icon = _this$props.icon,
190
+ popupProps = _this$props.popupProps,
191
+ buttonProps = _this$props.buttonProps,
192
+ onClose = _this$props.onClose,
193
+ onDismiss = _this$props.onDismiss,
194
+ translations = _this$props.translations,
195
+ theme = _this$props.theme;
196
+ var classes = classNames(modules_8b837449.message, className, {
197
+ [modules_59717246.dark]: theme === Theme.DARK
198
+ });
199
+ var tailClasses = classNames(modules_8b837449.tail, tailClassName);
200
+ var popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
201
+ var direction = this.state.direction;
202
+ return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
203
+ var translate = _ref.translate;
204
+ return /*#__PURE__*/React.createElement(WithThemeClasses, {
205
+ theme: theme
206
+ }, function (themeClasses) {
207
+ var _translations$gotIt, _translations$dismiss;
208
+ return /*#__PURE__*/React.createElement(Popup, _extends({
209
+ ref: _this2.popupRef,
210
+ hidden: false,
211
+ directions: popupDirections,
212
+ className: classNames(classes, themeClasses),
213
+ offset: UNIT * 2,
214
+ onDirectionChange: _this2._onDirectionChange
215
+ }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
216
+ theme: theme,
217
+ passToPopups: true
218
+ }, direction && /*#__PURE__*/React.createElement("div", {
219
+ className: tailClasses,
220
+ style: getTailOffsets(_this2.getTailOffset())[direction]
221
+ }), icon && /*#__PURE__*/React.createElement(Icon, {
222
+ className: modules_8b837449.icon,
223
+ glyph: icon
224
+ }), title && /*#__PURE__*/React.createElement("h1", {
225
+ "data-test": "rgMessageTitle",
226
+ className: modules_8b837449.title
227
+ }, title), children && /*#__PURE__*/React.createElement("div", {
228
+ className: modules_8b837449.description
229
+ }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
230
+ className: modules_8b837449.button,
231
+ onClick: onClose,
232
+ primary: true
233
+ }, buttonProps), (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
234
+ onClick: onDismiss,
235
+ text: true
236
+ }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
237
+ });
238
+ });
239
+ }
240
+ }]);
241
+ }(Component);
242
+ _defineProperty(Message, "defaultProps", {
243
+ icon: gift,
244
+ directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
245
+ theme: Theme.DARK
246
+ });
247
+ _defineProperty(Message, "Directions", Directions);
248
+ _defineProperty(Message, "PopupProps", Popup.PopupProps);
207
249
  Message.propTypes = {
208
250
  children: PropTypes.node,
209
251
  className: PropTypes.string,
@@ -1,4 +1,11 @@
1
+ import 'core-js/modules/es.array.concat.js';
1
2
  import { isBrowserInWhiteList } from './white-list.js';
3
+ import '../_helpers/_rollupPluginBabelHelpers.js';
4
+ import 'core-js/modules/es.array.includes.js';
5
+ import 'core-js/modules/es.array.reduce.js';
6
+ import 'core-js/modules/es.object.to-string.js';
7
+ import 'core-js/modules/es.regexp.exec.js';
8
+ import 'core-js/modules/es.string.match.js';
2
9
  import '../global/sniffer.js';
3
10
  import 'sniffr';
4
11
 
@@ -10,12 +17,12 @@ import 'sniffr';
10
17
  won't be displayed for those and higher versions even when a JS error occurs
11
18
  on application start.
12
19
  */
13
- let smileChanges = 0;
14
- const MAX_SMILE_CHANGES = 50;
15
- let previousWindowErrorHandler;
20
+ var smileChanges = 0;
21
+ var MAX_SMILE_CHANGES = 50;
22
+ var previousWindowErrorHandler;
16
23
  function changeSmileClickListener(event) {
17
- const eyes = ['O', 'o', '-', '>', '<'];
18
- const target = event.target || event.srcElement;
24
+ var eyes = ['O', 'o', '-', '>', '<'];
25
+ var target = event.target || event.srcElement;
19
26
  smileChanges++;
20
27
  function rand(min, max) {
21
28
  return Math.round(Math.random() * (max - min)) + min;
@@ -27,7 +34,7 @@ function changeSmileClickListener(event) {
27
34
  if (smileChanges >= MAX_SMILE_CHANGES) {
28
35
  return '\\\\ (x_x) //';
29
36
  }
30
- return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
37
+ return "{{ (".concat(getRandomEye(), "_").concat(getRandomEye(), ") }}");
31
38
  }
32
39
  target.innerHTML = getRandomSmile();
33
40
  }
@@ -59,11 +66,11 @@ function stopOldBrowserDetector() {
59
66
  window.onerror = previousWindowErrorHandler;
60
67
  }
61
68
  //Start javascript error detection
62
- startOldBrowsersDetector(() => {
63
- const oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
64
- const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
65
- const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
66
- const smileNode = document.getElementById('ring-old-browsers-message__smile');
69
+ startOldBrowsersDetector(function () {
70
+ var oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
71
+ var browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
72
+ var errorMessage = document.getElementById('ring-old-browsers-message__error-message');
73
+ var smileNode = document.getElementById('ring-old-browsers-message__smile');
67
74
  if (browserMessage != null && errorMessage != null) {
68
75
  if (isBrowserInWhiteList()) {
69
76
  browserMessage.style.display = 'none';
@@ -1,4 +1,11 @@
1
1
  export { stop as default } from './old-browsers-message.js';
2
+ import 'core-js/modules/es.array.concat.js';
2
3
  import './white-list.js';
4
+ import '../_helpers/_rollupPluginBabelHelpers.js';
5
+ import 'core-js/modules/es.array.includes.js';
6
+ import 'core-js/modules/es.array.reduce.js';
7
+ import 'core-js/modules/es.object.to-string.js';
8
+ import 'core-js/modules/es.regexp.exec.js';
9
+ import 'core-js/modules/es.string.match.js';
3
10
  import '../global/sniffer.js';
4
11
  import 'sniffr';
@@ -1,7 +1,13 @@
1
+ import { j as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.includes.js';
3
+ import 'core-js/modules/es.array.reduce.js';
4
+ import 'core-js/modules/es.object.to-string.js';
5
+ import 'core-js/modules/es.regexp.exec.js';
6
+ import 'core-js/modules/es.string.match.js';
1
7
  import sniffr from '../global/sniffer.js';
2
8
  import 'sniffr';
3
9
 
4
- const MAJOR_VERSION_INDEX = 0;
10
+ var MAJOR_VERSION_INDEX = 0;
5
11
  /**
6
12
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
7
13
  */
@@ -9,18 +15,20 @@ if (!["and_chr 124", "chrome 124", "chrome 123", "chrome 122", "chrome 109", "ed
9
15
  // eslint-disable-next-line no-console
10
16
  console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
11
17
  }
12
- const SUPPORTED = ["and_chr 124", "chrome 124", "chrome 123", "chrome 122", "chrome 109", "edge 124", "edge 123", "firefox 124", "ios_saf 17.4", "ios_saf 17.3", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 24"] || [];
13
- const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
14
- const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
18
+ var SUPPORTED = ["and_chr 124", "chrome 124", "chrome 123", "chrome 122", "chrome 109", "edge 124", "edge 123", "firefox 124", "ios_saf 17.4", "ios_saf 17.3", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 24"] || [];
19
+ var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
20
+ var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
15
21
  var _item$match;
16
- const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
22
+ var _ref = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [],
23
+ _ref2 = _slicedToArray(_ref, 3),
24
+ browserName = _ref2[1],
25
+ version = _ref2[2];
17
26
  if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
18
27
  return acc;
19
28
  }
20
- return {
21
- ...acc,
29
+ return _objectSpread2(_objectSpread2({}, acc), {}, {
22
30
  [browserName]: parseInt(version, 10)
23
- };
31
+ });
24
32
  }, {});
25
33
  function isBrowserInWhiteList() {
26
34
  return sniffr.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffr.browser.name];