componenteshospitais 1.5.9 → 1.5.10

package/dist/cjs/index.js

@@ -1423,7 +1423,7 @@ if (process.env.NODE_ENV === 'production') {
 });
 
 var InputField = function (_a) {
-    var type = _a.type, 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, maskType = _a.maskType, onKeyPress = _a.onKeyPress;
+    var type = _a.type, 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, maskType = _a.maskType, onKeyPress = _a.onKeyPress, corFundo = _a.corFundo, corLabel = _a.corLabel;
     var appliedMaxLength = maxLength !== undefined ? maxLength : 524288;
     var handleChange = function (e) {
         if (type === 'number' && e.target.value.length > appliedMaxLength) {
@@ -1437,8 +1437,8 @@ var InputField = function (_a) {
                 maskType === 'date' ? '99/99/9999' :
                     maskType === 'cep' ? '99999-999' : '';
     return (React$2.createElement(React$2.Fragment, null,
-        label && React$2.createElement("label", { htmlFor: id }, label),
-        maskType ? (React$2.createElement(reactInputMask, { mask: mask, value: value, onChange: handleChange, disabled: disabled }, function (inputProps) { return (React$2.createElement("input", __assign({}, inputProps, { type: type, id: id, name: id, placeholder: placeholder, className: styles$6.inputPadrao, style: { width: largura ? "".concat(largura) : '', backgroundColor: disabled ? '#e5e5e5' : '' }, readOnly: readonly, required: required, onKeyPress: onKeyPress }))); })) : (React$2.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$6.inputPadrao, style: { width: largura ? "".concat(largura) : '', backgroundColor: disabled ? '#e5e5e5' : '' }, readOnly: readonly, disabled: disabled, required: required, maxLength: type === 'text' ? appliedMaxLength : undefined, onKeyPress: onKeyPress }))));
+        label && React$2.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
+        maskType ? (React$2.createElement(reactInputMask, { mask: mask, value: value, onChange: handleChange, disabled: disabled }, function (inputProps) { return (React$2.createElement("input", __assign({}, inputProps, { type: type, id: id, name: id, placeholder: placeholder, className: styles$6.inputPadrao, style: { width: largura ? "".concat(largura) : '', backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')) }, readOnly: readonly, required: required, onKeyPress: onKeyPress }))); })) : (React$2.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$6.inputPadrao, style: { width: largura ? "".concat(largura) : '', backgroundColor: disabled ? '#e5e5e5' : '' }, readOnly: readonly, disabled: disabled, required: required, maxLength: type === 'text' ? appliedMaxLength : undefined, onKeyPress: onKeyPress }))));
 };
 
 var css_248z$5 = ".textPage-module_container__GBEF6{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.textPage-module_content__CpD68{display:flex;text-align:justify}.textPage-module_imageCabecalho__J6YFH{border-radius:8px}.textPage-module_imageCabecalho__J6YFH img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_contentWithLateralImage__-f5pQ{flex-direction:row}.textPage-module_imageLateral__Dy9Kx{align-self:flex-start;height:230px;margin-right:20px;margin-top:15px;width:300px}.textPage-module_imageLateral__Dy9Kx img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_text__3pwuU{color:#5d5d5d;flex:2;line-height:1.8;text-align:justify}.textPage-module_text__3pwuU p{line-height:1.6;margin:10px 0}.textPage-module_text__3pwuU .textPage-module_coordenacao__UypV-,.textPage-module_text__3pwuU .textPage-module_direcao__x5psb{font-weight:700;margin-top:20px}";
@@ -1478,7 +1478,7 @@ var styles$3 = {"selectPadrao":"select-module_selectPadrao__poGiL"};
 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 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, corFundo = _a.corFundo, corLabel = _a.corLabel;
     var handleSelectChange = function (e) {
         if (multiple) {
             var selectedOptions = Array.from(e.target.selectedOptions, function (option) { return option.value; });
@@ -1489,8 +1489,8 @@ 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 },
+        label && React$2.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
+        React$2.createElement("select", { id: id, name: name, className: styles$3.selectPadrao, value: value, onChange: handleSelectChange, style: { width: largura ? "".concat(largura) : '', backgroundColor: corFundo ? corFundo : '' }, 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)); }))));
 };
@@ -1499,60 +1499,6 @@ var css_248z$2 = ".busca-module_search__xf4qJ{align-items:center;display:flex;fl
 var styles$2 = {"search":"busca-module_search__xf4qJ","searchContainer":"busca-module_searchContainer__jhcnm","searchIcon":"busca-module_searchIcon__FPl1-","searchInput":"busca-module_searchInput__GjG8B","suggestionsWrapper":"busca-module_suggestionsWrapper__vbmxG","suggestions":"busca-module_suggestions__pYBV1","suggestion":"busca-module_suggestion__V-d8T"};
 styleInject(css_248z$2);
 
-var Busca = function (_a) {
-    var allItems = _a.allItems; _a.placeholder; var onItemClick = _a.onItemClick;
-    var _c = React$2.useState(''), searchValue = _c[0], setSearchValue = _c[1];
-    var _d = React$2.useState(allItems), filteredItems = _d[0], setFilteredItems = _d[1];
-    var _e = React$2.useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
-    var handleSearchChange = function (event) {
-        var value = event.target.value;
-        setSearchValue(value);
-        if (value.length > 0) {
-            var filtered = allItems.filter(function (item) {
-                return item.id.toLowerCase().includes(value.toLowerCase());
-            });
-            setFilteredItems(filtered);
-        }
-        else {
-            setFilteredItems(allItems);
-        }
-    };
-    var handleInputFocus = function () {
-        setIsInputFocused(true);
-    };
-    var handleInputBlur = function () {
-        setTimeout(function () { return setIsInputFocused(false); }, 100);
-    };
-    return (React$2.createElement("div", { className: styles$2.search },
-        React$2.createElement("div", { className: styles$2.searchContainer },
-            React$2.createElement("input", { type: "text", className: styles$2.searchInput, placeholder: "Pesquisar...", value: searchValue, onChange: handleSearchChange, onFocus: handleInputFocus, onBlur: handleInputBlur })),
-        isInputFocused && filteredItems.length > 0 && (React$2.createElement("div", { className: styles$2.suggestionsWrapper },
-            React$2.createElement("div", { className: styles$2.suggestions }, filteredItems.map(function (item, index) { return (React$2.createElement("div", { key: index, className: styles$2.suggestion, onClick: function () { return onItemClick(item.path); } }, item.id)); }))))));
-};
-
-var css_248z$1 = ".checkboxGroup-module_checkboxGroup__JFRoY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;display:grid;font-style:italic;gap:.5rem;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));padding:.8rem 0 .8rem 1rem;width:100%}.checkboxGroup-module_title__238QG{margin-bottom:10px}.checkboxGroup-module_checkboxLabel__tIciT{align-items:center;cursor:pointer;display:flex;font-style:italic}.checkboxGroup-module_checkboxLabel__tIciT input[type=checkbox]{cursor:pointer;margin-right:.5rem}.checkboxGroup-module_checkboxLabel__tIciT input[type=checkbox]:focus{outline:none}";
-var styles$1 = {"checkboxGroup":"checkboxGroup-module_checkboxGroup__JFRoY","title":"checkboxGroup-module_title__238QG","checkboxLabel":"checkboxGroup-module_checkboxLabel__tIciT"};
-styleInject(css_248z$1);
-
-var CheckboxGroup = function (_a) {
-    _a.id; var name = _a.name, options = _a.options, selectedValues = _a.selectedValues, onChange = _a.onChange, label = _a.label;
-    var handleCheckboxChange = function (value) {
-        var updatedValues;
-        if (selectedValues.includes(value)) {
-            updatedValues = selectedValues.filter(function (item) { return item !== value; });
-        }
-        else {
-            updatedValues = __spreadArray(__spreadArray([], selectedValues, true), [value], false);
-        }
-        onChange(updatedValues);
-    };
-    return (React$2.createElement("div", { className: styles$1.checkboxGroup },
-        label && React$2.createElement("label", { className: styles$1.title }, label),
-        options.map(function (option) { return (React$2.createElement("label", { key: option.value, className: styles$1.checkboxLabel },
-            React$2.createElement("input", { type: "checkbox", name: name, value: option.value, checked: selectedValues.includes(option.value), onChange: function () { return handleCheckboxChange(option.value); } }),
-            option.description)); })));
-};
-
 var DefaultContext = {
   color: undefined,
   size: undefined,
@@ -1615,8 +1561,65 @@ function FaDownload (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"},"child":[]}]})(props);
 }function FaPen (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"},"child":[]}]})(props);
+}function FaSearch (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"},"child":[]}]})(props);
 }
 
+var Busca = function (_a) {
+    var allItems = _a.allItems; _a.placeholder; var onItemClick = _a.onItemClick, iconBusca = _a.iconBusca;
+    var _c = React$2.useState(''), searchValue = _c[0], setSearchValue = _c[1];
+    var _d = React$2.useState(allItems), filteredItems = _d[0], setFilteredItems = _d[1];
+    var _e = React$2.useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
+    var handleSearchChange = function (event) {
+        var value = event.target.value;
+        setSearchValue(value);
+        if (value.length > 0) {
+            var filtered = allItems.filter(function (item) {
+                return item.id.toLowerCase().includes(value.toLowerCase());
+            });
+            setFilteredItems(filtered);
+        }
+        else {
+            setFilteredItems(allItems);
+        }
+    };
+    var handleInputFocus = function () {
+        setIsInputFocused(true);
+    };
+    var handleInputBlur = function () {
+        setTimeout(function () { return setIsInputFocused(false); }, 100);
+    };
+    return (React$2.createElement("div", { className: styles$2.search },
+        React$2.createElement("div", { className: styles$2.searchContainer },
+            iconBusca && React$2.createElement(FaSearch, null),
+            React$2.createElement("input", { type: "text", className: styles$2.searchInput, placeholder: "Pesquisar...", value: searchValue, onChange: handleSearchChange, onFocus: handleInputFocus, onBlur: handleInputBlur })),
+        isInputFocused && filteredItems.length > 0 && (React$2.createElement("div", { className: styles$2.suggestionsWrapper },
+            React$2.createElement("div", { className: styles$2.suggestions }, filteredItems.map(function (item, index) { return (React$2.createElement("div", { key: index, className: styles$2.suggestion, onClick: function () { return onItemClick(item.path); } }, item.id)); }))))));
+};
+
+var css_248z$1 = ".checkboxGroup-module_checkboxGroup__JFRoY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;display:grid;font-style:italic;gap:.5rem;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));padding:.8rem 0 .8rem 1rem;width:100%}.checkboxGroup-module_title__238QG{margin-bottom:10px}.checkboxGroup-module_checkboxLabel__tIciT{align-items:center;cursor:pointer;display:flex;font-style:italic}.checkboxGroup-module_checkboxLabel__tIciT input[type=checkbox]{cursor:pointer;margin-right:.5rem}.checkboxGroup-module_checkboxLabel__tIciT input[type=checkbox]:focus{outline:none}";
+var styles$1 = {"checkboxGroup":"checkboxGroup-module_checkboxGroup__JFRoY","title":"checkboxGroup-module_title__238QG","checkboxLabel":"checkboxGroup-module_checkboxLabel__tIciT"};
+styleInject(css_248z$1);
+
+var CheckboxGroup = function (_a) {
+    _a.id; var name = _a.name, options = _a.options, selectedValues = _a.selectedValues, onChange = _a.onChange, label = _a.label;
+    var handleCheckboxChange = function (value) {
+        var updatedValues;
+        if (selectedValues.includes(value)) {
+            updatedValues = selectedValues.filter(function (item) { return item !== value; });
+        }
+        else {
+            updatedValues = __spreadArray(__spreadArray([], selectedValues, true), [value], false);
+        }
+        onChange(updatedValues);
+    };
+    return (React$2.createElement("div", { className: styles$1.checkboxGroup },
+        label && React$2.createElement("label", { className: styles$1.title }, label),
+        options.map(function (option) { return (React$2.createElement("label", { key: option.value, className: styles$1.checkboxLabel },
+            React$2.createElement("input", { type: "checkbox", name: name, value: option.value, checked: selectedValues.includes(option.value), onChange: function () { return handleCheckboxChange(option.value); } }),
+            option.description)); })));
+};
+
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 /* vim: set ts=2: */
 /*exported XLSX */