@irontec/ivoz-ui 1.8.0 → 1.8.1

package/components/List/Content/Empty.js

@@ -26,7 +26,7 @@ export const Empty = (props) => {
     const globalActions = Object.values(entity.customActions).filter((action) => action.global);
     return (_jsx(Fade, Object.assign({ in: true, style: {
             transitionDelay: '750ms',
-        }, unmountOnExit: true }, { children: _jsxs("section", Object.assign({ className: className }, { children: [_jsx("img", { src: 'assets/img/empty.svg', alt: '' }), _jsx("h3", { children: _('No {{entity}} yet', { entity: pluralTitle }) }), _jsx("p", { children: _('You haven’t created any {{entity}} yet.', {
+        }, unmountOnExit: true }, { children: _jsxs("section", Object.assign({ className: className }, { children: [_jsx("img", { src: 'assets/img/empty.svg', alt: '' }), _jsx("h3", { children: _('No {{entity}} yet', { entity: pluralTitle }) }), _jsx("p", { children: _("You haven't created any {{entity}} yet.", {
                         entity: singularTitle,
                     }) }), create && (_jsxs(Box, Object.assign({ className: 'empty-actions' }, { children: [globalActions &&
                             globalActions.length < 2 &&

package/components/List/Content/ListContentValue.js

@@ -58,7 +58,7 @@ const ListContentValue = (props) => {
         response = _jsx(StyledCheckBoxOutlineBlankIcon, {});
     }
     else {
-        response = _jsx(ListDecorator, { field: columnName, row: row, property: column, entityPath: entityService.getEntity().path });
+        response = (_jsx(ListDecorator, { field: columnName, row: row, property: column, entityPath: entityService.getEntity().path }));
     }
     if (isDownloadable && isFileType) {
         response = (_jsx(DownloadFile, { row: row, path: entityService.getEntity().path, fileType: columnName }));

package/package.json

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

package/services/form/Field/DynamicAutocomplete/DynamicAutocomplete.js

@@ -26,6 +26,11 @@ const DynamicAutocomplete = (props) => {
     const [currentOption, setCurrentOption] = useState(nullOptionObject);
     const debounceTimeoutRef = useRef();
     const loadedValuesRef = useRef(new Set());
+    const currentOptionRef = useRef(nullOptionObject);
+    const updateCurrentOption = useCallback((option) => {
+        currentOptionRef.current = option;
+        setCurrentOption(option);
+    }, []);
     useEffect(() => {
         if (selectOptions && Object.keys(choices).length === 0) {
             return;
@@ -54,30 +59,30 @@ const DynamicAutocomplete = (props) => {
         loadedValuesRef.current.add(value);
         selectOptions({
             callback: (options) => {
-                const option = options[0];
+                var _a;
+                const allChoices = options;
+                const option = (_a = allChoices.find((item) => item.id == value)) !== null && _a !== void 0 ? _a : allChoices[0];
                 if (option) {
+                    updateCurrentOption(option);
                     setArrayChoices((prev) => {
                         const exists = prev.some((item) => item.id == option.id);
                         return exists ? prev : [...prev, option];
                     });
                 }
             },
-        }, {
-            id: value,
-        });
+        }, { id: value });
     }, [value, selectOptions]);
     const setOptions = useCallback((options) => {
-        const isCurrentOptionIncluded = options.some((option) => option.id == (currentOption === null || currentOption === void 0 ? void 0 : currentOption.id));
-        if (!isCurrentOptionIncluded &&
-            currentOption &&
-            currentOption.id !== '__null__') {
-            options.unshift(currentOption);
+        const co = currentOptionRef.current;
+        const isCurrentOptionIncluded = options.some((option) => option.id == (co === null || co === void 0 ? void 0 : co.id));
+        if (!isCurrentOptionIncluded && co && co.id !== '__null__') {
+            options.unshift(co);
         }
         if (nullOptionObject) {
             options.unshift(nullOptionObject);
         }
         setArrayChoices(options);
-    }, [nullOptionObject, currentOption]);
+    }, [nullOptionObject]);
     const clearSearch = useCallback(() => {
         if (debounceTimeoutRef.current) {
             clearTimeout(debounceTimeoutRef.current);
@@ -96,14 +101,12 @@ const DynamicAutocomplete = (props) => {
                     setLoading(false);
                     setOptions(options);
                 },
-            }, {
-                searchTerm: searchValue,
-            });
+            }, { searchTerm: searchValue });
         }, 500);
-    }, [searchTerm, selectOptions]);
+    }, [selectOptions, setOptions]);
     useEffect(() => {
         clearSearch();
-        const searchTermMatchNullOption = getOptionLabel(nullOptionObject) === searchTerm;
+        const searchTermMatchNullOption = searchTerm !== '' && getOptionLabel(nullOptionObject) === searchTerm;
         if (searchTermMatchNullOption) {
             return;
         }
@@ -144,7 +147,7 @@ const DynamicAutocomplete = (props) => {
                 ? '__null__'
                 : null;
         }
-        setCurrentOption(option);
+        updateCurrentOption(option);
         onChange({
             target: {
                 name: name,

package/translations/ca.json

@@ -50,7 +50,7 @@
   "Yes, delete it": "Si, eliminar",
   "You are about to remove": "Esteu a punt d'eliminar-lo",
   "You are about to update": "Estàs a punt d'actualitzar",
-  "You haven’t created any {{entity}} yet.": "Aún no has creado ningún {{entity}}",
+  "You haven't created any {{entity}} yet.": "Aún no has creado ningún {{entity}}",
   "entities": "entitats",
   "invalid pattern": "Patrón invalido",
   "required value": "valor requerido",

package/translations/it.json

@@ -50,7 +50,7 @@
   "Yes, delete it": "Yes, delete it",
   "You are about to remove": "Stai per rimuovere",
   "You are about to update": "Stai per aggiornare ",
-  "You haven’t created any {{entity}} yet.": "You haven’t created any {{entity}} yet.",
+  "You haven't created any {{entity}} yet.": "You haven't created any {{entity}} yet.",
   "entities": "entità",
   "invalid pattern": "invalid pattern",
   "required value": "required value",