@evergis/react 4.0.138 → 4.0.140

package/dist/components/Dashboard/containers/VoteContainer/styled.d.ts

@@ -23,7 +23,8 @@ export declare const VoteVariantHead: import('styled-components').StyledComponen
 export declare const VoteVariantText: import('styled-components').StyledComponent<"span", any, {}, never>;
 export declare const VoteVariantCount: import('styled-components').StyledComponent<"span", any, {}, never>;
 export declare const VoteAcceptedBadge: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps, never>;
-export declare const VoteAuthHint: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** Мелкая серая подпись под контролами: почему нельзя голосовать или почему кнопка неактивна. */
+export declare const VoteHint: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const VoteEditLink: import('styled-components').StyledComponent<"button", any, {}, never>;
 export declare const VoteShareBlock: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps, never>;
 export declare const VoteShareChips: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps, never>;

package/dist/hooks/map/index.d.ts

@@ -1,7 +1,6 @@
 export * from './useMapDraw';
 export * from './useMapContext';
 export * from './useMapImages';
-export * from './useIconsFromLayers';
 export * from './useRedrawLayer';
 export * from './useZoomToFeatures';
 export * from './useZoomToPoint';

package/dist/index.js

@@ -6355,300 +6355,23 @@ const useMapImages = ({ images }) => {
         };
         void loadAllImages();
     }, [mapLoaded, images, map, addImage]);
-    return { loaded, errors, addImage, removeImage, hasImage };
-};
-
-const enrichStyleItemsWithIds = (style) => {
-    return {
-        ...style,
-        items: style.items.map(item => {
-            return {
-                ...item,
-                id: item.id || uuid.v4(),
-            };
-        }),
-    };
-};
-
-const enrichStyleModelsWithIds = (style) => {
-    return {
-        ...style,
-        models: style.models.map(model => {
-            return {
-                ...model,
-                id: model.id || uuid.v4(),
-            };
-        }),
-    };
-};
-
-const findAttributeInExpression = (expression) => {
-    if (Array.isArray(expression) && expression.length === 2 && expression[0] === "get") {
-        return [expression[1]];
-    }
-    return expression.reduce((acc, curr) => {
-        if (!Array.isArray(curr)) {
-            return acc;
-        }
-        if (curr[0] === "get") {
-            return [...new Set([...acc, curr[1]])];
-        }
-        return [...new Set([...acc, ...findAttributeInExpression(curr)])];
-    }, []);
-};
-
-const getActualExtrusionHeight = (paint) => {
-    return Array.isArray(paint?.["fill-extrusion-height"]) && paint?.["fill-extrusion-height"][0] === "+"
-        ? paint?.["fill-extrusion-height"][1]
-        : paint?.["fill-extrusion-height"];
-};
-
-const getLayerClientStyle = (layer) => {
-    const clientStyle = layer?.configuration?.clientStyle;
-    return {
-        ...clientStyle,
-        items: clientStyle?.items ?? [],
-    };
-};
-
-const extractAttributesFromObject = (obj) => {
-    if (!obj || lodash.isEmpty(obj)) {
-        return [];
-    }
-    return Object.entries(obj).reduce((acc, [, value]) => {
-        if (!Array.isArray(value)) {
-            return acc;
+    React.useEffect(() => {
+        if (!mapLoaded) {
+            return;
         }
-        return [...new Set([...acc, ...findAttributeInExpression(value)])];
-    }, []);
-};
-const getStyleAttributes = (style) => {
-    if (!style) {
-        return [];
-    }
-    return style?.items?.reduce((acc, curr) => {
-        const paintAttributes = extractAttributesFromObject(curr.paint);
-        const layoutAttributes = extractAttributesFromObject(curr.layout);
-        const filterAttributes = curr.filter
-            ? findAttributeInExpression(curr.filter)
-            : [];
-        return [...new Set([...acc, ...paintAttributes, ...layoutAttributes, ...filterAttributes])];
-    }, []);
-};
-
-/**
- * Извлекает имена иконок из выражения icon-image.
- *
- * Поддерживает:
- * - Строки: "parking" → ["parking"]
- * - match: ["match", ["get", "type"], "a", "icon-a", "b", "icon-b", "default"] → ["icon-a", "icon-b", "default"]
- * - case: ["case", [...], "icon-a", "icon-b"] → ["icon-a", "icon-b"]
- * - coalesce: ["coalesce", ["image", "icon-a"], ["image", "icon-b"]] → ["icon-a", "icon-b"]
- * - image: ["image", "icon-a"] → ["icon-a"]
- *
- * @param iconImage - значение icon-image из layout
- * @returns массив имён иконок
- */
-const parseIconNames = (iconImage) => {
-    if (!iconImage) {
-        return [];
-    }
-    // Простая строка: "parking"
-    if (typeof iconImage === "string") {
-        return [iconImage];
-    }
-    // Выражение Mapbox
-    if (Array.isArray(iconImage) && iconImage.length > 0) {
-        const [operator, ...args] = iconImage;
-        switch (operator) {
-            // ["match", input, label1, output1, label2, output2, ..., fallback]
-            case "match": {
-                const results = [];
-                // Пропускаем первый аргумент (input), берём каждый второй начиная с индекса 2
-                for (let i = 2; i < args.length; i += 2) {
-                    if (typeof args[i] === "string") {
-                        results.push(args[i]);
-                    }
-                    else if (Array.isArray(args[i])) {
-                        results.push(...parseIconNames(args[i]));
-                    }
-                }
-                // Последний аргумент - fallback (если нечётное количество после input)
-                const lastArg = args[args.length - 1];
-                if (typeof lastArg === "string") {
-                    results.push(lastArg);
-                }
-                else if (Array.isArray(lastArg)) {
-                    results.push(...parseIconNames(lastArg));
-                }
-                return [...new Set(results)];
-            }
-            // ["case", condition1, output1, condition2, output2, ..., fallback]
-            case "case": {
-                const results = [];
-                for (let i = 1; i < args.length; i += 2) {
-                    if (typeof args[i] === "string") {
-                        results.push(args[i]);
-                    }
-                    else if (Array.isArray(args[i])) {
-                        results.push(...parseIconNames(args[i]));
-                    }
+        map.current.on("styleimagemissing", async (e) => {
+            const missingImage = images.find(item => item.name === e.id);
+            if (missingImage && !map.current.hasImage(e.id)) {
+                try {
+                    await addImage(missingImage);
                 }
-                // Fallback
-                if (args.length % 2 === 0) {
-                    const lastArg = args[args.length - 1];
-                    if (typeof lastArg === "string") {
-                        results.push(lastArg);
-                    }
-                    else if (Array.isArray(lastArg)) {
-                        results.push(...parseIconNames(lastArg));
-                    }
+                catch {
+                    // Ошибка уже записана в errors
                 }
-                return [...new Set(results)];
-            }
-            // ["coalesce", expr1, expr2, ...]
-            case "coalesce": {
-                const results = [];
-                args.forEach(arg => {
-                    if (typeof arg === "string") {
-                        results.push(arg);
-                    }
-                    else if (Array.isArray(arg)) {
-                        results.push(...parseIconNames(arg));
-                    }
-                });
-                return [...new Set(results)];
-            }
-            // ["image", name] или ["image", name1, name2, ...]
-            case "image": {
-                return args.filter((arg) => typeof arg === "string");
-            }
-            // ["concat", ...] или другие - рекурсивно ищем строки
-            default: {
-                const results = [];
-                args.forEach(arg => {
-                    if (Array.isArray(arg)) {
-                        results.push(...parseIconNames(arg));
-                    }
-                });
-                return [...new Set(results)];
-            }
-        }
-    }
-    return [];
-};
-/**
- * Свойства, содержащие имена изображений (иконки и паттерны).
- */
-const IMAGE_PROPERTIES = {
-    layout: ["icon-image"],
-    paint: ["fill-pattern", "line-pattern", "fill-extrusion-pattern"],
-};
-/**
- * Извлекает все имена изображений из clientStyle.
- * Включает иконки (icon-image) и паттерны (fill-pattern, line-pattern, fill-extrusion-pattern).
- *
- * @param clientStyle - конфигурация стиля слоя
- * @returns массив уникальных имён изображений
- */
-const parseIconNamesFromClientStyle = (clientStyle) => {
-    if (!clientStyle?.items) {
-        return [];
-    }
-    const imageNames = new Set();
-    clientStyle.items.forEach(item => {
-        // Парсим icon-image из layout
-        IMAGE_PROPERTIES.layout.forEach(prop => {
-            const value = item.layout?.[prop];
-            if (value) {
-                parseIconNames(value).forEach(name => imageNames.add(name));
-            }
-        });
-        // Парсим fill-pattern, line-pattern, fill-extrusion-pattern из paint
-        IMAGE_PROPERTIES.paint.forEach(prop => {
-            const value = item.paint?.[prop];
-            if (value) {
-                parseIconNames(value).forEach(name => imageNames.add(name));
-            }
-        });
-    });
-    return [...imageNames];
-};
-
-/**
- * Находит конфигурацию иконки в clientStyle.icons по имени.
- */
-const findIconConfig = (layers, iconName) => {
-    for (const layer of layers) {
-        const icon = layer.clientStyle?.icons?.find(i => i.name === iconName);
-        if (icon) {
-            return icon;
-        }
-    }
-    return undefined;
-};
-/**
- * Хук для автоматической загрузки иконок из clientStyle слоёв.
- *
- * Парсит все icon-image выражения из clientStyle.items и загружает
- * соответствующие иконки из clientStyle.icons или по конвенции baseUrl.
- *
- * @example
- * ```tsx
- * const layers = [
- *   {
- *     layerId: 'parking',
- *     clientStyle: {
- *       icons: [
- *         { name: 'parking-icon', url: '/icons/parking.svg', sdf: true }
- *       ],
- *       items: [{
- *         type: 'symbol',
- *         layout: { 'icon-image': 'parking-icon' }
- *       }]
- *     }
- *   }
- * ];
- *
- * const { loaded, errors } = useIconsFromLayers({ layers });
- *
- * if (!loaded) return <Loading />;
- * ```
- */
-const useIconsFromLayers = ({ layers, baseUrl = "/icons", defaultExtension = "svg", }) => {
-    // Собираем все уникальные имена иконок из всех слоёв
-    const requestedIcons = React.useMemo(() => {
-        const iconNames = new Set();
-        layers.forEach(layer => {
-            const names = parseIconNamesFromClientStyle(layer.clientStyle);
-            names.forEach(name => iconNames.add(name));
-        });
-        return [...iconNames];
-    }, [layers]);
-    // Формируем конфигурации для загрузки
-    const imageConfigs = React.useMemo(() => {
-        return requestedIcons.map(name => {
-            // Ищем в clientStyle.icons
-            const customIcon = findIconConfig(layers, name);
-            if (customIcon) {
-                return {
-                    name: customIcon.name,
-                    url: customIcon.url,
-                    sdf: customIcon.sdf,
-                    size: customIcon.size,
-                    pixelRatio: customIcon.pixelRatio,
-                };
             }
-            // Fallback: конструируем URL по конвенции
-            return {
-                name,
-                url: `${baseUrl}/${name}.${defaultExtension}`,
-                sdf: true,
-            };
         });
-    }, [requestedIcons, layers, baseUrl, defaultExtension]);
-    const { loaded, errors } = useMapImages({ images: imageConfigs });
-    return { loaded, errors, requestedIcons };
+    }, [mapLoaded]);
+    return { loaded, errors, addImage, removeImage, hasImage };
 };
 
 const useRedrawLayer = () => {
@@ -12185,7 +11908,8 @@ const VoteAcceptedBadge = styled(uilibGl.Flex).withConfig({ displayName: "VoteAc
   color: #ffffff;
   font-size: 0.875rem;
 `;
-const VoteAuthHint = styled.div.withConfig({ displayName: "VoteAuthHint", componentId: "sc-l6fdf1" }) `
+/** Мелкая серая подпись под контролами: почему нельзя голосовать или почему кнопка неактивна. */
+const VoteHint = styled.div.withConfig({ displayName: "VoteHint", componentId: "sc-1ortkdd" }) `
   font-size: 0.8125rem;
   color: ${({ theme: { palette } }) => palette.textSecondary};
 `;
@@ -12287,8 +12011,18 @@ const useVoteForm = (initialValues) => {
     const removeVariant = React.useCallback((index) => {
         setVariants(prev => prev.filter((_, itemIndex) => itemIndex !== index));
     }, []);
-    const isValid = React.useMemo(() => Boolean(categoryId && text.trim() && variants.length >= MIN_VARIANTS), [categoryId, text, variants.length]);
-    const values = React.useMemo(() => ({ categoryId, text: text.trim(), multiSelect, variants }), [categoryId, text, multiSelect, variants]);
+    /**
+     * Варианты вместе с недобавленным черновиком.
+     *
+     * Последний вариант часто набирают и жмут «Создать», не нажав Enter: чипсом он ещё не стал, но
+     * пользователь его уже ввёл. Считать такой текст вариантом честнее, чем гасить кнопку и молчать.
+     */
+    const allVariants = React.useMemo(() => {
+        const pending = draft.trim();
+        return pending ? [...variants, { text: pending }] : variants;
+    }, [variants, draft]);
+    const isValid = React.useMemo(() => Boolean(categoryId && text.trim() && allVariants.length >= MIN_VARIANTS), [categoryId, text, allVariants.length]);
+    const values = React.useMemo(() => ({ categoryId, text: text.trim(), multiSelect, variants: allVariants }), [categoryId, text, multiSelect, allVariants]);
     return {
         categoryId,
         setCategoryId,
@@ -12318,7 +12052,10 @@ const VoteCreateForm = ({ categories, initialValues, isEditing, canDelete, submi
                     }
                 } }), jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", justifyContent: "space-between", children: [jsxRuntime.jsx(VoteSectionLabel, { children: t("vote.multiSelect", { ns: VOTE_NS, defaultValue: "Множественный выбор" }) }), jsxRuntime.jsx(uilibGl.Switch, { checked: multiSelect, onChange: () => setMultiSelect(prev => !prev) })] }), jsxRuntime.jsx(uilibGl.RaisedButton, { primary: true, disabled: !isValid || submitting, onClick: () => onSubmit(values), children: isEditing
                     ? t("vote.save", { ns: VOTE_NS, defaultValue: "Сохранить" })
-                    : t("vote.create", { ns: VOTE_NS, defaultValue: "Создать голосование" }) }), isEditing && (jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", justifyContent: "space-between", children: [onCancel && (jsxRuntime.jsx(VoteEditLink, { onClick: onCancel, children: t("vote.cancel", { ns: VOTE_NS, defaultValue: "Отмена" }) })), canDelete && onDelete && (jsxRuntime.jsx(uilibGl.RaisedButton, { error: true, disabled: submitting, onClick: onDelete, children: t("vote.delete", { ns: VOTE_NS, defaultValue: "Удалить голосование" }) }))] }))] }));
+                    : t("vote.create", { ns: VOTE_NS, defaultValue: "Создать голосование" }) }), !isValid && (jsxRuntime.jsx(VoteHint, { children: t("vote.formHint", {
+                    ns: VOTE_NS,
+                    defaultValue: "Нужны категория, вопрос и минимум два варианта ответа",
+                }) })), isEditing && (jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", justifyContent: "space-between", children: [onCancel && (jsxRuntime.jsx(VoteEditLink, { onClick: onCancel, children: t("vote.cancel", { ns: VOTE_NS, defaultValue: "Отмена" }) })), canDelete && onDelete && (jsxRuntime.jsx(uilibGl.RaisedButton, { error: true, disabled: submitting, onClick: onDelete, children: t("vote.delete", { ns: VOTE_NS, defaultValue: "Удалить голосование" }) }))] }))] }));
 };
 
 /** Блок «Поделиться в соцсетях» — пока только вёрстка, без рабочих ссылок. */
@@ -12342,7 +12079,7 @@ const VoteResults = ({ question, category, results, screen, isOwner, hasAnswers,
     }, [question.multiSelect]);
     const canSubmit = React.useMemo(() => selected.length > 0 && !submitting, [selected.length, submitting]);
     return (jsxRuntime.jsxs(VoteWrapper, { children: [category && jsxRuntime.jsx(VoteCategoryLabel, { children: category.name }), jsxRuntime.jsx(VoteQuestionText, { children: question.text }), jsxRuntime.jsx(VoteVariantList, { column: true, value: selected[0] ?? "", children: results.map(({ id, text, count, percent }) => (jsxRuntime.jsxs(VoteVariantRow, { children: [jsxRuntime.jsxs(VoteVariantHead, { children: [showControls &&
-                                    (question.multiSelect ? (jsxRuntime.jsx(uilibGl.Checkbox, { checked: selected.includes(id), onChange: () => toggle(id) })) : (jsxRuntime.jsx(uilibGl.Radio, { value: id, checked: selected.includes(id), onChange: () => toggle(id) }))), jsxRuntime.jsx(VoteVariantText, { children: text }), jsxRuntime.jsx(VoteVariantCount, { children: count })] }), jsxRuntime.jsx(uilibGl.LinearProgress, { done: percent })] }, id))) }), screen === "unauthenticated" && (jsxRuntime.jsx(VoteAuthHint, { children: t("vote.authHint", { ns: VOTE_NS, defaultValue: "Чтобы проголосовать, пожалуйста, авторизуйтесь" }) })), screen === "voted" && (jsxRuntime.jsxs(VoteAcceptedBadge, { children: [jsxRuntime.jsx(uilibGl.Icon, { kind: "success" }), t("vote.accepted", { ns: VOTE_NS, defaultValue: "Ваш ответ принят" })] })), showControls && (jsxRuntime.jsx(uilibGl.RaisedButton, { primary: true, disabled: !canSubmit, onClick: () => onSubmit(selected), children: t("vote.submit", { ns: VOTE_NS, defaultValue: "Отправить ответ" }) })), canEdit && onEdit && (jsxRuntime.jsx(uilibGl.Flex, { children: jsxRuntime.jsx(VoteEditLink, { onClick: onEdit, children: t("vote.edit", { ns: VOTE_NS, defaultValue: "Редактировать" }) }) })), showShare && jsxRuntime.jsx(VoteShare, {})] }));
+                                    (question.multiSelect ? (jsxRuntime.jsx(uilibGl.Checkbox, { checked: selected.includes(id), onChange: () => toggle(id) })) : (jsxRuntime.jsx(uilibGl.Radio, { value: id, checked: selected.includes(id), onChange: () => toggle(id) }))), jsxRuntime.jsx(VoteVariantText, { children: text }), jsxRuntime.jsx(VoteVariantCount, { children: count })] }), jsxRuntime.jsx(uilibGl.LinearProgress, { done: percent })] }, id))) }), screen === "unauthenticated" && (jsxRuntime.jsx(VoteHint, { children: t("vote.authHint", { ns: VOTE_NS, defaultValue: "Чтобы проголосовать, пожалуйста, авторизуйтесь" }) })), screen === "voted" && (jsxRuntime.jsxs(VoteAcceptedBadge, { children: [jsxRuntime.jsx(uilibGl.Icon, { kind: "success" }), t("vote.accepted", { ns: VOTE_NS, defaultValue: "Ваш ответ принят" })] })), showControls && (jsxRuntime.jsx(uilibGl.RaisedButton, { primary: true, disabled: !canSubmit, onClick: () => onSubmit(selected), children: t("vote.submit", { ns: VOTE_NS, defaultValue: "Отправить ответ" }) })), canEdit && onEdit && (jsxRuntime.jsx(uilibGl.Flex, { children: jsxRuntime.jsx(VoteEditLink, { onClick: onEdit, children: t("vote.edit", { ns: VOTE_NS, defaultValue: "Редактировать" }) }) })), showShare && jsxRuntime.jsx(VoteShare, {})] }));
 };
 
 /**
@@ -19021,6 +18758,223 @@ const RasterLayer = ({ layer, tileUrl, visible, beforeId, }) => {
     return (jsxRuntime.jsx(MapGL.Source, { id: layer.name, type: "raster", tiles: tiles, children: jsxRuntime.jsx(MapGL.Layer, { id: layer.name, type: "raster", "source-layer": "default", beforeId: beforeId, layout: { visibility: visible ? "visible" : "none" } }) }, `${layer.name}-${tileUrl}`));
 };
 
+const enrichStyleItemsWithIds = (style) => {
+    return {
+        ...style,
+        items: style.items.map(item => {
+            return {
+                ...item,
+                id: item.id || uuid.v4(),
+            };
+        }),
+    };
+};
+
+const enrichStyleModelsWithIds = (style) => {
+    return {
+        ...style,
+        models: style.models.map(model => {
+            return {
+                ...model,
+                id: model.id || uuid.v4(),
+            };
+        }),
+    };
+};
+
+const findAttributeInExpression = (expression) => {
+    if (Array.isArray(expression) && expression.length === 2 && expression[0] === "get") {
+        return [expression[1]];
+    }
+    return expression.reduce((acc, curr) => {
+        if (!Array.isArray(curr)) {
+            return acc;
+        }
+        if (curr[0] === "get") {
+            return [...new Set([...acc, curr[1]])];
+        }
+        return [...new Set([...acc, ...findAttributeInExpression(curr)])];
+    }, []);
+};
+
+const getActualExtrusionHeight = (paint) => {
+    return Array.isArray(paint?.["fill-extrusion-height"]) && paint?.["fill-extrusion-height"][0] === "+"
+        ? paint?.["fill-extrusion-height"][1]
+        : paint?.["fill-extrusion-height"];
+};
+
+const getLayerClientStyle = (layer) => {
+    const clientStyle = layer?.configuration?.clientStyle;
+    return {
+        ...clientStyle,
+        items: clientStyle?.items ?? [],
+    };
+};
+
+const extractAttributesFromObject = (obj) => {
+    if (!obj || lodash.isEmpty(obj)) {
+        return [];
+    }
+    return Object.entries(obj).reduce((acc, [, value]) => {
+        if (!Array.isArray(value)) {
+            return acc;
+        }
+        return [...new Set([...acc, ...findAttributeInExpression(value)])];
+    }, []);
+};
+const getStyleAttributes = (style) => {
+    if (!style) {
+        return [];
+    }
+    return style?.items?.reduce((acc, curr) => {
+        const paintAttributes = extractAttributesFromObject(curr.paint);
+        const layoutAttributes = extractAttributesFromObject(curr.layout);
+        const filterAttributes = curr.filter
+            ? findAttributeInExpression(curr.filter)
+            : [];
+        return [...new Set([...acc, ...paintAttributes, ...layoutAttributes, ...filterAttributes])];
+    }, []);
+};
+
+/**
+ * Извлекает имена иконок из выражения icon-image.
+ *
+ * Поддерживает:
+ * - Строки: "parking" → ["parking"]
+ * - match: ["match", ["get", "type"], "a", "icon-a", "b", "icon-b", "default"] → ["icon-a", "icon-b", "default"]
+ * - case: ["case", [...], "icon-a", "icon-b"] → ["icon-a", "icon-b"]
+ * - coalesce: ["coalesce", ["image", "icon-a"], ["image", "icon-b"]] → ["icon-a", "icon-b"]
+ * - image: ["image", "icon-a"] → ["icon-a"]
+ *
+ * @param iconImage - значение icon-image из layout
+ * @returns массив имён иконок
+ */
+const parseIconNames = (iconImage) => {
+    if (!iconImage) {
+        return [];
+    }
+    // Простая строка: "parking"
+    if (typeof iconImage === "string") {
+        return [iconImage];
+    }
+    // Выражение Mapbox
+    if (Array.isArray(iconImage) && iconImage.length > 0) {
+        const [operator, ...args] = iconImage;
+        switch (operator) {
+            // ["match", input, label1, output1, label2, output2, ..., fallback]
+            case "match": {
+                const results = [];
+                // Пропускаем первый аргумент (input), берём каждый второй начиная с индекса 2
+                for (let i = 2; i < args.length; i += 2) {
+                    if (typeof args[i] === "string") {
+                        results.push(args[i]);
+                    }
+                    else if (Array.isArray(args[i])) {
+                        results.push(...parseIconNames(args[i]));
+                    }
+                }
+                // Последний аргумент - fallback (если нечётное количество после input)
+                const lastArg = args[args.length - 1];
+                if (typeof lastArg === "string") {
+                    results.push(lastArg);
+                }
+                else if (Array.isArray(lastArg)) {
+                    results.push(...parseIconNames(lastArg));
+                }
+                return [...new Set(results)];
+            }
+            // ["case", condition1, output1, condition2, output2, ..., fallback]
+            case "case": {
+                const results = [];
+                for (let i = 1; i < args.length; i += 2) {
+                    if (typeof args[i] === "string") {
+                        results.push(args[i]);
+                    }
+                    else if (Array.isArray(args[i])) {
+                        results.push(...parseIconNames(args[i]));
+                    }
+                }
+                // Fallback
+                if (args.length % 2 === 0) {
+                    const lastArg = args[args.length - 1];
+                    if (typeof lastArg === "string") {
+                        results.push(lastArg);
+                    }
+                    else if (Array.isArray(lastArg)) {
+                        results.push(...parseIconNames(lastArg));
+                    }
+                }
+                return [...new Set(results)];
+            }
+            // ["coalesce", expr1, expr2, ...]
+            case "coalesce": {
+                const results = [];
+                args.forEach(arg => {
+                    if (typeof arg === "string") {
+                        results.push(arg);
+                    }
+                    else if (Array.isArray(arg)) {
+                        results.push(...parseIconNames(arg));
+                    }
+                });
+                return [...new Set(results)];
+            }
+            // ["image", name] или ["image", name1, name2, ...]
+            case "image": {
+                return args.filter((arg) => typeof arg === "string");
+            }
+            // ["concat", ...] или другие - рекурсивно ищем строки
+            default: {
+                const results = [];
+                args.forEach(arg => {
+                    if (Array.isArray(arg)) {
+                        results.push(...parseIconNames(arg));
+                    }
+                });
+                return [...new Set(results)];
+            }
+        }
+    }
+    return [];
+};
+/**
+ * Свойства, содержащие имена изображений (иконки и паттерны).
+ */
+const IMAGE_PROPERTIES = {
+    layout: ["icon-image"],
+    paint: ["fill-pattern", "line-pattern", "fill-extrusion-pattern"],
+};
+/**
+ * Извлекает все имена изображений из clientStyle.
+ * Включает иконки (icon-image) и паттерны (fill-pattern, line-pattern, fill-extrusion-pattern).
+ *
+ * @param clientStyle - конфигурация стиля слоя
+ * @returns массив уникальных имён изображений
+ */
+const parseIconNamesFromClientStyle = (clientStyle) => {
+    if (!clientStyle?.items) {
+        return [];
+    }
+    const imageNames = new Set();
+    clientStyle.items.forEach(item => {
+        // Парсим icon-image из layout
+        IMAGE_PROPERTIES.layout.forEach(prop => {
+            const value = item.layout?.[prop];
+            if (value) {
+                parseIconNames(value).forEach(name => imageNames.add(name));
+            }
+        });
+        // Парсим fill-pattern, line-pattern, fill-extrusion-pattern из paint
+        IMAGE_PROPERTIES.paint.forEach(prop => {
+            const value = item.paint?.[prop];
+            if (value) {
+                parseIconNames(value).forEach(name => imageNames.add(name));
+            }
+        });
+    });
+    return [...imageNames];
+};
+
 const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, }) => {
     const layerConfiguration = layer?.configuration;
     const clientStyle = layerConfiguration?.clientStyle;
@@ -19680,7 +19634,6 @@ exports.useGetConfigLayer = useGetConfigLayer;
 exports.useGlobalContext = useGlobalContext;
 exports.useHeaderRender = useHeaderRender;
 exports.useHideIfEmptyDataSource = useHideIfEmptyDataSource;
-exports.useIconsFromLayers = useIconsFromLayers;
 exports.useLayerHiddenAttributes = useLayerHiddenAttributes;
 exports.useLayerParams = useLayerParams;
 exports.useMapContext = useMapContext;