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

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,40 +1,29 @@
1
- import { c as _objectWithoutProperties, j as _toConsumableArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.filter.js';
3
- import 'core-js/modules/es.object.to-string.js';
1
+ import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
4
3
  import { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from 'react';
5
- import PropTypes from 'prop-types';
6
4
  import { isNodeInVisiblePartOfPage } from '../global/dom.js';
7
5
  import { jsx, jsxs } from 'react/jsx-runtime';
8
- import 'core-js/modules/es.array.iterator.js';
9
- import 'core-js/modules/es.object.assign.js';
10
- import 'core-js/modules/es.object.entries.js';
11
6
  import 'core-js/modules/es.regexp.exec.js';
12
- import 'core-js/modules/es.set.js';
13
- import 'core-js/modules/es.string.split.js';
14
- import 'core-js/modules/web.dom-collections.for-each.js';
15
- import 'core-js/modules/web.dom-collections.iterator.js';
16
7
 
17
8
  var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_11f0"};
18
9
 
19
- var _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
20
- var FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
10
+ const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
11
+ const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
21
12
  // eslint-disable-next-line @typescript-eslint/no-shadow
22
- var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
23
- var children = _ref.children,
24
- _ref$trapDisabled = _ref.trapDisabled,
25
- trapDisabled = _ref$trapDisabled === void 0 ? false : _ref$trapDisabled,
26
- _ref$autoFocusFirst = _ref.autoFocusFirst,
27
- autoFocusFirst = _ref$autoFocusFirst === void 0 ? true : _ref$autoFocusFirst,
28
- _ref$focusBackOnClose = _ref.focusBackOnClose,
29
- focusBackOnClose = _ref$focusBackOnClose === void 0 ? true : _ref$focusBackOnClose,
30
- _ref$focusBackOnExit = _ref.focusBackOnExit,
31
- focusBackOnExit = _ref$focusBackOnExit === void 0 ? false : _ref$focusBackOnExit,
13
+ const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
14
+ let {
15
+ children,
16
+ trapDisabled = false,
17
+ autoFocusFirst = true,
18
+ focusBackOnClose = true,
19
+ focusBackOnExit = false
20
+ } = _ref,
32
21
  restProps = _objectWithoutProperties(_ref, _excluded);
33
- var nodeRef = useRef(null);
34
- var trapButtonNodeRef = useRef(null);
35
- var previousFocusedNodeRef = useRef(null);
36
- var trapWithoutFocusRef = useRef(false);
37
- var mountedRef = useRef(false);
22
+ const nodeRef = useRef(null);
23
+ const trapButtonNodeRef = useRef(null);
24
+ const previousFocusedNodeRef = useRef(null);
25
+ const trapWithoutFocusRef = useRef(false);
26
+ const mountedRef = useRef(false);
38
27
  // It's the same approach as in focus-trap-react:
39
28
  // https://github.com/focus-trap/focus-trap-react/commit/3b22fca9eebeb883edc89548850fe5a5b9d6d50e
40
29
  // We can't do it in useEffect because it's too late, some children might have already
@@ -42,46 +31,40 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
42
31
  if (previousFocusedNodeRef.current === null) {
43
32
  previousFocusedNodeRef.current = document.activeElement;
44
33
  }
45
- useImperativeHandle(ref, function () {
46
- return {
47
- node: nodeRef.current
48
- };
49
- }, []);
50
- var focusFirst = useCallback(function () {
51
- return focusElement(true);
52
- }, []);
53
- var focusLast = function focusLast() {
54
- return focusElement(false);
55
- };
56
- useEffect(function () {
34
+ useImperativeHandle(ref, () => ({
35
+ node: nodeRef.current
36
+ }), []);
37
+ const focusFirst = useCallback(() => focusElement(true), []);
38
+ const focusLast = () => focusElement(false);
39
+ useEffect(() => {
57
40
  mountedRef.current = true;
58
- return function () {
41
+ return () => {
59
42
  mountedRef.current = false;
60
43
  };
61
44
  }, []);
62
- useEffect(function () {
45
+ useEffect(() => {
63
46
  if (autoFocusFirst) {
64
47
  focusFirst();
65
48
  } else if (!trapDisabled) {
66
49
  var _nodeRef$current, _nodeRef$current2;
67
- var previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
50
+ const previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
68
51
  // The component wrapped in TabTrap can already have a focused element (e.g. Date Picker),
69
52
  // so we need to check if it does. If so, we don't need to focus anything.
70
- var currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
53
+ const currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
71
54
  if (!nodeRef.current || !previousFocusedElementIsInContainer && !currentlyFocusedElementIsInContainer) {
72
55
  var _trapButtonNodeRef$cu;
73
56
  trapWithoutFocusRef.current = true;
74
57
  (_trapButtonNodeRef$cu = trapButtonNodeRef.current) === null || _trapButtonNodeRef$cu === void 0 || _trapButtonNodeRef$cu.focus();
75
58
  }
76
59
  }
77
- return function () {
60
+ return () => {
78
61
  if (focusBackOnClose) {
79
62
  restoreFocus();
80
63
  }
81
64
  };
82
65
  }, [autoFocusFirst, trapDisabled, focusBackOnClose, focusFirst]);
83
66
  function restoreFocus() {
84
- var previousFocusedNode = previousFocusedNodeRef.current;
67
+ const previousFocusedNode = previousFocusedNodeRef.current;
85
68
  if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
86
69
  // This is to prevent the focus from being restored the first time
87
70
  // componentWillUnmount is called in StrictMode.
@@ -93,15 +76,13 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
93
76
  }
94
77
  }
95
78
  function focusElement() {
96
- var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
97
- var node = nodeRef.current;
79
+ let first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
80
+ const node = nodeRef.current;
98
81
  if (!node) {
99
82
  return;
100
83
  }
101
- var tabables = _toConsumableArray(node.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function (item) {
102
- return item.tabIndex >= 0;
103
- });
104
- var toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
84
+ const tabables = [...node.querySelectorAll(FOCUSABLE_ELEMENTS)].filter(item => item.tabIndex >= 0);
85
+ const toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
105
86
  if (toBeFocused) {
106
87
  toBeFocused.focus();
107
88
  }
@@ -111,7 +92,7 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
111
92
  return;
112
93
  }
113
94
  if (focusBackOnExit) {
114
- var prevFocused = event.nativeEvent.relatedTarget;
95
+ const prevFocused = event.nativeEvent.relatedTarget;
115
96
  if (prevFocused != null && nodeRef.current != null && prevFocused instanceof Element && nodeRef.current.contains(prevFocused)) {
116
97
  restoreFocus();
117
98
  }
@@ -125,7 +106,7 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
125
106
  return;
126
107
  }
127
108
  trapWithoutFocusRef.current = false;
128
- var newFocused = event.nativeEvent.relatedTarget;
109
+ const newFocused = event.nativeEvent.relatedTarget;
129
110
  if (!newFocused) {
130
111
  return;
131
112
  }
@@ -162,12 +143,5 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
162
143
  })]
163
144
  }));
164
145
  });
165
- TabTrap.propTypes = {
166
- children: PropTypes.node.isRequired,
167
- trapDisabled: PropTypes.bool,
168
- autoFocusFirst: PropTypes.bool,
169
- focusBackOnClose: PropTypes.bool,
170
- focusBackOnExit: PropTypes.bool
171
- };
172
146
 
173
147
  export { FOCUSABLE_ELEMENTS, TabTrap as default };
@@ -1,13 +1,7 @@
1
1
  import { PureComponent, TdHTMLAttributes } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  export interface CellProps extends TdHTMLAttributes<HTMLTableDataCellElement> {
4
3
  'data-test'?: string | null | undefined;
5
4
  }
6
5
  export default class Cell extends PureComponent<CellProps> {
7
- static propTypes: {
8
- children: PropTypes.Requireable<any>;
9
- className: PropTypes.Requireable<string>;
10
- 'data-test': PropTypes.Requireable<string>;
11
- };
12
6
  render(): import("react").JSX.Element;
13
7
  }
@@ -1,37 +1,21 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import { PureComponent } from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import classNames from 'classnames';
5
4
  import joinDataTestAttributes from '../global/data-tests.js';
6
5
  import { m as modules_1db4bbca } from '../_helpers/table.js';
7
6
  import { jsx } from 'react/jsx-runtime';
8
- import 'core-js/modules/es.array.concat.js';
9
7
  import 'core-js/modules/es.array.reduce.js';
10
- import 'core-js/modules/es.object.entries.js';
11
- import 'core-js/modules/es.object.to-string.js';
8
+ import 'core-js/modules/web.dom-collections.iterator.js';
12
9
 
13
- var Cell = /*#__PURE__*/function (_PureComponent) {
14
- function Cell() {
15
- _classCallCheck(this, Cell);
16
- return _callSuper(this, Cell, arguments);
10
+ class Cell extends PureComponent {
11
+ render() {
12
+ const classes = classNames(modules_1db4bbca.cell, this.props.className);
13
+ return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
14
+ className: classes,
15
+ "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),
16
+ children: this.props.children
17
+ }));
17
18
  }
18
- _inherits(Cell, _PureComponent);
19
- return _createClass(Cell, [{
20
- key: "render",
21
- value: function render() {
22
- var classes = classNames(modules_1db4bbca.cell, this.props.className);
23
- return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
24
- className: classes,
25
- "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),
26
- children: this.props.children
27
- }));
28
- }
29
- }]);
30
- }(PureComponent);
31
- _defineProperty(Cell, "propTypes", {
32
- children: PropTypes.any,
33
- className: PropTypes.string,
34
- 'data-test': PropTypes.string
35
- });
19
+ }
36
20
 
37
21
  export { Cell as default };
@@ -58,7 +58,6 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
58
58
  componentWillUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
59
59
  UNSAFE_componentWillUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
60
60
  };
61
- propTypes: import("react").WeakValidationMap<P> | undefined;
62
61
  defaultProps: Partial<P> | undefined;
63
62
  contextType?: import("react").Context<any> | undefined;
64
63
  };
@@ -1,61 +1,46 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
3
- import 'core-js/modules/es.array.includes.js';
1
+ import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
4
3
  import { PureComponent } from 'react';
5
4
  import { jsx } from 'react/jsx-runtime';
6
5
 
7
6
  function disableHoverHOC(ComposedComponent) {
8
7
  var _DisableHover;
9
- return _DisableHover = /*#__PURE__*/function (_PureComponent) {
10
- function DisableHover() {
11
- var _this;
12
- _classCallCheck(this, DisableHover);
13
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
14
- args[_key] = arguments[_key];
15
- }
16
- _this = _callSuper(this, DisableHover, [].concat(args));
17
- _defineProperty(_this, "state", {
8
+ return _DisableHover = class DisableHover extends PureComponent {
9
+ constructor() {
10
+ super(...arguments);
11
+ _defineProperty(this, "state", {
18
12
  disabledHover: false
19
13
  });
20
- _defineProperty(_this, "onMouseMove", function () {
21
- if (_this.state.disabledHover) {
22
- _this.setState({
14
+ _defineProperty(this, "onMouseMove", () => {
15
+ if (this.state.disabledHover) {
16
+ this.setState({
23
17
  disabledHover: false
24
18
  });
25
19
  }
26
20
  });
27
- _defineProperty(_this, "onKeyDown", function (e) {
28
- var metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
29
- if (!_this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
30
- _this.setState({
21
+ _defineProperty(this, "onKeyDown", e => {
22
+ const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
23
+ if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
24
+ this.setState({
31
25
  disabledHover: true
32
26
  });
33
27
  }
34
28
  });
35
- return _this;
36
29
  }
37
- _inherits(DisableHover, _PureComponent);
38
- return _createClass(DisableHover, [{
39
- key: "componentDidMount",
40
- value: function componentDidMount() {
41
- document.addEventListener('mousemove', this.onMouseMove);
42
- document.addEventListener('keydown', this.onKeyDown, true);
43
- }
44
- }, {
45
- key: "componentWillUnmount",
46
- value: function componentWillUnmount() {
47
- document.removeEventListener('mousemove', this.onMouseMove);
48
- document.removeEventListener('keydown', this.onKeyDown, true);
49
- }
50
- }, {
51
- key: "render",
52
- value: function render() {
53
- return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.props), {}, {
54
- disabledHover: this.state.disabledHover
55
- }));
56
- }
57
- }]);
58
- }(PureComponent), _defineProperty(_DisableHover, "propTypes", ComposedComponent.propTypes), _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
30
+ componentDidMount() {
31
+ document.addEventListener('mousemove', this.onMouseMove);
32
+ document.addEventListener('keydown', this.onKeyDown, true);
33
+ }
34
+ componentWillUnmount() {
35
+ document.removeEventListener('mousemove', this.onMouseMove);
36
+ document.removeEventListener('keydown', this.onKeyDown, true);
37
+ }
38
+ render() {
39
+ return /*#__PURE__*/jsx(ComposedComponent, _objectSpread2(_objectSpread2({}, this.props), {}, {
40
+ disabledHover: this.state.disabledHover
41
+ }));
42
+ }
43
+ }, _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
59
44
  }
60
45
 
61
46
  export { disableHoverHOC as default };
@@ -1,5 +1,4 @@
1
1
  import { PureComponent, ReactNode, SyntheticEvent, ThHTMLAttributes } from 'react';
2
- import PropTypes from 'prop-types';
3
2
  export interface Column<T = never> {
4
3
  id: string;
5
4
  sortable?: boolean | null | undefined;
@@ -24,15 +23,6 @@ export interface HeaderCellProps extends ThHTMLAttributes<HTMLTableHeaderCellEle
24
23
  'data-test'?: string | null | undefined;
25
24
  }
26
25
  export default class HeaderCell extends PureComponent<HeaderCellProps> {
27
- static propTypes: {
28
- children: PropTypes.Requireable<any>;
29
- className: PropTypes.Requireable<string>;
30
- column: PropTypes.Validator<object>;
31
- onSort: PropTypes.Requireable<(...args: any[]) => any>;
32
- sortKey: PropTypes.Requireable<string>;
33
- sortOrder: PropTypes.Requireable<boolean>;
34
- 'data-test': PropTypes.Requireable<string>;
35
- };
36
26
  static defaultProps: {
37
27
  onSort: () => void;
38
28
  };
@@ -1,7 +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';
1
+ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
3
3
  import { PureComponent } from 'react';
4
- import PropTypes from 'prop-types';
5
4
  import classNames from 'classnames';
6
5
  import sortableIcon from '@jetbrains/icons/unsorted-10px';
7
6
  import chevronDown from '@jetbrains/icons/chevron-10px';
@@ -14,98 +13,73 @@ import '../icon/icon__constants.js';
14
13
  import '../_helpers/icon__svg.js';
15
14
  import 'core-js/modules/es.regexp.exec.js';
16
15
  import 'core-js/modules/es.string.replace.js';
17
- import 'core-js/modules/es.string.starts-with.js';
18
16
  import '../global/memoize.js';
19
- import 'core-js/modules/es.array.iterator.js';
20
- import 'core-js/modules/es.map.js';
21
- import 'core-js/modules/es.object.to-string.js';
22
- import 'core-js/modules/es.weak-map.js';
23
- import 'core-js/modules/web.dom-collections.iterator.js';
24
17
  import 'core-js/modules/es.array.reduce.js';
25
- import 'core-js/modules/es.object.entries.js';
26
18
 
27
- var _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
28
- var HeaderCell = /*#__PURE__*/function (_PureComponent) {
29
- function HeaderCell() {
30
- var _this;
31
- _classCallCheck(this, HeaderCell);
32
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
33
- args[_key] = arguments[_key];
34
- }
35
- _this = _callSuper(this, HeaderCell, [].concat(args));
36
- _defineProperty(_this, "sortable", void 0);
37
- _defineProperty(_this, "sorted", void 0);
38
- _defineProperty(_this, "onClick", function () {
39
- if (_this.sortable) {
40
- var _this$props = _this.props,
41
- column = _this$props.column,
42
- onSort = _this$props.onSort,
43
- sortOrder = _this$props.sortOrder;
19
+ const _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
20
+ class HeaderCell extends PureComponent {
21
+ constructor() {
22
+ super(...arguments);
23
+ _defineProperty(this, "sortable", void 0);
24
+ _defineProperty(this, "sorted", void 0);
25
+ _defineProperty(this, "onClick", () => {
26
+ if (this.sortable) {
27
+ const {
28
+ column,
29
+ onSort,
30
+ sortOrder
31
+ } = this.props;
44
32
  onSort({
45
33
  column,
46
- order: !(_this.sorted && sortOrder)
34
+ order: !(this.sorted && sortOrder)
47
35
  });
48
36
  }
49
37
  });
50
- return _this;
51
38
  }
52
- _inherits(HeaderCell, _PureComponent);
53
- return _createClass(HeaderCell, [{
54
- key: "onChildrenClick",
55
- value: function onChildrenClick(e) {
56
- e.stopPropagation();
57
- }
58
- }, {
59
- key: "render",
60
- value: function render() {
61
- var _this$props2 = this.props,
62
- className = _this$props2.className,
63
- column = _this$props2.column;
64
- _this$props2.onSort;
65
- var sortKey = _this$props2.sortKey,
66
- sortOrder = _this$props2.sortOrder,
67
- dataTest = _this$props2['data-test'],
68
- restProps = _objectWithoutProperties(_this$props2, _excluded);
69
- this.sortable = column.sortable === true;
70
- this.sorted = sortKey === column.id;
71
- var glyph = this.sorted ? chevronDown : sortableIcon;
72
- var classes = classNames(className, column.headerClassName, {
73
- [modules_1db4bbca.headerCell]: true,
74
- [modules_1db4bbca.headerCellSortable]: this.sortable,
75
- [modules_1db4bbca.headerCellSorted]: this.sorted,
76
- [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
77
- [modules_1db4bbca.cellRight]: column.rightAlign
78
- });
79
- return /*#__PURE__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
80
- className: classes,
81
- onClick: this.onClick,
82
- "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest),
83
- children: [/*#__PURE__*/jsx("span", {
84
- onClick: this.onChildrenClick,
85
- role: "presentation",
86
- children: this.props.children
87
- }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
88
- className: modules_1db4bbca.sorter,
89
- children: /*#__PURE__*/jsx(Icon, {
90
- glyph: glyph,
91
- className: modules_1db4bbca.icon
92
- })
93
- })]
94
- }));
95
- }
96
- }]);
97
- }(PureComponent);
98
- _defineProperty(HeaderCell, "propTypes", {
99
- children: PropTypes.any,
100
- className: PropTypes.string,
101
- column: PropTypes.object.isRequired,
102
- onSort: PropTypes.func,
103
- sortKey: PropTypes.string,
104
- sortOrder: PropTypes.bool,
105
- 'data-test': PropTypes.string
106
- });
39
+ onChildrenClick(e) {
40
+ e.stopPropagation();
41
+ }
42
+ render() {
43
+ const _this$props = this.props,
44
+ {
45
+ className,
46
+ column,
47
+ onSort,
48
+ sortKey,
49
+ sortOrder,
50
+ 'data-test': dataTest
51
+ } = _this$props,
52
+ restProps = _objectWithoutProperties(_this$props, _excluded);
53
+ this.sortable = column.sortable === true;
54
+ this.sorted = sortKey === column.id;
55
+ const glyph = this.sorted ? chevronDown : sortableIcon;
56
+ const classes = classNames(className, column.headerClassName, {
57
+ [modules_1db4bbca.headerCell]: true,
58
+ [modules_1db4bbca.headerCellSortable]: this.sortable,
59
+ [modules_1db4bbca.headerCellSorted]: this.sorted,
60
+ [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
61
+ [modules_1db4bbca.cellRight]: column.rightAlign
62
+ });
63
+ return /*#__PURE__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
64
+ className: classes,
65
+ onClick: this.onClick,
66
+ "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest),
67
+ children: [/*#__PURE__*/jsx("span", {
68
+ onClick: this.onChildrenClick,
69
+ role: "presentation",
70
+ children: this.props.children
71
+ }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
72
+ className: modules_1db4bbca.sorter,
73
+ children: /*#__PURE__*/jsx(Icon, {
74
+ glyph: glyph,
75
+ className: modules_1db4bbca.icon
76
+ })
77
+ })]
78
+ }));
79
+ }
80
+ }
107
81
  _defineProperty(HeaderCell, "defaultProps", {
108
- onSort: function onSort() {}
82
+ onSort: () => {}
109
83
  });
110
84
 
111
85
  export { HeaderCell as default };
@@ -1,5 +1,4 @@
1
- import { ChangeEventHandler, PureComponent, ReactNode, SyntheticEvent } from 'react';
2
- import PropTypes from 'prop-types';
1
+ import { ChangeEventHandler, PureComponent, SyntheticEvent } from 'react';
3
2
  import { Column, SortParams } from './header-cell';
4
3
  export interface HeaderProps {
5
4
  columns: readonly Column[];
@@ -16,28 +15,7 @@ export interface HeaderProps {
16
15
  checkboxDisabled?: boolean | undefined;
17
16
  maxColSpan?: number;
18
17
  }
19
- declare module 'react-waypoint' {
20
- namespace Waypoint {
21
- interface WaypointProps {
22
- children?: ReactNode;
23
- }
24
- }
25
- }
26
18
  export default class Header extends PureComponent<HeaderProps> {
27
- static propTypes: {
28
- caption: PropTypes.Requireable<string>;
29
- selectable: PropTypes.Requireable<boolean>;
30
- draggable: PropTypes.Requireable<boolean>;
31
- checked: PropTypes.Requireable<boolean>;
32
- checkboxDisabled: PropTypes.Requireable<boolean>;
33
- sticky: PropTypes.Requireable<boolean>;
34
- topStickOffset: PropTypes.Requireable<string>;
35
- onCheckboxChange: PropTypes.Requireable<(...args: any[]) => any>;
36
- columns: PropTypes.Validator<any[]>;
37
- onSort: PropTypes.Requireable<(...args: any[]) => any>;
38
- sortKey: PropTypes.Requireable<string>;
39
- sortOrder: PropTypes.Requireable<boolean>;
40
- };
41
19
  static defaultProps: {
42
20
  selectable: boolean;
43
21
  draggable: boolean;