componenteshospitais 3.0.0 → 3.0.2

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

@@ -11,6 +11,8 @@ interface FilterableInputProps {
     showIcon?: boolean;
     corFundo?: string;
     corLabel?: string;
+    borderRadius?: string;
+    border?: string;
 }
 declare const Busca: React.FC<FilterableInputProps>;
 export default Busca;

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

@@ -6,6 +6,7 @@ interface ButtonProps {
     texto: string;
     largura?: string;
     borderRadius?: number;
+    disabled?: boolean;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/package.json

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

package/src/components/Busca.tsx

@@ -15,9 +15,11 @@ interface FilterableInputProps {
     showIcon?: boolean;
     corFundo?: string;
     corLabel?: string;
+    borderRadius?: string;
+    border?: string;
 }
 
-const Busca: React.FC<FilterableInputProps> = ({ options, value, onChange, label, showIcon = false, corLabel, corFundo }) => {
+const Busca: React.FC<FilterableInputProps> = ({ options, value, onChange, label, showIcon = false, corLabel, corFundo, borderRadius, border }) => {
     const [filteredOptions, setFilteredOptions] = useState<OptionType[]>(options);
     const [showOptions, setShowOptions] = useState<boolean>(false);
     const [inputValue, setInputValue] = useState<string>(''); 
@@ -79,7 +81,13 @@ const Busca: React.FC<FilterableInputProps> = ({ options, value, onChange, label
                     placeholder="Digite para buscar..."
                     autoComplete="off"
                     className={styles.inputPadrao} 
-                    style={{ width: '100%', paddingLeft: showIcon ? '30px' : '0', backgroundColor: (corFundo ? corFundo : '')}} 
+                    style={{ 
+                        width: '100%',
+                        paddingLeft: showIcon ? '30px' : '0', 
+                        backgroundColor: (corFundo ? corFundo : ''),
+                        borderRadius: (borderRadius ? `${borderRadius}px` : ''),
+                        border: (border ? border : '') 
+                    }} 
                 />
             </div>
             {showOptions && filteredOptions.length > 0 && (

package/src/components/Button.tsx

@@ -8,17 +8,18 @@ interface ButtonProps {
   texto: string;
   largura?: string;
   borderRadius?: number;
+  disabled?: boolean;
 }
 
-const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, texto, largura, borderRadius }) => {
+const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, texto, largura, borderRadius, disabled }) => {
   const empresaClass = styles[`empresa${empresa}`];
 
   return (
     <div className={`${empresaClass}`}>
       {type === 'submit' ? (
-        <input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} value={texto}/>
+        <input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} value={texto} disabled={disabled}/>
       ) : (
-        <button type="button" className={styles.inputSubmit} onClick={onClick} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} dangerouslySetInnerHTML={{ __html: texto }}>
+        <button type="button" className={styles.inputSubmit} onClick={onClick} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} dangerouslySetInnerHTML={{ __html: texto }} disabled={disabled}>
         </button>
       )}
     </div>