componenteshospitais 1.6.3 → 1.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +84 -79
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +84 -79
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/Busca.d.ts +9 -9
- package/package.json +1 -1
- package/src/components/Busca.tsx +69 -63
package/dist/cjs/index.js
CHANGED
|
@@ -30,29 +30,29 @@ function styleInject(css, ref) {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
var css_248z$
|
|
34
|
-
styleInject(css_248z$a);
|
|
35
|
-
|
|
36
|
-
var css_248z$9 = ".tituloPagina-module_header__GtitI{align-items:center;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:23px;justify-content:space-between;padding:10px 20px;position:relative}.tituloPagina-module_title__pb7Iz{font-size:24px;font-weight:700;margin-left:5rem}.tituloPagina-module_backButton__QlSV1{align-items:center;background-color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:auto;margin:0 5rem 0 0;padding:10px 50px}.tituloPagina-module_backButton__QlSV1:hover{background-color:var(--greyHover)}@media (max-width:768px){.tituloPagina-module_title__pb7Iz{font-size:16px;margin-left:1rem}}@media (max-width:500px){.tituloPagina-module_backButton__QlSV1{margin-right:0;padding:10px 30px}}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_header__GtitI{background-color:var(--blue)}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_backButton__QlSV1{color:var(--blue)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_header__GtitI{background-color:var(--green)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_backButton__QlSV1{color:var(--green)}.tituloPagina-module_empresa4__grhaT .tituloPagina-module_header__GtitI{background-color:var(--red)}.tituloPagina-module_empresa4__grhaT .tituloPagina-module_backButton__QlSV1{background-color:var(--blue)}";
|
|
37
|
-
var styles$9 = {"header":"tituloPagina-module_header__GtitI","title":"tituloPagina-module_title__pb7Iz","backButton":"tituloPagina-module_backButton__QlSV1","empresa1":"tituloPagina-module_empresa1__sInrz","empresa3":"tituloPagina-module_empresa3__sn4GV","empresa4":"tituloPagina-module_empresa4__grhaT"};
|
|
33
|
+
var css_248z$9 = ":root{--blue:#1e2057;--blueHover:#242881;--red:#eb313d;--redHover:#9e0f18;--gray:#5d5d5d;--greyHover:#e4e2e2;--lightGray:#ededed;--green:#00984b;--greenHover:#14a857;--lightblue:#006cb7;--lightblueHover:#187bb2}html{font-family:Amelia,sans-serif;margin:0;padding:0;width:100%}";
|
|
38
34
|
styleInject(css_248z$9);
|
|
39
35
|
|
|
36
|
+
var css_248z$8 = ".tituloPagina-module_header__GtitI{align-items:center;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:23px;justify-content:space-between;padding:10px 20px;position:relative}.tituloPagina-module_title__pb7Iz{font-size:24px;font-weight:700;margin-left:5rem}.tituloPagina-module_backButton__QlSV1{align-items:center;background-color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:auto;margin:0 5rem 0 0;padding:10px 50px}.tituloPagina-module_backButton__QlSV1:hover{background-color:var(--greyHover)}@media (max-width:768px){.tituloPagina-module_title__pb7Iz{font-size:16px;margin-left:1rem}}@media (max-width:500px){.tituloPagina-module_backButton__QlSV1{margin-right:0;padding:10px 30px}}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_header__GtitI{background-color:var(--blue)}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_backButton__QlSV1{color:var(--blue)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_header__GtitI{background-color:var(--green)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_backButton__QlSV1{color:var(--green)}.tituloPagina-module_empresa4__grhaT .tituloPagina-module_header__GtitI{background-color:var(--red)}.tituloPagina-module_empresa4__grhaT .tituloPagina-module_backButton__QlSV1{background-color:var(--blue)}";
|
|
37
|
+
var styles$8 = {"header":"tituloPagina-module_header__GtitI","title":"tituloPagina-module_title__pb7Iz","backButton":"tituloPagina-module_backButton__QlSV1","empresa1":"tituloPagina-module_empresa1__sInrz","empresa3":"tituloPagina-module_empresa3__sn4GV","empresa4":"tituloPagina-module_empresa4__grhaT"};
|
|
38
|
+
styleInject(css_248z$8);
|
|
39
|
+
|
|
40
40
|
var TituloPagina = function (_a) {
|
|
41
41
|
var titulo = _a.titulo, onClick = _a.onClick, empresa = _a.empresa;
|
|
42
|
-
var empresaClass = styles$
|
|
42
|
+
var empresaClass = styles$8["empresa".concat(empresa)];
|
|
43
43
|
return (React$2.createElement("div", { className: "".concat(empresaClass) },
|
|
44
|
-
React$2.createElement("div", { className: styles$
|
|
45
|
-
React$2.createElement("p", { className: styles$
|
|
46
|
-
React$2.createElement("button", { onClick: onClick, className: styles$
|
|
44
|
+
React$2.createElement("div", { className: styles$8.header },
|
|
45
|
+
React$2.createElement("p", { className: styles$8.title }, titulo),
|
|
46
|
+
React$2.createElement("button", { onClick: onClick, className: styles$8.backButton }, "Voltar"))));
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
var css_248z$
|
|
50
|
-
var styles$
|
|
51
|
-
styleInject(css_248z$
|
|
49
|
+
var css_248z$7 = ".card-module_icone__8F-jV{height:55px;width:55px}.card-module_item__YYEzi{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;margin-bottom:1rem;padding:15px}.card-module_imgLateral__zCZz5{height:55px;margin-left:auto;margin-right:10px;width:55px}.card-module_empresa1__Jl5OB .card-module_item__YYEzi{background-color:var(--blue)}.card-module_empresa1__Jl5OB .card-module_item__YYEzi:hover{background-color:var(--red)}.card-module_empresa3__TCJpW .card-module_item__YYEzi{background-color:var(--green)}.card-module_empresa3__TCJpW .card-module_item__YYEzi:hover{background-color:var(--lightblue)}.card-module_empresa4__zoSLq .card-module_item__YYEzi{background-color:var(--red)}.card-module_empresa4__zoSLq .card-module_item__YYEzi:hover{background-color:var(--blue)}";
|
|
50
|
+
var styles$7 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYEzi","imgLateral":"card-module_imgLateral__zCZz5","empresa1":"card-module_empresa1__Jl5OB","empresa3":"card-module_empresa3__TCJpW","empresa4":"card-module_empresa4__zoSLq"};
|
|
51
|
+
styleInject(css_248z$7);
|
|
52
52
|
|
|
53
53
|
var Card = function (_a) {
|
|
54
54
|
var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa, largura = _a.largura, funcao = _a.funcao, parametro = _a.parametro, externo = _a.externo;
|
|
55
|
-
var empresaClass = styles$
|
|
55
|
+
var empresaClass = styles$7["empresa".concat(empresa)];
|
|
56
56
|
var handleActionClick = function () {
|
|
57
57
|
if (funcao && parametro) {
|
|
58
58
|
funcao(parametro);
|
|
@@ -69,20 +69,20 @@ var Card = function (_a) {
|
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
return (React$2.createElement("div", { className: "".concat(empresaClass), onClick: link ? handleClick : handleActionClick, style: { cursor: link || (funcao && parametro) ? 'pointer' : 'default' } },
|
|
72
|
-
React$2.createElement("div", { className: "".concat(styles$
|
|
73
|
-
img && (React$2.createElement("img", { src: img, alt: text, className: styles$
|
|
74
|
-
React$2.createElement("span", { className: styles$
|
|
75
|
-
imgLateral && (React$2.createElement("img", { src: imgLateral, alt: "Right", className: styles$
|
|
72
|
+
React$2.createElement("div", { className: "".concat(styles$7.item, " empresa").concat(empresa), style: { width: largura ? "".concat(largura) : '' } },
|
|
73
|
+
img && (React$2.createElement("img", { src: img, alt: text, className: styles$7.icone })),
|
|
74
|
+
React$2.createElement("span", { className: styles$7.texto, dangerouslySetInnerHTML: { __html: text } }),
|
|
75
|
+
imgLateral && (React$2.createElement("img", { src: imgLateral, alt: "Right", className: styles$7.imgLateral })))));
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
var css_248z$
|
|
79
|
-
var styles$
|
|
80
|
-
styleInject(css_248z$
|
|
78
|
+
var css_248z$6 = ".cardImage-module_botaoCert__Rs0fg{align-items:center;border-color:transparent;border-radius:1rem;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:.8rem;text-decoration:none}.cardImage-module_iconeOna__WQil5{height:150px;margin-bottom:10px}.cardImage-module_cardText__NfgFE{bottom:.5rem;font-size:18px;overflow:hidden;position:relative;text-align:center}.cardImage-module_empresa1__SnbEU{background-color:var(--blue)}.cardImage-module_empresa1__SnbEU:hover{background-color:var(--red)}.cardImage-module_empresa3__ItFp0{background-color:var(--green)}.cardImage-module_empresa3__ItFp0:hover{background-color:var(--lightblue)}.cardImage-module_empresa4__L6K5N{background-color:var(--red)}.cardImage-module_empresa4__L6K5N:hover{background-color:var(--blue)}";
|
|
79
|
+
var styles$6 = {"botaoCert":"cardImage-module_botaoCert__Rs0fg","iconeOna":"cardImage-module_iconeOna__WQil5","cardText":"cardImage-module_cardText__NfgFE","empresa1":"cardImage-module_empresa1__SnbEU","empresa3":"cardImage-module_empresa3__ItFp0","empresa4":"cardImage-module_empresa4__L6K5N"};
|
|
80
|
+
styleInject(css_248z$6);
|
|
81
81
|
|
|
82
82
|
var CardImage = function (_a) {
|
|
83
83
|
var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa, largura = _a.largura, altura = _a.altura, externo = _a.externo, funcao = _a.funcao, parametro = _a.parametro, fileInput = _a.fileInput, alturaImage = _a.alturaImage, larguraImage = _a.larguraImage, onFileSelect = _a.onFileSelect, accept = _a.accept;
|
|
84
84
|
var _b = React$2.useState(null), fileName = _b[0], setFileName = _b[1];
|
|
85
|
-
var empresaClass = styles$
|
|
85
|
+
var empresaClass = styles$6["empresa".concat(empresa)];
|
|
86
86
|
var handleActionClick = function () {
|
|
87
87
|
if (funcao && parametro) {
|
|
88
88
|
funcao(parametro);
|
|
@@ -101,9 +101,9 @@ var CardImage = function (_a) {
|
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
103
|
var content = (React$2.createElement(React$2.Fragment, null,
|
|
104
|
-
React$2.createElement("img", { src: img, alt: img, className: styles$
|
|
105
|
-
texto && (React$2.createElement("span", { className: styles$
|
|
106
|
-
return (React$2.createElement("div", { className: "".concat(empresaClass), style: { width: largura ? "".concat(largura) : '250px', height: altura ? "".concat(altura) : '300px', borderRadius: '1rem' } }, fileInput ? (React$2.createElement("label", { className: "".concat(styles$
|
|
104
|
+
React$2.createElement("img", { src: img, alt: img, className: styles$6.iconeOna, style: { width: larguraImage ? larguraImage : undefined, height: alturaImage ? alturaImage : undefined } }),
|
|
105
|
+
texto && (React$2.createElement("span", { className: styles$6.cardText, dangerouslySetInnerHTML: { __html: texto } }))));
|
|
106
|
+
return (React$2.createElement("div", { className: "".concat(empresaClass), style: { width: largura ? "".concat(largura) : '250px', height: altura ? "".concat(altura) : '300px', borderRadius: '1rem' } }, fileInput ? (React$2.createElement("label", { className: "".concat(styles$6.botaoCert), style: { position: 'relative', cursor: 'pointer', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' } },
|
|
107
107
|
React$2.createElement("input", { type: "file", onChange: handleFileChange, style: {
|
|
108
108
|
position: 'absolute',
|
|
109
109
|
top: 0,
|
|
@@ -114,17 +114,17 @@ var CardImage = function (_a) {
|
|
|
114
114
|
cursor: 'pointer'
|
|
115
115
|
}, accept: accept }),
|
|
116
116
|
content,
|
|
117
|
-
React$2.createElement("span", { className: styles$
|
|
117
|
+
React$2.createElement("span", { className: styles$6.cardText }, fileName ? fileName : 'Selecione um arquivo'))) : (href ? (React$2.createElement("a", { href: href, target: externo ? "_blank" : "_self", rel: externo ? "noopener noreferrer" : undefined, className: "".concat(styles$6.botaoCert), title: href, style: { width: '100%', height: '100%' } }, content)) : (React$2.createElement("div", { className: "".concat(styles$6.botaoCert), onClick: handleActionClick, style: { width: '100%', height: '100%' } }, content)))));
|
|
118
118
|
};
|
|
119
119
|
|
|
120
|
-
var css_248z$
|
|
121
|
-
var styles$
|
|
122
|
-
styleInject(css_248z$
|
|
120
|
+
var css_248z$5 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;font-style:italic;padding:.8rem 0 .8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}";
|
|
121
|
+
var styles$5 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputPadrao":"input-module_inputPadrao__jypjY","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH"};
|
|
122
|
+
styleInject(css_248z$5);
|
|
123
123
|
|
|
124
124
|
var Button = function (_a) {
|
|
125
125
|
var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto, largura = _a.largura;
|
|
126
|
-
var empresaClass = styles$
|
|
127
|
-
return (React$2.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React$2.createElement("input", { type: "submit", className: styles$
|
|
126
|
+
var empresaClass = styles$5["empresa".concat(empresa)];
|
|
127
|
+
return (React$2.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React$2.createElement("input", { type: "submit", className: styles$5.inputSubmit, style: { width: largura ? "".concat(largura) : '' } })) : (React$2.createElement("button", { type: "button", className: styles$5.inputSubmit, onClick: onClick, style: { width: largura ? "".concat(largura) : '' } }, texto))));
|
|
128
128
|
};
|
|
129
129
|
|
|
130
130
|
/******************************************************************************
|
|
@@ -1510,46 +1510,46 @@ var InputField = function (_a) {
|
|
|
1510
1510
|
maskType === 'cep' ? '99999-999' : '';
|
|
1511
1511
|
return (React$2.createElement(React$2.Fragment, null,
|
|
1512
1512
|
label && React$2.createElement("label", { htmlFor: id }, label),
|
|
1513
|
-
React$2.createElement("div", { className: styles$
|
|
1514
|
-
maskType ? (React$2.createElement(reactInputMask, { mask: mask, value: value, onChange: handleChange, disabled: disabled }, function (inputProps) { return (React$2.createElement("input", __assign({}, inputProps, { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, placeholder: placeholder, className: styles$
|
|
1513
|
+
React$2.createElement("div", { className: styles$5.inputWrapper, style: { position: 'relative', display: 'flex', alignItems: 'center' } },
|
|
1514
|
+
maskType ? (React$2.createElement(reactInputMask, { mask: mask, value: value, onChange: handleChange, disabled: disabled }, function (inputProps) { return (React$2.createElement("input", __assign({}, inputProps, { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, placeholder: placeholder, className: styles$5.inputPadrao, style: { width: largura ? "".concat(largura) : '', backgroundColor: disabled ? '#e5e5e5' : '' }, readOnly: readonly, required: required, onKeyPress: onKeyPress }))); })) : (React$2.createElement("input", { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$5.inputPadrao, style: { width: largura ? "".concat(largura) : '', backgroundColor: disabled ? '#e5e5e5' : '' }, readOnly: readonly, disabled: disabled, required: required, maxLength: type === 'text' ? appliedMaxLength : undefined, onKeyPress: onKeyPress })),
|
|
1515
1515
|
type === 'password' && (React$2.createElement("div", { onClick: togglePasswordVisibility, style: { cursor: 'pointer', position: 'absolute', right: '10px', fontSize: '25px', marginTop: '5px', color: "#f0f0f0" } }, isPasswordVisible ? React$2.createElement(FaEyeSlash, null) : React$2.createElement(FaEye, null))))));
|
|
1516
1516
|
};
|
|
1517
1517
|
|
|
1518
|
-
var css_248z$
|
|
1519
|
-
var styles$
|
|
1520
|
-
styleInject(css_248z$
|
|
1518
|
+
var css_248z$4 = ".textPage-module_container__GBEF6{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.textPage-module_content__CpD68{display:flex;text-align:justify}.textPage-module_imageCabecalho__J6YFH{border-radius:8px}.textPage-module_imageCabecalho__J6YFH img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_contentWithLateralImage__-f5pQ{flex-direction:row}.textPage-module_imageLateral__Dy9Kx{align-self:flex-start;height:230px;margin-right:20px;margin-top:15px;width:300px}.textPage-module_imageLateral__Dy9Kx img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_text__3pwuU{color:#5d5d5d;flex:2;line-height:1.8;text-align:justify}.textPage-module_text__3pwuU p{line-height:1.6;margin:10px 0}.textPage-module_text__3pwuU .textPage-module_coordenacao__UypV-,.textPage-module_text__3pwuU .textPage-module_direcao__x5psb{font-weight:700;margin-top:20px}";
|
|
1519
|
+
var styles$4 = {"container":"textPage-module_container__GBEF6","content":"textPage-module_content__CpD68","imageCabecalho":"textPage-module_imageCabecalho__J6YFH","contentWithLateralImage":"textPage-module_contentWithLateralImage__-f5pQ","imageLateral":"textPage-module_imageLateral__Dy9Kx","text":"textPage-module_text__3pwuU","coordenacao":"textPage-module_coordenacao__UypV-","direcao":"textPage-module_direcao__x5psb"};
|
|
1520
|
+
styleInject(css_248z$4);
|
|
1521
1521
|
|
|
1522
1522
|
var TextPage = function (_a) {
|
|
1523
1523
|
var imgLateral = _a.imgLateral, imgCabecalho = _a.imgCabecalho, texto = _a.texto;
|
|
1524
1524
|
return (React$2.createElement(React$2.Fragment, null,
|
|
1525
|
-
React$2.createElement("div", { className: styles$
|
|
1526
|
-
imgCabecalho && (React$2.createElement("div", { className: styles$
|
|
1525
|
+
React$2.createElement("div", { className: styles$4.container },
|
|
1526
|
+
imgCabecalho && (React$2.createElement("div", { className: styles$4.imageCabecalho },
|
|
1527
1527
|
React$2.createElement("img", { src: imgCabecalho, alt: imgCabecalho }))),
|
|
1528
|
-
React$2.createElement("div", { className: "".concat(styles$
|
|
1529
|
-
imgLateral && (React$2.createElement("div", { className: styles$
|
|
1528
|
+
React$2.createElement("div", { className: "".concat(styles$4.content, " ").concat(imgLateral ? styles$4.contentWithLateralImage : '') },
|
|
1529
|
+
imgLateral && (React$2.createElement("div", { className: styles$4.imageLateral },
|
|
1530
1530
|
React$2.createElement("img", { src: imgLateral, alt: imgLateral }))),
|
|
1531
|
-
React$2.createElement("div", { className: styles$
|
|
1531
|
+
React$2.createElement("div", { className: styles$4.text, dangerouslySetInnerHTML: { __html: texto } })))));
|
|
1532
1532
|
};
|
|
1533
1533
|
|
|
1534
|
-
var css_248z$
|
|
1535
|
-
var styles$
|
|
1536
|
-
styleInject(css_248z$
|
|
1534
|
+
var css_248z$3 = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid var(--greyHover);height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--blue)}.menuPage-module_empresa3__xkxls .menuPage-module_sidebar__7Kg1S ul li button{color:var(--green)}.menuPage-module_empresa3__xkxls .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--green)}.menuPage-module_empresa4__h8gOQ .menuPage-module_sidebar__7Kg1S ul li button{background-color:var(--red)}.menuPage-module_empresa4__h8gOQ .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--blue)}";
|
|
1535
|
+
var styles$3 = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","content":"menuPage-module_content__g2T-d","empresa1":"menuPage-module_empresa1__tLASf","active":"menuPage-module_active__Mfy4T","empresa3":"menuPage-module_empresa3__xkxls","empresa4":"menuPage-module_empresa4__h8gOQ"};
|
|
1536
|
+
styleInject(css_248z$3);
|
|
1537
1537
|
|
|
1538
1538
|
var MenuPage = function (_a) {
|
|
1539
1539
|
var menus = _a.menus, contents = _a.contents, empresa = _a.empresa;
|
|
1540
|
-
var empresaClass = styles$
|
|
1540
|
+
var empresaClass = styles$3["empresa".concat(empresa)];
|
|
1541
1541
|
var _b = React$2.useState(menus[0].key), selectedSection = _b[0], setSelectedSection = _b[1];
|
|
1542
1542
|
return (React$2.createElement("div", { className: "".concat(empresaClass) },
|
|
1543
|
-
React$2.createElement("div", { className: styles$
|
|
1544
|
-
React$2.createElement("nav", { className: styles$
|
|
1543
|
+
React$2.createElement("div", { className: styles$3.container },
|
|
1544
|
+
React$2.createElement("nav", { className: styles$3.sidebar },
|
|
1545
1545
|
React$2.createElement("ul", null, menus.map(function (menu) { return (React$2.createElement("li", { key: menu.key },
|
|
1546
|
-
React$2.createElement("button", { className: selectedSection === menu.key ? styles$
|
|
1547
|
-
React$2.createElement("main", { className: styles$
|
|
1546
|
+
React$2.createElement("button", { className: selectedSection === menu.key ? styles$3.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
|
|
1547
|
+
React$2.createElement("main", { className: styles$3.content }, contents[selectedSection]))));
|
|
1548
1548
|
};
|
|
1549
1549
|
|
|
1550
|
-
var css_248z$
|
|
1551
|
-
var styles$
|
|
1552
|
-
styleInject(css_248z$
|
|
1550
|
+
var css_248z$2 = ".select-module_selectPadrao__poGiL{border:1px solid #ccc;border-radius:.5rem;font-style:italic;padding:.8rem 0 .8rem 1rem;width:100%}.select-module_selectPadrao__poGiL:focus{outline:none}";
|
|
1551
|
+
var styles$2 = {"selectPadrao":"select-module_selectPadrao__poGiL"};
|
|
1552
|
+
styleInject(css_248z$2);
|
|
1553
1553
|
|
|
1554
1554
|
var SelectField = function (_a) {
|
|
1555
1555
|
var id = _a.id, name = _a.name, options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label, optionDefault = _a.optionDefault, largura = _a.largura, disabled = _a.disabled, multiple = _a.multiple;
|
|
@@ -1564,44 +1564,49 @@ var SelectField = function (_a) {
|
|
|
1564
1564
|
};
|
|
1565
1565
|
return (React$2.createElement(React$2.Fragment, null,
|
|
1566
1566
|
label && React$2.createElement("label", { htmlFor: id }, label),
|
|
1567
|
-
React$2.createElement("select", { id: id, name: name, className: styles$
|
|
1567
|
+
React$2.createElement("select", { id: id, name: name, className: styles$2.selectPadrao, value: value, onChange: handleSelectChange, style: { width: largura ? "".concat(largura) : '' }, disabled: disabled, multiple: multiple },
|
|
1568
1568
|
optionDefault && !multiple && (React$2.createElement("option", { value: "" }, "Selecione...")),
|
|
1569
1569
|
options.map(function (option) { return (React$2.createElement("option", { key: option.value, value: option.value }, option.description)); }))));
|
|
1570
1570
|
};
|
|
1571
1571
|
|
|
1572
|
-
var css_248z$2 = ".busca-module_search__xf4qJ{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;width:100%}.busca-module_searchContainer__jhcnm{align-items:center;display:flex;max-width:600px;position:relative;width:100%}.busca-module_searchIcon__FPl1-{height:20px;left:10px;position:absolute;width:20px}.busca-module_searchInput__GjG8B{background-color:var(--lightGray);border:none;border-radius:50px;box-sizing:border-box;color:var(--gray);height:100%;outline:none;padding:10px 15px 10px 35px;width:100%;z-index:1001}.busca-module_suggestionsWrapper__vbmxG{background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:var(--blue);width:45%;z-index:1000}.busca-module_suggestions__pYBV1{border-bottom-left-radius:20px;border-bottom-right-radius:20px;max-height:500px;overflow-y:auto}.busca-module_suggestion__V-d8T{cursor:pointer;padding:10px}.busca-module_suggestion__V-d8T:hover{background-color:var(--blue);color:#fff}.busca-module_suggestion__V-d8T:not(:first-child){border-top:1px solid var(--lightGray);padding-top:8px}@media (max-width:768px){.busca-module_searchInput__GjG8B{padding:10px 15px 10px 30px}.busca-module_suggestionsWrapper__vbmxG{top:35px}}@media (max-width:500px){.busca-module_searchContainer__jhcnm{width:90%}.busca-module_searchInput__GjG8B{padding:10px;width:100%}}";
|
|
1573
|
-
var styles$2 = {"search":"busca-module_search__xf4qJ","searchContainer":"busca-module_searchContainer__jhcnm","searchIcon":"busca-module_searchIcon__FPl1-","searchInput":"busca-module_searchInput__GjG8B","suggestionsWrapper":"busca-module_suggestionsWrapper__vbmxG","suggestions":"busca-module_suggestions__pYBV1","suggestion":"busca-module_suggestion__V-d8T"};
|
|
1574
|
-
styleInject(css_248z$2);
|
|
1575
|
-
|
|
1576
1572
|
var Busca = function (_a) {
|
|
1577
|
-
var
|
|
1578
|
-
var
|
|
1579
|
-
var
|
|
1580
|
-
var
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
return item.id.toLowerCase().includes(value.toLowerCase());
|
|
1587
|
-
});
|
|
1588
|
-
setFilteredItems(filtered);
|
|
1573
|
+
var options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label;
|
|
1574
|
+
var _b = React$2.useState(options), filteredOptions = _b[0], setFilteredOptions = _b[1];
|
|
1575
|
+
var _c = React$2.useState(false), showOptions = _c[0], setShowOptions = _c[1];
|
|
1576
|
+
var handleInputChange = function (e) {
|
|
1577
|
+
var inputValue = e.target.value;
|
|
1578
|
+
onChange(inputValue);
|
|
1579
|
+
if (inputValue === '') {
|
|
1580
|
+
setFilteredOptions([]);
|
|
1581
|
+
setShowOptions(false);
|
|
1589
1582
|
}
|
|
1590
1583
|
else {
|
|
1591
|
-
|
|
1584
|
+
var filtered = options.filter(function (option) {
|
|
1585
|
+
return option.description.toLowerCase().includes(inputValue.toLowerCase());
|
|
1586
|
+
});
|
|
1587
|
+
setFilteredOptions(filtered);
|
|
1588
|
+
setShowOptions(true);
|
|
1592
1589
|
}
|
|
1593
1590
|
};
|
|
1594
|
-
var
|
|
1595
|
-
|
|
1591
|
+
var handleOptionClick = function (option) {
|
|
1592
|
+
onChange(option.description);
|
|
1593
|
+
setShowOptions(false);
|
|
1596
1594
|
};
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1595
|
+
return (React$2.createElement("div", { style: { position: 'relative' } },
|
|
1596
|
+
React$2.createElement("label", { htmlFor: "codigoCbhpm" }, label),
|
|
1597
|
+
React$2.createElement("input", { type: "text", id: "codigoCbhpm", value: value, onChange: handleInputChange, placeholder: "Digite para buscar...", autoComplete: "off", className: styles$5.inputPadrao, style: { width: '100%' } }),
|
|
1598
|
+
showOptions && filteredOptions.length > 0 && (React$2.createElement("ul", { style: {
|
|
1599
|
+
position: 'absolute',
|
|
1600
|
+
width: '100%',
|
|
1601
|
+
maxHeight: '150px',
|
|
1602
|
+
overflowY: 'auto',
|
|
1603
|
+
backgroundColor: 'white',
|
|
1604
|
+
border: '1px solid #ccc',
|
|
1605
|
+
zIndex: 1,
|
|
1606
|
+
margin: 0,
|
|
1607
|
+
padding: '5px',
|
|
1608
|
+
listStyle: 'none'
|
|
1609
|
+
} }, filteredOptions.map(function (option, index) { return (React$2.createElement("li", { key: index, onClick: function () { return handleOptionClick(option); }, style: { padding: '5px', cursor: 'pointer' } }, option.description)); })))));
|
|
1605
1610
|
};
|
|
1606
1611
|
|
|
1607
1612
|
var css_248z$1 = ".checkboxGroup-module_checkboxGroup__JFRoY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;display:grid;font-style:italic;gap:.5rem;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));padding:.8rem 0 .8rem 1rem;width:100%}.checkboxGroup-module_title__238QG{margin-bottom:10px}.checkboxGroup-module_checkboxLabel__tIciT{align-items:center;cursor:pointer;display:flex;font-style:italic}.checkboxGroup-module_checkboxLabel__tIciT input[type=checkbox]{cursor:pointer;margin-right:.5rem}.checkboxGroup-module_checkboxLabel__tIciT input[type=checkbox]:focus{outline:none}";
|