componenteshospitais 1.5.3 → 1.5.5

package/dist/cjs/index.js

@@ -1479,6 +1479,18 @@ styleInject(css_248z$3);
 
 var SelectField = function (_a) {
     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;
+    var _b = React$2.useState(options), filteredOptions = _b[0], setFilteredOptions = _b[1];
+    var _c = React$2.useState(''), inputValue = _c[0], setInputValue = _c[1];
+    React$2.useEffect(function () {
+        var filterOptions = options.filter(function (option) {
+            return option.description.toLowerCase().includes(inputValue.toLowerCase()) ||
+                option.value.toString().includes(inputValue);
+        });
+        setFilteredOptions(filterOptions);
+    }, [inputValue, options]);
+    var handleInputChange = function (e) {
+        setInputValue(e.target.value);
+    };
     var handleSelectChange = function (e) {
         if (multiple) {
             var selectedOptions = Array.from(e.target.selectedOptions, function (option) { return option.value; });
@@ -1490,9 +1502,11 @@ var SelectField = function (_a) {
     };
     return (React$2.createElement(React$2.Fragment, null,
         label && React$2.createElement("label", { htmlFor: id }, label),
-        React$2.createElement("select", { id: id, name: name, className: styles$3.selectPadrao, value: value, onChange: handleSelectChange, style: { width: largura ? "".concat(largura) : '' }, disabled: disabled, multiple: multiple },
-            optionDefault && !multiple && (React$2.createElement("option", { value: "" }, "Selecione...")),
-            options.map(function (option) { return (React$2.createElement("option", { key: option.value, value: option.value }, option.description)); }))));
+        React$2.createElement("div", { className: styles$3.selectContainer, style: { width: largura ? largura : '' } },
+            React$2.createElement("input", { type: "text", value: inputValue, onChange: handleInputChange, placeholder: "Digite para filtrar...", className: styles$3.inputSobreposto, disabled: disabled }),
+            React$2.createElement("select", { id: id, name: name, className: styles$3.selectPadrao, value: value, onChange: handleSelectChange, disabled: disabled, multiple: multiple },
+                optionDefault && !multiple && (React$2.createElement("option", { value: "" }, "Selecione...")),
+                filteredOptions.map(function (option) { return (React$2.createElement("option", { key: option.value, value: option.value }, option.description)); })))));
 };
 
 var css_248z$2 = ".busca-module_search__xf4qJ{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;width:100%}.busca-module_searchContainer__jhcnm{align-items:center;display:flex;max-width:600px;position:relative;width:100%}.busca-module_searchIcon__FPl1-{height:20px;left:10px;position:absolute;width:20px}.busca-module_searchInput__GjG8B{background-color:var(--lightGray);border:none;border-radius:50px;box-sizing:border-box;color:var(--gray);height:100%;outline:none;padding:10px 15px 10px 35px;width:100%;z-index:1001}.busca-module_suggestionsWrapper__vbmxG{background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:var(--blue);width:45%;z-index:1000}.busca-module_suggestions__pYBV1{border-bottom-left-radius:20px;border-bottom-right-radius:20px;max-height:500px;overflow-y:auto}.busca-module_suggestion__V-d8T{cursor:pointer;padding:10px}.busca-module_suggestion__V-d8T:hover{background-color:var(--blue);color:#fff}.busca-module_suggestion__V-d8T:not(:first-child){border-top:1px solid var(--lightGray);padding-top:8px}@media (max-width:768px){.busca-module_searchInput__GjG8B{padding:10px 15px 10px 30px}.busca-module_suggestionsWrapper__vbmxG{top:35px}}@media (max-width:500px){.busca-module_searchContainer__jhcnm{width:90%}.busca-module_searchInput__GjG8B{padding:10px;width:100%}}";
@@ -17538,7 +17552,7 @@ var TableStandard = function (_a) {
                                     onActionClick(row[idColumn]);
                             }, className: styles.actionButton, title: 'Editar' },
                             React$2.createElement(FaPen, null))),
-                        showDownloadButton && shouldShowDownloadButton(row.id) && (React$2.createElement("button", { onClick: function (e) {
+                        showDownloadButton && shouldShowDownloadButton(row[idColumn]) && (React$2.createElement("button", { onClick: function (e) {
                                 e.stopPropagation();
                                 if (onDownloadClick)
                                     onDownloadClick(row[idColumn]);