@up-group-ui/react-controls/dist/Components/Display/VerticalTimeline/UpVerticalTimeline.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UpVerticalTimeline = exports.dotOrderStep = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var theming_1 = require("../../../Common/theming");
var __1 = require("../../..");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var styles_1 = require("./styles");
var styles_2 = require("./styles");
var dotOrderStep = function (active, first) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!first && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('up-vertical-align-line', active ? 'up-checkmark' : 'up-vertical-align-inactive', styles_1.verticalAlignStyle) }, void 0)), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('up-vertical-align-circle', active ? 'up-checkmark' : 'up-vertical-align-inactive', styles_1.verticalAlignStyle) }, void 0)] }, void 0)); };
exports.dotOrderStep = dotOrderStep;
var UpVerticalTimeline = function (props) {
    var title = props.title, timeline = props.timeline;
    return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-vertical-align', (0, styles_2.getStyles)()) }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-vertical-align-title') }, { children: title }), void 0), (0, jsx_runtime_1.jsxs)(__1.UpBox, (0, tslib_1.__assign)({ flexDirection: 'row' }, { children: [(0, jsx_runtime_1.jsx)(__1.UpBox, { children: timeline.map(function (item, iter) { return item && (0, jsx_runtime_1.jsx)(__1.UpBox, { children: (0, exports.dotOrderStep)(item.isAchieved, iter == 0) }, iter); }) }, void 0), (0, jsx_runtime_1.jsx)(__1.UpBox, { children: timeline.map(function (item, iter) { return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-vertical-align-content') }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-vertical-align-content-title') }, { children: item.status }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-vertical-align-content-subtitle') }, { children: item.date }), void 0)] }), iter)); }) }, void 0)] }), void 0)] }), void 0));
};
exports.UpVerticalTimeline = UpVerticalTimeline;
exports.default = (0, theming_1.withTheme)(UpVerticalTimeline);
//# sourceMappingURL=UpVerticalTimeline.js.map