@jetbrains/ring-ui-built 6.0.32 → 6.0.34

package/components/progress-bar/progress-bar.js

@@ -1,101 +1,118 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 var modules_fb7af416 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar":"progress-bar_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
 
+var _excluded = ["className", "global", "max", "value", "label", "staticColor"];
 /**
  * @name Progress Bar
  */
-class ProgressBar extends PureComponent {
-  /**
-   * @param {number} value The progress task value
-   * @param {number} max The maximum value
-   * @return {number} The progress task value in percents
-   * @private
-   */
-  static toPercent(value, max) {
-    const HUNDRED_PERCENT = 100;
-    const percents = value * HUNDRED_PERCENT / max;
-    return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
+var ProgressBar = /*#__PURE__*/function (_PureComponent) {
+  function ProgressBar() {
+    var _this;
+    _classCallCheck(this, ProgressBar);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ProgressBar, [].concat(args));
+    _defineProperty(_this, "progressbarWrapper", void 0);
+    _defineProperty(_this, "progressbarWrapperRef", function (el) {
+      _this.progressbarWrapper = el;
+    });
+    _defineProperty(_this, "progressbar", void 0);
+    _defineProperty(_this, "progressbarRef", function (el) {
+      _this.progressbar = el;
+    });
+    return _this;
   }
-  static propTypes = {
-    label: PropTypes.string,
-    /**
-     * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
-     * Should be placed directly inside body, will be positioned right below .ring-header
-     * if placed adjacent to it.
-     * @type {boolean}
-     */
-    global: PropTypes.bool,
-    /**
-     * Custom class
-     * @type {string}
-     */
-    className: PropTypes.string,
-    style: PropTypes.object,
-    /**
-     * A floating point number that specifies minimum completion rate for a task to be considered
-     * complete. Default value is 1.0.
-     * @type {number}
-     */
-    max: PropTypes.number,
-    /**
-     * A floating point number that specifies current task completion rate.
-     * @type {number}
-     */
-    value: PropTypes.number,
+  _inherits(ProgressBar, _PureComponent);
+  return _createClass(ProgressBar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        global = _this$props.global,
+        max = _this$props.max,
+        value = _this$props.value,
+        label = _this$props.label,
+        staticColor = _this$props.staticColor,
+        otherProps = _objectWithoutProperties(_this$props, _excluded);
+      var width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
+      var classes = classNames(modules_fb7af416.progressBar, className, {
+        [modules_fb7af416.globalMode]: global,
+        [modules_fb7af416.staticLineColor]: staticColor
+      });
+      return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
+        className: classes,
+        ref: this.progressbarWrapperRef
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_fb7af416.line,
+        ref: this.progressbarRef,
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        style: {
+          width
+        }
+      }));
+    }
+  }], [{
+    key: "toPercent",
+    value:
     /**
-     * Disables Disabled progress bar color animation and sets it to static color.
-     * @type {boolean}
+     * @param {number} value The progress task value
+     * @param {number} max The maximum value
+     * @return {number} The progress task value in percents
+     * @private
      */
-    staticColor: PropTypes.bool
-  };
-  static defaultProps = {
-    max: 1.0,
-    value: 0,
-    label: 'Progress'
-  };
-  progressbarWrapper;
-  progressbarWrapperRef = el => {
-    this.progressbarWrapper = el;
-  };
-  progressbar;
-  progressbarRef = el => {
-    this.progressbar = el;
-  };
-  render() {
-    const {
-      className,
-      global,
-      max,
-      value,
-      label,
-      staticColor,
-      ...otherProps
-    } = this.props;
-    const width = value ? `${ProgressBar.toPercent(value, max)}%` : undefined;
-    const classes = classNames(modules_fb7af416.progressBar, className, {
-      [modules_fb7af416.globalMode]: global,
-      [modules_fb7af416.staticLineColor]: staticColor
-    });
-    return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
-      className: classes,
-      ref: this.progressbarWrapperRef
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_fb7af416.line,
-      ref: this.progressbarRef,
-      role: "progressbar",
-      "aria-label": label,
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      style: {
-        width
-      }
-    }));
-  }
-}
+    function toPercent(value, max) {
+      var HUNDRED_PERCENT = 100;
+      var percents = value * HUNDRED_PERCENT / max;
+      return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
+    }
+  }]);
+}(PureComponent);
+_defineProperty(ProgressBar, "propTypes", {
+  label: PropTypes.string,
+  /**
+   * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
+   * Should be placed directly inside body, will be positioned right below .ring-header
+   * if placed adjacent to it.
+   * @type {boolean}
+   */
+  global: PropTypes.bool,
+  /**
+   * Custom class
+   * @type {string}
+   */
+  className: PropTypes.string,
+  style: PropTypes.object,
+  /**
+   * A floating point number that specifies minimum completion rate for a task to be considered
+   * complete. Default value is 1.0.
+   * @type {number}
+   */
+  max: PropTypes.number,
+  /**
+   * A floating point number that specifies current task completion rate.
+   * @type {number}
+   */
+  value: PropTypes.number,
+  /**
+   * Disables Disabled progress bar color animation and sets it to static color.
+   * @type {boolean}
+   */
+  staticColor: PropTypes.bool
+});
+_defineProperty(ProgressBar, "defaultProps", {
+  max: 1.0,
+  value: 0,
+  label: 'Progress'
+});
 
 export { ProgressBar as default };