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

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 (336) 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 +15 -13
  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/icon__svg.js +27 -29
  8. package/components/_helpers/input.js +150 -192
  9. package/components/_helpers/query-assist__suggestions.js +78 -93
  10. package/components/_helpers/select__filter.js +56 -75
  11. package/components/_helpers/services-link.js +23 -39
  12. package/components/_helpers/sidebar.js +91 -102
  13. package/components/_helpers/tab-link.js +8 -12
  14. package/components/_helpers/theme.js +42 -51
  15. package/components/_helpers/title.js +59 -84
  16. package/components/alert/alert.d.ts +7 -24
  17. package/components/alert/alert.js +111 -179
  18. package/components/alert/container.d.ts +0 -5
  19. package/components/alert/container.js +32 -44
  20. package/components/alert-service/alert-service.js +104 -162
  21. package/components/analytics/analytics.js +12 -20
  22. package/components/analytics/analytics__custom-plugin.js +52 -68
  23. package/components/auth/auth.js +2 -28
  24. package/components/auth/auth__core.d.ts +4 -4
  25. package/components/auth/auth__core.js +753 -1431
  26. package/components/auth/background-flow.js +84 -121
  27. package/components/auth/down-notification.js +31 -78
  28. package/components/auth/iframe-flow.js +70 -124
  29. package/components/auth/request-builder.js +46 -77
  30. package/components/auth/response-parser.js +84 -112
  31. package/components/auth/storage.js +160 -319
  32. package/components/auth/token-validator.js +132 -227
  33. package/components/auth/window-flow.js +84 -121
  34. package/components/auth-dialog/auth-dialog.d.ts +0 -18
  35. package/components/auth-dialog/auth-dialog.js +106 -175
  36. package/components/auth-dialog-service/auth-dialog-service.js +10 -31
  37. package/components/avatar/avatar-example-datauri.js +1 -1
  38. package/components/avatar/avatar.d.ts +0 -13
  39. package/components/avatar/avatar.js +94 -136
  40. package/components/avatar/fallback-avatar.d.ts +1 -10
  41. package/components/avatar/fallback-avatar.js +20 -40
  42. package/components/badge/badge.d.ts +0 -10
  43. package/components/badge/badge.js +32 -48
  44. package/components/breadcrumbs/breadcrumbs.js +13 -17
  45. package/components/button/button.d.ts +0 -21
  46. package/components/button/button.js +67 -101
  47. package/components/button-group/button-group.d.ts +0 -5
  48. package/components/button-group/button-group.js +27 -41
  49. package/components/button-group/caption.d.ts +0 -4
  50. package/components/button-group/caption.js +0 -1
  51. package/components/button-set/button-set.d.ts +0 -6
  52. package/components/button-set/button-set.js +19 -33
  53. package/components/button-toolbar/button-toolbar.d.ts +0 -6
  54. package/components/button-toolbar/button-toolbar.js +17 -31
  55. package/components/caret/caret.js +184 -211
  56. package/components/checkbox/checkbox.d.ts +0 -19
  57. package/components/checkbox/checkbox.js +69 -104
  58. package/components/clipboard/clipboard-fallback.js +7 -7
  59. package/components/clipboard/clipboard.js +36 -129
  60. package/components/code/code.d.ts +0 -12
  61. package/components/code/code.js +83 -163
  62. package/components/collapse/collapse-content.js +42 -60
  63. package/components/collapse/collapse-context.js +2 -2
  64. package/components/collapse/collapse-control.js +12 -12
  65. package/components/collapse/collapse.js +12 -17
  66. package/components/collapse/consts.js +4 -4
  67. package/components/collapse/utils.js +1 -3
  68. package/components/confirm/confirm.d.ts +0 -14
  69. package/components/confirm/confirm.js +67 -111
  70. package/components/confirm-service/confirm-service.js +23 -45
  71. package/components/content-layout/content-layout.d.ts +0 -7
  72. package/components/content-layout/content-layout.js +41 -63
  73. package/components/content-layout/sidebar.d.ts +0 -9
  74. package/components/content-layout/sidebar.js +1 -2
  75. package/components/contenteditable/contenteditable.d.ts +1 -22
  76. package/components/contenteditable/contenteditable.js +37 -60
  77. package/components/control-help/control-help.js +5 -3
  78. package/components/control-label/control-label.js +9 -14
  79. package/components/data-list/data-list.d.ts +0 -2
  80. package/components/data-list/data-list.js +115 -179
  81. package/components/data-list/data-list.mock.js +3 -6
  82. package/components/data-list/item.js +118 -164
  83. package/components/data-list/selection.js +77 -135
  84. package/components/data-list/title.d.ts +2 -2
  85. package/components/data-list/title.js +2 -12
  86. package/components/date-picker/consts.d.ts +0 -2
  87. package/components/date-picker/consts.js +16 -24
  88. package/components/date-picker/date-input.d.ts +0 -20
  89. package/components/date-picker/date-input.js +99 -147
  90. package/components/date-picker/date-picker.d.ts +0 -29
  91. package/components/date-picker/date-picker.js +143 -224
  92. package/components/date-picker/date-popup.d.ts +0 -22
  93. package/components/date-picker/date-popup.js +281 -351
  94. package/components/date-picker/day.d.ts +0 -14
  95. package/components/date-picker/day.js +72 -109
  96. package/components/date-picker/month-names.d.ts +1 -11
  97. package/components/date-picker/month-names.js +42 -72
  98. package/components/date-picker/month-slider.d.ts +0 -9
  99. package/components/date-picker/month-slider.js +43 -71
  100. package/components/date-picker/month.d.ts +1 -9
  101. package/components/date-picker/month.js +18 -30
  102. package/components/date-picker/months.d.ts +1 -9
  103. package/components/date-picker/months.js +45 -55
  104. package/components/date-picker/weekdays.d.ts +2 -8
  105. package/components/date-picker/weekdays.js +12 -25
  106. package/components/date-picker/years.d.ts +0 -6
  107. package/components/date-picker/years.js +77 -104
  108. package/components/dialog/dialog.d.ts +0 -20
  109. package/components/dialog/dialog.js +152 -210
  110. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  111. package/components/dropdown/anchor.d.ts +1 -8
  112. package/components/dropdown/anchor.js +0 -7
  113. package/components/dropdown/dropdown.d.ts +4 -22
  114. package/components/dropdown/dropdown.js +134 -176
  115. package/components/dropdown-menu/dropdown-menu.js +51 -103
  116. package/components/editable-heading/editable-heading.js +69 -118
  117. package/components/error-bubble/error-bubble.d.ts +0 -6
  118. package/components/error-bubble/error-bubble.js +29 -60
  119. package/components/error-message/error-message.d.ts +0 -10
  120. package/components/error-message/error-message.js +34 -59
  121. package/components/footer/footer.js +27 -43
  122. package/components/global/compose.js +1 -8
  123. package/components/global/composeRefs.d.ts +0 -3
  124. package/components/global/composeRefs.js +8 -15
  125. package/components/global/controls-height.js +2 -2
  126. package/components/global/create-stateful-context.d.ts +0 -4
  127. package/components/global/create-stateful-context.js +14 -17
  128. package/components/global/data-tests.js +7 -12
  129. package/components/global/dom.js +49 -82
  130. package/components/global/focus-sensor-hoc.js +95 -122
  131. package/components/global/fuzzy-highlight.js +23 -34
  132. package/components/global/get-event-key.js +8 -8
  133. package/components/global/get-uid.js +3 -7
  134. package/components/global/inject-styles.js +7 -14
  135. package/components/global/listeners.js +28 -47
  136. package/components/global/memoize.js +6 -10
  137. package/components/global/normalize-indent.js +19 -46
  138. package/components/global/promise-with-timeout.js +6 -8
  139. package/components/global/react-dom-renderer.d.ts +0 -5
  140. package/components/global/react-dom-renderer.js +29 -45
  141. package/components/global/rerender-hoc.js +16 -32
  142. package/components/global/schedule-raf.js +4 -4
  143. package/components/global/sniffer.js +1 -1
  144. package/components/global/theme.d.ts +1 -0
  145. package/components/global/theme.js +2 -20
  146. package/components/global/trivial-template-tag.js +4 -9
  147. package/components/global/typescript-utils.js +2 -6
  148. package/components/global/url.js +20 -23
  149. package/components/global/use-event-callback.js +7 -4
  150. package/components/grid/col.d.ts +0 -14
  151. package/components/grid/col.js +26 -53
  152. package/components/grid/grid.d.ts +0 -5
  153. package/components/grid/grid.js +18 -32
  154. package/components/grid/row.d.ts +0 -18
  155. package/components/grid/row.js +22 -47
  156. package/components/group/group.d.ts +0 -5
  157. package/components/group/group.js +16 -27
  158. package/components/header/header-icon.d.ts +0 -22
  159. package/components/header/header-icon.js +19 -36
  160. package/components/header/header.d.ts +0 -7
  161. package/components/header/header.js +30 -71
  162. package/components/header/links.js +6 -3
  163. package/components/header/logo.d.ts +0 -4
  164. package/components/header/logo.js +15 -30
  165. package/components/header/profile.d.ts +1 -39
  166. package/components/header/profile.js +125 -190
  167. package/components/header/services-link.d.ts +0 -10
  168. package/components/header/services-link.js +1 -4
  169. package/components/header/services.d.ts +0 -14
  170. package/components/header/services.js +65 -110
  171. package/components/header/smart-profile.d.ts +0 -9
  172. package/components/header/smart-profile.js +119 -205
  173. package/components/header/smart-services.d.ts +0 -4
  174. package/components/header/smart-services.js +72 -141
  175. package/components/header/tray.d.ts +0 -5
  176. package/components/header/tray.js +21 -35
  177. package/components/heading/heading.js +21 -26
  178. package/components/http/http.js +162 -319
  179. package/components/http/http.mock.js +50 -98
  180. package/components/hub-source/hub-source.js +77 -182
  181. package/components/hub-source/hub-source__user.js +9 -37
  182. package/components/hub-source/hub-source__users-groups.js +34 -60
  183. package/components/i18n/i18n-context.js +7 -8
  184. package/components/i18n/i18n.js +3 -6
  185. package/components/icon/icon.d.ts +0 -11
  186. package/components/icon/icon.js +60 -85
  187. package/components/icon/icon__svg.d.ts +0 -8
  188. package/components/icon/icon__svg.js +0 -6
  189. package/components/icon/index.js +0 -6
  190. package/components/input/input.js +1 -13
  191. package/components/island/adaptive-island-hoc.d.ts +0 -1
  192. package/components/island/adaptive-island-hoc.js +30 -39
  193. package/components/island/content.d.ts +0 -10
  194. package/components/island/content.js +99 -119
  195. package/components/island/header.js +55 -73
  196. package/components/island/island.d.ts +0 -9
  197. package/components/island/island.js +25 -41
  198. package/components/island-legacy/content-legacy.d.ts +0 -5
  199. package/components/island-legacy/content-legacy.js +16 -27
  200. package/components/island-legacy/header-legacy.d.ts +0 -5
  201. package/components/island-legacy/header-legacy.js +19 -30
  202. package/components/island-legacy/island-legacy.d.ts +0 -5
  203. package/components/island-legacy/island-legacy.js +16 -27
  204. package/components/link/clickableLink.d.ts +0 -9
  205. package/components/link/clickableLink.js +33 -51
  206. package/components/link/link.d.ts +0 -25
  207. package/components/link/link.js +47 -68
  208. package/components/list/consts.js +2 -2
  209. package/components/list/list.d.ts +0 -32
  210. package/components/list/list.js +399 -516
  211. package/components/list/list__custom.js +51 -78
  212. package/components/list/list__hint.d.ts +0 -4
  213. package/components/list/list__hint.js +8 -21
  214. package/components/list/list__item.js +147 -211
  215. package/components/list/list__link.js +39 -59
  216. package/components/list/list__separator.js +15 -30
  217. package/components/list/list__title.js +25 -41
  218. package/components/list/list__users-groups-source.js +55 -123
  219. package/components/loader/loader.d.ts +0 -10
  220. package/components/loader/loader.js +38 -70
  221. package/components/loader/loader__core.js +123 -184
  222. package/components/loader-inline/loader-inline.d.ts +0 -6
  223. package/components/loader-inline/loader-inline.js +24 -38
  224. package/components/loader-screen/loader-screen.d.ts +0 -6
  225. package/components/loader-screen/loader-screen.js +24 -46
  226. package/components/login-dialog/login-dialog.d.ts +0 -11
  227. package/components/login-dialog/login-dialog.js +93 -144
  228. package/components/login-dialog/service.js +9 -31
  229. package/components/markdown/markdown.js +16 -29
  230. package/components/message/message.js +170 -217
  231. package/components/old-browsers-message/old-browsers-message.js +11 -14
  232. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  233. package/components/old-browsers-message/white-list.js +8 -13
  234. package/components/pager/pager.js +212 -277
  235. package/components/panel/panel.d.ts +0 -5
  236. package/components/panel/panel.js +16 -27
  237. package/components/permissions/permissions.js +118 -161
  238. package/components/permissions/permissions__cache.js +191 -218
  239. package/components/popup/popup.consts.js +1 -1
  240. package/components/popup/popup.js +237 -329
  241. package/components/popup/popup.target.js +9 -12
  242. package/components/popup/position.js +94 -101
  243. package/components/popup-menu/popup-menu.js +31 -76
  244. package/components/progress-bar/progress-bar.d.ts +19 -33
  245. package/components/progress-bar/progress-bar.js +55 -99
  246. package/components/query-assist/query-assist.d.ts +63 -93
  247. package/components/query-assist/query-assist.js +583 -746
  248. package/components/query-assist/query-assist__suggestions.js +2 -28
  249. package/components/radio/radio.d.ts +0 -8
  250. package/components/radio/radio.js +15 -35
  251. package/components/radio/radio__item.d.ts +0 -9
  252. package/components/radio/radio__item.js +52 -72
  253. package/components/scrollable-section/scrollable-section.js +22 -32
  254. package/components/select/select.js +693 -858
  255. package/components/select/select__filter.js +1 -28
  256. package/components/select/select__popup.js +317 -465
  257. package/components/shortcuts/core.js +147 -195
  258. package/components/shortcuts/shortcut-title.js +6 -10
  259. package/components/shortcuts/shortcuts-hoc.d.ts +0 -5
  260. package/components/shortcuts/shortcuts-hoc.js +23 -46
  261. package/components/shortcuts/shortcuts.d.ts +0 -8
  262. package/components/shortcuts/shortcuts.js +41 -72
  263. package/components/slider/slider.js +93 -113
  264. package/components/slider/slider.utils.js +16 -23
  265. package/components/storage/storage.js +3 -28
  266. package/components/storage/storage__fallback.js +137 -210
  267. package/components/storage/storage__local.js +89 -148
  268. package/components/style.css +1 -1
  269. package/components/tab-trap/tab-trap.js +35 -61
  270. package/components/table/cell.d.ts +0 -6
  271. package/components/table/cell.js +11 -27
  272. package/components/table/disable-hover-hoc.d.ts +0 -1
  273. package/components/table/disable-hover-hoc.js +27 -42
  274. package/components/table/header-cell.d.ts +0 -10
  275. package/components/table/header-cell.js +59 -85
  276. package/components/table/header.d.ts +0 -15
  277. package/components/table/header.js +89 -126
  278. package/components/table/multitable.d.ts +0 -4
  279. package/components/table/multitable.js +83 -93
  280. package/components/table/row-with-focus-sensor.d.ts +2 -2
  281. package/components/table/row-with-focus-sensor.js +25 -60
  282. package/components/table/row.js +169 -235
  283. package/components/table/selection-adapter.js +2 -2
  284. package/components/table/selection-shortcuts-hoc.js +102 -126
  285. package/components/table/selection.js +150 -217
  286. package/components/table/simple-table.d.ts +0 -44
  287. package/components/table/simple-table.js +17 -59
  288. package/components/table/smart-table.d.ts +0 -48
  289. package/components/table/smart-table.js +40 -83
  290. package/components/table/table.d.ts +0 -2
  291. package/components/table/table.js +268 -377
  292. package/components/tabs/collapsible-more.d.ts +1 -9
  293. package/components/tabs/collapsible-more.js +47 -97
  294. package/components/tabs/collapsible-tab.js +32 -44
  295. package/components/tabs/collapsible-tabs.d.ts +2 -29
  296. package/components/tabs/collapsible-tabs.js +89 -161
  297. package/components/tabs/custom-item.d.ts +1 -7
  298. package/components/tabs/custom-item.js +4 -7
  299. package/components/tabs/dumb-tabs.d.ts +0 -11
  300. package/components/tabs/dumb-tabs.js +60 -104
  301. package/components/tabs/smart-tabs.d.ts +0 -6
  302. package/components/tabs/smart-tabs.js +29 -68
  303. package/components/tabs/tab-link.d.ts +0 -8
  304. package/components/tabs/tab-link.js +1 -4
  305. package/components/tabs/tab.d.ts +0 -8
  306. package/components/tabs/tab.js +14 -32
  307. package/components/tabs/tabs.js +1 -28
  308. package/components/tag/tag.d.ts +0 -19
  309. package/components/tag/tag.js +120 -179
  310. package/components/tags-input/tags-input.d.ts +7 -33
  311. package/components/tags-input/tags-input.js +223 -338
  312. package/components/tags-list/tags-list.d.ts +0 -13
  313. package/components/tags-list/tags-list.js +45 -74
  314. package/components/text/text.d.ts +0 -7
  315. package/components/text/text.js +27 -43
  316. package/components/toggle/toggle.d.ts +0 -15
  317. package/components/toggle/toggle.js +51 -76
  318. package/components/tooltip/tooltip.d.ts +0 -9
  319. package/components/tooltip/tooltip.js +109 -150
  320. package/components/user-agreement/service.js +259 -401
  321. package/components/user-agreement/user-agreement.d.ts +0 -18
  322. package/components/user-agreement/user-agreement.js +91 -137
  323. package/components/user-card/card.d.ts +0 -35
  324. package/components/user-card/card.js +1 -26
  325. package/components/user-card/smart-user-card-tooltip.d.ts +0 -5
  326. package/components/user-card/smart-user-card-tooltip.js +52 -108
  327. package/components/user-card/tooltip.d.ts +0 -9
  328. package/components/user-card/tooltip.js +35 -74
  329. package/components/user-card/user-card.js +1 -26
  330. package/package.json +1 -2
  331. package/components/global/prop-types.d.ts +0 -4
  332. package/components/global/prop-types.js +0 -9
  333. package/components/global/react-render-adapter.d.ts +0 -1
  334. package/components/global/react-render-adapter.js +0 -6
  335. package/components/header/tray-icon.d.ts +0 -1
  336. package/components/header/tray-icon.js +0 -26
@@ -1,8 +1,6 @@
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';
3
- import 'core-js/modules/es.array.map.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';
4
3
  import { PureComponent } from 'react';
5
- import PropTypes from 'prop-types';
6
4
  import classNames from 'classnames';
7
5
  import chevronRightIcon from '@jetbrains/icons/chevron-right';
8
6
  import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -24,37 +22,17 @@ import '../icon/icon__constants.js';
24
22
  import '../_helpers/icon__svg.js';
25
23
  import 'core-js/modules/es.regexp.exec.js';
26
24
  import 'core-js/modules/es.string.replace.js';
27
- import 'core-js/modules/es.string.starts-with.js';
28
25
  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.object.to-string.js';
32
- import 'core-js/modules/es.weak-map.js';
33
- import 'core-js/modules/web.dom-collections.iterator.js';
34
- import '../global/prop-types.js';
35
26
  import '../control-help/control-help.js';
36
27
  import '../link/clickableLink.js';
37
28
  import '../global/controls-height.js';
38
29
  import '../_helpers/button__classes.js';
39
30
  import '../popup/popup.js';
40
- import 'core-js/modules/es.object.entries.js';
41
- import 'core-js/modules/es.regexp.to-string.js';
42
- import 'core-js/modules/web.dom-collections.for-each.js';
43
31
  import 'react-dom';
44
32
  import '../global/schedule-raf.js';
45
33
  import '../global/dom.js';
46
- import 'core-js/modules/es.array.filter.js';
47
- import 'core-js/modules/es.object.assign.js';
48
- import 'core-js/modules/es.set.js';
49
- import 'core-js/modules/es.string.split.js';
50
34
  import '../shortcuts/shortcuts.js';
51
35
  import '../shortcuts/core.js';
52
- import 'core-js/modules/es.array.find-index.js';
53
- import 'core-js/modules/es.array.includes.js';
54
- import 'core-js/modules/es.array.slice.js';
55
- import 'core-js/modules/es.array.splice.js';
56
- import 'core-js/modules/es.string.includes.js';
57
- import 'core-js/modules/es.string.match.js';
58
36
  import 'combokeys';
59
37
  import '../global/sniffer.js';
60
38
  import 'sniffr';
@@ -66,12 +44,13 @@ import '../popup/popup.target.js';
66
44
  import 'core-js/modules/es.array.reduce.js';
67
45
  import 'memoize-one';
68
46
 
69
- var _excluded = ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "dragHandleTitle", "level", "collapsible", "parentCollapsible", "collapsed", "maxColSpan", "onCollapse", "onExpand", "showDisabledSelection", "onSelect", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "metaColumnClassName", "data-test"];
70
- var DragHandle = function DragHandle(_ref) {
71
- var alwaysShowDragHandle = _ref.alwaysShowDragHandle,
72
- _ref$dragHandleTitle = _ref.dragHandleTitle,
73
- dragHandleTitle = _ref$dragHandleTitle === void 0 ? 'Drag to reorder' : _ref$dragHandleTitle;
74
- var classes = classNames(modules_1db4bbca.dragHandle, {
47
+ const _excluded = ["item", "columns", "selectable", "selected", "showFocus", "draggable", "alwaysShowDragHandle", "dragHandleTitle", "level", "collapsible", "parentCollapsible", "collapsed", "maxColSpan", "onCollapse", "onExpand", "showDisabledSelection", "onSelect", "checkboxTooltip", "innerRef", "focused", "autofocus", "onFocusReset", "onFocusRestore", "onHover", "className", "metaColumnClassName", "data-test"];
48
+ const DragHandle = _ref => {
49
+ let {
50
+ alwaysShowDragHandle,
51
+ dragHandleTitle = 'Drag to reorder'
52
+ } = _ref;
53
+ const classes = classNames(modules_1db4bbca.dragHandle, {
75
54
  [modules_1db4bbca.visibleDragHandle]: alwaysShowDragHandle
76
55
  });
77
56
  return /*#__PURE__*/jsx(Button, {
@@ -81,232 +60,187 @@ var DragHandle = function DragHandle(_ref) {
81
60
  icon: dragIcon
82
61
  });
83
62
  };
84
- DragHandle.propTypes = {
85
- alwaysShowDragHandle: PropTypes.bool,
86
- dragHandleTitle: PropTypes.string
87
- };
88
- var Row = /*#__PURE__*/function (_PureComponent) {
89
- function Row() {
90
- var _this;
91
- _classCallCheck(this, Row);
92
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
93
- args[_key] = arguments[_key];
94
- }
95
- _this = _callSuper(this, Row, [].concat(args));
96
- _defineProperty(_this, "id", getUID('table-row-'));
97
- _defineProperty(_this, "onMouseEnter", function (e) {
98
- var _this$props = _this.props,
99
- item = _this$props.item,
100
- onHover = _this$props.onHover;
63
+ class Row extends PureComponent {
64
+ constructor() {
65
+ super(...arguments);
66
+ _defineProperty(this, "id", getUID('table-row-'));
67
+ _defineProperty(this, "onMouseEnter", e => {
68
+ const {
69
+ item,
70
+ onHover
71
+ } = this.props;
101
72
  onHover(item, e);
102
73
  });
103
- _defineProperty(_this, "onClick", function (e) {
104
- var item = _this.props.item;
105
- _this.props.onClick(item, e);
74
+ _defineProperty(this, "onClick", e => {
75
+ const {
76
+ item
77
+ } = this.props;
78
+ this.props.onClick(item, e);
106
79
  if (e.shiftKey) {
107
- _this.toggleSelection();
80
+ this.toggleSelection();
108
81
  }
109
82
  });
110
- _defineProperty(_this, "onCheckboxFocus", function () {
111
- _this.props.onFocusRestore();
83
+ _defineProperty(this, "onCheckboxFocus", () => {
84
+ this.props.onFocusRestore();
112
85
  });
113
- _defineProperty(_this, "onCheckboxChange", function () {
114
- _this.toggleSelection();
86
+ _defineProperty(this, "onCheckboxChange", () => {
87
+ this.toggleSelection();
115
88
  });
116
- _defineProperty(_this, "onDoubleClick", function () {
117
- var item = _this.props.item;
118
- _this.props.onDoubleClick(item);
89
+ _defineProperty(this, "onDoubleClick", () => {
90
+ const {
91
+ item
92
+ } = this.props;
93
+ this.props.onDoubleClick(item);
119
94
  });
120
- _defineProperty(_this, "row", void 0);
121
- _defineProperty(_this, "rowRef", function (el) {
122
- _this.row = el;
95
+ _defineProperty(this, "row", void 0);
96
+ _defineProperty(this, "rowRef", el => {
97
+ this.row = el;
123
98
  });
124
- _defineProperty(_this, "composedRowRef", createComposedRef());
125
- return _this;
99
+ _defineProperty(this, "composedRowRef", createComposedRef());
126
100
  }
127
- _inherits(Row, _PureComponent);
128
- return _createClass(Row, [{
129
- key: "toggleSelection",
130
- value: function toggleSelection() {
131
- var _this$props2 = this.props,
132
- selectable = _this$props2.selectable,
133
- selected = _this$props2.selected,
134
- onSelect = _this$props2.onSelect,
135
- item = _this$props2.item;
136
- if (selectable) {
137
- onSelect(item, !selected);
138
- }
139
- }
140
- }, {
141
- key: "render",
142
- value: function render() {
143
- var _this$props3 = this.props,
144
- item = _this$props3.item,
145
- columnProps = _this$props3.columns,
146
- selectable = _this$props3.selectable,
147
- selected = _this$props3.selected,
148
- showFocus = _this$props3.showFocus,
149
- draggable = _this$props3.draggable,
150
- alwaysShowDragHandle = _this$props3.alwaysShowDragHandle,
151
- dragHandleTitle = _this$props3.dragHandleTitle,
152
- level = _this$props3.level,
153
- collapsible = _this$props3.collapsible,
154
- parentCollapsible = _this$props3.parentCollapsible,
155
- collapsed = _this$props3.collapsed,
156
- maxColSpan = _this$props3.maxColSpan,
157
- onCollapse = _this$props3.onCollapse,
158
- onExpand = _this$props3.onExpand,
159
- showDisabledSelection = _this$props3.showDisabledSelection;
160
- _this$props3.onSelect;
161
- var checkboxTooltip = _this$props3.checkboxTooltip,
162
- innerRef = _this$props3.innerRef;
163
- _this$props3.focused;
164
- _this$props3.autofocus;
165
- _this$props3.onFocusReset;
166
- _this$props3.onFocusRestore;
167
- _this$props3.onHover;
168
- var className = _this$props3.className,
169
- metaColumnClassName = _this$props3.metaColumnClassName,
170
- dataTest = _this$props3['data-test'],
171
- restProps = _objectWithoutProperties(_this$props3, _excluded);
172
- var classes = classNames(className, {
173
- [modules_1db4bbca.row]: true,
174
- [modules_1db4bbca.rowFocused]: showFocus,
175
- [modules_1db4bbca.rowSelected]: selected
176
- });
177
- var testAttrs = {
178
- 'data-test-focused': showFocus || undefined,
179
- 'data-test-selected': selected || undefined
180
- };
181
- var metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
182
- var SUBITEM_OFFSET = 30;
183
- var COLLAPSIBLE_PARENT_OFFSET = 20;
184
- var gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
185
- var metaColumnStyle = {
186
- paddingLeft: "".concat(gap, "px")
187
- };
188
- var metaColumn = /*#__PURE__*/jsxs("div", {
189
- className: metaColumnClasses,
190
- style: metaColumnStyle,
191
- children: [draggable && /*#__PURE__*/jsx(DragHandle, {
192
- alwaysShowDragHandle: alwaysShowDragHandle,
193
- dragHandleTitle: dragHandleTitle
194
- }), selectable && /*#__PURE__*/jsx(Tooltip, {
195
- title: checkboxTooltip,
196
- children: /*#__PURE__*/jsx(Checkbox, {
197
- "aria-labelledby": this.id,
198
- className: showFocus ? 'ring-checkbox_focus' : '',
199
- checked: selected,
200
- onFocus: this.onCheckboxFocus,
201
- onChange: this.onCheckboxChange,
202
- tabIndex: -1
203
- })
204
- }), !selectable && showDisabledSelection && /*#__PURE__*/jsx(Tooltip, {
205
- title: checkboxTooltip,
206
- children: /*#__PURE__*/jsx(Checkbox, {
207
- "aria-labelledby": this.id,
208
- checked: selected,
209
- disabled: true
210
- })
211
- }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
212
- className: modules_1db4bbca.rowCollapseExpandButton,
213
- icon: chevronRightIcon,
214
- onClick: function onClick() {
215
- return onExpand(item);
216
- }
217
- }), collapsible && !collapsed && /*#__PURE__*/jsx(Button, {
218
- className: modules_1db4bbca.rowCollapseExpandButton,
219
- icon: chevronDownIcon,
220
- onClick: function onClick() {
221
- return onCollapse(item);
222
- }
223
- })]
224
- });
225
- var columns = typeof columnProps === 'function' ? columnProps(item) : columnProps;
226
- var colSpan = 0;
227
- var cells = columns.map(function (column, index) {
228
- var getValue = column.getValue || function () {
229
- return item[column.id];
230
- };
231
- var getDataTest = column.getDataTest || function () {
232
- return column.id;
233
- };
234
- var value = getValue(item, column);
235
- var cellClasses = classNames({
236
- [modules_1db4bbca.cellRight]: column.rightAlign
237
- }, column.className);
238
- var showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
239
- colSpan += column.colSpan || 1;
240
- if (colSpan > (maxColSpan || Infinity)) {
241
- return null;
242
- }
243
- return /*#__PURE__*/jsxs(Cell, {
244
- colSpan: column.colSpan,
245
- className: cellClasses,
246
- "data-test": getDataTest(item, column),
247
- children: [index === 0 && showMetaColumn && metaColumn, value]
248
- }, column.id);
249
- });
250
- return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
251
- id: this.id,
252
- ref: this.composedRowRef(this.rowRef, innerRef),
253
- className: classes,
254
- tabIndex: 0,
255
- "data-test": joinDataTestAttributes('ring-table-row', dataTest)
256
- }, testAttrs), restProps), {}, {
257
- onMouseMove: this.onMouseEnter,
258
- onClick: this.onClick,
259
- onDoubleClick: this.onDoubleClick,
260
- children: cells
261
- }));
101
+ toggleSelection() {
102
+ const {
103
+ selectable,
104
+ selected,
105
+ onSelect,
106
+ item
107
+ } = this.props;
108
+ if (selectable) {
109
+ onSelect(item, !selected);
262
110
  }
263
- }]);
264
- }(PureComponent);
111
+ }
112
+ render() {
113
+ const _this$props = this.props,
114
+ {
115
+ item,
116
+ columns: columnProps,
117
+ selectable,
118
+ selected,
119
+ showFocus,
120
+ draggable,
121
+ alwaysShowDragHandle,
122
+ dragHandleTitle,
123
+ level,
124
+ collapsible,
125
+ parentCollapsible,
126
+ collapsed,
127
+ maxColSpan,
128
+ onCollapse,
129
+ onExpand,
130
+ showDisabledSelection,
131
+ onSelect,
132
+ checkboxTooltip,
133
+ innerRef,
134
+ focused,
135
+ autofocus,
136
+ onFocusReset,
137
+ onFocusRestore,
138
+ onHover,
139
+ className,
140
+ metaColumnClassName,
141
+ 'data-test': dataTest
142
+ } = _this$props,
143
+ restProps = _objectWithoutProperties(_this$props, _excluded);
144
+ const classes = classNames(className, {
145
+ [modules_1db4bbca.row]: true,
146
+ [modules_1db4bbca.rowFocused]: showFocus,
147
+ [modules_1db4bbca.rowSelected]: selected
148
+ });
149
+ const testAttrs = {
150
+ 'data-test-focused': showFocus || undefined,
151
+ 'data-test-selected': selected || undefined
152
+ };
153
+ const metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
154
+ const SUBITEM_OFFSET = 30;
155
+ const COLLAPSIBLE_PARENT_OFFSET = 20;
156
+ const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
157
+ const metaColumnStyle = {
158
+ paddingLeft: "".concat(gap, "px")
159
+ };
160
+ const metaColumn = /*#__PURE__*/jsxs("div", {
161
+ className: metaColumnClasses,
162
+ style: metaColumnStyle,
163
+ children: [draggable && /*#__PURE__*/jsx(DragHandle, {
164
+ alwaysShowDragHandle: alwaysShowDragHandle,
165
+ dragHandleTitle: dragHandleTitle
166
+ }), selectable && /*#__PURE__*/jsx(Tooltip, {
167
+ title: checkboxTooltip,
168
+ children: /*#__PURE__*/jsx(Checkbox, {
169
+ "aria-labelledby": this.id,
170
+ className: showFocus ? 'ring-checkbox_focus' : '',
171
+ checked: selected,
172
+ onFocus: this.onCheckboxFocus,
173
+ onChange: this.onCheckboxChange,
174
+ tabIndex: -1
175
+ })
176
+ }), !selectable && showDisabledSelection && /*#__PURE__*/jsx(Tooltip, {
177
+ title: checkboxTooltip,
178
+ children: /*#__PURE__*/jsx(Checkbox, {
179
+ "aria-labelledby": this.id,
180
+ checked: selected,
181
+ disabled: true
182
+ })
183
+ }), collapsible && collapsed && /*#__PURE__*/jsx(Button, {
184
+ className: modules_1db4bbca.rowCollapseExpandButton,
185
+ icon: chevronRightIcon,
186
+ onClick: () => onExpand(item)
187
+ }), collapsible && !collapsed && /*#__PURE__*/jsx(Button, {
188
+ className: modules_1db4bbca.rowCollapseExpandButton,
189
+ icon: chevronDownIcon,
190
+ onClick: () => onCollapse(item)
191
+ })]
192
+ });
193
+ const columns = typeof columnProps === 'function' ? columnProps(item) : columnProps;
194
+ let colSpan = 0;
195
+ const cells = columns.map((column, index) => {
196
+ const getValue = column.getValue || (() => item[column.id]);
197
+ const getDataTest = column.getDataTest || (() => column.id);
198
+ const value = getValue(item, column);
199
+ const cellClasses = classNames({
200
+ [modules_1db4bbca.cellRight]: column.rightAlign
201
+ }, column.className);
202
+ const showMetaColumn = draggable || selectable || collapsible || showDisabledSelection || !!level;
203
+ colSpan += column.colSpan || 1;
204
+ if (colSpan > (maxColSpan || Infinity)) {
205
+ return null;
206
+ }
207
+ return /*#__PURE__*/jsxs(Cell, {
208
+ colSpan: column.colSpan,
209
+ className: cellClasses,
210
+ "data-test": getDataTest(item, column),
211
+ children: [index === 0 && showMetaColumn && metaColumn, value]
212
+ }, column.id);
213
+ });
214
+ return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
215
+ id: this.id,
216
+ ref: this.composedRowRef(this.rowRef, innerRef),
217
+ className: classes,
218
+ tabIndex: 0,
219
+ "data-test": joinDataTestAttributes('ring-table-row', dataTest)
220
+ }, testAttrs), restProps), {}, {
221
+ onMouseMove: this.onMouseEnter,
222
+ onClick: this.onClick,
223
+ onDoubleClick: this.onDoubleClick,
224
+ children: cells
225
+ }));
226
+ }
227
+ }
265
228
  _defineProperty(Row, "defaultProps", {
266
229
  selectable: true,
267
230
  showFocus: false,
268
231
  draggable: false,
269
232
  alwaysShowDragHandle: false,
270
233
  selected: false,
271
- onHover: function onHover() {},
272
- onSelect: function onSelect() {},
273
- onDoubleClick: function onDoubleClick() {},
274
- onClick: function onClick() {},
234
+ onHover: () => {},
235
+ onSelect: () => {},
236
+ onDoubleClick: () => {},
237
+ onClick: () => {},
275
238
  level: 0,
276
239
  collapsible: false,
277
240
  parentCollapsible: false,
278
241
  collapsed: false,
279
- onCollapse: function onCollapse() {},
280
- onExpand: function onExpand() {}
242
+ onCollapse: () => {},
243
+ onExpand: () => {}
281
244
  });
282
- Row.propTypes = {
283
- className: PropTypes.string,
284
- metaColumnClassName: PropTypes.string,
285
- item: PropTypes.object.isRequired,
286
- columns: PropTypes.oneOfType([PropTypes.array, PropTypes.func]).isRequired,
287
- selectable: PropTypes.bool,
288
- showFocus: PropTypes.bool,
289
- draggable: PropTypes.bool,
290
- alwaysShowDragHandle: PropTypes.bool,
291
- selected: PropTypes.bool,
292
- onHover: PropTypes.func,
293
- onSelect: PropTypes.func,
294
- onDoubleClick: PropTypes.func,
295
- onClick: PropTypes.func,
296
- onFocusRestore: PropTypes.func,
297
- level: PropTypes.number,
298
- collapsible: PropTypes.bool,
299
- parentCollapsible: PropTypes.bool,
300
- collapsed: PropTypes.bool,
301
- onCollapse: PropTypes.func,
302
- onExpand: PropTypes.func,
303
- showDisabledSelection: PropTypes.bool,
304
- checkboxTooltip: PropTypes.string,
305
- innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
306
- focused: PropTypes.bool,
307
- autofocus: PropTypes.bool,
308
- onFocusReset: PropTypes.func,
309
- 'data-test': PropTypes.string
310
- };
311
245
 
312
246
  export { Row as default };
@@ -1,4 +1,4 @@
1
- import { j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import 'core-js/modules/web.dom-collections.iterator.js';
2
2
 
3
3
  function selectionAdapter(getSelection) {
4
4
  return {
@@ -6,7 +6,7 @@ function selectionAdapter(getSelection) {
6
6
  return getSelection().getActive().size;
7
7
  },
8
8
  get items() {
9
- return _toConsumableArray(getSelection().getActive());
9
+ return [...getSelection().getActive()];
10
10
  }
11
11
  };
12
12
  }