componenteshospitais 2.0.7 → 2.0.8
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 +9 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +9 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/InputField.d.ts +2 -0
- package/dist/types/components/SelectField.d.ts +1 -0
- package/dist/types/components/TextArea.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Button.tsx +1 -2
- package/src/components/InputField.tsx +7 -3
- package/src/components/SelectField.tsx +3 -1
- package/src/components/TextArea.tsx +5 -2
package/dist/esm/index.js
CHANGED
|
@@ -122,7 +122,7 @@ styleInject(css_248z$5);
|
|
|
122
122
|
var Button = function (_a) {
|
|
123
123
|
var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto, largura = _a.largura, borderRadius = _a.borderRadius;
|
|
124
124
|
var empresaClass = styles$5["empresa".concat(empresa)];
|
|
125
|
-
return (React$2.createElement("div", { className: "".concat(empresaClass)
|
|
125
|
+
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) : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' }, value: texto })) : (React$2.createElement("button", { type: "button", className: styles$5.inputSubmit, onClick: onClick, style: { width: largura ? "".concat(largura) : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' } }, texto))));
|
|
126
126
|
};
|
|
127
127
|
|
|
128
128
|
/******************************************************************************
|
|
@@ -1492,7 +1492,7 @@ function FaDownload (props) {
|
|
|
1492
1492
|
|
|
1493
1493
|
var InputField = function (_a) {
|
|
1494
1494
|
var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label, largura = _a.largura, readonly = _a.readonly, disabled = _a.disabled, required = _a.required, checked = _a.checked, maxLength = _a.maxLength, maskType = _a.maskType, onKeyPress = _a.onKeyPress, onBlur = _a.onBlur, // Usando onBlur nas props
|
|
1495
|
-
corFundo = _a.corFundo, corLabel = _a.corLabel;
|
|
1495
|
+
corFundo = _a.corFundo, corLabel = _a.corLabel, borderRadius = _a.borderRadius, colorIcon = _a.colorIcon;
|
|
1496
1496
|
var _b = useState(false), isPasswordVisible = _b[0], setIsPasswordVisible = _b[1];
|
|
1497
1497
|
var togglePasswordVisibility = function () {
|
|
1498
1498
|
setIsPasswordVisible(!isPasswordVisible);
|
|
@@ -1515,8 +1515,8 @@ var InputField = function (_a) {
|
|
|
1515
1515
|
return (React$2.createElement(React$2.Fragment, null,
|
|
1516
1516
|
label && React$2.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
|
|
1517
1517
|
React$2.createElement("div", { className: styles$5.inputWrapper },
|
|
1518
|
-
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' : (corFundo ? corFundo : '')) }, readOnly: readonly, required: required, checked: checked, onKeyPress: onKeyPress, onBlur: onBlur }))); })) : (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' : (corFundo ? corFundo : '')) }, readOnly: readonly, disabled: disabled, required: required, checked: checked, maxLength: type === 'text' ? appliedMaxLength : undefined, onKeyPress: onKeyPress, onBlur: onBlur })),
|
|
1519
|
-
type === 'password' && (React$2.createElement("div", { className: styles$5.passwordToggleIcon, onClick: togglePasswordVisibility }, isPasswordVisible ? React$2.createElement(FaEyeSlash,
|
|
1518
|
+
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' : (corFundo ? corFundo : '')), borderRadius: (borderRadius ? "".concat(borderRadius, "px") : '') }, readOnly: readonly, required: required, checked: checked, onKeyPress: onKeyPress, onBlur: onBlur }))); })) : (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' : (corFundo ? corFundo : '')) }, readOnly: readonly, disabled: disabled, required: required, checked: checked, maxLength: type === 'text' ? appliedMaxLength : undefined, onKeyPress: onKeyPress, onBlur: onBlur })),
|
|
1519
|
+
type === 'password' && (React$2.createElement("div", { className: styles$5.passwordToggleIcon, onClick: togglePasswordVisibility }, isPasswordVisible ? React$2.createElement(FaEyeSlash, { style: { color: colorIcon ? colorIcon : '' } }) : React$2.createElement(FaEye, { style: { color: colorIcon ? colorIcon : '' } }))))));
|
|
1520
1520
|
};
|
|
1521
1521
|
|
|
1522
1522
|
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}";
|
|
@@ -1567,7 +1567,7 @@ var getArrowColorByEmpresa = function (empresa) {
|
|
|
1567
1567
|
}
|
|
1568
1568
|
};
|
|
1569
1569
|
var SelectField = function (_a) {
|
|
1570
|
-
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, required = _a.required, corFundo = _a.corFundo, corLabel = _a.corLabel, empresa = _a.empresa;
|
|
1570
|
+
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, required = _a.required, corFundo = _a.corFundo, corLabel = _a.corLabel, empresa = _a.empresa, borderRadius = _a.borderRadius;
|
|
1571
1571
|
var handleSelectChange = function (e) {
|
|
1572
1572
|
if (multiple) {
|
|
1573
1573
|
var selectedOptions = Array.from(e.target.selectedOptions, function (option) { return option.value; });
|
|
@@ -1588,6 +1588,7 @@ var SelectField = function (_a) {
|
|
|
1588
1588
|
backgroundPosition: 'right 0.75rem center',
|
|
1589
1589
|
backgroundSize: '1rem',
|
|
1590
1590
|
paddingRight: '2.5rem',
|
|
1591
|
+
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : '')
|
|
1591
1592
|
}, disabled: disabled, multiple: multiple, required: required },
|
|
1592
1593
|
optionDefault && !multiple && (React$2.createElement("option", { value: "" }, "Selecione...")),
|
|
1593
1594
|
options.map(function (option) { return (React$2.createElement("option", { key: option.value, value: option.value }, option.description)); }))));
|
|
@@ -17622,7 +17623,7 @@ var TableStandard = function (_a) {
|
|
|
17622
17623
|
};
|
|
17623
17624
|
|
|
17624
17625
|
var TextAreaField = function (_a) {
|
|
17625
|
-
var id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label, largura = _a.largura, readonly = _a.readonly, disabled = _a.disabled, required = _a.required, maxLength = _a.maxLength, onKeyPress = _a.onKeyPress, onBlur = _a.onBlur, corFundo = _a.corFundo, corLabel = _a.corLabel;
|
|
17626
|
+
var id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label, largura = _a.largura, readonly = _a.readonly, disabled = _a.disabled, required = _a.required, maxLength = _a.maxLength, onKeyPress = _a.onKeyPress, onBlur = _a.onBlur, corFundo = _a.corFundo, corLabel = _a.corLabel, borderRadius = _a.borderRadius;
|
|
17626
17627
|
var appliedMaxLength = maxLength !== undefined ? maxLength : 524288;
|
|
17627
17628
|
return (React$2.createElement(React$2.Fragment, null,
|
|
17628
17629
|
label && React$2.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
|
|
@@ -17631,7 +17632,8 @@ var TextAreaField = function (_a) {
|
|
|
17631
17632
|
width: largura ? "".concat(largura) : '',
|
|
17632
17633
|
backgroundColor: disabled ? '#e5e5e5' : (corFundo ? corFundo : ''),
|
|
17633
17634
|
resize: 'none',
|
|
17634
|
-
height: '6rem'
|
|
17635
|
+
height: '6rem',
|
|
17636
|
+
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : '')
|
|
17635
17637
|
}, readOnly: readonly, disabled: disabled, required: required, maxLength: appliedMaxLength, onKeyPress: onKeyPress, onBlur: onBlur }))));
|
|
17636
17638
|
};
|
|
17637
17639
|
|