@jetbrains/ring-ui-built 6.0.32 → 6.0.33

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 (224) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +567 -1
  2. package/components/_helpers/anchor.js +6 -7
  3. package/components/_helpers/button__classes.js +14 -16
  4. package/components/_helpers/caption.js +20 -14
  5. package/components/_helpers/card.js +105 -95
  6. package/components/_helpers/dialog__body-scroll-preventer.js +19 -11
  7. package/components/_helpers/icon__svg.js +25 -22
  8. package/components/_helpers/input.js +177 -146
  9. package/components/_helpers/query-assist__suggestions.js +90 -74
  10. package/components/_helpers/select__filter.js +69 -48
  11. package/components/_helpers/services-link.js +37 -29
  12. package/components/_helpers/sidebar.js +107 -99
  13. package/components/_helpers/tab-link.js +7 -7
  14. package/components/_helpers/theme.js +40 -31
  15. package/components/_helpers/title.js +72 -57
  16. package/components/alert/alert.js +202 -150
  17. package/components/alert/container.js +41 -32
  18. package/components/alert-service/alert-service.js +170 -105
  19. package/components/analytics/analytics.js +22 -12
  20. package/components/analytics/analytics__custom-plugin.js +75 -54
  21. package/components/auth/auth.js +36 -4
  22. package/components/auth/auth__core.js +1471 -746
  23. package/components/auth/background-flow.js +127 -87
  24. package/components/auth/down-notification.js +73 -30
  25. package/components/auth/iframe-flow.js +133 -75
  26. package/components/auth/request-builder.js +82 -46
  27. package/components/auth/response-parser.js +116 -86
  28. package/components/auth/storage.js +334 -171
  29. package/components/auth/token-validator.js +242 -137
  30. package/components/auth/window-flow.js +134 -92
  31. package/components/auth-dialog/auth-dialog.js +172 -114
  32. package/components/auth-dialog-service/auth-dialog-service.js +31 -8
  33. package/components/avatar/avatar-example-datauri.js +1 -23
  34. package/components/avatar/avatar.js +152 -119
  35. package/components/avatar/fallback-avatar.js +38 -22
  36. package/components/badge/badge.js +45 -35
  37. package/components/button/button.js +107 -86
  38. package/components/button-group/button-group.js +33 -19
  39. package/components/button-set/button-set.js +32 -20
  40. package/components/button-toolbar/button-toolbar.js +31 -19
  41. package/components/caret/caret.js +220 -186
  42. package/components/checkbox/checkbox.js +101 -76
  43. package/components/clipboard/clipboard-fallback.js +10 -10
  44. package/components/clipboard/clipboard.js +132 -35
  45. package/components/code/code.js +166 -92
  46. package/components/collapse/collapse-content.js +64 -42
  47. package/components/collapse/collapse-context.js +2 -2
  48. package/components/collapse/collapse-control.js +14 -12
  49. package/components/collapse/collapse.js +17 -11
  50. package/components/collapse/consts.js +4 -4
  51. package/components/collapse/utils.js +3 -1
  52. package/components/confirm/confirm.js +104 -66
  53. package/components/confirm-service/confirm-service.js +59 -37
  54. package/components/content-layout/content-layout.js +64 -43
  55. package/components/content-layout/sidebar.js +1 -0
  56. package/components/contenteditable/contenteditable.js +59 -50
  57. package/components/control-label/control-label.js +9 -9
  58. package/components/data-list/data-list.js +182 -129
  59. package/components/data-list/data-list.mock.js +6 -2
  60. package/components/data-list/item.js +170 -143
  61. package/components/data-list/selection.js +136 -76
  62. package/components/data-list/title.js +12 -1
  63. package/components/date-picker/consts.js +26 -19
  64. package/components/date-picker/date-input.js +144 -113
  65. package/components/date-picker/date-picker.js +282 -227
  66. package/components/date-picker/date-popup.js +395 -350
  67. package/components/date-picker/day.js +116 -87
  68. package/components/date-picker/month-names.js +66 -43
  69. package/components/date-picker/month-slider.js +76 -51
  70. package/components/date-picker/month.js +25 -16
  71. package/components/date-picker/months.js +50 -43
  72. package/components/date-picker/weekdays.js +22 -12
  73. package/components/date-picker/years.js +110 -83
  74. package/components/dialog/dialog.js +190 -142
  75. package/components/dialog/dialog__body-scroll-preventer.js +4 -0
  76. package/components/dropdown/anchor.js +9 -0
  77. package/components/dropdown/dropdown.js +213 -182
  78. package/components/dropdown-menu/dropdown-menu.js +97 -71
  79. package/components/editable-heading/editable-heading.js +127 -75
  80. package/components/error-bubble/error-bubble.js +60 -31
  81. package/components/error-message/error-message.js +59 -39
  82. package/components/footer/footer.js +30 -27
  83. package/components/global/compose.js +10 -1
  84. package/components/global/composeRefs.js +12 -7
  85. package/components/global/controls-height.js +2 -2
  86. package/components/global/create-stateful-context.js +15 -15
  87. package/components/global/data-tests.js +14 -6
  88. package/components/global/dom.js +86 -47
  89. package/components/global/focus-sensor-hoc.js +132 -122
  90. package/components/global/fuzzy-highlight.js +36 -22
  91. package/components/global/get-event-key.js +8 -8
  92. package/components/global/get-uid.js +8 -4
  93. package/components/global/inject-styles.js +15 -10
  94. package/components/global/listeners.js +51 -27
  95. package/components/global/memoize.js +12 -6
  96. package/components/global/normalize-indent.js +50 -19
  97. package/components/global/promise-with-timeout.js +8 -6
  98. package/components/global/prop-types.js +5 -3
  99. package/components/global/react-dom-renderer.js +44 -28
  100. package/components/global/react-render-adapter.js +1 -1
  101. package/components/global/rerender-hoc.js +30 -12
  102. package/components/global/schedule-raf.js +6 -5
  103. package/components/global/sniffer.js +1 -1
  104. package/components/global/theme.js +22 -0
  105. package/components/global/trivial-template-tag.js +10 -3
  106. package/components/global/typescript-utils.js +6 -2
  107. package/components/global/url.js +26 -20
  108. package/components/global/use-event-callback.js +4 -6
  109. package/components/grid/col.js +52 -35
  110. package/components/grid/grid.js +31 -17
  111. package/components/grid/row.js +47 -35
  112. package/components/group/group.js +25 -17
  113. package/components/header/header.js +78 -33
  114. package/components/header/logo.js +36 -20
  115. package/components/header/profile.js +199 -166
  116. package/components/header/services-link.js +4 -0
  117. package/components/header/services.js +116 -73
  118. package/components/header/smart-profile.js +203 -111
  119. package/components/header/smart-services.js +113 -62
  120. package/components/header/tray-icon.js +37 -21
  121. package/components/header/tray.js +32 -21
  122. package/components/heading/heading.js +25 -24
  123. package/components/http/http.js +353 -203
  124. package/components/http/http.mock.js +101 -49
  125. package/components/hub-source/hub-source.js +190 -83
  126. package/components/hub-source/hub-source__user.js +44 -11
  127. package/components/hub-source/hub-source__users-groups.js +65 -37
  128. package/components/i18n/i18n-context.js +10 -7
  129. package/components/i18n/i18n.js +10 -7
  130. package/components/icon/icon.js +93 -76
  131. package/components/icon/icon__svg.js +8 -0
  132. package/components/icon/index.js +8 -0
  133. package/components/input/input.js +13 -0
  134. package/components/island/adaptive-island-hoc.js +43 -30
  135. package/components/island/content.js +132 -115
  136. package/components/island/header.js +70 -57
  137. package/components/island/island.js +40 -28
  138. package/components/island-legacy/content-legacy.js +25 -17
  139. package/components/island-legacy/header-legacy.js +27 -19
  140. package/components/island-legacy/island-legacy.js +25 -17
  141. package/components/link/clickableLink.js +59 -44
  142. package/components/link/link.js +68 -57
  143. package/components/list/consts.js +2 -2
  144. package/components/list/list.js +698 -611
  145. package/components/list/list__custom.js +62 -44
  146. package/components/list/list__hint.js +19 -10
  147. package/components/list/list__item.js +174 -133
  148. package/components/list/list__link.js +50 -37
  149. package/components/list/list__separator.js +24 -14
  150. package/components/list/list__title.js +32 -22
  151. package/components/list/list__users-groups-source.js +126 -54
  152. package/components/loader/loader.js +74 -43
  153. package/components/loader/loader__core.js +263 -198
  154. package/components/loader-inline/loader-inline.js +35 -23
  155. package/components/loader-screen/loader-screen.js +46 -25
  156. package/components/login-dialog/login-dialog.js +158 -111
  157. package/components/login-dialog/service.js +34 -8
  158. package/components/markdown/markdown.js +23 -15
  159. package/components/message/message.js +203 -161
  160. package/components/old-browsers-message/old-browsers-message.js +18 -11
  161. package/components/old-browsers-message/old-browsers-message__stop.js +7 -0
  162. package/components/old-browsers-message/white-list.js +16 -8
  163. package/components/pager/pager.js +271 -212
  164. package/components/panel/panel.js +25 -17
  165. package/components/permissions/permissions.js +172 -127
  166. package/components/permissions/permissions__cache.js +224 -194
  167. package/components/popup/popup.consts.js +1 -1
  168. package/components/popup/popup.js +343 -284
  169. package/components/popup/popup.target.js +8 -9
  170. package/components/popup/position.js +106 -96
  171. package/components/popup-menu/popup-menu.js +81 -44
  172. package/components/progress-bar/progress-bar.js +104 -87
  173. package/components/query-assist/query-assist.js +916 -838
  174. package/components/query-assist/query-assist__suggestions.js +30 -1
  175. package/components/radio/radio.js +34 -19
  176. package/components/radio/radio__item.js +69 -52
  177. package/components/select/select.js +957 -852
  178. package/components/select/select__filter.js +30 -0
  179. package/components/select/select__popup.js +487 -373
  180. package/components/shortcuts/core.js +217 -166
  181. package/components/shortcuts/shortcut-title.js +11 -6
  182. package/components/shortcuts/shortcuts-hoc.js +45 -19
  183. package/components/shortcuts/shortcuts.js +75 -50
  184. package/components/slider/slider.js +122 -99
  185. package/components/slider/slider.utils.js +24 -14
  186. package/components/storage/storage.js +33 -4
  187. package/components/storage/storage__fallback.js +224 -149
  188. package/components/storage/storage__local.js +153 -90
  189. package/components/tab-trap/tab-trap.js +153 -122
  190. package/components/table/cell.js +26 -14
  191. package/components/table/disable-hover-hoc.js +51 -33
  192. package/components/table/header-cell.js +89 -64
  193. package/components/table/header.js +132 -104
  194. package/components/table/multitable.js +125 -107
  195. package/components/table/row-with-focus-sensor.js +69 -25
  196. package/components/table/row.js +216 -175
  197. package/components/table/selection-adapter.js +3 -1
  198. package/components/table/selection-shortcuts-hoc.js +181 -180
  199. package/components/table/selection.js +226 -156
  200. package/components/table/smart-table.js +88 -50
  201. package/components/table/table.js +358 -289
  202. package/components/tabs/collapsible-more.js +79 -46
  203. package/components/tabs/collapsible-tab.js +38 -31
  204. package/components/tabs/collapsible-tabs.js +153 -88
  205. package/components/tabs/custom-item.js +2 -4
  206. package/components/tabs/dumb-tabs.js +117 -74
  207. package/components/tabs/smart-tabs.js +69 -29
  208. package/components/tabs/tab-link.js +5 -1
  209. package/components/tabs/tab.js +31 -19
  210. package/components/tabs/tabs.js +31 -0
  211. package/components/tag/tag.js +173 -133
  212. package/components/tags-input/tags-input.js +427 -329
  213. package/components/tags-list/tags-list.js +78 -57
  214. package/components/text/text.js +39 -28
  215. package/components/toggle/toggle.js +70 -56
  216. package/components/tooltip/tooltip.js +190 -146
  217. package/components/user-agreement/service.js +371 -228
  218. package/components/user-agreement/toolbox.eula.js +1 -160
  219. package/components/user-agreement/user-agreement.js +120 -85
  220. package/components/user-card/card.js +29 -0
  221. package/components/user-card/smart-user-card-tooltip.js +111 -51
  222. package/components/user-card/tooltip.js +84 -47
  223. package/components/user-card/user-card.js +29 -0
  224. package/package.json +1 -1
@@ -1,42 +1,60 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } 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 _DisableHover;
8
+ return _DisableHover = /*#__PURE__*/function (_PureComponent) {
9
+ function DisableHover() {
10
+ var _this;
11
+ _classCallCheck(this, DisableHover);
12
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
13
+ args[_key] = arguments[_key];
14
+ }
15
+ _this = _callSuper(this, DisableHover, [].concat(args));
16
+ _defineProperty(_this, "state", {
17
+ disabledHover: false
18
+ });
19
+ _defineProperty(_this, "onMouseMove", function () {
20
+ if (_this.state.disabledHover) {
21
+ _this.setState({
22
+ disabledHover: false
23
+ });
24
+ }
25
+ });
26
+ _defineProperty(_this, "onKeyDown", function (e) {
27
+ var 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
+ });
32
+ }
33
+ });
34
+ return _this;
18
35
  }
19
- onMouseMove = () => {
20
- if (this.state.disabledHover) {
21
- this.setState({
22
- disabledHover: false
23
- });
36
+ _inherits(DisableHover, _PureComponent);
37
+ return _createClass(DisableHover, [{
38
+ key: "componentDidMount",
39
+ value: function componentDidMount() {
40
+ document.addEventListener('mousemove', this.onMouseMove);
41
+ document.addEventListener('keydown', this.onKeyDown, true);
24
42
  }
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
- });
43
+ }, {
44
+ key: "componentWillUnmount",
45
+ value: function componentWillUnmount() {
46
+ document.removeEventListener('mousemove', this.onMouseMove);
47
+ document.removeEventListener('keydown', this.onKeyDown, true);
32
48
  }
33
- };
34
- render() {
35
- return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
36
- disabledHover: this.state.disabledHover
37
- }));
38
- }
39
- };
49
+ }, {
50
+ key: "render",
51
+ value: function render() {
52
+ return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, this.props, {
53
+ disabledHover: this.state.disabledHover
54
+ }));
55
+ }
56
+ }]);
57
+ }(PureComponent), _defineProperty(_DisableHover, "propTypes", ComposedComponent.propTypes), _defineProperty(_DisableHover, "defaultProps", ComposedComponent.defaultProps), _DisableHover;
40
58
  }
41
59
 
42
60
  export { disableHoverHOC as default };
@@ -1,4 +1,5 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } 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';
@@ -10,73 +11,97 @@ import { m as modules_1db4bbca } from '../_helpers/table.js';
10
11
  import 'util-deprecate';
11
12
  import '../icon/icon__constants.js';
12
13
  import '../_helpers/icon__svg.js';
14
+ import 'core-js/modules/es.regexp.exec.js';
15
+ import 'core-js/modules/es.string.replace.js';
16
+ import 'core-js/modules/es.string.starts-with.js';
13
17
  import '../global/memoize.js';
18
+ import 'core-js/modules/es.array.iterator.js';
19
+ import 'core-js/modules/es.map.js';
20
+ import 'core-js/modules/es.object.to-string.js';
21
+ import 'core-js/modules/es.weak-map.js';
22
+ import 'core-js/modules/web.dom-collections.iterator.js';
23
+ import 'core-js/modules/es.array.reduce.js';
24
+ import 'core-js/modules/es.object.entries.js';
14
25
 
15
- class HeaderCell extends PureComponent {
16
- static propTypes = {
17
- children: PropTypes.any,
18
- className: PropTypes.string,
19
- column: PropTypes.object.isRequired,
20
- onSort: PropTypes.func,
21
- sortKey: PropTypes.string,
22
- sortOrder: PropTypes.bool,
23
- 'data-test': PropTypes.string
24
- };
25
- static defaultProps = {
26
- onSort: () => {}
27
- };
28
- sortable;
29
- sorted;
30
- onClick = () => {
31
- if (this.sortable) {
32
- const {
33
- column,
34
- onSort,
35
- sortOrder
36
- } = this.props;
37
- onSort({
38
- column,
39
- order: !(this.sorted && sortOrder)
40
- });
26
+ var _excluded = ["className", "column", "onSort", "sortKey", "sortOrder", "data-test"];
27
+ var HeaderCell = /*#__PURE__*/function (_PureComponent) {
28
+ function HeaderCell() {
29
+ var _this;
30
+ _classCallCheck(this, HeaderCell);
31
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
32
+ args[_key] = arguments[_key];
41
33
  }
42
- };
43
- onChildrenClick(e) {
44
- e.stopPropagation();
45
- }
46
- render() {
47
- const {
48
- className,
49
- column,
50
- onSort,
51
- sortKey,
52
- sortOrder,
53
- 'data-test': dataTest,
54
- ...restProps
55
- } = this.props;
56
- this.sortable = column.sortable === true;
57
- this.sorted = sortKey === column.id;
58
- const glyph = this.sorted ? chevronDown : sortableIcon;
59
- const classes = classNames(className, column.headerClassName, {
60
- [modules_1db4bbca.headerCell]: true,
61
- [modules_1db4bbca.headerCellSortable]: this.sortable,
62
- [modules_1db4bbca.headerCellSorted]: this.sorted,
63
- [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
64
- [modules_1db4bbca.cellRight]: column.rightAlign
34
+ _this = _callSuper(this, HeaderCell, [].concat(args));
35
+ _defineProperty(_this, "sortable", void 0);
36
+ _defineProperty(_this, "sorted", void 0);
37
+ _defineProperty(_this, "onClick", function () {
38
+ if (_this.sortable) {
39
+ var _this$props = _this.props,
40
+ column = _this$props.column,
41
+ onSort = _this$props.onSort,
42
+ sortOrder = _this$props.sortOrder;
43
+ onSort({
44
+ column,
45
+ order: !(_this.sorted && sortOrder)
46
+ });
47
+ }
65
48
  });
66
- return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
67
- className: classes,
68
- onClick: this.onClick,
69
- "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
70
- }), /*#__PURE__*/React.createElement("span", {
71
- onClick: this.onChildrenClick,
72
- role: "presentation"
73
- }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
74
- className: modules_1db4bbca.sorter
75
- }, /*#__PURE__*/React.createElement(Icon, {
76
- glyph: glyph,
77
- className: modules_1db4bbca.icon
78
- })));
49
+ return _this;
79
50
  }
80
- }
51
+ _inherits(HeaderCell, _PureComponent);
52
+ return _createClass(HeaderCell, [{
53
+ key: "onChildrenClick",
54
+ value: function onChildrenClick(e) {
55
+ e.stopPropagation();
56
+ }
57
+ }, {
58
+ key: "render",
59
+ value: function render() {
60
+ var _this$props2 = this.props,
61
+ className = _this$props2.className,
62
+ column = _this$props2.column;
63
+ _this$props2.onSort;
64
+ var sortKey = _this$props2.sortKey,
65
+ sortOrder = _this$props2.sortOrder,
66
+ dataTest = _this$props2['data-test'],
67
+ restProps = _objectWithoutProperties(_this$props2, _excluded);
68
+ this.sortable = column.sortable === true;
69
+ this.sorted = sortKey === column.id;
70
+ var glyph = this.sorted ? chevronDown : sortableIcon;
71
+ var classes = classNames(className, column.headerClassName, {
72
+ [modules_1db4bbca.headerCell]: true,
73
+ [modules_1db4bbca.headerCellSortable]: this.sortable,
74
+ [modules_1db4bbca.headerCellSorted]: this.sorted,
75
+ [modules_1db4bbca.sortedUp]: sortOrder && this.sorted,
76
+ [modules_1db4bbca.cellRight]: column.rightAlign
77
+ });
78
+ return /*#__PURE__*/React.createElement("th", _extends({}, restProps, {
79
+ className: classes,
80
+ onClick: this.onClick,
81
+ "data-test": joinDataTestAttributes('ring-table-header-cell', dataTest)
82
+ }), /*#__PURE__*/React.createElement("span", {
83
+ onClick: this.onChildrenClick,
84
+ role: "presentation"
85
+ }, this.props.children), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && /*#__PURE__*/React.createElement("span", {
86
+ className: modules_1db4bbca.sorter
87
+ }, /*#__PURE__*/React.createElement(Icon, {
88
+ glyph: glyph,
89
+ className: modules_1db4bbca.icon
90
+ })));
91
+ }
92
+ }]);
93
+ }(PureComponent);
94
+ _defineProperty(HeaderCell, "propTypes", {
95
+ children: PropTypes.any,
96
+ className: PropTypes.string,
97
+ column: PropTypes.object.isRequired,
98
+ onSort: PropTypes.func,
99
+ sortKey: PropTypes.string,
100
+ sortOrder: PropTypes.bool,
101
+ 'data-test': PropTypes.string
102
+ });
103
+ _defineProperty(HeaderCell, "defaultProps", {
104
+ onSort: function onSort() {}
105
+ });
81
106
 
82
107
  export { HeaderCell as default };
@@ -1,4 +1,6 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } 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';
@@ -12,117 +14,143 @@ import '../icon/icon.js';
12
14
  import 'util-deprecate';
13
15
  import '../icon/icon__constants.js';
14
16
  import '../_helpers/icon__svg.js';
17
+ import 'core-js/modules/es.regexp.exec.js';
18
+ import 'core-js/modules/es.string.replace.js';
19
+ import 'core-js/modules/es.string.starts-with.js';
15
20
  import '../global/memoize.js';
21
+ import 'core-js/modules/es.array.iterator.js';
22
+ import 'core-js/modules/es.map.js';
23
+ import 'core-js/modules/es.object.to-string.js';
24
+ import 'core-js/modules/es.weak-map.js';
25
+ import 'core-js/modules/web.dom-collections.iterator.js';
16
26
  import '../global/prop-types.js';
17
27
  import '../global/composeRefs.js';
28
+ import 'core-js/modules/web.dom-collections.for-each.js';
29
+ import 'core-js/modules/es.regexp.to-string.js';
18
30
  import '@jetbrains/icons/unsorted-10px';
19
31
  import '@jetbrains/icons/chevron-10px';
20
32
  import '../global/data-tests.js';
33
+ import 'core-js/modules/es.array.reduce.js';
34
+ import 'core-js/modules/es.object.entries.js';
21
35
 
22
- class Header extends PureComponent {
23
- static propTypes = {
24
- caption: PropTypes.string,
25
- selectable: PropTypes.bool,
26
- draggable: PropTypes.bool,
27
- checked: PropTypes.bool,
28
- checkboxDisabled: PropTypes.bool,
29
- sticky: PropTypes.bool,
30
- topStickOffset: PropTypes.string,
31
- onCheckboxChange: PropTypes.func,
32
- columns: PropTypes.array.isRequired,
33
- onSort: PropTypes.func,
34
- sortKey: PropTypes.string,
35
- sortOrder: PropTypes.bool
36
- };
37
- static defaultProps = {
38
- selectable: true,
39
- draggable: false,
40
- checked: true,
41
- sticky: true,
42
- topStickOffset: '0px',
43
- onSort: () => {},
44
- onCheckboxChange: () => {},
45
- sortKey: 'id',
46
- sortOrder: true
47
- };
48
- id = getUID('table-header-');
49
- onCheckboxFocus = event => {
50
- event.currentTarget.blur();
51
- };
52
- createCells() {
53
- let widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
54
- const {
55
- selectable,
56
- draggable,
57
- columns,
58
- checked,
59
- checkboxDisabled,
60
- onCheckboxChange,
61
- onSort,
62
- sortKey,
63
- sortOrder
64
- } = this.props;
65
- const metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
66
- const metaColumn = /*#__PURE__*/React.createElement("div", {
67
- className: metaColumnClasses
68
- }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
69
- "aria-labelledby": this.id,
70
- disabled: checkboxDisabled,
71
- checked: checked,
72
- onChange: onCheckboxChange,
73
- onFocus: this.onCheckboxFocus
74
- }));
75
- let colSpan = 0;
76
- return columns.map((column, index) => {
77
- const columnStyle = widths[index] ? {
78
- width: widths[index]
79
- } : undefined;
80
- const props = {
81
- column,
82
- onSort,
83
- sortKey,
84
- sortOrder,
85
- style: columnStyle
86
- };
87
- colSpan += column.colSpan || 1;
88
- if (colSpan > (this.props.maxColSpan || Infinity)) {
89
- return null;
90
- }
91
- return /*#__PURE__*/React.createElement(HeaderCell, _extends({
92
- key: column.id,
93
- "data-test": column.id,
94
- colSpan: column.colSpan
95
- }, props), index === 0 && (draggable || selectable) && metaColumn);
36
+ var Header = /*#__PURE__*/function (_PureComponent) {
37
+ function Header() {
38
+ var _this;
39
+ _classCallCheck(this, Header);
40
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
41
+ args[_key] = arguments[_key];
42
+ }
43
+ _this = _callSuper(this, Header, [].concat(args));
44
+ _defineProperty(_this, "id", getUID('table-header-'));
45
+ _defineProperty(_this, "onCheckboxFocus", function (event) {
46
+ event.currentTarget.blur();
96
47
  });
48
+ return _this;
97
49
  }
98
- render() {
99
- const {
100
- caption,
101
- sticky,
102
- topStickOffset
103
- } = this.props;
104
- const 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({
112
- [modules_1db4bbca.tableHead]: true,
113
- [modules_1db4bbca.subHeaderSticky]: sticky
114
- })
115
- }, caption && /*#__PURE__*/React.createElement("tr", {
116
- "data-test": "ring-table-header-row"
117
- }, /*#__PURE__*/React.createElement("th", {
118
- className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
119
- colSpan: regularCells.length + 1,
120
- "data-test": "ring-table-header-cell"
121
- }, caption)), /*#__PURE__*/React.createElement("tr", {
122
- className: modules_1db4bbca.subHeader,
123
- "data-test": "ring-table-header-row"
124
- }, regularCells));
125
- }
126
- }
50
+ _inherits(Header, _PureComponent);
51
+ return _createClass(Header, [{
52
+ key: "createCells",
53
+ value: function createCells() {
54
+ var _this2 = this;
55
+ var widths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
56
+ var _this$props = this.props,
57
+ selectable = _this$props.selectable,
58
+ draggable = _this$props.draggable,
59
+ columns = _this$props.columns,
60
+ checked = _this$props.checked,
61
+ checkboxDisabled = _this$props.checkboxDisabled,
62
+ onCheckboxChange = _this$props.onCheckboxChange,
63
+ onSort = _this$props.onSort,
64
+ sortKey = _this$props.sortKey,
65
+ sortOrder = _this$props.sortOrder;
66
+ var metaColumnClasses = classNames(modules_1db4bbca.metaColumn, modules_1db4bbca.headerMetaColumn);
67
+ var metaColumn = /*#__PURE__*/React.createElement("div", {
68
+ className: metaColumnClasses
69
+ }, selectable && /*#__PURE__*/React.createElement(Checkbox, {
70
+ "aria-labelledby": this.id,
71
+ disabled: checkboxDisabled,
72
+ checked: checked,
73
+ onChange: onCheckboxChange,
74
+ onFocus: this.onCheckboxFocus
75
+ }));
76
+ var colSpan = 0;
77
+ return columns.map(function (column, index) {
78
+ var columnStyle = widths[index] ? {
79
+ width: widths[index]
80
+ } : undefined;
81
+ var props = {
82
+ column,
83
+ onSort,
84
+ sortKey,
85
+ sortOrder,
86
+ style: columnStyle
87
+ };
88
+ colSpan += column.colSpan || 1;
89
+ if (colSpan > (_this2.props.maxColSpan || Infinity)) {
90
+ return null;
91
+ }
92
+ return /*#__PURE__*/React.createElement(HeaderCell, _extends({
93
+ key: column.id,
94
+ "data-test": column.id,
95
+ colSpan: column.colSpan
96
+ }, props), index === 0 && (draggable || selectable) && metaColumn);
97
+ });
98
+ }
99
+ }, {
100
+ key: "render",
101
+ value: function render() {
102
+ var _this$props2 = this.props,
103
+ caption = _this$props2.caption,
104
+ sticky = _this$props2.sticky,
105
+ topStickOffset = _this$props2.topStickOffset;
106
+ var regularCells = this.createCells();
107
+ return /*#__PURE__*/React.createElement("thead", {
108
+ id: this.id,
109
+ "data-test": "ring-table-header",
110
+ style: {
111
+ top: topStickOffset
112
+ },
113
+ className: classNames({
114
+ [modules_1db4bbca.tableHead]: true,
115
+ [modules_1db4bbca.subHeaderSticky]: sticky
116
+ })
117
+ }, caption && /*#__PURE__*/React.createElement("tr", {
118
+ "data-test": "ring-table-header-row"
119
+ }, /*#__PURE__*/React.createElement("th", {
120
+ className: classNames(modules_1db4bbca.headerCell, modules_1db4bbca.caption),
121
+ colSpan: regularCells.length + 1,
122
+ "data-test": "ring-table-header-cell"
123
+ }, caption)), /*#__PURE__*/React.createElement("tr", {
124
+ className: modules_1db4bbca.subHeader,
125
+ "data-test": "ring-table-header-row"
126
+ }, regularCells));
127
+ }
128
+ }]);
129
+ }(PureComponent);
130
+ _defineProperty(Header, "propTypes", {
131
+ caption: PropTypes.string,
132
+ selectable: PropTypes.bool,
133
+ draggable: PropTypes.bool,
134
+ checked: PropTypes.bool,
135
+ checkboxDisabled: PropTypes.bool,
136
+ sticky: PropTypes.bool,
137
+ topStickOffset: PropTypes.string,
138
+ onCheckboxChange: PropTypes.func,
139
+ columns: PropTypes.array.isRequired,
140
+ onSort: PropTypes.func,
141
+ sortKey: PropTypes.string,
142
+ sortOrder: PropTypes.bool
143
+ });
144
+ _defineProperty(Header, "defaultProps", {
145
+ selectable: true,
146
+ draggable: false,
147
+ checked: true,
148
+ sticky: true,
149
+ topStickOffset: '0px',
150
+ onSort: function onSort() {},
151
+ onCheckboxChange: function onCheckboxChange() {},
152
+ sortKey: 'id',
153
+ sortOrder: true
154
+ });
127
155
 
128
156
  export { Header as default };