@irontec/ivoz-ui 1.6.0 → 1.6.2

package/components/List/Content/FastSearchField.js

@@ -69,7 +69,7 @@ const FastSearchField = (props, ref) => {
     };
     useEffect(() => {
         //reset value
-        setValue((firstColumnCriteria === null || firstColumnCriteria === void 0 ? void 0 : firstColumnCriteria.value) || '');
+        setValue(decodeURIComponent(firstColumnCriteria === null || firstColumnCriteria === void 0 ? void 0 : firstColumnCriteria.value) || '');
     }, [firstColumnCriteria]);
     useEffect(() => {
         if (isDatetime) {

package/components/List/Filter/ContentFilterSelector/ContentFilterSelector.js

@@ -45,7 +45,7 @@ export default function ContentFilterSelector(props) {
         newCriteria[idx] = {
             name,
             type,
-            value,
+            value: decodeURIComponent(value),
         };
         setCriteria(newCriteria);
     };

package/components/List/List.js

@@ -23,7 +23,7 @@ import useFirstColumn from './Content/hook/useFirstColumn';
 import { criteriaToArray, queryStringToCriteria } from './List.helpers';
 import useQueryStringParams from './useQueryStringParams';
 const List = function (props) {
-    const { path, foreignKeyResolver, entityService, routeMap, className, List: EntityListDecorator } = props;
+    const { path, foreignKeyResolver, entityService, routeMap, className, List: EntityListDecorator, } = props;
     const location = useLocation();
     const match = useCurrentPathMatch();
     const params = useParams();
@@ -99,7 +99,10 @@ const List = function (props) {
         }
         setPrevReqQuerystring(reqQuerystring);
         const criteria = queryStringToCriteria();
-        setQueryStringCriteria(criteria);
+        const sanitizeData = criteria.map((row) => {
+            return Object.assign(Object.assign({}, row), { value: encodeURIComponent(row.value) });
+        });
+        setQueryStringCriteria(sanitizeData);
         setCriteriaIsReady(true);
     }, [
         reqQuerystring,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@irontec/ivoz-ui",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "UI library used in ivozprovider",
   "license": "GPL-3.0",
   "main": "index.js",

package/services/form/Field/Autocomplete/Autocomplete.js

@@ -5,9 +5,9 @@ import { useCallback, useEffect, useState, } from 'react';
 import { getI18n } from 'react-i18next';
 import { StyledAutocompleteTextField } from '../TextField';
 const Autocomplete = (props) => {
-    var _a;
+    var _a, _b;
     const { name, label, required, multiple, disabled, onChange, onBlur, choices, error, errorMsg, helperText, hasChanged, } = props;
-    const value = props.value || null;
+    const value = (_a = props.value) !== null && _a !== void 0 ? _a : null;
     const i18n = getI18n();
     let className = props.className;
     if (hasChanged) {
@@ -84,13 +84,35 @@ const Autocomplete = (props) => {
             ? false
             : true;
     }
+    const autoDefaultValue = (value) => {
+        if (value !== '__auto__') {
+            return value;
+        }
+        if (arrayChoices.length === 0) {
+            return value;
+        }
+        const realChoices = arrayChoices.filter((dac) => dac.id != '__null__');
+        if (realChoices.length != 1) {
+            return '__null__';
+        }
+        return realChoices[0].id;
+    };
     let autocompleteValue;
     if (multiple) {
         autocompleteValue = arrayChoices.length ? value : [];
     }
     else {
+        const autoValue = autoDefaultValue(value);
         autocompleteValue =
-            (_a = arrayChoices === null || arrayChoices === void 0 ? void 0 : arrayChoices.find((item) => `${item.id}` === `${value}`)) !== null && _a !== void 0 ? _a : null;
+            (_b = arrayChoices === null || arrayChoices === void 0 ? void 0 : arrayChoices.find((item) => `${item.id}` === `${autoValue}`)) !== null && _b !== void 0 ? _b : null;
+        if (autoValue != value) {
+            onChange({
+                target: {
+                    name: name,
+                    value: autoValue,
+                },
+            });
+        }
     }
     return (_jsx(MuiAutocomplete, { className: 'autocomplete ' + className, value: autocompleteValue, multiple: multiple, disabled: disabled, disableClearable: disableClearable, onChange: onChangeWrapper, onBlur: onBlur, options: arrayChoices, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, filterSelectedOptions: true, renderInput: renderInput, renderOption: (props, option) => (_jsx(Box, Object.assign({ component: 'li', className: 'autocomplete-option', "data-value": option.id }, props, { children: option.label }))) }));
 };