@evergis/react 4.0.37 → 4.0.39

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './map';
+export * from './project';
 export * from './serverNotifications';
 export * from './task';
 export * from './useAppHeight';

package/dist/hooks/project/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useMaxZoomTo';
+export * from './useCustomFeatureSelect';
+export * from './useCurrentPageLayers';
+export * from './useLayerHiddenAttributes';
+export * from './useVisibleProjectItems';

package/dist/hooks/project/useCurrentPageLayers.d.ts

@@ -0,0 +1 @@
+export declare const useCurrentPageLayers: () => import('../..').ConfigLayer[];

package/dist/hooks/project/useCustomFeatureSelect.d.ts

@@ -0,0 +1,2 @@
+import { CustomFeatureSelect } from '../../components/Dashboard/types';
+export declare const useCustomFeatureSelect: () => ((layerName?: string) => [CustomFeatureSelect | undefined, CustomFeatureSelect | undefined]);

package/dist/hooks/project/useLayerHiddenAttributes.d.ts

@@ -0,0 +1 @@
+export declare const useLayerHiddenAttributes: (layerName: string) => [string[], (updatedAttributes: string[]) => void];

package/dist/hooks/project/useMaxZoomTo.d.ts

@@ -0,0 +1 @@
+export declare const useMaxZoomTo: () => ((layerName?: string) => [number | undefined, number | undefined]);

package/dist/hooks/project/useVisibleProjectItems.d.ts

@@ -0,0 +1 @@
+export declare const useVisibleProjectItems: (applyMinMaxScale?: boolean) => import('../..').ConfigLayer[];

package/dist/index.js

@@ -8,6 +8,7 @@ var charts = require('@evergis/charts');
 var api = require('@evergis/api');
 var Gradient = require('javascript-color-gradient');
 var color$1 = require('@evergis/color');
+var turf = require('@turf/turf');
 var dateFns = require('date-fns');
 var lodash = require('lodash');
 var ru = require('date-fns/locale/ru');
@@ -17,7 +18,6 @@ var findAnd = require('find-and');
 var jspdf = require('jspdf');
 var html2canvas = require('html2canvas');
 var MapboxDraw = require('@mapbox/mapbox-gl-draw');
-var turf = require('@turf/turf');
 var MapGL = require('react-map-gl/maplibre');
 require('@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css');
 require('mapbox-gl/dist/mapbox-gl.css');
@@ -3630,6 +3630,27 @@ const adjustColor = (color, lightnessAdjustment = 5) => {
     return `#${toHex(rNew)}${toHex(gNew)}${toHex(bNew)}`;
 };
 
+const convertSpToTurfFeature = (geometry) => {
+    if (!geometry) {
+        return;
+    }
+    const { type, coordinates } = geometry;
+    switch (type) {
+        case api.OgcGeometryType.Point:
+            return turf.point(coordinates);
+        case api.OgcGeometryType.MultiPoint:
+            return turf.multiPoint(coordinates);
+        case api.OgcGeometryType.LineString:
+            return turf.lineString(coordinates);
+        case api.OgcGeometryType.MultiLineString:
+            return turf.multiLineString(coordinates);
+        case api.OgcGeometryType.Polygon:
+            return turf.polygon(coordinates);
+        case api.OgcGeometryType.MultiPolygon:
+            return turf.multiPolygon(coordinates);
+    }
+};
+
 const NO_CONTENT_VALUE = "—";
 exports.DateFormat = void 0;
 (function (DateFormat) {
@@ -5341,17 +5362,25 @@ const useRedrawLayer = () => {
     }, [map]);
 };
 
+const SINGLE_FEATURE_FALLBACK_ZOOM = 17;
 const useZoomToFeatures = () => {
     const { map } = useMapContext();
     return React.useCallback((features, options) => {
         if (!features) {
             return;
         }
-        const currentFeatureCenter = turf.bbox({
+        const [minX, minY, maxX, maxY] = turf.bbox({
             type: "FeatureCollection",
-            features: features,
+            features: features.map(feature => convertSpToTurfFeature(feature.geometry)),
+        });
+        if (minX === maxX && minY === maxY) {
+            map.current.flyTo({ center: [minX, minY], zoom: options?.maxZoom ?? SINGLE_FEATURE_FALLBACK_ZOOM });
+            return;
+        }
+        map.current.fitBounds([minX, minY, maxX, maxY], {
+            ...options,
+            padding: options?.padding ?? 150,
         });
-        map.current.fitBounds(currentFeatureCenter, { ...options, padding: options?.padding ?? 150 });
     }, [map]);
 };
 
@@ -5387,6 +5416,70 @@ const useLayerParams = (layer) => {
     return layerParams;
 };
 
+const useMaxZoomTo = () => {
+    const { currentPage } = useWidgetPage();
+    return React.useCallback((layerName) => {
+        if (!layerName) {
+            return [currentPage?.options?.maxZoomTo, undefined];
+        }
+        return [currentPage?.options?.maxZoomTo, currentPage?.layers?.find(item => item.name === layerName)?.maxZoomTo];
+    }, [currentPage?.layers, currentPage?.options?.maxZoomTo]);
+};
+
+const useCustomFeatureSelect = () => {
+    const { currentPage } = useWidgetPage();
+    return React.useCallback((layerName) => {
+        if (!layerName) {
+            return [currentPage?.options?.customFeatureSelect, undefined];
+        }
+        return [
+            currentPage?.options?.customFeatureSelect,
+            currentPage?.layers?.find(item => item.name === layerName)?.customFeatureSelect,
+        ];
+    }, [currentPage?.layers, currentPage?.options?.customFeatureSelect]);
+};
+
+const useCurrentPageLayers = () => {
+    const { currentPage } = useWidgetPage();
+    return React.useMemo(() => currentPage?.layers || [], [currentPage?.layers]);
+};
+
+const useLayerHiddenAttributes = (layerName) => {
+    const { currentPage, updateConfigPage } = useWidgetPage();
+    const layerHiddenAttributes = React.useMemo(() => {
+        return currentPage?.layers?.find(item => item.name === layerName)?.hiddenAttributes ?? [];
+    }, [currentPage?.layers, layerName]);
+    const updateLayerHiddenAttributes = React.useCallback((updatedHiddenAttributes) => {
+        updateConfigPage({
+            ...currentPage,
+            layers: currentPage?.layers?.map(item => {
+                return item.name === layerName
+                    ? {
+                        ...item,
+                        hiddenAttributes: updatedHiddenAttributes,
+                    }
+                    : item;
+            }),
+        });
+    }, [currentPage, layerName, updateConfigPage]);
+    return [layerHiddenAttributes, updateLayerHiddenAttributes];
+};
+
+const useVisibleProjectItems = (applyMinMaxScale) => {
+    const { map } = useMapContext();
+    const projectItems = useCurrentPageLayers();
+    const zoomChange = React.useMemo(() => (applyMinMaxScale && map.current?.getZoom() !== undefined ? Math.round(map.current?.getZoom()) : undefined), [applyMinMaxScale, map.current?.getZoom()]);
+    return React.useMemo(() => {
+        if (map.current?.getZoom() === undefined) {
+            return [];
+        }
+        return (projectItems?.filter(item => item.isVisible &&
+            (!applyMinMaxScale ||
+                (Math.round(map.current.getZoom()) >= (item.minScale ?? 0) &&
+                    Math.round(map.current.getZoom()) <= (item.maxScale ?? 30)))) ?? []);
+    }, [projectItems, zoomChange, applyMinMaxScale]);
+};
+
 const useServerNotificationsContext = () => {
     return React.useContext(ServerNotificationsContext);
 };
@@ -8226,11 +8319,13 @@ const FeatureCardIconHeader = ({ isRow }) => {
     const { layerInfo, feature } = useWidgetContext(exports.WidgetType.FeatureCard);
     const { config } = useWidgetConfig(exports.WidgetType.FeatureCard);
     const zoomToFeatures = useZoomToFeatures();
+    const getMaxZoomTo = useMaxZoomTo();
+    const [optionsMaxZoomTo, layerMaxZoomTo] = React.useMemo(() => getMaxZoomTo(layerInfo?.name), [layerInfo?.name, getMaxZoomTo]);
     const { header } = config || {};
     const { options } = header || {};
     const { fontColor, bgColor, bigIcon } = options || {};
     const renderElement = useHeaderRender(header);
-    const handleIconClick = React.useCallback(() => zoomToFeatures([feature]), [zoomToFeatures, feature]);
+    const handleIconClick = React.useCallback(() => zoomToFeatures([feature], { maxZoom: layerMaxZoomTo ?? optionsMaxZoomTo }), [zoomToFeatures, feature, layerMaxZoomTo, optionsMaxZoomTo]);
     return (jsxRuntime.jsx(IconHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, "$bigIcon": bigIcon, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: uilibGl.defaultTheme, children: jsxRuntime.jsxs(Header, { "$isRow": isRow, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { children: [jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsxRuntime.jsx(LayerIconClickable, { ref: ref, onClick: handleIconClick, children: jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }) })) }), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
                                             id: "title",
                                             wrap: false,
@@ -12495,6 +12590,7 @@ exports.applyQueryFilters = applyQueryFilters;
 exports.applyVarsToCondition = applyVarsToCondition;
 exports.checkEqualOrIncludes = checkEqualOrIncludes;
 exports.checkIsLoading = checkIsLoading;
+exports.convertSpToTurfFeature = convertSpToTurfFeature;
 exports.createConfigLayer = createConfigLayer;
 exports.createConfigPage = createConfigPage;
 exports.createNewPageId = createNewPageId;
@@ -12587,6 +12683,8 @@ exports.useAppHeight = useAppHeight;
 exports.useAutoCompleteControl = useAutoCompleteControl;
 exports.useChartChange = useChartChange;
 exports.useChartData = useChartData;
+exports.useCurrentPageLayers = useCurrentPageLayers;
+exports.useCustomFeatureSelect = useCustomFeatureSelect;
 exports.useDashboardHeader = useDashboardHeader;
 exports.useDataSources = useDataSources;
 exports.useDebouncedCallback = useDebouncedCallback;
@@ -12600,10 +12698,12 @@ exports.useGlobalContext = useGlobalContext;
 exports.useHeaderRender = useHeaderRender;
 exports.useHideIfEmptyDataSource = useHideIfEmptyDataSource;
 exports.useIconsFromLayers = useIconsFromLayers;
+exports.useLayerHiddenAttributes = useLayerHiddenAttributes;
 exports.useLayerParams = useLayerParams;
 exports.useMapContext = useMapContext;
 exports.useMapDraw = useMapDraw;
 exports.useMapImages = useMapImages;
+exports.useMaxZoomTo = useMaxZoomTo;
 exports.useProjectDashboardInit = useProjectDashboardInit;
 exports.usePythonSandbox = usePythonSandbox;
 exports.usePythonTask = usePythonTask;
@@ -12614,6 +12714,7 @@ exports.useServerNotificationsContext = useServerNotificationsContext;
 exports.useShownOtherItems = useShownOtherItems;
 exports.useToggle = useToggle;
 exports.useUpdateDataSource = useUpdateDataSource;
+exports.useVisibleProjectItems = useVisibleProjectItems;
 exports.useWidgetConfig = useWidgetConfig;
 exports.useWidgetContext = useWidgetContext;
 exports.useWidgetFilters = useWidgetFilters;