componenteshospitais 2.0.7 → 2.0.9

package/dist/types/components/InputField.d.ts

@@ -17,6 +17,9 @@ interface InputFieldProps {
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     corFundo?: string;
     corLabel?: string;
+    borderRadius?: number;
+    colorIcon?: string;
+    border?: string;
 }
 declare const InputField: React.FC<InputFieldProps>;
 export default InputField;

package/dist/types/components/SelectField.d.ts

@@ -18,6 +18,8 @@ interface SelectComponentProps {
     corFundo?: string;
     corLabel?: string;
     empresa?: '1' | '2' | '3' | '4' | '5';
+    borderRadius?: number;
+    border?: string;
 }
 declare const SelectField: React.FC<SelectComponentProps>;
 export default SelectField;

package/dist/types/components/TextArea.d.ts

@@ -14,6 +14,8 @@ interface TextAreaFieldProps {
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     corFundo?: string;
     corLabel?: string;
+    borderRadius?: number;
+    border?: string;
 }
 declare const TextAreaField: React.FC<TextAreaFieldProps>;
 export default TextAreaField;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteshospitais",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/Button.tsx

@@ -14,8 +14,7 @@ const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, text
   const empresaClass = styles[`empresa${empresa}`];
 
   return (
-    <div className={`${empresaClass}`}
-    style={{ borderRadius: borderRadius ? `${borderRadius}px` : '' }}>
+    <div className={`${empresaClass}`}>
       {type === 'submit' ? (
         <input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} value={texto}/>
       ) : (

package/src/components/InputField.tsx

@@ -21,6 +21,9 @@ interface InputFieldProps {
   onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void; // Adicionando onBlur como opcional
   corFundo?: string;
   corLabel?: string;
+  borderRadius?: number;
+  colorIcon?: string;
+  border?: string;
 }
 
 const InputField: React.FC<InputFieldProps> = ({
@@ -40,7 +43,10 @@ const InputField: React.FC<InputFieldProps> = ({
   onKeyPress,
   onBlur, // Usando onBlur nas props
   corFundo,
-  corLabel
+  corLabel,
+  borderRadius,
+  colorIcon,
+  border
 }) => {
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
 
@@ -85,7 +91,12 @@ const InputField: React.FC<InputFieldProps> = ({
                 name={id}
                 placeholder={placeholder}
                 className={styles.inputPadrao}
-                style={{ width: largura ? `${largura}` : '', backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')) }}
+                style={{ 
+                  width: largura ? `${largura}` : '', 
+                  backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')), 
+                  borderRadius: (borderRadius ? `${borderRadius}px` : ''),
+                  border: (border ? border : '') 
+                }}
                 readOnly={readonly}
                 required={required}
                 checked={checked}
@@ -103,7 +114,12 @@ const InputField: React.FC<InputFieldProps> = ({
             placeholder={placeholder}
             onChange={handleChange} // Chama o handleChange que verifica se onChange existe
             className={styles.inputPadrao}
-            style={{ width: largura ? `${largura}` : '', backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')) }}
+            style={{ 
+              width: largura ? `${largura}` : '', 
+              backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
+              borderRadius: (borderRadius ? `${borderRadius}px` : ''),
+              border: (border ? border : '') 
+            }}
             readOnly={readonly}
             disabled={disabled}
             required={required}
@@ -115,7 +131,7 @@ const InputField: React.FC<InputFieldProps> = ({
         )}
         {type === 'password' && (
           <div className={styles.passwordToggleIcon} onClick={togglePasswordVisibility}>
-            {isPasswordVisible ? <FaEyeSlash /> : <FaEye />}
+            {isPasswordVisible ? <FaEyeSlash style={{color: colorIcon ? colorIcon : ''}} /> : <FaEye style={{color: colorIcon ? colorIcon : ''}}/>}
           </div>
         )}
       </div>

package/src/components/SelectField.tsx

@@ -21,6 +21,8 @@ interface SelectComponentProps {
   corFundo?: string;
   corLabel?: string;
   empresa?: '1' | '2' | '3' | '4' | '5';
+  borderRadius?: number;
+  border?: string;
 }
 
 // Função para mapear empresa com a cor da seta
@@ -35,7 +37,24 @@ const getArrowColorByEmpresa = (empresa?: string) => {
   }
 };
 
-const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value, onChange, label, optionDefault, largura, disabled, multiple, required, corFundo, corLabel, empresa }) => {
+const SelectField: React.FC<SelectComponentProps> = ({ 
+  id, 
+  name, 
+  options, 
+  value, 
+  onChange, 
+  label, 
+  optionDefault, 
+  largura, 
+  disabled, 
+  multiple, 
+  required, 
+  corFundo, 
+  corLabel, 
+  empresa, 
+  borderRadius,
+  border
+}) => {
 
   const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
     if (multiple) {
@@ -70,6 +89,8 @@ const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value,
           backgroundPosition: 'right 0.75rem center',
           backgroundSize: '1rem',
           paddingRight: '2.5rem',
+          borderRadius: (borderRadius ? `${borderRadius}px` : ''),
+          border: (border ? border : '')
         }}
         disabled={disabled}
         multiple={multiple}

package/src/components/TextArea.tsx

@@ -16,6 +16,8 @@ interface TextAreaFieldProps {
   onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
   corFundo?: string;
   corLabel?: string;
+  borderRadius?: number;
+  border?: string;
 }
 
 const TextAreaField: React.FC<TextAreaFieldProps> = ({
@@ -32,7 +34,9 @@ const TextAreaField: React.FC<TextAreaFieldProps> = ({
   onKeyPress,
   onBlur,
   corFundo,
-  corLabel
+  corLabel,
+  borderRadius,
+  border
 }) => {
   const appliedMaxLength = maxLength !== undefined ? maxLength : 524288;
 
@@ -51,7 +55,9 @@ const TextAreaField: React.FC<TextAreaFieldProps> = ({
             width: largura ? `${largura}` : '', 
             backgroundColor: disabled ? '#e5e5e5' : (corFundo ? corFundo : ''),
             resize: 'none',
-            height: '6rem' 
+            height: '6rem',
+            borderRadius: (borderRadius ? `${borderRadius}px` : ''),
+            border: (border ? border : '')
           }}
           readOnly={readonly}
           disabled={disabled}