@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,28 +1,19 @@
1
- import { _ as _defineProperty, b as _createClass, e 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';
1
+ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
7
2
  import 'core-js/modules/es.regexp.exec.js';
8
- import 'core-js/modules/web.dom-collections.for-each.js';
9
3
  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
4
  import 'core-js/modules/web.dom-collections.iterator.js';
15
5
 
16
6
  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"};
17
7
 
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);
8
+ const INITIAL_TICKS = 100;
9
+ class Particle {
10
+ constructor(_ref) {
11
+ let {
12
+ x,
13
+ y,
14
+ radius,
15
+ color
16
+ } = _ref;
26
17
  _defineProperty(this, "radius", void 0);
27
18
  _defineProperty(this, "x", void 0);
28
19
  _defineProperty(this, "y", void 0);
@@ -36,35 +27,35 @@ var Particle = /*#__PURE__*/function () {
36
27
  this.decay = 0.01;
37
28
  this.life = 1;
38
29
  }
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;
30
+ step() {
31
+ this.life -= this.decay;
32
+ }
33
+ isAlive() {
34
+ return this.life >= 0;
35
+ }
36
+ draw(ctx) {
37
+ const alpha = this.life >= 0 ? this.life : 0;
38
+ ctx.fillStyle = "rgba(".concat(this.color.r, ", ").concat(this.color.g, ", ").concat(this.color.b, ", ").concat(alpha, ")");
39
+ ctx.beginPath();
40
+ ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
41
+ ctx.fill();
42
+ }
43
+ }
44
+ const DETERMINISTIC_VALUE = 0.5;
61
45
  function deterministic() {
62
46
  return DETERMINISTIC_VALUE;
63
47
  }
64
- var LoaderCore = /*#__PURE__*/function () {
65
- function LoaderCore(containerNode, props) {
48
+ class LoaderCore {
49
+ static calculateGradient(startColor, stopColor, position) {
50
+ const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
51
+ return {
52
+ r: calculateChannelValue(startColor.r, stopColor.r),
53
+ g: calculateChannelValue(startColor.g, stopColor.g),
54
+ b: calculateChannelValue(startColor.b, stopColor.b)
55
+ };
56
+ }
57
+ constructor(containerNode, props) {
66
58
  var _this$ctx;
67
- _classCallCheck(this, LoaderCore);
68
59
  _defineProperty(this, "props", void 0);
69
60
  _defineProperty(this, "canvas", void 0);
70
61
  _defineProperty(this, "textNode", void 0);
@@ -95,8 +86,8 @@ var LoaderCore = /*#__PURE__*/function () {
95
86
  this.textNode.textContent = this.props.message ? this.props.message : '';
96
87
  containerNode.appendChild(this.canvas);
97
88
  containerNode.appendChild(this.textNode);
98
- var pixelRatio = LoaderCore.getPixelRatio();
99
- var canvasSize = this.props.size * pixelRatio;
89
+ const pixelRatio = LoaderCore.getPixelRatio();
90
+ const canvasSize = this.props.size * pixelRatio;
100
91
  this.canvas.width = canvasSize;
101
92
  this.canvas.height = canvasSize;
102
93
  //Fixate canvas physical size to avoid real size scaling
@@ -129,151 +120,99 @@ var LoaderCore = /*#__PURE__*/function () {
129
120
  this.draw();
130
121
  }
131
122
  }
132
- return _createClass(LoaderCore, [{
133
- key: "prepareInitialState",
134
- value: function prepareInitialState(ticks) {
135
- for (var i = 0; i < ticks; i++) {
136
- this.step();
137
- }
138
- }
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;
150
- }
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);
158
- }
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;
165
- }
166
- }
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);
174
- }
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
- }
186
- }
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;
123
+ static getPixelRatio() {
124
+ return getPixelRatio();
125
+ }
126
+ prepareInitialState(ticks) {
127
+ for (let i = 0; i < ticks; i++) {
227
128
  this.step();
228
- this.draw();
229
- if (this.isRunning) {
230
- window.requestAnimationFrame(function () {
231
- return _this.loop();
232
- });
233
- }
234
129
  }
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);
130
+ }
131
+ handleLimits(coord, radius, speed, limit) {
132
+ const randomFunc = this.props.deterministic ? deterministic : Math.random;
133
+ const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
134
+ if (coord + radius * 2 + this.baseSpeed >= limit) {
135
+ return -(this.baseSpeed + randomizedSpeedChange);
136
+ } else if (coord <= this.baseSpeed) {
137
+ return this.baseSpeed + randomizedSpeedChange;
245
138
  }
246
- }, {
247
- key: "startAnimation",
248
- value: function startAnimation() {
249
- this.isRunning = true;
250
- this.canvas.classList.add(modules_00b5ad26.animate);
251
- this.loop();
139
+ return speed;
140
+ }
141
+ calculateNextCoordinates() {
142
+ this.x += this.hSpeed;
143
+ this.y += this.vSpeed;
144
+ this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
145
+ this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
146
+ }
147
+ calculateNextRadius() {
148
+ this.radius += this.radiusSpeed;
149
+ if (this.radius > this.maxRadius || this.radius < this.minRadius) {
150
+ this.radiusSpeed = -this.radiusSpeed;
252
151
  }
253
- }, {
254
- key: "destroy",
255
- value: function destroy() {
256
- this.isRunning = false;
152
+ }
153
+ getNextColor() {
154
+ const colors = this.props.colors;
155
+ const currentColor = colors[this.colorIndex];
156
+ const nextColor = colors[this.colorIndex + 1] || colors[0];
157
+ return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
158
+ }
159
+ nextTick() {
160
+ this.tick++;
161
+ if (this.tick > this.colorChangeTick) {
162
+ this.tick = 0;
163
+ this.colorIndex++;
164
+ if (this.colorIndex > this.props.colors.length - 1) {
165
+ this.colorIndex = 0;
166
+ }
257
167
  }
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
- };
168
+ }
169
+ step() {
170
+ this.nextTick();
171
+ this.calculateNextCoordinates();
172
+ this.calculateNextRadius();
173
+ this.particles.forEach(particle => particle.step());
174
+ this.particles.push(new Particle({
175
+ x: this.x,
176
+ y: this.y,
177
+ radius: this.radius,
178
+ color: this.getNextColor()
179
+ }));
180
+ }
181
+ removeDeadParticles() {
182
+ this.particles = this.particles.filter(it => it.isAlive());
183
+ }
184
+ draw() {
185
+ const ctx = this.ctx;
186
+ if (ctx == null) {
187
+ return;
269
188
  }
270
- }, {
271
- key: "getPixelRatio",
272
- value: function getPixelRatio$1() {
273
- return getPixelRatio();
189
+ ctx.clearRect(0, 0, this.width, this.height);
190
+ this.removeDeadParticles();
191
+ this.particles.forEach(particle => particle.draw(ctx));
192
+ }
193
+ loop() {
194
+ this.step();
195
+ this.draw();
196
+ if (this.isRunning) {
197
+ window.requestAnimationFrame(() => this.loop());
274
198
  }
275
- }]);
276
- }();
199
+ }
200
+ updateMessage(text) {
201
+ this.textNode.textContent = text || '';
202
+ }
203
+ stopAnimation() {
204
+ this.isRunning = false;
205
+ this.canvas.classList.remove(modules_00b5ad26.animate);
206
+ }
207
+ startAnimation() {
208
+ this.isRunning = true;
209
+ this.canvas.classList.add(modules_00b5ad26.animate);
210
+ this.loop();
211
+ }
212
+ destroy() {
213
+ this.isRunning = false;
214
+ }
215
+ }
277
216
  _defineProperty(LoaderCore, "defaultProps", {
278
217
  size: 64,
279
218
  stop: false,
@@ -1,45 +1,37 @@
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 classNames from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import joinDataTestAttributes from '../global/data-tests.js';
6
6
  import { jsx, jsxs, Fragment } 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
10
  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"};
13
11
 
14
- var _excluded = ["className", "data-test", "children"];
15
- var LoaderInline = /*#__PURE__*/function (_PureComponent) {
16
- function LoaderInline() {
17
- _classCallCheck(this, LoaderInline);
18
- return _callSuper(this, LoaderInline, arguments);
12
+ const _excluded = ["className", "data-test", "children"];
13
+ class LoaderInline extends PureComponent {
14
+ render() {
15
+ const _this$props = this.props,
16
+ {
17
+ className,
18
+ 'data-test': dataTest,
19
+ children
20
+ } = _this$props,
21
+ restProps = _objectWithoutProperties(_this$props, _excluded);
22
+ const classes = classNames(modules_e49a3529.loader, className);
23
+ const loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
24
+ "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
25
+ className: classes
26
+ }));
27
+ return children ? /*#__PURE__*/jsxs(Fragment, {
28
+ children: [loader, /*#__PURE__*/jsx("span", {
29
+ className: modules_e49a3529.children,
30
+ children: children
31
+ })]
32
+ }) : loader;
19
33
  }
20
- _inherits(LoaderInline, _PureComponent);
21
- return _createClass(LoaderInline, [{
22
- key: "render",
23
- value: function render() {
24
- var _this$props = this.props,
25
- className = _this$props.className,
26
- dataTest = _this$props['data-test'],
27
- children = _this$props.children,
28
- restProps = _objectWithoutProperties(_this$props, _excluded);
29
- var classes = classNames(modules_e49a3529.loader, className);
30
- var loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
31
- "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
32
- className: classes
33
- }));
34
- return children ? /*#__PURE__*/jsxs(Fragment, {
35
- children: [loader, /*#__PURE__*/jsx("span", {
36
- className: modules_e49a3529.children,
37
- children: children
38
- })]
39
- }) : loader;
40
- }
41
- }]);
42
- }(PureComponent);
34
+ }
43
35
  _defineProperty(LoaderInline, "propTypes", {
44
36
  className: PropTypes.string,
45
37
  'data-test': PropTypes.string,
@@ -1,57 +1,41 @@
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 classNames from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import Loader from '../loader/loader.js';
6
6
  import { jsx } from 'react/jsx-runtime';
7
- import 'core-js/modules/es.array.concat.js';
7
+ import 'core-js/modules/web.dom-collections.iterator.js';
8
8
  import '../global/data-tests.js';
9
9
  import 'core-js/modules/es.array.reduce.js';
10
- import 'core-js/modules/es.object.entries.js';
11
- import 'core-js/modules/es.object.to-string.js';
12
10
  import '../loader/loader__core.js';
13
- import 'core-js/modules/es.array.fill.js';
14
- import 'core-js/modules/es.array.filter.js';
15
- import 'core-js/modules/es.object.assign.js';
16
11
  import 'core-js/modules/es.regexp.exec.js';
17
- import 'core-js/modules/web.dom-collections.for-each.js';
18
12
  import '../global/dom.js';
19
- import 'core-js/modules/es.array.iterator.js';
20
- import 'core-js/modules/es.set.js';
21
- import 'core-js/modules/es.string.split.js';
22
- import 'core-js/modules/web.dom-collections.iterator.js';
23
13
 
24
14
  var modules_122a82e9 = {"light":"light_rui_2ac4","loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
25
15
 
26
- var _excluded = ["message", "className", "containerClassName"];
27
- var LoaderScreen = /*#__PURE__*/function (_PureComponent) {
28
- function LoaderScreen() {
29
- _classCallCheck(this, LoaderScreen);
30
- return _callSuper(this, LoaderScreen, arguments);
16
+ const _excluded = ["message", "className", "containerClassName"];
17
+ class LoaderScreen extends PureComponent {
18
+ render() {
19
+ const _this$props = this.props,
20
+ {
21
+ message,
22
+ className,
23
+ containerClassName
24
+ } = _this$props,
25
+ restProps = _objectWithoutProperties(_this$props, _excluded);
26
+ const containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
27
+ const loaderClasses = classNames(className, modules_122a82e9.loader, {
28
+ [modules_122a82e9.loaderWithoutSpacing]: !message
29
+ });
30
+ return /*#__PURE__*/jsx("div", {
31
+ className: containerClasses,
32
+ children: /*#__PURE__*/jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
33
+ message: message,
34
+ className: loaderClasses
35
+ }))
36
+ });
31
37
  }
32
- _inherits(LoaderScreen, _PureComponent);
33
- return _createClass(LoaderScreen, [{
34
- key: "render",
35
- value: function render() {
36
- var _this$props = this.props,
37
- message = _this$props.message,
38
- className = _this$props.className,
39
- containerClassName = _this$props.containerClassName,
40
- restProps = _objectWithoutProperties(_this$props, _excluded);
41
- var containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
42
- var loaderClasses = classNames(className, modules_122a82e9.loader, {
43
- [modules_122a82e9.loaderWithoutSpacing]: !message
44
- });
45
- return /*#__PURE__*/jsx("div", {
46
- className: containerClasses,
47
- children: /*#__PURE__*/jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
48
- message: message,
49
- className: loaderClasses
50
- }))
51
- });
52
- }
53
- }]);
54
- }(PureComponent);
38
+ }
55
39
  _defineProperty(LoaderScreen, "propTypes", {
56
40
  className: PropTypes.string,
57
41
  containerClassName: PropTypes.string,