argous 1.2.172 → 1.2.173

package/dist/components/UtilAutoComplete/UtilAutoComplete.d.ts

@@ -73,6 +73,10 @@ export interface UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false
    * Parametros utilizados no metodo de busca
    */
   searchParams?: object,
+  /**
+   * Disponível para leitura apenas
+   */
+  readOnly?: boolean,
   /**
    * Função para filtrar a lista de opções
    * 

package/dist/components/UtilAutoComplete/UtilAutoComplete.js

@@ -147,9 +147,10 @@ var retornaType = function (type) {
     }
 };
 var UtilAutoComplete = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? '' : _b, label = _a.label, value = _a.value, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, excluidos = _a.excluidos, idEmpresa = _a.idEmpresa, cdEstado = _a.cdEstado, cdUnimed = _a.cdUnimed, getOptionLabel = _a.getOptionLabel, _e = _a.pgCode, pgCode = _e === void 0 ? 'BuscasHelper' : _e, action = _a.action, busca = _a.busca, resposta = _a.resposta, searchParams = _a.searchParams, filterFunction = _a.filterFunction, forceUpdate = _a.forceUpdate, props = __rest(_a, ["type", "label", "value", "textFieldProps", "onChange", "excluidos", "idEmpresa", "cdEstado", "cdUnimed", "getOptionLabel", "pgCode", "action", "busca", "resposta", "searchParams", "filterFunction", "forceUpdate"]);
-    var _f = react_1.useState([]), lista = _f[0], setLista = _f[1];
-    var _g = react_1.useState(''), inputValue = _g[0], setInputValue = _g[1];
+    var _b = _a.type, type = _b === void 0 ? '' : _b, label = _a.label, value = _a.value, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, excluidos = _a.excluidos, idEmpresa = _a.idEmpresa, cdEstado = _a.cdEstado, cdUnimed = _a.cdUnimed, getOptionLabel = _a.getOptionLabel, _e = _a.pgCode, pgCode = _e === void 0 ? 'BuscasHelper' : _e, action = _a.action, busca = _a.busca, resposta = _a.resposta, searchParams = _a.searchParams, filterFunction = _a.filterFunction, forceUpdate = _a.forceUpdate, readOnly = _a.readOnly, props = __rest(_a, ["type", "label", "value", "textFieldProps", "onChange", "excluidos", "idEmpresa", "cdEstado", "cdUnimed", "getOptionLabel", "pgCode", "action", "busca", "resposta", "searchParams", "filterFunction", "forceUpdate", "readOnly"]);
+    var _f = react_1.useState(false), open = _f[0], setOpen = _f[1];
+    var _g = react_1.useState([]), lista = _g[0], setLista = _g[1];
+    var _h = react_1.useState(''), inputValue = _h[0], setInputValue = _h[1];
     var buscar = react_1.useCallback(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
         var res;
         var _a;
@@ -167,12 +168,13 @@ var UtilAutoComplete = function (_a) {
     react_1.useEffect(function () {
         if (lodash_1.isString(value))
             buscar(value);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     react_1.useEffect(function () {
         // if (inputValue.length < 2) return;
         buscar();
     }, [inputValue, buscar]);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({ options: lodash_1.isObject(value) ? lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : lista, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel ? (function (option) { return getOptionLabel(option, lista); }) : (function (option) { return retornaType(type).getLabel(option, lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', clearText: 'Limpar', openText: 'Abrir', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, filterSelectedOptions: true, autoComplete: true, autoHighlight: true }, { value: value, onChange: onChange }, props, { renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label || retornaType(type).label }, params, textFieldProps, { InputProps: __assign(__assign({}, textFieldProps.InputProps), params.InputProps) }))); } })));
+    return (react_1.default.createElement(lab_1.Autocomplete, __assign({ open: open, onOpen: function () { return !readOnly && setOpen(true); }, onClose: function () { return setOpen(false); }, disableClearable: readOnly, options: lodash_1.isObject(value) ? lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : lista, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel ? (function (option) { return getOptionLabel(option, lista); }) : (function (option) { return retornaType(type).getLabel(option, lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', clearText: 'Limpar', openText: 'Abrir', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, filterSelectedOptions: true, autoComplete: true, autoHighlight: true }, { value: value, onChange: onChange }, props, { renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label || retornaType(type).label }, params, textFieldProps, { InputProps: __assign(__assign({}, textFieldProps.InputProps), params.InputProps), inputProps: __assign(__assign(__assign({}, textFieldProps.inputProps), params.inputProps), { readOnly: readOnly }) }))); } })));
 };
 // UtilAutoComplete.propTypes = {
 //   type: PropTypes.oneOf(['beneficiarios', 'empresas', 'gruposUnimed', 'estados', 'cidades', 'unimeds', 'prestadores']).isRequired,

package/lib/components/UtilAutoComplete/UtilAutoComplete.d.ts

@@ -73,6 +73,10 @@ export interface UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false
    * Parametros utilizados no metodo de busca
    */
   searchParams?: object,
+  /**
+   * Disponível para leitura apenas
+   */
+  readOnly?: boolean,
   /**
    * Função para filtrar a lista de opções
    * 

package/lib/components/UtilAutoComplete/UtilAutoComplete.js

@@ -69,17 +69,20 @@ const retornaType = type => {
   }
 };
 
-const UtilAutoComplete = ({ type = '', label, value, textFieldProps = {}, onChange = e => e, excluidos, idEmpresa, cdEstado, cdUnimed, getOptionLabel, pgCode = 'BuscasHelper', action, busca, resposta, searchParams, filterFunction, forceUpdate, ...props }) => {
+const UtilAutoComplete = ({ type = '', label, value, textFieldProps = {}, onChange = e => e, excluidos, idEmpresa, cdEstado, cdUnimed, getOptionLabel, pgCode = 'BuscasHelper', action, busca, resposta, searchParams, filterFunction, forceUpdate, readOnly, ...props }) => {
+  const [open, setOpen] = useState(false);
   const [lista, setLista] = useState([]);
   const [inputValue, setInputValue] = useState('');
 
   const buscar = useCallback(async valor => {
     const res = await serverAction(action || retornaType(type).action, { [busca || retornaType(type)?.busca || 'value']: valor || inputValue, excluidos, idEmpresa, cdEstado, cdUnimed, ...searchParams }, true, pgCode);
     setLista(res[resposta || retornaType(type)?.res || 'result'] || []);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputValue, type, searchParams]);
 
   useEffect(() => {
     if (isString(value)) buscar(value);    
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
@@ -89,6 +92,10 @@ const UtilAutoComplete = ({ type = '', label, value, textFieldProps = {}, onChan
 
   return (
     <Autocomplete
+      open={open}
+      onOpen={() => !readOnly && setOpen(true)}
+      onClose={() => setOpen(false)}
+      disableClearable={readOnly}
       options={isObject(value) ? lista.filter(v => filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]) : lista}
       getOptionSelected={(o, v) => o[0] === v}
       getOptionLabel={getOptionLabel ? (option => getOptionLabel(option, lista)) : (option => retornaType(type).getLabel(option, lista)) }
@@ -109,6 +116,7 @@ const UtilAutoComplete = ({ type = '', label, value, textFieldProps = {}, onChan
           {...params}
           {...textFieldProps}
           InputProps={{ ...textFieldProps.InputProps, ...params.InputProps }}
+          inputProps={{ ...textFieldProps.inputProps, ...params.inputProps, readOnly }}
         />
       )}
     />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.172",
+  "version": "1.2.173",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",