@evergis/react 4.0.72 → 4.0.74

package/dist/react.esm.js

@@ -8964,6 +8964,11 @@ const OverlayHeaderMixin = (overlay) => css `
     }
   }
 `;
+const NoFeatureHeaderMixin = css `
+  &&& {
+    min-height: 5.5rem;
+  }
+`;
 const Header = styled(Flex) `
   z-index: 1;
   position: relative;
@@ -8976,6 +8981,8 @@ const Header = styled(Flex) `
   ${({ $isRow }) => $isRow && RowHeaderMixin};
 
   ${({ $overlay }) => $overlay && OverlayHeaderMixin($overlay)};
+
+  ${({ $noFeature }) => $noFeature && NoFeatureHeaderMixin};
 `;
 const DefaultHeaderWrapper = styled.div `
   width: ${({ withPadding }) => (withPadding ? "100%" : "calc(100% + 1rem)")};
@@ -8984,6 +8991,12 @@ const DefaultHeaderWrapper = styled.div `
   background: url(${img$4}) 50% -2rem no-repeat;
   border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
 
+  ${({ $noFeature }) => $noFeature &&
+    css `
+      background-position: center;
+      background-size: cover;
+    `};
+
   ${({ fontColor }) => !!fontColor && HeaderFontColorMixin};
 `;
 
@@ -8992,7 +9005,9 @@ const HeaderTitle = ({ noFeature }) => {
     const { attributes, layerInfo, feature } = useWidgetContext(WidgetType.FeatureCard);
     const zoomToFeatures = useZoomToFeatures();
     const { configuration } = layerInfo || {};
-    const resultDescription = configuration?.alias || configuration?.name || "";
+    const resultDescription = noFeature
+        ? t("allLayers", { ns: "dashboard", defaultValue: "Все слои" })
+        : configuration?.alias || configuration?.name || "";
     const resultTitle = useMemo(() => {
         const layerDefinitionAttribute = configuration && attributes?.length
             ? attributes.find(item => item.attributeName === configuration?.attributesConfiguration?.titleAttribute)
@@ -9073,14 +9088,32 @@ const LayerIconClickable = styled.div `
   align-items: center;
   cursor: pointer;
 `;
+const NoFeatureIcon = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  margin-top: 0.25rem;
+  margin-right: 1rem;
+  margin-left: 0.25rem;
+
+  ${Icon}::after {
+    font-size: 1.5rem;
+    color: ${({ theme: { palette } }) => palette.iconDisabled};
+  }
+`;
 
-const HeaderLayerIcon = () => {
+const HeaderLayerIcon = ({ noFeature }) => {
     const { t } = useGlobalContext();
     const { layerInfo, feature } = useWidgetContext(WidgetType.FeatureCard);
     const zoomToFeatures = useZoomToFeatures();
     const getMaxZoomTo = useMaxZoomTo();
     const [optionsMaxZoomTo, layerMaxZoomTo] = useMemo(() => getMaxZoomTo(layerInfo?.name), [layerInfo?.name, getMaxZoomTo]);
     const handleIconClick = useCallback(() => zoomToFeatures([feature], { maxZoom: layerMaxZoomTo ?? optionsMaxZoomTo }), [zoomToFeatures, feature, layerMaxZoomTo, optionsMaxZoomTo]);
+    if (noFeature) {
+        return (jsx(NoFeatureIcon, { children: jsx(Icon, { kind: "no_geom" }) }));
+    }
     return (jsx(LayerIconClickable, { onClick: handleIconClick, children: jsx(Tooltip$1, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsx(LayerIcon, { innerRef: ref, layerInfo: layerInfo })) }) }));
 };
 
@@ -9089,7 +9122,7 @@ const FeatureCardDefaultHeader = ({ noFeature }) => {
     const { header } = config || {};
     const { options } = header || {};
     const { themeName, withPadding, column, height, overlay } = options || {};
-    return (jsx(DefaultHeaderWrapper, { withPadding: withPadding, height: height, children: jsx(ThemeProvider, { theme: getThemeByName(themeName), children: jsx(Header, { "$overlay": overlay, "$isRow": !column, children: jsxs(HeaderFrontView, { isDefault: !column, children: [jsxs(HeaderContainer, { children: [jsx(HeaderLayerIcon, {}), jsx(HeaderTitle, { noFeature: noFeature })] }), jsx(FeatureCardButtons, {})] }) }) }) }));
+    return (jsx(DefaultHeaderWrapper, { withPadding: withPadding, height: height, "$noFeature": noFeature, children: jsx(ThemeProvider, { theme: getThemeByName(themeName), children: jsx(Header, { "$overlay": overlay, "$isRow": !column, "$noFeature": noFeature, children: jsxs(HeaderFrontView, { isDefault: !column, children: [jsxs(HeaderContainer, { children: [jsx(HeaderLayerIcon, { noFeature: noFeature }), jsx(HeaderTitle, { noFeature: noFeature })] }), jsx(FeatureCardButtons, {})] }) }) }) }));
 };
 
 const ImageContainerButton = styled(FlatButton) `
@@ -12183,12 +12216,16 @@ const useChartData = ({ element, type }) => {
         layerInfos,
         dataSources,
     ]);
+    const isResolved = useMemo(() => !relatedAttributes?.length ||
+        relatedAttributes
+            .filter(({ chartAxis }) => chartAxis === "y")
+            .every(({ dataSourceName }) => Array.isArray(getDataSource(dataSourceName, dataSources)?.features)), [relatedAttributes, dataSources]);
     const [data, setData] = useState(fetchedData);
     useEffect(() => {
-        if (!loading) {
+        if (!loading && (fetchedData?.length || isResolved)) {
             setData(fetchedData);
         }
-    }, [loading, fetchedData]);
+    }, [loading, fetchedData, isResolved]);
     return { data, loading };
 };