myprojectpackageprav
Version:
My package in npm
79 lines • 6.24 kB
JavaScript
import { __assign } from "tslib";
import React, { useState, forwardRef } from "react";
import Buttons from '../../components/buttons/buttons';
import Instractions from "../../components/instractions/instractions";
import Formvalidationmsgs from "../../components/formvalidation-msgs/formvalidation-msgs";
import './createform.css';
//export default function CreateForm() {
var CreateForm = function (props, ref) {
var _a = useState(false), show = _a[0], setShow = _a[1];
var handleOpen = function () {
setShow(!show); // Toggle accordion
};
var _b = useState(false), showSubmit = _b[0], setSubmit = _b[1];
var _c = useState(false), showbottomSubmit = _c[0], setbottomSubmit = _c[1];
var _d = useState({
close: false
}), btnActionshowhide = _d[0], setActionbtnshowhide = _d[1];
var closeRef = null;
var clickedType = '';
function popupCloseOpenFunctionality(type, val) {
clickedType = type;
setActionbtnshowhide(__assign(__assign({}, btnActionshowhide), { close: false }));
if (type) {
setActionbtnshowhide(__assign(__assign({}, btnActionshowhide), { type: true }));
buttonRefferences(type);
}
if (val === "top") {
setSubmit(!showSubmit);
}
else {
setbottomSubmit(!showbottomSubmit);
}
}
function buttonRefferences(type) {
var _a;
if (type !== "close") {
(_a = closeRef === null || closeRef === void 0 ? void 0 : closeRef.current) === null || _a === void 0 ? void 0 : _a.closeBtn();
}
}
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
React.createElement("div", { className: "d-flex align-items-center py-1" },
" ",
React.createElement("h2", { className: "poppins-semibold font-18", tabIndex: 0, "aria-label": "Form Title" }, "Form Title"),
React.createElement(Buttons, { label: "Instructions", className: 'mx-2 btn-sm d-flex align-items-center whitetext btn-bgcolor3 btn-border-radius3 sourcesanspro font-13', ricon: show ? 'icon-arrow-down ms-1 font-12 rotate' : 'icon-arrow-down ms-1 font-12', type: "button", onClick: handleOpen })),
React.createElement("div", { className: "ms-auto formbuttons" },
React.createElement("ul", { className: 'd-flex list-type-none gap-1' },
React.createElement("li", null,
React.createElement(Buttons, { label: "Close", className: 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover', icon: "icon-close font-10 pe-md-1 title-color6", type: "button" })),
React.createElement("li", null,
React.createElement(Buttons, { label: "Save As Draft", className: 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover', icon: "icon-save font-10 pe-md-1 title-color6", type: "button" })),
React.createElement("li", null,
React.createElement(Buttons, { label: "Submit", className: showSubmit ? 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover active' : 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover', icon: "icon-submite font-11 pe-md-1 title-color6", type: "button", onClick: function () {
setSubmit(!showSubmit);
setbottomSubmit(false);
} }))))),
React.createElement("div", { className: "container" },
React.createElement("div", { className: " mt-3" },
React.createElement("div", null, show && (React.createElement(Instractions, null))),
React.createElement("div", { style: { display: showSubmit ? '' : 'none' } },
React.createElement(Formvalidationmsgs, { popupCloseOpenFunctionality: popupCloseOpenFunctionality, ref: closeRef, qwer: "top" })),
React.createElement("div", { className: "whitebg border-radius p-3 min-h-400" }),
React.createElement("div", { style: { display: showbottomSubmit ? '' : 'none' } },
React.createElement(Formvalidationmsgs, { popupCloseOpenFunctionality: popupCloseOpenFunctionality, ref: closeRef, qwer: "bottom" })),
React.createElement("div", { className: "formheader d-flex p-3 whitebg mt-3 " },
React.createElement("div", { className: "ms-auto formbuttons" },
React.createElement("ul", { className: 'd-flex list-type-none gap-1' },
React.createElement("li", null,
React.createElement(Buttons, { label: "Close", className: 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover', icon: "icon-close font-10 pe-md-1 title-color6", type: "button" })),
React.createElement("li", null,
React.createElement(Buttons, { label: "Save As Draft", className: 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover', icon: "icon-save font-10 pe-md-1 title-color6", type: "button" })),
React.createElement("li", null,
React.createElement(Buttons, { label: "Submit", className: showSubmit ? 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover active' : 'btn-border1 btn-border-radius3 montserratbold font-0 font-md-12 text-uppercase title-color5 btn-hover', icon: "icon-submite font-11 pe-md-1 title-color6", type: "button", onClick: function () {
setbottomSubmit(!showbottomSubmit);
setSubmit(false);
} })))))))));
};
export default forwardRef(CreateForm);
//# sourceMappingURL=createform.js.map