@evergis/react 4.0.134 → 4.0.136

package/dist/react.esm.js

@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { isValidElement, Fragment, createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, createElement, useLayoutEffect, forwardRef } from 'react';
 import { barChartClassNames, lineChartClassNames, BarChart as BarChart$1, LineChart, PieChart } from '@evergis/charts';
 import { AttributeType, AttributeIconType, generateId, STORAGE_TOKEN_KEY, parseJwt, STORAGE_REFRESH_TOKEN_KEY, RemoteTaskStatus, AttributeConfigurationType, LayerServiceType, OgcGeometryType, StringSubType } from '@evergis/api';
-import { isNil, isEmpty, uniqueId, isEqual, unescape } from 'lodash';
+import { isNil, isEqual, isEmpty, uniqueId, unescape } from 'lodash';
 import { Color as Color$1, ColorScale } from '@evergis/color';
 import { isValid, format, parseJSON, parseISO, toDate } from 'date-fns';
 import { ru, enUS } from 'date-fns/locale';
@@ -6349,6 +6349,7 @@ const useMapImages = ({ images }) => {
     const [loaded, setLoaded] = useState(false);
     const [errors, setErrors] = useState({});
     const loadedImagesRef = useRef(new Set());
+    const previouslyLoadedImages = useRef([]);
     const hasImage = useCallback((name) => {
         if (!map?.current) {
             return false;
@@ -6356,8 +6357,9 @@ const useMapImages = ({ images }) => {
         return map.current.hasImage(name);
     }, [map]);
     const removeImage = useCallback((name) => {
-        if (!map?.current)
+        if (!map?.current) {
             return;
+        }
         if (map.current.hasImage(name)) {
             map.current.removeImage(name);
             loadedImagesRef.current.delete(name);
@@ -6368,7 +6370,7 @@ const useMapImages = ({ images }) => {
             throw new Error("Map is not initialized");
         }
         if (map.current.hasImage(config.name)) {
-            return;
+            removeImage(config.name);
         }
         const size = config.size ?? DEFAULT_IMAGE_SIZE;
         const pixelRatio = config.pixelRatio ?? 1;
@@ -6429,9 +6431,15 @@ const useMapImages = ({ images }) => {
             setLoaded(true);
             return;
         }
+        if (isEqual(images, previouslyLoadedImages.current)) {
+            return;
+        }
         const loadAllImages = async () => {
             setLoaded(false);
             const loadPromises = images.map(async (config) => {
+                if (isEqual(config, previouslyLoadedImages.current.find(item => item.name === config.name))) {
+                    return;
+                }
                 try {
                     await addImage(config);
                 }
@@ -6441,9 +6449,10 @@ const useMapImages = ({ images }) => {
             });
             await Promise.all(loadPromises);
             setLoaded(true);
+            previouslyLoadedImages.current = images;
         };
         void loadAllImages();
-    }, [mapLoaded, map, images, addImage]);
+    }, [mapLoaded, images, map, addImage]);
     return { loaded, errors, addImage, removeImage, hasImage };
 };
 
@@ -16419,15 +16428,10 @@ const RangeDateFilter = ({ type, filter }) => {
     const updateDebounce = useDebouncedCallback(FILTER_UPDATE_DEBOUNCE);
     const { filters: configFilters } = currentPage;
     const { filterName, label, minValue, maxValue, withTime } = filter.options;
-    // Локальный стейт — копия значения из общего стора фильтров, поэтому при монтировании поднимаем
-    // выбор оттуда. Контейнер фильтров размонтируется на время перезапроса источников (их стор
-    // сбрасывается целиком, например, на смену геометрической выборки), и без этого выбранный
-    // диапазон терялся бы, а следом его затирал дефолт.
-    const [value, setValue] = useState(() => [getDate(filters[filterName]?.min)?.toISOString(), getDate(filters[filterName]?.max)?.toISOString()]);
+    const [value, setValue] = useState([undefined, undefined]);
     const isInit = useRef(false);
-    // Ref фиксирует только первое значение выражения: если на момент монтирования выбор уже лежит
-    // в сторе, дефолт считается применённым — перемонтирование не должно его затирать.
-    const isDefaultApplied = useRef(!isNil(value[0]) || !isNil(value[1]));
+    const isDefaultApplied = useRef(false);
+    const isRestored = useRef(false);
     const configFilter = useMemo(() => getConfigFilter(filterName, configFilters), [configFilters, filterName]);
     const dataSource = useMemo(() => getDataSource(configFilter?.relatedDataSource, dataSources), [configFilter?.relatedDataSource, dataSources]);
     const { minFromData, maxFromData } = useMemo(() => dataSource?.features?.reduce((prev, { properties }) => {
@@ -16462,6 +16466,25 @@ const RangeDateFilter = ({ type, filter }) => {
     const onChange = useCallback((newValue) => {
         setValue([newValue[0].toISOString(), newValue[1].toISOString()]);
     }, []);
+    // Значение фильтра живёт в общем сторе, локальный стейт — лишь его копия, поэтому при
+    // монтировании поднимаем выбор оттуда: контейнер фильтров размонтируется на время перезапроса
+    // источников (их стор сбрасывается целиком, например, на смену геометрической выборки), и без
+    // восстановления выбранный диапазон терялся бы, а следом его затирал дефолт.
+    // Восстанавливаем эффектом, а не начальным стейтом: `RangeNumberInput` на монтировании затирает
+    // своё внутреннее значение границами календаря и подхватывает диапазон только по изменению
+    // пропа `value`.
+    useEffect(() => {
+        if (isRestored.current)
+            return;
+        isRestored.current = true;
+        const from = getDate(filters[filterName]?.min)?.toISOString();
+        const to = getDate(filters[filterName]?.max)?.toISOString();
+        if (isNil(from) && isNil(to))
+            return;
+        // Выбор уже сделан — дефолт применять нельзя, иначе перемонтирование затирало бы его.
+        isDefaultApplied.current = true;
+        setValue([from, to]);
+    }, [filterName, filters]);
     // Дефолт применяем однократно — как только обе границы диапазона известны. С `defaultValue`
     // это происходит сразу, без него — после подгрузки фич связанного источника данных.
     useEffect(() => {
@@ -18207,29 +18230,14 @@ const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, })
         : clientStyle, [clientStyle, getLayerTempStyle, layer.name]);
     const idAttribute = layerConfiguration?.attributesConfiguration?.idAttribute;
     const tiles = useMemo(() => [tileUrl], [tileUrl]);
-    // Собираем конфигурации иконок для загрузки из clientStyle
     const iconConfigs = useMemo(() => {
         if (!currentStyle?.items) {
             return [];
         }
-        const iconNames = parseIconNamesFromClientStyle(currentStyle);
-        if (iconNames.length === 0) {
-            return [];
-        }
-        return iconNames.map(name => {
-            const customIcon = currentStyle.icons?.find((icon) => icon.name === name);
-            if (customIcon) {
-                return {
-                    name: customIcon.name,
-                    url: customIcon.url,
-                    sdf: customIcon.sdf,
-                    size: customIcon.size,
-                    pixelRatio: customIcon.pixelRatio,
-                };
-            }
-            // Fallback - иконка не найдена в конфиге, пропускаем
-            return null;
-        }).filter((config) => config !== null);
+        return parseIconNamesFromClientStyle(currentStyle).reduce((acc, curr) => {
+            const icon = currentStyle.icons?.find((icon) => icon.name === curr);
+            return icon ? [...acc, icon] : acc;
+        }, []);
     }, [currentStyle]);
     useMapImages({ images: iconConfigs });
     const renderClientStyle = useCallback(() => {