componenteshospitais 1.9.7 → 1.9.9

package/dist/cjs/index.js

@@ -1594,20 +1594,21 @@ var SelectField = function (_a) {
 };
 
 var Busca = function (_a) {
-    var options = _a.options, value = _a.value, onChange = _a.onChange, label = _a.label, _b = _a.showIcon, showIcon = _b === void 0 ? false : _b;
+    var options = _a.options; _a.value; var onChange = _a.onChange, label = _a.label, _b = _a.showIcon, showIcon = _b === void 0 ? false : _b, corLabel = _a.corLabel, corFundo = _a.corFundo;
     var _c = React$2.useState(options), filteredOptions = _c[0], setFilteredOptions = _c[1];
     var _d = React$2.useState(false), showOptions = _d[0], setShowOptions = _d[1];
+    var _e = React$2.useState(''), inputValue = _e[0], setInputValue = _e[1];
     var inputRef = React$2.useRef(null);
     var handleInputChange = function (e) {
         var inputValue = e.target.value;
-        onChange(inputValue);
+        setInputValue(inputValue);
         if (inputValue === '') {
             setFilteredOptions(options);
             setShowOptions(true);
         }
         else {
             var filtered = options.filter(function (option) {
-                return option.value.toLowerCase().includes(inputValue.toLowerCase());
+                return option.description.toLowerCase().includes(inputValue.toLowerCase());
             });
             setFilteredOptions(filtered);
             setShowOptions(true);
@@ -1618,6 +1619,7 @@ var Busca = function (_a) {
         setShowOptions(true);
     };
     var handleOptionClick = function (option) {
+        setInputValue(option.description);
         onChange(option.value);
         setShowOptions(false);
     };
@@ -1633,10 +1635,10 @@ var Busca = function (_a) {
         };
     }, []);
     return (React$2.createElement("div", { style: { position: 'relative', width: '100%' }, ref: inputRef },
-        label && React$2.createElement("label", { htmlFor: "codigoCbhpm" }, label),
+        label && React$2.createElement("label", { htmlFor: "codigoCbhpm", style: { color: corLabel ? corLabel : '' } }, label),
         React$2.createElement("div", { style: { position: 'relative', display: 'flex', alignItems: 'center', gap: '10px', width: '100%' } },
             showIcon && React$2.createElement(FaSearch, { className: styles$5.searchIcon }),
-            React$2.createElement("input", { type: "text", id: "codigoCbhpm", value: value, onChange: handleInputChange, onFocus: handleFocus, placeholder: "Digite para buscar...", autoComplete: "off", className: styles$5.inputPadrao, style: { width: '100%', paddingLeft: showIcon ? '30px' : '0' } })),
+            React$2.createElement("input", { type: "text", id: "codigoCbhpm", value: inputValue, onChange: handleInputChange, onFocus: handleFocus, placeholder: "Digite para buscar...", autoComplete: "off", className: styles$5.inputPadrao, style: { width: '100%', paddingLeft: showIcon ? '30px' : '0', backgroundColor: (corFundo ? corFundo : '') } })),
         showOptions && filteredOptions.length > 0 && (React$2.createElement("ul", { style: {
                 position: 'absolute',
                 width: '100%',