@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,13 +1,13 @@
1
1
  function copyTextToClipboard(str) {
2
- var el = document.createElement('textarea');
2
+ const el = document.createElement('textarea');
3
3
  el.value = str;
4
4
  el.setAttribute('readonly', '');
5
5
  el.style.position = 'absolute';
6
6
  el.style.left = '-9999px';
7
7
  document.body.appendChild(el);
8
- var selection = document.getSelection();
8
+ const selection = document.getSelection();
9
9
  // Should restore previous selection
10
- var selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
10
+ const selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
11
11
  el.select();
12
12
  document.execCommand('copy');
13
13
  document.body.removeChild(el);
@@ -17,17 +17,17 @@ function copyTextToClipboard(str) {
17
17
  }
18
18
  }
19
19
  function copyHTMLToClipboard(str) {
20
- var el = document.createElement('div');
20
+ const el = document.createElement('div');
21
21
  el.innerHTML = str;
22
22
  el.setAttribute('readonly', '');
23
23
  el.style.position = 'absolute';
24
24
  el.style.left = '-9999px';
25
25
  document.body.appendChild(el);
26
- var selection = document.getSelection();
26
+ const selection = document.getSelection();
27
27
  // Should restore previous selection
28
- var selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
28
+ const selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
29
29
  selection === null || selection === void 0 || selection.removeAllRanges();
30
- var range = document.createRange();
30
+ const range = document.createRange();
31
31
  range.selectNode(el);
32
32
  selection === null || selection === void 0 || selection.addRange(range);
33
33
  document.execCommand('copy');
@@ -1,16 +1,10 @@
1
- import { g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.object.to-string.js';
3
- import 'core-js/modules/es.promise.js';
4
1
  import alertService from '../alert-service/alert-service.js';
5
2
  import { copyTextToClipboard, copyHTMLToClipboard } from './clipboard-fallback.js';
6
- import 'core-js/modules/es.array.concat.js';
7
- import 'core-js/modules/es.array.filter.js';
8
- import 'core-js/modules/es.array.map.js';
3
+ import '../_helpers/_rollupPluginBabelHelpers.js';
4
+ import 'core-js/modules/web.dom-collections.iterator.js';
9
5
  import 'react-dom/client';
10
6
  import '../global/get-uid.js';
11
- import 'core-js/modules/es.regexp.to-string.js';
12
7
  import '../alert/alert.js';
13
- import 'core-js/modules/es.object.values.js';
14
8
  import 'react';
15
9
  import 'classnames';
16
10
  import 'prop-types';
@@ -24,22 +18,12 @@ import '../icon/icon__constants.js';
24
18
  import '../_helpers/icon__svg.js';
25
19
  import 'core-js/modules/es.regexp.exec.js';
26
20
  import 'core-js/modules/es.string.replace.js';
27
- import 'core-js/modules/es.string.starts-with.js';
28
21
  import '../global/memoize.js';
29
- import 'core-js/modules/es.array.iterator.js';
30
- import 'core-js/modules/es.map.js';
31
- import 'core-js/modules/es.weak-map.js';
32
- import 'core-js/modules/web.dom-collections.iterator.js';
33
22
  import 'react/jsx-runtime';
34
23
  import '../loader-inline/loader-inline.js';
35
24
  import '../global/data-tests.js';
36
25
  import 'core-js/modules/es.array.reduce.js';
37
- import 'core-js/modules/es.object.entries.js';
38
26
  import '../global/dom.js';
39
- import 'core-js/modules/es.object.assign.js';
40
- import 'core-js/modules/es.set.js';
41
- import 'core-js/modules/es.string.split.js';
42
- import 'core-js/modules/web.dom-collections.for-each.js';
43
27
  import '../button/button.js';
44
28
  import '@jetbrains/icons/chevron-down';
45
29
  import '../link/clickableLink.js';
@@ -52,12 +36,6 @@ import '../popup/popup.js';
52
36
  import '../global/schedule-raf.js';
53
37
  import '../shortcuts/shortcuts.js';
54
38
  import '../shortcuts/core.js';
55
- import 'core-js/modules/es.array.find-index.js';
56
- import 'core-js/modules/es.array.includes.js';
57
- import 'core-js/modules/es.array.slice.js';
58
- import 'core-js/modules/es.array.splice.js';
59
- import 'core-js/modules/es.string.includes.js';
60
- import 'core-js/modules/es.string.match.js';
61
39
  import 'combokeys';
62
40
  import '../global/sniffer.js';
63
41
  import 'sniffr';
@@ -67,120 +45,50 @@ import 'core-js/modules/es.array.sort.js';
67
45
  import '../popup/popup.consts.js';
68
46
  import '../alert/container.js';
69
47
 
70
- var ALERT_DELAY = 1000;
48
+ const ALERT_DELAY = 1000;
71
49
  function getClipboardImplementation() {
72
50
  if (navigator.clipboard && !window.isSecureContext) {
73
51
  return {
74
- copy: function copy(text) {
75
- return navigator.clipboard.writeText(text);
76
- },
77
- copyHTML: function copyHTML(html) {
78
- return navigator.clipboard.write([new ClipboardItem({
79
- ['text/html']: new Blob([html], {
80
- type: 'text/html'
81
- })
82
- })]);
83
- }
52
+ copy: text => navigator.clipboard.writeText(text),
53
+ copyHTML: html => navigator.clipboard.write([new ClipboardItem({
54
+ ['text/html']: new Blob([html], {
55
+ type: 'text/html'
56
+ })
57
+ })])
84
58
  };
85
59
  }
86
60
  return {
87
- copy: function copy(str) {
88
- return Promise.resolve(copyTextToClipboard(str));
89
- },
90
- copyHTML: function copyHTML(html) {
91
- return Promise.resolve(copyHTMLToClipboard(html));
92
- }
61
+ copy: str => Promise.resolve(copyTextToClipboard(str)),
62
+ copyHTML: html => Promise.resolve(copyHTMLToClipboard(html))
93
63
  };
94
64
  }
95
- function copy(_x, _x2, _x3) {
96
- return _copy.apply(this, arguments);
97
- }
98
- function _copy() {
99
- _copy = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text, successMessage, errorMessage) {
100
- var delay,
101
- isHtml,
102
- clipboardImpl,
103
- copyMethod,
104
- _args3 = arguments;
105
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
106
- while (1) switch (_context3.prev = _context3.next) {
107
- case 0:
108
- delay = _args3.length > 3 && _args3[3] !== undefined ? _args3[3] : ALERT_DELAY;
109
- isHtml = _args3.length > 4 && _args3[4] !== undefined ? _args3[4] : false;
110
- _context3.prev = 2;
111
- clipboardImpl = getClipboardImplementation();
112
- copyMethod = isHtml ? clipboardImpl.copyHTML : clipboardImpl.copy;
113
- _context3.next = 7;
114
- return copyMethod(text);
115
- case 7:
116
- if (successMessage) {
117
- alertService.successMessage(successMessage, delay);
118
- }
119
- _context3.next = 14;
120
- break;
121
- case 10:
122
- _context3.prev = 10;
123
- _context3.t0 = _context3["catch"](2);
124
- if (errorMessage) {
125
- alertService.error(errorMessage, delay);
126
- }
127
- // eslint-disable-next-line no-console
128
- console.error(_context3.t0);
129
- case 14:
130
- case "end":
131
- return _context3.stop();
132
- }
133
- }, _callee3, null, [[2, 10]]);
134
- }));
135
- return _copy.apply(this, arguments);
136
- }
137
- var clipboard = {
138
- copyText: function () {
139
- var _copyText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(text, successMessage, errorMessage) {
140
- var delay,
141
- _args = arguments;
142
- return _regeneratorRuntime().wrap(function _callee$(_context) {
143
- while (1) switch (_context.prev = _context.next) {
144
- case 0:
145
- delay = _args.length > 3 && _args[3] !== undefined ? _args[3] : ALERT_DELAY;
146
- _context.next = 3;
147
- return copy(text, successMessage, errorMessage, delay);
148
- case 3:
149
- return _context.abrupt("return", _context.sent);
150
- case 4:
151
- case "end":
152
- return _context.stop();
153
- }
154
- }, _callee);
155
- }));
156
- function copyText(_x4, _x5, _x6) {
157
- return _copyText.apply(this, arguments);
65
+ async function copy(text, successMessage, errorMessage) {
66
+ let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
67
+ let isHtml = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
68
+ try {
69
+ const clipboardImpl = getClipboardImplementation();
70
+ const copyMethod = isHtml ? clipboardImpl.copyHTML : clipboardImpl.copy;
71
+ await copyMethod(text);
72
+ if (successMessage) {
73
+ alertService.successMessage(successMessage, delay);
158
74
  }
159
- return copyText;
160
- }(),
161
- copyHTML: function () {
162
- var _copyHTML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(html, successMessage, errorMessage) {
163
- var delay,
164
- _args2 = arguments;
165
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
166
- while (1) switch (_context2.prev = _context2.next) {
167
- case 0:
168
- delay = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : ALERT_DELAY;
169
- _context2.next = 3;
170
- return copy(html, successMessage, errorMessage, delay, true);
171
- case 3:
172
- return _context2.abrupt("return", _context2.sent);
173
- case 4:
174
- case "end":
175
- return _context2.stop();
176
- }
177
- }, _callee2);
178
- }));
179
- function copyHTML(_x7, _x8, _x9) {
180
- return _copyHTML.apply(this, arguments);
75
+ } catch (e) {
76
+ if (errorMessage) {
77
+ alertService.error(errorMessage, delay);
181
78
  }
182
- return copyHTML;
183
- }()
79
+ // eslint-disable-next-line no-console
80
+ console.error(e);
81
+ }
82
+ }
83
+ const clipboard = {
84
+ copyText: async function (text, successMessage, errorMessage) {
85
+ let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
86
+ return await copy(text, successMessage, errorMessage, delay);
87
+ },
88
+ copyHTML: async function (html, successMessage, errorMessage) {
89
+ let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
90
+ return await copy(html, successMessage, errorMessage, delay, true);
91
+ }
184
92
  };
185
93
 
186
94
  export { clipboard as default };
@@ -1,172 +1,106 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
3
- import 'core-js/modules/es.object.to-string.js';
4
- import 'core-js/modules/es.promise.js';
1
+ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
5
3
  import { PureComponent } from 'react';
6
4
  import PropTypes from 'prop-types';
7
5
  import classNames from 'classnames';
8
- import _highlight from 'highlight.js/lib/core';
6
+ import highlight from 'highlight.js/lib/core';
9
7
  export { default as highlight } from 'highlight.js/lib/core';
10
8
  import normalizeIndent from '../global/normalize-indent.js';
11
9
  import trivialTemplateTag from '../global/trivial-template-tag.js';
12
10
  import memoize from '../global/memoize.js';
13
11
  import { jsx } from 'react/jsx-runtime';
14
- import 'core-js/modules/es.array.filter.js';
15
- import 'core-js/modules/es.array.map.js';
16
- import 'core-js/modules/es.array.slice.js';
12
+ import 'core-js/modules/es.array.reverse.js';
17
13
  import 'core-js/modules/es.regexp.exec.js';
18
- import 'core-js/modules/es.string.match.js';
19
- import 'core-js/modules/es.string.split.js';
20
- import 'core-js/modules/es.array.splice.js';
21
- import 'core-js/modules/web.dom-collections.for-each.js';
22
- import 'core-js/modules/es.array.iterator.js';
23
- import 'core-js/modules/es.map.js';
24
- import 'core-js/modules/es.weak-map.js';
25
- import 'core-js/modules/web.dom-collections.iterator.js';
26
14
 
27
15
  var modules_66c414ea = {"light":"light_rui_2ac4","code":"code_rui_1c82","inline":"inline_rui_1c82","softWrap":"softWrap_rui_1c82"};
28
16
 
29
17
  var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_1a79"};
30
18
 
31
19
  function noop() {}
32
- var registerLanguage = memoize( /*#__PURE__*/function () {
33
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(language) {
34
- var languageExports;
35
- return _regeneratorRuntime().wrap(function _callee$(_context) {
36
- while (1) switch (_context.prev = _context.next) {
37
- case 0:
38
- _context.next = 2;
39
- return import( /* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language));
40
- case 2:
41
- languageExports = _context.sent;
42
- _highlight.registerLanguage(language, languageExports.default);
43
- case 4:
44
- case "end":
45
- return _context.stop();
46
- }
47
- }, _callee);
48
- }));
49
- return function (_x) {
50
- return _ref.apply(this, arguments);
51
- };
52
- }());
20
+ const registerLanguage = memoize(async language => {
21
+ const languageExports = await import( /* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language));
22
+ highlight.registerLanguage(language, languageExports.default);
23
+ });
53
24
  /**
54
25
  * @name Code
55
26
  */
56
- var Code = /*#__PURE__*/function (_PureComponent) {
57
- function Code() {
58
- var _this;
59
- _classCallCheck(this, Code);
60
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
61
- args[_key] = arguments[_key];
62
- }
63
- _this = _callSuper(this, Code, [].concat(args));
64
- _defineProperty(_this, "code", void 0);
65
- return _this;
27
+ class Code extends PureComponent {
28
+ constructor() {
29
+ super(...arguments);
30
+ _defineProperty(this, "code", void 0);
66
31
  }
67
- _inherits(Code, _PureComponent);
68
- return _createClass(Code, [{
69
- key: "componentDidMount",
70
- value: function componentDidMount() {
71
- this.highlight();
72
- }
73
- }, {
74
- key: "componentDidUpdate",
75
- value: function componentDidUpdate() {
76
- this.highlight();
77
- }
78
- }, {
79
- key: "highlight",
80
- value: function () {
81
- var _highlight2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
82
- var codeRef, _this$props, language, inline, replacer;
83
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
84
- while (1) switch (_context2.prev = _context2.next) {
85
- case 0:
86
- codeRef = this.codeRef;
87
- if (!(codeRef == null)) {
88
- _context2.next = 3;
89
- break;
90
- }
91
- return _context2.abrupt("return");
92
- case 3:
93
- _this$props = this.props, language = _this$props.language, inline = _this$props.inline, replacer = _this$props.replacer;
94
- if (inline) {
95
- _context2.next = 9;
96
- break;
97
- }
98
- if (!(language != null && _highlight.getLanguage(language) == null)) {
99
- _context2.next = 8;
100
- break;
101
- }
102
- _context2.next = 8;
103
- return registerLanguage(language);
104
- case 8:
105
- // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
106
- _highlight.highlightElement(codeRef);
107
- case 9:
108
- replacer(codeRef);
109
- case 10:
110
- case "end":
111
- return _context2.stop();
112
- }
113
- }, _callee2, this);
114
- }));
115
- function highlight() {
116
- return _highlight2.apply(this, arguments);
117
- }
118
- return highlight;
119
- }()
120
- }, {
121
- key: "codeRef",
122
- get: function get() {
123
- var codeRef = this.props.codeRef;
124
- return !codeRef || typeof codeRef === 'function' ? this.code : codeRef.current;
32
+ componentDidMount() {
33
+ this.highlight();
34
+ }
35
+ componentDidUpdate() {
36
+ this.highlight();
37
+ }
38
+ async highlight() {
39
+ const codeRef = this.codeRef;
40
+ if (codeRef == null) {
41
+ return;
125
42
  }
126
- }, {
127
- key: "initCodeRef",
128
- get: function get() {
129
- var _this2 = this;
130
- var codeRef = this.props.codeRef;
131
- var isFunctionCodeRef = typeof codeRef === 'function';
132
- if (codeRef && !isFunctionCodeRef) {
133
- return codeRef;
43
+ const {
44
+ language,
45
+ inline,
46
+ replacer
47
+ } = this.props;
48
+ if (!inline) {
49
+ if (language != null && highlight.getLanguage(language) == null) {
50
+ await registerLanguage(language);
134
51
  }
135
- return function (ref) {
136
- _this2.code = ref;
137
- if (isFunctionCodeRef) {
138
- codeRef(_this2.code);
139
- }
140
- };
52
+ // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
53
+ highlight.highlightElement(codeRef);
141
54
  }
142
- }, {
143
- key: "render",
144
- value: function render() {
145
- var _this$props2 = this.props,
146
- code = _this$props2.code,
147
- className = _this$props2.className,
148
- inline = _this$props2.inline,
149
- softWrap = _this$props2.softWrap,
150
- language = _this$props2.language;
151
- var Tag = inline ? 'span' : 'pre';
152
- var classes = classNames(modules_66c414ea.code, className, language, {
153
- [modules_66c414ea.inline]: inline,
154
- [modules_66c414ea.softWrap]: softWrap
155
- });
156
- return /*#__PURE__*/jsx(Tag, {
157
- className: classes,
158
- "data-test": "ring-code",
159
- children: /*#__PURE__*/jsx("code", {
160
- // should be focusable because it can be scrollable
161
- tabIndex: inline ? -1 : 0,
162
- ref: this.initCodeRef,
163
- className: modules_39cf09e8.highlightContainer,
164
- children: normalizeIndent(code)
165
- })
166
- });
55
+ replacer(codeRef);
56
+ }
57
+ get codeRef() {
58
+ const {
59
+ codeRef
60
+ } = this.props;
61
+ return !codeRef || typeof codeRef === 'function' ? this.code : codeRef.current;
62
+ }
63
+ get initCodeRef() {
64
+ const {
65
+ codeRef
66
+ } = this.props;
67
+ const isFunctionCodeRef = typeof codeRef === 'function';
68
+ if (codeRef && !isFunctionCodeRef) {
69
+ return codeRef;
167
70
  }
168
- }]);
169
- }(PureComponent);
71
+ return ref => {
72
+ this.code = ref;
73
+ if (isFunctionCodeRef) {
74
+ codeRef(this.code);
75
+ }
76
+ };
77
+ }
78
+ render() {
79
+ const {
80
+ code,
81
+ className,
82
+ inline,
83
+ softWrap,
84
+ language
85
+ } = this.props;
86
+ const Tag = inline ? 'span' : 'pre';
87
+ const classes = classNames(modules_66c414ea.code, className, language, {
88
+ [modules_66c414ea.inline]: inline,
89
+ [modules_66c414ea.softWrap]: softWrap
90
+ });
91
+ return /*#__PURE__*/jsx(Tag, {
92
+ className: classes,
93
+ "data-test": "ring-code",
94
+ children: /*#__PURE__*/jsx("code", {
95
+ // should be focusable because it can be scrollable
96
+ tabIndex: inline ? -1 : 0,
97
+ ref: this.initCodeRef,
98
+ className: modules_39cf09e8.highlightContainer,
99
+ children: normalizeIndent(code)
100
+ })
101
+ });
102
+ }
103
+ }
170
104
  _defineProperty(Code, "propTypes", {
171
105
  className: PropTypes.string,
172
106
  code: PropTypes.string.isRequired,
@@ -183,10 +117,8 @@ _defineProperty(Code, "defaultProps", {
183
117
  softWrap: false,
184
118
  replacer: noop
185
119
  });
186
- var code = trivialTemplateTag(function (source) {
187
- return /*#__PURE__*/jsx(Code, {
188
- code: source
189
- });
190
- });
120
+ const code = trivialTemplateTag(source => /*#__PURE__*/jsx(Code, {
121
+ code: source
122
+ }));
191
123
 
192
124
  export { code, Code as default };
@@ -1,4 +1,4 @@
1
- import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import 'core-js/modules/web.dom-collections.iterator.js';
2
2
  import { useContext, useRef, useState, useEffect, useMemo } from 'react';
3
3
  import classNames from 'classnames';
4
4
  import joinDataTestAttributes from '../global/data-tests.js';
@@ -7,82 +7,66 @@ import { toPx } from './utils.js';
7
7
  import { CollapseContext } from './collapse-context.js';
8
8
  import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
9
9
  import { jsxs, jsx } from 'react/jsx-runtime';
10
- import 'core-js/modules/es.array.concat.js';
11
10
  import 'core-js/modules/es.array.reduce.js';
12
- import 'core-js/modules/es.object.entries.js';
13
- import 'core-js/modules/es.object.to-string.js';
14
- import 'core-js/modules/es.array.filter.js';
15
- import 'core-js/modules/es.array.iterator.js';
16
- import 'core-js/modules/es.object.assign.js';
11
+ import '../_helpers/_rollupPluginBabelHelpers.js';
17
12
  import 'core-js/modules/es.regexp.exec.js';
18
- import 'core-js/modules/es.set.js';
19
- import 'core-js/modules/es.string.split.js';
20
- import 'core-js/modules/web.dom-collections.for-each.js';
21
- import 'core-js/modules/web.dom-collections.iterator.js';
22
13
 
23
14
  var modules_9c8b5b00 = {"container":"container_rui_93ce","transition":"transition_rui_93ce","summary":"summary_rui_93ce","trigger":"trigger_rui_93ce","fade":"fade_rui_93ce"};
24
15
 
25
- var DURATION_FACTOR = 0.5;
26
- var DEFAULT_HEIGHT = 0;
27
- var VISIBLE = 1;
28
- var HIDDEN = 0;
16
+ const DURATION_FACTOR = 0.5;
17
+ const DEFAULT_HEIGHT = 0;
18
+ const VISIBLE = 1;
19
+ const HIDDEN = 0;
29
20
  /**
30
21
  * @name CollapseContent
31
22
  */
32
- var CollapseContent = function CollapseContent(_ref) {
33
- var children = _ref.children,
34
- _ref$minHeight = _ref.minHeight,
35
- minHeight = _ref$minHeight === void 0 ? DEFAULT_HEIGHT : _ref$minHeight,
36
- dataTest = _ref['data-test'];
37
- var _useContext = useContext(CollapseContext),
38
- collapsed = _useContext.collapsed,
39
- duration = _useContext.duration,
40
- id = _useContext.id,
41
- disableAnimation = _useContext.disableAnimation;
42
- var containerRef = useRef(null);
43
- var contentRef = useRef(null);
44
- var initialContentHeight = useRef(minHeight);
45
- var contentHeight = useRef(DEFAULT_HEIGHT);
46
- var _useState = useState({
47
- width: 0,
48
- height: 0
49
- }),
50
- _useState2 = _slicedToArray(_useState, 2),
51
- dimensions = _useState2[0],
52
- setDimensions = _useState2[1];
53
- var _useState3 = useState(toPx(minHeight)),
54
- _useState4 = _slicedToArray(_useState3, 2),
55
- height = _useState4[0],
56
- setHeight = _useState4[1];
57
- var _useState5 = useState(true),
58
- _useState6 = _slicedToArray(_useState5, 2),
59
- showFade = _useState6[0],
60
- setShowFade = _useState6[1];
61
- useEffect(function () {
23
+ const CollapseContent = _ref => {
24
+ let {
25
+ children,
26
+ minHeight = DEFAULT_HEIGHT,
27
+ 'data-test': dataTest
28
+ } = _ref;
29
+ const {
30
+ collapsed,
31
+ duration,
32
+ id,
33
+ disableAnimation
34
+ } = useContext(CollapseContext);
35
+ const containerRef = useRef(null);
36
+ const contentRef = useRef(null);
37
+ const initialContentHeight = useRef(minHeight);
38
+ const contentHeight = useRef(DEFAULT_HEIGHT);
39
+ const [dimensions, setDimensions] = useState({
40
+ width: 0,
41
+ height: 0
42
+ });
43
+ const [height, setHeight] = useState(toPx(minHeight));
44
+ const [showFade, setShowFade] = useState(true);
45
+ useEffect(() => {
62
46
  if (!collapsed) {
63
47
  setShowFade(false);
64
48
  } else {
65
49
  setShowFade(true);
66
50
  }
67
51
  }, [collapsed]);
68
- useEffect(function () {
52
+ useEffect(() => {
69
53
  if (contentRef.current) {
70
54
  contentHeight.current = getRect(contentRef.current).height;
71
55
  }
72
56
  }, [minHeight, dimensions.height]);
73
- useEffect(function () {
74
- var nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
57
+ useEffect(() => {
58
+ const nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
75
59
  setHeight(toPx(nextHeight));
76
60
  }, [collapsed, dimensions.height]);
77
- useEffect(function () {
61
+ useEffect(() => {
78
62
  if (contentRef.current) {
79
- var observer = new ResizeObserver(function (_ref2) {
80
- var _ref3 = _slicedToArray(_ref2, 1),
81
- entry = _ref3[0];
63
+ const observer = new ResizeObserver(_ref2 => {
64
+ let [entry] = _ref2;
82
65
  if (entry && entry.borderBoxSize) {
83
- var _entry$borderBoxSize$ = entry.borderBoxSize[0],
84
- inlineSize = _entry$borderBoxSize$.inlineSize,
85
- blockSize = _entry$borderBoxSize$.blockSize;
66
+ const {
67
+ inlineSize,
68
+ blockSize
69
+ } = entry.borderBoxSize[0];
86
70
  setDimensions({
87
71
  width: inlineSize,
88
72
  height: blockSize
@@ -92,17 +76,15 @@ var CollapseContent = function CollapseContent(_ref) {
92
76
  observer.observe(contentRef.current);
93
77
  }
94
78
  }, []);
95
- var style = useMemo(function () {
96
- var calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
79
+ const style = useMemo(() => {
80
+ const calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
97
81
  return {
98
82
  '--duration': "".concat(calculatedDuration, "ms"),
99
83
  height,
100
84
  opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
101
85
  };
102
86
  }, [duration, height, collapsed, minHeight]);
103
- var fadeShouldBeVisible = useMemo(function () {
104
- return Boolean(minHeight && showFade);
105
- }, [minHeight, showFade]);
87
+ const fadeShouldBeVisible = useMemo(() => Boolean(minHeight && showFade), [minHeight, showFade]);
106
88
  return /*#__PURE__*/jsxs("div", {
107
89
  ref: containerRef,
108
90
  id: "collapse-content-".concat(id),