@evergis/react 4.0.37 → 4.0.38

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

@@ -5387,6 +5387,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 +8290,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,
@@ -12587,6 +12653,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 +12668,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 +12684,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;