@evergis/react 4.0.79 → 4.0.81

package/dist/react.esm.js

@@ -4517,6 +4517,56 @@ const addDataSources = (dashboardConfiguration, pageIndex, layerNames) => {
     return newConfig.children;
 };
 
+const isEmptyValue = (value) => value === "" || value === null || value === undefined;
+
+const checkIsDateFormat = (value) => value.startsWith("#'") && value.endsWith("'");
+const checkIfNeedQuotes = (value, attributeType) => {
+    return attributeType
+        ? !NUMERIC_ATTRIBUTE_TYPES.includes(attributeType)
+        : typeof value === "number"
+            ? false
+            : typeof value === "string" && !isNumeric(value) && !checkIsDateFormat(value);
+};
+const formatConditionValue = ({ value, attributeType, defaultValue, checkQuotes = true, isSetParams = false, }) => {
+    if (isEmptyValue(value))
+        return "";
+    const formattedValue = Array.isArray(defaultValue) && !Array.isArray(value) ? [value] : value;
+    const isArray = Array.isArray(formattedValue);
+    let stringValue = formattedValue.toString();
+    if (isArray) {
+        return formattedValue.length && !formattedValue.every(item => !item)
+            ? `[${formattedValue
+                .map(item => (checkQuotes && checkIfNeedQuotes(item, attributeType) ? `'${item}'` : item))
+                .join(",")}]`
+            : "";
+    }
+    if (isSetParams && checkIsDateFormat(stringValue)) {
+        stringValue = stringValue.slice(2, -1);
+    }
+    return checkQuotes && checkIfNeedQuotes(stringValue, attributeType) ? `'${stringValue}'` : stringValue;
+};
+
+/**
+ * Объектное значение иерархического фильтра "tree" («уровень → массив id»),
+ * в отличие от скалярных/массивных значений остальных фильтров.
+ */
+const isTreeFilterValue = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date);
+/**
+ * Подставляет плейсхолдеры уровней `%name.l{N}` значениями id соответствующего уровня
+ * (формат `[id1,id2,...]` для оператора IN). Уровни, отсутствующие в значении (или пустые),
+ * не подставляются — плейсхолдер остаётся нетронутым, как и любой пустой `%`-плейсхолдер.
+ */
+const applyTreeFilterToCondition = (condition, name, value, isSingle) => {
+    const filterName = `${FILTER_PREFIX}${name}`;
+    return Object.keys(value).reduce((result, level) => {
+        const formatted = formatConditionValue({ value: value[level], checkQuotes: !isSingle });
+        if (!formatted) {
+            return result;
+        }
+        return result.replace(new RegExp(`${filterName}\\.${level}\\b`, "g"), formatted);
+    }, condition);
+};
+
 const getConfigFilter = (filterName, configFilters) => configFilters?.find(({ name }) => name === filterName);
 
 const getDataSource = (dataSourceName, dataSources) => dataSources?.find(({ name }) => name === dataSourceName);
@@ -4602,6 +4652,14 @@ const applyQueryFilters = ({ parameters: configParameters, filters: configFilter
             };
         }
         if (configParameters[key].includes(".")) {
+            const selectedValue = selectedFilters?.[filterName]?.value;
+            if (isTreeFilterValue(selectedValue)) {
+                const levelValue = filterProp ? selectedValue[filterProp] : undefined;
+                if (isNil(levelValue) || !levelValue.length) {
+                    return result;
+                }
+                return { ...result, [key]: levelValue };
+            }
             return {
                 ...result,
                 [key]: getDataSourceFilterValue({
@@ -4675,56 +4733,6 @@ const createConfigPage = (props) => {
     };
 };
 
-const isEmptyValue = (value) => value === "" || value === null || value === undefined;
-
-const checkIsDateFormat = (value) => value.startsWith("#'") && value.endsWith("'");
-const checkIfNeedQuotes = (value, attributeType) => {
-    return attributeType
-        ? !NUMERIC_ATTRIBUTE_TYPES.includes(attributeType)
-        : typeof value === "number"
-            ? false
-            : typeof value === "string" && !isNumeric(value) && !checkIsDateFormat(value);
-};
-const formatConditionValue = ({ value, attributeType, defaultValue, checkQuotes = true, isSetParams = false, }) => {
-    if (isEmptyValue(value))
-        return "";
-    const formattedValue = Array.isArray(defaultValue) && !Array.isArray(value) ? [value] : value;
-    const isArray = Array.isArray(formattedValue);
-    let stringValue = formattedValue.toString();
-    if (isArray) {
-        return formattedValue.length && !formattedValue.every(item => !item)
-            ? `[${formattedValue
-                .map(item => (checkQuotes && checkIfNeedQuotes(item, attributeType) ? `'${item}'` : item))
-                .join(",")}]`
-            : "";
-    }
-    if (isSetParams && checkIsDateFormat(stringValue)) {
-        stringValue = stringValue.slice(2, -1);
-    }
-    return checkQuotes && checkIfNeedQuotes(stringValue, attributeType) ? `'${stringValue}'` : stringValue;
-};
-
-/**
- * Объектное значение иерархического фильтра "tree" («уровень → массив id»),
- * в отличие от скалярных/массивных значений остальных фильтров.
- */
-const isTreeFilterValue = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date);
-/**
- * Подставляет плейсхолдеры уровней `%name.l{N}` значениями id соответствующего уровня
- * (формат `[id1,id2,...]` для оператора IN). Уровни, отсутствующие в значении (или пустые),
- * не подставляются — плейсхолдер остаётся нетронутым, как и любой пустой `%`-плейсхолдер.
- */
-const applyTreeFilterToCondition = (condition, name, value, isSingle) => {
-    const filterName = `${FILTER_PREFIX}${name}`;
-    return Object.keys(value).reduce((result, level) => {
-        const formatted = formatConditionValue({ value: value[level], checkQuotes: !isSingle });
-        if (!formatted) {
-            return result;
-        }
-        return result.replace(new RegExp(`${filterName}\\.${level}\\b`, "g"), formatted);
-    }, condition);
-};
-
 const getAttributesConfiguration = (layer) => {
     const layerAttributeConfiguration = layer?.configuration?.attributesConfiguration ?? {};
     const { geometryAttribute, idAttribute } = layerAttributeConfiguration;
@@ -5183,6 +5191,7 @@ const loadSvgAsImage = (url, size, pixelRatio) => {
  * ```
  */
 const useMapImages = ({ images }) => {
+    const { api } = useGlobalContext();
     const { map, loaded: mapLoaded } = useMapContext();
     const [loaded, setLoaded] = useState(false);
     const [errors, setErrors] = useState({});
@@ -5210,6 +5219,22 @@ const useMapImages = ({ images }) => {
         const size = config.size ?? 64;
         const pixelRatio = config.pixelRatio ?? 1;
         const sdf = config.sdf ?? false;
+        // Картинка из каталога
+        if (!config.url.startsWith("data:image") && !config.url.startsWith("http")) {
+            try {
+                const { data } = await loadSvgAsImage(URL.createObjectURL(await api.catalog.getFile(config.url)), size, pixelRatio);
+                map.current.addImage(config.name, data, {
+                    sdf,
+                    pixelRatio,
+                });
+                loadedImagesRef.current.add(config.name);
+            }
+            catch (error) {
+                const message = error instanceof Error ? error.message : "Unknown error";
+                setErrors(prev => ({ ...prev, [config.name]: message }));
+                throw error;
+            }
+        }
         if (isSvgUrl(config.url)) {
             // SVG: растеризуем через canvas
             try {