@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.11

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 (349) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -10
  3. package/components/_helpers/button__classes.js +23 -20
  4. package/components/_helpers/caption.js +11 -21
  5. package/components/_helpers/card.js +91 -123
  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 -29
  9. package/components/_helpers/input.js +151 -193
  10. package/components/_helpers/query-assist__suggestions.js +79 -94
  11. package/components/_helpers/select__filter.js +56 -75
  12. package/components/_helpers/services-link.js +23 -39
  13. package/components/_helpers/sidebar.js +91 -102
  14. package/components/_helpers/tab-link.js +8 -12
  15. package/components/_helpers/theme.js +61 -51
  16. package/components/_helpers/title.js +59 -84
  17. package/components/alert/alert.d.ts +7 -24
  18. package/components/alert/alert.js +111 -179
  19. package/components/alert/container.d.ts +0 -5
  20. package/components/alert/container.js +32 -44
  21. package/components/alert-service/alert-service.js +104 -162
  22. package/components/analytics/analytics.js +12 -20
  23. package/components/analytics/analytics__custom-plugin.js +52 -68
  24. package/components/auth/auth.js +2 -31
  25. package/components/auth/auth__core.d.ts +4 -4
  26. package/components/auth/auth__core.js +755 -1433
  27. package/components/auth/background-flow.js +84 -121
  28. package/components/auth/down-notification.js +32 -79
  29. package/components/auth/iframe-flow.js +71 -125
  30. package/components/auth/request-builder.js +46 -77
  31. package/components/auth/response-parser.js +84 -112
  32. package/components/auth/storage.js +162 -324
  33. package/components/auth/token-validator.js +132 -227
  34. package/components/auth/window-flow.js +84 -121
  35. package/components/auth-dialog/auth-dialog.d.ts +0 -18
  36. package/components/auth-dialog/auth-dialog.js +107 -176
  37. package/components/auth-dialog-service/auth-dialog-service.js +12 -33
  38. package/components/avatar/avatar-example-datauri.js +1 -1
  39. package/components/avatar/avatar.d.ts +0 -13
  40. package/components/avatar/avatar.js +94 -136
  41. package/components/avatar/fallback-avatar.d.ts +1 -10
  42. package/components/avatar/fallback-avatar.js +20 -40
  43. package/components/badge/badge.d.ts +0 -10
  44. package/components/badge/badge.js +32 -48
  45. package/components/breadcrumbs/breadcrumbs.js +13 -17
  46. package/components/button/button.d.ts +0 -21
  47. package/components/button/button.js +68 -104
  48. package/components/button/button__classes.d.ts +1 -1
  49. package/components/button-group/button-group.d.ts +0 -5
  50. package/components/button-group/button-group.js +27 -41
  51. package/components/button-group/caption.d.ts +0 -4
  52. package/components/button-group/caption.js +0 -1
  53. package/components/button-set/button-set.d.ts +0 -6
  54. package/components/button-set/button-set.js +19 -33
  55. package/components/button-toolbar/button-toolbar.d.ts +0 -6
  56. package/components/button-toolbar/button-toolbar.js +17 -31
  57. package/components/caret/caret.js +184 -211
  58. package/components/checkbox/checkbox.d.ts +0 -19
  59. package/components/checkbox/checkbox.js +69 -104
  60. package/components/clipboard/clipboard-fallback.js +7 -7
  61. package/components/clipboard/clipboard.js +36 -129
  62. package/components/code/code.d.ts +0 -12
  63. package/components/code/code.js +83 -163
  64. package/components/collapse/collapse-content.js +42 -60
  65. package/components/collapse/collapse-context.js +2 -2
  66. package/components/collapse/collapse-control.js +12 -12
  67. package/components/collapse/collapse.js +12 -17
  68. package/components/collapse/consts.js +4 -4
  69. package/components/collapse/utils.js +1 -3
  70. package/components/confirm/confirm.d.ts +0 -14
  71. package/components/confirm/confirm.js +68 -112
  72. package/components/confirm-service/confirm-service.js +25 -47
  73. package/components/content-layout/content-layout.d.ts +0 -7
  74. package/components/content-layout/content-layout.js +41 -63
  75. package/components/content-layout/sidebar.d.ts +0 -9
  76. package/components/content-layout/sidebar.js +1 -2
  77. package/components/contenteditable/contenteditable.d.ts +1 -22
  78. package/components/contenteditable/contenteditable.js +37 -60
  79. package/components/control-help/control-help.js +5 -3
  80. package/components/control-label/control-label.js +9 -14
  81. package/components/data-list/data-list.d.ts +0 -2
  82. package/components/data-list/data-list.js +115 -179
  83. package/components/data-list/data-list.mock.js +3 -6
  84. package/components/data-list/item.js +119 -165
  85. package/components/data-list/selection.js +77 -135
  86. package/components/data-list/title.d.ts +2 -2
  87. package/components/data-list/title.js +2 -12
  88. package/components/date-picker/consts.d.ts +0 -2
  89. package/components/date-picker/consts.js +16 -24
  90. package/components/date-picker/date-input.d.ts +0 -20
  91. package/components/date-picker/date-input.js +100 -148
  92. package/components/date-picker/date-picker.d.ts +0 -29
  93. package/components/date-picker/date-picker.js +143 -224
  94. package/components/date-picker/date-popup.d.ts +0 -22
  95. package/components/date-picker/date-popup.js +282 -352
  96. package/components/date-picker/day.d.ts +0 -14
  97. package/components/date-picker/day.js +72 -109
  98. package/components/date-picker/month-names.d.ts +1 -11
  99. package/components/date-picker/month-names.js +42 -72
  100. package/components/date-picker/month-slider.d.ts +0 -9
  101. package/components/date-picker/month-slider.js +43 -71
  102. package/components/date-picker/month.d.ts +1 -9
  103. package/components/date-picker/month.js +18 -30
  104. package/components/date-picker/months.d.ts +1 -9
  105. package/components/date-picker/months.js +45 -55
  106. package/components/date-picker/weekdays.d.ts +2 -8
  107. package/components/date-picker/weekdays.js +12 -25
  108. package/components/date-picker/years.d.ts +0 -6
  109. package/components/date-picker/years.js +77 -104
  110. package/components/dialog/dialog.d.ts +0 -20
  111. package/components/dialog/dialog.js +153 -211
  112. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  113. package/components/dropdown/anchor.d.ts +1 -8
  114. package/components/dropdown/anchor.js +0 -7
  115. package/components/dropdown/dropdown.d.ts +4 -22
  116. package/components/dropdown/dropdown.js +134 -176
  117. package/components/dropdown-menu/dropdown-menu.js +51 -103
  118. package/components/editable-heading/editable-heading.js +69 -118
  119. package/components/error-bubble/error-bubble.d.ts +0 -6
  120. package/components/error-bubble/error-bubble.js +30 -60
  121. package/components/error-message/error-message.d.ts +0 -10
  122. package/components/error-message/error-message.js +34 -59
  123. package/components/footer/footer.js +28 -44
  124. package/components/form/form.js +1 -1
  125. package/components/global/compose.js +1 -8
  126. package/components/global/composeRefs.d.ts +0 -3
  127. package/components/global/composeRefs.js +8 -15
  128. package/components/global/controls-height.js +2 -2
  129. package/components/global/create-stateful-context.d.ts +0 -4
  130. package/components/global/create-stateful-context.js +14 -17
  131. package/components/global/data-tests.js +7 -12
  132. package/components/global/dom.js +49 -82
  133. package/components/global/focus-sensor-hoc.js +95 -122
  134. package/components/global/fuzzy-highlight.js +23 -34
  135. package/components/global/get-event-key.js +8 -8
  136. package/components/global/get-uid.js +3 -7
  137. package/components/global/inject-styles.js +7 -14
  138. package/components/global/listeners.js +28 -47
  139. package/components/global/memoize.js +6 -10
  140. package/components/global/normalize-indent.js +19 -46
  141. package/components/global/promise-with-timeout.js +6 -8
  142. package/components/global/react-dom-renderer.d.ts +0 -5
  143. package/components/global/react-dom-renderer.js +29 -45
  144. package/components/global/rerender-hoc.d.ts +2 -2
  145. package/components/global/rerender-hoc.js +16 -32
  146. package/components/global/schedule-raf.js +4 -4
  147. package/components/global/sniffer.js +1 -1
  148. package/components/global/theme.d.ts +8 -2
  149. package/components/global/theme.js +2 -20
  150. package/components/global/trivial-template-tag.js +4 -9
  151. package/components/global/typescript-utils.js +2 -6
  152. package/components/global/url.js +20 -23
  153. package/components/global/use-event-callback.js +7 -4
  154. package/components/grid/col.d.ts +0 -14
  155. package/components/grid/col.js +27 -53
  156. package/components/grid/grid.d.ts +0 -5
  157. package/components/grid/grid.js +20 -32
  158. package/components/grid/row.d.ts +0 -18
  159. package/components/grid/row.js +23 -47
  160. package/components/group/group.d.ts +0 -5
  161. package/components/group/group.js +18 -27
  162. package/components/header/header-icon.d.ts +0 -22
  163. package/components/header/header-icon.js +20 -37
  164. package/components/header/header.d.ts +0 -7
  165. package/components/header/header.js +30 -74
  166. package/components/header/links.d.ts +2 -0
  167. package/components/header/links.js +20 -0
  168. package/components/header/logo.d.ts +0 -4
  169. package/components/header/logo.js +15 -30
  170. package/components/header/profile.d.ts +1 -39
  171. package/components/header/profile.js +126 -191
  172. package/components/header/services-link.d.ts +0 -10
  173. package/components/header/services-link.js +1 -4
  174. package/components/header/services.d.ts +0 -14
  175. package/components/header/services.js +65 -110
  176. package/components/header/smart-profile.d.ts +0 -9
  177. package/components/header/smart-profile.js +116 -205
  178. package/components/header/smart-services.d.ts +0 -4
  179. package/components/header/smart-services.js +72 -141
  180. package/components/header/tray.d.ts +0 -5
  181. package/components/header/tray.js +21 -35
  182. package/components/heading/heading.js +21 -26
  183. package/components/http/http.js +162 -319
  184. package/components/http/http.mock.js +50 -98
  185. package/components/hub-source/hub-source.js +77 -182
  186. package/components/hub-source/hub-source__user.js +9 -37
  187. package/components/hub-source/hub-source__users-groups.js +34 -60
  188. package/components/i18n/i18n-context.js +7 -8
  189. package/components/i18n/i18n.js +3 -6
  190. package/components/icon/icon.d.ts +0 -11
  191. package/components/icon/icon.js +60 -85
  192. package/components/icon/icon__svg.d.ts +0 -8
  193. package/components/icon/icon__svg.js +0 -6
  194. package/components/icon/index.js +0 -6
  195. package/components/input/input-legacy.js +1 -1
  196. package/components/input/input.js +2 -14
  197. package/components/input-size/input-size.js +1 -1
  198. package/components/island/adaptive-island-hoc.d.ts +0 -1
  199. package/components/island/adaptive-island-hoc.js +30 -39
  200. package/components/island/content.d.ts +0 -10
  201. package/components/island/content.js +99 -119
  202. package/components/island/header.js +55 -73
  203. package/components/island/island.d.ts +0 -9
  204. package/components/island/island.js +25 -41
  205. package/components/island-legacy/content-legacy.d.ts +0 -5
  206. package/components/island-legacy/content-legacy.js +16 -27
  207. package/components/island-legacy/header-legacy.d.ts +0 -5
  208. package/components/island-legacy/header-legacy.js +19 -30
  209. package/components/island-legacy/island-legacy.d.ts +0 -5
  210. package/components/island-legacy/island-legacy.js +16 -27
  211. package/components/link/clickableLink.d.ts +0 -9
  212. package/components/link/clickableLink.js +33 -51
  213. package/components/link/link.d.ts +0 -25
  214. package/components/link/link.js +47 -68
  215. package/components/list/consts.js +2 -2
  216. package/components/list/list.d.ts +0 -32
  217. package/components/list/list.js +399 -516
  218. package/components/list/list__custom.js +51 -78
  219. package/components/list/list__hint.d.ts +0 -4
  220. package/components/list/list__hint.js +8 -21
  221. package/components/list/list__item.js +147 -211
  222. package/components/list/list__link.js +39 -59
  223. package/components/list/list__separator.js +15 -30
  224. package/components/list/list__title.js +25 -41
  225. package/components/list/list__users-groups-source.js +55 -123
  226. package/components/loader/loader.d.ts +0 -10
  227. package/components/loader/loader.js +38 -70
  228. package/components/loader/loader__core.js +123 -184
  229. package/components/loader-inline/loader-inline.d.ts +0 -6
  230. package/components/loader-inline/loader-inline.js +24 -38
  231. package/components/loader-screen/loader-screen.d.ts +0 -6
  232. package/components/loader-screen/loader-screen.js +24 -46
  233. package/components/login-dialog/login-dialog.d.ts +0 -11
  234. package/components/login-dialog/login-dialog.js +94 -145
  235. package/components/login-dialog/service.js +11 -33
  236. package/components/markdown/markdown.js +16 -29
  237. package/components/message/message.js +171 -218
  238. package/components/old-browsers-message/old-browsers-message.js +11 -14
  239. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  240. package/components/old-browsers-message/white-list.js +8 -13
  241. package/components/pager/pager.js +211 -275
  242. package/components/panel/panel.d.ts +0 -5
  243. package/components/panel/panel.js +16 -27
  244. package/components/permissions/permissions.js +118 -161
  245. package/components/permissions/permissions__cache.js +191 -218
  246. package/components/popup/popup.consts.js +1 -1
  247. package/components/popup/popup.js +237 -329
  248. package/components/popup/popup.target.js +9 -12
  249. package/components/popup/position.js +94 -101
  250. package/components/popup-menu/popup-menu.js +31 -76
  251. package/components/progress-bar/progress-bar.d.ts +19 -33
  252. package/components/progress-bar/progress-bar.js +55 -99
  253. package/components/query-assist/query-assist.d.ts +63 -93
  254. package/components/query-assist/query-assist.js +585 -748
  255. package/components/query-assist/query-assist__suggestions.js +2 -28
  256. package/components/radio/radio.d.ts +0 -8
  257. package/components/radio/radio.js +15 -35
  258. package/components/radio/radio__item.d.ts +0 -9
  259. package/components/radio/radio__item.js +52 -72
  260. package/components/scrollable-section/scrollable-section.js +53 -0
  261. package/components/select/select.d.ts +3 -0
  262. package/components/select/select.js +714 -863
  263. package/components/select/select__filter.js +2 -29
  264. package/components/select/select__popup.js +317 -465
  265. package/components/shortcuts/core.js +147 -195
  266. package/components/shortcuts/shortcut-title.js +6 -10
  267. package/components/shortcuts/shortcuts-hoc.d.ts +0 -5
  268. package/components/shortcuts/shortcuts-hoc.js +23 -46
  269. package/components/shortcuts/shortcuts.d.ts +0 -8
  270. package/components/shortcuts/shortcuts.js +41 -72
  271. package/components/slider/slider.js +93 -113
  272. package/components/slider/slider.utils.js +16 -23
  273. package/components/storage/storage.d.ts +2 -3
  274. package/components/storage/storage.js +2 -46
  275. package/components/storage/storage__local.js +89 -148
  276. package/components/style.css +1 -1
  277. package/components/tab-trap/tab-trap.js +35 -61
  278. package/components/table/cell.d.ts +0 -6
  279. package/components/table/cell.js +11 -27
  280. package/components/table/disable-hover-hoc.d.ts +0 -1
  281. package/components/table/disable-hover-hoc.js +27 -42
  282. package/components/table/header-cell.d.ts +0 -10
  283. package/components/table/header-cell.js +59 -85
  284. package/components/table/header.d.ts +1 -23
  285. package/components/table/header.js +89 -126
  286. package/components/table/multitable.d.ts +0 -4
  287. package/components/table/multitable.js +83 -93
  288. package/components/table/row-with-focus-sensor.d.ts +2 -2
  289. package/components/table/row-with-focus-sensor.js +26 -60
  290. package/components/table/row.js +170 -235
  291. package/components/table/selection-adapter.js +2 -2
  292. package/components/table/selection-shortcuts-hoc.js +102 -126
  293. package/components/table/selection.js +150 -217
  294. package/components/table/simple-table.d.ts +0 -44
  295. package/components/table/simple-table.js +18 -59
  296. package/components/table/smart-table.d.ts +0 -48
  297. package/components/table/smart-table.js +41 -83
  298. package/components/table/table.d.ts +0 -2
  299. package/components/table/table.js +269 -377
  300. package/components/tabs/collapsible-more.d.ts +1 -9
  301. package/components/tabs/collapsible-more.js +47 -97
  302. package/components/tabs/collapsible-tab.js +32 -44
  303. package/components/tabs/collapsible-tabs.d.ts +2 -29
  304. package/components/tabs/collapsible-tabs.js +89 -161
  305. package/components/tabs/custom-item.d.ts +1 -7
  306. package/components/tabs/custom-item.js +4 -7
  307. package/components/tabs/dumb-tabs.d.ts +0 -11
  308. package/components/tabs/dumb-tabs.js +60 -104
  309. package/components/tabs/smart-tabs.d.ts +0 -6
  310. package/components/tabs/smart-tabs.js +29 -68
  311. package/components/tabs/tab-link.d.ts +0 -8
  312. package/components/tabs/tab-link.js +1 -4
  313. package/components/tabs/tab.d.ts +0 -8
  314. package/components/tabs/tab.js +14 -32
  315. package/components/tabs/tabs.js +1 -28
  316. package/components/tag/tag.d.ts +0 -19
  317. package/components/tag/tag.js +120 -179
  318. package/components/tags-input/tags-input.d.ts +7 -33
  319. package/components/tags-input/tags-input.js +224 -339
  320. package/components/tags-list/tags-list.d.ts +0 -13
  321. package/components/tags-list/tags-list.js +45 -74
  322. package/components/text/text.d.ts +0 -7
  323. package/components/text/text.js +27 -43
  324. package/components/toggle/toggle.d.ts +0 -15
  325. package/components/toggle/toggle.js +52 -77
  326. package/components/tooltip/tooltip.d.ts +4 -10
  327. package/components/tooltip/tooltip.js +105 -137
  328. package/components/user-agreement/service.d.ts +2 -1
  329. package/components/user-agreement/service.js +260 -405
  330. package/components/user-agreement/user-agreement.d.ts +0 -18
  331. package/components/user-agreement/user-agreement.js +92 -138
  332. package/components/user-card/card.d.ts +0 -35
  333. package/components/user-card/card.js +2 -27
  334. package/components/user-card/smart-user-card-tooltip.d.ts +0 -5
  335. package/components/user-card/smart-user-card-tooltip.js +52 -108
  336. package/components/user-card/tooltip.d.ts +0 -9
  337. package/components/user-card/tooltip.js +35 -74
  338. package/components/user-card/user-card.js +1 -26
  339. package/package.json +4 -6
  340. package/components/global/prop-types.d.ts +0 -4
  341. package/components/global/prop-types.js +0 -9
  342. package/components/global/react-render-adapter.d.ts +0 -1
  343. package/components/global/react-render-adapter.js +0 -6
  344. package/components/header/scrollable-section.js +0 -47
  345. package/components/header/tray-icon.d.ts +0 -1
  346. package/components/header/tray-icon.js +0 -26
  347. package/components/storage/storage__fallback.d.ts +0 -79
  348. package/components/storage/storage__fallback.js +0 -253
  349. /package/components/{header → scrollable-section}/scrollable-section.d.ts +0 -0
@@ -1,105 +1,80 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from './_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
1
+ import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
3
3
  import { PureComponent } from 'react';
4
- import PropTypes from 'prop-types';
5
4
  import classNames from 'classnames';
6
5
  import focusSensorHOC from '../global/focus-sensor-hoc.js';
7
6
  import Checkbox from '../checkbox/checkbox.js';
8
7
  import getUID from '../global/get-uid.js';
9
- import { refObject } from '../global/prop-types.js';
10
8
  import { jsxs, jsx } from 'react/jsx-runtime';
11
9
 
12
10
  var modules_09d014b4 = {"height":"i__const_height_0","compensate":"i__const_compensate_1","light":"light_rui_2ac4","dataListWrapper":"dataListWrapper_rui_be4b","dataList":"dataList_rui_be4b","itemContent":"itemContent_rui_be4b","title":"title_rui_be4b","disabledHover":"disabledHover_rui_be4b","titleSelected":"titleSelected_rui_be4b","titleFocused":"titleFocused_rui_be4b","showMore":"showMore_rui_be4b","boxes":"boxes_rui_be4b","checkboxBox":"checkboxBox_rui_be4b","collapseButton":"collapseButton_rui_be4b","collapseIcon":"collapseIcon_rui_be4b","loadingOverlay":"loadingOverlay_rui_be4b","showMoreLoader":"showMoreLoader_rui_be4b"};
13
11
 
14
- var Title = /*#__PURE__*/function (_PureComponent) {
15
- function Title() {
16
- var _this;
17
- _classCallCheck(this, Title);
18
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
19
- args[_key] = arguments[_key];
20
- }
21
- _this = _callSuper(this, Title, [].concat(args));
22
- _defineProperty(_this, "id", getUID('data-list-title'));
23
- _defineProperty(_this, "onCheckboxFocus", function () {
24
- _this.props.onFocusRestore();
12
+ class Title extends PureComponent {
13
+ constructor() {
14
+ super(...arguments);
15
+ _defineProperty(this, "id", getUID('data-list-title'));
16
+ _defineProperty(this, "onCheckboxFocus", () => {
17
+ this.props.onFocusRestore();
25
18
  });
26
- _defineProperty(_this, "onCheckboxChange", function () {
27
- _this.toggleSelection();
19
+ _defineProperty(this, "onCheckboxChange", () => {
20
+ this.toggleSelection();
28
21
  });
29
- return _this;
30
22
  }
31
- _inherits(Title, _PureComponent);
32
- return _createClass(Title, [{
33
- key: "toggleSelection",
34
- value: function toggleSelection() {
35
- var _this$props = this.props,
36
- selectable = _this$props.selectable,
37
- selected = _this$props.selected,
38
- onSelect = _this$props.onSelect;
39
- if (selectable) {
40
- onSelect(!selected);
41
- }
42
- }
43
- }, {
44
- key: "render",
45
- value: function render() {
46
- var _this$props2 = this.props,
47
- className = _this$props2.className,
48
- title = _this$props2.title,
49
- offset = _this$props2.offset,
50
- showFocus = _this$props2.showFocus,
51
- innerRef = _this$props2.innerRef,
52
- selectable = _this$props2.selectable,
53
- selected = _this$props2.selected,
54
- collapserExpander = _this$props2.collapserExpander;
55
- var classes = classNames(className, {
56
- [modules_09d014b4.title]: true,
57
- [modules_09d014b4.titleFocused]: showFocus,
58
- [modules_09d014b4.titleSelected]: selected
59
- });
60
- return /*#__PURE__*/jsxs("div", {
61
- id: this.id,
62
- className: classes,
63
- style: {
64
- paddingLeft: offset
65
- },
66
- ref: innerRef,
67
- children: [/*#__PURE__*/jsxs("div", {
68
- className: modules_09d014b4.boxes,
69
- children: [selectable && /*#__PURE__*/jsx("div", {
70
- className: modules_09d014b4.checkboxBox,
71
- children: /*#__PURE__*/jsx(Checkbox, {
72
- "aria-labelledby": this.id,
73
- className: showFocus ? 'ring-checkbox_focus' : '',
74
- checked: selected,
75
- onFocus: this.onCheckboxFocus,
76
- onChange: this.onCheckboxChange,
77
- tabIndex: -1
78
- })
79
- }), collapserExpander]
80
- }), title]
81
- });
23
+ toggleSelection() {
24
+ const {
25
+ selectable,
26
+ selected,
27
+ onSelect
28
+ } = this.props;
29
+ if (selectable) {
30
+ onSelect(!selected);
82
31
  }
83
- }]);
84
- }(PureComponent);
32
+ }
33
+ render() {
34
+ const {
35
+ className,
36
+ title,
37
+ offset,
38
+ showFocus,
39
+ innerRef,
40
+ selectable,
41
+ selected,
42
+ collapserExpander
43
+ } = this.props;
44
+ const classes = classNames(className, {
45
+ [modules_09d014b4.title]: true,
46
+ [modules_09d014b4.titleFocused]: showFocus,
47
+ [modules_09d014b4.titleSelected]: selected
48
+ });
49
+ return /*#__PURE__*/jsxs("div", {
50
+ id: this.id,
51
+ className: classes,
52
+ style: {
53
+ paddingLeft: offset
54
+ },
55
+ ref: innerRef,
56
+ children: [/*#__PURE__*/jsxs("div", {
57
+ className: modules_09d014b4.boxes,
58
+ children: [selectable && /*#__PURE__*/jsx("div", {
59
+ className: modules_09d014b4.checkboxBox,
60
+ children: /*#__PURE__*/jsx(Checkbox, {
61
+ "aria-labelledby": this.id,
62
+ className: showFocus ? 'ring-checkbox_focus' : '',
63
+ checked: selected,
64
+ onFocus: this.onCheckboxFocus,
65
+ onChange: this.onCheckboxChange,
66
+ tabIndex: -1
67
+ })
68
+ }), collapserExpander]
69
+ }), title]
70
+ });
71
+ }
72
+ }
85
73
  _defineProperty(Title, "defaultProps", {
86
74
  selectable: false,
87
75
  selected: false,
88
76
  showFocus: false
89
77
  });
90
- Title.propTypes = {
91
- className: PropTypes.string,
92
- title: PropTypes.node,
93
- offset: PropTypes.number,
94
- selectable: PropTypes.bool,
95
- selected: PropTypes.bool,
96
- onSelect: PropTypes.func.isRequired,
97
- showFocus: PropTypes.bool,
98
- collapserExpander: PropTypes.node,
99
- innerRef: PropTypes.oneOfType([refObject(PropTypes.instanceOf(HTMLDivElement)), PropTypes.func]),
100
- // focusSensorHOC
101
- onFocusRestore: PropTypes.func.isRequired
102
- };
103
78
  var Title$1 = focusSensorHOC(Title);
104
79
 
105
80
  export { Title$1 as T, modules_09d014b4 as m };
@@ -1,6 +1,5 @@
1
1
  import { PureComponent, ReactNode } from 'react';
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import Theme from '../global/theme';
5
4
  export declare const ANIMATION_TIME = 500;
6
5
  /**
@@ -20,10 +19,17 @@ export declare enum AlertType {
20
19
  export interface AlertProps {
21
20
  theme: Theme;
22
21
  timeout: number;
22
+ /**
23
+ * Fires when alert starts closing if timeout is out or user clicks "Close" button
24
+ */
23
25
  onCloseRequest: ((event?: React.MouseEvent<HTMLElement>) => void);
24
26
  onClose: (() => void);
25
27
  isShaking: boolean;
26
28
  isClosing: boolean;
29
+ /**
30
+ * Whether an alert is rendered inside an **Alerts** container
31
+ * or standalone.
32
+ */
27
33
  inline: boolean;
28
34
  showWithAnimation: boolean;
29
35
  closeable: boolean;
@@ -46,29 +52,6 @@ interface State {
46
52
  * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
47
53
  */
48
54
  export default class Alert extends PureComponent<AlertProps, State> {
49
- static propTypes: {
50
- timeout: PropTypes.Requireable<number>;
51
- /**
52
- * Fires when alert starts closing if timeout is out or user clicks "Close" button
53
- */
54
- onCloseRequest: PropTypes.Requireable<(...args: any[]) => any>;
55
- onClose: PropTypes.Requireable<(...args: any[]) => any>;
56
- isShaking: PropTypes.Requireable<boolean>;
57
- isClosing: PropTypes.Requireable<boolean>;
58
- /**
59
- * Whether an alert is rendered inside an **Alerts** container
60
- * or standalone.
61
- */
62
- inline: PropTypes.Requireable<boolean>;
63
- showWithAnimation: PropTypes.Requireable<boolean>;
64
- closeable: PropTypes.Requireable<boolean>;
65
- type: PropTypes.Requireable<AlertType>;
66
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
67
- className: PropTypes.Requireable<string>;
68
- captionClassName: PropTypes.Requireable<string>;
69
- closeButtonClassName: PropTypes.Requireable<string>;
70
- 'data-test': PropTypes.Requireable<string>;
71
- };
72
55
  /** @override */
73
56
  static defaultProps: {
74
57
  theme: Theme;
@@ -1,9 +1,7 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
3
- import 'core-js/modules/es.object.values.js';
1
+ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
4
3
  import { PureComponent } from 'react';
5
4
  import classNames from 'classnames';
6
- import PropTypes from 'prop-types';
7
5
  import exceptionIcon from '@jetbrains/icons/exception';
8
6
  import checkmarkIcon from '@jetbrains/icons/checkmark';
9
7
  import warningIcon from '@jetbrains/icons/warning';
@@ -21,20 +19,8 @@ import 'util-deprecate';
21
19
  import '../_helpers/icon__svg.js';
22
20
  import 'core-js/modules/es.regexp.exec.js';
23
21
  import 'core-js/modules/es.string.replace.js';
24
- import 'core-js/modules/es.string.starts-with.js';
25
22
  import '../global/memoize.js';
26
- import 'core-js/modules/es.array.iterator.js';
27
- import 'core-js/modules/es.map.js';
28
- import 'core-js/modules/es.object.to-string.js';
29
- import 'core-js/modules/es.weak-map.js';
30
- import 'core-js/modules/web.dom-collections.iterator.js';
31
23
  import 'core-js/modules/es.array.reduce.js';
32
- import 'core-js/modules/es.object.entries.js';
33
- import 'core-js/modules/es.array.filter.js';
34
- import 'core-js/modules/es.object.assign.js';
35
- import 'core-js/modules/es.set.js';
36
- import 'core-js/modules/es.string.split.js';
37
- import 'core-js/modules/web.dom-collections.for-each.js';
38
24
  import '@jetbrains/icons/chevron-down';
39
25
  import '../link/clickableLink.js';
40
26
  import '../global/controls-height.js';
@@ -42,18 +28,10 @@ import '../_helpers/button__classes.js';
42
28
  import 'react-dom';
43
29
  import '../popup/popup.target.js';
44
30
  import '../popup/popup.js';
45
- import 'core-js/modules/es.regexp.to-string.js';
46
31
  import '../global/get-uid.js';
47
32
  import '../global/schedule-raf.js';
48
33
  import '../shortcuts/shortcuts.js';
49
- import 'core-js/modules/es.array.map.js';
50
34
  import '../shortcuts/core.js';
51
- import 'core-js/modules/es.array.find-index.js';
52
- import 'core-js/modules/es.array.includes.js';
53
- import 'core-js/modules/es.array.slice.js';
54
- import 'core-js/modules/es.array.splice.js';
55
- import 'core-js/modules/es.string.includes.js';
56
- import 'core-js/modules/es.string.match.js';
57
35
  import 'combokeys';
58
36
  import '../global/sniffer.js';
59
37
  import 'sniffr';
@@ -64,7 +42,7 @@ import '../popup/popup.consts.js';
64
42
 
65
43
  var modules_e02b3280 = {"animation-duration":"300ms","animation-easing":"ease-out","light":"light_rui_2ac4","alert":"alert_rui_25ab","alertInline":"alertInline_rui_25ab","error":"error_rui_25ab","icon":"icon_rui_25ab","caption":"caption_rui_25ab","withCloseButton":"withCloseButton_rui_25ab","badge":"badge_rui_25ab","loader":"loader_rui_25ab","close":"close_rui_25ab","animationOpen":"animationOpen_rui_25ab","show":"show_rui_25ab","animationClosing":"animationClosing_rui_25ab","animationShaking":"animationShaking_rui_25ab","shaking":"shaking_rui_25ab"};
66
44
 
67
- var ANIMATION_TIME = 500;
45
+ const ANIMATION_TIME = 500;
68
46
  /**
69
47
  * @name Alert
70
48
  */
@@ -84,7 +62,7 @@ var AlertType;
84
62
  * Lookup table of alert type to icon modifier.
85
63
  * @type {Object.<AlertType, string>}
86
64
  */
87
- var TypeToIcon = {
65
+ const TypeToIcon = {
88
66
  [AlertType.ERROR]: exceptionIcon,
89
67
  [AlertType.SUCCESS]: checkmarkIcon,
90
68
  [AlertType.WARNING]: warningIcon
@@ -93,7 +71,7 @@ var TypeToIcon = {
93
71
  * Lookup table of alert type to icon color.
94
72
  * @type {Object.<AlertType, Icon.Color>}
95
73
  */
96
- var TypeToIconColor = {
74
+ const TypeToIconColor = {
97
75
  [AlertType.ERROR]: Color.RED,
98
76
  [AlertType.SUCCESS]: Color.GREEN,
99
77
  [AlertType.WARNING]: Color.WHITE
@@ -106,26 +84,21 @@ var TypeToIconColor = {
106
84
  /**
107
85
  * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
108
86
  */
109
- var Alert = /*#__PURE__*/function (_PureComponent) {
110
- function Alert() {
111
- var _this;
112
- _classCallCheck(this, Alert);
113
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
114
- args[_key] = arguments[_key];
115
- }
116
- _this = _callSuper(this, Alert, [].concat(args));
117
- _defineProperty(_this, "state", {
87
+ class Alert extends PureComponent {
88
+ constructor() {
89
+ super(...arguments);
90
+ _defineProperty(this, "state", {
118
91
  height: null
119
92
  });
120
- _defineProperty(_this, "node", void 0);
121
- _defineProperty(_this, "hideTimeout", void 0);
122
- _defineProperty(_this, "closeRequest", function (event) {
123
- _this.startCloseAnimation();
124
- return _this.props.onCloseRequest(event);
93
+ _defineProperty(this, "node", void 0);
94
+ _defineProperty(this, "hideTimeout", void 0);
95
+ _defineProperty(this, "closeRequest", event => {
96
+ this.startCloseAnimation();
97
+ return this.props.onCloseRequest(event);
125
98
  });
126
- _defineProperty(_this, "startCloseAnimation", function () {
127
- var height = getRect(_this.node).height;
128
- _this.setState({
99
+ _defineProperty(this, "startCloseAnimation", () => {
100
+ const height = getRect(this.node).height;
101
+ this.setState({
129
102
  height
130
103
  });
131
104
  });
@@ -133,150 +106,109 @@ var Alert = /*#__PURE__*/function (_PureComponent) {
133
106
  * @param {SyntheticEvent} evt
134
107
  * @private
135
108
  */
136
- _defineProperty(_this, "_handleCaptionsLinksClick", function (evt) {
109
+ _defineProperty(this, "_handleCaptionsLinksClick", evt => {
137
110
  if (evt.target instanceof Element && evt.target.matches('a')) {
138
- _this.closeRequest(evt);
111
+ this.closeRequest(evt);
139
112
  }
140
113
  });
141
- _defineProperty(_this, "storeAlertRef", function (node) {
142
- _this.node = node;
114
+ _defineProperty(this, "storeAlertRef", node => {
115
+ this.node = node;
143
116
  });
144
- return _this;
145
117
  }
146
- _inherits(Alert, _PureComponent);
147
- return _createClass(Alert, [{
148
- key: "componentDidMount",
149
- value: function componentDidMount() {
150
- if (this.props.timeout > 0) {
151
- this.hideTimeout = window.setTimeout(this.closeRequest, this.props.timeout);
152
- }
153
- }
154
- }, {
155
- key: "componentDidUpdate",
156
- value: function componentDidUpdate() {
157
- if (this.props.isClosing) {
158
- this._close();
159
- }
160
- }
161
- }, {
162
- key: "componentWillUnmount",
163
- value: function componentWillUnmount() {
164
- clearTimeout(this.hideTimeout);
165
- }
166
- }, {
167
- key: "_close",
168
- value: function _close() {
169
- var _this2 = this;
170
- this.startCloseAnimation();
171
- setTimeout(function () {
172
- _this2.props.onClose();
173
- }, ANIMATION_TIME);
174
- }
175
- }, {
176
- key: "_getCaption",
177
- value:
178
- /**
179
- * @private
180
- */
181
- function _getCaption() {
182
- return /*#__PURE__*/jsx("span", {
183
- className: classNames(modules_e02b3280.caption, this.props.captionClassName, {
184
- [modules_e02b3280.withCloseButton]: this.props.closeable
185
- }),
186
- onClick: this._handleCaptionsLinksClick
187
- // We only process clicks on `a` elements, see above
188
- ,
189
- role: "presentation",
190
- children: this.props.children
191
- });
192
- }
193
- /**
194
- * @private
195
- * @return {XML|string}
196
- */
197
- }, {
198
- key: "_getIcon",
199
- value: function _getIcon() {
200
- var glyph = TypeToIcon[this.props.type];
201
- if (glyph) {
202
- return /*#__PURE__*/jsx(Icon, {
203
- glyph: glyph,
204
- className: modules_e02b3280.icon,
205
- color: TypeToIconColor[this.props.type] || Color.DEFAULT
206
- });
207
- } else if (this.props.type === AlertType.LOADING) {
208
- return /*#__PURE__*/jsx(LoaderInline, {
209
- className: modules_e02b3280.loader
210
- });
211
- }
212
- return '';
118
+ componentDidMount() {
119
+ if (this.props.timeout > 0) {
120
+ this.hideTimeout = window.setTimeout(this.closeRequest, this.props.timeout);
213
121
  }
214
- }, {
215
- key: "render",
216
- value: function render() {
217
- var _this$props = this.props,
218
- type = _this$props.type,
219
- inline = _this$props.inline,
220
- isClosing = _this$props.isClosing,
221
- isShaking = _this$props.isShaking,
222
- closeButtonClassName = _this$props.closeButtonClassName,
223
- showWithAnimation = _this$props.showWithAnimation,
224
- className = _this$props.className,
225
- dataTest = _this$props['data-test'],
226
- theme = _this$props.theme;
227
- var classes = classNames(className, {
228
- [modules_e02b3280.alert]: true,
229
- [modules_e02b3280.animationOpen]: showWithAnimation,
230
- [modules_e02b3280.error]: type === 'error',
231
- [modules_e02b3280.alertInline]: inline,
232
- [modules_e02b3280.animationClosing]: isClosing,
233
- [modules_e02b3280.animationShaking]: isShaking
234
- });
235
- var height = this.state.height;
236
- var style = height ? {
237
- marginBottom: -height
238
- } : undefined;
239
- return /*#__PURE__*/jsxs(ThemeProvider, {
240
- theme: theme,
241
- className: classes,
242
- "data-test": joinDataTestAttributes('alert', dataTest),
243
- "data-test-type": type,
244
- style: style,
245
- ref: this.storeAlertRef,
246
- children: [this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/jsx(Button, {
247
- icon: closeIcon,
248
- className: classNames(modules_e02b3280.close, closeButtonClassName),
249
- "data-test": "alert-close",
250
- "aria-label": "close alert",
251
- onClick: this.closeRequest
252
- }) : '']
253
- });
122
+ }
123
+ componentDidUpdate() {
124
+ if (this.props.isClosing) {
125
+ this._close();
254
126
  }
255
- }]);
256
- }(PureComponent);
257
- _defineProperty(Alert, "propTypes", {
258
- timeout: PropTypes.number,
127
+ }
128
+ componentWillUnmount() {
129
+ clearTimeout(this.hideTimeout);
130
+ }
131
+ _close() {
132
+ this.startCloseAnimation();
133
+ setTimeout(() => {
134
+ this.props.onClose();
135
+ }, ANIMATION_TIME);
136
+ }
259
137
  /**
260
- * Fires when alert starts closing if timeout is out or user clicks "Close" button
138
+ * @private
261
139
  */
262
- onCloseRequest: PropTypes.func,
263
- onClose: PropTypes.func,
264
- isShaking: PropTypes.bool,
265
- isClosing: PropTypes.bool,
140
+ _getCaption() {
141
+ return /*#__PURE__*/jsx("span", {
142
+ className: classNames(modules_e02b3280.caption, this.props.captionClassName, {
143
+ [modules_e02b3280.withCloseButton]: this.props.closeable
144
+ }),
145
+ onClick: this._handleCaptionsLinksClick
146
+ // We only process clicks on `a` elements, see above
147
+ ,
148
+ role: "presentation",
149
+ children: this.props.children
150
+ });
151
+ }
266
152
  /**
267
- * Whether an alert is rendered inside an **Alerts** container
268
- * or standalone.
153
+ * @private
154
+ * @return {XML|string}
269
155
  */
270
- inline: PropTypes.bool,
271
- showWithAnimation: PropTypes.bool,
272
- closeable: PropTypes.bool,
273
- type: PropTypes.oneOf(Object.values(AlertType)),
274
- children: PropTypes.node,
275
- className: PropTypes.string,
276
- captionClassName: PropTypes.string,
277
- closeButtonClassName: PropTypes.string,
278
- 'data-test': PropTypes.string
279
- });
156
+ _getIcon() {
157
+ const glyph = TypeToIcon[this.props.type];
158
+ if (glyph) {
159
+ return /*#__PURE__*/jsx(Icon, {
160
+ glyph: glyph,
161
+ className: modules_e02b3280.icon,
162
+ color: TypeToIconColor[this.props.type] || Color.DEFAULT
163
+ });
164
+ } else if (this.props.type === AlertType.LOADING) {
165
+ return /*#__PURE__*/jsx(LoaderInline, {
166
+ className: modules_e02b3280.loader
167
+ });
168
+ }
169
+ return '';
170
+ }
171
+ render() {
172
+ const {
173
+ type,
174
+ inline,
175
+ isClosing,
176
+ isShaking,
177
+ closeButtonClassName,
178
+ showWithAnimation,
179
+ className,
180
+ 'data-test': dataTest,
181
+ theme
182
+ } = this.props;
183
+ const classes = classNames(className, {
184
+ [modules_e02b3280.alert]: true,
185
+ [modules_e02b3280.animationOpen]: showWithAnimation,
186
+ [modules_e02b3280.error]: type === 'error',
187
+ [modules_e02b3280.alertInline]: inline,
188
+ [modules_e02b3280.animationClosing]: isClosing,
189
+ [modules_e02b3280.animationShaking]: isShaking
190
+ });
191
+ const height = this.state.height;
192
+ const style = height ? {
193
+ marginBottom: -height
194
+ } : undefined;
195
+ return /*#__PURE__*/jsxs(ThemeProvider, {
196
+ theme: theme,
197
+ className: classes,
198
+ "data-test": joinDataTestAttributes('alert', dataTest),
199
+ "data-test-type": type,
200
+ style: style,
201
+ ref: this.storeAlertRef,
202
+ children: [this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/jsx(Button, {
203
+ icon: closeIcon,
204
+ className: classNames(modules_e02b3280.close, closeButtonClassName),
205
+ "data-test": "alert-close",
206
+ "aria-label": "close alert",
207
+ onClick: this.closeRequest
208
+ }) : '']
209
+ });
210
+ }
211
+ }
280
212
  /** @override */
281
213
  _defineProperty(Alert, "defaultProps", {
282
214
  theme: Theme.DARK,
@@ -287,8 +219,8 @@ _defineProperty(Alert, "defaultProps", {
287
219
  isClosing: false,
288
220
  isShaking: false,
289
221
  timeout: 0,
290
- onClose: function onClose() {},
291
- onCloseRequest: function onCloseRequest() {}
222
+ onClose: () => {},
223
+ onCloseRequest: () => {}
292
224
  });
293
225
  _defineProperty(Alert, "Type", AlertType);
294
226
 
@@ -1,5 +1,4 @@
1
1
  import { PureComponent, HTMLAttributes } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  /**
4
3
  * @name Alert Container
5
4
  * @description Displays a stack of alerts on top of the page.
@@ -7,9 +6,5 @@ import PropTypes from 'prop-types';
7
6
  */
8
7
  export type AlertContainerProps = HTMLAttributes<HTMLDivElement>;
9
8
  export default class Alerts extends PureComponent<AlertContainerProps> {
10
- static propTypes: {
11
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
12
- className: PropTypes.Requireable<string>;
13
- };
14
9
  render(): import("react").ReactPortal | null;
15
10
  }