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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -5
  3. package/components/_helpers/button__classes.js +15 -13
  4. package/components/_helpers/caption.js +11 -17
  5. package/components/_helpers/card.js +92 -96
  6. package/components/_helpers/dialog__body-scroll-preventer.js +10 -17
  7. package/components/_helpers/header.js +1 -1
  8. package/components/_helpers/icon__svg.js +27 -23
  9. package/components/_helpers/input.js +150 -171
  10. package/components/_helpers/query-assist__suggestions.js +78 -93
  11. package/components/_helpers/select__filter.js +56 -67
  12. package/components/_helpers/services-link.js +23 -29
  13. package/components/_helpers/sidebar.js +91 -93
  14. package/components/_helpers/tab-link.js +8 -6
  15. package/components/_helpers/theme.js +55 -51
  16. package/components/_helpers/title.js +59 -69
  17. package/components/alert/alert.js +112 -156
  18. package/components/alert/container.js +32 -39
  19. package/components/alert-service/alert-service.js +104 -161
  20. package/components/analytics/analytics.js +12 -20
  21. package/components/analytics/analytics__custom-plugin.js +52 -68
  22. package/components/auth/auth.js +2 -27
  23. package/components/auth/auth__core.d.ts +1 -1
  24. package/components/auth/auth__core.js +742 -1428
  25. package/components/auth/background-flow.js +84 -121
  26. package/components/auth/down-notification.js +31 -69
  27. package/components/auth/iframe-flow.js +70 -123
  28. package/components/auth/request-builder.js +46 -77
  29. package/components/auth/response-parser.js +84 -112
  30. package/components/auth/storage.js +160 -318
  31. package/components/auth/token-validator.js +132 -227
  32. package/components/auth/window-flow.js +84 -121
  33. package/components/auth-dialog/auth-dialog.js +99 -150
  34. package/components/auth-dialog-service/auth-dialog-service.js +6 -26
  35. package/components/avatar/avatar-example-datauri.js +1 -1
  36. package/components/avatar/avatar.js +94 -123
  37. package/components/avatar/fallback-avatar.js +20 -34
  38. package/components/badge/badge.js +32 -38
  39. package/components/breadcrumbs/breadcrumbs.js +13 -17
  40. package/components/button/button.js +67 -80
  41. package/components/button-group/button-group.js +27 -36
  42. package/components/button-set/button-set.js +19 -27
  43. package/components/button-toolbar/button-toolbar.js +17 -25
  44. package/components/caret/caret.js +184 -211
  45. package/components/checkbox/checkbox.js +69 -86
  46. package/components/clipboard/clipboard-fallback.js +7 -7
  47. package/components/clipboard/clipboard.js +36 -128
  48. package/components/code/code.js +83 -151
  49. package/components/collapse/collapse-content.js +42 -60
  50. package/components/collapse/collapse-context.js +2 -2
  51. package/components/collapse/collapse-control.js +12 -12
  52. package/components/collapse/collapse.js +12 -17
  53. package/components/collapse/consts.js +4 -4
  54. package/components/collapse/utils.js +1 -3
  55. package/components/confirm/confirm.js +57 -87
  56. package/components/confirm-service/confirm-service.js +23 -44
  57. package/components/content-layout/content-layout.js +41 -56
  58. package/components/content-layout/sidebar.js +1 -1
  59. package/components/contenteditable/contenteditable.js +38 -46
  60. package/components/control-help/control-help.js +5 -3
  61. package/components/control-label/control-label.js +9 -8
  62. package/components/data-list/data-list.js +113 -156
  63. package/components/data-list/data-list.mock.js +3 -5
  64. package/components/data-list/item.js +120 -140
  65. package/components/data-list/selection.js +77 -135
  66. package/components/data-list/title.js +2 -10
  67. package/components/date-picker/consts.js +16 -22
  68. package/components/date-picker/date-input.js +99 -124
  69. package/components/date-picker/date-picker.js +140 -184
  70. package/components/date-picker/date-popup.js +280 -327
  71. package/components/date-picker/day.js +71 -94
  72. package/components/date-picker/month-names.js +41 -59
  73. package/components/date-picker/month-slider.js +42 -61
  74. package/components/date-picker/month.js +17 -24
  75. package/components/date-picker/months.js +44 -49
  76. package/components/date-picker/weekdays.js +12 -21
  77. package/components/date-picker/years.js +77 -98
  78. package/components/dialog/dialog.js +151 -187
  79. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  80. package/components/dropdown/anchor.js +0 -6
  81. package/components/dropdown/dropdown.js +134 -154
  82. package/components/dropdown-menu/dropdown-menu.js +59 -87
  83. package/components/editable-heading/editable-heading.js +69 -116
  84. package/components/error-bubble/error-bubble.js +29 -54
  85. package/components/error-message/error-message.js +34 -49
  86. package/components/footer/footer.js +27 -28
  87. package/components/global/compose.js +1 -8
  88. package/components/global/composeRefs.d.ts +0 -3
  89. package/components/global/composeRefs.js +8 -15
  90. package/components/global/controls-height.js +2 -2
  91. package/components/global/create-stateful-context.js +14 -13
  92. package/components/global/data-tests.js +7 -12
  93. package/components/global/dom.js +49 -82
  94. package/components/global/focus-sensor-hoc.js +99 -106
  95. package/components/global/fuzzy-highlight.js +23 -34
  96. package/components/global/get-event-key.js +8 -8
  97. package/components/global/get-uid.js +3 -7
  98. package/components/global/inject-styles.js +7 -14
  99. package/components/global/listeners.js +28 -47
  100. package/components/global/memoize.js +6 -10
  101. package/components/global/normalize-indent.js +19 -46
  102. package/components/global/promise-with-timeout.js +6 -8
  103. package/components/global/prop-types.js +3 -5
  104. package/components/global/react-dom-renderer.js +29 -40
  105. package/components/global/rerender-hoc.js +16 -32
  106. package/components/global/schedule-raf.js +4 -4
  107. package/components/global/sniffer.js +1 -1
  108. package/components/global/theme.d.ts +3 -0
  109. package/components/global/theme.js +2 -19
  110. package/components/global/trivial-template-tag.js +4 -9
  111. package/components/global/typescript-utils.js +2 -6
  112. package/components/global/url.js +20 -23
  113. package/components/global/use-event-callback.js +7 -4
  114. package/components/grid/col.js +27 -39
  115. package/components/grid/grid.js +18 -27
  116. package/components/grid/row.js +23 -30
  117. package/components/group/group.js +16 -22
  118. package/components/header/header-icon.js +19 -31
  119. package/components/header/header.d.ts +0 -1
  120. package/components/header/header.js +30 -64
  121. package/components/header/links.d.ts +2 -0
  122. package/components/header/links.js +20 -0
  123. package/components/header/logo.js +15 -26
  124. package/components/header/profile.js +124 -150
  125. package/components/header/services-link.js +1 -3
  126. package/components/header/services.js +64 -97
  127. package/components/header/smart-profile.js +101 -178
  128. package/components/header/smart-services.js +55 -90
  129. package/components/header/tray.js +21 -30
  130. package/components/heading/heading.js +21 -20
  131. package/components/http/http.js +162 -319
  132. package/components/http/http.mock.js +50 -98
  133. package/components/hub-source/hub-source.js +77 -182
  134. package/components/hub-source/hub-source__user.js +9 -37
  135. package/components/hub-source/hub-source__users-groups.js +34 -60
  136. package/components/i18n/i18n-context.js +7 -8
  137. package/components/i18n/i18n.js +3 -6
  138. package/components/icon/icon.js +60 -74
  139. package/components/icon/icon__svg.js +0 -5
  140. package/components/icon/index.js +0 -5
  141. package/components/input/input.js +1 -11
  142. package/components/island/adaptive-island-hoc.js +29 -37
  143. package/components/island/content.js +100 -110
  144. package/components/island/header.js +56 -66
  145. package/components/island/island.js +25 -33
  146. package/components/island-legacy/content-legacy.js +16 -22
  147. package/components/island-legacy/header-legacy.js +19 -25
  148. package/components/island-legacy/island-legacy.js +16 -22
  149. package/components/link/clickableLink.js +33 -42
  150. package/components/link/link.js +47 -55
  151. package/components/list/consts.js +2 -2
  152. package/components/list/list.js +399 -486
  153. package/components/list/list__custom.js +51 -61
  154. package/components/list/list__hint.js +9 -17
  155. package/components/list/list__item.js +147 -178
  156. package/components/list/list__link.js +38 -47
  157. package/components/list/list__separator.js +15 -24
  158. package/components/list/list__title.js +25 -34
  159. package/components/list/list__users-groups-source.js +55 -121
  160. package/components/loader/loader.js +38 -60
  161. package/components/loader/loader__core.js +123 -184
  162. package/components/loader-inline/loader-inline.js +24 -32
  163. package/components/loader-screen/loader-screen.js +24 -40
  164. package/components/login-dialog/login-dialog.js +81 -121
  165. package/components/login-dialog/service.js +6 -29
  166. package/components/markdown/markdown.js +16 -24
  167. package/components/message/message.js +170 -201
  168. package/components/old-browsers-message/old-browsers-message.js +11 -14
  169. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  170. package/components/old-browsers-message/white-list.js +8 -13
  171. package/components/pager/pager.js +212 -257
  172. package/components/panel/panel.js +16 -22
  173. package/components/permissions/permissions.js +118 -161
  174. package/components/permissions/permissions__cache.js +191 -218
  175. package/components/popup/popup.consts.js +1 -1
  176. package/components/popup/popup.js +237 -288
  177. package/components/popup/popup.target.js +9 -7
  178. package/components/popup/position.js +94 -101
  179. package/components/popup-menu/popup-menu.js +33 -67
  180. package/components/progress-bar/progress-bar.js +57 -68
  181. package/components/query-assist/query-assist.js +583 -652
  182. package/components/query-assist/query-assist__suggestions.js +2 -26
  183. package/components/radio/radio.js +15 -27
  184. package/components/radio/radio__item.js +52 -62
  185. package/components/scrollable-section/scrollable-section.js +53 -0
  186. package/components/select/select.js +701 -796
  187. package/components/select/select__filter.js +1 -26
  188. package/components/select/select__popup.js +316 -413
  189. package/components/shortcuts/core.js +147 -195
  190. package/components/shortcuts/shortcut-title.js +6 -10
  191. package/components/shortcuts/shortcuts-hoc.js +23 -41
  192. package/components/shortcuts/shortcuts.js +41 -64
  193. package/components/slider/slider.js +93 -112
  194. package/components/slider/slider.utils.js +16 -23
  195. package/components/storage/storage.js +3 -27
  196. package/components/storage/storage__fallback.js +137 -210
  197. package/components/storage/storage__local.js +89 -147
  198. package/components/style.css +1 -1
  199. package/components/tab-trap/tab-trap.js +35 -53
  200. package/components/table/cell.js +11 -21
  201. package/components/table/disable-hover-hoc.js +27 -42
  202. package/components/table/header-cell.js +59 -75
  203. package/components/table/header.js +89 -110
  204. package/components/table/multitable.js +83 -89
  205. package/components/table/row-with-focus-sensor.js +25 -57
  206. package/components/table/row.js +169 -200
  207. package/components/table/selection-adapter.js +2 -2
  208. package/components/table/selection-shortcuts-hoc.js +108 -113
  209. package/components/table/selection.js +150 -217
  210. package/components/table/simple-table.js +19 -55
  211. package/components/table/smart-table.js +42 -76
  212. package/components/table/table.js +267 -327
  213. package/components/tabs/collapsible-more.js +47 -73
  214. package/components/tabs/collapsible-tab.js +32 -36
  215. package/components/tabs/collapsible-tabs.js +89 -148
  216. package/components/tabs/custom-item.js +4 -2
  217. package/components/tabs/dumb-tabs.js +60 -92
  218. package/components/tabs/smart-tabs.js +29 -61
  219. package/components/tabs/tab-link.js +1 -3
  220. package/components/tabs/tab.js +15 -24
  221. package/components/tabs/tabs.js +1 -26
  222. package/components/tag/tag.d.ts +0 -2
  223. package/components/tag/tag.js +120 -162
  224. package/components/tags-input/tags-input.js +222 -304
  225. package/components/tags-list/tags-list.js +45 -61
  226. package/components/text/text.js +28 -37
  227. package/components/toggle/toggle.js +51 -61
  228. package/components/tooltip/tooltip.js +109 -141
  229. package/components/user-agreement/service.js +259 -400
  230. package/components/user-agreement/user-agreement.js +80 -108
  231. package/components/user-card/card.js +1 -25
  232. package/components/user-card/smart-user-card-tooltip.js +52 -103
  233. package/components/user-card/tooltip.js +35 -65
  234. package/components/user-card/user-card.js +1 -25
  235. package/package.json +1 -1
  236. package/components/global/react-render-adapter.d.ts +0 -1
  237. package/components/global/react-render-adapter.js +0 -6
  238. package/components/header/scrollable-section.js +0 -47
  239. package/components/header/tray-icon.d.ts +0 -1
  240. package/components/header/tray-icon.js +0 -26
  241. /package/components/{header → scrollable-section}/scrollable-section.d.ts +0 -0
@@ -1,40 +1,30 @@
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
4
  import PropTypes from 'prop-types';
6
5
  import { isNodeInVisiblePartOfPage } from '../global/dom.js';
7
6
  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
7
  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
8
 
17
9
  var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_11f0"};
18
10
 
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])';
11
+ const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
12
+ const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
21
13
  // 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,
14
+ const TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
15
+ let {
16
+ children,
17
+ trapDisabled = false,
18
+ autoFocusFirst = true,
19
+ focusBackOnClose = true,
20
+ focusBackOnExit = false
21
+ } = _ref,
32
22
  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);
23
+ const nodeRef = useRef(null);
24
+ const trapButtonNodeRef = useRef(null);
25
+ const previousFocusedNodeRef = useRef(null);
26
+ const trapWithoutFocusRef = useRef(false);
27
+ const mountedRef = useRef(false);
38
28
  // It's the same approach as in focus-trap-react:
39
29
  // https://github.com/focus-trap/focus-trap-react/commit/3b22fca9eebeb883edc89548850fe5a5b9d6d50e
40
30
  // We can't do it in useEffect because it's too late, some children might have already
@@ -42,46 +32,40 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
42
32
  if (previousFocusedNodeRef.current === null) {
43
33
  previousFocusedNodeRef.current = document.activeElement;
44
34
  }
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 () {
35
+ useImperativeHandle(ref, () => ({
36
+ node: nodeRef.current
37
+ }), []);
38
+ const focusFirst = useCallback(() => focusElement(true), []);
39
+ const focusLast = () => focusElement(false);
40
+ useEffect(() => {
57
41
  mountedRef.current = true;
58
- return function () {
42
+ return () => {
59
43
  mountedRef.current = false;
60
44
  };
61
45
  }, []);
62
- useEffect(function () {
46
+ useEffect(() => {
63
47
  if (autoFocusFirst) {
64
48
  focusFirst();
65
49
  } else if (!trapDisabled) {
66
50
  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));
51
+ const previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
68
52
  // The component wrapped in TabTrap can already have a focused element (e.g. Date Picker),
69
53
  // 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);
54
+ const currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
71
55
  if (!nodeRef.current || !previousFocusedElementIsInContainer && !currentlyFocusedElementIsInContainer) {
72
56
  var _trapButtonNodeRef$cu;
73
57
  trapWithoutFocusRef.current = true;
74
58
  (_trapButtonNodeRef$cu = trapButtonNodeRef.current) === null || _trapButtonNodeRef$cu === void 0 || _trapButtonNodeRef$cu.focus();
75
59
  }
76
60
  }
77
- return function () {
61
+ return () => {
78
62
  if (focusBackOnClose) {
79
63
  restoreFocus();
80
64
  }
81
65
  };
82
66
  }, [autoFocusFirst, trapDisabled, focusBackOnClose, focusFirst]);
83
67
  function restoreFocus() {
84
- var previousFocusedNode = previousFocusedNodeRef.current;
68
+ const previousFocusedNode = previousFocusedNodeRef.current;
85
69
  if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
86
70
  // This is to prevent the focus from being restored the first time
87
71
  // componentWillUnmount is called in StrictMode.
@@ -93,15 +77,13 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
93
77
  }
94
78
  }
95
79
  function focusElement() {
96
- var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
97
- var node = nodeRef.current;
80
+ let first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
81
+ const node = nodeRef.current;
98
82
  if (!node) {
99
83
  return;
100
84
  }
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];
85
+ const tabables = [...node.querySelectorAll(FOCUSABLE_ELEMENTS)].filter(item => item.tabIndex >= 0);
86
+ const toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
105
87
  if (toBeFocused) {
106
88
  toBeFocused.focus();
107
89
  }
@@ -111,7 +93,7 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
111
93
  return;
112
94
  }
113
95
  if (focusBackOnExit) {
114
- var prevFocused = event.nativeEvent.relatedTarget;
96
+ const prevFocused = event.nativeEvent.relatedTarget;
115
97
  if (prevFocused != null && nodeRef.current != null && prevFocused instanceof Element && nodeRef.current.contains(prevFocused)) {
116
98
  restoreFocus();
117
99
  }
@@ -125,7 +107,7 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
125
107
  return;
126
108
  }
127
109
  trapWithoutFocusRef.current = false;
128
- var newFocused = event.nativeEvent.relatedTarget;
110
+ const newFocused = event.nativeEvent.relatedTarget;
129
111
  if (!newFocused) {
130
112
  return;
131
113
  }
@@ -1,33 +1,23 @@
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 { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import { 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
7
  import { jsx } from 'react/jsx-runtime';
8
- import 'core-js/modules/es.array.concat.js';
9
8
  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';
9
+ import 'core-js/modules/web.dom-collections.iterator.js';
12
10
 
13
- var Cell = /*#__PURE__*/function (_PureComponent) {
14
- function Cell() {
15
- _classCallCheck(this, Cell);
16
- return _callSuper(this, Cell, arguments);
11
+ class Cell extends PureComponent {
12
+ render() {
13
+ const classes = classNames(modules_1db4bbca.cell, this.props.className);
14
+ return /*#__PURE__*/jsx("td", _objectSpread2(_objectSpread2({}, this.props), {}, {
15
+ className: classes,
16
+ "data-test": joinDataTestAttributes('ring-table-cell', this.props['data-test']),
17
+ children: this.props.children
18
+ }));
17
19
  }
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);
20
+ }
31
21
  _defineProperty(Cell, "propTypes", {
32
22
  children: PropTypes.any,
33
23
  className: PropTypes.string,
@@ -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, "propTypes", ComposedComponent.propTypes), _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
59
44
  }
60
45
 
61
46
  export { disableHoverHOC as default };
@@ -1,5 +1,5 @@
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
4
  import PropTypes from 'prop-types';
5
5
  import classNames from 'classnames';
@@ -14,87 +14,71 @@ import '../icon/icon__constants.js';
14
14
  import '../_helpers/icon__svg.js';
15
15
  import 'core-js/modules/es.regexp.exec.js';
16
16
  import 'core-js/modules/es.string.replace.js';
17
- import 'core-js/modules/es.string.starts-with.js';
18
17
  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
18
  import 'core-js/modules/es.array.reduce.js';
25
- import 'core-js/modules/es.object.entries.js';
26
19
 
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;
20
+ const _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
21
+ class HeaderCell extends PureComponent {
22
+ constructor() {
23
+ super(...arguments);
24
+ _defineProperty(this, "sortable", void 0);
25
+ _defineProperty(this, "sorted", void 0);
26
+ _defineProperty(this, "onClick", () => {
27
+ if (this.sortable) {
28
+ const {
29
+ column,
30
+ onSort,
31
+ sortOrder
32
+ } = this.props;
44
33
  onSort({
45
34
  column,
46
- order: !(_this.sorted && sortOrder)
35
+ order: !(this.sorted && sortOrder)
47
36
  });
48
37
  }
49
38
  });
50
- return _this;
51
39
  }
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);
40
+ onChildrenClick(e) {
41
+ e.stopPropagation();
42
+ }
43
+ render() {
44
+ const _this$props = this.props,
45
+ {
46
+ className,
47
+ column,
48
+ onSort,
49
+ sortKey,
50
+ sortOrder,
51
+ 'data-test': dataTest
52
+ } = _this$props,
53
+ restProps = _objectWithoutProperties(_this$props, _excluded);
54
+ this.sortable = column.sortable === true;
55
+ this.sorted = sortKey === column.id;
56
+ const glyph = this.sorted ? chevronDown : sortableIcon;
57
+ const classes = classNames(className, column.headerClassName, {
58
+ [modules_1db4bbca.headerCell]: true,
59
+ [modules_1db4bbca.headerCellSortable]: this.sortable,
60
+ [modules_1db4bbca.headerCellSorted]: this.sorted,
61
+ [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
62
+ [modules_1db4bbca.cellRight]: column.rightAlign
63
+ });
64
+ return /*#__PURE__*/jsxs("th", _objectSpread2(_objectSpread2({}, restProps), {}, {
65
+ className: classes,
66
+ onClick: this.onClick,
67
+ "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest),
68
+ children: [/*#__PURE__*/jsx("span", {
69
+ onClick: this.onChildrenClick,
70
+ role: "presentation",
71
+ children: this.props.children
72
+ }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/jsx("span", {
73
+ className: modules_1db4bbca.sorter,
74
+ children: /*#__PURE__*/jsx(Icon, {
75
+ glyph: glyph,
76
+ className: modules_1db4bbca.icon
77
+ })
78
+ })]
79
+ }));
80
+ }
81
+ }
98
82
  _defineProperty(HeaderCell, "propTypes", {
99
83
  children: PropTypes.any,
100
84
  className: PropTypes.string,
@@ -105,7 +89,7 @@ _defineProperty(HeaderCell, "propTypes", {
105
89
  'data-test': PropTypes.string
106
90
  });
107
91
  _defineProperty(HeaderCell, "defaultProps", {
108
- onSort: function onSort() {}
92
+ onSort: () => {}
109
93
  });
110
94
 
111
95
  export { HeaderCell as default };