@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,57 +1,75 @@
1
+ import { a as _inherits, b as _createClass, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
1
3
  import React, { PureComponent } from 'react';
2
4
  import PropTypes from 'prop-types';
3
5
  import classNames from 'classnames';
4
6
  import joinDataTestAttributes from '../global/data-tests.js';
5
7
  import getEventKey from '../global/get-event-key.js';
6
8
  import { m as modules_3b67a421 } from '../_helpers/list.js';
9
+ 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';
7
12
 
8
- class ListCustom extends PureComponent {
9
- handleKeyPress = event => {
10
- const key = getEventKey(event);
11
- if (key === 'Enter' || key === ' ') {
12
- this.props.onClick(event);
13
+ var _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
14
+ var ListCustom = /*#__PURE__*/function (_PureComponent) {
15
+ function ListCustom() {
16
+ var _this;
17
+ _classCallCheck(this, ListCustom);
18
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
19
+ args[_key] = arguments[_key];
13
20
  }
14
- };
15
- render() {
16
- const {
17
- scrolling,
18
- hover,
19
- className,
20
- disabled,
21
- template,
22
- rgItemType,
23
- tabIndex,
24
- onClick,
25
- onCheckboxChange,
26
- onMouseOver,
27
- onMouseUp,
28
- role,
29
- tagName,
30
- ...restProps
31
- } = this.props;
32
- const classes = classNames(modules_3b67a421.item, className, {
33
- [modules_3b67a421.action]: !disabled,
34
- [modules_3b67a421.hover]: hover && !disabled,
35
- [modules_3b67a421.scrolling]: scrolling
21
+ _this = _callSuper(this, ListCustom, [].concat(args));
22
+ _defineProperty(_this, "handleKeyPress", function (event) {
23
+ var key = getEventKey(event);
24
+ if (key === 'Enter' || key === ' ') {
25
+ _this.props.onClick(event);
26
+ }
36
27
  });
37
- const dataTest = joinDataTestAttributes('ring-list-item-custom', {
38
- 'ring-list-item-action': !disabled
39
- }, restProps['data-test']);
40
- const content = typeof template === 'function' ? template(this.props) : template;
41
- const TagName = tagName || 'span';
42
- return /*#__PURE__*/React.createElement(TagName, {
43
- role: role || 'button',
44
- tabIndex: tabIndex,
45
- onClick: onClick,
46
- onKeyPress: this.handleKeyPress,
47
- onMouseOver: onMouseOver,
48
- onFocus: onMouseOver,
49
- onMouseUp: onMouseUp,
50
- className: classes,
51
- "data-test": dataTest
52
- }, content);
28
+ return _this;
53
29
  }
54
- }
30
+ _inherits(ListCustom, _PureComponent);
31
+ return _createClass(ListCustom, [{
32
+ key: "render",
33
+ value: function render() {
34
+ var _this$props = this.props,
35
+ scrolling = _this$props.scrolling,
36
+ hover = _this$props.hover,
37
+ className = _this$props.className,
38
+ disabled = _this$props.disabled,
39
+ template = _this$props.template;
40
+ _this$props.rgItemType;
41
+ var tabIndex = _this$props.tabIndex,
42
+ onClick = _this$props.onClick;
43
+ _this$props.onCheckboxChange;
44
+ var onMouseOver = _this$props.onMouseOver,
45
+ onMouseUp = _this$props.onMouseUp,
46
+ role = _this$props.role,
47
+ tagName = _this$props.tagName,
48
+ restProps = _objectWithoutProperties(_this$props, _excluded);
49
+ var classes = classNames(modules_3b67a421.item, className, {
50
+ [modules_3b67a421.action]: !disabled,
51
+ [modules_3b67a421.hover]: hover && !disabled,
52
+ [modules_3b67a421.scrolling]: scrolling
53
+ });
54
+ var dataTest = joinDataTestAttributes('ring-list-item-custom', {
55
+ 'ring-list-item-action': !disabled
56
+ }, restProps['data-test']);
57
+ var content = typeof template === 'function' ? template(this.props) : template;
58
+ var TagName = tagName || 'span';
59
+ return /*#__PURE__*/React.createElement(TagName, {
60
+ role: role || 'button',
61
+ tabIndex: tabIndex,
62
+ onClick: onClick,
63
+ onKeyPress: this.handleKeyPress,
64
+ onMouseOver: onMouseOver,
65
+ onFocus: onMouseOver,
66
+ onMouseUp: onMouseUp,
67
+ className: classes,
68
+ "data-test": dataTest
69
+ }, content);
70
+ }
71
+ }]);
72
+ }(PureComponent);
55
73
  ListCustom.propTypes = {
56
74
  scrolling: PropTypes.bool.isRequired,
57
75
  hover: PropTypes.bool.isRequired,
@@ -1,3 +1,4 @@
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
1
2
  import React, { PureComponent } from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import classNames from 'classnames';
@@ -7,16 +8,24 @@ import { m as modules_3b67a421 } from '../_helpers/list.js';
7
8
  * @constructor
8
9
  * @extends {ReactComponent}
9
10
  */
10
- class ListHint extends PureComponent {
11
- static propTypes = {
12
- label: PropTypes.node
13
- };
14
- render() {
15
- return /*#__PURE__*/React.createElement("span", {
16
- className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
17
- "data-test": "ring-list-hint"
18
- }, this.props.label);
11
+ var ListHint = /*#__PURE__*/function (_PureComponent) {
12
+ function ListHint() {
13
+ _classCallCheck(this, ListHint);
14
+ return _callSuper(this, ListHint, arguments);
19
15
  }
20
- }
16
+ _inherits(ListHint, _PureComponent);
17
+ return _createClass(ListHint, [{
18
+ key: "render",
19
+ value: function render() {
20
+ return /*#__PURE__*/React.createElement("span", {
21
+ className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
22
+ "data-test": "ring-list-hint"
23
+ }, this.props.label);
24
+ }
25
+ }]);
26
+ }(PureComponent);
27
+ _defineProperty(ListHint, "propTypes", {
28
+ label: PropTypes.node
29
+ });
21
30
 
22
31
  export { ListHint as default };
@@ -1,3 +1,8 @@
1
+ import { a as _inherits, b as _createClass, c as _objectWithoutProperties, f as _classCallCheck, g as _callSuper, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.symbol.js';
3
+ import 'core-js/modules/es.symbol.description.js';
4
+ import 'core-js/modules/es.array.concat.js';
5
+ import 'core-js/modules/es.array.index-of.js';
1
6
  import React, { PureComponent } from 'react';
2
7
  import PropTypes from 'prop-types';
3
8
  import classNames from 'classnames';
@@ -7,10 +12,26 @@ import Checkbox from '../checkbox/checkbox.js';
7
12
  import Icon from '../icon/icon.js';
8
13
  import getUID from '../global/get-uid.js';
9
14
  import { m as modules_3b67a421 } from '../_helpers/list.js';
10
- import '../_helpers/_rollupPluginBabelHelpers.js';
15
+ import 'core-js/modules/es.array.reduce.js';
16
+ import 'core-js/modules/es.object.entries.js';
17
+ import 'core-js/modules/es.object.to-string.js';
11
18
  import '../global/url.js';
19
+ import 'core-js/modules/es.regexp.exec.js';
20
+ import 'core-js/modules/es.string.match.js';
21
+ import 'core-js/modules/es.string.replace.js';
12
22
  import '../global/dom.js';
23
+ import 'core-js/modules/es.array.filter.js';
24
+ import 'core-js/modules/es.array.iterator.js';
25
+ import 'core-js/modules/es.object.assign.js';
26
+ import 'core-js/modules/es.set.js';
27
+ import 'core-js/modules/es.string.split.js';
28
+ import 'core-js/modules/web.dom-collections.for-each.js';
29
+ import 'core-js/modules/web.dom-collections.iterator.js';
13
30
  import '../avatar/fallback-avatar.js';
31
+ import 'core-js/modules/es.array.from.js';
32
+ import 'core-js/modules/es.array.map.js';
33
+ import 'core-js/modules/es.array.slice.js';
34
+ import 'core-js/modules/es.regexp.to-string.js';
14
35
  import '@jetbrains/icons/checkmark-12px';
15
36
  import '@jetbrains/icons/remove-12px';
16
37
  import '../global/prop-types.js';
@@ -18,149 +39,169 @@ import '../global/composeRefs.js';
18
39
  import 'util-deprecate';
19
40
  import '../icon/icon__constants.js';
20
41
  import '../_helpers/icon__svg.js';
42
+ import 'core-js/modules/es.string.starts-with.js';
21
43
  import '../global/memoize.js';
44
+ import 'core-js/modules/es.map.js';
45
+ import 'core-js/modules/es.weak-map.js';
22
46
 
23
47
  var modules_5b0fb3e8 = {"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
24
48
 
49
+ var _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
25
50
  /**
26
51
  * @constructor
27
52
  * @extends {ReactComponent}
28
53
  */
29
- const RING_UNIT = 8;
30
- const DEFAULT_PADDING = 16;
31
- const CHECKBOX_WIDTH = 28;
32
- class ListItem extends PureComponent {
33
- id = getUID('list-item-');
34
- stopBubbling = e => e.stopPropagation();
35
- _isString = val => typeof val === 'string' || val instanceof String;
36
- render() {
37
- const {
38
- scrolling,
39
- className,
40
- disabled,
41
- checkbox,
42
- avatar,
43
- subavatar,
44
- glyph,
45
- icon,
46
- rightGlyph,
47
- description,
48
- label,
49
- title,
50
- details,
51
- hover,
52
- rgItemType,
53
- level,
54
- tabIndex,
55
- compact,
56
- onClick,
57
- onCheckboxChange,
58
- onMouseOver,
59
- onMouseDown,
60
- onMouseUp,
61
- rightNodes,
62
- leftNodes,
63
- showGeneratedAvatar,
64
- username,
65
- labelWrapper,
66
- ...restProps
67
- } = this.props;
68
- const checkable = checkbox !== undefined;
69
- const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
70
- const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
71
- const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
72
- const classes = classNames(modules_3b67a421.item, modules_5b0fb3e8.resetButton, className, {
73
- [modules_3b67a421.action]: !disabled,
74
- [modules_3b67a421.hover]: hover && !disabled,
75
- [modules_3b67a421.compact]: compact,
76
- [modules_3b67a421.scrolling]: scrolling,
77
- [modules_3b67a421.disabled]: disabled
54
+ var RING_UNIT = 8;
55
+ var DEFAULT_PADDING = 16;
56
+ var CHECKBOX_WIDTH = 28;
57
+ var ListItem = /*#__PURE__*/function (_PureComponent) {
58
+ function ListItem() {
59
+ var _this;
60
+ _classCallCheck(this, ListItem);
61
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
62
+ args[_key] = arguments[_key];
63
+ }
64
+ _this = _callSuper(this, ListItem, [].concat(args));
65
+ _defineProperty(_this, "id", getUID('list-item-'));
66
+ _defineProperty(_this, "stopBubbling", function (e) {
67
+ return e.stopPropagation();
78
68
  });
79
- const detailsClasses = classNames({
80
- [modules_3b67a421.details]: details,
81
- [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
69
+ _defineProperty(_this, "_isString", function (val) {
70
+ return typeof val === 'string' || val instanceof String;
82
71
  });
83
- const style = {
84
- paddingLeft: `${(Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
85
- };
86
- let computedTitle = null;
87
- if (this._isString(title)) {
88
- // if title is specified and is a string then use it
89
- computedTitle = title;
90
- } else {
91
- // otherwise use label if it is a string;
92
- // label can also be an element, use empty string in this case
93
- computedTitle = this._isString(label) ? label : '';
94
- }
95
- const dataTest = joinDataTestAttributes({
96
- 'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
97
- 'ring-list-item-action': !disabled,
98
- 'ring-list-item-selected': checkbox
99
- }, restProps['data-test']);
100
- const labelElement = /*#__PURE__*/React.createElement("span", {
101
- className: modules_3b67a421.label,
102
- title: computedTitle,
103
- "data-test": "ring-list-item-label"
104
- }, label);
105
- return /*#__PURE__*/React.createElement("div", {
106
- className: modules_3b67a421.itemContainer,
107
- "data-test": dataTest
108
- }, showCheckbox && /*#__PURE__*/React.createElement("div", {
109
- className: modules_3b67a421.checkboxContainer
110
- }, /*#__PURE__*/React.createElement(Checkbox, {
111
- "aria-labelledby": this.id,
112
- checked: checkbox,
113
- disabled: disabled,
114
- onChange: onCheckboxChange,
115
- onClick: this.stopBubbling
116
- })), /*#__PURE__*/React.createElement("button", {
117
- id: this.id,
118
- type: "button",
119
- tabIndex: tabIndex,
120
- onClick: onClick,
121
- onMouseOver: onMouseOver,
122
- onMouseDown: onMouseDown,
123
- onFocus: onMouseOver,
124
- onMouseUp: onMouseUp,
125
- className: classes,
126
- style: style
127
- }, /*#__PURE__*/React.createElement("div", {
128
- className: modules_3b67a421.top,
129
- onMouseOut: this.stopBubbling,
130
- onBlur: this.stopBubbling
131
- }, !showCheckbox && /*#__PURE__*/React.createElement("div", {
132
- className: modules_3b67a421.left
133
- }, leftNodes, glyph && /*#__PURE__*/React.createElement(Icon, {
134
- className: modules_3b67a421.glyph,
135
- glyph: glyph,
136
- size: this.props.iconSize,
137
- suppressSizeWarning: this.props.suppressSizeWarning
138
- }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
139
- className: modules_3b67a421.avatar,
140
- url: avatar,
141
- size: Size.Size20,
142
- subavatar: subavatar,
143
- username: username
144
- })), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/React.createElement("span", {
145
- className: modules_3b67a421.description,
146
- "data-test": "ring-list-item-description"
147
- }, description), /*#__PURE__*/React.createElement("div", {
148
- className: modules_3b67a421.right
149
- }, rightGlyph && /*#__PURE__*/React.createElement(Icon, {
150
- className: modules_3b67a421.rightGlyph,
151
- glyph: rightGlyph,
152
- suppressSizeWarning: this.props.suppressSizeWarning,
153
- size: this.props.iconSize
154
- }), icon && /*#__PURE__*/React.createElement("div", {
155
- className: modules_3b67a421.icon,
156
- style: {
157
- backgroundImage: `url("${icon}")`
158
- }
159
- }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
160
- className: detailsClasses
161
- }, details)));
72
+ return _this;
162
73
  }
163
- }
74
+ _inherits(ListItem, _PureComponent);
75
+ return _createClass(ListItem, [{
76
+ key: "render",
77
+ value: function render() {
78
+ var _this$props = this.props,
79
+ scrolling = _this$props.scrolling,
80
+ className = _this$props.className,
81
+ disabled = _this$props.disabled,
82
+ checkbox = _this$props.checkbox,
83
+ avatar = _this$props.avatar,
84
+ subavatar = _this$props.subavatar,
85
+ glyph = _this$props.glyph,
86
+ icon = _this$props.icon,
87
+ rightGlyph = _this$props.rightGlyph,
88
+ description = _this$props.description,
89
+ label = _this$props.label,
90
+ title = _this$props.title,
91
+ details = _this$props.details,
92
+ hover = _this$props.hover;
93
+ _this$props.rgItemType;
94
+ var level = _this$props.level,
95
+ tabIndex = _this$props.tabIndex,
96
+ compact = _this$props.compact,
97
+ onClick = _this$props.onClick,
98
+ onCheckboxChange = _this$props.onCheckboxChange,
99
+ onMouseOver = _this$props.onMouseOver,
100
+ onMouseDown = _this$props.onMouseDown,
101
+ onMouseUp = _this$props.onMouseUp,
102
+ rightNodes = _this$props.rightNodes,
103
+ leftNodes = _this$props.leftNodes,
104
+ showGeneratedAvatar = _this$props.showGeneratedAvatar,
105
+ username = _this$props.username,
106
+ labelWrapper = _this$props.labelWrapper,
107
+ restProps = _objectWithoutProperties(_this$props, _excluded);
108
+ var checkable = checkbox !== undefined;
109
+ var shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
110
+ var hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
111
+ var showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
112
+ var classes = classNames(modules_3b67a421.item, modules_5b0fb3e8.resetButton, className, {
113
+ [modules_3b67a421.action]: !disabled,
114
+ [modules_3b67a421.hover]: hover && !disabled,
115
+ [modules_3b67a421.compact]: compact,
116
+ [modules_3b67a421.scrolling]: scrolling,
117
+ [modules_3b67a421.disabled]: disabled
118
+ });
119
+ var detailsClasses = classNames({
120
+ [modules_3b67a421.details]: details,
121
+ [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
122
+ });
123
+ var style = {
124
+ paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
125
+ };
126
+ var computedTitle = null;
127
+ if (this._isString(title)) {
128
+ // if title is specified and is a string then use it
129
+ computedTitle = title;
130
+ } else {
131
+ // otherwise use label if it is a string;
132
+ // label can also be an element, use empty string in this case
133
+ computedTitle = this._isString(label) ? label : '';
134
+ }
135
+ var dataTest = joinDataTestAttributes({
136
+ 'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
137
+ 'ring-list-item-action': !disabled,
138
+ 'ring-list-item-selected': checkbox
139
+ }, restProps['data-test']);
140
+ var labelElement = /*#__PURE__*/React.createElement("span", {
141
+ className: modules_3b67a421.label,
142
+ title: computedTitle,
143
+ "data-test": "ring-list-item-label"
144
+ }, label);
145
+ return /*#__PURE__*/React.createElement("div", {
146
+ className: modules_3b67a421.itemContainer,
147
+ "data-test": dataTest
148
+ }, showCheckbox && /*#__PURE__*/React.createElement("div", {
149
+ className: modules_3b67a421.checkboxContainer
150
+ }, /*#__PURE__*/React.createElement(Checkbox, {
151
+ "aria-labelledby": this.id,
152
+ checked: checkbox,
153
+ disabled: disabled,
154
+ onChange: onCheckboxChange,
155
+ onClick: this.stopBubbling
156
+ })), /*#__PURE__*/React.createElement("button", {
157
+ id: this.id,
158
+ type: "button",
159
+ tabIndex: tabIndex,
160
+ onClick: onClick,
161
+ onMouseOver: onMouseOver,
162
+ onMouseDown: onMouseDown,
163
+ onFocus: onMouseOver,
164
+ onMouseUp: onMouseUp,
165
+ className: classes,
166
+ style: style
167
+ }, /*#__PURE__*/React.createElement("div", {
168
+ className: modules_3b67a421.top,
169
+ onMouseOut: this.stopBubbling,
170
+ onBlur: this.stopBubbling
171
+ }, !showCheckbox && /*#__PURE__*/React.createElement("div", {
172
+ className: modules_3b67a421.left
173
+ }, leftNodes, glyph && /*#__PURE__*/React.createElement(Icon, {
174
+ className: modules_3b67a421.glyph,
175
+ glyph: glyph,
176
+ size: this.props.iconSize,
177
+ suppressSizeWarning: this.props.suppressSizeWarning
178
+ }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
179
+ className: modules_3b67a421.avatar,
180
+ url: avatar,
181
+ size: Size.Size20,
182
+ subavatar: subavatar,
183
+ username: username
184
+ })), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/React.createElement("span", {
185
+ className: modules_3b67a421.description,
186
+ "data-test": "ring-list-item-description"
187
+ }, description), /*#__PURE__*/React.createElement("div", {
188
+ className: modules_3b67a421.right
189
+ }, rightGlyph && /*#__PURE__*/React.createElement(Icon, {
190
+ className: modules_3b67a421.rightGlyph,
191
+ glyph: rightGlyph,
192
+ suppressSizeWarning: this.props.suppressSizeWarning,
193
+ size: this.props.iconSize
194
+ }), icon && /*#__PURE__*/React.createElement("div", {
195
+ className: modules_3b67a421.icon,
196
+ style: {
197
+ backgroundImage: "url(\"".concat(icon, "\")")
198
+ }
199
+ }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
200
+ className: detailsClasses
201
+ }, details)));
202
+ }
203
+ }]);
204
+ }(PureComponent);
164
205
  ListItem.propTypes = {
165
206
  scrolling: PropTypes.bool,
166
207
  hover: PropTypes.bool,
@@ -1,4 +1,6 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { d as _objectSpread2, 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.symbol.js';
3
+ import 'core-js/modules/es.symbol.description.js';
2
4
  import React, { Component, PureComponent } from 'react';
3
5
  import PropTypes from 'prop-types';
4
6
  import classNames from 'classnames';
@@ -6,48 +8,59 @@ import Link, { linkHOC } from '../link/link.js';
6
8
  import joinDataTestAttributes from '../global/data-tests.js';
7
9
  import { m as modules_3b67a421 } from '../_helpers/list.js';
8
10
  import '../link/clickableLink.js';
11
+ import 'core-js/modules/es.array.concat.js';
9
12
  import '../_helpers/link.js';
13
+ import 'core-js/modules/es.array.reduce.js';
14
+ import 'core-js/modules/es.object.entries.js';
15
+ import 'core-js/modules/es.object.to-string.js';
10
16
 
17
+ var _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
11
18
  /**
12
19
  * @constructor
13
20
  * @extends {ReactComponent}
14
21
  */
15
- class ListLink extends PureComponent {
16
- render() {
17
- const {
18
- scrolling,
19
- 'data-test': dataTest,
20
- className,
21
- label,
22
- hover,
23
- description,
24
- rgItemType,
25
- url,
26
- onCheckboxChange,
27
- disabled,
28
- LinkComponent,
29
- compact,
30
- hoverClassName,
31
- children,
32
- ...restProps
33
- } = this.props;
34
- const classes = classNames(modules_3b67a421.item, className, {
35
- [modules_3b67a421.actionLink]: !disabled,
36
- [modules_3b67a421.compact]: compact,
37
- [modules_3b67a421.scrolling]: scrolling
38
- });
39
- const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
40
- return /*#__PURE__*/React.createElement(Comp, _extends({
41
- pseudo: !this.props.href
42
- }, restProps, {
43
- hover: hover && !disabled,
44
- className: classes,
45
- "data-test": joinDataTestAttributes('ring-list-link', dataTest)
46
- }), label !== null && label !== void 0 ? label : children);
22
+ var ListLink = /*#__PURE__*/function (_PureComponent) {
23
+ function ListLink() {
24
+ _classCallCheck(this, ListLink);
25
+ return _callSuper(this, ListLink, arguments);
47
26
  }
48
- }
49
- ListLink.propTypes = {
50
- ...Link.propTypes,
27
+ _inherits(ListLink, _PureComponent);
28
+ return _createClass(ListLink, [{
29
+ key: "render",
30
+ value: function render() {
31
+ var _this$props = this.props,
32
+ scrolling = _this$props.scrolling,
33
+ dataTest = _this$props['data-test'],
34
+ className = _this$props.className,
35
+ label = _this$props.label,
36
+ hover = _this$props.hover;
37
+ _this$props.description;
38
+ _this$props.rgItemType;
39
+ _this$props.url;
40
+ _this$props.onCheckboxChange;
41
+ var disabled = _this$props.disabled,
42
+ LinkComponent = _this$props.LinkComponent,
43
+ compact = _this$props.compact;
44
+ _this$props.hoverClassName;
45
+ var children = _this$props.children,
46
+ restProps = _objectWithoutProperties(_this$props, _excluded);
47
+ var classes = classNames(modules_3b67a421.item, className, {
48
+ [modules_3b67a421.actionLink]: !disabled,
49
+ [modules_3b67a421.compact]: compact,
50
+ [modules_3b67a421.scrolling]: scrolling
51
+ });
52
+ var Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
53
+ return /*#__PURE__*/React.createElement(Comp, _extends({
54
+ pseudo: !this.props.href
55
+ }, restProps, {
56
+ hover: hover && !disabled,
57
+ className: classes,
58
+ "data-test": joinDataTestAttributes('ring-list-link', dataTest)
59
+ }), label !== null && label !== void 0 ? label : children);
60
+ }
61
+ }]);
62
+ }(PureComponent);
63
+ ListLink.propTypes = _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
51
64
  description: PropTypes.string,
52
65
  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
53
66
  rgItemType: PropTypes.number,
@@ -56,6 +69,6 @@ ListLink.propTypes = {
56
69
  LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
57
70
  onCheckboxChange: PropTypes.func.isRequired,
58
71
  compact: PropTypes.bool
59
- };
72
+ });
60
73
 
61
74
  export { ListLink as default };
@@ -1,23 +1,33 @@
1
+ import { a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.symbol.js';
3
+ import 'core-js/modules/es.symbol.description.js';
1
4
  import React, { PureComponent } from 'react';
2
5
  import PropTypes from 'prop-types';
3
6
  import classNames from 'classnames';
4
7
  import { m as modules_3b67a421 } from '../_helpers/list.js';
5
8
 
6
- class ListSeparator extends PureComponent {
7
- render() {
8
- const {
9
- description,
10
- isFirst,
11
- className
12
- } = this.props;
13
- const classes = classNames(modules_3b67a421.separator, className, {
14
- [modules_3b67a421.separator_first]: isFirst
15
- });
16
- return /*#__PURE__*/React.createElement("span", {
17
- className: classes
18
- }, description);
9
+ var ListSeparator = /*#__PURE__*/function (_PureComponent) {
10
+ function ListSeparator() {
11
+ _classCallCheck(this, ListSeparator);
12
+ return _callSuper(this, ListSeparator, arguments);
19
13
  }
20
- }
14
+ _inherits(ListSeparator, _PureComponent);
15
+ return _createClass(ListSeparator, [{
16
+ key: "render",
17
+ value: function render() {
18
+ var _this$props = this.props,
19
+ description = _this$props.description,
20
+ isFirst = _this$props.isFirst,
21
+ className = _this$props.className;
22
+ var classes = classNames(modules_3b67a421.separator, className, {
23
+ [modules_3b67a421.separator_first]: isFirst
24
+ });
25
+ return /*#__PURE__*/React.createElement("span", {
26
+ className: classes
27
+ }, description);
28
+ }
29
+ }]);
30
+ }(PureComponent);
21
31
  ListSeparator.propTypes = {
22
32
  className: PropTypes.string,
23
33
  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),