@jetbrains/ring-ui-built 6.0.32 → 6.0.34

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 (226) 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 +176 -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.d.ts +1 -2
  124. package/components/http/http.js +345 -203
  125. package/components/http/http.mock.d.ts +1 -5
  126. package/components/http/http.mock.js +101 -49
  127. package/components/hub-source/hub-source.js +190 -83
  128. package/components/hub-source/hub-source__user.js +44 -11
  129. package/components/hub-source/hub-source__users-groups.js +65 -37
  130. package/components/i18n/i18n-context.js +10 -7
  131. package/components/i18n/i18n.js +10 -7
  132. package/components/icon/icon.js +93 -76
  133. package/components/icon/icon__svg.js +8 -0
  134. package/components/icon/index.js +8 -0
  135. package/components/input/input.js +13 -0
  136. package/components/island/adaptive-island-hoc.js +43 -30
  137. package/components/island/content.js +132 -115
  138. package/components/island/header.js +70 -57
  139. package/components/island/island.js +40 -28
  140. package/components/island-legacy/content-legacy.js +25 -17
  141. package/components/island-legacy/header-legacy.js +27 -19
  142. package/components/island-legacy/island-legacy.js +25 -17
  143. package/components/link/clickableLink.js +59 -44
  144. package/components/link/link.js +68 -57
  145. package/components/list/consts.js +2 -2
  146. package/components/list/list.js +698 -611
  147. package/components/list/list__custom.js +62 -44
  148. package/components/list/list__hint.js +19 -10
  149. package/components/list/list__item.js +174 -133
  150. package/components/list/list__link.js +50 -37
  151. package/components/list/list__separator.js +24 -14
  152. package/components/list/list__title.js +32 -22
  153. package/components/list/list__users-groups-source.js +126 -54
  154. package/components/loader/loader.js +74 -43
  155. package/components/loader/loader__core.js +263 -198
  156. package/components/loader-inline/loader-inline.js +35 -23
  157. package/components/loader-screen/loader-screen.js +46 -25
  158. package/components/login-dialog/login-dialog.js +158 -111
  159. package/components/login-dialog/service.js +34 -8
  160. package/components/markdown/markdown.js +23 -15
  161. package/components/message/message.js +203 -161
  162. package/components/old-browsers-message/old-browsers-message.js +18 -11
  163. package/components/old-browsers-message/old-browsers-message__stop.js +7 -0
  164. package/components/old-browsers-message/white-list.js +17 -9
  165. package/components/pager/pager.js +271 -212
  166. package/components/panel/panel.js +25 -17
  167. package/components/permissions/permissions.js +172 -127
  168. package/components/permissions/permissions__cache.js +224 -194
  169. package/components/popup/popup.consts.js +1 -1
  170. package/components/popup/popup.js +343 -284
  171. package/components/popup/popup.target.js +8 -9
  172. package/components/popup/position.js +106 -96
  173. package/components/popup-menu/popup-menu.js +81 -44
  174. package/components/progress-bar/progress-bar.js +104 -87
  175. package/components/query-assist/query-assist.js +916 -838
  176. package/components/query-assist/query-assist__suggestions.js +30 -1
  177. package/components/radio/radio.js +34 -19
  178. package/components/radio/radio__item.js +69 -52
  179. package/components/select/select.js +957 -852
  180. package/components/select/select__filter.js +30 -0
  181. package/components/select/select__popup.js +487 -373
  182. package/components/shortcuts/core.js +217 -166
  183. package/components/shortcuts/shortcut-title.js +11 -6
  184. package/components/shortcuts/shortcuts-hoc.js +45 -19
  185. package/components/shortcuts/shortcuts.js +75 -50
  186. package/components/slider/slider.js +122 -99
  187. package/components/slider/slider.utils.js +24 -14
  188. package/components/storage/storage.js +33 -4
  189. package/components/storage/storage__fallback.js +224 -149
  190. package/components/storage/storage__local.js +153 -90
  191. package/components/tab-trap/tab-trap.js +153 -122
  192. package/components/table/cell.js +26 -14
  193. package/components/table/disable-hover-hoc.js +51 -33
  194. package/components/table/header-cell.js +89 -64
  195. package/components/table/header.js +132 -104
  196. package/components/table/multitable.js +125 -107
  197. package/components/table/row-with-focus-sensor.js +69 -25
  198. package/components/table/row.js +216 -175
  199. package/components/table/selection-adapter.js +3 -1
  200. package/components/table/selection-shortcuts-hoc.js +181 -180
  201. package/components/table/selection.js +226 -156
  202. package/components/table/smart-table.js +88 -50
  203. package/components/table/table.js +358 -289
  204. package/components/tabs/collapsible-more.js +79 -46
  205. package/components/tabs/collapsible-tab.js +38 -31
  206. package/components/tabs/collapsible-tabs.js +153 -88
  207. package/components/tabs/custom-item.js +2 -4
  208. package/components/tabs/dumb-tabs.js +117 -74
  209. package/components/tabs/smart-tabs.js +69 -29
  210. package/components/tabs/tab-link.js +5 -1
  211. package/components/tabs/tab.js +31 -19
  212. package/components/tabs/tabs.js +31 -0
  213. package/components/tag/tag.js +173 -133
  214. package/components/tags-input/tags-input.js +427 -329
  215. package/components/tags-list/tags-list.js +78 -57
  216. package/components/text/text.js +39 -28
  217. package/components/toggle/toggle.js +70 -56
  218. package/components/tooltip/tooltip.js +190 -146
  219. package/components/user-agreement/service.js +371 -228
  220. package/components/user-agreement/toolbox.eula.js +1 -160
  221. package/components/user-agreement/user-agreement.js +120 -85
  222. package/components/user-card/card.js +29 -0
  223. package/components/user-card/smart-user-card-tooltip.js +111 -51
  224. package/components/user-card/tooltip.js +84 -47
  225. package/components/user-card/user-card.js +29 -0
  226. package/package.json +1 -2
@@ -1,14 +1,33 @@
1
- import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _extends, j as _slicedToArray, 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';
5
6
  import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
6
7
  import { getPixelRatio } from '../global/dom.js';
7
8
  import FallbackAvatar from './fallback-avatar.js';
9
+ import 'core-js/modules/es.array.index-of.js';
10
+ import 'core-js/modules/es.regexp.exec.js';
11
+ import 'core-js/modules/es.string.match.js';
12
+ import 'core-js/modules/es.string.replace.js';
13
+ import 'core-js/modules/es.array.filter.js';
14
+ import 'core-js/modules/es.array.iterator.js';
15
+ import 'core-js/modules/es.object.assign.js';
16
+ import 'core-js/modules/es.object.entries.js';
17
+ import 'core-js/modules/es.object.to-string.js';
18
+ import 'core-js/modules/es.set.js';
19
+ import 'core-js/modules/es.string.split.js';
20
+ import 'core-js/modules/web.dom-collections.for-each.js';
21
+ import 'core-js/modules/web.dom-collections.iterator.js';
22
+ import 'core-js/modules/es.array.from.js';
23
+ import 'core-js/modules/es.array.map.js';
24
+ import 'core-js/modules/es.array.slice.js';
8
25
  import '../global/get-uid.js';
26
+ import 'core-js/modules/es.regexp.to-string.js';
9
27
 
10
28
  var modules_61ca8c75 = {"light":"light_rui_2ac4","avatar":"avatar_rui_006c","subavatar":"subavatar_rui_006c","empty":"empty_rui_006c"};
11
29
 
30
+ var _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize", "username", "skipParams"];
12
31
  /**
13
32
  * @name Avatar
14
33
  */
@@ -23,126 +42,140 @@ var Size;
23
42
  Size[Size["Size48"] = 48] = "Size48";
24
43
  Size[Size["Size56"] = 56] = "Size56";
25
44
  })(Size || (Size = {}));
26
- class Avatar extends PureComponent {
27
- static propTypes = {
28
- dpr: PropTypes.number,
29
- className: PropTypes.string,
30
- size: PropTypes.number,
31
- style: PropTypes.object,
32
- url: PropTypes.string,
33
- round: PropTypes.bool,
34
- subavatar: PropTypes.string,
35
- subavatarSize: PropTypes.number,
36
- username: PropTypes.string,
37
- skipParams: PropTypes.bool
38
- };
39
- static defaultProps = {
40
- dpr: getPixelRatio(),
41
- size: Size.Size20,
42
- subavatarSize: Size.Size20 / 2,
43
- style: {}
44
- };
45
- state = {
46
- errorUrl: ''
47
- };
48
- handleError = () => {
49
- this.setState({
50
- errorUrl: this.props.url
51
- });
52
- };
53
- handleSuccess = () => {
54
- this.setState({
45
+ var Avatar = /*#__PURE__*/function (_PureComponent) {
46
+ function Avatar() {
47
+ var _this;
48
+ _classCallCheck(this, Avatar);
49
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
50
+ args[_key] = arguments[_key];
51
+ }
52
+ _this = _callSuper(this, Avatar, [].concat(args));
53
+ _defineProperty(_this, "state", {
55
54
  errorUrl: ''
56
55
  });
57
- };
58
- render() {
59
- const {
60
- size,
61
- url,
62
- dpr,
63
- style,
64
- round,
65
- subavatar,
66
- subavatarSize,
67
- username,
68
- skipParams,
69
- ...restProps
70
- } = this.props;
71
- const sizeString = `${size}px`;
72
- const subavatarSizeString = `${subavatarSize}px`;
73
- const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
74
- const styleObj = {
75
- borderRadius: round ? '50%' : borderRadius,
76
- height: sizeString,
77
- width: sizeString,
78
- ...style
79
- };
80
- const styleObjGroup = {
81
- borderRadius: '2px',
82
- height: subavatarSizeString,
83
- width: subavatarSizeString,
84
- ...style
85
- };
86
- if (!url || this.state.errorUrl === url) {
87
- return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
88
- "data-test": "avatar",
89
- className: classNames(modules_61ca8c75.avatar, this.props.className, {
90
- [modules_61ca8c75.empty]: username == null
91
- }),
92
- style: styleObj
93
- }), username != null && /*#__PURE__*/React.createElement(FallbackAvatar, {
94
- size: size,
95
- round: round,
96
- username: username
97
- }));
98
- }
99
- let src = url;
100
- if (!skipParams && !isDataURI(url)) {
101
- const [urlStart, query] = url.split('?');
102
- const queryParams = {
103
- ...parseQueryString(query),
104
- dpr,
105
- size
106
- };
107
- src = encodeURL(urlStart, queryParams);
108
- }
109
- let subavatarSrc = null;
110
- if (subavatar && !isDataURI(subavatar)) {
111
- const [urlStart, query] = subavatar.split('?');
112
- const queryParams = {
113
- ...parseQueryString(query),
114
- dpr,
115
- subavatarSizeString
116
- };
117
- subavatarSrc = skipParams ? subavatar : encodeURL(urlStart, queryParams);
118
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
119
- onError: this.handleError,
120
- onLoad: this.handleSuccess,
121
- className: classNames(modules_61ca8c75.avatar, this.props.className),
122
- style: styleObj,
123
- src: src,
124
- alt: "User avatar"
125
- })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
126
- "data-test": "avatar",
127
- onError: this.handleError,
128
- onLoad: this.handleSuccess,
129
- className: classNames(modules_61ca8c75.subavatar),
130
- style: styleObjGroup,
131
- src: subavatarSrc,
132
- alt: "Subavatar"
133
- })));
134
- } else {
135
- return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
136
- "data-test": "avatar",
137
- onError: this.handleError,
138
- onLoad: this.handleSuccess,
139
- className: classNames(modules_61ca8c75.avatar, this.props.className),
140
- style: styleObj,
141
- src: src,
142
- alt: "User avatar"
143
- }));
144
- }
56
+ _defineProperty(_this, "handleError", function () {
57
+ _this.setState({
58
+ errorUrl: _this.props.url
59
+ });
60
+ });
61
+ _defineProperty(_this, "handleSuccess", function () {
62
+ _this.setState({
63
+ errorUrl: ''
64
+ });
65
+ });
66
+ return _this;
145
67
  }
146
- }
68
+ _inherits(Avatar, _PureComponent);
69
+ return _createClass(Avatar, [{
70
+ key: "render",
71
+ value: function render() {
72
+ var _this$props = this.props,
73
+ size = _this$props.size,
74
+ url = _this$props.url,
75
+ dpr = _this$props.dpr,
76
+ style = _this$props.style,
77
+ round = _this$props.round,
78
+ subavatar = _this$props.subavatar,
79
+ subavatarSize = _this$props.subavatarSize,
80
+ username = _this$props.username,
81
+ skipParams = _this$props.skipParams,
82
+ restProps = _objectWithoutProperties(_this$props, _excluded);
83
+ var sizeString = "".concat(size, "px");
84
+ var subavatarSizeString = "".concat(subavatarSize, "px");
85
+ var borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
86
+ var styleObj = _objectSpread2({
87
+ borderRadius: round ? '50%' : borderRadius,
88
+ height: sizeString,
89
+ width: sizeString
90
+ }, style);
91
+ var styleObjGroup = _objectSpread2({
92
+ borderRadius: '2px',
93
+ height: subavatarSizeString,
94
+ width: subavatarSizeString
95
+ }, style);
96
+ if (!url || this.state.errorUrl === url) {
97
+ return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
98
+ "data-test": "avatar",
99
+ className: classNames(modules_61ca8c75.avatar, this.props.className, {
100
+ [modules_61ca8c75.empty]: username == null
101
+ }),
102
+ style: styleObj
103
+ }), username != null && /*#__PURE__*/React.createElement(FallbackAvatar, {
104
+ size: size,
105
+ round: round,
106
+ username: username
107
+ }));
108
+ }
109
+ var src = url;
110
+ if (!skipParams && !isDataURI(url)) {
111
+ var _url$split = url.split('?'),
112
+ _url$split2 = _slicedToArray(_url$split, 2),
113
+ urlStart = _url$split2[0],
114
+ query = _url$split2[1];
115
+ var queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
116
+ dpr,
117
+ size
118
+ });
119
+ src = encodeURL(urlStart, queryParams);
120
+ }
121
+ var subavatarSrc = null;
122
+ if (subavatar && !isDataURI(subavatar)) {
123
+ var _subavatar$split = subavatar.split('?'),
124
+ _subavatar$split2 = _slicedToArray(_subavatar$split, 2),
125
+ _urlStart = _subavatar$split2[0],
126
+ _query = _subavatar$split2[1];
127
+ var _queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(_query)), {}, {
128
+ dpr,
129
+ subavatarSizeString
130
+ });
131
+ subavatarSrc = skipParams ? subavatar : encodeURL(_urlStart, _queryParams);
132
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
133
+ onError: this.handleError,
134
+ onLoad: this.handleSuccess,
135
+ className: classNames(modules_61ca8c75.avatar, this.props.className),
136
+ style: styleObj,
137
+ src: src,
138
+ alt: "User avatar"
139
+ })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
140
+ "data-test": "avatar",
141
+ onError: this.handleError,
142
+ onLoad: this.handleSuccess,
143
+ className: classNames(modules_61ca8c75.subavatar),
144
+ style: styleObjGroup,
145
+ src: subavatarSrc,
146
+ alt: "Subavatar"
147
+ })));
148
+ } else {
149
+ return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
150
+ "data-test": "avatar",
151
+ onError: this.handleError,
152
+ onLoad: this.handleSuccess,
153
+ className: classNames(modules_61ca8c75.avatar, this.props.className),
154
+ style: styleObj,
155
+ src: src,
156
+ alt: "User avatar"
157
+ }));
158
+ }
159
+ }
160
+ }]);
161
+ }(PureComponent);
162
+ _defineProperty(Avatar, "propTypes", {
163
+ dpr: PropTypes.number,
164
+ className: PropTypes.string,
165
+ size: PropTypes.number,
166
+ style: PropTypes.object,
167
+ url: PropTypes.string,
168
+ round: PropTypes.bool,
169
+ subavatar: PropTypes.string,
170
+ subavatarSize: PropTypes.number,
171
+ username: PropTypes.string,
172
+ skipParams: PropTypes.bool
173
+ });
174
+ _defineProperty(Avatar, "defaultProps", {
175
+ dpr: getPixelRatio(),
176
+ size: Size.Size20,
177
+ subavatarSize: Size.Size20 / 2,
178
+ style: {}
179
+ });
147
180
 
148
181
  export { Size, Avatar as default };
@@ -1,9 +1,19 @@
1
+ import { j as _slicedToArray, k as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
3
+ import 'core-js/modules/es.array.filter.js';
4
+ import 'core-js/modules/es.array.from.js';
5
+ import 'core-js/modules/es.array.map.js';
6
+ import 'core-js/modules/es.array.slice.js';
7
+ import 'core-js/modules/es.object.to-string.js';
8
+ import 'core-js/modules/es.regexp.exec.js';
9
+ import 'core-js/modules/es.string.split.js';
1
10
  import React, { useMemo } from 'react';
2
11
  import PropTypes from 'prop-types';
3
12
  import getUID from '../global/get-uid.js';
13
+ import 'core-js/modules/es.regexp.to-string.js';
4
14
 
5
- const colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
6
- const Sizes = {
15
+ var colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
16
+ var Sizes = {
7
17
  18: {
8
18
  radius: 2,
9
19
  text: {
@@ -52,45 +62,51 @@ const Sizes = {
52
62
  }
53
63
  }
54
64
  };
55
- const sizeKeys = Object.keys(Sizes).map(Number);
65
+ var sizeKeys = Object.keys(Sizes).map(Number);
56
66
  function extractLetters(name) {
57
- const names = name.split(/[\s._]+/).filter(Boolean).map(word => Array.from(word));
67
+ var names = name.split(/[\s._]+/).filter(Boolean).map(function (word) {
68
+ return Array.from(word);
69
+ });
58
70
  if (names.length >= 2) {
59
71
  return names[0][0].toUpperCase() + names[1][0].toUpperCase();
60
72
  } else if (names.length === 1) {
61
73
  if (names[0].length >= 2) {
62
74
  return names[0].slice(0, 2).join('').toUpperCase();
63
75
  } else {
64
- return `${names[0][0].toUpperCase()}X`;
76
+ return "".concat(names[0][0].toUpperCase(), "X");
65
77
  }
66
78
  } else {
67
79
  return 'XX';
68
80
  }
69
81
  }
70
82
  // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
71
- const BASE = 32;
83
+ var BASE = 32;
72
84
  function hashCode(s) {
73
- let h = 0;
74
- for (let i = 0; i < s.length; i++) {
85
+ var h = 0;
86
+ for (var i = 0; i < s.length; i++) {
75
87
  h = Math.imul(BASE - 1, h) + s.charCodeAt(i) | 0;
76
88
  }
77
89
  return h;
78
90
  }
79
91
  function FallbackAvatar(_ref) {
80
- let {
81
- username,
82
- size,
83
- round
84
- } = _ref;
85
- const hash = Math.abs(hashCode(username.toLowerCase()));
86
- const [fromColor, toColor] = colorPairs[hash % colorPairs.length];
87
- const possibleSizeKeys = sizeKeys.filter(key => key >= size);
88
- const sizeKey = possibleSizeKeys.length > 0 ? Math.min(...possibleSizeKeys) : Math.max(...sizeKeys);
89
- const sizes = Sizes[sizeKey];
90
- const radius = round ? '50%' : sizes.radius;
91
- const gradientId = useMemo(() => getUID('gradient-'), []);
92
+ var username = _ref.username,
93
+ size = _ref.size,
94
+ round = _ref.round;
95
+ var hash = Math.abs(hashCode(username.toLowerCase()));
96
+ var _colorPairs = _slicedToArray(colorPairs[hash % colorPairs.length], 2),
97
+ fromColor = _colorPairs[0],
98
+ toColor = _colorPairs[1];
99
+ var possibleSizeKeys = sizeKeys.filter(function (key) {
100
+ return key >= size;
101
+ });
102
+ var sizeKey = possibleSizeKeys.length > 0 ? Math.min.apply(Math, _toConsumableArray(possibleSizeKeys)) : Math.max.apply(Math, _toConsumableArray(sizeKeys));
103
+ var sizes = Sizes[sizeKey];
104
+ var radius = round ? '50%' : sizes.radius;
105
+ var gradientId = useMemo(function () {
106
+ return getUID('gradient-');
107
+ }, []);
92
108
  return /*#__PURE__*/React.createElement("svg", {
93
- viewBox: `0 0 ${sizeKey} ${sizeKey}`,
109
+ viewBox: "0 0 ".concat(sizeKey, " ").concat(sizeKey),
94
110
  xmlns: "http://www.w3.org/2000/svg"
95
111
  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
96
112
  id: gradientId,
@@ -105,7 +121,7 @@ function FallbackAvatar(_ref) {
105
121
  stopColor: toColor,
106
122
  offset: "1"
107
123
  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
108
- fill: `url(#${gradientId})`,
124
+ fill: "url(#".concat(gradientId, ")"),
109
125
  x: "0",
110
126
  y: "0",
111
127
  width: sizeKey,
@@ -1,47 +1,57 @@
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
2
  import React, { PureComponent } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import classNames from 'classnames';
5
5
  import joinDataTestAttributes from '../global/data-tests.js';
6
6
  import { m as modules_6c9187df } from '../_helpers/badge.js';
7
+ import 'core-js/modules/es.array.concat.js';
8
+ import 'core-js/modules/es.array.reduce.js';
9
+ import 'core-js/modules/es.object.entries.js';
10
+ import 'core-js/modules/es.object.to-string.js';
7
11
 
12
+ var _excluded = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
8
13
  /**
9
14
  * @name Badge
10
15
  */
11
- class Badge extends PureComponent {
12
- static propTypes = {
13
- gray: PropTypes.bool,
14
- valid: PropTypes.bool,
15
- invalid: PropTypes.bool,
16
- disabled: PropTypes.bool,
17
- className: PropTypes.string,
18
- children: PropTypes.node,
19
- 'data-test': PropTypes.string
20
- };
21
- render() {
22
- const {
23
- // Modifiers
24
- gray,
25
- valid,
26
- invalid,
27
- disabled,
28
- // Props
29
- className,
30
- children,
31
- 'data-test': dataTest,
32
- ...props
33
- } = this.props;
34
- const classes = classNames(modules_6c9187df.badge, className, {
35
- [modules_6c9187df.gray]: gray,
36
- [modules_6c9187df.valid]: valid,
37
- [modules_6c9187df.invalid]: invalid,
38
- [modules_6c9187df.disabled]: disabled
39
- });
40
- return /*#__PURE__*/React.createElement("span", _extends({}, props, {
41
- "data-test": joinDataTestAttributes('ring-badge', dataTest),
42
- className: classes
43
- }), children);
16
+ var Badge = /*#__PURE__*/function (_PureComponent) {
17
+ function Badge() {
18
+ _classCallCheck(this, Badge);
19
+ return _callSuper(this, Badge, arguments);
44
20
  }
45
- }
21
+ _inherits(Badge, _PureComponent);
22
+ return _createClass(Badge, [{
23
+ key: "render",
24
+ value: function render() {
25
+ var _this$props = this.props,
26
+ gray = _this$props.gray,
27
+ valid = _this$props.valid,
28
+ invalid = _this$props.invalid,
29
+ disabled = _this$props.disabled,
30
+ className = _this$props.className,
31
+ children = _this$props.children,
32
+ dataTest = _this$props['data-test'],
33
+ props = _objectWithoutProperties(_this$props, _excluded);
34
+ var classes = classNames(modules_6c9187df.badge, className, {
35
+ [modules_6c9187df.gray]: gray,
36
+ [modules_6c9187df.valid]: valid,
37
+ [modules_6c9187df.invalid]: invalid,
38
+ [modules_6c9187df.disabled]: disabled
39
+ });
40
+ return /*#__PURE__*/React.createElement("span", _extends({}, props, {
41
+ "data-test": joinDataTestAttributes('ring-badge', dataTest),
42
+ className: classes
43
+ }), children);
44
+ }
45
+ }]);
46
+ }(PureComponent);
47
+ _defineProperty(Badge, "propTypes", {
48
+ gray: PropTypes.bool,
49
+ valid: PropTypes.bool,
50
+ invalid: PropTypes.bool,
51
+ disabled: PropTypes.bool,
52
+ className: PropTypes.string,
53
+ children: PropTypes.node,
54
+ 'data-test': PropTypes.string
55
+ });
46
56
 
47
57
  export { Badge as default };