@jetbrains/ring-ui-built 6.0.31 → 6.0.32

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

@@ -1,118 +1,101 @@
-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 { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.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
  */
-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;
+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;
   }
-  _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:
+  static propTypes = {
+    label: PropTypes.string,
     /**
-     * @param {number} value The progress task value
-     * @param {number} max The maximum value
-     * @return {number} The progress task value in percents
-     * @private
+     * 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}
      */
-    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'
-});
+    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
+  };
+  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
+      }
+    }));
+  }
+}
 
 export { ProgressBar as default };