@jetbrains/ring-ui 5.0.156 → 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 (295) hide show
  1. package/dist/_helpers/_rollupPluginBabelHelpers.js +642 -1
  2. package/dist/_helpers/anchor.js +6 -7
  3. package/dist/_helpers/button__classes.js +16 -28
  4. package/dist/_helpers/card.js +107 -95
  5. package/dist/_helpers/dialog__body-scroll-preventer.js +20 -11
  6. package/dist/_helpers/footer.js +29 -34
  7. package/dist/_helpers/query-assist__suggestions.js +91 -74
  8. package/dist/_helpers/select__filter.js +71 -48
  9. package/dist/_helpers/services-link.js +41 -29
  10. package/dist/_helpers/sidebar.js +103 -99
  11. package/dist/_helpers/theme.js +42 -35
  12. package/dist/_helpers/title.js +71 -57
  13. package/dist/alert/alert.js +199 -158
  14. package/dist/alert/container.js +43 -32
  15. package/dist/alert-service/alert-service.js +172 -104
  16. package/dist/analytics/analytics.js +92 -68
  17. package/dist/analytics/analytics__custom-plugin.js +84 -60
  18. package/dist/analytics/analytics__fus-plugin.js +28 -15
  19. package/dist/analytics/analytics__ga-plugin.js +60 -43
  20. package/dist/analytics/analytics__plugin-utils.js +28 -22
  21. package/dist/auth/auth.js +36 -4
  22. package/dist/auth/auth__core.js +1458 -732
  23. package/dist/auth/background-flow.js +129 -87
  24. package/dist/auth/down-notification.js +75 -30
  25. package/dist/auth/iframe-flow.js +136 -75
  26. package/dist/auth/landing.js +90 -30
  27. package/dist/auth/request-builder.js +82 -46
  28. package/dist/auth/response-parser.js +119 -86
  29. package/dist/auth/storage.js +333 -171
  30. package/dist/auth/token-validator.js +244 -137
  31. package/dist/auth/window-flow.js +136 -92
  32. package/dist/auth-dialog/auth-dialog.js +176 -114
  33. package/dist/auth-dialog-service/auth-dialog-service.js +32 -7
  34. package/dist/auth-ng/auth-ng.js +70 -34
  35. package/dist/auth-ng/auth-ng.mock.js +6 -6
  36. package/dist/autofocus-ng/autofocus-ng.js +23 -8
  37. package/dist/avatar/avatar-example-datauri.js +1 -23
  38. package/dist/avatar/avatar.js +155 -119
  39. package/dist/avatar/fallback-avatar.js +41 -22
  40. package/dist/avatar-editor-ng/avatar-editor-ng.js +56 -23
  41. package/dist/avatar-editor-ng/avatar-editor-ng__template.js +1 -28
  42. package/dist/avatar-ng/avatar-ng.js +23 -1
  43. package/dist/badge/badge.js +43 -35
  44. package/dist/badge-ng/badge-ng.js +13 -1
  45. package/dist/breadcrumb-ng/breadcrumb-ng.js +15 -29
  46. package/dist/button/button.js +111 -87
  47. package/dist/button/button__classes.js +1 -0
  48. package/dist/button-group/button-group.js +35 -19
  49. package/dist/button-group/caption.js +22 -14
  50. package/dist/button-group-ng/button-group-ng.js +13 -7
  51. package/dist/button-ng/button-ng.js +154 -133
  52. package/dist/button-set/button-set.js +34 -20
  53. package/dist/button-set-ng/button-set-ng.js +2 -2
  54. package/dist/button-toolbar/button-toolbar.js +33 -19
  55. package/dist/button-toolbar-ng/button-toolbar-ng.js +5 -3
  56. package/dist/caret/caret.js +225 -188
  57. package/dist/checkbox/checkbox.js +104 -76
  58. package/dist/checkbox-ng/checkbox-ng.js +18 -27
  59. package/dist/clipboard/clipboard-fallback.js +10 -10
  60. package/dist/clipboard/clipboard.js +131 -34
  61. package/dist/code/code.js +168 -92
  62. package/dist/compiler-ng/compiler-ng.js +18 -15
  63. package/dist/confirm/confirm.js +108 -66
  64. package/dist/confirm-ng/confirm-ng.js +33 -4
  65. package/dist/confirm-service/confirm-service.js +66 -42
  66. package/dist/content-layout/content-layout.js +64 -43
  67. package/dist/content-layout/sidebar.js +1 -0
  68. package/dist/contenteditable/contenteditable.js +61 -50
  69. package/dist/control-label/control-label.js +11 -15
  70. package/dist/data-list/data-list.js +184 -128
  71. package/dist/data-list/data-list.mock.js +11 -2
  72. package/dist/data-list/item.js +174 -143
  73. package/dist/data-list/selection.js +139 -76
  74. package/dist/data-list/title.js +13 -1
  75. package/dist/data-list-ng/data-list-ng.js +31 -1
  76. package/dist/date-picker/consts.js +18 -15
  77. package/dist/date-picker/date-input.js +147 -115
  78. package/dist/date-picker/date-picker.js +285 -228
  79. package/dist/date-picker/date-popup.js +397 -356
  80. package/dist/date-picker/day.js +98 -84
  81. package/dist/date-picker/month-names.js +64 -43
  82. package/dist/date-picker/month-slider.js +74 -51
  83. package/dist/date-picker/month.js +21 -15
  84. package/dist/date-picker/months.js +48 -43
  85. package/dist/date-picker/weekdays.js +18 -12
  86. package/dist/date-picker/years.js +109 -84
  87. package/dist/dialog/dialog.js +189 -141
  88. package/dist/dialog/dialog__body-scroll-preventer.js +5 -0
  89. package/dist/dialog-ng/dialog-ng.js +401 -287
  90. package/dist/dialog-ng/dialog-ng__template.js +1 -70
  91. package/dist/docked-panel-ng/docked-panel-ng.js +33 -18
  92. package/dist/dropdown/anchor.js +10 -0
  93. package/dist/dropdown/dropdown.js +214 -182
  94. package/dist/dropdown-menu/dropdown-menu.js +102 -72
  95. package/dist/editable-heading/editable-heading.js +100 -58
  96. package/dist/error-bubble/error-bubble.js +64 -31
  97. package/dist/error-message/error-message.js +61 -38
  98. package/dist/error-message-ng/error-message-ng.js +11 -22
  99. package/dist/footer/footer.js +11 -1
  100. package/dist/footer-ng/footer-ng.js +64 -36
  101. package/dist/form-ng/form-ng.js +66 -56
  102. package/dist/global/angular-component-factory.js +76 -53
  103. package/dist/global/compose.js +10 -1
  104. package/dist/global/composeRefs.js +12 -7
  105. package/dist/global/controls-height.js +2 -2
  106. package/dist/global/create-stateful-context.js +19 -19
  107. package/dist/global/data-tests.js +15 -7
  108. package/dist/global/dom.js +95 -53
  109. package/dist/global/focus-sensor-hoc.js +134 -122
  110. package/dist/global/fuzzy-highlight.js +41 -27
  111. package/dist/global/get-event-key.js +8 -8
  112. package/dist/global/get-uid.js +8 -4
  113. package/dist/global/inject-styles.js +15 -10
  114. package/dist/global/linear-function.js +2 -2
  115. package/dist/global/listeners.js +53 -27
  116. package/dist/global/memoize.js +13 -6
  117. package/dist/global/normalize-indent.js +51 -19
  118. package/dist/global/promise-with-timeout.js +8 -6
  119. package/dist/global/prop-types.js +5 -3
  120. package/dist/global/react-dom-renderer.js +47 -28
  121. package/dist/global/react-render-adapter.js +19 -13
  122. package/dist/global/rerender-hoc.js +41 -16
  123. package/dist/global/ring-angular-component.js +20 -10
  124. package/dist/global/schedule-raf.js +6 -5
  125. package/dist/global/sniffer.js +1 -1
  126. package/dist/global/theme.js +24 -0
  127. package/dist/global/trivial-template-tag.js +10 -3
  128. package/dist/global/typescript-utils.js +6 -2
  129. package/dist/global/url.js +27 -21
  130. package/dist/global/use-event-callback.js +4 -6
  131. package/dist/grid/col.js +55 -35
  132. package/dist/grid/grid.js +36 -17
  133. package/dist/grid/row.js +48 -35
  134. package/dist/group/group.js +27 -17
  135. package/dist/group-ng/group-ng.js +2 -2
  136. package/dist/header/header.js +80 -33
  137. package/dist/header/logo.js +39 -20
  138. package/dist/header/profile.js +188 -150
  139. package/dist/header/services-link.js +9 -0
  140. package/dist/header/services.js +118 -73
  141. package/dist/header/smart-profile.js +207 -111
  142. package/dist/header/smart-services.js +115 -62
  143. package/dist/header/tray-icon.js +38 -21
  144. package/dist/header/tray.js +34 -21
  145. package/dist/heading/heading.js +25 -26
  146. package/dist/heading-ng/heading-ng.js +11 -1
  147. package/dist/http/http.js +368 -215
  148. package/dist/http/http.mock.js +104 -49
  149. package/dist/hub-source/hub-source.js +191 -83
  150. package/dist/hub-source/hub-source__user.js +45 -11
  151. package/dist/hub-source/hub-source__users-groups.js +67 -37
  152. package/dist/i18n/i18n-context.js +14 -10
  153. package/dist/i18n/i18n.js +11 -7
  154. package/dist/icon/icon.js +94 -76
  155. package/dist/icon/icon__svg.js +31 -24
  156. package/dist/icon/index.js +9 -0
  157. package/dist/icon-ng/icon-ng.js +27 -15
  158. package/dist/input/input.js +184 -145
  159. package/dist/input-ng/input-ng.js +96 -118
  160. package/dist/island/adaptive-island-hoc.js +45 -30
  161. package/dist/island/content.js +130 -115
  162. package/dist/island/header.js +69 -56
  163. package/dist/island/island.js +40 -28
  164. package/dist/island-legacy/content-legacy.js +27 -17
  165. package/dist/island-legacy/header-legacy.js +29 -19
  166. package/dist/island-legacy/island-legacy.js +27 -17
  167. package/dist/island-ng/island-content-ng.js +17 -26
  168. package/dist/island-ng/island-header-ng.js +9 -12
  169. package/dist/island-ng/island-ng-class-fixer.js +3 -0
  170. package/dist/island-ng/island-ng.js +6 -10
  171. package/dist/link/clickableLink.js +61 -44
  172. package/dist/link/link.js +85 -74
  173. package/dist/link-ng/link-ng.js +3 -5
  174. package/dist/list/consts.js +1 -1
  175. package/dist/list/list.js +696 -602
  176. package/dist/list/list__custom.js +61 -44
  177. package/dist/list/list__hint.js +21 -10
  178. package/dist/list/list__item.js +167 -129
  179. package/dist/list/list__link.js +54 -37
  180. package/dist/list/list__separator.js +24 -14
  181. package/dist/list/list__title.js +32 -22
  182. package/dist/list/list__users-groups-source.js +131 -54
  183. package/dist/loader/loader.js +78 -43
  184. package/dist/loader/loader__core.js +257 -189
  185. package/dist/loader-inline/loader-inline.js +37 -23
  186. package/dist/loader-inline-ng/loader-inline-ng.js +2 -2
  187. package/dist/loader-ng/loader-ng.js +46 -19
  188. package/dist/loader-screen/loader-screen.js +48 -25
  189. package/dist/loader-screen-ng/loader-screen-ng.js +46 -30
  190. package/dist/login-dialog/login-dialog.js +162 -111
  191. package/dist/login-dialog/service.js +35 -7
  192. package/dist/markdown/code.js +31 -9
  193. package/dist/markdown/heading.js +3 -5
  194. package/dist/markdown/link.js +13 -6
  195. package/dist/markdown/markdown.js +66 -33
  196. package/dist/message/message.js +157 -125
  197. package/dist/message-bundle-ng/message-bundle-ng.js +128 -44
  198. package/dist/old-browsers-message/old-browsers-message.js +19 -11
  199. package/dist/old-browsers-message/old-browsers-message__stop.js +8 -0
  200. package/dist/old-browsers-message/white-list.js +16 -9
  201. package/dist/pager/pager.js +275 -210
  202. package/dist/pager-ng/pager-ng.js +36 -1
  203. package/dist/panel/panel.js +27 -17
  204. package/dist/panel-ng/panel-ng.js +14 -1
  205. package/dist/permissions/permissions.js +173 -127
  206. package/dist/permissions/permissions__cache.js +225 -194
  207. package/dist/permissions-ng/permissions-ng.js +86 -35
  208. package/dist/place-under-ng/place-under-ng.js +68 -45
  209. package/dist/popup/popup.consts.js +1 -1
  210. package/dist/popup/popup.js +342 -280
  211. package/dist/popup/popup.target.js +8 -9
  212. package/dist/popup/position.js +153 -153
  213. package/dist/popup-menu/popup-menu.js +86 -44
  214. package/dist/progress-bar/progress-bar.js +97 -80
  215. package/dist/progress-bar-ng/progress-bar-ng.js +11 -1
  216. package/dist/promised-click-ng/promised-click-ng.js +92 -58
  217. package/dist/proxy-attrs/proxy-attrs.js +18 -9
  218. package/dist/query-assist/query-assist.js +903 -832
  219. package/dist/query-assist/query-assist__suggestions.js +33 -1
  220. package/dist/query-assist-ng/query-assist-ng.js +38 -1
  221. package/dist/radio/radio.js +36 -19
  222. package/dist/radio/radio__item.js +71 -52
  223. package/dist/radio-ng/radio-ng.js +14 -25
  224. package/dist/save-field-ng/save-field-ng.js +86 -52
  225. package/dist/save-field-ng/save-field-ng__template.js +1 -32
  226. package/dist/select/select.js +937 -835
  227. package/dist/select/select__filter.js +33 -0
  228. package/dist/select/select__popup.js +472 -359
  229. package/dist/select-ng/select-ng.js +125 -74
  230. package/dist/select-ng/select-ng__lazy.js +101 -50
  231. package/dist/select-ng/select-ng__options.js +107 -81
  232. package/dist/shortcuts/core.js +218 -166
  233. package/dist/shortcuts/shortcut-title.js +11 -6
  234. package/dist/shortcuts/shortcuts-hoc.js +47 -19
  235. package/dist/shortcuts/shortcuts.js +77 -50
  236. package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js +104 -53
  237. package/dist/shortcuts-hint-ng/shortcuts-hint-ng__template.js +1 -48
  238. package/dist/shortcuts-ng/shortcuts-ng.js +86 -51
  239. package/dist/sidebar-ng/sidebar-ng.js +53 -22
  240. package/dist/sidebar-ng/sidebar-ng__button-template.js +1 -18
  241. package/dist/sidebar-ng/sidebar-ng__template.js +1 -10
  242. package/dist/storage/storage.js +35 -4
  243. package/dist/storage/storage__fallback.js +224 -149
  244. package/dist/storage/storage__local.js +156 -90
  245. package/dist/tab-trap/tab-trap.js +157 -122
  246. package/dist/table/cell.js +28 -14
  247. package/dist/table/disable-hover-hoc.js +53 -33
  248. package/dist/table/header-cell.js +87 -64
  249. package/dist/table/header.js +126 -98
  250. package/dist/table/multitable.js +127 -107
  251. package/dist/table/row-with-focus-sensor.js +73 -25
  252. package/dist/table/row.js +208 -170
  253. package/dist/table/selection-adapter.js +3 -1
  254. package/dist/table/selection-shortcuts-hoc.js +184 -181
  255. package/dist/table/selection.js +228 -156
  256. package/dist/table/smart-table.js +93 -51
  257. package/dist/table/table.js +348 -281
  258. package/dist/table-legacy-ng/table-legacy-ng.js +117 -102
  259. package/dist/table-legacy-ng/table-legacy-ng__pager.js +42 -10
  260. package/dist/table-legacy-ng/table-legacy-ng__selection-navigate-actions.js +92 -69
  261. package/dist/table-legacy-ng/table-legacy-ng__selection.js +169 -119
  262. package/dist/table-legacy-ng/table-legacy-ng__toolbar.js +36 -21
  263. package/dist/table-ng/smart-table-ng.js +31 -1
  264. package/dist/table-ng/table-ng.js +31 -1
  265. package/dist/tabs/collapsible-more.js +87 -50
  266. package/dist/tabs/collapsible-tab.js +45 -38
  267. package/dist/tabs/collapsible-tabs.js +161 -94
  268. package/dist/tabs/custom-item.js +2 -4
  269. package/dist/tabs/dumb-tabs.js +122 -75
  270. package/dist/tabs/smart-tabs.js +75 -29
  271. package/dist/tabs/tab-link.js +29 -19
  272. package/dist/tabs/tab.js +33 -19
  273. package/dist/tabs/tabs.js +35 -0
  274. package/dist/tabs-ng/tabs-ng.js +38 -24
  275. package/dist/tabs-ng/tabs-ng__template.js +1 -38
  276. package/dist/tag/tag.js +170 -133
  277. package/dist/tags-input/tags-input.js +428 -327
  278. package/dist/tags-input-ng/tags-input-ng.js +37 -1
  279. package/dist/tags-list/tags-list.js +80 -56
  280. package/dist/template-ng/template-ng.js +50 -39
  281. package/dist/text/text.js +38 -28
  282. package/dist/title-ng/title-ng.js +28 -23
  283. package/dist/toggle/toggle.js +72 -56
  284. package/dist/toggle-ng/toggle-ng.js +14 -1
  285. package/dist/tooltip/tooltip.js +192 -146
  286. package/dist/tooltip-ng/tooltip-ng.js +51 -25
  287. package/dist/user-agreement/service.js +374 -227
  288. package/dist/user-agreement/toolbox.eula.js +1 -160
  289. package/dist/user-agreement/user-agreement.js +128 -86
  290. package/dist/user-card/card.js +32 -0
  291. package/dist/user-card/smart-user-card-tooltip.js +116 -51
  292. package/dist/user-card/tooltip.js +90 -48
  293. package/dist/user-card/user-card.js +32 -0
  294. package/dist/user-card-ng/user-card-ng.js +34 -2
  295. package/package.json +2 -2
@@ -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 };
@@ -1,4 +1,6 @@
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.map.js';
2
4
  import React, { PureComponent } from 'react';
3
5
  import PropTypes from 'prop-types';
4
6
  import classNames from 'classnames';
@@ -13,112 +15,138 @@ import 'util-deprecate';
13
15
  import '../icon/icon__constants.js';
14
16
  import '../_helpers/icon.js';
15
17
  import '../icon/icon__svg.js';
18
+ import 'core-js/modules/es.regexp.exec.js';
19
+ import 'core-js/modules/es.string.replace.js';
20
+ import 'core-js/modules/es.string.starts-with.js';
16
21
  import '../global/memoize.js';
22
+ import 'core-js/modules/es.array.iterator.js';
23
+ import 'core-js/modules/es.map.js';
24
+ import 'core-js/modules/es.object.to-string.js';
25
+ import 'core-js/modules/es.string.iterator.js';
26
+ import 'core-js/modules/web.dom-collections.iterator.js';
27
+ import 'core-js/modules/es.weak-map.js';
17
28
  import '../global/prop-types.js';
18
29
  import '../global/composeRefs.js';
30
+ import 'core-js/modules/web.dom-collections.for-each.js';
19
31
  import '../_helpers/checkbox.js';
32
+ import 'core-js/modules/es.regexp.to-string.js';
20
33
  import '@jetbrains/icons/unsorted-10px';
21
34
  import '@jetbrains/icons/chevron-10px';
22
35
  import '../global/data-tests.js';
36
+ import 'core-js/modules/es.array.reduce.js';
37
+ import 'core-js/modules/es.object.entries.js';
23
38
 
24
- class Header extends PureComponent {
25
- static propTypes = {
26
- caption: PropTypes.string,
27
- selectable: PropTypes.bool,
28
- draggable: PropTypes.bool,
29
- checked: PropTypes.bool,
30
- checkboxDisabled: PropTypes.bool,
31
- sticky: PropTypes.bool,
32
- topStickOffset: PropTypes.string,
33
- onCheckboxChange: PropTypes.func,
34
- columns: PropTypes.array.isRequired,
35
- onSort: PropTypes.func,
36
- sortKey: PropTypes.string,
37
- sortOrder: PropTypes.bool
38
- };
39
- static defaultProps = {
40
- selectable: true,
41
- draggable: false,
42
- checked: true,
43
- sticky: true,
44
- topStickOffset: '0px',
45
- onSort: () => {},
46
- onCheckboxChange: () => {},
47
- sortKey: 'id',
48
- sortOrder: true
49
- };
50
- id = getUID('table-header-');
51
- onCheckboxFocus = event => {
52
- event.currentTarget.blur();
53
- };
54
- createCells() {
55
- let widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
56
- const {
57
- selectable,
58
- draggable,
59
- columns,
60
- checked,
61
- checkboxDisabled,
62
- onCheckboxChange,
63
- onSort,
64
- sortKey,
65
- sortOrder
66
- } = this.props;
67
- const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
68
- const metaColumn = /*#__PURE__*/React.createElement("div", {
69
- className: metaColumnClasses
70
- }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
71
- "aria-labelledby": this.id,
72
- disabled: checkboxDisabled,
73
- checked: checked,
74
- onChange: onCheckboxChange,
75
- onFocus: this.onCheckboxFocus
76
- }));
77
- return columns.map((column, index) => {
78
- const columnStyle = widths[index] ? {
79
- width: widths[index]
80
- } : undefined;
81
- const props = {
82
- column,
83
- onSort,
84
- sortKey,
85
- sortOrder,
86
- style: columnStyle
87
- };
88
- return /*#__PURE__*/React.createElement(HeaderCell, _extends({
89
- key: column.id,
90
- "data-test": column.id
91
- }, props), index === 0 && (draggable || selectable) && metaColumn);
39
+ var Header = /*#__PURE__*/function (_PureComponent) {
40
+ _inherits(Header, _PureComponent);
41
+ var _super = _createSuper(Header);
42
+ function Header() {
43
+ var _this;
44
+ _classCallCheck(this, Header);
45
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
46
+ args[_key] = arguments[_key];
47
+ }
48
+ _this = _super.call.apply(_super, [this].concat(args));
49
+ _defineProperty(_assertThisInitialized(_this), "id", getUID('table-header-'));
50
+ _defineProperty(_assertThisInitialized(_this), "onCheckboxFocus", function (event) {
51
+ event.currentTarget.blur();
92
52
  });
53
+ return _this;
93
54
  }
94
- render() {
95
- const {
96
- caption,
97
- sticky,
98
- topStickOffset
99
- } = this.props;
100
- const regularCells = this.createCells();
101
- return /*#__PURE__*/React.createElement("thead", {
102
- id: this.id,
103
- "data-test": "ring-table-header",
104
- style: {
105
- top: topStickOffset
106
- },
107
- className: classNames({
108
- [modules_1db4bbca.tableHead]: true,
109
- [modules_1db4bbca.subHeaderSticky]: sticky
110
- })
111
- }, caption && /*#__PURE__*/React.createElement("tr", {
112
- "data-test": "ring-table-header-row"
113
- }, /*#__PURE__*/React.createElement("th", {
114
- className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
115
- colSpan: regularCells.length + 1,
116
- "data-test": "ring-table-header-cell"
117
- }, caption)), /*#__PURE__*/React.createElement("tr", {
118
- className: modules_1db4bbca.subHeader,
119
- "data-test": "ring-table-header-row"
120
- }, regularCells));
121
- }
122
- }
55
+ _createClass(Header, [{
56
+ key: "createCells",
57
+ value: function createCells() {
58
+ var widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
59
+ var _this$props = this.props,
60
+ selectable = _this$props.selectable,
61
+ draggable = _this$props.draggable,
62
+ columns = _this$props.columns,
63
+ checked = _this$props.checked,
64
+ checkboxDisabled = _this$props.checkboxDisabled,
65
+ onCheckboxChange = _this$props.onCheckboxChange,
66
+ onSort = _this$props.onSort,
67
+ sortKey = _this$props.sortKey,
68
+ sortOrder = _this$props.sortOrder;
69
+ var metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
70
+ var metaColumn = /*#__PURE__*/React.createElement("div", {
71
+ className: metaColumnClasses
72
+ }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
73
+ "aria-labelledby": this.id,
74
+ disabled: checkboxDisabled,
75
+ checked: checked,
76
+ onChange: onCheckboxChange,
77
+ onFocus: this.onCheckboxFocus
78
+ }));
79
+ return columns.map(function (column, index) {
80
+ var columnStyle = widths[index] ? {
81
+ width: widths[index]
82
+ } : undefined;
83
+ var props = {
84
+ column: column,
85
+ onSort: onSort,
86
+ sortKey: sortKey,
87
+ sortOrder: sortOrder,
88
+ style: columnStyle
89
+ };
90
+ return /*#__PURE__*/React.createElement(HeaderCell, _extends({
91
+ key: column.id,
92
+ "data-test": column.id
93
+ }, props), index === 0 && (draggable || selectable) && metaColumn);
94
+ });
95
+ }
96
+ }, {
97
+ key: "render",
98
+ value: function render() {
99
+ var _classNames;
100
+ var _this$props2 = this.props,
101
+ caption = _this$props2.caption,
102
+ sticky = _this$props2.sticky,
103
+ topStickOffset = _this$props2.topStickOffset;
104
+ var regularCells = this.createCells();
105
+ return /*#__PURE__*/React.createElement("thead", {
106
+ id: this.id,
107
+ "data-test": "ring-table-header",
108
+ style: {
109
+ top: topStickOffset
110
+ },
111
+ className: classNames((_classNames = {}, _defineProperty(_classNames, modules_1db4bbca.tableHead, true), _defineProperty(_classNames, modules_1db4bbca.subHeaderSticky, sticky), _classNames))
112
+ }, caption && /*#__PURE__*/React.createElement("tr", {
113
+ "data-test": "ring-table-header-row"
114
+ }, /*#__PURE__*/React.createElement("th", {
115
+ className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
116
+ colSpan: regularCells.length + 1,
117
+ "data-test": "ring-table-header-cell"
118
+ }, caption)), /*#__PURE__*/React.createElement("tr", {
119
+ className: modules_1db4bbca.subHeader,
120
+ "data-test": "ring-table-header-row"
121
+ }, regularCells));
122
+ }
123
+ }]);
124
+ return Header;
125
+ }(PureComponent);
126
+ _defineProperty(Header, "propTypes", {
127
+ caption: PropTypes.string,
128
+ selectable: PropTypes.bool,
129
+ draggable: PropTypes.bool,
130
+ checked: PropTypes.bool,
131
+ checkboxDisabled: PropTypes.bool,
132
+ sticky: PropTypes.bool,
133
+ topStickOffset: PropTypes.string,
134
+ onCheckboxChange: PropTypes.func,
135
+ columns: PropTypes.array.isRequired,
136
+ onSort: PropTypes.func,
137
+ sortKey: PropTypes.string,
138
+ sortOrder: PropTypes.bool
139
+ });
140
+ _defineProperty(Header, "defaultProps", {
141
+ selectable: true,
142
+ draggable: false,
143
+ checked: true,
144
+ sticky: true,
145
+ topStickOffset: '0px',
146
+ onSort: function onSort() {},
147
+ onCheckboxChange: function onCheckboxChange() {},
148
+ sortKey: 'id',
149
+ sortOrder: true
150
+ });
123
151
 
124
152
  export { Header as default };