@instructure/ui-progress 8.33.1 → 8.33.2

package/lib/ProgressBar/index.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProgressBar = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 const _excluded = ["renderValue", "formatScreenReaderValue", "valueNow", "valueMax", "screenReaderLabel", "size", "color", "meterColor", "styles"];
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 category: components
@@ -41,55 +27,48 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   render() {
     const _this$props3 = this.props,
-          renderValue = _this$props3.renderValue,
-          formatScreenReaderValue = _this$props3.formatScreenReaderValue,
-          valueNow = _this$props3.valueNow,
-          valueMax = _this$props3.valueMax,
-          screenReaderLabel = _this$props3.screenReaderLabel,
-          size = _this$props3.size,
-          color = _this$props3.color,
-          meterColor = _this$props3.meterColor,
-          styles = _this$props3.styles,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+      renderValue = _this$props3.renderValue,
+      formatScreenReaderValue = _this$props3.formatScreenReaderValue,
+      valueNow = _this$props3.valueNow,
+      valueMax = _this$props3.valueMax,
+      screenReaderLabel = _this$props3.screenReaderLabel,
+      size = _this$props3.size,
+      color = _this$props3.color,
+      meterColor = _this$props3.meterColor,
+      styles = _this$props3.styles,
+      props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const valueText = typeof formatScreenReaderValue === 'function' ? formatScreenReaderValue({
       valueNow: valueNow,
       valueMax: valueMax
-    }) : void 0; // consolidating the label and aria-valuetext to put in aria-label because
+    }) : void 0;
+    // consolidating the label and aria-valuetext to put in aria-label because
     // NVDA does not read aria-valuetext: https://github.com/nvaccess/nvda/issues/913
     // But leaving aria-valuetext because JAWS ignores aria-label
-
     const labelAndValueText = `${screenReaderLabel} ${valueText}`;
     const value = (0, _callRenderProp.callRenderProp)(renderValue, {
       valueNow: valueNow,
       valueMax: valueMax
     });
-    /* eslint-disable jsx-a11y/no-redundant-roles, jsx-a11y/no-noninteractive-element-to-interactive-role */
 
+    /* eslint-disable jsx-a11y/no-redundant-roles, jsx-a11y/no-noninteractive-element-to-interactive-role */
     return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
       as: this.props.as,
       css: styles === null || styles === void 0 ? void 0 : styles.progressBar,
@@ -113,11 +92,10 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
       "aria-hidden": "true"
     }, value));
   }
-
 }, _class2.displayName = "ProgressBar", _class2.componentId = 'ProgressBar', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   formatScreenReaderValue: _ref => {
     let valueNow = _ref.valueNow,
-        valueMax = _ref.valueMax;
+      valueMax = _ref.valueMax;
     return `${valueNow} / ${valueMax}`;
   },
   size: 'medium',
@@ -128,7 +106,7 @@ let ProgressBar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   // default to showing `success` color on completion
   meterColor: _ref2 => {
     let valueNow = _ref2.valueNow,
-        valueMax = _ref2.valueMax;
+      valueMax = _ref2.valueMax;
     return valueNow / valueMax >= 1 ? 'success' : 'brand';
   }
 }, _class2)) || _class) || _class);

package/lib/ProgressBar/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "ProgressBarLocator", {
   }
 });
 exports.default = void 0;
-
 var _ProgressBarLocator = require("./ProgressBarLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/ProgressBar/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _emotion = require("@instructure/emotion");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   screenReaderLabel: _propTypes.default.string.isRequired,
   size: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large']),

package/lib/ProgressBar/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -41,12 +40,12 @@ exports.default = void 0;
  */
 const generateStyle = (componentTheme, props) => {
   const _props$valueNow = props.valueNow,
-        valueNow = _props$valueNow === void 0 ? 0 : _props$valueNow,
-        _props$valueMax = props.valueMax,
-        valueMax = _props$valueMax === void 0 ? 100 : _props$valueMax,
-        size = props.size,
-        color = props.color,
-        meterColor = props.meterColor;
+    valueNow = _props$valueNow === void 0 ? 0 : _props$valueNow,
+    _props$valueMax = props.valueMax,
+    valueMax = _props$valueMax === void 0 ? 100 : _props$valueMax,
+    size = props.size,
+    color = props.color,
+    meterColor = props.meterColor;
   const meterColorClassName = typeof meterColor === 'function' ? meterColor({
     valueNow,
     valueMax
@@ -187,9 +186,11 @@ const generateStyle = (componentTheme, props) => {
         '&::-webkit-progress-bar': {
           background: 'transparent'
         },
-        '&::-webkit-progress-value': { ...(meterColorClassName && trackBackgroundVariants[color][meterColorClassName])
+        '&::-webkit-progress-value': {
+          ...(meterColorClassName && trackBackgroundVariants[color][meterColorClassName])
         },
-        '&::-moz-progress-bar': { ...(meterColorClassName && trackBackgroundVariants[color][meterColorClassName])
+        '&::-moz-progress-bar': {
+          ...(meterColorClassName && trackBackgroundVariants[color][meterColorClassName])
         },
         '&::-ms-fill': {
           border: 'none',
@@ -207,6 +208,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/ProgressBar/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,10 +35,10 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const borders = theme.borders,
-        colors = theme.colors,
-        spacing = theme.spacing,
-        typography = theme.typography,
-        themeName = theme.key;
+    colors = theme.colors,
+    spacing = theme.spacing,
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       meterColorBrand: theme['ic-brand-primary']
@@ -90,10 +89,10 @@ const generateComponentTheme = theme => {
     trackBottomBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
     trackBottomBorderColorInverse: colors === null || colors === void 0 ? void 0 : colors.borderLightest
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/ProgressCircle/ProgressCircleLocator.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProgressCircleLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const ProgressCircleLocator = (0, _locator.locator)(_index.ProgressCircle.selector);
 exports.ProgressCircleLocator = ProgressCircleLocator;

package/lib/ProgressCircle/__examples__/ProgressCircle.examples.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _react = _interopRequireDefault(require("react"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const valueMax = 100;
 var _default = {
   sectionProp: 'color',
@@ -39,7 +37,7 @@ var _default = {
     valueNow: [0, 40, 80, 100],
     renderValue: [null, _ref => {
       let valueNow = _ref.valueNow,
-          valueMax = _ref.valueMax;
+        valueMax = _ref.valueMax;
       return /*#__PURE__*/_react.default.createElement("span", null, Math.round(valueNow / valueMax * 100));
     }]
   },

package/lib/ProgressCircle/index.js

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProgressCircle = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 const _excluded = ["color", "renderValue", "formatScreenReaderValue", "meterColor", "valueNow", "valueMax", "screenReaderLabel", "size", "styles"];
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 category: components
@@ -44,30 +29,24 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
     super(props);
     this._timeouts = [];
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.state = {
       shouldAnimateOnMount: props.shouldAnimateOnMount
     };
   }
-
   get makeStylesVariables() {
     return {
       shouldAnimateOnMount: this.state.shouldAnimateOnMount
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     if (this.state.shouldAnimateOnMount) {
       this._timeouts.push(setTimeout(() => {
         this.setState({
@@ -75,41 +54,35 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         });
       }, this.props.animationDelay || 500));
     }
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
   }
-
   componentWillUnmount() {
     this._timeouts.forEach(timeout => clearTimeout(timeout));
   }
-
   render() {
     var _styles$radii, _styles$radii2, _styles$radii3;
-
     const _this$props3 = this.props,
-          color = _this$props3.color,
-          renderValue = _this$props3.renderValue,
-          formatScreenReaderValue = _this$props3.formatScreenReaderValue,
-          meterColor = _this$props3.meterColor,
-          valueNow = _this$props3.valueNow,
-          valueMax = _this$props3.valueMax,
-          screenReaderLabel = _this$props3.screenReaderLabel,
-          size = _this$props3.size,
-          styles = _this$props3.styles,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+      color = _this$props3.color,
+      renderValue = _this$props3.renderValue,
+      formatScreenReaderValue = _this$props3.formatScreenReaderValue,
+      meterColor = _this$props3.meterColor,
+      valueNow = _this$props3.valueNow,
+      valueMax = _this$props3.valueMax,
+      screenReaderLabel = _this$props3.screenReaderLabel,
+      size = _this$props3.size,
+      styles = _this$props3.styles,
+      props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const valueText = typeof formatScreenReaderValue === 'function' ? formatScreenReaderValue({
       valueNow: valueNow,
       valueMax: valueMax
-    }) : void 0; // consolidating the label and aria-valuetext to put in aria-label because
+    }) : void 0;
+    // consolidating the label and aria-valuetext to put in aria-label because
     // NVDA does not read aria-valuetext: https://github.com/nvaccess/nvda/issues/913
     // But leaving aria-valuetext because JAWS ignores aria-label
-
     const labelAndValueText = `${screenReaderLabel} ${valueText}`;
     const value = (0, _callRenderProp.callRenderProp)(renderValue, {
       valueNow: valueNow,
@@ -160,11 +133,10 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       r: styles === null || styles === void 0 ? void 0 : (_styles$radii3 = styles.radii) === null || _styles$radii3 === void 0 ? void 0 : _styles$radii3.radius
     })));
   }
-
 }, _class2.displayName = "ProgressCircle", _class2.componentId = 'ProgressCircle', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   formatScreenReaderValue: _ref => {
     let valueNow = _ref.valueNow,
-        valueMax = _ref.valueMax;
+      valueMax = _ref.valueMax;
     return `${valueNow} / ${valueMax}`;
   },
   size: 'medium',
@@ -176,7 +148,7 @@ let ProgressCircle = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   // default to showing `success` color on completion
   meterColor: _ref2 => {
     let valueNow = _ref2.valueNow,
-        valueMax = _ref2.valueMax;
+      valueMax = _ref2.valueMax;
     return valueNow / valueMax >= 1 ? 'success' : 'brand';
   }
 }, _class2)) || _class) || _class);

package/lib/ProgressCircle/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "ProgressCircleLocator", {
   }
 });
 exports.default = void 0;
-
 var _ProgressCircleLocator = require("./ProgressCircleLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/ProgressCircle/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _emotion = require("@instructure/emotion");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   screenReaderLabel: _propTypes.default.string.isRequired,
   size: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large']),

package/lib/ProgressCircle/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -41,24 +40,22 @@ exports.default = void 0;
  */
 const generateStyle = (componentTheme, props, state) => {
   const size = props.size,
-        color = props.color,
-        meterColor = props.meterColor,
-        _props$valueNow = props.valueNow,
-        valueNow = _props$valueNow === void 0 ? 0 : _props$valueNow,
-        _props$valueMax = props.valueMax,
-        valueMax = _props$valueMax === void 0 ? 100 : _props$valueMax;
+    color = props.color,
+    meterColor = props.meterColor,
+    _props$valueNow = props.valueNow,
+    valueNow = _props$valueNow === void 0 ? 0 : _props$valueNow,
+    _props$valueMax = props.valueMax,
+    valueMax = _props$valueMax === void 0 ? 100 : _props$valueMax;
   const shouldAnimateOnMount = state.shouldAnimateOnMount;
   const getMeterColorClassName = typeof meterColor === 'function' ? meterColor({
     valueNow,
     valueMax
   }) : meterColor;
-
   const getCircumference = () => {
-    const camelSize = size === 'x-small' ? 'xSmall' : size; // get the circumference of the meter circle
-
+    const camelSize = size === 'x-small' ? 'xSmall' : size;
+    // get the circumference of the meter circle
     return parseFloat(componentTheme[`${camelSize}Circumference`]);
   };
-
   const getRadii = () => {
     const camelSize = size === 'x-small' ? 'xSmall' : size;
     return {
@@ -66,25 +63,23 @@ const generateStyle = (componentTheme, props, state) => {
       borderOffsetRadius: componentTheme[`${camelSize}BorderOffset`]
     };
   };
-
   const getDashOffset = () => {
     // send the stroke-dashoffset to the meter circle, checking
     // to make sure current value doesn't exceed max value
     if (valueNow < valueMax) {
-      const circumference = getCircumference(); // figure out how much offset to give the stroke to show the % complete
-
+      const circumference = getCircumference();
+      // figure out how much offset to give the stroke to show the % complete
       return circumference - valueNow / valueMax * circumference;
     } else {
       return 0;
     }
   };
+
   /*
      Using !important on the meter shouldAnimateOnMount versions
      to guarantee that the bars will start showing 0 if the
      animateOnMount prop is set
   */
-
-
   const sizeVariants = {
     'x-small': {
       progressCircle: {
@@ -262,7 +257,6 @@ const generateStyle = (componentTheme, props, state) => {
       verticalAlign: 'middle',
       position: 'relative',
       overflow: 'hidden',
-
       /*
         Seems like a good idea to reset font-size because
         the SVG uses ems and might inherit a container's
@@ -358,6 +352,5 @@ const generateStyle = (componentTheme, props, state) => {
     dashOffset: getDashOffset()
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/ProgressCircle/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -28,6 +27,7 @@ exports.default = void 0;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const radius = {
   xSmall: 1,
   small: 1.8,
@@ -45,10 +45,11 @@ const strokeWidth = {
   small: 0.5,
   medium: 0.625,
   large: 0.875
-}; // Necessary to get the 1px border line to go "under" the meter
+};
+
+// Necessary to get the 1px border line to go "under" the meter
 // strokeWidth is divided in half because SVG strokeWidth is
 // centered along the path of the stroke, unlike CSS
-
 const borderWidth = 0.0625;
 const borderOffsetRadius = {
   xSmall: radius.xSmall - strokeWidth.xSmall / 2 + borderWidth,
@@ -56,25 +57,22 @@ const borderOffsetRadius = {
   medium: radius.medium - strokeWidth.medium / 2 + borderWidth,
   large: radius.large - strokeWidth.large / 2 + borderWidth
 };
-
 const circumference = function (r) {
   return (2 * Math.PI * r).toFixed(3);
 };
-
 const transform = function (s) {
   return s / 2;
 };
+
 /**
  * Generates the theme object for the component from the theme and provided additional information
  * @param  {Object} theme The actual theme object.
  * @return {Object} The final theme object with the overrides and component variables
  */
-
-
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography,
-        themeName = theme.key;
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       color: theme['ic-brand-font-color-dark'],
@@ -138,10 +136,10 @@ const generateComponentTheme = theme => {
     meterColorWarning: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning,
     meterColorWarningInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "ProgressCircle", {
     return _ProgressCircle.ProgressCircle;
   }
 });
-
 var _ProgressBar = require("./ProgressBar");
-
 var _ProgressCircle = require("./ProgressCircle");