@evergis/react 4.0.68 → 4.0.72

package/dist/react.esm.js

@@ -10657,6 +10657,7 @@ const TextFilter = ({ type, filter }) => {
         eqlParameters,
     });
     const { value, setValue, onChange, options, setOptions } = useAutoCompleteControl();
+    const isFreeTextInput = useMemo(() => !variants && (!searchFilter?.attributeAlias || !searchFilter?.attributeValue), [variants, searchFilter?.attributeAlias, searchFilter?.attributeValue]);
     const setFilterValue = useCallback(newValue => {
         changeFilters({
             [filterName]: {
@@ -10674,18 +10675,21 @@ const TextFilter = ({ type, filter }) => {
         setValue(multiSelect ? "" : lastSelected?.text || "");
     }, [multiSelect, setFilterValue, setValue]);
     const onBlur = 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 = useCallback(e => {
         if (e.key === "Enter") {
-            setFilterValue([value]);
+            setFilterValue(isFreeTextInput ? value || "" : value ? [value] : []);
         }
-    }, [setFilterValue, value]);
+    }, [isFreeTextInput, setFilterValue, value]);
     const { asyncCallback, loadNext } = useAsyncAutocomplete({
         options,
         setOptions: variants ? () => { } : setOptions,
@@ -10737,7 +10741,7 @@ const TextFilter = ({ type, filter }) => {
     }, [filterName, filters]);
     if (!configFilter)
         return null;
-    return (jsx(TextFilterContainer, { children: jsx(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 (jsx(TextFilterContainer, { children: jsx(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) => {
@@ -12181,7 +12185,7 @@ const useChartData = ({ element, type }) => {
     ]);
     const [data, setData] = useState(fetchedData);
     useEffect(() => {
-        if (!loading && fetchedData?.length) {
+        if (!loading) {
             setData(fetchedData);
         }
     }, [loading, fetchedData]);