@rolster/react-components 18.21.7 → 18.21.9

package/dist/es/index.js

@@ -1358,7 +1358,8 @@ function RlsTabularText({ value }) {
 }
 
 function RlsAmount({ value, decimals, rlsTheme, symbol }) {
-    return (jsxRuntimeExports.jsxs("div", { className: "rls-amount", "rls-theme": rlsTheme, children: [symbol && jsxRuntimeExports.jsx("span", { children: symbol }), jsxRuntimeExports.jsx(RlsTabularText, { value: currencyFormat({ value, decimals }) })] }));
+    const amount = useMemo(() => currencyFormat({ value, decimals }), [value, decimals]);
+    return (jsxRuntimeExports.jsxs("div", { className: "rls-amount", "rls-theme": rlsTheme, children: [symbol && jsxRuntimeExports.jsx("span", { children: symbol }), jsxRuntimeExports.jsx(RlsTabularText, { value: amount })] }));
 }
 
 function renderClassStatus(base, status = {}, additionals) {
@@ -2240,7 +2241,7 @@ const reactI18n = i18n({
         dateActionToday: 'Hoy',
         listEmptyDescription: 'Lo sentimos, en el momento no hay elementos en el listado',
         listEmptyTitle: 'Selección no disponible',
-        listInputPlaceholder: 'Buscar...'
+        listInputPlaceholder: 'Escriba palabre clave para filtrar...'
     },
     en: {
         confirmationActionApproved: 'Approved',
@@ -2249,7 +2250,7 @@ const reactI18n = i18n({
         dateActionToday: 'Today',
         listEmptyDescription: 'Sorry, there are currently no items in the list',
         listEmptyTitle: 'Selection not available',
-        listInputPlaceholder: 'Search...'
+        listInputPlaceholder: 'Enter keyword to filter...'
     }
 });
 
@@ -2431,7 +2432,7 @@ function useListController(props) {
             }
             else if (valueProtected.current) {
                 const element = collection.find(valueProtected.current);
-                element && setFormValue(element);
+                element ? setFormValue(element) : refreshState({ ...state, value: '' });
             }
             else {
                 automatic
@@ -2579,14 +2580,14 @@ function useFieldAutocomplete(props) {
         return () => {
             onChange(element);
         };
-    }, []);
+    }, [onChange]);
     const onKeydownElement = useCallback((element) => {
         return (event) => {
             event.code === 'Enter'
                 ? onChange(element)
                 : controller.navigationElement(event);
         };
-    }, [controller.navigationElement]);
+    }, [onChange, controller.navigationElement]);
     return {
         ...controller,
         coincidences,
@@ -2639,7 +2640,7 @@ function RlsFieldAutocompleteTemplate(props) {
     }, [autocomplete.higher, autocomplete.modalIsVisible]);
     const onInputSearch = useCallback((event) => {
         autocomplete.setPattern(event.target.value);
-    }, []);
+    }, [autocomplete.setPattern]);
     const onClickSearch = useCallback(() => {
         onSearch && onSearch(autocomplete.pattern);
     }, [onSearch, autocomplete.pattern]);
@@ -2967,14 +2968,14 @@ function useFieldSelect(props) {
         return () => {
             onChange(element);
         };
-    }, []);
+    }, [onChange]);
     const onKeydownElement = useCallback((element) => {
         return (event) => {
             event.code === 'Enter'
                 ? onChange(element)
                 : controller.navigationElement(event);
         };
-    }, [controller.navigationElement]);
+    }, [onChange, controller.navigationElement]);
     return {
         ...controller,
         onBlurInput,