@evergis/react 4.0.134 → 4.0.136

package/dist/index.js

@@ -6351,6 +6351,7 @@ const useMapImages = ({ images }) => {
     const [loaded, setLoaded] = React.useState(false);
     const [errors, setErrors] = React.useState({});
     const loadedImagesRef = React.useRef(new Set());
+    const previouslyLoadedImages = React.useRef([]);
     const hasImage = React.useCallback((name) => {
         if (!map?.current) {
             return false;
@@ -6358,8 +6359,9 @@ const useMapImages = ({ images }) => {
         return map.current.hasImage(name);
     }, [map]);
     const removeImage = React.useCallback((name) => {
-        if (!map?.current)
+        if (!map?.current) {
             return;
+        }
         if (map.current.hasImage(name)) {
             map.current.removeImage(name);
             loadedImagesRef.current.delete(name);
@@ -6370,7 +6372,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;
@@ -6431,9 +6433,15 @@ const useMapImages = ({ images }) => {
             setLoaded(true);
             return;
         }
+        if (lodash.isEqual(images, previouslyLoadedImages.current)) {
+            return;
+        }
         const loadAllImages = async () => {
             setLoaded(false);
             const loadPromises = images.map(async (config) => {
+                if (lodash.isEqual(config, previouslyLoadedImages.current.find(item => item.name === config.name))) {
+                    return;
+                }
                 try {
                     await addImage(config);
                 }
@@ -6443,9 +6451,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 };
 };
 
@@ -16421,15 +16430,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] = React.useState(() => [getDate(filters[filterName]?.min)?.toISOString(), getDate(filters[filterName]?.max)?.toISOString()]);
+    const [value, setValue] = React.useState([undefined, undefined]);
     const isInit = React.useRef(false);
-    // Ref фиксирует только первое значение выражения: если на момент монтирования выбор уже лежит
-    // в сторе, дефолт считается применённым — перемонтирование не должно его затирать.
-    const isDefaultApplied = React.useRef(!lodash.isNil(value[0]) || !lodash.isNil(value[1]));
+    const isDefaultApplied = React.useRef(false);
+    const isRestored = React.useRef(false);
     const configFilter = React.useMemo(() => getConfigFilter(filterName, configFilters), [configFilters, filterName]);
     const dataSource = React.useMemo(() => getDataSource(configFilter?.relatedDataSource, dataSources), [configFilter?.relatedDataSource, dataSources]);
     const { minFromData, maxFromData } = React.useMemo(() => dataSource?.features?.reduce((prev, { properties }) => {
@@ -16464,6 +16468,25 @@ const RangeDateFilter = ({ type, filter }) => {
     const onChange = React.useCallback((newValue) => {
         setValue([newValue[0].toISOString(), newValue[1].toISOString()]);
     }, []);
+    // Значение фильтра живёт в общем сторе, локальный стейт — лишь его копия, поэтому при
+    // монтировании поднимаем выбор оттуда: контейнер фильтров размонтируется на время перезапроса
+    // источников (их стор сбрасывается целиком, например, на смену геометрической выборки), и без
+    // восстановления выбранный диапазон терялся бы, а следом его затирал дефолт.
+    // Восстанавливаем эффектом, а не начальным стейтом: `RangeNumberInput` на монтировании затирает
+    // своё внутреннее значение границами календаря и подхватывает диапазон только по изменению
+    // пропа `value`.
+    React.useEffect(() => {
+        if (isRestored.current)
+            return;
+        isRestored.current = true;
+        const from = getDate(filters[filterName]?.min)?.toISOString();
+        const to = getDate(filters[filterName]?.max)?.toISOString();
+        if (lodash.isNil(from) && lodash.isNil(to))
+            return;
+        // Выбор уже сделан — дефолт применять нельзя, иначе перемонтирование затирало бы его.
+        isDefaultApplied.current = true;
+        setValue([from, to]);
+    }, [filterName, filters]);
     // Дефолт применяем однократно — как только обе границы диапазона известны. С `defaultValue`
     // это происходит сразу, без него — после подгрузки фич связанного источника данных.
     React.useEffect(() => {
@@ -18209,29 +18232,14 @@ const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, })
         : clientStyle, [clientStyle, getLayerTempStyle, layer.name]);
     const idAttribute = layerConfiguration?.attributesConfiguration?.idAttribute;
     const tiles = React.useMemo(() => [tileUrl], [tileUrl]);
-    // Собираем конфигурации иконок для загрузки из clientStyle
     const iconConfigs = React.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 = React.useCallback(() => {