@stokr/components-library
Version:
STOKR - Components Library
44 lines (43 loc) • 1.89 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.MultiProgressBarPropTypes = exports.MultiProgressBar = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _MultiProgressBar = require("./MultiProgressBar.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const MultiProgressBar = _ref => {
let {
backParts,
fillParts,
fill
} = _ref;
return /*#__PURE__*/_react.default.createElement(_MultiProgressBar.Bar, null, /*#__PURE__*/_react.default.createElement(_MultiProgressBar.BackBar, null, backParts.map(part => /*#__PURE__*/_react.default.createElement(_MultiProgressBar.BarPart, {
key: part.label,
percent: part.value,
color: "back-".concat(part.label)
}))), /*#__PURE__*/_react.default.createElement(_MultiProgressBar.FillProgress, {
percent: fill
}, /*#__PURE__*/_react.default.createElement(_MultiProgressBar.FillBar, {
percent: fill
}, fillParts.map(part => /*#__PURE__*/_react.default.createElement(_MultiProgressBar.BarPart, {
key: part.label,
percent: part.value,
color: "fill-".concat(part.label)
})))));
};
exports.MultiProgressBar = MultiProgressBar;
const MultiProgressBarPropTypes = exports.MultiProgressBarPropTypes = {
backParts: _propTypes.default.arrayOf(_propTypes.default.shape({
value: _propTypes.default.number.isRequired,
label: _propTypes.default.string.isRequired
})).isRequired,
fillParts: _propTypes.default.arrayOf(_propTypes.default.shape({
value: _propTypes.default.number.isRequired,
label: _propTypes.default.string.isRequired
})).isRequired,
fill: _propTypes.default.number.isRequired
};
MultiProgressBar.propTypes = MultiProgressBarPropTypes;
var _default = exports.default = MultiProgressBar;