@evergis/react 3.1.124 → 3.1.126-alpha.0

package/dist/react.esm.js

@@ -3,7 +3,7 @@ import { IconButton, Flex, transition, Chip, Icon, Description, FlexSpan, IconTo
 import { createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, Fragment } from 'react';
 import styled, { createGlobalStyle, css, useTheme } from 'styled-components';
 import { lineChartClassNames, BarChart as BarChart$1, barChartClassNames, LineChart, PieChart } from '@evergis/charts';
-import { AttributeType, generateId, STORAGE_TOKEN_KEY, GeometryType, RemoteTaskStatus } from '@evergis/api';
+import { AttributeType, generateId, STORAGE_TOKEN_KEY, OgcGeometryType, RemoteTaskStatus } from '@evergis/api';
 import Gradient from 'javascript-color-gradient';
 import { Color as Color$1 } from '@evergis/color';
 import { isValid, format, parseJSON, parseISO, toDate } from 'date-fns';
@@ -15,7 +15,7 @@ import { changeProps, returnFound } from 'find-and';
 import { jsPDF } from 'jspdf';
 import html2canvas from 'html2canvas';
 import MapboxDraw from '@mapbox/mapbox-gl-draw';
-import { geometryCollection, multiPolygon, polygon, multiLineString, multiPoint, point as point$1, bbox } from '@turf/turf';
+import { bbox } from '@turf/turf';
 import MapGL, { Source, Layer as Layer$1 } from 'react-map-gl/maplibre';
 import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
 import 'mapbox-gl/dist/mapbox-gl.css';
@@ -4262,11 +4262,11 @@ const getDataSource = (dataSourceName, dataSources) => dataSources?.find(({ name
 const getDataSourceFilterValue = ({ filterName, filterProp, attributeAlias, dataSource, selectedFilters, }) => {
     if (isNil(selectedFilters[filterName]))
         return null;
-    const feature = dataSource?.features?.find(({ attributes }) => attributes[attributeAlias] ===
+    const feature = dataSource?.features?.find(({ properties }) => properties[attributeAlias] ===
         (Array.isArray(selectedFilters[filterName].value)
             ? selectedFilters[filterName].value[0]
             : selectedFilters[filterName].value));
-    return feature?.attributes?.[filterProp];
+    return feature?.properties?.[filterProp];
 };
 
 const getSelectedFilterValue = (filterName, selectedFilters, defaultValue) => {
@@ -4384,9 +4384,12 @@ const createConfigPage = (props) => {
 };
 
 const getAttributesConfiguration = (layer) => {
-    const configuration = layer?.configuration ?? {};
+    const configuration = layer?.configuration ??
+        {};
     const emptyAttributesConfiguration = {
-        geometryAttribute: layer?.geometryType === GeometryType.Unknown ? undefined : GEOMETRY_ATTRIBUTE,
+        geometryAttribute: layer?.geometryType === OgcGeometryType.Unknown
+            ? undefined
+            : GEOMETRY_ATTRIBUTE,
         idAttribute: DEFAULT_ID_ATTRIBUTE_NAME,
         tableName: "",
     };
@@ -4395,7 +4398,8 @@ const getAttributesConfiguration = (layer) => {
     }
     return {
         ...emptyAttributesConfiguration,
-        ...(configuration.attributesConfiguration || {}),
+        ...(configuration
+            .attributesConfiguration || {}),
     };
 };
 
@@ -4405,7 +4409,7 @@ const getLayerDefinition = (layer) => {
         attributes: {},
         geometryAttribute,
         idAttribute,
-        geometryType: GeometryType.Unknown,
+        geometryType: OgcGeometryType.Unknown,
         titleAttribute: "",
     };
     if (!isLayerService(layer) || !("layerDefinition" in layer)) {
@@ -5183,73 +5187,6 @@ const useRedrawLayer = () => {
     }, [map]);
 };
 
-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 extractAttributesFromObject = (obj) => {
-    if (!obj || isEmpty(obj)) {
-        return [];
-    }
-    return Object.entries(obj).reduce((acc, [, value]) => {
-        if (!Array.isArray(value)) {
-            return acc;
-        }
-        return [...new Set([...acc, ...findAttributeInExpression(value)])];
-    }, []);
-};
-const parseClientStyle = (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])];
-    }, []);
-};
-
-const convertSpToTurfFeature = (geometry) => {
-    if (!geometry) {
-        return;
-    }
-    switch (geometry.type) {
-        case GeometryType.Point:
-            return point$1(geometry.coordinates);
-        case GeometryType.Multipoint:
-            return multiPoint(geometry.coordinates);
-        case GeometryType.Polyline:
-            return multiLineString(geometry.coordinates);
-        case GeometryType.Polygon:
-        case GeometryType.Envelope:
-            return polygon(geometry.coordinates);
-        case GeometryType.MultiPolygon:
-            return multiPolygon(geometry.coordinates);
-        case GeometryType.GeometryCollection:
-            return geometryCollection(geometry.geometries);
-    }
-};
-
 const useZoomToFeatures = () => {
     const { map } = useMapContext();
     return useCallback((features, padding) => {
@@ -5258,7 +5195,7 @@ const useZoomToFeatures = () => {
         }
         const currentFeatureCenter = bbox({
             type: "FeatureCollection",
-            features: features.map(feature => convertSpToTurfFeature(feature.geometry)),
+            features: features,
         });
         map.current.fitBounds(currentFeatureCenter, { padding: padding ?? 150 });
     }, [map]);
@@ -5916,9 +5853,9 @@ function getValueIndex(items, attributes) {
 const getChartMarkers = (items, markers, dataSources) => {
     if (typeof markers === "string") {
         const dataSource = getDataSource(markers, dataSources);
-        return dataSource?.features?.map(({ attributes }) => ({
-            ...attributes,
-            value: getValueIndex(items, attributes),
+        return dataSource?.features?.map(({ properties }) => ({
+            ...properties,
+            value: getValueIndex(items, properties),
         })) || [];
     }
     return (markers?.map(marker => ({
@@ -6085,8 +6022,8 @@ const useRenderContainerItem = (type, renderElement) => {
     return useCallback((elementConfig, attribute) => {
         const { id, options, style, children } = elementConfig || {};
         const { hideEmpty, innerTemplateStyle } = options || {};
-        const hasUnits = children?.some(({ id }) => id === "units");
-        const iconIndex = children?.findIndex(({ id }) => id === "icon");
+        const hasUnits = children?.some(item => item.id === "units");
+        const iconIndex = children?.findIndex(item => item.id === "icon");
         const icon = children?.[iconIndex];
         const hasIcon = !!icon;
         const elementChildren = elementConfig?.children?.map(child => ({
@@ -6355,19 +6292,19 @@ const DataSourceProgressContainer = memo(({ config, elementConfig, type, innerCo
     const totalUnits = useMemo(() => unitsElement?.type === "attributeUnits"
         ? attributes?.find(({ attributeName }) => attributeName === unitsElement.attributeName)?.stringFormat
             ?.unitsLabel
-        : dataSource?.features?.[0]?.attributes[unitsElement?.attributeName], [attributes, dataSource?.features, unitsElement?.attributeName, unitsElement?.type]);
+        : dataSource?.features?.[0]?.properties[unitsElement?.attributeName], [attributes, dataSource?.features, unitsElement?.attributeName, unitsElement?.type]);
     const totalValue = useMemo(() => {
         const attribute = attributes?.find(({ attributeName }) => attributeName === valueElement?.attributeName);
         const { type: attributeType, stringFormat } = attribute || {};
-        const result = dataSource?.features?.reduce((total, feature) => total + feature.attributes[valueElement?.attributeName], 0);
+        const result = dataSource?.features?.reduce((total, feature) => total + feature.properties[valueElement?.attributeName], 0);
         return formatAttributeValue({ t, type: attributeType, value: result, stringFormat, noUnits: !!unitsElement?.type });
     }, [attributes, dataSource?.features, unitsElement?.type, valueElement?.attributeName]);
     const currentMaxValue = useMemo(() => {
         if (typeof maxValue === "string") {
-            return dataSource?.features?.[0]?.attributes[maxValue];
+            return dataSource?.features?.[0]?.properties[maxValue];
         }
         return (maxValue ||
-            dataSource?.features?.reduce((result, item) => Math.max(result, item.attributes[valueElement?.attributeName]), 0));
+            dataSource?.features?.reduce((result, item) => Math.max(result, item.properties[valueElement?.attributeName]), 0));
     }, [dataSource?.features, maxValue, valueElement?.attributeName]);
     if (!relatedDataSource)
         return null;
@@ -7389,24 +7326,28 @@ const EditContainer = ({ type, elementConfig, renderElement }) => {
 const getControlTemplateName = (type) => {
     switch (type) {
         case "dropdown":
-        default: return ContainerTemplate.EditDropdown;
+        default:
+            return ContainerTemplate.EditDropdown;
     }
 };
 
 const EditGroupContainer = memo(({ type, elementConfig, renderElement }) => {
     const { config, attributes, layerInfo, expandedContainers } = useWidgetContext(type);
     const getRenderContainerItem = useRenderContainerItem(type, renderElement);
-    const { id, options } = elementConfig || {};
-    const { editAttributes } = options || {};
+    const { options } = elementConfig || {};
+    const { controls } = options || {};
     const renderContainer = useCallback((attribute) => {
-        const editAttribute = editAttributes?.find(({ name }) => name === attribute);
+        const control = controls?.find(({ targetAttributeName }) => targetAttributeName === attribute);
         const itemAttribute = attributes.find(({ name }) => name === attribute);
-        const templateName = editAttribute?.type
-            ? getControlTemplateName(editAttribute.type)
+        const templateName = control?.type
+            ? getControlTemplateName(control.type)
             : getTemplateNameFromAttribute(itemAttribute);
         const itemConfig = {
             ...elementConfig,
-            children: elementConfig.children.map(child => ({ ...child, attributeName: attribute })),
+            children: elementConfig.children.map(child => ({
+                ...child,
+                attributeName: attribute,
+            })),
             templateName,
         };
         const { expandable, expanded } = elementConfig.options;
@@ -7416,72 +7357,84 @@ const EditGroupContainer = memo(({ type, elementConfig, renderElement }) => {
             return null;
         }
         return (jsx(ContainerTemplateValue, { id: attribute, type: type, config: config, elementConfig: itemConfig, layerInfo: layerInfo, attributes: attributes, innerComponent: getContainerComponent(templateName), isVisible: isVisibleContainer(id, expandable, expanded, expandedContainers), renderElement: render }, attribute));
-    }, [id, attributes, elementConfig, expandedContainers, editAttributes]);
-    return editAttributes?.length ? (jsx(Fragment$1, { children: editAttributes.map(attribute => renderContainer(attribute.name)) })) : (renderContainer());
+    }, [
+        controls,
+        attributes,
+        elementConfig,
+        getRenderContainerItem,
+        type,
+        config,
+        layerInfo,
+        expandedContainers,
+    ]);
+    return controls?.length ? (jsx(Fragment$1, { children: controls.map(({ targetAttributeName }) => renderContainer(targetAttributeName)) })) : (renderContainer());
 });
 
-const useEditAttribute = (type, elementConfig) => {
+const useEditControl = (type, elementConfig) => {
     const { attributes, controls, dataSources } = useWidgetContext(type);
     const { children, options } = elementConfig || {};
-    const { editAttributes } = options || {};
-    const attributeName = useMemo(() => {
-        const valueElement = children.find(({ id }) => id === "value");
-        return valueElement?.attributeName;
-    }, [children]);
-    const editAttribute = useMemo(() => editAttributes?.find(({ name }) => name === attributeName), [editAttributes, attributeName]);
-    const attributeValue = useMemo(() => {
-        const value = controls[attributeName] === undefined
-            ? attributes.find(({ name }) => name === attributeName)?.value
-            : controls[attributeName];
-        return value ?? editAttribute.defaultValue;
-    }, [controls, attributeName, attributes, editAttribute.defaultValue]);
-    const dataSource = useMemo(() => dataSources?.find(({ name }) => name === editAttribute.relatedDataSource), [editAttributes, attributeName, dataSources]);
-    return useMemo(() => ({ editAttribute, attributeValue, dataSource }), [editAttribute, attributeValue, dataSource]);
+    const { controls: controlsOption } = options || {};
+    const valueElement = useMemo(() => children.find(({ id }) => id === "value"), [children]);
+    const control = useMemo(() => controlsOption?.find(item => item.targetAttributeName === valueElement.attributeName), [controlsOption, valueElement.attributeName]);
+    const value = useMemo(() => {
+        const currentValue = controls[control?.targetAttributeName] === undefined
+            ? attributes.find(({ name }) => name === control.targetAttributeName)
+                ?.value
+            : controls[control?.targetAttributeName];
+        return currentValue ?? control?.defaultValue;
+    }, [
+        controls,
+        control.targetAttributeName,
+        control?.defaultValue,
+        attributes,
+    ]);
+    const dataSource = useMemo(() => dataSources?.find(({ name }) => name === control.relatedDataSource), [control.relatedDataSource, dataSources]);
+    return useMemo(() => ({ control, value, dataSource }), [control, value, dataSource]);
 };
 
 const BASE_STYLE$2 = {
     marginBottom: "1rem",
 };
-const EditBooleanContainer = ({ type, elementConfig, renderElement }) => {
+const EditBooleanContainer = ({ type, elementConfig, renderElement, }) => {
     const { changeControls } = useWidgetContext(type);
-    const { editAttribute, attributeValue } = useEditAttribute(type, elementConfig);
+    const { control, value } = useEditControl(type, elementConfig);
     const { id, style } = elementConfig || {};
-    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE$2, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsxs(ContainerValue, { children: [jsx(Checkbox, { label: "\u0414\u0430", checked: !!attributeValue, onChange: () => {
-                            changeControls({ [editAttribute.name]: true });
-                        } }), jsx(Checkbox, { label: "\u041D\u0435\u0442", checked: !attributeValue, onChange: () => {
-                            changeControls({ [editAttribute.name]: false });
+    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE$2, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsxs(ContainerValue, { children: [jsx(Checkbox, { label: "\u0414\u0430", checked: !!value, onChange: () => {
+                            changeControls({ [control.targetAttributeName]: true });
+                        } }), jsx(Checkbox, { label: "\u041D\u0435\u0442", checked: !value, onChange: () => {
+                            changeControls({ [control.targetAttributeName]: false });
                         } })] })] }));
 };
 
 const BASE_STYLE$1 = {
     marginBottom: "1rem",
 };
-const EditStringContainer = ({ type, elementConfig, renderElement }) => {
+const EditStringContainer = ({ type, elementConfig, renderElement, }) => {
     const { changeControls } = useWidgetContext(type);
-    const { editAttribute, attributeValue } = useEditAttribute(type, elementConfig);
+    const { control, value } = useEditControl(type, elementConfig);
     const { id, style } = elementConfig || {};
     const onChange = useCallback((e) => {
-        changeControls({ [editAttribute.name]: e.target.value });
-    }, [changeControls, editAttribute.name]);
-    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE$1, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { children: jsx(Input, { value: attributeValue, width: "100%", onChange: onChange }) })] }));
+        changeControls({ [control?.targetAttributeName]: e.target.value });
+    }, [changeControls, control?.targetAttributeName]);
+    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE$1, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { children: jsx(Input, { value: value, width: "100%", onChange: onChange }) })] }));
 };
 
 const BASE_STYLE = {
     marginBottom: "1rem",
 };
-const EditDropdownContainer = ({ type, elementConfig, renderElement }) => {
+const EditDropdownContainer = ({ type, elementConfig, renderElement, }) => {
     const { changeControls } = useWidgetContext(type);
-    const { attributeValue, editAttribute, dataSource } = useEditAttribute(type, elementConfig);
+    const { value, control, dataSource } = useEditControl(type, elementConfig);
     const { id, style, options } = elementConfig || {};
     const { placeholder, label, width } = options || {};
     const optionsList = useMemo(() => dataSource?.features.map(item => {
-        const value = item.attributes[editAttribute?.name] || null;
-        return { text: value, value };
-    }), [dataSource?.features, editAttribute.name]);
+        const currentValue = item.properties[control?.attributeName] || null;
+        return { text: currentValue, value: currentValue };
+    }), [dataSource?.features, control?.attributeName]);
     const onChange = useCallback(([option]) => {
-        changeControls({ [editAttribute?.name]: option.value });
-    }, [editAttribute?.name, changeControls]);
-    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { children: jsx(Dropdown, { zIndex: 1000, label: label, placeholder: placeholder, options: optionsList, value: attributeValue ?? editAttribute.defaultValue, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, onChange: onChange }) })] }));
+        changeControls({ [control?.targetAttributeName]: option.value });
+    }, [control?.targetAttributeName, changeControls]);
+    return (jsxs(Container, { id: id, isColumn: true, style: { ...BASE_STYLE, ...style }, children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsx(ContainerValue, { children: jsx(Dropdown, { zIndex: 1000, label: label, placeholder: placeholder, options: optionsList, value: value, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, onChange: onChange }) })] }));
 };
 
 const ContainerDivider = styled(Divider) `
@@ -7818,12 +7771,12 @@ const LayerIcon = ({ layerInfo, error }) => {
             return (jsx(AlertIconContainer, { children: jsx(Icon, { kind: "warning" }) }));
         }
         switch (layerInfo.geometryType) {
-            case GeometryType.Polyline:
+            case OgcGeometryType.MultiLineString:
                 return jsx("img", { src: img$1, alt: "" });
-            case GeometryType.Polygon:
-            case GeometryType.MultiPolygon:
+            case OgcGeometryType.Polygon:
+            case OgcGeometryType.MultiPolygon:
                 return jsx("img", { src: img, alt: "" });
-            case GeometryType.Point:
+            case OgcGeometryType.Point:
             default:
                 return jsx("img", { src: img$2, alt: "" });
         }
@@ -8360,7 +8313,10 @@ const ElementControl = ({ elementConfig }) => {
     const { t } = useGlobalContext();
     const { attributes, layerInfo, dataSources, controls, changeControls } = useWidgetContext(WidgetType.FeatureCard);
     const { options, attributeName, defaultValue } = elementConfig || {};
-    const { relatedDataSource, label, width, control, placeholder = t("selectValue", { ns: "dashboard", defaultValue: "Выберите значение" }) } = options || {};
+    const { relatedDataSource, label, width, control, placeholder = t("selectValue", {
+        ns: "dashboard",
+        defaultValue: "Выберите значение",
+    }), } = options || {};
     const attribute = useMemo(() => attributes?.find(({ name }) => name === control?.targetAttributeName), [attributes, control?.targetAttributeName]);
     const dataSource = useMemo(() => getDataSource(relatedDataSource, dataSources), [relatedDataSource, dataSources]);
     const items = useMemo(() => {
@@ -8368,14 +8324,17 @@ const ElementControl = ({ elementConfig }) => {
             return [];
         }
         return dataSource.features.map(item => ({
-            value: item.attributes?.[attributeName] || "",
-            text: item.attributes?.[control?.attributeAlias || attributeName] || "",
+            value: item.properties?.[attributeName] || "",
+            text: item.properties?.[control?.attributeName || attributeName] || "",
         }));
-    }, [control?.attributeAlias, dataSource?.features, attributeName]);
+    }, [control?.attributeName, dataSource?.features, attributeName]);
     const isDisabled = useMemo(() => {
         const attr = layerInfo?.configuration?.attributesConfiguration?.attributes?.find(item => item.attributeName === control?.targetAttributeName);
         return !attr?.isEditable;
-    }, [control?.targetAttributeName, layerInfo?.configuration?.attributesConfiguration?.attributes]);
+    }, [
+        control?.targetAttributeName,
+        layerInfo?.configuration?.attributesConfiguration?.attributes,
+    ]);
     const handleChange = useCallback(([option]) => {
         if (control?.targetAttributeName && changeControls) {
             changeControls({
@@ -8383,7 +8342,9 @@ const ElementControl = ({ elementConfig }) => {
             });
         }
     }, [changeControls, control?.targetAttributeName]);
-    return (jsx(Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[control?.targetAttributeName] ?? attribute?.value ?? defaultValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
+    return (jsx(Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[control?.targetAttributeName] ??
+            attribute?.value ??
+            defaultValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
 };
 
 const StyledIconFontSizeMixin = css `
@@ -8697,7 +8658,7 @@ const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
     const images = useMemo(() => {
         const dataSource = relatedDataSource ? dataSources?.find(({ name }) => name === relatedDataSource) : null;
         const array = dataSource
-            ? dataSource.features.map(feature => feature.attributes[attributeName])
+            ? dataSource.features.map(feature => feature.properties[attributeName])
             : getSlideshowImages({
                 element: elementConfig,
                 attribute: attributes?.find(({ name }) => name === attributeName),
@@ -8880,20 +8841,20 @@ const getDataFromRelatedFeatures = ({ t, config, filters, relatedConfig, dataSou
     }
     const { colors } = config.options;
     const layerDefinition = getLayerDefinition(layerInfo);
-    let data = JSON.parse(JSON.stringify(dataSource?.features));
+    let data = [...dataSource?.features];
     const sortAttribute = config?.options?.orderByValue
         ? relatedConfig.attributeName
         : config?.options?.orderByTitle
             ? relatedConfig.attributeTitle
             : null;
     if (sortAttribute) {
-        data.sort((a, b) => b.attributes[sortAttribute] - a.attributes[sortAttribute]);
+        data.sort((a, b) => b.properties[sortAttribute] - a.properties[sortAttribute]);
     }
     const isOtherSliced = config?.options?.otherItems && config.options.otherItems < data.length;
     const otherValue = isOtherSliced
         ? data
             .slice(config.options.otherItems)
-            .reduce((prev, { attributes }) => prev + attributes[relatedConfig.attributeName], 0)
+            .reduce((prev, { properties }) => prev + properties[relatedConfig.attributeName], 0)
         : null;
     if (isOtherSliced) {
         data = data.slice(0, config?.options?.otherItems);
@@ -8909,9 +8870,9 @@ const getDataFromRelatedFeatures = ({ t, config, filters, relatedConfig, dataSou
         if (relatedConfig?.filterName && !filter) {
             return acc;
         }
-        const attributeName = feature.attributes[relatedConfig.attributeName];
-        const attributeTitle = feature.attributes[relatedConfig.attributeTitle];
-        const attributeColor = feature.attributes[relatedConfig.attributeColor];
+        const attributeName = feature.properties[relatedConfig.attributeName];
+        const attributeTitle = feature.properties[relatedConfig.attributeTitle];
+        const attributeColor = feature.properties[relatedConfig.attributeColor];
         return [
             ...acc,
             {
@@ -8923,8 +8884,8 @@ const getDataFromRelatedFeatures = ({ t, config, filters, relatedConfig, dataSou
                 }),
                 value: attributeName === null ? null : Number(attributeName),
                 color: attributeColor || gradientArray?.[index] || FEATURE_CARD_OTHER_COLOR,
-                min: filter?.attributeMin ? feature.attributes[filter.attributeMin] : null,
-                max: filter?.attributeMin ? feature.attributes[filter.attributeMax] : null
+                min: filter?.attributeMin ? feature.properties[filter.attributeMin] : null,
+                max: filter?.attributeMin ? feature.properties[filter.attributeMax] : null
             }
         ];
     }, []);
@@ -9090,7 +9051,7 @@ function getFeatureAttributes(feature = {}, layer, dataSource) {
     if (!layerDefinition) {
         return [];
     }
-    const currentAttributes = !feature && dataSource ? dataSource.features[0].attributes : feature?.attributes;
+    const currentAttributes = !feature && dataSource ? dataSource.features[0].properties : feature?.properties;
     const { id: idValue } = feature || {};
     const { idAttribute, attributes } = layerDefinition || {};
     const layerAttributes = idAttribute
@@ -9107,7 +9068,7 @@ function getFeatureAttributes(feature = {}, layer, dataSource) {
                 readOnly: true,
             }
             : {
-                value: currentAttributes?.[attributeName] || dataSource?.features?.[0]?.attributes?.[attributeName],
+                value: currentAttributes?.[attributeName] || dataSource?.features?.[0]?.properties?.[attributeName],
                 readOnly: isCalculated || !isEditable,
             };
         const clientData = layer.layerAttributes?.find(layerAttribute => layerAttribute.attributeName === attributeName)?.clientData;
@@ -9279,10 +9240,10 @@ const getListOptions = (items, filterName, configFilters) => {
     if (!filter)
         return [];
     return (items?.map(item => ({
-        text: item.attributes[filter.attributeAlias || DEFAULT_ATTRIBUTE_NAME],
-        value: item.attributes[filter.attributeValue || DEFAULT_ATTRIBUTE_NAME],
-        min: filter.attributeMin ? item.attributes[filter.attributeMin] : null,
-        max: filter.attributeMax ? item.attributes[filter.attributeMax] : null,
+        text: item.properties[filter.attributeAlias || DEFAULT_ATTRIBUTE_NAME],
+        value: item.properties[filter.attributeValue || DEFAULT_ATTRIBUTE_NAME],
+        min: filter.attributeMin ? item.properties[filter.attributeMin] : null,
+        max: filter.attributeMax ? item.properties[filter.attributeMax] : null,
     })) || []);
 };
 
@@ -9594,8 +9555,8 @@ const RangeDateFilter = ({ type, filter }) => {
     const { filterName, label, minValue, maxValue, withTime } = filter.options;
     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, { attributes }) => {
-        const date = getDate(attributes[configFilter?.attributeValue]);
+    const { minFromData, maxFromData } = useMemo(() => dataSource?.features?.reduce((prev, { properties }) => {
+        const date = getDate(properties[configFilter?.attributeValue]);
         return {
             minFromData: !prev.minFromData ? date : date < prev.minFromData ? date : prev.minFromData,
             maxFromData: !prev.maxFromData ? date : date > prev.maxFromData ? date : prev.maxFromData
@@ -9816,7 +9777,7 @@ const ChipsFilter = ({ type, filter, elementConfig, }) => {
             return [];
         const features = dataSource.features;
         return features.map(feature => {
-            const attrs = feature.attributes;
+            const attrs = feature.properties;
             const text = attrs[configFilter.attributeAlias || DEFAULT_ATTRIBUTE_NAME];
             const value = attrs[configFilter.attributeValue || DEFAULT_ATTRIBUTE_NAME];
             const chipIcon = iconAttribute
@@ -10521,7 +10482,7 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
             const queryResponse = await api.eql.getPagedQueryResult({ saveInHistory: false }, getProps);
             const descriptionResponse = await api.eql.getQueryDescription(getProps);
             return {
-                items: queryResponse.items,
+                items: queryResponse.features,
                 attributeDefinition: descriptionResponse,
             };
         }
@@ -10569,7 +10530,7 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
                 !!currentDataSources[index].url ||
                 !!currentDataSources[index].resourceId;
             newDataSources[index].layerName = currentDataSources[index].layerName;
-            const items = response.status === "rejected" ? null : response.value?.items || response.items;
+            const items = response.status === "rejected" ? null : response.value?.features || response.items;
             newDataSources[index].features =
                 response.status === "rejected"
                     ? null
@@ -11000,7 +10961,7 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
                     const attribute = layerInfo?.layerDefinition.attributes[attributeName];
                     const dataSource = getDataSource(dataSourceName, dataSources);
                     const units = attributeUnits
-                        ? dataSource?.features?.[0]?.attributes?.[attributeUnits]
+                        ? dataSource?.features?.[0]?.properties?.[attributeUnits]
                         : attribute?.stringFormat?.unitsLabel;
                     const formatValue = attribute
                         ? formatAttributeValue({ t, type: attribute.type, value, stringFormat: attribute.stringFormat, noUnits: true })
@@ -11568,22 +11529,22 @@ const RasterLayer = ({ layer, tileUrl, visible, beforeId, filterVersion, }) => {
 
 const getClientStyleItemPrefixSuffix = (geometryType, itemType) => {
     switch (geometryType) {
-        case GeometryType.Point:
+        case OgcGeometryType.Point:
             switch (itemType) {
                 case "symbol":
                     return ["point-label-layer-", "-label"];
                 default:
                     return ["point-layer-", ""];
             }
-        case GeometryType.Polyline:
+        case OgcGeometryType.MultiLineString:
             switch (itemType) {
                 case "symbol":
                     return ["polyline-label-layer-", "-label"];
                 default:
                     return ["polyline-layer-", ""];
             }
-        case GeometryType.Polygon:
-        case GeometryType.MultiPolygon:
+        case OgcGeometryType.Polygon:
+        case OgcGeometryType.MultiPolygon:
             switch (itemType) {
                 case "line":
                     return ["polygon-stroke-layer-", "-stroke"];
@@ -11599,6 +11560,52 @@ const getClientStyleItemPrefixSuffix = (geometryType, itemType) => {
     }
 };
 
+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 extractAttributesFromObject = (obj) => {
+    if (!obj || isEmpty(obj)) {
+        return [];
+    }
+    return Object.entries(obj).reduce((acc, [, value]) => {
+        if (!Array.isArray(value)) {
+            return acc;
+        }
+        return [...new Set([...acc, ...findAttributeInExpression(value)])];
+    }, []);
+};
+const parseClientStyle = (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])];
+    }, []);
+};
+
 const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, filterVersion, }) => {
     const clientStyle = layer?.configuration?.clientStyle;
     const { idAttribute, geometryType } = layer.layerDefinition || {};
@@ -11630,7 +11637,7 @@ const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, fil
     const renderLayerByGeometryType = useCallback(() => {
         const visibility = visible ? "visible" : "none";
         switch (geometryType) {
-            case GeometryType.Point:
+            case OgcGeometryType.Point:
                 return (jsx(Layer$1, { id: layer.name, type: "circle", "source-layer": "default", beforeId: beforeId, layout: {
                         ...getLayerTempStyle?.(layer.name, "circle")?.layout,
                         visibility,
@@ -11638,8 +11645,8 @@ const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, fil
                         ...DEFAULT_CIRCLE_PAINT,
                         ...getLayerTempStyle?.(layer.name, "circle")?.paint,
                     } }));
-            case GeometryType.Polygon:
-            case GeometryType.MultiPolygon:
+            case OgcGeometryType.Polygon:
+            case OgcGeometryType.MultiPolygon:
                 return [
                     jsx(Layer$1, { id: layer.name, type: "fill", "source-layer": "default", beforeId: beforeId, layout: {
                             ...getLayerTempStyle?.(layer.name, "fill")?.layout,
@@ -11677,7 +11684,7 @@ const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, fil
                             ...getLayerTempStyle?.(layer.name, "fill-extrusion")?.paint,
                         } }, `polygon-extrusion-layer-${layer.name}`),
                 ];
-            case GeometryType.Polyline:
+            case OgcGeometryType.MultiLineString:
                 return (jsx(Layer$1, { id: layer.name, type: "line", "source-layer": "default", beforeId: beforeId, layout: {
                         ...getLayerTempStyle?.(layer.name, "line")?.layout,
                         visibility,
@@ -11786,5 +11793,5 @@ const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...res
                 }, children: children }), upperSiblings] }));
 };
 
-export { AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttributeGalleryContainer, AttributeLabel, BaseMapTheme, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_FILTER_PADDING, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardGradientHeader, FeatureCardHeader, FeatureCardIconHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OneColumnContainer, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, RoundedBackgroundContainer, SERVER_NOTIFICATION_EVENT, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TmsType, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, WidgetType, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyVarsToCondition, checkEqualOrIncludes, checkIsLoading, convertSpToTurfFeature, createConfigLayer, createConfigPage, createNewPageId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, getActualExtrusionHeight, getAttributeByName, getAttributeValue, getAttributesConfiguration, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDate, getDefaultConfig, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerDefinition, getLayerInfo, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getSvgUrl, getTemplateNameFromAttribute, getTotalFromAttributes, getTotalFromRelatedFeatures, hexToRgba, isCompositeLayerConfiguration, isEmptyElementValue, isEmptyValue, isHiddenEmptyValue, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isVisibleContainer, numberOptions, parseClientStyle, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, useAppHeight, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useExportPdf, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useIconsFromLayers, useLayerParams, useMapContext, useMapDraw, useMapImages, useProjectDashboardInit, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRenderElement, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useZoomToFeatures, useZoomToPoint };
+export { AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttributeGalleryContainer, AttributeLabel, BaseMapTheme, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_FILTER_PADDING, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardGradientHeader, FeatureCardHeader, FeatureCardIconHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OneColumnContainer, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, RoundedBackgroundContainer, SERVER_NOTIFICATION_EVENT, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TmsType, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, WidgetType, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyVarsToCondition, checkEqualOrIncludes, checkIsLoading, createConfigLayer, createConfigPage, createNewPageId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, getActualExtrusionHeight, getAttributeByName, getAttributeValue, getAttributesConfiguration, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDate, getDefaultConfig, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerDefinition, getLayerInfo, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getSvgUrl, getTemplateNameFromAttribute, getTotalFromAttributes, getTotalFromRelatedFeatures, hexToRgba, isCompositeLayerConfiguration, isEmptyElementValue, isEmptyValue, isHiddenEmptyValue, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isVisibleContainer, numberOptions, parseClientStyle, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, useAppHeight, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useExportPdf, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useIconsFromLayers, useLayerParams, useMapContext, useMapDraw, useMapImages, useProjectDashboardInit, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRenderElement, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useZoomToFeatures, useZoomToPoint };
 //# sourceMappingURL=react.esm.js.map