@jetbrains/ring-ui 5.0.155 → 5.0.157

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 (299) hide show
  1. package/components/checkbox/checkbox.css +1 -1
  2. package/components/global/variables_dark.css +2 -2
  3. package/components/radio/radio.css +1 -1
  4. package/dist/_helpers/_rollupPluginBabelHelpers.js +642 -1
  5. package/dist/_helpers/anchor.js +6 -7
  6. package/dist/_helpers/button__classes.js +16 -28
  7. package/dist/_helpers/card.js +107 -95
  8. package/dist/_helpers/dialog__body-scroll-preventer.js +20 -11
  9. package/dist/_helpers/footer.js +29 -34
  10. package/dist/_helpers/query-assist__suggestions.js +91 -74
  11. package/dist/_helpers/select__filter.js +71 -48
  12. package/dist/_helpers/services-link.js +41 -29
  13. package/dist/_helpers/sidebar.js +103 -99
  14. package/dist/_helpers/theme.js +42 -35
  15. package/dist/_helpers/title.js +71 -57
  16. package/dist/alert/alert.js +199 -158
  17. package/dist/alert/container.js +43 -32
  18. package/dist/alert-service/alert-service.js +172 -104
  19. package/dist/analytics/analytics.js +92 -68
  20. package/dist/analytics/analytics__custom-plugin.js +84 -60
  21. package/dist/analytics/analytics__fus-plugin.js +28 -15
  22. package/dist/analytics/analytics__ga-plugin.js +60 -43
  23. package/dist/analytics/analytics__plugin-utils.js +28 -22
  24. package/dist/auth/auth.js +36 -4
  25. package/dist/auth/auth__core.js +1458 -732
  26. package/dist/auth/background-flow.js +129 -87
  27. package/dist/auth/down-notification.js +75 -30
  28. package/dist/auth/iframe-flow.js +136 -75
  29. package/dist/auth/landing.js +90 -30
  30. package/dist/auth/request-builder.js +82 -46
  31. package/dist/auth/response-parser.js +119 -86
  32. package/dist/auth/storage.js +333 -171
  33. package/dist/auth/token-validator.js +244 -137
  34. package/dist/auth/window-flow.js +136 -92
  35. package/dist/auth-dialog/auth-dialog.js +176 -114
  36. package/dist/auth-dialog-service/auth-dialog-service.js +32 -7
  37. package/dist/auth-ng/auth-ng.js +70 -34
  38. package/dist/auth-ng/auth-ng.mock.js +6 -6
  39. package/dist/autofocus-ng/autofocus-ng.js +23 -8
  40. package/dist/avatar/avatar-example-datauri.js +1 -23
  41. package/dist/avatar/avatar.js +155 -119
  42. package/dist/avatar/fallback-avatar.js +41 -22
  43. package/dist/avatar-editor-ng/avatar-editor-ng.js +56 -23
  44. package/dist/avatar-editor-ng/avatar-editor-ng__template.js +1 -28
  45. package/dist/avatar-ng/avatar-ng.js +23 -1
  46. package/dist/badge/badge.js +43 -35
  47. package/dist/badge-ng/badge-ng.js +13 -1
  48. package/dist/breadcrumb-ng/breadcrumb-ng.js +15 -29
  49. package/dist/button/button.js +111 -87
  50. package/dist/button/button__classes.js +1 -0
  51. package/dist/button-group/button-group.js +35 -19
  52. package/dist/button-group/caption.js +22 -14
  53. package/dist/button-group-ng/button-group-ng.js +13 -7
  54. package/dist/button-ng/button-ng.js +154 -133
  55. package/dist/button-set/button-set.js +34 -20
  56. package/dist/button-set-ng/button-set-ng.js +2 -2
  57. package/dist/button-toolbar/button-toolbar.js +33 -19
  58. package/dist/button-toolbar-ng/button-toolbar-ng.js +5 -3
  59. package/dist/caret/caret.js +225 -188
  60. package/dist/checkbox/checkbox.js +104 -76
  61. package/dist/checkbox-ng/checkbox-ng.js +18 -27
  62. package/dist/clipboard/clipboard-fallback.js +10 -10
  63. package/dist/clipboard/clipboard.js +131 -34
  64. package/dist/code/code.js +168 -92
  65. package/dist/compiler-ng/compiler-ng.js +18 -15
  66. package/dist/confirm/confirm.js +108 -66
  67. package/dist/confirm-ng/confirm-ng.js +33 -4
  68. package/dist/confirm-service/confirm-service.js +66 -42
  69. package/dist/content-layout/content-layout.js +64 -43
  70. package/dist/content-layout/sidebar.js +1 -0
  71. package/dist/contenteditable/contenteditable.js +61 -50
  72. package/dist/control-label/control-label.js +11 -15
  73. package/dist/data-list/data-list.js +184 -128
  74. package/dist/data-list/data-list.mock.js +11 -2
  75. package/dist/data-list/item.js +174 -143
  76. package/dist/data-list/selection.js +139 -76
  77. package/dist/data-list/title.js +13 -1
  78. package/dist/data-list-ng/data-list-ng.js +31 -1
  79. package/dist/date-picker/consts.js +18 -15
  80. package/dist/date-picker/date-input.js +147 -115
  81. package/dist/date-picker/date-picker.js +285 -228
  82. package/dist/date-picker/date-popup.js +397 -356
  83. package/dist/date-picker/day.js +98 -84
  84. package/dist/date-picker/month-names.js +64 -43
  85. package/dist/date-picker/month-slider.js +74 -51
  86. package/dist/date-picker/month.js +21 -15
  87. package/dist/date-picker/months.js +48 -43
  88. package/dist/date-picker/weekdays.js +18 -12
  89. package/dist/date-picker/years.js +109 -84
  90. package/dist/dialog/dialog.js +189 -141
  91. package/dist/dialog/dialog__body-scroll-preventer.js +5 -0
  92. package/dist/dialog-ng/dialog-ng.js +401 -287
  93. package/dist/dialog-ng/dialog-ng__template.js +1 -70
  94. package/dist/docked-panel-ng/docked-panel-ng.js +33 -18
  95. package/dist/dropdown/anchor.js +10 -0
  96. package/dist/dropdown/dropdown.js +214 -182
  97. package/dist/dropdown-menu/dropdown-menu.js +102 -72
  98. package/dist/editable-heading/editable-heading.js +100 -58
  99. package/dist/error-bubble/error-bubble.js +64 -31
  100. package/dist/error-message/error-message.js +61 -38
  101. package/dist/error-message-ng/error-message-ng.js +11 -22
  102. package/dist/footer/footer.js +11 -1
  103. package/dist/footer-ng/footer-ng.js +64 -36
  104. package/dist/form-ng/form-ng.js +66 -56
  105. package/dist/global/angular-component-factory.js +76 -53
  106. package/dist/global/compose.js +10 -1
  107. package/dist/global/composeRefs.js +12 -7
  108. package/dist/global/controls-height.js +2 -2
  109. package/dist/global/create-stateful-context.js +19 -19
  110. package/dist/global/data-tests.js +15 -7
  111. package/dist/global/dom.js +95 -53
  112. package/dist/global/focus-sensor-hoc.js +134 -122
  113. package/dist/global/fuzzy-highlight.js +41 -27
  114. package/dist/global/get-event-key.js +8 -8
  115. package/dist/global/get-uid.js +8 -4
  116. package/dist/global/inject-styles.js +15 -10
  117. package/dist/global/linear-function.js +2 -2
  118. package/dist/global/listeners.js +53 -27
  119. package/dist/global/memoize.js +13 -6
  120. package/dist/global/normalize-indent.js +51 -19
  121. package/dist/global/promise-with-timeout.js +8 -6
  122. package/dist/global/prop-types.js +5 -3
  123. package/dist/global/react-dom-renderer.js +47 -28
  124. package/dist/global/react-render-adapter.js +19 -13
  125. package/dist/global/rerender-hoc.js +41 -16
  126. package/dist/global/ring-angular-component.js +20 -10
  127. package/dist/global/schedule-raf.js +6 -5
  128. package/dist/global/sniffer.js +1 -1
  129. package/dist/global/theme.js +24 -0
  130. package/dist/global/trivial-template-tag.js +10 -3
  131. package/dist/global/typescript-utils.js +6 -2
  132. package/dist/global/url.js +27 -21
  133. package/dist/global/use-event-callback.js +4 -6
  134. package/dist/grid/col.js +55 -35
  135. package/dist/grid/grid.js +36 -17
  136. package/dist/grid/row.js +48 -35
  137. package/dist/group/group.js +27 -17
  138. package/dist/group-ng/group-ng.js +2 -2
  139. package/dist/header/header.js +80 -33
  140. package/dist/header/logo.js +39 -20
  141. package/dist/header/profile.js +188 -150
  142. package/dist/header/services-link.js +9 -0
  143. package/dist/header/services.js +118 -73
  144. package/dist/header/smart-profile.js +207 -111
  145. package/dist/header/smart-services.js +115 -62
  146. package/dist/header/tray-icon.js +38 -21
  147. package/dist/header/tray.js +34 -21
  148. package/dist/heading/heading.js +25 -26
  149. package/dist/heading-ng/heading-ng.js +11 -1
  150. package/dist/http/http.js +368 -215
  151. package/dist/http/http.mock.js +104 -49
  152. package/dist/hub-source/hub-source.js +191 -83
  153. package/dist/hub-source/hub-source__user.js +45 -11
  154. package/dist/hub-source/hub-source__users-groups.js +67 -37
  155. package/dist/i18n/i18n-context.js +14 -10
  156. package/dist/i18n/i18n.js +11 -7
  157. package/dist/icon/icon.js +94 -76
  158. package/dist/icon/icon__svg.js +31 -24
  159. package/dist/icon/index.js +9 -0
  160. package/dist/icon-ng/icon-ng.js +27 -15
  161. package/dist/input/input.js +184 -145
  162. package/dist/input-ng/input-ng.js +96 -118
  163. package/dist/island/adaptive-island-hoc.js +45 -30
  164. package/dist/island/content.js +130 -115
  165. package/dist/island/header.js +69 -56
  166. package/dist/island/island.js +40 -28
  167. package/dist/island-legacy/content-legacy.js +27 -17
  168. package/dist/island-legacy/header-legacy.js +29 -19
  169. package/dist/island-legacy/island-legacy.js +27 -17
  170. package/dist/island-ng/island-content-ng.js +17 -26
  171. package/dist/island-ng/island-header-ng.js +9 -12
  172. package/dist/island-ng/island-ng-class-fixer.js +3 -0
  173. package/dist/island-ng/island-ng.js +6 -10
  174. package/dist/link/clickableLink.js +61 -44
  175. package/dist/link/link.js +85 -74
  176. package/dist/link-ng/link-ng.js +3 -5
  177. package/dist/list/consts.js +1 -1
  178. package/dist/list/list.js +696 -602
  179. package/dist/list/list__custom.js +61 -44
  180. package/dist/list/list__hint.js +21 -10
  181. package/dist/list/list__item.js +167 -129
  182. package/dist/list/list__link.js +54 -37
  183. package/dist/list/list__separator.js +24 -14
  184. package/dist/list/list__title.js +32 -22
  185. package/dist/list/list__users-groups-source.js +131 -54
  186. package/dist/loader/loader.js +78 -43
  187. package/dist/loader/loader__core.js +257 -189
  188. package/dist/loader-inline/loader-inline.js +37 -23
  189. package/dist/loader-inline-ng/loader-inline-ng.js +2 -2
  190. package/dist/loader-ng/loader-ng.js +46 -19
  191. package/dist/loader-screen/loader-screen.js +48 -25
  192. package/dist/loader-screen-ng/loader-screen-ng.js +46 -30
  193. package/dist/login-dialog/login-dialog.js +162 -111
  194. package/dist/login-dialog/service.js +35 -7
  195. package/dist/markdown/code.js +31 -9
  196. package/dist/markdown/heading.js +3 -5
  197. package/dist/markdown/link.js +13 -6
  198. package/dist/markdown/markdown.js +66 -33
  199. package/dist/message/message.js +157 -125
  200. package/dist/message-bundle-ng/message-bundle-ng.js +128 -44
  201. package/dist/old-browsers-message/old-browsers-message.js +19 -11
  202. package/dist/old-browsers-message/old-browsers-message__stop.js +8 -0
  203. package/dist/old-browsers-message/white-list.js +16 -9
  204. package/dist/pager/pager.js +275 -210
  205. package/dist/pager-ng/pager-ng.js +36 -1
  206. package/dist/panel/panel.js +27 -17
  207. package/dist/panel-ng/panel-ng.js +14 -1
  208. package/dist/permissions/permissions.js +173 -127
  209. package/dist/permissions/permissions__cache.js +225 -194
  210. package/dist/permissions-ng/permissions-ng.js +86 -35
  211. package/dist/place-under-ng/place-under-ng.js +68 -45
  212. package/dist/popup/popup.consts.js +1 -1
  213. package/dist/popup/popup.js +342 -280
  214. package/dist/popup/popup.target.js +8 -9
  215. package/dist/popup/position.js +153 -153
  216. package/dist/popup-menu/popup-menu.js +86 -44
  217. package/dist/progress-bar/progress-bar.js +97 -80
  218. package/dist/progress-bar-ng/progress-bar-ng.js +11 -1
  219. package/dist/promised-click-ng/promised-click-ng.js +92 -58
  220. package/dist/proxy-attrs/proxy-attrs.js +18 -9
  221. package/dist/query-assist/query-assist.js +903 -832
  222. package/dist/query-assist/query-assist__suggestions.js +33 -1
  223. package/dist/query-assist-ng/query-assist-ng.js +38 -1
  224. package/dist/radio/radio.js +36 -19
  225. package/dist/radio/radio__item.js +71 -52
  226. package/dist/radio-ng/radio-ng.js +14 -25
  227. package/dist/save-field-ng/save-field-ng.js +86 -52
  228. package/dist/save-field-ng/save-field-ng__template.js +1 -32
  229. package/dist/select/select.js +937 -835
  230. package/dist/select/select__filter.js +33 -0
  231. package/dist/select/select__popup.js +472 -359
  232. package/dist/select-ng/select-ng.js +125 -74
  233. package/dist/select-ng/select-ng__lazy.js +101 -50
  234. package/dist/select-ng/select-ng__options.js +107 -81
  235. package/dist/shortcuts/core.js +218 -166
  236. package/dist/shortcuts/shortcut-title.js +11 -6
  237. package/dist/shortcuts/shortcuts-hoc.js +47 -19
  238. package/dist/shortcuts/shortcuts.js +77 -50
  239. package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js +104 -53
  240. package/dist/shortcuts-hint-ng/shortcuts-hint-ng__template.js +1 -48
  241. package/dist/shortcuts-ng/shortcuts-ng.js +86 -51
  242. package/dist/sidebar-ng/sidebar-ng.js +53 -22
  243. package/dist/sidebar-ng/sidebar-ng__button-template.js +1 -18
  244. package/dist/sidebar-ng/sidebar-ng__template.js +1 -10
  245. package/dist/storage/storage.js +35 -4
  246. package/dist/storage/storage__fallback.js +224 -149
  247. package/dist/storage/storage__local.js +156 -90
  248. package/dist/style.css +1 -1
  249. package/dist/tab-trap/tab-trap.js +157 -122
  250. package/dist/table/cell.js +28 -14
  251. package/dist/table/disable-hover-hoc.js +53 -33
  252. package/dist/table/header-cell.js +87 -64
  253. package/dist/table/header.js +126 -98
  254. package/dist/table/multitable.js +127 -107
  255. package/dist/table/row-with-focus-sensor.js +73 -25
  256. package/dist/table/row.js +208 -170
  257. package/dist/table/selection-adapter.js +3 -1
  258. package/dist/table/selection-shortcuts-hoc.js +184 -181
  259. package/dist/table/selection.js +228 -156
  260. package/dist/table/smart-table.js +93 -51
  261. package/dist/table/table.js +348 -281
  262. package/dist/table-legacy-ng/table-legacy-ng.js +117 -102
  263. package/dist/table-legacy-ng/table-legacy-ng__pager.js +42 -10
  264. package/dist/table-legacy-ng/table-legacy-ng__selection-navigate-actions.js +92 -69
  265. package/dist/table-legacy-ng/table-legacy-ng__selection.js +169 -119
  266. package/dist/table-legacy-ng/table-legacy-ng__toolbar.js +36 -21
  267. package/dist/table-ng/smart-table-ng.js +31 -1
  268. package/dist/table-ng/table-ng.js +31 -1
  269. package/dist/tabs/collapsible-more.js +87 -50
  270. package/dist/tabs/collapsible-tab.js +45 -38
  271. package/dist/tabs/collapsible-tabs.js +161 -94
  272. package/dist/tabs/custom-item.js +2 -4
  273. package/dist/tabs/dumb-tabs.js +122 -75
  274. package/dist/tabs/smart-tabs.js +75 -29
  275. package/dist/tabs/tab-link.js +29 -19
  276. package/dist/tabs/tab.js +33 -19
  277. package/dist/tabs/tabs.js +35 -0
  278. package/dist/tabs-ng/tabs-ng.js +38 -24
  279. package/dist/tabs-ng/tabs-ng__template.js +1 -38
  280. package/dist/tag/tag.js +170 -133
  281. package/dist/tags-input/tags-input.js +428 -327
  282. package/dist/tags-input-ng/tags-input-ng.js +37 -1
  283. package/dist/tags-list/tags-list.js +80 -56
  284. package/dist/template-ng/template-ng.js +50 -39
  285. package/dist/text/text.js +38 -28
  286. package/dist/title-ng/title-ng.js +28 -23
  287. package/dist/toggle/toggle.js +72 -56
  288. package/dist/toggle-ng/toggle-ng.js +14 -1
  289. package/dist/tooltip/tooltip.js +192 -146
  290. package/dist/tooltip-ng/tooltip-ng.js +51 -25
  291. package/dist/user-agreement/service.js +374 -227
  292. package/dist/user-agreement/toolbox.eula.js +1 -160
  293. package/dist/user-agreement/user-agreement.js +128 -86
  294. package/dist/user-card/card.js +32 -0
  295. package/dist/user-card/smart-user-card-tooltip.js +116 -51
  296. package/dist/user-card/tooltip.js +90 -48
  297. package/dist/user-card/user-card.js +32 -0
  298. package/dist/user-card-ng/user-card-ng.js +34 -2
  299. package/package.json +13 -13
@@ -1,147 +1,182 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, g as _toConsumableArray, _ as _createClass, h as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
3
+ import 'core-js/modules/es.array.filter.js';
4
+ import 'core-js/modules/es.object.to-string.js';
2
5
  import React, { Component } from 'react';
3
6
  import PropTypes from 'prop-types';
4
7
  import { isNodeInVisiblePartOfPage } from '../global/dom.js';
8
+ import 'core-js/modules/es.object.assign.js';
9
+ import 'core-js/modules/web.dom-collections.for-each.js';
10
+ import 'core-js/modules/es.regexp.exec.js';
11
+ import 'core-js/modules/es.string.split.js';
12
+ import 'core-js/modules/es.object.entries.js';
13
+ import 'core-js/modules/es.object.keys.js';
14
+ import 'core-js/modules/es.array.iterator.js';
15
+ import 'core-js/modules/es.set.js';
16
+ import 'core-js/modules/es.string.iterator.js';
17
+ import 'core-js/modules/web.dom-collections.iterator.js';
5
18
 
6
19
  var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_3588"};
7
20
 
8
- const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
21
+ var _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
22
+ var FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
9
23
  /**
10
24
  * @name TabTrap
11
25
  */
12
- class TabTrap extends Component {
13
- static propTypes = {
14
- children: PropTypes.node.isRequired,
15
- trapDisabled: PropTypes.bool,
16
- autoFocusFirst: PropTypes.bool,
17
- focusBackOnClose: PropTypes.bool,
18
- focusBackOnExit: PropTypes.bool
19
- };
20
- static defaultProps = {
21
- trapDisabled: false,
22
- autoFocusFirst: true,
23
- focusBackOnClose: true,
24
- focusBackOnExit: false
25
- };
26
- componentDidMount() {
27
- this.previousFocusedNode = document.activeElement;
28
- if (this.props.autoFocusFirst) {
29
- this.focusFirst();
30
- } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
31
- this.trapWithoutFocus = true;
32
- this.trapButtonNode?.focus();
26
+ var TabTrap = /*#__PURE__*/function (_Component) {
27
+ _inherits(TabTrap, _Component);
28
+ var _super = _createSuper(TabTrap);
29
+ function TabTrap() {
30
+ var _this;
31
+ _classCallCheck(this, TabTrap);
32
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
33
+ args[_key] = arguments[_key];
33
34
  }
34
- }
35
- componentWillUnmount() {
36
- if (this.props.focusBackOnClose) {
37
- this.restoreFocus();
38
- }
39
- }
40
- previousFocusedNode;
41
- trapWithoutFocus;
42
- restoreFocus = () => {
43
- const {
44
- previousFocusedNode
45
- } = this;
46
- if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
47
- previousFocusedNode.focus({
48
- preventScroll: true
49
- });
50
- }
51
- };
52
- node;
53
- containerRef = node => {
54
- if (!node) {
55
- return;
56
- }
57
- this.node = node;
58
- };
59
- focusElement = (() => {
60
- var _this = this;
61
- return function () {
62
- let first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
63
- const {
64
- node
65
- } = _this;
35
+ _this = _super.call.apply(_super, [this].concat(args));
36
+ _defineProperty(_assertThisInitialized(_this), "previousFocusedNode", void 0);
37
+ _defineProperty(_assertThisInitialized(_this), "trapWithoutFocus", void 0);
38
+ _defineProperty(_assertThisInitialized(_this), "restoreFocus", function () {
39
+ var _assertThisInitialize = _assertThisInitialized(_this),
40
+ previousFocusedNode = _assertThisInitialize.previousFocusedNode;
41
+ if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
42
+ previousFocusedNode.focus({
43
+ preventScroll: true
44
+ });
45
+ }
46
+ });
47
+ _defineProperty(_assertThisInitialized(_this), "node", void 0);
48
+ _defineProperty(_assertThisInitialized(_this), "containerRef", function (node) {
49
+ if (!node) {
50
+ return;
51
+ }
52
+ _this.node = node;
53
+ });
54
+ _defineProperty(_assertThisInitialized(_this), "focusElement", function () {
55
+ var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
56
+ var _assertThisInitialize2 = _assertThisInitialized(_this),
57
+ node = _assertThisInitialize2.node;
66
58
  if (!node) {
67
59
  return;
68
60
  }
69
- const tabables = [...node.querySelectorAll(FOCUSABLE_ELEMENTS)].filter(item => item.tabIndex >= 0);
70
- const toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
61
+ var tabables = _toConsumableArray(node.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function (item) {
62
+ return item.tabIndex >= 0;
63
+ });
64
+ var toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
71
65
  if (toBeFocused) {
72
66
  toBeFocused.focus();
73
67
  }
74
- };
75
- })();
76
- focusFirst = () => this.focusElement(true);
77
- focusLast = () => this.focusElement(false);
78
- focusLastIfEnabled = event => {
79
- if (this.trapWithoutFocus) {
80
- return;
68
+ });
69
+ _defineProperty(_assertThisInitialized(_this), "focusFirst", function () {
70
+ return _this.focusElement(true);
71
+ });
72
+ _defineProperty(_assertThisInitialized(_this), "focusLast", function () {
73
+ return _this.focusElement(false);
74
+ });
75
+ _defineProperty(_assertThisInitialized(_this), "focusLastIfEnabled", function (event) {
76
+ if (_this.trapWithoutFocus) {
77
+ return;
78
+ }
79
+ if (_this.props.focusBackOnExit) {
80
+ var prevFocused = event.nativeEvent.relatedTarget;
81
+ if (prevFocused != null && _this.node != null && prevFocused instanceof Element && _this.node.contains(prevFocused)) {
82
+ _this.restoreFocus();
83
+ }
84
+ } else {
85
+ _this.focusLast();
86
+ }
87
+ });
88
+ _defineProperty(_assertThisInitialized(_this), "handleBlurIfWithoutFocus", function (event) {
89
+ var _this$node;
90
+ if (!_this.trapWithoutFocus) {
91
+ return;
92
+ }
93
+ _this.trapWithoutFocus = false;
94
+ var newFocused = event.nativeEvent.relatedTarget;
95
+ if (!newFocused) {
96
+ return;
97
+ }
98
+ if (newFocused instanceof Element && (_this$node = _this.node) !== null && _this$node !== void 0 && _this$node.contains(newFocused)) {
99
+ return;
100
+ }
101
+ _this.focusLast();
102
+ });
103
+ _defineProperty(_assertThisInitialized(_this), "trapButtonNode", void 0);
104
+ _defineProperty(_assertThisInitialized(_this), "trapButtonRef", function (node) {
105
+ if (!node) {
106
+ return;
107
+ }
108
+ _this.trapButtonNode = node;
109
+ });
110
+ return _this;
111
+ }
112
+ _createClass(TabTrap, [{
113
+ key: "componentDidMount",
114
+ value: function componentDidMount() {
115
+ this.previousFocusedNode = document.activeElement;
116
+ if (this.props.autoFocusFirst) {
117
+ this.focusFirst();
118
+ } else if (!this.props.trapDisabled && (!this.node || !this.node.contains(this.previousFocusedNode))) {
119
+ var _this$trapButtonNode;
120
+ this.trapWithoutFocus = true;
121
+ (_this$trapButtonNode = this.trapButtonNode) === null || _this$trapButtonNode === void 0 ? void 0 : _this$trapButtonNode.focus();
122
+ }
81
123
  }
82
- if (this.props.focusBackOnExit) {
83
- const prevFocused = event.nativeEvent.relatedTarget;
84
- if (prevFocused != null && this.node != null && prevFocused instanceof Element && this.node.contains(prevFocused)) {
124
+ }, {
125
+ key: "componentWillUnmount",
126
+ value: function componentWillUnmount() {
127
+ if (this.props.focusBackOnClose) {
85
128
  this.restoreFocus();
86
129
  }
87
- } else {
88
- this.focusLast();
89
- }
90
- };
91
- handleBlurIfWithoutFocus = event => {
92
- if (!this.trapWithoutFocus) {
93
- return;
94
- }
95
- this.trapWithoutFocus = false;
96
- const newFocused = event.nativeEvent.relatedTarget;
97
- if (!newFocused) {
98
- return;
99
- }
100
- if (newFocused instanceof Element && this.node?.contains(newFocused)) {
101
- return;
102
130
  }
103
- this.focusLast();
104
- };
105
- trapButtonNode;
106
- trapButtonRef = node => {
107
- if (!node) {
108
- return;
109
- }
110
- this.trapButtonNode = node;
111
- };
112
- render() {
113
- const {
114
- children,
115
- trapDisabled,
116
- autoFocusFirst,
117
- focusBackOnClose,
118
- focusBackOnExit,
119
- ...restProps
120
- } = this.props;
121
- if (trapDisabled) {
131
+ }, {
132
+ key: "render",
133
+ value: function render() {
134
+ var _this$props = this.props,
135
+ children = _this$props.children,
136
+ trapDisabled = _this$props.trapDisabled;
137
+ _this$props.autoFocusFirst;
138
+ _this$props.focusBackOnClose;
139
+ var focusBackOnExit = _this$props.focusBackOnExit,
140
+ restProps = _objectWithoutProperties(_this$props, _excluded);
141
+ if (trapDisabled) {
142
+ return /*#__PURE__*/React.createElement("div", _extends({
143
+ ref: this.containerRef
144
+ }, restProps), children);
145
+ }
122
146
  return /*#__PURE__*/React.createElement("div", _extends({
123
147
  ref: this.containerRef
124
- }, restProps), children);
148
+ }, restProps), /*#__PURE__*/React.createElement("div", {
149
+ // It never actually stays focused
150
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
151
+ tabIndex: 0,
152
+ ref: this.trapButtonRef,
153
+ className: modules_6dce58ae.trapButton,
154
+ onFocus: this.focusLastIfEnabled,
155
+ onBlur: this.handleBlurIfWithoutFocus,
156
+ "data-trap-button": true
157
+ }), children, /*#__PURE__*/React.createElement("div", {
158
+ // It never actually stays focused
159
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
160
+ tabIndex: 0,
161
+ onFocus: focusBackOnExit ? this.restoreFocus : this.focusFirst,
162
+ "data-trap-button": true
163
+ }));
125
164
  }
126
- return /*#__PURE__*/React.createElement("div", _extends({
127
- ref: this.containerRef
128
- }, restProps), /*#__PURE__*/React.createElement("div", {
129
- // It never actually stays focused
130
- // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
131
- tabIndex: 0,
132
- ref: this.trapButtonRef,
133
- className: modules_6dce58ae.trapButton,
134
- onFocus: this.focusLastIfEnabled,
135
- onBlur: this.handleBlurIfWithoutFocus,
136
- "data-trap-button": true
137
- }), children, /*#__PURE__*/React.createElement("div", {
138
- // It never actually stays focused
139
- // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
140
- tabIndex: 0,
141
- onFocus: focusBackOnExit ? this.restoreFocus : this.focusFirst,
142
- "data-trap-button": true
143
- }));
144
- }
145
- }
165
+ }]);
166
+ return TabTrap;
167
+ }(Component);
168
+ _defineProperty(TabTrap, "propTypes", {
169
+ children: PropTypes.node.isRequired,
170
+ trapDisabled: PropTypes.bool,
171
+ autoFocusFirst: PropTypes.bool,
172
+ focusBackOnClose: PropTypes.bool,
173
+ focusBackOnExit: PropTypes.bool
174
+ });
175
+ _defineProperty(TabTrap, "defaultProps", {
176
+ trapDisabled: false,
177
+ autoFocusFirst: true,
178
+ focusBackOnClose: true,
179
+ focusBackOnExit: false
180
+ });
146
181
 
147
182
  export { FOCUSABLE_ELEMENTS, TabTrap as default };
@@ -1,23 +1,37 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import React, { PureComponent } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import classNames from 'classnames';
5
5
  import joinDataTestAttributes from '../global/data-tests.js';
6
6
  import { m as modules_1db4bbca } from '../_helpers/table.js';
7
+ import 'core-js/modules/es.array.reduce.js';
8
+ import 'core-js/modules/es.object.to-string.js';
9
+ import 'core-js/modules/es.object.entries.js';
10
+ import 'core-js/modules/es.array.concat.js';
7
11
 
8
- class Cell extends PureComponent {
9
- static propTypes = {
10
- children: PropTypes.any,
11
- className: PropTypes.string,
12
- 'data-test': PropTypes.string
13
- };
14
- render() {
15
- const classes = classNames(modules_1db4bbca.cell, this.props.className);
16
- return /*#__PURE__*/React.createElement("td", _extends({}, this.props, {
17
- className: classes,
18
- "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test'])
19
- }), this.props.children);
12
+ var Cell = /*#__PURE__*/function (_PureComponent) {
13
+ _inherits(Cell, _PureComponent);
14
+ var _super = _createSuper(Cell);
15
+ function Cell() {
16
+ _classCallCheck(this, Cell);
17
+ return _super.apply(this, arguments);
20
18
  }
21
- }
19
+ _createClass(Cell, [{
20
+ key: "render",
21
+ value: function render() {
22
+ var classes = classNames(modules_1db4bbca.cell, this.props.className);
23
+ return /*#__PURE__*/React.createElement("td", _extends({}, this.props, {
24
+ className: classes,
25
+ "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test'])
26
+ }), this.props.children);
27
+ }
28
+ }]);
29
+ return Cell;
30
+ }(PureComponent);
31
+ _defineProperty(Cell, "propTypes", {
32
+ children: PropTypes.any,
33
+ className: PropTypes.string,
34
+ 'data-test': PropTypes.string
35
+ });
22
36
 
23
37
  export { Cell as default };
@@ -1,42 +1,62 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
3
+ import 'core-js/modules/es.array.includes.js';
2
4
  import React, { PureComponent } from 'react';
3
5
 
4
6
  function disableHoverHOC(ComposedComponent) {
5
- return class DisableHover extends PureComponent {
6
- static propTypes = ComposedComponent.propTypes;
7
- static defaultProps = ComposedComponent.defaultProps;
8
- state = {
9
- disabledHover: false
10
- };
11
- componentDidMount() {
12
- document.addEventListener('mousemove', this.onMouseMove);
13
- document.addEventListener('keydown', this.onKeyDown, true);
14
- }
15
- componentWillUnmount() {
16
- document.removeEventListener('mousemove', this.onMouseMove);
17
- document.removeEventListener('keydown', this.onKeyDown, true);
7
+ var _class;
8
+ return _class = /*#__PURE__*/function (_PureComponent) {
9
+ _inherits(DisableHover, _PureComponent);
10
+ var _super = _createSuper(DisableHover);
11
+ function DisableHover() {
12
+ var _this;
13
+ _classCallCheck(this, DisableHover);
14
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
15
+ args[_key] = arguments[_key];
16
+ }
17
+ _this = _super.call.apply(_super, [this].concat(args));
18
+ _defineProperty(_assertThisInitialized(_this), "state", {
19
+ disabledHover: false
20
+ });
21
+ _defineProperty(_assertThisInitialized(_this), "onMouseMove", function () {
22
+ if (_this.state.disabledHover) {
23
+ _this.setState({
24
+ disabledHover: false
25
+ });
26
+ }
27
+ });
28
+ _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
29
+ var metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
30
+ if (!_this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
31
+ _this.setState({
32
+ disabledHover: true
33
+ });
34
+ }
35
+ });
36
+ return _this;
18
37
  }
19
- onMouseMove = () => {
20
- if (this.state.disabledHover) {
21
- this.setState({
22
- disabledHover: false
23
- });
38
+ _createClass(DisableHover, [{
39
+ key: "componentDidMount",
40
+ value: function componentDidMount() {
41
+ document.addEventListener('mousemove', this.onMouseMove);
42
+ document.addEventListener('keydown', this.onKeyDown, true);
24
43
  }
25
- };
26
- onKeyDown = e => {
27
- const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
28
- if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
29
- this.setState({
30
- disabledHover: true
31
- });
44
+ }, {
45
+ key: "componentWillUnmount",
46
+ value: function componentWillUnmount() {
47
+ document.removeEventListener('mousemove', this.onMouseMove);
48
+ document.removeEventListener('keydown', this.onKeyDown, true);
32
49
  }
33
- };
34
- render() {
35
- return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
36
- disabledHover: this.state.disabledHover
37
- }));
38
- }
39
- };
50
+ }, {
51
+ key: "render",
52
+ value: function render() {
53
+ return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
54
+ disabledHover: this.state.disabledHover
55
+ }));
56
+ }
57
+ }]);
58
+ return DisableHover;
59
+ }(PureComponent), _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _defineProperty(_class, "defaultProps", ComposedComponent.defaultProps), _class;
40
60
  }
41
61
 
42
62
  export { disableHoverHOC as default };
@@ -1,4 +1,5 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
2
3
  import React, { PureComponent } from 'react';
3
4
  import PropTypes from 'prop-types';
4
5
  import classNames from 'classnames';
@@ -11,73 +12,95 @@ import 'util-deprecate';
11
12
  import '../icon/icon__constants.js';
12
13
  import '../_helpers/icon.js';
13
14
  import '../icon/icon__svg.js';
15
+ import 'core-js/modules/es.regexp.exec.js';
16
+ import 'core-js/modules/es.string.replace.js';
17
+ import 'core-js/modules/es.string.starts-with.js';
14
18
  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.string.iterator.js';
23
+ import 'core-js/modules/web.dom-collections.iterator.js';
24
+ import 'core-js/modules/es.weak-map.js';
25
+ import 'core-js/modules/es.array.reduce.js';
26
+ import 'core-js/modules/es.object.entries.js';
15
27
 
16
- class HeaderCell extends PureComponent {
17
- static propTypes = {
18
- children: PropTypes.any,
19
- className: PropTypes.string,
20
- column: PropTypes.object.isRequired,
21
- onSort: PropTypes.func,
22
- sortKey: PropTypes.string,
23
- sortOrder: PropTypes.bool,
24
- 'data-test': PropTypes.string
25
- };
26
- static defaultProps = {
27
- onSort: () => {}
28
- };
29
- sortable;
30
- sorted;
31
- onClick = () => {
32
- if (this.sortable) {
33
- const {
34
- column,
35
- onSort,
36
- sortOrder
37
- } = this.props;
38
- onSort({
39
- column,
40
- order: !(this.sorted && sortOrder)
41
- });
28
+ var _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
29
+ var HeaderCell = /*#__PURE__*/function (_PureComponent) {
30
+ _inherits(HeaderCell, _PureComponent);
31
+ var _super = _createSuper(HeaderCell);
32
+ function HeaderCell() {
33
+ var _this;
34
+ _classCallCheck(this, HeaderCell);
35
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
36
+ args[_key] = arguments[_key];
42
37
  }
43
- };
44
- onChildrenClick(e) {
45
- e.stopPropagation();
46
- }
47
- render() {
48
- const {
49
- className,
50
- column,
51
- onSort,
52
- sortKey,
53
- sortOrder,
54
- 'data-test': dataTest,
55
- ...restProps
56
- } = this.props;
57
- this.sortable = column.sortable === true;
58
- this.sorted = sortKey === column.id;
59
- const glyph = this.sorted ? chevronDown : sortableIcon;
60
- const classes = classNames(className, column.headerClassName, {
61
- [modules_1db4bbca.headerCell]: true,
62
- [modules_1db4bbca.headerCellSortable]: this.sortable,
63
- [modules_1db4bbca.headerCellSorted]: this.sorted,
64
- [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
65
- [modules_1db4bbca.cellRight]: column.rightAlign
38
+ _this = _super.call.apply(_super, [this].concat(args));
39
+ _defineProperty(_assertThisInitialized(_this), "sortable", void 0);
40
+ _defineProperty(_assertThisInitialized(_this), "sorted", void 0);
41
+ _defineProperty(_assertThisInitialized(_this), "onClick", function () {
42
+ if (_this.sortable) {
43
+ var _this$props = _this.props,
44
+ column = _this$props.column,
45
+ onSort = _this$props.onSort,
46
+ sortOrder = _this$props.sortOrder;
47
+ onSort({
48
+ column: column,
49
+ order: !(_this.sorted && sortOrder)
50
+ });
51
+ }
66
52
  });
67
- return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
68
- className: classes,
69
- onClick: this.onClick,
70
- "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
71
- }), /*#__PURE__*/React.createElement("span", {
72
- onClick: this.onChildrenClick,
73
- role: "presentation"
74
- }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
75
- className: modules_1db4bbca.sorter
76
- }, /*#__PURE__*/React.createElement(Icon, {
77
- glyph: glyph,
78
- className: modules_1db4bbca.icon
79
- })));
53
+ return _this;
80
54
  }
81
- }
55
+ _createClass(HeaderCell, [{
56
+ key: "onChildrenClick",
57
+ value: function onChildrenClick(e) {
58
+ e.stopPropagation();
59
+ }
60
+ }, {
61
+ key: "render",
62
+ value: function render() {
63
+ var _classNames;
64
+ var _this$props2 = this.props,
65
+ className = _this$props2.className,
66
+ column = _this$props2.column;
67
+ _this$props2.onSort;
68
+ var sortKey = _this$props2.sortKey,
69
+ sortOrder = _this$props2.sortOrder,
70
+ dataTest = _this$props2['data-test'],
71
+ restProps = _objectWithoutProperties(_this$props2, _excluded);
72
+ this.sortable = column.sortable === true;
73
+ this.sorted = sortKey === column.id;
74
+ var glyph = this.sorted ? chevronDown : sortableIcon;
75
+ var classes = classNames(className, column.headerClassName, (_classNames = {}, _defineProperty(_classNames, modules_1db4bbca.headerCell, true), _defineProperty(_classNames, modules_1db4bbca.headerCellSortable, this.sortable), _defineProperty(_classNames, modules_1db4bbca.headerCellSorted, this.sorted), _defineProperty(_classNames, modules_1db4bbca.sortedUp, sortOrder && this.sorted), _defineProperty(_classNames, modules_1db4bbca.cellRight, column.rightAlign), _classNames));
76
+ return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
77
+ className: classes,
78
+ onClick: this.onClick,
79
+ "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
80
+ }), /*#__PURE__*/React.createElement("span", {
81
+ onClick: this.onChildrenClick,
82
+ role: "presentation"
83
+ }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
84
+ className: modules_1db4bbca.sorter
85
+ }, /*#__PURE__*/React.createElement(Icon, {
86
+ glyph: glyph,
87
+ className: modules_1db4bbca.icon
88
+ })));
89
+ }
90
+ }]);
91
+ return HeaderCell;
92
+ }(PureComponent);
93
+ _defineProperty(HeaderCell, "propTypes", {
94
+ children: PropTypes.any,
95
+ className: PropTypes.string,
96
+ column: PropTypes.object.isRequired,
97
+ onSort: PropTypes.func,
98
+ sortKey: PropTypes.string,
99
+ sortOrder: PropTypes.bool,
100
+ 'data-test': PropTypes.string
101
+ });
102
+ _defineProperty(HeaderCell, "defaultProps", {
103
+ onSort: function onSort() {}
104
+ });
82
105
 
83
106
  export { HeaderCell as default };