myprojectpackageprav
Version:
My package in npm
47 lines • 3.23 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var actionbutton_1 = tslib_1.__importDefault(require("../buttons/actionbutton"));
var workflow_data_1 = require("./workflow-data");
require("./workflow.css");
function Workflow() {
var workflowItems = workflow_data_1.workflow.map(function (flowitems) {
return react_1.default.createElement("li", { className: "d-flex flex-column align-items-center px-2 px-xl-3" },
react_1.default.createElement("div", { className: "circle kpi-bg", "status-kpis": flowitems.kpicolorcode },
react_1.default.createElement("span", { class: flowitems.icon })),
react_1.default.createElement("div", { tabIndex: 0, a: true, className: "workflow-title1" }, flowitems.title));
});
/***** Responsive Popup Code Start*****/
var workflowsteps = (0, react_1.useRef)(null);
// const [xpositionvalueupdate, setpopupwidthupdate] = useState('');
// const [popupheight, setpopupheight] = useState('')
var _a = (0, react_1.useState)({
workflowsteps: false,
}), showActionPopups = _a[0], setShowActionPopups = _a[1];
var initialValues = ['workflowsteps'];
var _b = (0, react_1.useState)({
workflowsteps: false,
}), btnActionshowhide = _b[0], setActionbtnshowhide = _b[1];
var showhide = tslib_1.__assign({}, btnActionshowhide);
function popupCloseOpenFunctionality(type, value, top, xposition, left, Ref, elementHeight, offsetWidth) {
var _a, _b;
initialValues.forEach(function (element) {
showhide[element] = false;
});
setActionbtnshowhide(showhide);
if (type) {
setActionbtnshowhide(tslib_1.__assign(tslib_1.__assign({}, showhide), (_a = {}, _a[type] = value, _a)));
setShowActionPopups(tslib_1.__assign(tslib_1.__assign({}, showhide), (_b = {}, _b[type] = value, _b)));
}
}
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "ms-auto" },
(btnActionshowhide === null || btnActionshowhide === void 0 ? void 0 : btnActionshowhide.workflowsteps) ? '' :
react_1.default.createElement("ul", { className: (btnActionshowhide === null || btnActionshowhide === void 0 ? void 0 : btnActionshowhide.workflowsteps) ? 'list-type-none d-flex workflow' : 'list-type-none d-flex workflow workflow-collapsed' }, workflowItems),
(btnActionshowhide === null || btnActionshowhide === void 0 ? void 0 : btnActionshowhide.workflowsteps) ? react_1.default.createElement("ul", { className: 'list-type-none d-flex workflow' }, workflowItems) :
'',
react_1.default.createElement(actionbutton_1.default, { label: "", name: '', className: 'btn-sm p-0 workflow-icon', icon: "icon-sitemap border-primary color-primary p-2 border-radius4", isClick: 'workflowsteps', type: "button", ref: workflowsteps, popupCloseOpenFunctionality: popupCloseOpenFunctionality, showhide: showActionPopups.workflowsteps }))));
}
exports.default = Workflow;
//# sourceMappingURL=workflow.js.map