@evergis/react 3.1.133 → 4.0.0

package/dist/react.esm.js

@@ -3,7 +3,7 @@ import { IconButton, Flex, transition, Chip, Icon, Description, FlexSpan, IconTo
 import { useState, useMemo, useCallback, useRef, useEffect, createContext, memo, useContext, 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, STORAGE_TOKEN_KEY, generateId, parseJwt, STORAGE_REFRESH_TOKEN_KEY, GeometryType, RemoteTaskStatus } from '@evergis/api';
+import { AttributeType, STORAGE_TOKEN_KEY, generateId, parseJwt, STORAGE_REFRESH_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';
@@ -3631,8 +3631,9 @@ var DateFormat;
 })(DateFormat || (DateFormat = {}));
 const stringDateParsers = [parseJSON, parseISO, rawDate => new Date(rawDate)];
 const getDate = (rawDate) => {
-    if (!rawDate)
+    if (!rawDate) {
         return null;
+    }
     if (typeof rawDate === "string") {
         for (const parser of stringDateParsers) {
             const date = parser(rawDate);
@@ -3650,7 +3651,7 @@ const formatDate$1 = (date, { dateFormat = DateFormat.ClientDefaultFormat, defau
     if (isValid(dateValue)) {
         return format(dateValue, dateFormat);
     }
-    return defaultValue.toString();
+    return `${defaultValue}`;
 };
 
 const debounce = (callback, delay) => {
@@ -3666,13 +3667,6 @@ const debounce = (callback, delay) => {
 };
 
 const TIME_ZONE_FORMAT = ' "GMT"z'; // eslint-disable-line
-const numberFormatTypes = [
-    AttributeType.Int32,
-    AttributeType.Int64,
-    AttributeType.Double,
-    AttributeType.MultiPolygon,
-    AttributeType.Polyline,
-];
 var ScalingFactor;
 (function (ScalingFactor) {
     ScalingFactor[ScalingFactor["Default"] = 1] = "Default";
@@ -3827,8 +3821,9 @@ const formatNumberValue = (stringFormat, value, type, noUnits = false) => {
 };
 const formatAttributeValue = ({ t, type, value, stringFormat, noUnits = false }) => {
     if (type === AttributeType.Point) {
-        if (!stringFormat?.format || !value)
+        if (!stringFormat?.format || !value) {
             return null;
+        }
         const { coordinates } = value;
         return formatPointValue({ t, stringFormat, value: coordinates });
     }
@@ -3837,9 +3832,20 @@ const formatAttributeValue = ({ t, type, value, stringFormat, noUnits = false })
             return null;
         return formatDateValue(stringFormat, value);
     }
-    if (numberFormatTypes.includes(type) && !isNaN(value)) {
-        if (!stringFormat)
+    if ([
+        AttributeType.Int32,
+        AttributeType.Int64,
+        AttributeType.Double,
+        AttributeType.Polygon,
+        AttributeType.LineString,
+        AttributeType.MultiPoint,
+        AttributeType.MultiPolygon,
+        AttributeType.MultiLineString,
+    ].includes(type) &&
+        !isNaN(value)) {
+        if (!stringFormat) {
             return value.toString();
+        }
         return formatNumberValue(stringFormat, value, type, noUnits);
     }
     if (type === AttributeType.Json) {
@@ -3905,6 +3911,10 @@ const isLayerService = (value) => isObject(value) && "name" in value;
 
 const isNumeric = (number) => !isNaN(parseFloat(number)) && isFinite(number);
 
+const metersPerPixel = (zoom, lat) => {
+    return (156543.03 * Math.cos(lat * (Math.PI / 180))) / 2 ** zoom;
+};
+
 const useAutoCompleteControl = (items) => {
     const [value, setValue] = useState("");
     const [options, setOptions] = useState([]);
@@ -4347,11 +4357,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) => {
@@ -4469,9 +4479,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?.layerDefinition?.geometryType === OgcGeometryType.Unknown
+            ? undefined
+            : GEOMETRY_ATTRIBUTE,
         idAttribute: DEFAULT_ID_ATTRIBUTE_NAME,
         tableName: "",
     };
@@ -4490,7 +4503,7 @@ const getLayerDefinition = (layer) => {
         attributes: {},
         geometryAttribute,
         idAttribute,
-        geometryType: GeometryType.Unknown,
+        geometryType: OgcGeometryType.Unknown,
         titleAttribute: "",
     };
     if (!isLayerService(layer) || !("layerDefinition" in layer)) {
@@ -4499,7 +4512,8 @@ const getLayerDefinition = (layer) => {
     return {
         ...emptyLayerDefinition,
         ...(layer.layerDefinition || {}),
-        attributes: layer.layerDefinition.attributes || emptyLayerDefinition.attributes,
+        attributes: layer.layerDefinition.attributes ||
+            emptyLayerDefinition.attributes,
     };
 };
 
@@ -5268,73 +5282,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) => {
@@ -5343,7 +5290,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]);
@@ -6006,9 +5953,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 => ({
@@ -6186,7 +6133,7 @@ const useRenderContainerItem = (type, renderElement) => {
             options: { noUnits: hasUnits, ...child.options },
         }));
         const attr = attribute
-            ? layerInfo?.layerAttributes?.find(({ attributeName }) => attributeName === attribute)
+            ? layerInfo?.configuration?.attributesConfiguration?.attributes?.find(({ attributeName }) => attributeName === attribute)
             : null;
         if (hasIcon) {
             elementChildren[iconIndex] = {
@@ -6431,7 +6378,7 @@ const DataSourceProgressContainer = memo(({ config, elementConfig, type, innerCo
     const { dataSource, layerInfo } = useRelatedDataSourceAttributes({
         type,
         elementConfig,
-        dataSources
+        dataSources,
     });
     const { attributes } = layerInfo?.configuration?.attributesConfiguration || {};
     const { id, options, children, style } = elementConfig || {};
@@ -6442,19 +6389,25 @@ 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);
-        return formatAttributeValue({ t, type: attributeType, value: result, stringFormat, noUnits: !!unitsElement?.type });
+        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;
@@ -6462,7 +6415,10 @@ const DataSourceProgressContainer = memo(({ config, elementConfig, type, innerCo
         return jsx(DataSourceError, { name: elementConfig.templateName });
     }
     const isVisible = isVisibleContainer(id, expandable, expanded, expandedContainers);
-    return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), !isVisible ? null : dataSource ? (jsxs(DataSourceProgressContainerWrapper, { id: id, style: style, children: [sliceItems(dataSource?.features)?.map((feature, index) => (jsx(DataSourceInnerContainer, { type: type, index: index, feature: feature, config: config, elementConfig: elementConfig, maxValue: currentMaxValue, innerComponent: innerComponent }, index))), checkIsSliced(dataSource?.features) && (jsx(ContainerToggler, { toggled: showMore, onClick: onShowMore, children: showMore ? t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) : t("showAll", { ns: "dashboard", defaultValue: "Показать все" }) })), showTotal && (jsxs(Fragment$1, { children: [jsx(Divider, {}), jsxs(ProgressTotal, { children: [jsx(ProgressTotalTitle, { children: t("total", { ns: "dashboard", defaultValue: "Итого" }) }), jsxs(ProgressValue, { children: [totalValue, jsx(ProgressUnits, { children: totalUnits })] })] })] }))] })) : (jsx(ContainerLoading, {})), jsx(HiddenTitleItems, { elementConfig: elementConfig, config: config, type: type })] }));
+    return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), !isVisible ? null : dataSource ? (jsxs(DataSourceProgressContainerWrapper, { id: id, style: style, children: [sliceItems(dataSource?.features)?.map((feature, index) => (jsx(DataSourceInnerContainer, { type: type, index: index, feature: feature, config: config, elementConfig: elementConfig, maxValue: currentMaxValue, innerComponent: innerComponent }, index))), checkIsSliced(dataSource?.features) && (jsx(ContainerToggler, { toggled: showMore, onClick: onShowMore, children: showMore ? t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) : t("showAll", {
+                            ns: "dashboard",
+                            defaultValue: "Показать все",
+                        }) })), showTotal && (jsxs(Fragment$1, { children: [jsx(Divider, {}), jsxs(ProgressTotal, { children: [jsx(ProgressTotalTitle, { children: t("total", { ns: "dashboard", defaultValue: "Итого" }) }), jsxs(ProgressValue, { children: [totalValue, jsx(ProgressUnits, { children: totalUnits })] })] })] }))] })) : (jsx(ContainerLoading, {})), jsx(HiddenTitleItems, { elementConfig: elementConfig, config: config, type: type })] }));
 });
 
 const ProgressContainer = memo(({ type, elementConfig, feature, maxValue, index, renderElement }) => {
@@ -7398,12 +7354,6 @@ var ThemeName;
     ThemeName["Dark"] = "dark";
 })(ThemeName || (ThemeName = {}));
 
-var TmsType;
-(function (TmsType) {
-    TmsType["WMS"] = "WMS";
-    TmsType["TMS"] = "TMS";
-    TmsType["ArcGIS"] = "ArcGIS";
-})(TmsType || (TmsType = {}));
 var EditGeometryType;
 (function (EditGeometryType) {
     EditGeometryType["Raster"] = "raster";
@@ -7545,7 +7495,7 @@ const useEditControl = (type, elementConfig) => {
         attributes,
     ]);
     const dataSource = useMemo(() => dataSources?.find(({ name }) => name === control.relatedDataSource), [control.relatedDataSource, dataSources]);
-    const items = useMemo(() => dataSource?.features.map(item => item.attributes[control?.attributeName] || null) || [], [dataSource?.features, control?.attributeName]);
+    const items = useMemo(() => dataSource?.features.map(item => item.properties[control?.attributeName] || null) || [], [dataSource?.features, control?.attributeName]);
     const onChange = useCallback((newValue) => {
         changeControls({
             [control?.targetAttributeName]: newValue,
@@ -7916,8 +7866,8 @@ const HeaderTitle = ({ noFeature }) => {
     const { t } = useGlobalContext();
     const { attributes, layerInfo, feature } = useWidgetContext(WidgetType.FeatureCard);
     const zoomToFeatures = useZoomToFeatures();
-    const { alias, name, layerDefinition } = layerInfo || {};
-    const resultDescription = alias || name || "";
+    const { configuration, layerDefinition } = layerInfo || {};
+    const resultDescription = configuration?.alias || configuration?.name || "";
     const resultTitle = useMemo(() => {
         const layerDefinitionAttribute = layerDefinition && attributes?.length
             ? attributes.find(item => item.name === layerDefinition.titleAttribute)
@@ -7965,20 +7915,20 @@ var img = "data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32'
 
 const LayerIcon = ({ layerInfo, error }) => {
     const renderSymbol = useMemo(() => {
-        if (!layerInfo.geometryType || error) {
+        if (!layerInfo?.layerDefinition?.geometryType || error) {
             return (jsx(AlertIconContainer, { children: jsx(Icon, { kind: "warning" }) }));
         }
-        switch (layerInfo.geometryType) {
-            case GeometryType.Polyline:
+        switch (layerInfo?.layerDefinition?.geometryType) {
+            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: "" });
         }
-    }, [layerInfo.geometryType]);
+    }, [layerInfo?.layerDefinition?.geometryType]);
     return jsx(LayerIconContainer, { children: renderSymbol });
 };
 
@@ -8522,8 +8472,8 @@ const ElementControl = ({ elementConfig }) => {
             return [];
         }
         return dataSource.features.map(item => ({
-            value: item.attributes?.[attributeName] || "",
-            text: item.attributes?.[control?.attributeName || attributeName] || "",
+            value: item.properties?.[attributeName] || "",
+            text: item.properties?.[control?.attributeName || attributeName] || "",
         }));
     }, [control?.attributeName, dataSource?.features, attributeName]);
     const isDisabled = useMemo(() => {
@@ -8859,7 +8809,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),
@@ -9042,20 +8992,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);
@@ -9071,9 +9021,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,
             {
@@ -9085,8 +9035,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
             }
         ];
     }, []);
@@ -9381,7 +9331,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
@@ -9398,10 +9348,10 @@ 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;
+        const clientData = layer?.configuration?.attributesConfiguration?.attributes?.find(layerAttribute => layerAttribute.attributeName === attributeName)?.clientData;
         return {
             id: attributeName,
             name: attributeName,
@@ -9572,10 +9522,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,
     })) || []);
 };
 
@@ -9700,7 +9650,7 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
     const [selectedPixels, setSelectedPixels] = useState(null);
     const { filterName } = filter.options;
     const { options } = elementConfig;
-    const { barHeight, barWidth = DEFAULT_BAR_WIDTH, padding = DEFAULT_BAR_PADDING, height = DEFAULT_BAR_CHART_HEIGHT, radius = DEFAULT_BARCHART_RADIUS, width: configWidth, markers: configMarkers, colors: configColors, colorAttribute, defaultColor, primaryColor, drawMinMax } = options || {};
+    const { barHeight, barWidth = DEFAULT_BAR_WIDTH, padding = DEFAULT_BAR_PADDING, height = DEFAULT_BAR_CHART_HEIGHT, radius = DEFAULT_BARCHART_RADIUS, width: configWidth, markers: configMarkers, colors: configColors, colorAttribute, defaultColor, primaryColor, drawMinMax, } = options || {};
     const barFullWidth = barWidth + padding;
     const { filters: configFilters } = currentPage;
     const configFilter = useMemo(() => getConfigFilter(filterName, configFilters), [configFilters, filterName]);
@@ -9715,9 +9665,9 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
             dataSourceName: configFilter?.relatedDataSource,
             attributeName: configFilter?.attributeValue,
             attributeTitle: configFilter?.attributeAlias,
-            attributeColor: colorAttribute
+            attributeColor: colorAttribute,
         },
-        layerInfo: { layerDefinition: { attributes: dataSource?.attributeDefinition } }
+        layerInfo: { layerDefinition: { attributes: dataSource?.attributeDefinition } },
     }), [
         colorAttribute,
         configFilter?.attributeAlias,
@@ -9726,7 +9676,7 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
         configFilters,
         dataSource,
         elementConfig,
-        t
+        t,
     ]);
     const amount = useMemo(() => filterItems?.length || 0, [filterItems?.length]);
     const width = useMemo(() => configWidth || amount * barFullWidth, [amount, barFullWidth, configWidth]);
@@ -9762,8 +9712,8 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
                     ...item,
                     color: selectedRange && index >= selectedRange[0] && index <= selectedRange[1]
                         ? primaryColor || theme.palette.primary
-                        : defaultColor || theme.palette.elementDeep
-                }
+                        : defaultColor || theme.palette.elementDeep,
+                },
             ];
         });
     }, [defaultColor, hasDefinedColors, primaryColor, selectedRange, theme.palette.elementDeep, theme.palette.primary]);
@@ -9791,8 +9741,8 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
             [filterName]: {
                 value: valueRange,
                 min: valueRange[0],
-                max: valueRange[1]
-            }
+                max: valueRange[1],
+            },
         }, configFilter?.resetFilters);
     }, [changeFilters, configFilter?.resetFilters, filterName, getValueRange]);
     const prevDisabled = useMemo(() => loading || !selectedPixels || selectedPixels?.[0] - barFullWidth < 0, [barFullWidth, loading, selectedPixels]);
@@ -9850,7 +9800,7 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
         onPrev,
         onNext,
         onSelect,
-        onBarClick
+        onBarClick,
     };
 };
 const BarChartFilter = ({ type, config, elementConfig, filter }) => {
@@ -9858,7 +9808,7 @@ const BarChartFilter = ({ type, config, elementConfig, filter }) => {
     const { configFilters, loading, height, data, barWidth, barHeight, attributeValue, padding, selectedRange, prevDisabled, nextDisabled, onPrev, onNext, ...rest } = useBarChartFilter({
         type,
         elementConfig,
-        filter
+        filter,
     });
     const renderSelectedRange = useMemo(() => {
         if (!selectedRange)
@@ -9887,8 +9837,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
@@ -10109,7 +10059,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
@@ -10282,21 +10232,21 @@ const getProxyService = (layer) => {
     if (!isProxyService(layer))
         return {
             layers: [],
-            sourceType: "",
             sourceUrl: "",
-            copyrightText: "",
+            sourceType: "",
+            layerDefinition: layer?.layerDefinition,
             legend: {
                 layers: [],
             },
         };
-    const { layers, sourceType, sourceUrl, legend, copyrightText } = layer;
+    const { layers, sourceType, sourceUrl, legend, layerDefinition } = layer;
     return {
         layers: layers || [],
-        copyrightText: copyrightText || "",
         sourceUrl: sourceUrl || "",
         sourceType: sourceType || "",
+        layerDefinition,
         legend: {
-            layers: (legend && legend.layers) || [],
+            layers: legend?.layers || [],
         },
     };
 };
@@ -10311,10 +10261,12 @@ function getLayerInfo(layer) {
         name: layer?.name || "",
         configuration: {
             ...configuration,
+            name: layer?.name || "",
             layers: configLayers.filter(isCompositeLayerConfiguration),
             attributesConfiguration,
         },
-        acl: configuration.acl,
+        acl: layer?.acl,
+        layerDefinition,
         condition: ("condition" in configuration && configuration.condition) || undefined,
         tableName: attributesConfiguration.tableName,
         idAttribute: attributesConfiguration.idAttribute,
@@ -10355,8 +10307,8 @@ const getSlideshowImages = ({ element, attribute, }) => {
 
 const getSvgUrl = ({ elementConfig, layerInfo, attributes, }) => {
     let url = "";
-    if (elementConfig.attributeIcon && layerInfo.layerAttributes) {
-        const iconAttribute = layerInfo.layerAttributes.find(({ attributeName }) => attributeName === elementConfig.attributeIcon)?.icon;
+    if (elementConfig.attributeIcon && layerInfo?.configuration?.attributesConfiguration?.attributes) {
+        const iconAttribute = layerInfo?.configuration?.attributesConfiguration?.attributes.find(({ attributeName }) => attributeName === elementConfig.attributeIcon)?.icon;
         url = iconAttribute?.resourceId || iconAttribute?.url;
     }
     else {
@@ -10638,7 +10590,7 @@ const useChartData = ({ element, type }) => {
                             relatedConfig: relatedAxis,
                             dataSource: featureDataSource,
                             layerInfo: layerInfo ||
-                                { layerDefinition: { attributes: featureDataSource.attributeDefinition } }
+                                { layerDefinition: { attributes: featureDataSource.attributeDefinition } },
                         })
                         : null,
                     color: axisColor,
@@ -10657,8 +10609,8 @@ const useChartData = ({ element, type }) => {
                 attributeName: null,
                 attributeUnits: null,
                 dataSourceName: null,
-                color: null
-            }
+                color: null,
+            },
         ];
     }, [
         currentPage?.dataSources,
@@ -10668,7 +10620,7 @@ const useChartData = ({ element, type }) => {
         t,
         attributes,
         layerInfos,
-        dataSources
+        dataSources,
     ]);
     const [data, setData] = useState(fetchedData);
     useEffect(() => {
@@ -10777,7 +10729,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,
             };
         }
@@ -10825,7 +10777,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
@@ -11260,7 +11212,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({
@@ -11480,8 +11432,8 @@ const FeatureCardHeader = () => {
 const FeatureCardTitle = ({ title, description }) => {
     const { t } = useGlobalContext();
     const { attributes, layerInfo, feature } = useWidgetContext(WidgetType.FeatureCard);
-    const { alias, name, layerDefinition, titleAttribute } = layerInfo || {};
-    const resultDescription = description || alias || name || "";
+    const { configuration, layerDefinition } = layerInfo || {};
+    const resultDescription = description || configuration?.alias || configuration?.name || "";
     const resultTitle = useMemo(() => {
         const layerDefinitionAttribute = layerDefinition && attributes?.length
             ? attributes.find(item => item.name === layerDefinition.titleAttribute)
@@ -11489,8 +11441,8 @@ const FeatureCardTitle = ({ title, description }) => {
         const layerDefinitionTitle = layerDefinition?.titleAttribute && layerDefinitionAttribute?.value
             ? layerDefinitionAttribute.value
             : null;
-        const sourceTitleAttribute = titleAttribute && attributes?.length ? attributes.find(item => item.name === titleAttribute) : null;
-        const sourceTitle = titleAttribute && sourceTitleAttribute?.value ? sourceTitleAttribute.value : null;
+        const sourceTitleAttribute = layerDefinition?.titleAttribute && attributes?.length ? attributes.find(item => item.name === layerDefinition?.titleAttribute) : null;
+        const sourceTitle = layerDefinition?.titleAttribute && sourceTitleAttribute?.value ? sourceTitleAttribute.value : null;
         return (title ||
             (!!sourceTitle &&
                 formatAttributeValue({ t, type: sourceTitleAttribute.type, value: sourceTitle, stringFormat: sourceTitleAttribute.stringFormat })) ||
@@ -11502,7 +11454,7 @@ const FeatureCardTitle = ({ title, description }) => {
                     stringFormat: layerDefinitionAttribute.stringFormat,
                 })) ||
             feature?.id);
-    }, [attributes, feature?.id, layerDefinition, title, titleAttribute]);
+    }, [attributes, feature?.id, layerDefinition, title]);
     return (jsxs(HeaderTitleContainer, { children: [jsx(FeatureTitleContainer, { children: jsx(FlexSpan, { children: resultTitle }) }), jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
 };
 
@@ -11820,22 +11772,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"];
@@ -11851,6 +11803,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 || {};
@@ -11882,7 +11880,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,
@@ -11890,8 +11888,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,
@@ -11929,7 +11927,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,
@@ -12038,5 +12036,5 @@ const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...res
                 }, children: children }), upperSiblings] }));
 };
 
-export { AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, 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, updateDataSource, useAppHeight, useAutoCompleteControl, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useExportPdf, useFetchImageWithAuth, useFetchWithAuth, 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, BASE_CONTAINER_STYLE, 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, 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, metersPerPixel, numberOptions, parseClientStyle, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, updateDataSource, useAppHeight, useAutoCompleteControl, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useExportPdf, useFetchImageWithAuth, useFetchWithAuth, 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