@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,22 +1,34 @@
1
+ import { _ as _defineProperty, b as _createClass, f as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/es.array.concat.js';
3
+ import 'core-js/modules/es.array.fill.js';
4
+ import 'core-js/modules/es.array.filter.js';
5
+ import 'core-js/modules/es.object.assign.js';
6
+ import 'core-js/modules/es.object.to-string.js';
7
+ import 'core-js/modules/es.regexp.exec.js';
8
+ import 'core-js/modules/web.dom-collections.for-each.js';
1
9
  import { getPixelRatio } from '../global/dom.js';
10
+ import 'core-js/modules/es.array.iterator.js';
11
+ import 'core-js/modules/es.object.entries.js';
12
+ import 'core-js/modules/es.set.js';
13
+ import 'core-js/modules/es.string.split.js';
14
+ import 'core-js/modules/web.dom-collections.iterator.js';
2
15
 
3
16
  var modules_00b5ad26 = {"light":"light_rui_2ac4","canvas":"canvas_rui_eff2","animate":"animate_rui_eff2","rotation-keyframes":"rotation-keyframes_rui_eff2","text":"text_rui_eff2"};
4
17
 
5
- const INITIAL_TICKS = 100;
6
- class Particle {
7
- radius;
8
- x;
9
- y;
10
- color;
11
- decay;
12
- life;
13
- constructor(_ref) {
14
- let {
15
- x,
16
- y,
17
- radius,
18
- color
19
- } = _ref;
18
+ var INITIAL_TICKS = 100;
19
+ var Particle = /*#__PURE__*/function () {
20
+ function Particle(_ref) {
21
+ var x = _ref.x,
22
+ y = _ref.y,
23
+ radius = _ref.radius,
24
+ color = _ref.color;
25
+ _classCallCheck(this, Particle);
26
+ _defineProperty(this, "radius", void 0);
27
+ _defineProperty(this, "x", void 0);
28
+ _defineProperty(this, "y", void 0);
29
+ _defineProperty(this, "color", void 0);
30
+ _defineProperty(this, "decay", void 0);
31
+ _defineProperty(this, "life", void 0);
20
32
  this.radius = radius;
21
33
  this.x = x;
22
34
  this.y = y;
@@ -24,101 +36,55 @@ class Particle {
24
36
  this.decay = 0.01;
25
37
  this.life = 1;
26
38
  }
27
- step() {
28
- this.life -= this.decay;
29
- }
30
- isAlive() {
31
- return this.life >= 0;
32
- }
33
- draw(ctx) {
34
- const alpha = this.life >= 0 ? this.life : 0;
35
- ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
36
- ctx.beginPath();
37
- ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
38
- ctx.fill();
39
- }
40
- }
41
- const DETERMINISTIC_VALUE = 0.5;
39
+ return _createClass(Particle, [{
40
+ key: "step",
41
+ value: function step() {
42
+ this.life -= this.decay;
43
+ }
44
+ }, {
45
+ key: "isAlive",
46
+ value: function isAlive() {
47
+ return this.life >= 0;
48
+ }
49
+ }, {
50
+ key: "draw",
51
+ value: function draw(ctx) {
52
+ var alpha = this.life >= 0 ? this.life : 0;
53
+ ctx.fillStyle = "rgba(".concat(this.color.r, ", ").concat(this.color.g, ", ").concat(this.color.b, ", ").concat(alpha, ")");
54
+ ctx.beginPath();
55
+ ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
56
+ ctx.fill();
57
+ }
58
+ }]);
59
+ }();
60
+ var DETERMINISTIC_VALUE = 0.5;
42
61
  function deterministic() {
43
62
  return DETERMINISTIC_VALUE;
44
63
  }
45
- class LoaderCore {
46
- static defaultProps = {
47
- size: 64,
48
- stop: false,
49
- deterministic: false,
50
- colors: [{
51
- r: 215,
52
- g: 60,
53
- b: 234
54
- },
55
- //#D73CEA
56
- {
57
- r: 145,
58
- g: 53,
59
- b: 224
60
- },
61
- //#9135E0
62
- {
63
- r: 88,
64
- g: 72,
65
- b: 224
66
- },
67
- //#5848F4
68
- {
69
- r: 37,
70
- g: 183,
71
- b: 255
72
- },
73
- //#25B7FF
74
- {
75
- r: 89,
76
- g: 189,
77
- b: 0
78
- },
79
- //#59BD00
80
- {
81
- r: 251,
82
- g: 172,
83
- b: 2
84
- },
85
- //#FBAC02
86
- {
87
- r: 227,
88
- g: 37,
89
- b: 129
90
- } //#E32581
91
- ]
92
- };
93
- static calculateGradient(startColor, stopColor, position) {
94
- const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
95
- return {
96
- r: calculateChannelValue(startColor.r, stopColor.r),
97
- g: calculateChannelValue(startColor.g, stopColor.g),
98
- b: calculateChannelValue(startColor.b, stopColor.b)
99
- };
100
- }
101
- props;
102
- canvas;
103
- textNode;
104
- ctx;
105
- height;
106
- width;
107
- particles;
108
- baseSpeed;
109
- colorIndex;
110
- maxRadius;
111
- minRadius;
112
- colorChangeTick;
113
- x;
114
- y;
115
- radius;
116
- hSpeed;
117
- vSpeed;
118
- radiusSpeed;
119
- tick;
120
- isRunning;
121
- constructor(containerNode, props) {
64
+ var LoaderCore = /*#__PURE__*/function () {
65
+ function LoaderCore(containerNode, props) {
66
+ var _this$ctx;
67
+ _classCallCheck(this, LoaderCore);
68
+ _defineProperty(this, "props", void 0);
69
+ _defineProperty(this, "canvas", void 0);
70
+ _defineProperty(this, "textNode", void 0);
71
+ _defineProperty(this, "ctx", void 0);
72
+ _defineProperty(this, "height", void 0);
73
+ _defineProperty(this, "width", void 0);
74
+ _defineProperty(this, "particles", void 0);
75
+ _defineProperty(this, "baseSpeed", void 0);
76
+ _defineProperty(this, "colorIndex", void 0);
77
+ _defineProperty(this, "maxRadius", void 0);
78
+ _defineProperty(this, "minRadius", void 0);
79
+ _defineProperty(this, "colorChangeTick", void 0);
80
+ _defineProperty(this, "x", void 0);
81
+ _defineProperty(this, "y", void 0);
82
+ _defineProperty(this, "radius", void 0);
83
+ _defineProperty(this, "hSpeed", void 0);
84
+ _defineProperty(this, "vSpeed", void 0);
85
+ _defineProperty(this, "radiusSpeed", void 0);
86
+ _defineProperty(this, "tick", void 0);
87
+ _defineProperty(this, "isRunning", void 0);
122
88
  this.props = Object.assign({}, LoaderCore.defaultProps, props);
123
89
  this.canvas = document.createElement('canvas');
124
90
  this.canvas.dataset.test = 'ring-loader';
@@ -129,15 +95,15 @@ class LoaderCore {
129
95
  this.textNode.textContent = this.props.message ? this.props.message : '';
130
96
  containerNode.appendChild(this.canvas);
131
97
  containerNode.appendChild(this.textNode);
132
- const pixelRatio = LoaderCore.getPixelRatio();
133
- const canvasSize = this.props.size * pixelRatio;
98
+ var pixelRatio = LoaderCore.getPixelRatio();
99
+ var canvasSize = this.props.size * pixelRatio;
134
100
  this.canvas.width = canvasSize;
135
101
  this.canvas.height = canvasSize;
136
102
  //Fixate canvas physical size to avoid real size scaling
137
- this.canvas.style.width = `${this.props.size}px`;
138
- this.canvas.style.height = `${this.props.size}px`;
103
+ this.canvas.style.width = "".concat(this.props.size, "px");
104
+ this.canvas.style.height = "".concat(this.props.size, "px");
139
105
  this.ctx = this.canvas.getContext('2d');
140
- this.ctx?.scale(pixelRatio, pixelRatio);
106
+ (_this$ctx = this.ctx) === null || _this$ctx === void 0 || _this$ctx.scale(pixelRatio, pixelRatio);
141
107
  this.height = this.props.size;
142
108
  this.width = this.props.size;
143
109
  this.particles = [];
@@ -163,98 +129,197 @@ class LoaderCore {
163
129
  this.draw();
164
130
  }
165
131
  }
166
- static getPixelRatio() {
167
- return getPixelRatio();
168
- }
169
- prepareInitialState(ticks) {
170
- for (let i = 0; i < ticks; i++) {
171
- this.step();
132
+ return _createClass(LoaderCore, [{
133
+ key: "prepareInitialState",
134
+ value: function prepareInitialState(ticks) {
135
+ for (var i = 0; i < ticks; i++) {
136
+ this.step();
137
+ }
172
138
  }
173
- }
174
- handleLimits(coord, radius, speed, limit) {
175
- const randomFunc = this.props.deterministic ? deterministic : Math.random;
176
- const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
177
- if (coord + radius * 2 + this.baseSpeed >= limit) {
178
- return -(this.baseSpeed + randomizedSpeedChange);
179
- } else if (coord <= this.baseSpeed) {
180
- return this.baseSpeed + randomizedSpeedChange;
139
+ }, {
140
+ key: "handleLimits",
141
+ value: function handleLimits(coord, radius, speed, limit) {
142
+ var randomFunc = this.props.deterministic ? deterministic : Math.random;
143
+ var randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
144
+ if (coord + radius * 2 + this.baseSpeed >= limit) {
145
+ return -(this.baseSpeed + randomizedSpeedChange);
146
+ } else if (coord <= this.baseSpeed) {
147
+ return this.baseSpeed + randomizedSpeedChange;
148
+ }
149
+ return speed;
181
150
  }
182
- return speed;
183
- }
184
- calculateNextCoordinates() {
185
- this.x += this.hSpeed;
186
- this.y += this.vSpeed;
187
- this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
188
- this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
189
- }
190
- calculateNextRadius() {
191
- this.radius += this.radiusSpeed;
192
- if (this.radius > this.maxRadius || this.radius < this.minRadius) {
193
- this.radiusSpeed = -this.radiusSpeed;
151
+ }, {
152
+ key: "calculateNextCoordinates",
153
+ value: function calculateNextCoordinates() {
154
+ this.x += this.hSpeed;
155
+ this.y += this.vSpeed;
156
+ this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
157
+ this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
194
158
  }
195
- }
196
- getNextColor() {
197
- const colors = this.props.colors;
198
- const currentColor = colors[this.colorIndex];
199
- const nextColor = colors[this.colorIndex + 1] || colors[0];
200
- return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
201
- }
202
- nextTick() {
203
- this.tick++;
204
- if (this.tick > this.colorChangeTick) {
205
- this.tick = 0;
206
- this.colorIndex++;
207
- if (this.colorIndex > this.props.colors.length - 1) {
208
- this.colorIndex = 0;
159
+ }, {
160
+ key: "calculateNextRadius",
161
+ value: function calculateNextRadius() {
162
+ this.radius += this.radiusSpeed;
163
+ if (this.radius > this.maxRadius || this.radius < this.minRadius) {
164
+ this.radiusSpeed = -this.radiusSpeed;
209
165
  }
210
166
  }
211
- }
212
- step() {
213
- this.nextTick();
214
- this.calculateNextCoordinates();
215
- this.calculateNextRadius();
216
- this.particles.forEach(particle => particle.step());
217
- this.particles.push(new Particle({
218
- x: this.x,
219
- y: this.y,
220
- radius: this.radius,
221
- color: this.getNextColor()
222
- }));
223
- }
224
- removeDeadParticles() {
225
- this.particles = this.particles.filter(it => it.isAlive());
226
- }
227
- draw() {
228
- const ctx = this.ctx;
229
- if (ctx == null) {
230
- return;
167
+ }, {
168
+ key: "getNextColor",
169
+ value: function getNextColor() {
170
+ var colors = this.props.colors;
171
+ var currentColor = colors[this.colorIndex];
172
+ var nextColor = colors[this.colorIndex + 1] || colors[0];
173
+ return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
231
174
  }
232
- ctx.clearRect(0, 0, this.width, this.height);
233
- this.removeDeadParticles();
234
- this.particles.forEach(particle => particle.draw(ctx));
235
- }
236
- loop() {
237
- this.step();
238
- this.draw();
239
- if (this.isRunning) {
240
- window.requestAnimationFrame(() => this.loop());
175
+ }, {
176
+ key: "nextTick",
177
+ value: function nextTick() {
178
+ this.tick++;
179
+ if (this.tick > this.colorChangeTick) {
180
+ this.tick = 0;
181
+ this.colorIndex++;
182
+ if (this.colorIndex > this.props.colors.length - 1) {
183
+ this.colorIndex = 0;
184
+ }
185
+ }
241
186
  }
242
- }
243
- updateMessage(text) {
244
- this.textNode.textContent = text || '';
245
- }
246
- stopAnimation() {
247
- this.isRunning = false;
248
- this.canvas.classList.remove(modules_00b5ad26.animate);
249
- }
250
- startAnimation() {
251
- this.isRunning = true;
252
- this.canvas.classList.add(modules_00b5ad26.animate);
253
- this.loop();
254
- }
255
- destroy() {
256
- this.isRunning = false;
257
- }
258
- }
187
+ }, {
188
+ key: "step",
189
+ value: function step() {
190
+ this.nextTick();
191
+ this.calculateNextCoordinates();
192
+ this.calculateNextRadius();
193
+ this.particles.forEach(function (particle) {
194
+ return particle.step();
195
+ });
196
+ this.particles.push(new Particle({
197
+ x: this.x,
198
+ y: this.y,
199
+ radius: this.radius,
200
+ color: this.getNextColor()
201
+ }));
202
+ }
203
+ }, {
204
+ key: "removeDeadParticles",
205
+ value: function removeDeadParticles() {
206
+ this.particles = this.particles.filter(function (it) {
207
+ return it.isAlive();
208
+ });
209
+ }
210
+ }, {
211
+ key: "draw",
212
+ value: function draw() {
213
+ var ctx = this.ctx;
214
+ if (ctx == null) {
215
+ return;
216
+ }
217
+ ctx.clearRect(0, 0, this.width, this.height);
218
+ this.removeDeadParticles();
219
+ this.particles.forEach(function (particle) {
220
+ return particle.draw(ctx);
221
+ });
222
+ }
223
+ }, {
224
+ key: "loop",
225
+ value: function loop() {
226
+ var _this = this;
227
+ this.step();
228
+ this.draw();
229
+ if (this.isRunning) {
230
+ window.requestAnimationFrame(function () {
231
+ return _this.loop();
232
+ });
233
+ }
234
+ }
235
+ }, {
236
+ key: "updateMessage",
237
+ value: function updateMessage(text) {
238
+ this.textNode.textContent = text || '';
239
+ }
240
+ }, {
241
+ key: "stopAnimation",
242
+ value: function stopAnimation() {
243
+ this.isRunning = false;
244
+ this.canvas.classList.remove(modules_00b5ad26.animate);
245
+ }
246
+ }, {
247
+ key: "startAnimation",
248
+ value: function startAnimation() {
249
+ this.isRunning = true;
250
+ this.canvas.classList.add(modules_00b5ad26.animate);
251
+ this.loop();
252
+ }
253
+ }, {
254
+ key: "destroy",
255
+ value: function destroy() {
256
+ this.isRunning = false;
257
+ }
258
+ }], [{
259
+ key: "calculateGradient",
260
+ value: function calculateGradient(startColor, stopColor, position) {
261
+ var calculateChannelValue = function calculateChannelValue(a, b) {
262
+ return a + Math.round((b - a) * position);
263
+ };
264
+ return {
265
+ r: calculateChannelValue(startColor.r, stopColor.r),
266
+ g: calculateChannelValue(startColor.g, stopColor.g),
267
+ b: calculateChannelValue(startColor.b, stopColor.b)
268
+ };
269
+ }
270
+ }, {
271
+ key: "getPixelRatio",
272
+ value: function getPixelRatio$1() {
273
+ return getPixelRatio();
274
+ }
275
+ }]);
276
+ }();
277
+ _defineProperty(LoaderCore, "defaultProps", {
278
+ size: 64,
279
+ stop: false,
280
+ deterministic: false,
281
+ colors: [{
282
+ r: 215,
283
+ g: 60,
284
+ b: 234
285
+ },
286
+ //#D73CEA
287
+ {
288
+ r: 145,
289
+ g: 53,
290
+ b: 224
291
+ },
292
+ //#9135E0
293
+ {
294
+ r: 88,
295
+ g: 72,
296
+ b: 224
297
+ },
298
+ //#5848F4
299
+ {
300
+ r: 37,
301
+ g: 183,
302
+ b: 255
303
+ },
304
+ //#25B7FF
305
+ {
306
+ r: 89,
307
+ g: 189,
308
+ b: 0
309
+ },
310
+ //#59BD00
311
+ {
312
+ r: 251,
313
+ g: 172,
314
+ b: 2
315
+ },
316
+ //#FBAC02
317
+ {
318
+ r: 227,
319
+ g: 37,
320
+ b: 129
321
+ } //#E32581
322
+ ]
323
+ });
259
324
 
260
325
  export { LoaderCore as default };
@@ -1,36 +1,48 @@
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 classNames from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import joinDataTestAttributes from '../global/data-tests.js';
6
+ import 'core-js/modules/es.array.concat.js';
7
+ import 'core-js/modules/es.array.reduce.js';
8
+ import 'core-js/modules/es.object.entries.js';
9
+ import 'core-js/modules/es.object.to-string.js';
6
10
 
7
11
  var modules_e49a3529 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","loader":"loader_rui_092a","spin":"spin_rui_092a","pulse":"pulse_rui_092a","children":"children_rui_092a"};
8
12
 
13
+ var _excluded = ["className", "data-test", "children"];
9
14
  /**
10
15
  * @name Loader Inline
11
16
  */
12
- class LoaderInline extends PureComponent {
13
- static propTypes = {
14
- className: PropTypes.string,
15
- 'data-test': PropTypes.string,
16
- children: PropTypes.node
17
- };
18
- render() {
19
- const {
20
- className,
21
- 'data-test': dataTest,
22
- children,
23
- ...restProps
24
- } = this.props;
25
- const classes = classNames(modules_e49a3529.loader, className);
26
- const loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
27
- "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
28
- className: classes
29
- }));
30
- return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
31
- className: modules_e49a3529.children
32
- }, children)) : loader;
17
+ var LoaderInline = /*#__PURE__*/function (_PureComponent) {
18
+ function LoaderInline() {
19
+ _classCallCheck(this, LoaderInline);
20
+ return _callSuper(this, LoaderInline, arguments);
33
21
  }
34
- }
22
+ _inherits(LoaderInline, _PureComponent);
23
+ return _createClass(LoaderInline, [{
24
+ key: "render",
25
+ value: function render() {
26
+ var _this$props = this.props,
27
+ className = _this$props.className,
28
+ dataTest = _this$props['data-test'],
29
+ children = _this$props.children,
30
+ restProps = _objectWithoutProperties(_this$props, _excluded);
31
+ var classes = classNames(modules_e49a3529.loader, className);
32
+ var loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
33
+ "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
34
+ className: classes
35
+ }));
36
+ return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
37
+ className: modules_e49a3529.children
38
+ }, children)) : loader;
39
+ }
40
+ }]);
41
+ }(PureComponent);
42
+ _defineProperty(LoaderInline, "propTypes", {
43
+ className: PropTypes.string,
44
+ 'data-test': PropTypes.string,
45
+ children: PropTypes.node
46
+ });
35
47
 
36
48
  export { LoaderInline as default };
@@ -1,41 +1,62 @@
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 classNames from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import Loader from '../loader/loader.js';
6
+ import 'core-js/modules/es.array.concat.js';
6
7
  import '../global/data-tests.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
  import '../loader/loader__core.js';
12
+ import 'core-js/modules/es.array.fill.js';
13
+ import 'core-js/modules/es.array.filter.js';
14
+ import 'core-js/modules/es.object.assign.js';
15
+ import 'core-js/modules/es.regexp.exec.js';
16
+ import 'core-js/modules/web.dom-collections.for-each.js';
8
17
  import '../global/dom.js';
18
+ import 'core-js/modules/es.array.iterator.js';
19
+ import 'core-js/modules/es.set.js';
20
+ import 'core-js/modules/es.string.split.js';
21
+ import 'core-js/modules/web.dom-collections.iterator.js';
9
22
 
10
23
  var modules_122a82e9 = {"light":"light_rui_2ac4","loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
11
24
 
25
+ var _excluded = ["message", "className", "containerClassName"];
12
26
  /**
13
27
  * @name Loader Screen
14
28
  */
15
- class LoaderScreen extends PureComponent {
16
- static propTypes = {
17
- className: PropTypes.string,
18
- containerClassName: PropTypes.string,
19
- message: PropTypes.string
20
- };
21
- render() {
22
- const {
23
- message,
24
- className,
25
- containerClassName,
26
- ...restProps
27
- } = this.props;
28
- const containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
29
- const loaderClasses = classNames(className, modules_122a82e9.loader, {
30
- [modules_122a82e9.loaderWithoutSpacing]: !message
31
- });
32
- return /*#__PURE__*/React.createElement("div", {
33
- className: containerClasses
34
- }, /*#__PURE__*/React.createElement(Loader, _extends({}, restProps, {
35
- message: message,
36
- className: loaderClasses
37
- })));
29
+ var LoaderScreen = /*#__PURE__*/function (_PureComponent) {
30
+ function LoaderScreen() {
31
+ _classCallCheck(this, LoaderScreen);
32
+ return _callSuper(this, LoaderScreen, arguments);
38
33
  }
39
- }
34
+ _inherits(LoaderScreen, _PureComponent);
35
+ return _createClass(LoaderScreen, [{
36
+ key: "render",
37
+ value: function render() {
38
+ var _this$props = this.props,
39
+ message = _this$props.message,
40
+ className = _this$props.className,
41
+ containerClassName = _this$props.containerClassName,
42
+ restProps = _objectWithoutProperties(_this$props, _excluded);
43
+ var containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
44
+ var loaderClasses = classNames(className, modules_122a82e9.loader, {
45
+ [modules_122a82e9.loaderWithoutSpacing]: !message
46
+ });
47
+ return /*#__PURE__*/React.createElement("div", {
48
+ className: containerClasses
49
+ }, /*#__PURE__*/React.createElement(Loader, _extends({}, restProps, {
50
+ message: message,
51
+ className: loaderClasses
52
+ })));
53
+ }
54
+ }]);
55
+ }(PureComponent);
56
+ _defineProperty(LoaderScreen, "propTypes", {
57
+ className: PropTypes.string,
58
+ containerClassName: PropTypes.string,
59
+ message: PropTypes.string
60
+ });
40
61
 
41
62
  export { LoaderScreen as default };