componenteshospitais 2.0.7 → 2.0.9
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 +21 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +21 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/InputField.d.ts +3 -0
- package/dist/types/components/SelectField.d.ts +2 -0
- package/dist/types/components/TextArea.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/Button.tsx +1 -2
- package/src/components/InputField.tsx +20 -4
- package/src/components/SelectField.tsx +22 -1
- package/src/components/TextArea.tsx +8 -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, border = _a.border;
|
|
1496
1496
|
var _b = useState(false), isPasswordVisible = _b[0], setIsPasswordVisible = _b[1];
|
|
1497
1497
|
var togglePasswordVisibility = function () {
|
|
1498
1498
|
setIsPasswordVisible(!isPasswordVisible);
|
|
@@ -1515,8 +1515,18 @@ 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: {
|
|
1519
|
-
|
|
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: {
|
|
1519
|
+
width: largura ? "".concat(largura) : '',
|
|
1520
|
+
backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
|
|
1521
|
+
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
1522
|
+
border: (border ? border : '')
|
|
1523
|
+
}, 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: {
|
|
1524
|
+
width: largura ? "".concat(largura) : '',
|
|
1525
|
+
backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
|
|
1526
|
+
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
1527
|
+
border: (border ? border : '')
|
|
1528
|
+
}, readOnly: readonly, disabled: disabled, required: required, checked: checked, maxLength: type === 'text' ? appliedMaxLength : undefined, onKeyPress: onKeyPress, onBlur: onBlur })),
|
|
1529
|
+
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
1530
|
};
|
|
1521
1531
|
|
|
1522
1532
|
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 +1577,7 @@ var getArrowColorByEmpresa = function (empresa) {
|
|
|
1567
1577
|
}
|
|
1568
1578
|
};
|
|
1569
1579
|
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;
|
|
1580
|
+
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, border = _a.border;
|
|
1571
1581
|
var handleSelectChange = function (e) {
|
|
1572
1582
|
if (multiple) {
|
|
1573
1583
|
var selectedOptions = Array.from(e.target.selectedOptions, function (option) { return option.value; });
|
|
@@ -1588,6 +1598,8 @@ var SelectField = function (_a) {
|
|
|
1588
1598
|
backgroundPosition: 'right 0.75rem center',
|
|
1589
1599
|
backgroundSize: '1rem',
|
|
1590
1600
|
paddingRight: '2.5rem',
|
|
1601
|
+
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
1602
|
+
border: (border ? border : '')
|
|
1591
1603
|
}, disabled: disabled, multiple: multiple, required: required },
|
|
1592
1604
|
optionDefault && !multiple && (React$2.createElement("option", { value: "" }, "Selecione...")),
|
|
1593
1605
|
options.map(function (option) { return (React$2.createElement("option", { key: option.value, value: option.value }, option.description)); }))));
|
|
@@ -17622,7 +17634,7 @@ var TableStandard = function (_a) {
|
|
|
17622
17634
|
};
|
|
17623
17635
|
|
|
17624
17636
|
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;
|
|
17637
|
+
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, border = _a.border;
|
|
17626
17638
|
var appliedMaxLength = maxLength !== undefined ? maxLength : 524288;
|
|
17627
17639
|
return (React$2.createElement(React$2.Fragment, null,
|
|
17628
17640
|
label && React$2.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
|
|
@@ -17631,7 +17643,9 @@ var TextAreaField = function (_a) {
|
|
|
17631
17643
|
width: largura ? "".concat(largura) : '',
|
|
17632
17644
|
backgroundColor: disabled ? '#e5e5e5' : (corFundo ? corFundo : ''),
|
|
17633
17645
|
resize: 'none',
|
|
17634
|
-
height: '6rem'
|
|
17646
|
+
height: '6rem',
|
|
17647
|
+
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
17648
|
+
border: (border ? border : '')
|
|
17635
17649
|
}, readOnly: readonly, disabled: disabled, required: required, maxLength: appliedMaxLength, onKeyPress: onKeyPress, onBlur: onBlur }))));
|
|
17636
17650
|
};
|
|
17637
17651
|
|