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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -5
  3. package/components/_helpers/button__classes.js +15 -13
  4. package/components/_helpers/caption.js +11 -17
  5. package/components/_helpers/card.js +92 -96
  6. package/components/_helpers/dialog__body-scroll-preventer.js +10 -17
  7. package/components/_helpers/icon__svg.js +27 -23
  8. package/components/_helpers/input.js +150 -171
  9. package/components/_helpers/query-assist__suggestions.js +78 -93
  10. package/components/_helpers/select__filter.js +56 -67
  11. package/components/_helpers/services-link.js +23 -29
  12. package/components/_helpers/sidebar.js +91 -93
  13. package/components/_helpers/tab-link.js +8 -6
  14. package/components/_helpers/theme.js +41 -50
  15. package/components/_helpers/title.js +59 -69
  16. package/components/alert/alert.js +112 -156
  17. package/components/alert/container.js +32 -39
  18. package/components/alert-service/alert-service.js +104 -161
  19. package/components/analytics/analytics.js +12 -20
  20. package/components/analytics/analytics__custom-plugin.js +52 -68
  21. package/components/auth/auth.js +2 -27
  22. package/components/auth/auth__core.d.ts +1 -1
  23. package/components/auth/auth__core.js +742 -1428
  24. package/components/auth/background-flow.js +84 -121
  25. package/components/auth/down-notification.js +31 -69
  26. package/components/auth/iframe-flow.js +70 -123
  27. package/components/auth/request-builder.js +46 -77
  28. package/components/auth/response-parser.js +84 -112
  29. package/components/auth/storage.js +160 -318
  30. package/components/auth/token-validator.js +132 -227
  31. package/components/auth/window-flow.js +84 -121
  32. package/components/auth-dialog/auth-dialog.js +99 -150
  33. package/components/auth-dialog-service/auth-dialog-service.js +6 -26
  34. package/components/avatar/avatar-example-datauri.js +1 -1
  35. package/components/avatar/avatar.js +94 -123
  36. package/components/avatar/fallback-avatar.js +20 -34
  37. package/components/badge/badge.js +32 -38
  38. package/components/breadcrumbs/breadcrumbs.js +13 -17
  39. package/components/button/button.js +67 -80
  40. package/components/button-group/button-group.js +27 -36
  41. package/components/button-set/button-set.js +19 -27
  42. package/components/button-toolbar/button-toolbar.js +17 -25
  43. package/components/caret/caret.js +184 -211
  44. package/components/checkbox/checkbox.js +69 -86
  45. package/components/clipboard/clipboard-fallback.js +7 -7
  46. package/components/clipboard/clipboard.js +36 -128
  47. package/components/code/code.js +83 -151
  48. package/components/collapse/collapse-content.js +42 -60
  49. package/components/collapse/collapse-context.js +2 -2
  50. package/components/collapse/collapse-control.js +12 -12
  51. package/components/collapse/collapse.js +12 -17
  52. package/components/collapse/consts.js +4 -4
  53. package/components/collapse/utils.js +1 -3
  54. package/components/confirm/confirm.js +57 -87
  55. package/components/confirm-service/confirm-service.js +23 -44
  56. package/components/content-layout/content-layout.js +41 -56
  57. package/components/content-layout/sidebar.js +1 -1
  58. package/components/contenteditable/contenteditable.js +38 -46
  59. package/components/control-help/control-help.js +5 -3
  60. package/components/control-label/control-label.js +9 -8
  61. package/components/data-list/data-list.js +113 -156
  62. package/components/data-list/data-list.mock.js +3 -5
  63. package/components/data-list/item.js +120 -140
  64. package/components/data-list/selection.js +77 -135
  65. package/components/data-list/title.js +2 -10
  66. package/components/date-picker/consts.js +16 -22
  67. package/components/date-picker/date-input.js +99 -124
  68. package/components/date-picker/date-picker.js +140 -184
  69. package/components/date-picker/date-popup.js +280 -327
  70. package/components/date-picker/day.js +71 -94
  71. package/components/date-picker/month-names.js +41 -59
  72. package/components/date-picker/month-slider.js +42 -61
  73. package/components/date-picker/month.js +17 -24
  74. package/components/date-picker/months.js +44 -49
  75. package/components/date-picker/weekdays.js +12 -21
  76. package/components/date-picker/years.js +77 -98
  77. package/components/dialog/dialog.js +151 -187
  78. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  79. package/components/dropdown/anchor.js +0 -6
  80. package/components/dropdown/dropdown.js +134 -154
  81. package/components/dropdown-menu/dropdown-menu.js +59 -87
  82. package/components/editable-heading/editable-heading.js +69 -116
  83. package/components/error-bubble/error-bubble.js +29 -54
  84. package/components/error-message/error-message.js +34 -49
  85. package/components/footer/footer.js +27 -28
  86. package/components/global/compose.js +1 -8
  87. package/components/global/composeRefs.d.ts +0 -3
  88. package/components/global/composeRefs.js +8 -15
  89. package/components/global/controls-height.js +2 -2
  90. package/components/global/create-stateful-context.js +14 -13
  91. package/components/global/data-tests.js +7 -12
  92. package/components/global/dom.js +49 -82
  93. package/components/global/focus-sensor-hoc.js +99 -106
  94. package/components/global/fuzzy-highlight.js +23 -34
  95. package/components/global/get-event-key.js +8 -8
  96. package/components/global/get-uid.js +3 -7
  97. package/components/global/inject-styles.js +7 -14
  98. package/components/global/listeners.js +28 -47
  99. package/components/global/memoize.js +6 -10
  100. package/components/global/normalize-indent.js +19 -46
  101. package/components/global/promise-with-timeout.js +6 -8
  102. package/components/global/prop-types.js +3 -5
  103. package/components/global/react-dom-renderer.js +29 -40
  104. package/components/global/rerender-hoc.js +16 -32
  105. package/components/global/schedule-raf.js +4 -4
  106. package/components/global/sniffer.js +1 -1
  107. package/components/global/theme.js +1 -18
  108. package/components/global/trivial-template-tag.js +4 -9
  109. package/components/global/typescript-utils.js +2 -6
  110. package/components/global/url.js +20 -23
  111. package/components/global/use-event-callback.js +7 -4
  112. package/components/grid/col.js +27 -39
  113. package/components/grid/grid.js +18 -27
  114. package/components/grid/row.js +23 -30
  115. package/components/group/group.js +16 -22
  116. package/components/header/header-icon.js +19 -31
  117. package/components/header/header.d.ts +0 -1
  118. package/components/header/header.js +30 -64
  119. package/components/header/links.js +6 -3
  120. package/components/header/logo.js +15 -26
  121. package/components/header/profile.js +124 -150
  122. package/components/header/services-link.js +1 -3
  123. package/components/header/services.js +64 -97
  124. package/components/header/smart-profile.js +101 -178
  125. package/components/header/smart-services.js +55 -90
  126. package/components/header/tray.js +21 -30
  127. package/components/heading/heading.js +21 -20
  128. package/components/http/http.js +162 -319
  129. package/components/http/http.mock.js +50 -98
  130. package/components/hub-source/hub-source.js +77 -182
  131. package/components/hub-source/hub-source__user.js +9 -37
  132. package/components/hub-source/hub-source__users-groups.js +34 -60
  133. package/components/i18n/i18n-context.js +7 -8
  134. package/components/i18n/i18n.js +3 -6
  135. package/components/icon/icon.js +60 -74
  136. package/components/icon/icon__svg.js +0 -5
  137. package/components/icon/index.js +0 -5
  138. package/components/input/input.js +1 -11
  139. package/components/island/adaptive-island-hoc.js +29 -37
  140. package/components/island/content.js +100 -110
  141. package/components/island/header.js +56 -66
  142. package/components/island/island.js +25 -33
  143. package/components/island-legacy/content-legacy.js +16 -22
  144. package/components/island-legacy/header-legacy.js +19 -25
  145. package/components/island-legacy/island-legacy.js +16 -22
  146. package/components/link/clickableLink.js +33 -42
  147. package/components/link/link.js +47 -55
  148. package/components/list/consts.js +2 -2
  149. package/components/list/list.js +399 -486
  150. package/components/list/list__custom.js +51 -61
  151. package/components/list/list__hint.js +9 -17
  152. package/components/list/list__item.js +147 -178
  153. package/components/list/list__link.js +38 -47
  154. package/components/list/list__separator.js +15 -24
  155. package/components/list/list__title.js +25 -34
  156. package/components/list/list__users-groups-source.js +55 -121
  157. package/components/loader/loader.js +38 -60
  158. package/components/loader/loader__core.js +123 -184
  159. package/components/loader-inline/loader-inline.js +24 -32
  160. package/components/loader-screen/loader-screen.js +24 -40
  161. package/components/login-dialog/login-dialog.js +81 -121
  162. package/components/login-dialog/service.js +6 -29
  163. package/components/markdown/markdown.js +16 -24
  164. package/components/message/message.js +170 -201
  165. package/components/old-browsers-message/old-browsers-message.js +11 -14
  166. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  167. package/components/old-browsers-message/white-list.js +8 -13
  168. package/components/pager/pager.js +212 -257
  169. package/components/panel/panel.js +16 -22
  170. package/components/permissions/permissions.js +118 -161
  171. package/components/permissions/permissions__cache.js +191 -218
  172. package/components/popup/popup.consts.js +1 -1
  173. package/components/popup/popup.js +237 -288
  174. package/components/popup/popup.target.js +9 -7
  175. package/components/popup/position.js +94 -101
  176. package/components/popup-menu/popup-menu.js +33 -67
  177. package/components/progress-bar/progress-bar.js +57 -68
  178. package/components/query-assist/query-assist.js +583 -652
  179. package/components/query-assist/query-assist__suggestions.js +2 -26
  180. package/components/radio/radio.js +15 -27
  181. package/components/radio/radio__item.js +52 -62
  182. package/components/scrollable-section/scrollable-section.js +22 -32
  183. package/components/select/select.js +693 -793
  184. package/components/select/select__filter.js +1 -26
  185. package/components/select/select__popup.js +316 -413
  186. package/components/shortcuts/core.js +147 -195
  187. package/components/shortcuts/shortcut-title.js +6 -10
  188. package/components/shortcuts/shortcuts-hoc.js +23 -41
  189. package/components/shortcuts/shortcuts.js +41 -64
  190. package/components/slider/slider.js +93 -112
  191. package/components/slider/slider.utils.js +16 -23
  192. package/components/storage/storage.js +3 -27
  193. package/components/storage/storage__fallback.js +137 -210
  194. package/components/storage/storage__local.js +89 -147
  195. package/components/style.css +1 -1
  196. package/components/tab-trap/tab-trap.js +35 -53
  197. package/components/table/cell.js +11 -21
  198. package/components/table/disable-hover-hoc.js +27 -42
  199. package/components/table/header-cell.js +59 -75
  200. package/components/table/header.js +89 -110
  201. package/components/table/multitable.js +83 -89
  202. package/components/table/row-with-focus-sensor.js +25 -57
  203. package/components/table/row.js +169 -200
  204. package/components/table/selection-adapter.js +2 -2
  205. package/components/table/selection-shortcuts-hoc.js +108 -113
  206. package/components/table/selection.js +150 -217
  207. package/components/table/simple-table.js +19 -55
  208. package/components/table/smart-table.js +42 -76
  209. package/components/table/table.js +267 -327
  210. package/components/tabs/collapsible-more.js +47 -73
  211. package/components/tabs/collapsible-tab.js +32 -36
  212. package/components/tabs/collapsible-tabs.js +89 -148
  213. package/components/tabs/custom-item.js +4 -2
  214. package/components/tabs/dumb-tabs.js +60 -92
  215. package/components/tabs/smart-tabs.js +29 -61
  216. package/components/tabs/tab-link.js +1 -3
  217. package/components/tabs/tab.js +15 -24
  218. package/components/tabs/tabs.js +1 -26
  219. package/components/tag/tag.d.ts +0 -2
  220. package/components/tag/tag.js +120 -162
  221. package/components/tags-input/tags-input.js +222 -304
  222. package/components/tags-list/tags-list.js +45 -61
  223. package/components/text/text.js +28 -37
  224. package/components/toggle/toggle.js +51 -61
  225. package/components/tooltip/tooltip.js +109 -141
  226. package/components/user-agreement/service.js +259 -400
  227. package/components/user-agreement/user-agreement.js +80 -108
  228. package/components/user-card/card.js +1 -25
  229. package/components/user-card/smart-user-card-tooltip.js +52 -103
  230. package/components/user-card/tooltip.js +35 -65
  231. package/components/user-card/user-card.js +1 -25
  232. package/package.json +1 -1
  233. package/components/global/react-render-adapter.d.ts +0 -1
  234. package/components/global/react-render-adapter.js +0 -6
  235. package/components/header/tray-icon.d.ts +0 -1
  236. package/components/header/tray-icon.js +0 -26
@@ -1,53 +1,32 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import { PureComponent } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import joinDataTestAttributes from '../global/data-tests.js';
5
5
  import Tabs from './dumb-tabs.js';
6
6
  import { jsx } from 'react/jsx-runtime';
7
- import 'core-js/modules/es.array.concat.js';
8
7
  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';
11
- import 'core-js/modules/es.array.filter.js';
12
- import 'core-js/modules/es.array.find.js';
13
- import 'core-js/modules/es.array.map.js';
14
- import 'core-js/modules/es.promise.js';
8
+ import 'core-js/modules/web.dom-collections.iterator.js';
15
9
  import 'classnames';
16
10
  import '../global/memoize.js';
17
- import 'core-js/modules/es.array.iterator.js';
18
- import 'core-js/modules/es.map.js';
19
- import 'core-js/modules/es.weak-map.js';
20
- import 'core-js/modules/web.dom-collections.iterator.js';
21
11
  import '../_helpers/tab-link.js';
22
12
  import '../link/link.js';
23
13
  import '../link/clickableLink.js';
24
14
  import '../_helpers/link.js';
25
15
  import './collapsible-tabs.js';
26
- import 'core-js/modules/es.array.find-index.js';
27
- import 'core-js/modules/es.array.slice.js';
28
16
  import 'core-js/modules/es.regexp.exec.js';
29
17
  import 'core-js/modules/es.string.replace.js';
30
- import 'core-js/modules/web.dom-collections.for-each.js';
31
18
  import 'fastdom';
32
19
  import './collapsible-more.js';
33
20
  import '@jetbrains/icons/chevron-10px';
34
21
  import '../popup/popup.consts.js';
35
22
  import '../popup-menu/popup-menu.js';
36
23
  import '../popup/popup.js';
37
- import 'core-js/modules/es.regexp.to-string.js';
38
24
  import 'react-dom';
39
25
  import '../global/get-uid.js';
40
26
  import '../global/schedule-raf.js';
41
27
  import '../global/dom.js';
42
- import 'core-js/modules/es.object.assign.js';
43
- import 'core-js/modules/es.set.js';
44
- import 'core-js/modules/es.string.split.js';
45
28
  import '../shortcuts/shortcuts.js';
46
29
  import '../shortcuts/core.js';
47
- import 'core-js/modules/es.array.includes.js';
48
- import 'core-js/modules/es.array.splice.js';
49
- import 'core-js/modules/es.string.includes.js';
50
- import 'core-js/modules/es.string.match.js';
51
30
  import 'combokeys';
52
31
  import '../global/sniffer.js';
53
32
  import 'sniffr';
@@ -56,7 +35,6 @@ import '../popup/position.js';
56
35
  import 'core-js/modules/es.array.sort.js';
57
36
  import '../popup/popup.target.js';
58
37
  import '../list/list.js';
59
- import 'core-js/modules/es.symbol.js';
60
38
  import 'core-js/modules/es.symbol.description.js';
61
39
  import 'react-virtualized/dist/es/List';
62
40
  import 'react-virtualized/dist/es/AutoSizer';
@@ -68,18 +46,15 @@ import '../global/create-stateful-context.js';
68
46
  import '../list/list__link.js';
69
47
  import '../_helpers/list.js';
70
48
  import '../list/list__item.js';
71
- import 'core-js/modules/es.array.index-of.js';
72
49
  import '../avatar/avatar.js';
73
50
  import '../global/url.js';
74
51
  import '../avatar/fallback-avatar.js';
75
- import 'core-js/modules/es.array.from.js';
76
52
  import '../checkbox/checkbox.js';
77
53
  import '@jetbrains/icons/checkmark-12px';
78
54
  import '@jetbrains/icons/remove-12px';
79
55
  import '../icon/icon.js';
80
56
  import '../icon/icon__constants.js';
81
57
  import '../_helpers/icon__svg.js';
82
- import 'core-js/modules/es.string.starts-with.js';
83
58
  import '../global/prop-types.js';
84
59
  import '../global/composeRefs.js';
85
60
  import '../control-help/control-help.js';
@@ -99,42 +74,35 @@ import '../_helpers/button__classes.js';
99
74
  import './collapsible-tab.js';
100
75
  import './custom-item.js';
101
76
 
102
- var _excluded = ["children", "initSelected", "data-test"];
103
- var SmartTabs = /*#__PURE__*/function (_PureComponent) {
104
- function SmartTabs(props) {
105
- var _this;
106
- _classCallCheck(this, SmartTabs);
107
- _this = _callSuper(this, SmartTabs, [props]);
108
- _defineProperty(_this, "state", void 0);
109
- _defineProperty(_this, "handleSelect", function (selected) {
110
- return _this.setState({
111
- selected
112
- });
113
- });
114
- _this.state = {
115
- selected: _this.props.initSelected || Array.isArray(_this.props.children) && _this.props.children[0].props.id || '0'
77
+ const _excluded = ["children", "initSelected", "data-test"];
78
+ class SmartTabs extends PureComponent {
79
+ constructor(props) {
80
+ super(props);
81
+ _defineProperty(this, "state", void 0);
82
+ _defineProperty(this, "handleSelect", selected => this.setState({
83
+ selected
84
+ }));
85
+ this.state = {
86
+ selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
116
87
  };
117
- return _this;
118
88
  }
119
- _inherits(SmartTabs, _PureComponent);
120
- return _createClass(SmartTabs, [{
121
- key: "render",
122
- value: function render() {
123
- var _this$props = this.props,
124
- children = _this$props.children;
125
- _this$props.initSelected;
126
- var dataTest = _this$props['data-test'],
127
- restProps = _objectWithoutProperties(_this$props, _excluded);
128
- return /*#__PURE__*/jsx(Tabs, _objectSpread2(_objectSpread2({
129
- "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
130
- selected: this.state.selected,
131
- onSelect: this.handleSelect
132
- }, restProps), {}, {
133
- children: children
134
- }));
135
- }
136
- }]);
137
- }(PureComponent);
89
+ render() {
90
+ const _this$props = this.props,
91
+ {
92
+ children,
93
+ initSelected,
94
+ 'data-test': dataTest
95
+ } = _this$props,
96
+ restProps = _objectWithoutProperties(_this$props, _excluded);
97
+ return /*#__PURE__*/jsx(Tabs, _objectSpread2(_objectSpread2({
98
+ "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
99
+ selected: this.state.selected,
100
+ onSelect: this.handleSelect
101
+ }, restProps), {}, {
102
+ children: children
103
+ }));
104
+ }
105
+ }
138
106
  _defineProperty(SmartTabs, "propTypes", {
139
107
  children: PropTypes.arrayOf(PropTypes.element).isRequired,
140
108
  initSelected: PropTypes.string,
@@ -6,9 +6,7 @@ export { T as default } from '../_helpers/tab-link.js';
6
6
  import 'react/jsx-runtime';
7
7
  import 'classnames';
8
8
  import '../global/data-tests.js';
9
- import 'core-js/modules/es.array.concat.js';
10
9
  import 'core-js/modules/es.array.reduce.js';
11
- import 'core-js/modules/es.object.entries.js';
12
- import 'core-js/modules/es.object.to-string.js';
10
+ import 'core-js/modules/web.dom-collections.iterator.js';
13
11
  import '../link/clickableLink.js';
14
12
  import '../_helpers/link.js';
@@ -1,35 +1,26 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import { PureComponent } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import classNames from 'classnames';
5
5
  import joinDataTestAttributes from '../global/data-tests.js';
6
6
  import { jsx } from 'react/jsx-runtime';
7
- import 'core-js/modules/es.array.concat.js';
8
7
  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';
8
+ import 'core-js/modules/web.dom-collections.iterator.js';
11
9
 
12
- var Tab = /*#__PURE__*/function (_PureComponent) {
13
- function Tab() {
14
- _classCallCheck(this, Tab);
15
- return _callSuper(this, Tab, arguments);
10
+ class Tab extends PureComponent {
11
+ render() {
12
+ const {
13
+ className,
14
+ children,
15
+ 'data-test': dataTest
16
+ } = this.props;
17
+ return /*#__PURE__*/jsx("div", {
18
+ "data-test": joinDataTestAttributes('ring-tab', dataTest),
19
+ className: classNames(className),
20
+ children: children
21
+ });
16
22
  }
17
- _inherits(Tab, _PureComponent);
18
- return _createClass(Tab, [{
19
- key: "render",
20
- value: function render() {
21
- var _this$props = this.props,
22
- className = _this$props.className,
23
- children = _this$props.children,
24
- dataTest = _this$props['data-test'];
25
- return /*#__PURE__*/jsx("div", {
26
- "data-test": joinDataTestAttributes('ring-tab', dataTest),
27
- className: classNames(className),
28
- children: children
29
- });
30
- }
31
- }]);
32
- }(PureComponent);
23
+ }
33
24
  _defineProperty(Tab, "propTypes", {
34
25
  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
35
26
  id: PropTypes.string,
@@ -4,53 +4,32 @@ export { default as SmartTabs } from './smart-tabs.js';
4
4
  export { default as Tab } from './tab.js';
5
5
  import 'prop-types';
6
6
  import '../_helpers/_rollupPluginBabelHelpers.js';
7
- import 'core-js/modules/es.array.concat.js';
8
- import 'core-js/modules/es.array.filter.js';
9
- import 'core-js/modules/es.array.find.js';
10
- import 'core-js/modules/es.array.map.js';
11
- import 'core-js/modules/es.object.to-string.js';
12
- import 'core-js/modules/es.promise.js';
7
+ import 'core-js/modules/web.dom-collections.iterator.js';
13
8
  import 'react';
14
9
  import 'classnames';
15
10
  import '../global/memoize.js';
16
- import 'core-js/modules/es.array.iterator.js';
17
- import 'core-js/modules/es.map.js';
18
- import 'core-js/modules/es.weak-map.js';
19
- import 'core-js/modules/web.dom-collections.iterator.js';
20
11
  import '../global/data-tests.js';
21
12
  import 'core-js/modules/es.array.reduce.js';
22
- import 'core-js/modules/es.object.entries.js';
23
13
  import '../_helpers/tab-link.js';
24
14
  import '../link/link.js';
25
15
  import '../link/clickableLink.js';
26
16
  import 'react/jsx-runtime';
27
17
  import '../_helpers/link.js';
28
18
  import './collapsible-tabs.js';
29
- import 'core-js/modules/es.array.find-index.js';
30
- import 'core-js/modules/es.array.slice.js';
31
19
  import 'core-js/modules/es.regexp.exec.js';
32
20
  import 'core-js/modules/es.string.replace.js';
33
- import 'core-js/modules/web.dom-collections.for-each.js';
34
21
  import 'fastdom';
35
22
  import './collapsible-more.js';
36
23
  import '@jetbrains/icons/chevron-10px';
37
24
  import '../popup/popup.consts.js';
38
25
  import '../popup-menu/popup-menu.js';
39
26
  import '../popup/popup.js';
40
- import 'core-js/modules/es.regexp.to-string.js';
41
27
  import 'react-dom';
42
28
  import '../global/get-uid.js';
43
29
  import '../global/schedule-raf.js';
44
30
  import '../global/dom.js';
45
- import 'core-js/modules/es.object.assign.js';
46
- import 'core-js/modules/es.set.js';
47
- import 'core-js/modules/es.string.split.js';
48
31
  import '../shortcuts/shortcuts.js';
49
32
  import '../shortcuts/core.js';
50
- import 'core-js/modules/es.array.includes.js';
51
- import 'core-js/modules/es.array.splice.js';
52
- import 'core-js/modules/es.string.includes.js';
53
- import 'core-js/modules/es.string.match.js';
54
33
  import 'combokeys';
55
34
  import '../global/sniffer.js';
56
35
  import 'sniffr';
@@ -59,7 +38,6 @@ import '../popup/position.js';
59
38
  import 'core-js/modules/es.array.sort.js';
60
39
  import '../popup/popup.target.js';
61
40
  import '../list/list.js';
62
- import 'core-js/modules/es.symbol.js';
63
41
  import 'core-js/modules/es.symbol.description.js';
64
42
  import 'react-virtualized/dist/es/List';
65
43
  import 'react-virtualized/dist/es/AutoSizer';
@@ -71,18 +49,15 @@ import '../global/create-stateful-context.js';
71
49
  import '../list/list__link.js';
72
50
  import '../_helpers/list.js';
73
51
  import '../list/list__item.js';
74
- import 'core-js/modules/es.array.index-of.js';
75
52
  import '../avatar/avatar.js';
76
53
  import '../global/url.js';
77
54
  import '../avatar/fallback-avatar.js';
78
- import 'core-js/modules/es.array.from.js';
79
55
  import '../checkbox/checkbox.js';
80
56
  import '@jetbrains/icons/checkmark-12px';
81
57
  import '@jetbrains/icons/remove-12px';
82
58
  import '../icon/icon.js';
83
59
  import '../icon/icon__constants.js';
84
60
  import '../_helpers/icon__svg.js';
85
- import 'core-js/modules/es.string.starts-with.js';
86
61
  import '../global/prop-types.js';
87
62
  import '../global/composeRefs.js';
88
63
  import '../control-help/control-help.js';
@@ -20,7 +20,6 @@ export interface TagProps {
20
20
  icon?: string | undefined;
21
21
  avatar?: string | null | undefined;
22
22
  rgTagTitle?: string | undefined;
23
- angled?: boolean | null | undefined;
24
23
  textColor?: string | undefined;
25
24
  backgroundColor?: string | undefined;
26
25
  }
@@ -38,7 +37,6 @@ export default class Tag extends PureComponent<TagProps> {
38
37
  readOnly: PropTypes.Requireable<boolean>;
39
38
  disabled: PropTypes.Requireable<boolean>;
40
39
  focused: PropTypes.Requireable<boolean>;
41
- angled: PropTypes.Requireable<boolean>;
42
40
  backgroundColor: PropTypes.Requireable<string>;
43
41
  textColor: PropTypes.Requireable<string>;
44
42
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -1,193 +1,154 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
1
+ import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
3
3
  import { PureComponent } from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import classNames from 'classnames';
6
6
  import closeIcon from '@jetbrains/icons/close-12px';
7
- import deprecate from 'util-deprecate';
8
7
  import Icon from '../icon/icon.js';
9
8
  import { Button } from '../button/button.js';
10
9
  import { ControlsHeight } from '../global/controls-height.js';
11
10
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
11
+ import 'util-deprecate';
12
12
  import '../icon/icon__constants.js';
13
13
  import '../_helpers/icon__svg.js';
14
14
  import 'core-js/modules/es.regexp.exec.js';
15
15
  import 'core-js/modules/es.string.replace.js';
16
- import 'core-js/modules/es.string.starts-with.js';
17
16
  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
17
  import '@jetbrains/icons/chevron-down';
24
18
  import '../link/clickableLink.js';
25
19
  import '../_helpers/button__classes.js';
26
20
 
27
- var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","tagAngled":"tagAngled_rui_5765","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
21
+ var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
28
22
 
29
- var warnAngled = deprecate(function () {}, 'Tag angled prop is deprecated and will be removed in Ring UI 7.0');
30
- /**
31
- * @name Tag
32
- */
33
- var Tag = /*#__PURE__*/function (_PureComponent) {
34
- function Tag() {
35
- var _this;
36
- _classCallCheck(this, Tag);
37
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
38
- args[_key] = arguments[_key];
39
- }
40
- _this = _callSuper(this, Tag, [].concat(args));
41
- _defineProperty(_this, "state", {
23
+ class Tag extends PureComponent {
24
+ constructor() {
25
+ super(...arguments);
26
+ _defineProperty(this, "state", {
42
27
  focused: false
43
28
  });
44
- _defineProperty(_this, "onDocumentClick", function (event) {
45
- if (_this.tagNode) {
46
- _this.setState({
47
- focused: _this.tagNode === event.target
29
+ _defineProperty(this, "onDocumentClick", event => {
30
+ if (this.tagNode) {
31
+ this.setState({
32
+ focused: this.tagNode === event.target
48
33
  });
49
34
  }
50
35
  });
51
- _defineProperty(_this, "tagNode", void 0);
52
- _defineProperty(_this, "tagRef", function (el) {
53
- _this.tagNode = el;
36
+ _defineProperty(this, "tagNode", void 0);
37
+ _defineProperty(this, "tagRef", el => {
38
+ this.tagNode = el;
54
39
  });
55
- return _this;
56
40
  }
57
- _inherits(Tag, _PureComponent);
58
- return _createClass(Tag, [{
59
- key: "componentDidUpdate",
60
- value: function componentDidUpdate(prevProps) {
61
- if (this.props.focused !== prevProps.focused) {
62
- this.setState({
63
- focused: this.props.focused
64
- });
65
- }
66
- if (this.state.focused) {
67
- var _this$tagNode;
68
- (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 || _this$tagNode.focus();
69
- }
70
- this.setDocumentClickListener(this.state.focused);
71
- }
72
- }, {
73
- key: "componentWillUnmount",
74
- value: function componentWillUnmount() {
75
- this.setDocumentClickListener(false);
41
+ componentDidUpdate(prevProps) {
42
+ if (this.props.focused !== prevProps.focused) {
76
43
  this.setState({
77
- focused: false
44
+ focused: this.props.focused
78
45
  });
79
46
  }
80
- }, {
81
- key: "setDocumentClickListener",
82
- value: function setDocumentClickListener(setListener) {
83
- if (setListener) {
84
- document.addEventListener('click', this.onDocumentClick);
85
- } else {
86
- document.removeEventListener('click', this.onDocumentClick);
87
- }
47
+ if (this.state.focused) {
48
+ var _this$tagNode;
49
+ (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 || _this$tagNode.focus();
88
50
  }
89
- }, {
90
- key: "renderCustomIcon",
91
- value: function renderCustomIcon() {
92
- if (this.props.rgTagIcon) {
93
- return /*#__PURE__*/jsx(Icon, {
94
- className: modules_2f9be069.icon,
95
- title: this.props.rgTagTitle,
96
- glyph: this.props.rgTagIcon
97
- });
98
- }
99
- return null;
51
+ this.setDocumentClickListener(this.state.focused);
52
+ }
53
+ componentWillUnmount() {
54
+ this.setDocumentClickListener(false);
55
+ this.setState({
56
+ focused: false
57
+ });
58
+ }
59
+ setDocumentClickListener(setListener) {
60
+ if (setListener) {
61
+ document.addEventListener('click', this.onDocumentClick);
62
+ } else {
63
+ document.removeEventListener('click', this.onDocumentClick);
100
64
  }
101
- }, {
102
- key: "_renderImageElement",
103
- value: function _renderImageElement(avatarSrc) {
104
- var classes = classNames({
105
- [modules_2f9be069.customIcon]: this.props.icon,
106
- [modules_2f9be069.avatarIcon]: avatarSrc
107
- });
108
- return /*#__PURE__*/jsx("img", {
109
- alt: avatarSrc ? 'Avatar' : 'Icon',
110
- className: classes,
111
- src: avatarSrc || this.props.icon
65
+ }
66
+ renderCustomIcon() {
67
+ if (this.props.rgTagIcon) {
68
+ return /*#__PURE__*/jsx(Icon, {
69
+ className: modules_2f9be069.icon,
70
+ title: this.props.rgTagTitle,
71
+ glyph: this.props.rgTagIcon
112
72
  });
113
73
  }
114
- }, {
115
- key: "renderImage",
116
- value: function renderImage() {
117
- if (this.props.icon && !this.props.avatar) {
118
- return this._renderImageElement();
119
- }
120
- return null;
121
- }
122
- }, {
123
- key: "renderAvatar",
124
- value: function renderAvatar() {
125
- if (this.props.avatar) {
126
- return /*#__PURE__*/jsx("span", {
127
- className: modules_2f9be069.avatarContainer,
128
- children: this._renderImageElement(this.props.avatar)
129
- });
130
- }
131
- return null;
74
+ return null;
75
+ }
76
+ _renderImageElement(avatarSrc) {
77
+ const classes = classNames({
78
+ [modules_2f9be069.customIcon]: this.props.icon,
79
+ [modules_2f9be069.avatarIcon]: avatarSrc
80
+ });
81
+ return /*#__PURE__*/jsx("img", {
82
+ alt: avatarSrc ? 'Avatar' : 'Icon',
83
+ className: classes,
84
+ src: avatarSrc || this.props.icon
85
+ });
86
+ }
87
+ renderImage() {
88
+ if (this.props.icon && !this.props.avatar) {
89
+ return this._renderImageElement();
132
90
  }
133
- }, {
134
- key: "renderRemoveIcon",
135
- value: function renderRemoveIcon() {
136
- if (!this.props.readOnly) {
137
- return /*#__PURE__*/jsx(Button, {
138
- title: "Remove",
139
- icon: closeIcon,
140
- "data-test": "ring-tag-remove",
141
- className: modules_2f9be069.remove,
142
- iconClassName: modules_2f9be069.removeIcon,
143
- onClick: this.props.onRemove,
144
- style: {
145
- '--ring-icon-secondary-color': this.props.textColor
146
- },
147
- height: ControlsHeight.M
148
- });
149
- }
150
- return null;
91
+ return null;
92
+ }
93
+ renderAvatar() {
94
+ if (this.props.avatar) {
95
+ return /*#__PURE__*/jsx("span", {
96
+ className: modules_2f9be069.avatarContainer,
97
+ children: this._renderImageElement(this.props.avatar)
98
+ });
151
99
  }
152
- }, {
153
- key: "render",
154
- value: function render() {
155
- if (this.props.angled) {
156
- warnAngled();
157
- }
158
- var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
159
- [modules_2f9be069.focused]: this.state.focused,
160
- [modules_2f9be069.disabled]: this.props.disabled,
161
- [modules_2f9be069.tagAngled]: this.props.angled,
162
- [modules_2f9be069.withRemove]: !this.props.readOnly
163
- }, this.props.className);
164
- var _this$props = this.props,
165
- backgroundColor = _this$props.backgroundColor,
166
- textColor = _this$props.textColor,
167
- render = _this$props.render;
168
- return /*#__PURE__*/jsxs("span", {
169
- className: modules_2f9be069.container,
170
- children: [render({
171
- 'data-test': 'ring-tag',
172
- className: classes,
173
- ref: this.tagRef,
174
- onClick: this.props.onClick,
175
- style: {
176
- backgroundColor,
177
- color: textColor
178
- },
179
- disabled: this.props.disabled,
180
- children: /*#__PURE__*/jsxs(Fragment, {
181
- children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
182
- className: modules_2f9be069.content,
183
- children: this.props.children
184
- })]
185
- })
186
- }), this.renderRemoveIcon()]
100
+ return null;
101
+ }
102
+ renderRemoveIcon() {
103
+ if (!this.props.readOnly) {
104
+ return /*#__PURE__*/jsx(Button, {
105
+ title: "Remove",
106
+ icon: closeIcon,
107
+ "data-test": "ring-tag-remove",
108
+ className: modules_2f9be069.remove,
109
+ iconClassName: modules_2f9be069.removeIcon,
110
+ onClick: this.props.onRemove,
111
+ style: {
112
+ '--ring-icon-secondary-color': this.props.textColor
113
+ },
114
+ height: ControlsHeight.M
187
115
  });
188
116
  }
189
- }]);
190
- }(PureComponent);
117
+ return null;
118
+ }
119
+ render() {
120
+ const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
121
+ [modules_2f9be069.focused]: this.state.focused,
122
+ [modules_2f9be069.disabled]: this.props.disabled,
123
+ [modules_2f9be069.withRemove]: !this.props.readOnly
124
+ }, this.props.className);
125
+ const {
126
+ backgroundColor,
127
+ textColor,
128
+ render
129
+ } = this.props;
130
+ return /*#__PURE__*/jsxs("span", {
131
+ className: modules_2f9be069.container,
132
+ children: [render({
133
+ 'data-test': 'ring-tag',
134
+ className: classes,
135
+ ref: this.tagRef,
136
+ onClick: this.props.onClick,
137
+ style: {
138
+ backgroundColor,
139
+ color: textColor
140
+ },
141
+ disabled: this.props.disabled,
142
+ children: /*#__PURE__*/jsxs(Fragment, {
143
+ children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
144
+ className: modules_2f9be069.content,
145
+ children: this.props.children
146
+ })]
147
+ })
148
+ }), this.renderRemoveIcon()]
149
+ });
150
+ }
151
+ }
191
152
  _defineProperty(Tag, "propTypes", {
192
153
  onRemove: PropTypes.func,
193
154
  onClick: PropTypes.func,
@@ -198,7 +159,6 @@ _defineProperty(Tag, "propTypes", {
198
159
  readOnly: PropTypes.bool,
199
160
  disabled: PropTypes.bool,
200
161
  focused: PropTypes.bool,
201
- angled: PropTypes.bool,
202
162
  backgroundColor: PropTypes.string,
203
163
  textColor: PropTypes.string,
204
164
  children: PropTypes.node,
@@ -206,16 +166,14 @@ _defineProperty(Tag, "propTypes", {
206
166
  render: PropTypes.func
207
167
  });
208
168
  _defineProperty(Tag, "defaultProps", {
209
- onRemove: function onRemove() {},
210
- onClick: function onClick() {},
169
+ onRemove: () => {},
170
+ onClick: () => {},
211
171
  readOnly: false,
212
172
  disabled: false,
213
173
  focused: false,
214
- render: function render(props) {
215
- return /*#__PURE__*/jsx("button", _objectSpread2({
216
- type: "button"
217
- }, props));
218
- }
174
+ render: props => /*#__PURE__*/jsx("button", _objectSpread2({
175
+ type: "button"
176
+ }, props))
219
177
  });
220
178
 
221
179
  export { Tag as default };