@jetbrains/ring-ui-built 6.0.32 → 6.0.34

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 (226) 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 +176 -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.d.ts +1 -2
  124. package/components/http/http.js +345 -203
  125. package/components/http/http.mock.d.ts +1 -5
  126. package/components/http/http.mock.js +101 -49
  127. package/components/hub-source/hub-source.js +190 -83
  128. package/components/hub-source/hub-source__user.js +44 -11
  129. package/components/hub-source/hub-source__users-groups.js +65 -37
  130. package/components/i18n/i18n-context.js +10 -7
  131. package/components/i18n/i18n.js +10 -7
  132. package/components/icon/icon.js +93 -76
  133. package/components/icon/icon__svg.js +8 -0
  134. package/components/icon/index.js +8 -0
  135. package/components/input/input.js +13 -0
  136. package/components/island/adaptive-island-hoc.js +43 -30
  137. package/components/island/content.js +132 -115
  138. package/components/island/header.js +70 -57
  139. package/components/island/island.js +40 -28
  140. package/components/island-legacy/content-legacy.js +25 -17
  141. package/components/island-legacy/header-legacy.js +27 -19
  142. package/components/island-legacy/island-legacy.js +25 -17
  143. package/components/link/clickableLink.js +59 -44
  144. package/components/link/link.js +68 -57
  145. package/components/list/consts.js +2 -2
  146. package/components/list/list.js +698 -611
  147. package/components/list/list__custom.js +62 -44
  148. package/components/list/list__hint.js +19 -10
  149. package/components/list/list__item.js +174 -133
  150. package/components/list/list__link.js +50 -37
  151. package/components/list/list__separator.js +24 -14
  152. package/components/list/list__title.js +32 -22
  153. package/components/list/list__users-groups-source.js +126 -54
  154. package/components/loader/loader.js +74 -43
  155. package/components/loader/loader__core.js +263 -198
  156. package/components/loader-inline/loader-inline.js +35 -23
  157. package/components/loader-screen/loader-screen.js +46 -25
  158. package/components/login-dialog/login-dialog.js +158 -111
  159. package/components/login-dialog/service.js +34 -8
  160. package/components/markdown/markdown.js +23 -15
  161. package/components/message/message.js +203 -161
  162. package/components/old-browsers-message/old-browsers-message.js +18 -11
  163. package/components/old-browsers-message/old-browsers-message__stop.js +7 -0
  164. package/components/old-browsers-message/white-list.js +17 -9
  165. package/components/pager/pager.js +271 -212
  166. package/components/panel/panel.js +25 -17
  167. package/components/permissions/permissions.js +172 -127
  168. package/components/permissions/permissions__cache.js +224 -194
  169. package/components/popup/popup.consts.js +1 -1
  170. package/components/popup/popup.js +343 -284
  171. package/components/popup/popup.target.js +8 -9
  172. package/components/popup/position.js +106 -96
  173. package/components/popup-menu/popup-menu.js +81 -44
  174. package/components/progress-bar/progress-bar.js +104 -87
  175. package/components/query-assist/query-assist.js +916 -838
  176. package/components/query-assist/query-assist__suggestions.js +30 -1
  177. package/components/radio/radio.js +34 -19
  178. package/components/radio/radio__item.js +69 -52
  179. package/components/select/select.js +957 -852
  180. package/components/select/select__filter.js +30 -0
  181. package/components/select/select__popup.js +487 -373
  182. package/components/shortcuts/core.js +217 -166
  183. package/components/shortcuts/shortcut-title.js +11 -6
  184. package/components/shortcuts/shortcuts-hoc.js +45 -19
  185. package/components/shortcuts/shortcuts.js +75 -50
  186. package/components/slider/slider.js +122 -99
  187. package/components/slider/slider.utils.js +24 -14
  188. package/components/storage/storage.js +33 -4
  189. package/components/storage/storage__fallback.js +224 -149
  190. package/components/storage/storage__local.js +153 -90
  191. package/components/tab-trap/tab-trap.js +153 -122
  192. package/components/table/cell.js +26 -14
  193. package/components/table/disable-hover-hoc.js +51 -33
  194. package/components/table/header-cell.js +89 -64
  195. package/components/table/header.js +132 -104
  196. package/components/table/multitable.js +125 -107
  197. package/components/table/row-with-focus-sensor.js +69 -25
  198. package/components/table/row.js +216 -175
  199. package/components/table/selection-adapter.js +3 -1
  200. package/components/table/selection-shortcuts-hoc.js +181 -180
  201. package/components/table/selection.js +226 -156
  202. package/components/table/smart-table.js +88 -50
  203. package/components/table/table.js +358 -289
  204. package/components/tabs/collapsible-more.js +79 -46
  205. package/components/tabs/collapsible-tab.js +38 -31
  206. package/components/tabs/collapsible-tabs.js +153 -88
  207. package/components/tabs/custom-item.js +2 -4
  208. package/components/tabs/dumb-tabs.js +117 -74
  209. package/components/tabs/smart-tabs.js +69 -29
  210. package/components/tabs/tab-link.js +5 -1
  211. package/components/tabs/tab.js +31 -19
  212. package/components/tabs/tabs.js +31 -0
  213. package/components/tag/tag.js +173 -133
  214. package/components/tags-input/tags-input.js +427 -329
  215. package/components/tags-list/tags-list.js +78 -57
  216. package/components/text/text.js +39 -28
  217. package/components/toggle/toggle.js +70 -56
  218. package/components/tooltip/tooltip.js +190 -146
  219. package/components/user-agreement/service.js +371 -228
  220. package/components/user-agreement/toolbox.eula.js +1 -160
  221. package/components/user-agreement/user-agreement.js +120 -85
  222. package/components/user-card/card.js +29 -0
  223. package/components/user-card/smart-user-card-tooltip.js +111 -51
  224. package/components/user-card/tooltip.js +84 -47
  225. package/components/user-card/user-card.js +29 -0
  226. package/package.json +1 -2
@@ -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,26 +1,34 @@
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
  */
8
- if (!["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"]) {
14
+ if (!["and_chr 125", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"]) {
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 125", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"] || [];
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];