componenteshospitais 3.1.2 → 3.1.4
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 +6 -34
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +6 -34
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/SelectField.d.ts +1 -0
- package/dist/types/components/TextArea.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/InputField.tsx +0 -30
- package/src/components/SelectField.tsx +4 -2
- package/src/components/TextArea.tsx +7 -1
- package/src/stories/SelectField.stories.tsx +8 -0
package/dist/cjs/index.js
CHANGED
|
@@ -249,35 +249,7 @@ var InputField = function (_a) {
|
|
|
249
249
|
backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
|
|
250
250
|
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
251
251
|
border: (border ? border : '')
|
|
252
|
-
}, readOnly: readonly, required: required, checked: checked, onKeyPress: onKeyPress })
|
|
253
|
-
// <InputMask
|
|
254
|
-
// mask={mask}
|
|
255
|
-
// value={value}
|
|
256
|
-
// onChange={handleChange}
|
|
257
|
-
// disabled={disabled}
|
|
258
|
-
// >
|
|
259
|
-
// {(inputProps: any) => (
|
|
260
|
-
// <input
|
|
261
|
-
// {...inputProps}
|
|
262
|
-
// type={type === 'password' && isPasswordVisible ? 'text' : type}
|
|
263
|
-
// id={id}
|
|
264
|
-
// name={id}
|
|
265
|
-
// placeholder={placeholder}
|
|
266
|
-
// className={styles.inputPadrao}
|
|
267
|
-
// style={{
|
|
268
|
-
// width: largura ? `${largura}` : '',
|
|
269
|
-
// backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
|
|
270
|
-
// borderRadius: (borderRadius ? `${borderRadius}px` : ''),
|
|
271
|
-
// border: (border ? border : '')
|
|
272
|
-
// }}
|
|
273
|
-
// readOnly={readonly}
|
|
274
|
-
// required={required}
|
|
275
|
-
// checked={checked}
|
|
276
|
-
// onKeyPress={onKeyPress}
|
|
277
|
-
// />
|
|
278
|
-
// )}
|
|
279
|
-
// </InputMask>
|
|
280
|
-
) : (React.createElement("input", { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$5.inputPadrao, style: {
|
|
252
|
+
}, readOnly: readonly, required: required, checked: checked, onKeyPress: onKeyPress })) : (React.createElement("input", { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$5.inputPadrao, style: {
|
|
281
253
|
width: largura ? "".concat(largura) : '',
|
|
282
254
|
backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
|
|
283
255
|
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
@@ -334,7 +306,7 @@ var getArrowColorByEmpresa = function (empresa) {
|
|
|
334
306
|
}
|
|
335
307
|
};
|
|
336
308
|
var SelectField = function (_a) {
|
|
337
|
-
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, size = _a.size;
|
|
309
|
+
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, size = _a.size, arrow = _a.arrow;
|
|
338
310
|
var handleSelectChange = function (e) {
|
|
339
311
|
if (multiple) {
|
|
340
312
|
var selectedOptions = Array.from(e.target.selectedOptions, function (option) { return option.value; });
|
|
@@ -346,12 +318,12 @@ var SelectField = function (_a) {
|
|
|
346
318
|
};
|
|
347
319
|
var arrowColor = getArrowColorByEmpresa(empresa);
|
|
348
320
|
var arrowSvg = encodeURIComponent("\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"".concat(arrowColor, "\">\n <path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n "));
|
|
349
|
-
return (React.createElement("div", { className: styles$2["empresa".concat(empresa)] },
|
|
321
|
+
return (React.createElement("div", { className: styles$2["empresa".concat(empresa)], style: { width: '100%' } },
|
|
350
322
|
label && React.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
|
|
351
323
|
React.createElement("select", { id: id, name: name, className: styles$2.selectPadrao, value: value, size: size, onChange: handleSelectChange, style: {
|
|
352
324
|
width: largura ? "".concat(largura) : '',
|
|
353
325
|
backgroundColor: corFundo ? corFundo : '',
|
|
354
|
-
backgroundImage: "url(\"data:image/svg+xml,".concat(arrowSvg, "\")"),
|
|
326
|
+
backgroundImage: arrow ? "url(\"data:image/svg+xml,".concat(arrowSvg, "\")") : '',
|
|
355
327
|
backgroundPosition: 'right 0.75rem center',
|
|
356
328
|
backgroundSize: '1rem',
|
|
357
329
|
paddingRight: '2.5rem',
|
|
@@ -16429,7 +16401,7 @@ var TableStandard = function (_a) {
|
|
|
16429
16401
|
};
|
|
16430
16402
|
|
|
16431
16403
|
var TextAreaField = function (_a) {
|
|
16432
|
-
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;
|
|
16404
|
+
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, rows = _a.rows, cols = _a.cols;
|
|
16433
16405
|
var appliedMaxLength = maxLength !== undefined ? maxLength : 524288;
|
|
16434
16406
|
return (React.createElement(React.Fragment, null,
|
|
16435
16407
|
label && React.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
|
|
@@ -16441,7 +16413,7 @@ var TextAreaField = function (_a) {
|
|
|
16441
16413
|
height: '6rem',
|
|
16442
16414
|
borderRadius: (borderRadius ? "".concat(borderRadius, "px") : ''),
|
|
16443
16415
|
border: (border ? border : '')
|
|
16444
|
-
}, readOnly: readonly, disabled: disabled, required: required, maxLength: appliedMaxLength, onKeyPress: onKeyPress, onBlur: onBlur }))));
|
|
16416
|
+
}, readOnly: readonly, disabled: disabled, required: required, maxLength: appliedMaxLength, onKeyPress: onKeyPress, onBlur: onBlur, rows: rows, cols: cols }))));
|
|
16445
16417
|
};
|
|
16446
16418
|
|
|
16447
16419
|
exports.Busca = Busca;
|