@up-group-ui/react-controls
Version:
Up shared react controls
38 lines • 3.92 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var Tile_1 = (0, tslib_1.__importDefault)(require("./Tile"));
var Step_1 = (0, tslib_1.__importDefault)(require("./Step"));
var PercentTile_1 = (0, tslib_1.__importDefault)(require("./PercentTile"));
var style_1 = require("./style");
var UpProgressBar = function (props) {
var _a = props.values, values = _a === void 0 ? [] : _a, _b = props.type, type = _b === void 0 ? '0' : _b, _c = props.maxValue, maxValue = _c === void 0 ? 10 : _c, _d = props.value, value = _d === void 0 ? 10 : _d, firstValueToDisplay = props.firstValueToDisplay, secondValueToDisplay = props.secondValueToDisplay, _e = props.unit, unit = _e === void 0 ? '' : _e;
switch (type) {
case '0': {
return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: style_1.containerStyle }, { children: values.map(function (_a, index) {
var step = _a.step, success = _a.success, isFirstStep = _a.isFirstStep;
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isFirstStep && (0, jsx_runtime_1.jsx)(Step_1.default, { value: step, success: success }, void 0), index < values.length && !isFirstStep && (0, jsx_runtime_1.jsx)(Tile_1.default, { success: success }, void 0), !isFirstStep && (0, jsx_runtime_1.jsx)(Step_1.default, { value: step, success: success }, index)] }, void 0));
}) }), void 0));
}
case '1': {
var startSize = value === 0 ? 0 : (value / maxValue) * 100;
var endSize = value === 0 ? 300 : 100 - startSize;
return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: style_1.containerStyle }, { children: [(0, jsx_runtime_1.jsx)(PercentTile_1.default, { success: true, size: startSize }, void 0), (0, jsx_runtime_1.jsx)(Step_1.default, { value: value, success: true, firstValueToDisplay: firstValueToDisplay, unit: unit }, void 0), maxValue !== value && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PercentTile_1.default, { success: false, size: endSize }, void 0), (0, jsx_runtime_1.jsx)(Step_1.default, { value: maxValue, success: false, secondValueToDisplay: secondValueToDisplay, unit: unit }, void 0)] }, void 0))] }), void 0));
}
case '2': {
return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: style_1.containerStyle }, { children: values.map(function (_a, index) {
var step = _a.step, success = _a.success, isFirstStep = _a.isFirstStep;
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isFirstStep && (0, jsx_runtime_1.jsx)(Step_1.default, { value: step, success: success }, void 0), index < values.length && !isFirstStep && (0, jsx_runtime_1.jsx)(Tile_1.default, { success: success }, void 0), !isFirstStep && (0, jsx_runtime_1.jsx)(Step_1.default, { value: step, success: success }, index)] }, void 0));
}) }), void 0));
}
default: {
return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: style_1.containerStyle }, { children: values.map(function (_a, index) {
var step = _a.step, success = _a.success, isFirstStep = _a.isFirstStep;
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isFirstStep && (0, jsx_runtime_1.jsx)(Step_1.default, { value: step, success: success }, void 0), index < values.length && !isFirstStep && (0, jsx_runtime_1.jsx)(Tile_1.default, { success: success }, void 0), !isFirstStep && (0, jsx_runtime_1.jsx)(Step_1.default, { value: step, success: success }, index)] }, void 0));
}) }), void 0));
}
}
};
exports.default = UpProgressBar;
//# sourceMappingURL=UpProgressBar.js.map