@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.3

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