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

package/components/loader/loader__core.js

@@ -1,28 +1,19 @@
-import { _ as _defineProperty, b as _createClass, e as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.fill.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.to-string.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import { getPixelRatio } from '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 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"};
 
-var INITIAL_TICKS = 100;
-var Particle = /*#__PURE__*/function () {
-  function Particle(_ref) {
-    var x = _ref.x,
-      y = _ref.y,
-      radius = _ref.radius,
-      color = _ref.color;
-    _classCallCheck(this, Particle);
+const INITIAL_TICKS = 100;
+class Particle {
+  constructor(_ref) {
+    let {
+      x,
+      y,
+      radius,
+      color
+    } = _ref;
     _defineProperty(this, "radius", void 0);
     _defineProperty(this, "x", void 0);
     _defineProperty(this, "y", void 0);
@@ -36,35 +27,35 @@ var Particle = /*#__PURE__*/function () {
     this.decay = 0.01;
     this.life = 1;
   }
-  return _createClass(Particle, [{
-    key: "step",
-    value: function step() {
-      this.life -= this.decay;
-    }
-  }, {
-    key: "isAlive",
-    value: function isAlive() {
-      return this.life >= 0;
-    }
-  }, {
-    key: "draw",
-    value: function draw(ctx) {
-      var alpha = this.life >= 0 ? this.life : 0;
-      ctx.fillStyle = "rgba(".concat(this.color.r, ", ").concat(this.color.g, ", ").concat(this.color.b, ", ").concat(alpha, ")");
-      ctx.beginPath();
-      ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
-      ctx.fill();
-    }
-  }]);
-}();
-var DETERMINISTIC_VALUE = 0.5;
+  step() {
+    this.life -= this.decay;
+  }
+  isAlive() {
+    return this.life >= 0;
+  }
+  draw(ctx) {
+    const alpha = this.life >= 0 ? this.life : 0;
+    ctx.fillStyle = "rgba(".concat(this.color.r, ", ").concat(this.color.g, ", ").concat(this.color.b, ", ").concat(alpha, ")");
+    ctx.beginPath();
+    ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
+    ctx.fill();
+  }
+}
+const DETERMINISTIC_VALUE = 0.5;
 function deterministic() {
   return DETERMINISTIC_VALUE;
 }
-var LoaderCore = /*#__PURE__*/function () {
-  function LoaderCore(containerNode, props) {
+class LoaderCore {
+  static calculateGradient(startColor, stopColor, position) {
+    const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
+    return {
+      r: calculateChannelValue(startColor.r, stopColor.r),
+      g: calculateChannelValue(startColor.g, stopColor.g),
+      b: calculateChannelValue(startColor.b, stopColor.b)
+    };
+  }
+  constructor(containerNode, props) {
     var _this$ctx;
-    _classCallCheck(this, LoaderCore);
     _defineProperty(this, "props", void 0);
     _defineProperty(this, "canvas", void 0);
     _defineProperty(this, "textNode", void 0);
@@ -95,8 +86,8 @@ var LoaderCore = /*#__PURE__*/function () {
     this.textNode.textContent = this.props.message ? this.props.message : '';
     containerNode.appendChild(this.canvas);
     containerNode.appendChild(this.textNode);
-    var pixelRatio = LoaderCore.getPixelRatio();
-    var canvasSize = this.props.size * pixelRatio;
+    const pixelRatio = LoaderCore.getPixelRatio();
+    const canvasSize = this.props.size * pixelRatio;
     this.canvas.width = canvasSize;
     this.canvas.height = canvasSize;
     //Fixate canvas physical size to avoid real size scaling
@@ -129,151 +120,99 @@ var LoaderCore = /*#__PURE__*/function () {
       this.draw();
     }
   }
-  return _createClass(LoaderCore, [{
-    key: "prepareInitialState",
-    value: function prepareInitialState(ticks) {
-      for (var i = 0; i < ticks; i++) {
-        this.step();
-      }
-    }
-  }, {
-    key: "handleLimits",
-    value: function handleLimits(coord, radius, speed, limit) {
-      var randomFunc = this.props.deterministic ? deterministic : Math.random;
-      var randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
-      if (coord + radius * 2 + this.baseSpeed >= limit) {
-        return -(this.baseSpeed + randomizedSpeedChange);
-      } else if (coord <= this.baseSpeed) {
-        return this.baseSpeed + randomizedSpeedChange;
-      }
-      return speed;
-    }
-  }, {
-    key: "calculateNextCoordinates",
-    value: function calculateNextCoordinates() {
-      this.x += this.hSpeed;
-      this.y += this.vSpeed;
-      this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
-      this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
-    }
-  }, {
-    key: "calculateNextRadius",
-    value: function calculateNextRadius() {
-      this.radius += this.radiusSpeed;
-      if (this.radius > this.maxRadius || this.radius < this.minRadius) {
-        this.radiusSpeed = -this.radiusSpeed;
-      }
-    }
-  }, {
-    key: "getNextColor",
-    value: function getNextColor() {
-      var colors = this.props.colors;
-      var currentColor = colors[this.colorIndex];
-      var nextColor = colors[this.colorIndex + 1] || colors[0];
-      return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
-    }
-  }, {
-    key: "nextTick",
-    value: function nextTick() {
-      this.tick++;
-      if (this.tick > this.colorChangeTick) {
-        this.tick = 0;
-        this.colorIndex++;
-        if (this.colorIndex > this.props.colors.length - 1) {
-          this.colorIndex = 0;
-        }
-      }
-    }
-  }, {
-    key: "step",
-    value: function step() {
-      this.nextTick();
-      this.calculateNextCoordinates();
-      this.calculateNextRadius();
-      this.particles.forEach(function (particle) {
-        return particle.step();
-      });
-      this.particles.push(new Particle({
-        x: this.x,
-        y: this.y,
-        radius: this.radius,
-        color: this.getNextColor()
-      }));
-    }
-  }, {
-    key: "removeDeadParticles",
-    value: function removeDeadParticles() {
-      this.particles = this.particles.filter(function (it) {
-        return it.isAlive();
-      });
-    }
-  }, {
-    key: "draw",
-    value: function draw() {
-      var ctx = this.ctx;
-      if (ctx == null) {
-        return;
-      }
-      ctx.clearRect(0, 0, this.width, this.height);
-      this.removeDeadParticles();
-      this.particles.forEach(function (particle) {
-        return particle.draw(ctx);
-      });
-    }
-  }, {
-    key: "loop",
-    value: function loop() {
-      var _this = this;
+  static getPixelRatio() {
+    return getPixelRatio();
+  }
+  prepareInitialState(ticks) {
+    for (let i = 0; i < ticks; i++) {
       this.step();
-      this.draw();
-      if (this.isRunning) {
-        window.requestAnimationFrame(function () {
-          return _this.loop();
-        });
-      }
     }
-  }, {
-    key: "updateMessage",
-    value: function updateMessage(text) {
-      this.textNode.textContent = text || '';
-    }
-  }, {
-    key: "stopAnimation",
-    value: function stopAnimation() {
-      this.isRunning = false;
-      this.canvas.classList.remove(modules_00b5ad26.animate);
+  }
+  handleLimits(coord, radius, speed, limit) {
+    const randomFunc = this.props.deterministic ? deterministic : Math.random;
+    const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
+    if (coord + radius * 2 + this.baseSpeed >= limit) {
+      return -(this.baseSpeed + randomizedSpeedChange);
+    } else if (coord <= this.baseSpeed) {
+      return this.baseSpeed + randomizedSpeedChange;
     }
-  }, {
-    key: "startAnimation",
-    value: function startAnimation() {
-      this.isRunning = true;
-      this.canvas.classList.add(modules_00b5ad26.animate);
-      this.loop();
+    return speed;
+  }
+  calculateNextCoordinates() {
+    this.x += this.hSpeed;
+    this.y += this.vSpeed;
+    this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
+    this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
+  }
+  calculateNextRadius() {
+    this.radius += this.radiusSpeed;
+    if (this.radius > this.maxRadius || this.radius < this.minRadius) {
+      this.radiusSpeed = -this.radiusSpeed;
     }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.isRunning = false;
+  }
+  getNextColor() {
+    const colors = this.props.colors;
+    const currentColor = colors[this.colorIndex];
+    const nextColor = colors[this.colorIndex + 1] || colors[0];
+    return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
+  }
+  nextTick() {
+    this.tick++;
+    if (this.tick > this.colorChangeTick) {
+      this.tick = 0;
+      this.colorIndex++;
+      if (this.colorIndex > this.props.colors.length - 1) {
+        this.colorIndex = 0;
+      }
     }
-  }], [{
-    key: "calculateGradient",
-    value: function calculateGradient(startColor, stopColor, position) {
-      var calculateChannelValue = function calculateChannelValue(a, b) {
-        return a + Math.round((b - a) * position);
-      };
-      return {
-        r: calculateChannelValue(startColor.r, stopColor.r),
-        g: calculateChannelValue(startColor.g, stopColor.g),
-        b: calculateChannelValue(startColor.b, stopColor.b)
-      };
+  }
+  step() {
+    this.nextTick();
+    this.calculateNextCoordinates();
+    this.calculateNextRadius();
+    this.particles.forEach(particle => particle.step());
+    this.particles.push(new Particle({
+      x: this.x,
+      y: this.y,
+      radius: this.radius,
+      color: this.getNextColor()
+    }));
+  }
+  removeDeadParticles() {
+    this.particles = this.particles.filter(it => it.isAlive());
+  }
+  draw() {
+    const ctx = this.ctx;
+    if (ctx == null) {
+      return;
     }
-  }, {
-    key: "getPixelRatio",
-    value: function getPixelRatio$1() {
-      return getPixelRatio();
+    ctx.clearRect(0, 0, this.width, this.height);
+    this.removeDeadParticles();
+    this.particles.forEach(particle => particle.draw(ctx));
+  }
+  loop() {
+    this.step();
+    this.draw();
+    if (this.isRunning) {
+      window.requestAnimationFrame(() => this.loop());
     }
-  }]);
-}();
+  }
+  updateMessage(text) {
+    this.textNode.textContent = text || '';
+  }
+  stopAnimation() {
+    this.isRunning = false;
+    this.canvas.classList.remove(modules_00b5ad26.animate);
+  }
+  startAnimation() {
+    this.isRunning = true;
+    this.canvas.classList.add(modules_00b5ad26.animate);
+    this.loop();
+  }
+  destroy() {
+    this.isRunning = false;
+  }
+}
 _defineProperty(LoaderCore, "defaultProps", {
   size: 64,
   stop: false,

package/components/loader-inline/loader-inline.js

@@ -1,45 +1,37 @@
-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';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 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"};
 
-var _excluded = ["className", "data-test", "children"];
-var LoaderInline = /*#__PURE__*/function (_PureComponent) {
-  function LoaderInline() {
-    _classCallCheck(this, LoaderInline);
-    return _callSuper(this, LoaderInline, arguments);
+const _excluded = ["className", "data-test", "children"];
+class LoaderInline extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        'data-test': dataTest,
+        children
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_e49a3529.loader, className);
+    const loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
+      className: classes
+    }));
+    return children ? /*#__PURE__*/jsxs(Fragment, {
+      children: [loader, /*#__PURE__*/jsx("span", {
+        className: modules_e49a3529.children,
+        children: children
+      })]
+    }) : loader;
   }
-  _inherits(LoaderInline, _PureComponent);
-  return _createClass(LoaderInline, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        dataTest = _this$props['data-test'],
-        children = _this$props.children,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_e49a3529.loader, className);
-      var loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-        "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
-        className: classes
-      }));
-      return children ? /*#__PURE__*/jsxs(Fragment, {
-        children: [loader, /*#__PURE__*/jsx("span", {
-          className: modules_e49a3529.children,
-          children: children
-        })]
-      }) : loader;
-    }
-  }]);
-}(PureComponent);
+}
 _defineProperty(LoaderInline, "propTypes", {
   className: PropTypes.string,
   'data-test': PropTypes.string,

package/components/loader-screen/loader-screen.js

@@ -1,57 +1,41 @@
-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';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Loader from '../loader/loader.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 import '../loader/loader__core.js';
-import 'core-js/modules/es.array.fill.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_122a82e9 = {"light":"light_rui_2ac4","loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
 
-var _excluded = ["message", "className", "containerClassName"];
-var LoaderScreen = /*#__PURE__*/function (_PureComponent) {
-  function LoaderScreen() {
-    _classCallCheck(this, LoaderScreen);
-    return _callSuper(this, LoaderScreen, arguments);
+const _excluded = ["message", "className", "containerClassName"];
+class LoaderScreen extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        message,
+        className,
+        containerClassName
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
+    const loaderClasses = classNames(className, modules_122a82e9.loader, {
+      [modules_122a82e9.loaderWithoutSpacing]: !message
+    });
+    return /*#__PURE__*/jsx("div", {
+      className: containerClasses,
+      children: /*#__PURE__*/jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
+        message: message,
+        className: loaderClasses
+      }))
+    });
   }
-  _inherits(LoaderScreen, _PureComponent);
-  return _createClass(LoaderScreen, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        message = _this$props.message,
-        className = _this$props.className,
-        containerClassName = _this$props.containerClassName,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var containerClasses = classNames(containerClassName, modules_122a82e9.loaderScreen);
-      var loaderClasses = classNames(className, modules_122a82e9.loader, {
-        [modules_122a82e9.loaderWithoutSpacing]: !message
-      });
-      return /*#__PURE__*/jsx("div", {
-        className: containerClasses,
-        children: /*#__PURE__*/jsx(Loader, _objectSpread2(_objectSpread2({}, restProps), {}, {
-          message: message,
-          className: loaderClasses
-        }))
-      });
-    }
-  }]);
-}(PureComponent);
+}
 _defineProperty(LoaderScreen, "propTypes", {
   className: PropTypes.string,
   containerClassName: PropTypes.string,