@evergis/react 4.0.68 → 4.0.72

package/dist/index.js

@@ -10659,6 +10659,7 @@ const TextFilter = ({ type, filter }) => {
         eqlParameters,
     });
     const { value, setValue, onChange, options, setOptions } = useAutoCompleteControl();
+    const isFreeTextInput = React.useMemo(() => !variants && (!searchFilter?.attributeAlias || !searchFilter?.attributeValue), [variants, searchFilter?.attributeAlias, searchFilter?.attributeValue]);
     const setFilterValue = React.useCallback(newValue => {
         changeFilters({
             [filterName]: {
@@ -10676,18 +10677,21 @@ const TextFilter = ({ type, filter }) => {
         setValue(multiSelect ? "" : lastSelected?.text || "");
     }, [multiSelect, setFilterValue, setValue]);
     const onBlur = React.useCallback(() => {
-        if (variants) {
-            setFilterValue([value]);
+        if (isFreeTextInput) {
+            setFilterValue(value || "");
+        }
+        else if (variants) {
+            setFilterValue(value ? [value] : []);
         }
         else {
             setOptions([]);
         }
-    }, [variants, setFilterValue, value, setOptions]);
+    }, [isFreeTextInput, variants, setFilterValue, value, setOptions]);
     const onKeyUp = React.useCallback(e => {
         if (e.key === "Enter") {
-            setFilterValue([value]);
+            setFilterValue(isFreeTextInput ? value || "" : value ? [value] : []);
         }
-    }, [setFilterValue, value]);
+    }, [isFreeTextInput, setFilterValue, value]);
     const { asyncCallback, loadNext } = uilibGl.useAsyncAutocomplete({
         options,
         setOptions: variants ? () => { } : setOptions,
@@ -10739,7 +10743,7 @@ const TextFilter = ({ type, filter }) => {
     }, [filterName, filters]);
     if (!configFilter)
         return null;
-    return (jsxRuntime.jsx(TextFilterContainer, { children: jsxRuntime.jsx(uilibGl.AutoComplete, { value: value, placeholder: placeholder, options: variants || options, zIndex: 100, width: width ? `${width}px` : "17.25rem", menuHeight: height ? `${height}px` : "10rem", withInfiniteScroll: !variants, infiniteScrollProps: variants ? undefined : infiniteScrollProps, multiSelect: multiSelect, selected: selected, setOptions: variants ? undefined : setOptions, onChange: onChange, onSelect: onSelect, onGetInnerRef: ref => (suggestRef.current = ref), asyncCallback: variants ? undefined : search, onBlur: onBlur, onKeyUp: variants && !variants.length ? onKeyUp : undefined }) }));
+    return (jsxRuntime.jsx(TextFilterContainer, { children: jsxRuntime.jsx(uilibGl.AutoComplete, { value: value, placeholder: placeholder, options: variants || options, zIndex: 100, width: width ? `${width}px` : "17.25rem", menuHeight: height ? `${height}px` : "10rem", withInfiniteScroll: !variants, infiniteScrollProps: variants ? undefined : infiniteScrollProps, multiSelect: multiSelect, selected: selected, setOptions: variants ? undefined : setOptions, onChange: onChange, onSelect: onSelect, onGetInnerRef: ref => (suggestRef.current = ref), asyncCallback: variants ? undefined : search, onBlur: onBlur, onKeyUp: isFreeTextInput || (variants && !variants.length) ? onKeyUp : undefined }) }));
 };
 
 const getListOptions = (items, filterName, configFilters) => {
@@ -12183,7 +12187,7 @@ const useChartData = ({ element, type }) => {
     ]);
     const [data, setData] = React.useState(fetchedData);
     React.useEffect(() => {
-        if (!loading && fetchedData?.length) {
+        if (!loading) {
             setData(fetchedData);
         }
     }, [loading, fetchedData]);