@jetbrains/ring-ui-built 7.0.0-beta.1 → 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 (241) 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/header.js +1 -1
  8. package/components/_helpers/icon__svg.js +27 -23
  9. package/components/_helpers/input.js +150 -171
  10. package/components/_helpers/query-assist__suggestions.js +78 -93
  11. package/components/_helpers/select__filter.js +56 -67
  12. package/components/_helpers/services-link.js +23 -29
  13. package/components/_helpers/sidebar.js +91 -93
  14. package/components/_helpers/tab-link.js +8 -6
  15. package/components/_helpers/theme.js +55 -51
  16. package/components/_helpers/title.js +59 -69
  17. package/components/alert/alert.js +112 -156
  18. package/components/alert/container.js +32 -39
  19. package/components/alert-service/alert-service.js +104 -161
  20. package/components/analytics/analytics.js +12 -20
  21. package/components/analytics/analytics__custom-plugin.js +52 -68
  22. package/components/auth/auth.js +2 -27
  23. package/components/auth/auth__core.d.ts +1 -1
  24. package/components/auth/auth__core.js +742 -1428
  25. package/components/auth/background-flow.js +84 -121
  26. package/components/auth/down-notification.js +31 -69
  27. package/components/auth/iframe-flow.js +70 -123
  28. package/components/auth/request-builder.js +46 -77
  29. package/components/auth/response-parser.js +84 -112
  30. package/components/auth/storage.js +160 -318
  31. package/components/auth/token-validator.js +132 -227
  32. package/components/auth/window-flow.js +84 -121
  33. package/components/auth-dialog/auth-dialog.js +99 -150
  34. package/components/auth-dialog-service/auth-dialog-service.js +6 -26
  35. package/components/avatar/avatar-example-datauri.js +1 -1
  36. package/components/avatar/avatar.js +94 -123
  37. package/components/avatar/fallback-avatar.js +20 -34
  38. package/components/badge/badge.js +32 -38
  39. package/components/breadcrumbs/breadcrumbs.js +13 -17
  40. package/components/button/button.js +67 -80
  41. package/components/button-group/button-group.js +27 -36
  42. package/components/button-set/button-set.js +19 -27
  43. package/components/button-toolbar/button-toolbar.js +17 -25
  44. package/components/caret/caret.js +184 -211
  45. package/components/checkbox/checkbox.js +69 -86
  46. package/components/clipboard/clipboard-fallback.js +7 -7
  47. package/components/clipboard/clipboard.js +36 -128
  48. package/components/code/code.js +83 -151
  49. package/components/collapse/collapse-content.js +42 -60
  50. package/components/collapse/collapse-context.js +2 -2
  51. package/components/collapse/collapse-control.js +12 -12
  52. package/components/collapse/collapse.js +12 -17
  53. package/components/collapse/consts.js +4 -4
  54. package/components/collapse/utils.js +1 -3
  55. package/components/confirm/confirm.js +57 -87
  56. package/components/confirm-service/confirm-service.js +23 -44
  57. package/components/content-layout/content-layout.js +41 -56
  58. package/components/content-layout/sidebar.js +1 -1
  59. package/components/contenteditable/contenteditable.js +38 -46
  60. package/components/control-help/control-help.js +5 -3
  61. package/components/control-label/control-label.js +9 -8
  62. package/components/data-list/data-list.js +113 -156
  63. package/components/data-list/data-list.mock.js +3 -5
  64. package/components/data-list/item.js +120 -140
  65. package/components/data-list/selection.js +77 -135
  66. package/components/data-list/title.js +2 -10
  67. package/components/date-picker/consts.js +16 -22
  68. package/components/date-picker/date-input.js +99 -124
  69. package/components/date-picker/date-picker.js +140 -184
  70. package/components/date-picker/date-popup.js +280 -327
  71. package/components/date-picker/day.js +71 -94
  72. package/components/date-picker/month-names.js +41 -59
  73. package/components/date-picker/month-slider.js +42 -61
  74. package/components/date-picker/month.js +17 -24
  75. package/components/date-picker/months.js +44 -49
  76. package/components/date-picker/weekdays.js +12 -21
  77. package/components/date-picker/years.js +77 -98
  78. package/components/dialog/dialog.js +151 -187
  79. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  80. package/components/dropdown/anchor.js +0 -6
  81. package/components/dropdown/dropdown.js +134 -154
  82. package/components/dropdown-menu/dropdown-menu.js +59 -87
  83. package/components/editable-heading/editable-heading.js +69 -116
  84. package/components/error-bubble/error-bubble.js +29 -54
  85. package/components/error-message/error-message.js +34 -49
  86. package/components/footer/footer.js +27 -28
  87. package/components/global/compose.js +1 -8
  88. package/components/global/composeRefs.d.ts +0 -3
  89. package/components/global/composeRefs.js +8 -15
  90. package/components/global/controls-height.js +2 -2
  91. package/components/global/create-stateful-context.js +14 -13
  92. package/components/global/data-tests.js +7 -12
  93. package/components/global/dom.js +49 -82
  94. package/components/global/focus-sensor-hoc.js +99 -106
  95. package/components/global/fuzzy-highlight.js +23 -34
  96. package/components/global/get-event-key.js +8 -8
  97. package/components/global/get-uid.js +3 -7
  98. package/components/global/inject-styles.js +7 -14
  99. package/components/global/listeners.js +28 -47
  100. package/components/global/memoize.js +6 -10
  101. package/components/global/normalize-indent.js +19 -46
  102. package/components/global/promise-with-timeout.js +6 -8
  103. package/components/global/prop-types.js +3 -5
  104. package/components/global/react-dom-renderer.js +29 -40
  105. package/components/global/rerender-hoc.js +16 -32
  106. package/components/global/schedule-raf.js +4 -4
  107. package/components/global/sniffer.js +1 -1
  108. package/components/global/theme.d.ts +3 -0
  109. package/components/global/theme.js +2 -19
  110. package/components/global/trivial-template-tag.js +4 -9
  111. package/components/global/typescript-utils.js +2 -6
  112. package/components/global/url.js +20 -23
  113. package/components/global/use-event-callback.js +7 -4
  114. package/components/grid/col.js +27 -39
  115. package/components/grid/grid.js +18 -27
  116. package/components/grid/row.js +23 -30
  117. package/components/group/group.js +16 -22
  118. package/components/header/header-icon.js +19 -31
  119. package/components/header/header.d.ts +0 -1
  120. package/components/header/header.js +30 -64
  121. package/components/header/links.d.ts +2 -0
  122. package/components/header/links.js +20 -0
  123. package/components/header/logo.js +15 -26
  124. package/components/header/profile.js +124 -150
  125. package/components/header/services-link.js +1 -3
  126. package/components/header/services.js +64 -97
  127. package/components/header/smart-profile.js +101 -178
  128. package/components/header/smart-services.js +55 -90
  129. package/components/header/tray.js +21 -30
  130. package/components/heading/heading.js +21 -20
  131. package/components/http/http.js +162 -319
  132. package/components/http/http.mock.js +50 -98
  133. package/components/hub-source/hub-source.js +77 -182
  134. package/components/hub-source/hub-source__user.js +9 -37
  135. package/components/hub-source/hub-source__users-groups.js +34 -60
  136. package/components/i18n/i18n-context.js +7 -8
  137. package/components/i18n/i18n.js +3 -6
  138. package/components/icon/icon.js +60 -74
  139. package/components/icon/icon__svg.js +0 -5
  140. package/components/icon/index.js +0 -5
  141. package/components/input/input.js +1 -11
  142. package/components/island/adaptive-island-hoc.js +29 -37
  143. package/components/island/content.js +100 -110
  144. package/components/island/header.js +56 -66
  145. package/components/island/island.js +25 -33
  146. package/components/island-legacy/content-legacy.js +16 -22
  147. package/components/island-legacy/header-legacy.js +19 -25
  148. package/components/island-legacy/island-legacy.js +16 -22
  149. package/components/link/clickableLink.js +33 -42
  150. package/components/link/link.js +47 -55
  151. package/components/list/consts.js +2 -2
  152. package/components/list/list.js +399 -486
  153. package/components/list/list__custom.js +51 -61
  154. package/components/list/list__hint.js +9 -17
  155. package/components/list/list__item.js +147 -178
  156. package/components/list/list__link.js +38 -47
  157. package/components/list/list__separator.js +15 -24
  158. package/components/list/list__title.js +25 -34
  159. package/components/list/list__users-groups-source.js +55 -121
  160. package/components/loader/loader.js +38 -60
  161. package/components/loader/loader__core.js +123 -184
  162. package/components/loader-inline/loader-inline.js +24 -32
  163. package/components/loader-screen/loader-screen.js +24 -40
  164. package/components/login-dialog/login-dialog.js +81 -121
  165. package/components/login-dialog/service.js +6 -29
  166. package/components/markdown/markdown.js +16 -24
  167. package/components/message/message.js +170 -201
  168. package/components/old-browsers-message/old-browsers-message.js +11 -14
  169. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  170. package/components/old-browsers-message/white-list.js +8 -13
  171. package/components/pager/pager.js +212 -257
  172. package/components/panel/panel.js +16 -22
  173. package/components/permissions/permissions.js +118 -161
  174. package/components/permissions/permissions__cache.js +191 -218
  175. package/components/popup/popup.consts.js +1 -1
  176. package/components/popup/popup.js +237 -288
  177. package/components/popup/popup.target.js +9 -7
  178. package/components/popup/position.js +94 -101
  179. package/components/popup-menu/popup-menu.js +33 -67
  180. package/components/progress-bar/progress-bar.js +57 -68
  181. package/components/query-assist/query-assist.js +583 -652
  182. package/components/query-assist/query-assist__suggestions.js +2 -26
  183. package/components/radio/radio.js +15 -27
  184. package/components/radio/radio__item.js +52 -62
  185. package/components/scrollable-section/scrollable-section.js +53 -0
  186. package/components/select/select.js +701 -796
  187. package/components/select/select__filter.js +1 -26
  188. package/components/select/select__popup.js +316 -413
  189. package/components/shortcuts/core.js +147 -195
  190. package/components/shortcuts/shortcut-title.js +6 -10
  191. package/components/shortcuts/shortcuts-hoc.js +23 -41
  192. package/components/shortcuts/shortcuts.js +41 -64
  193. package/components/slider/slider.js +93 -112
  194. package/components/slider/slider.utils.js +16 -23
  195. package/components/storage/storage.js +3 -27
  196. package/components/storage/storage__fallback.js +137 -210
  197. package/components/storage/storage__local.js +89 -147
  198. package/components/style.css +1 -1
  199. package/components/tab-trap/tab-trap.js +35 -53
  200. package/components/table/cell.js +11 -21
  201. package/components/table/disable-hover-hoc.js +27 -42
  202. package/components/table/header-cell.js +59 -75
  203. package/components/table/header.js +89 -110
  204. package/components/table/multitable.js +83 -89
  205. package/components/table/row-with-focus-sensor.js +25 -57
  206. package/components/table/row.js +169 -200
  207. package/components/table/selection-adapter.js +2 -2
  208. package/components/table/selection-shortcuts-hoc.js +108 -113
  209. package/components/table/selection.js +150 -217
  210. package/components/table/simple-table.js +19 -55
  211. package/components/table/smart-table.js +42 -76
  212. package/components/table/table.js +267 -327
  213. package/components/tabs/collapsible-more.js +47 -73
  214. package/components/tabs/collapsible-tab.js +32 -36
  215. package/components/tabs/collapsible-tabs.js +89 -148
  216. package/components/tabs/custom-item.js +4 -2
  217. package/components/tabs/dumb-tabs.js +60 -92
  218. package/components/tabs/smart-tabs.js +29 -61
  219. package/components/tabs/tab-link.js +1 -3
  220. package/components/tabs/tab.js +15 -24
  221. package/components/tabs/tabs.js +1 -26
  222. package/components/tag/tag.d.ts +0 -2
  223. package/components/tag/tag.js +120 -162
  224. package/components/tags-input/tags-input.js +222 -304
  225. package/components/tags-list/tags-list.js +45 -61
  226. package/components/text/text.js +28 -37
  227. package/components/toggle/toggle.js +51 -61
  228. package/components/tooltip/tooltip.js +109 -141
  229. package/components/user-agreement/service.js +259 -400
  230. package/components/user-agreement/user-agreement.js +80 -108
  231. package/components/user-card/card.js +1 -25
  232. package/components/user-card/smart-user-card-tooltip.js +52 -103
  233. package/components/user-card/tooltip.js +35 -65
  234. package/components/user-card/user-card.js +1 -25
  235. package/package.json +1 -1
  236. package/components/global/react-render-adapter.d.ts +0 -1
  237. package/components/global/react-render-adapter.js +0 -6
  238. package/components/header/scrollable-section.js +0 -47
  239. package/components/header/tray-icon.d.ts +0 -1
  240. package/components/header/tray-icon.js +0 -26
  241. /package/components/{header → scrollable-section}/scrollable-section.d.ts +0 -0
@@ -1,5 +1,5 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
1
+ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
3
3
  import { PureComponent, createRef } from 'react';
4
4
  import { createPortal } from 'react-dom';
5
5
  import PropTypes from 'prop-types';
@@ -12,7 +12,7 @@ import Shortcuts from '../shortcuts/shortcuts.js';
12
12
  import TabTrap from '../tab-trap/tab-trap.js';
13
13
  import { Button } from '../button/button.js';
14
14
  import { PopupTarget } from '../popup/popup.target.js';
15
- import { m as modules_5e9b8c03, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
15
+ import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.js';
16
16
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
17
17
  import '../island/adaptive-island-hoc.js';
18
18
  import '../global/linear-function.js';
@@ -21,234 +21,198 @@ import '../island/header.js';
21
21
  import '../island/content.js';
22
22
  import 'element-resize-detector';
23
23
  import '../global/schedule-raf.js';
24
- import 'core-js/modules/es.object.to-string.js';
25
- import 'core-js/modules/es.regexp.to-string.js';
26
24
  import 'core-js/modules/es.array.reduce.js';
27
- import 'core-js/modules/es.object.entries.js';
28
- import 'core-js/modules/es.array.map.js';
29
25
  import '../shortcuts/core.js';
30
- import 'core-js/modules/es.array.find-index.js';
31
- import 'core-js/modules/es.array.includes.js';
32
- import 'core-js/modules/es.array.slice.js';
33
- import 'core-js/modules/es.array.splice.js';
34
- import 'core-js/modules/es.object.assign.js';
35
26
  import 'core-js/modules/es.regexp.exec.js';
36
- import 'core-js/modules/es.string.includes.js';
37
- import 'core-js/modules/es.string.match.js';
38
27
  import 'combokeys';
39
28
  import '../global/sniffer.js';
40
29
  import 'sniffr';
41
- import 'core-js/modules/es.array.filter.js';
42
30
  import '../global/dom.js';
43
- import 'core-js/modules/es.array.iterator.js';
44
- import 'core-js/modules/es.set.js';
45
- import 'core-js/modules/es.string.split.js';
46
- import 'core-js/modules/web.dom-collections.for-each.js';
47
- import 'core-js/modules/web.dom-collections.iterator.js';
48
31
  import '@jetbrains/icons/chevron-down';
49
32
  import '../icon/icon.js';
50
33
  import 'util-deprecate';
51
34
  import '../icon/icon__constants.js';
52
35
  import '../_helpers/icon__svg.js';
53
36
  import 'core-js/modules/es.string.replace.js';
54
- import 'core-js/modules/es.string.starts-with.js';
55
37
  import '../global/memoize.js';
56
- import 'core-js/modules/es.map.js';
57
- import 'core-js/modules/es.weak-map.js';
58
38
  import '../link/clickableLink.js';
59
39
  import '../global/controls-height.js';
60
40
  import '../_helpers/button__classes.js';
61
41
  import 'scrollbar-width';
62
42
 
63
- var _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal"];
43
+ const _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal"];
64
44
  function noop() {}
65
- var Dialog = /*#__PURE__*/function (_PureComponent) {
66
- function Dialog() {
67
- var _this;
68
- _classCallCheck(this, Dialog);
69
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
70
- args[_key] = arguments[_key];
71
- }
72
- _this = _callSuper(this, Dialog, [].concat(args));
73
- _defineProperty(_this, "state", {
45
+ class Dialog extends PureComponent {
46
+ constructor() {
47
+ super(...arguments);
48
+ _defineProperty(this, "state", {
74
49
  shortcutsScope: getUID('ring-dialog-')
75
50
  });
76
- _defineProperty(_this, "scrollPreventer", preventerFactory(getUID('preventer-')));
77
- _defineProperty(_this, "uid", getUID('dialog-'));
78
- _defineProperty(_this, "handleClick", function (event) {
79
- _this.props.onOverlayClick(event);
80
- _this.props.onCloseAttempt(event);
51
+ _defineProperty(this, "scrollPreventer", preventerFactory(getUID('preventer-')));
52
+ _defineProperty(this, "uid", getUID('dialog-'));
53
+ _defineProperty(this, "handleClick", event => {
54
+ this.props.onOverlayClick(event);
55
+ this.props.onCloseAttempt(event);
81
56
  });
82
- _defineProperty(_this, "onCloseClick", function (event) {
83
- _this.props.onCloseClick(event);
84
- _this.props.onCloseAttempt(event);
57
+ _defineProperty(this, "onCloseClick", event => {
58
+ this.props.onCloseClick(event);
59
+ this.props.onCloseAttempt(event);
85
60
  });
86
- _defineProperty(_this, "getShortcutsMap", function () {
87
- var onEscape = function onEscape(event) {
88
- if (_this.props.show) {
89
- _this.props.onEscPress(event);
90
- _this.props.onCloseAttempt(event);
61
+ _defineProperty(this, "getShortcutsMap", () => {
62
+ const onEscape = event => {
63
+ if (this.props.show) {
64
+ this.props.onEscPress(event);
65
+ this.props.onCloseAttempt(event);
91
66
  }
92
67
  };
93
68
  return {
94
69
  esc: onEscape
95
70
  };
96
71
  });
97
- _defineProperty(_this, "dialog", void 0);
98
- _defineProperty(_this, "dialogRef", function (tabTrap) {
99
- _this.dialog = tabTrap && tabTrap.node;
72
+ _defineProperty(this, "dialog", void 0);
73
+ _defineProperty(this, "dialogRef", tabTrap => {
74
+ this.dialog = tabTrap && tabTrap.node;
100
75
  });
101
- _defineProperty(_this, "nativeDialog", /*#__PURE__*/createRef());
102
- return _this;
76
+ _defineProperty(this, "nativeDialog", /*#__PURE__*/createRef());
103
77
  }
104
- _inherits(Dialog, _PureComponent);
105
- return _createClass(Dialog, [{
106
- key: "componentDidMount",
107
- value: function componentDidMount() {
108
- var _this$props = this.props,
109
- show = _this$props.show,
110
- native = _this$props.native;
111
- if (native && show) {
112
- this.toggleNativeDialog();
113
- }
114
- this.toggleScrollPreventer();
78
+ componentDidMount() {
79
+ const {
80
+ show,
81
+ native
82
+ } = this.props;
83
+ if (native && show) {
84
+ this.toggleNativeDialog();
115
85
  }
116
- }, {
117
- key: "componentDidUpdate",
118
- value: function componentDidUpdate(prevProps) {
119
- var _this$props2 = this.props,
120
- show = _this$props2.show,
121
- native = _this$props2.native;
122
- if (native && show !== prevProps.show) {
123
- this.toggleNativeDialog();
124
- }
125
- if (prevProps.show !== this.props.show) {
126
- this.toggleScrollPreventer();
127
- }
86
+ this.toggleScrollPreventer();
87
+ }
88
+ componentDidUpdate(prevProps) {
89
+ const {
90
+ show,
91
+ native
92
+ } = this.props;
93
+ if (native && show !== prevProps.show) {
94
+ this.toggleNativeDialog();
128
95
  }
129
- }, {
130
- key: "componentWillUnmount",
131
- value: function componentWillUnmount() {
132
- this.scrollPreventer.reset();
96
+ if (prevProps.show !== this.props.show) {
97
+ this.toggleScrollPreventer();
133
98
  }
134
- }, {
135
- key: "toggleNativeDialog",
136
- value: function toggleNativeDialog() {
137
- var _this$props3 = this.props,
138
- show = _this$props3.show,
139
- modal = _this$props3.modal;
140
- if (this.nativeDialog.current != null) {
141
- if (show) {
142
- this.nativeDialog.current.removeAttribute('open');
143
- modal ? this.nativeDialog.current.showModal() : this.nativeDialog.current.show();
99
+ }
100
+ componentWillUnmount() {
101
+ this.scrollPreventer.reset();
102
+ }
103
+ toggleNativeDialog() {
104
+ const {
105
+ show,
106
+ modal
107
+ } = this.props;
108
+ if (this.nativeDialog.current != null) {
109
+ if (show) {
110
+ this.nativeDialog.current.removeAttribute('open');
111
+ if (modal) {
112
+ this.nativeDialog.current.showModal();
144
113
  } else {
145
- this.nativeDialog.current.close();
114
+ this.nativeDialog.current.show();
146
115
  }
147
- }
148
- }
149
- }, {
150
- key: "toggleScrollPreventer",
151
- value: function toggleScrollPreventer() {
152
- if (this.props.show) {
153
- this.scrollPreventer.prevent();
154
116
  } else {
155
- this.scrollPreventer.reset();
117
+ this.nativeDialog.current.close();
156
118
  }
157
119
  }
158
- }, {
159
- key: "render",
160
- value: function render() {
161
- var _this2 = this;
162
- var _this$props4 = this.props,
163
- show = _this$props4.show,
164
- showCloseButton = _this$props4.showCloseButton,
165
- onOverlayClick = _this$props4.onOverlayClick,
166
- onCloseAttempt = _this$props4.onCloseAttempt;
167
- _this$props4.onEscPress;
168
- _this$props4.onCloseClick;
169
- var children = _this$props4.children,
170
- className = _this$props4.className,
171
- contentClassName = _this$props4.contentClassName,
172
- trapFocus = _this$props4.trapFocus,
173
- dataTest = _this$props4['data-test'],
174
- closeButtonInside = _this$props4.closeButtonInside,
175
- portalTarget = _this$props4.portalTarget,
176
- label = _this$props4.label,
177
- closeButtonTitle = _this$props4.closeButtonTitle,
178
- dense = _this$props4.dense;
179
- _this$props4.shortcutOptions;
180
- var native = _this$props4.native;
181
- _this$props4.modal;
182
- var restProps = _objectWithoutProperties(_this$props4, _excluded);
183
- var classes = classNames(modules_5e9b8c03.container, className);
184
- var shortcutsMap = this.getShortcutsMap();
185
- var content = /*#__PURE__*/jsxs(Fragment, {
186
- children: [/*#__PURE__*/jsx(Shortcuts, {
187
- map: shortcutsMap,
188
- scope: this.state.shortcutsScope,
189
- options: this.props.shortcutOptions
190
- }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
191
- // click handler is duplicated in close button
192
- role: "presentation",
193
- className: modules_5e9b8c03.clickableOverlay,
194
- onClick: this.handleClick
195
- }), /*#__PURE__*/jsx("div", {
196
- className: modules_5e9b8c03.innerContainer,
197
- children: /*#__PURE__*/jsxs(AdaptiveIsland, {
198
- className: classNames(modules_5e9b8c03.content, contentClassName, {
199
- [modules_5e9b8c03.dense]: dense
120
+ }
121
+ toggleScrollPreventer() {
122
+ if (this.props.show) {
123
+ this.scrollPreventer.prevent();
124
+ } else {
125
+ this.scrollPreventer.reset();
126
+ }
127
+ }
128
+ render() {
129
+ const _this$props = this.props,
130
+ {
131
+ show,
132
+ showCloseButton,
133
+ onOverlayClick,
134
+ onCloseAttempt,
135
+ onEscPress,
136
+ onCloseClick,
137
+ children,
138
+ className,
139
+ contentClassName,
140
+ trapFocus,
141
+ 'data-test': dataTest,
142
+ closeButtonInside,
143
+ portalTarget,
144
+ label,
145
+ closeButtonTitle,
146
+ dense,
147
+ shortcutOptions,
148
+ native,
149
+ modal
150
+ } = _this$props,
151
+ restProps = _objectWithoutProperties(_this$props, _excluded);
152
+ const classes = classNames(modules_5e9b8c03.container, className);
153
+ const shortcutsMap = this.getShortcutsMap();
154
+ const content = /*#__PURE__*/jsxs(Fragment, {
155
+ children: [/*#__PURE__*/jsx(Shortcuts, {
156
+ map: shortcutsMap,
157
+ scope: this.state.shortcutsScope,
158
+ options: this.props.shortcutOptions
159
+ }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
160
+ // click handler is duplicated in close button
161
+ role: "presentation",
162
+ className: modules_5e9b8c03.clickableOverlay,
163
+ onClick: this.handleClick
164
+ }), /*#__PURE__*/jsx("div", {
165
+ className: modules_5e9b8c03.innerContainer,
166
+ children: /*#__PURE__*/jsxs(AdaptiveIsland, {
167
+ className: classNames(modules_5e9b8c03.content, contentClassName, {
168
+ [modules_5e9b8c03.dense]: dense
169
+ }),
170
+ "data-test": "ring-dialog",
171
+ role: "dialog",
172
+ "aria-label": label,
173
+ children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
174
+ icon: closeIcon,
175
+ "data-test": "ring-dialog-close-button",
176
+ className: classNames(modules_5e9b8c03.closeButton, {
177
+ [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
178
+ [modules_5e9b8c03.closeButtonInside]: closeButtonInside
200
179
  }),
201
- "data-test": "ring-dialog",
202
- role: "dialog",
203
- "aria-label": label,
204
- children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
205
- icon: closeIcon,
206
- "data-test": "ring-dialog-close-button",
207
- className: classNames(modules_5e9b8c03.closeButton, {
208
- [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
209
- [modules_5e9b8c03.closeButtonInside]: closeButtonInside
210
- }),
211
- iconClassName: modules_5e9b8c03.closeIcon,
212
- onClick: this.onCloseClick,
213
- title: closeButtonTitle,
214
- "aria-label": closeButtonTitle || 'close dialog'
215
- })]
180
+ iconClassName: modules_5e9b8c03.closeIcon,
181
+ onClick: this.onCloseClick,
182
+ title: closeButtonTitle,
183
+ "aria-label": closeButtonTitle || 'close dialog'
184
+ })]
185
+ })
186
+ })]
187
+ });
188
+ if (native) {
189
+ return /*#__PURE__*/jsx("dialog", {
190
+ className: classNames(modules_5e9b8c03.nativeDialog, className),
191
+ ref: this.nativeDialog,
192
+ children: /*#__PURE__*/jsx(PopupTarget, {
193
+ id: this.uid,
194
+ className: modules_5e9b8c03.popupTarget,
195
+ children: target => /*#__PURE__*/jsxs(Fragment, {
196
+ children: [content, target]
216
197
  })
217
- })]
198
+ })
218
199
  });
219
- if (native) {
220
- return /*#__PURE__*/jsx("dialog", {
221
- className: classNames(modules_5e9b8c03.nativeDialog, className),
222
- ref: this.nativeDialog,
223
- children: /*#__PURE__*/jsx(PopupTarget, {
224
- id: this.uid,
225
- className: modules_5e9b8c03.popupTarget,
226
- children: function children(target) {
227
- return /*#__PURE__*/jsxs(Fragment, {
228
- children: [content, target]
229
- });
230
- }
231
- })
232
- });
233
- }
234
- return show && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
235
- id: this.uid,
236
- className: modules_5e9b8c03.popupTarget,
237
- children: function children(target) {
238
- return /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
239
- trapDisabled: !trapFocus,
240
- "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
241
- ref: _this2.dialogRef,
242
- className: classes,
243
- role: "presentation"
244
- }, restProps), {}, {
245
- children: [content, target]
246
- }));
247
- }
248
- }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
249
200
  }
250
- }]);
251
- }(PureComponent);
201
+ return show && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
202
+ id: this.uid,
203
+ className: modules_5e9b8c03.popupTarget,
204
+ children: target => /*#__PURE__*/jsxs(TabTrap, _objectSpread2(_objectSpread2({
205
+ trapDisabled: !trapFocus,
206
+ "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
207
+ ref: this.dialogRef,
208
+ className: classes,
209
+ role: "presentation"
210
+ }, restProps), {}, {
211
+ children: [content, target]
212
+ }))
213
+ }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
214
+ }
215
+ }
252
216
  _defineProperty(Dialog, "propTypes", {
253
217
  label: PropTypes.string,
254
218
  className: PropTypes.string,
@@ -1,6 +1,3 @@
1
- import 'core-js/modules/es.array.iterator.js';
2
- import 'core-js/modules/es.object.to-string.js';
3
- import 'core-js/modules/es.set.js';
4
1
  import 'core-js/modules/web.dom-collections.iterator.js';
5
2
  import 'scrollbar-width';
6
3
  export { d as default, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
@@ -12,14 +12,8 @@ import '../icon/icon__constants.js';
12
12
  import '../_helpers/icon__svg.js';
13
13
  import 'core-js/modules/es.regexp.exec.js';
14
14
  import 'core-js/modules/es.string.replace.js';
15
- import 'core-js/modules/es.string.starts-with.js';
16
15
  import '../global/memoize.js';
17
- import 'core-js/modules/es.array.iterator.js';
18
- import 'core-js/modules/es.map.js';
19
- import 'core-js/modules/es.object.to-string.js';
20
- import 'core-js/modules/es.weak-map.js';
21
16
  import 'core-js/modules/web.dom-collections.iterator.js';
22
- import 'core-js/modules/es.array.concat.js';
23
17
  import '@jetbrains/icons/chevron-down';
24
18
  import '../link/clickableLink.js';
25
19
  import '../global/controls-height.js';