@evergis/react 4.0.32 → 4.0.34

package/dist/components/Dashboard/constants.d.ts

@@ -13,6 +13,7 @@ export declare const DEFAULT_CHART_WIDTH = 154;
 export declare const MAX_CHART_WIDTH = 300;
 export declare const DEFAULT_CHART_ANGLE = 4;
 export declare const DEFAULT_CHART_HEIGHT = 90;
+export declare const STACK_BAR_TOTAL_HEIGHT = 20;
 export declare const FILTER_PREFIX = "%";
 export declare const PROVIDER_PREFIX = "$";
 export declare enum ProviderPrefix {

package/dist/contexts/MapContext/types.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, MutableRefObject, PropsWithChildren, SetStateAction } from 'react';
-import { Map as MaplibreGLMap } from 'maplibre-gl';
+import { Map as MaplibreGLMap, StyleSpecification } from 'maplibre-gl';
 import { default as MapboxDraw } from '@mapbox/mapbox-gl-draw';
 export declare enum BaseMapTheme {
     Light = "light",
@@ -7,10 +7,9 @@ export declare enum BaseMapTheme {
 }
 export interface BaseMapItem {
     name: string;
-    source: string;
-    preview?: string;
-    imgSrc?: string;
+    source: string | StyleSpecification;
     title: string;
+    preview?: string;
     theme?: BaseMapTheme;
     opacity?: number;
     color?: string;

package/dist/index.js

@@ -3436,6 +3436,7 @@ const DEFAULT_CHART_WIDTH = 154;
 const MAX_CHART_WIDTH = 300;
 const DEFAULT_CHART_ANGLE = 4;
 const DEFAULT_CHART_HEIGHT = 90;
+const STACK_BAR_TOTAL_HEIGHT = 20;
 const FILTER_PREFIX = "%";
 const PROVIDER_PREFIX = "$";
 exports.ProviderPrefix = void 0;
@@ -11396,16 +11397,22 @@ const StackBar = ({ data, filterName, type, alias, options, renderElement, rende
     const { t } = useGlobalContext();
     const { hasAnyFilter, isFiltered, onFilter } = useWidgetFilters(type, filterName, data?.[0]?.items);
     const { items, layerInfo, attributeName } = data?.[0] || {};
-    const attribute = layerInfo?.configuration?.attributesConfiguration?.attributes[attributeName];
+    const attribute = layerInfo?.configuration?.attributesConfiguration?.attributes[attributeName]
+        ?? layerInfo?.configuration
+            ?.attributesConfiguration
+            ?.attributes
+            ?.find(({ attributeName: name }) => name === attributeName);
     const units = attribute?.stringFormat?.unitsLabel;
     const total = React.useMemo(() => items?.reduce((result, { value }) => result + Number(value), 0) || 0, [items]);
     const getWidth = React.useCallback(value => ((Number(value) / total) * 100).toFixed(2), [total]);
     const renderGroupTooltip = React.useMemo(() => (jsxRuntime.jsx(uilibGl.ThemeProvider, { children: jsxRuntime.jsx(ChartTooltipTable, { cellPadding: 0, cellSpacing: 0, children: items?.map(({ name, value, color }, index) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: jsxRuntime.jsxs(ChartTooltip, { alignItems: "center", children: [jsxRuntime.jsx(ChartTooltipColor, { "$color": color }), jsxRuntime.jsx(ChartTooltipName, { children: name })] }) }), jsxRuntime.jsx("td", { children: value })] }, index))) }) })), [items]);
     const renderItem = React.useCallback(({ name, value, color }, ref) => (jsxRuntime.jsx(StackBarSection, { ref: ref, "$width": getWidth(value), "$height": height, "$color": color, cornerRadius: cornerRadius, hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(name), onClick: filterName ? () => onFilter(name) : undefined })), [cornerRadius, filterName, getWidth, hasAnyFilter, height, isFiltered, onFilter]);
     const renderItems = React.useMemo(() => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: items?.map((item, index) => (jsxRuntime.jsx(React.Fragment, { children: groupTooltip ? (renderItem(item)) : (jsxRuntime.jsx(uilibGl.ThemeProvider, { children: jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: renderTooltip([item]), children: ref => renderItem(item, ref) }) })) }, index))) })), [groupTooltip, items, renderItem, renderTooltip]);
-    if (!total || !attribute)
+    if (!total)
         return null;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alias || showTotal) && (jsxRuntime.jsxs(StackBarHeader, { children: [jsxRuntime.jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxRuntime.jsxs(StackBarTotal, { children: [jsxRuntime.jsx(StackBarValue, { children: formatAttributeValue({ t, type: attribute.type, value: total, stringFormat: attribute.stringFormat, noUnits: true }) }), !!units && jsxRuntime.jsx(StackBarUnits, { children: units })] }))] })), groupTooltip ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: renderGroupTooltip, children: ref => jsxRuntime.jsx(StackBarContainer, { ref: ref, children: renderItems }) })) : (jsxRuntime.jsx(StackBarContainer, { children: renderItems }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alias || showTotal) && (jsxRuntime.jsxs(StackBarHeader, { children: [jsxRuntime.jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxRuntime.jsxs(StackBarTotal, { children: [jsxRuntime.jsx(StackBarValue, { children: attribute
+                                    ? formatAttributeValue({ t, type: attribute.type, value: total, stringFormat: attribute.stringFormat, noUnits: true })
+                                    : total }), !!units && jsxRuntime.jsx(StackBarUnits, { children: units })] }))] })), groupTooltip ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: renderGroupTooltip, children: ref => jsxRuntime.jsx(StackBarContainer, { ref: ref, children: renderItems }) })) : (jsxRuntime.jsx(StackBarContainer, { children: renderItems }))] }));
 };
 
 const Chart = React.memo(({ config, element, elementConfig, type, renderElement }) => {
@@ -11548,7 +11555,8 @@ const Chart = React.memo(({ config, element, elementConfig, type, renderElement
                         }, customYAxis: yAxis => yAxis.ticks(4), renderTooltip: renderLineChartTooltip, customize: customize, dotSnapping: dotSnapping, dynamicTooltipEnable: true, stackedTooltip: true, tooltipClassName: "dashboardLineChartTooltip", drawGridX: !isHidedY, margin: margin })] }));
         }
         if (isStackBar) {
-            return (jsxRuntime.jsx(AnyChartWrapper, { height: height, children: jsxRuntime.jsx(StackBar, { data: data, filterName: filterName, type: type, alias: elementConfig?.children?.find(child => child.id === "alias"), options: options, renderTooltip: renderPieChartTooltip, renderElement: renderElement }) }));
+            const stackBarHeight = showTotal ? height + STACK_BAR_TOTAL_HEIGHT : height;
+            return (jsxRuntime.jsx(AnyChartWrapper, { height: stackBarHeight, children: jsxRuntime.jsx(StackBar, { data: data, filterName: filterName, type: type, alias: elementConfig?.children?.find(child => child.id === "alias"), options: options, renderTooltip: renderPieChartTooltip, renderElement: renderElement }) }));
         }
         if (isPieChart) {
             return (jsxRuntime.jsx(AnyChartWrapper, { height: height, children: jsxRuntime.jsx(charts.PieChart, { data: (data[0]?.items
@@ -11566,6 +11574,7 @@ const Chart = React.memo(({ config, element, elementConfig, type, renderElement
     }, [
         customXAxisBottom,
         customYAxisLeft,
+        dotSnapping,
         element,
         isLineChart,
         isStackBar,
@@ -11578,7 +11587,6 @@ const Chart = React.memo(({ config, element, elementConfig, type, renderElement
         width,
         barWidth,
         showLabels,
-        showMarkers,
         padding,
         formatTooltipValue,
         formatTooltipName,
@@ -12460,6 +12468,7 @@ exports.PresentationWrapper = PresentationWrapper;
 exports.ProgressContainer = ProgressContainer;
 exports.RoundedBackgroundContainer = RoundedBackgroundContainer;
 exports.SERVER_NOTIFICATION_EVENT = SERVER_NOTIFICATION_EVENT;
+exports.STACK_BAR_TOTAL_HEIGHT = STACK_BAR_TOTAL_HEIGHT;
 exports.ServerNotificationsContext = ServerNotificationsContext;
 exports.ServerNotificationsProvider = ServerNotificationsProvider;
 exports.SlideshowContainer = SlideshowContainer;