@evergis/react 4.0.34 → 4.0.36

package/dist/components/Dashboard/containers/TaskContainer/utils/buildEmptyFiltersFromResponse.d.ts

@@ -0,0 +1,2 @@
+import { SelectedFilters } from '../../../types';
+export declare const buildEmptyFiltersFromResponse: (responseFilters: Record<string, string> | undefined) => SelectedFilters | null;

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

@@ -167,6 +167,7 @@ export interface ConfigOptions {
     expandedLayers?: boolean;
     modalId?: string;
     url?: string;
+    maxZoomTo?: number;
     customFeatureSelect?: CustomFeatureSelect;
 }
 export interface ConfigDataSource {
@@ -233,6 +234,7 @@ export interface ConfigLayer {
     searchFields?: string[];
     minScale?: number;
     maxScale?: number;
+    maxZoomTo?: number;
     hiddenAttributes?: string[];
     customFeatureSelect?: CustomFeatureSelect;
 }

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

@@ -1,2 +1,3 @@
 import { FeatureDc } from '@evergis/api';
-export declare const useZoomToFeatures: () => (features?: FeatureDc[], padding?: number) => void;
+import { FitBoundsOptions } from 'maplibre-gl';
+export declare const useZoomToFeatures: () => (features?: FeatureDc[], options?: FitBoundsOptions) => void;

package/dist/index.js

@@ -5342,7 +5342,7 @@ const useRedrawLayer = () => {
 
 const useZoomToFeatures = () => {
     const { map } = useMapContext();
-    return React.useCallback((features, padding) => {
+    return React.useCallback((features, options) => {
         if (!features) {
             return;
         }
@@ -5350,7 +5350,7 @@ const useZoomToFeatures = () => {
             type: "FeatureCollection",
             features: features,
         });
-        map.current.fitBounds(currentFeatureCenter, { padding: padding ?? 150 });
+        map.current.fitBounds(currentFeatureCenter, { ...options, padding: options?.padding ?? 150 });
     }, [map]);
 };
 
@@ -11404,10 +11404,11 @@ const StackBar = ({ data, filterName, type, alias, options, renderElement, rende
             ?.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 visibleItems = React.useMemo(() => items?.filter(({ value }) => Number(value) > 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 renderGroupTooltip = React.useMemo(() => (jsxRuntime.jsx(uilibGl.ThemeProvider, { children: jsxRuntime.jsx(ChartTooltipTable, { cellPadding: 0, cellSpacing: 0, children: visibleItems?.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))) }) })), [visibleItems]);
     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]);
+    const renderItems = React.useMemo(() => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: visibleItems?.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, visibleItems, renderItem, renderTooltip]);
     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: attribute