myprojectpackageprav
Version:
My package in npm
38 lines • 2.38 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var formvalidation_msgs_data_1 = require("./formvalidation-msgs-data");
var react_router_dom_1 = require("react-router-dom");
require("./formvalidation-msgs.css");
//export default function Formvalidationmsgs() {
var Formvalidationmsgs = function (props, ref) {
var _a = (0, react_1.useState)(false), showSubmit = _a[0], setSubmit = _a[1];
(0, react_1.useImperativeHandle)(ref, function () { return ({
closeBtn: function () {
setSubmit(false);
}
}); });
var showHideCancel = function () {
setSubmit(false);
if (props.qwer === "top") {
props.popupCloseOpenFunctionality("Close", "top");
}
else {
props.popupCloseOpenFunctionality("Close", "bottom");
}
};
/* onClick={() => setSubmit(false)} */
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "pt-2 validation-msgs mb-3 py-2 ps-2 whitebg shadow text-color5 bordered7 border-radius p-relative" },
react_1.default.createElement("h2", { className: 'px-2 title-color1 font-15 sourcesansprosemibold text-uppercase' },
react_1.default.createElement("span", { tabIndex: 0, "aria-label": "Please Fill The Below Mandatory Fields" }, "PLEASE FILL THE BELOW MANDATORY FIELDS")),
react_1.default.createElement("button", { type: 'button', title: 'Close', "aria-label": "Close", className: 'anchorclosebutton py-2 px-2 bgcolor-primary whitetext btn-border-radius3', onClick: showHideCancel },
react_1.default.createElement("span", { className: "icon-close text-color1 font-10" })),
react_1.default.createElement("ul", { tabIndex: 0, "aria-live": "polite", className: 'marker-color list-type-circle font-13 sourcesanspro' }, formvalidation_msgs_data_1.formvalidationmsgs.map(function (msgs) {
return react_1.default.createElement("li", null,
react_1.default.createElement(react_router_dom_1.Link, { to: msgs.link, title: msgs.title }, msgs.title));
})))));
};
exports.default = (0, react_1.forwardRef)(Formvalidationmsgs);
//# sourceMappingURL=formvalidation-msgs.js.map