@evergis/react 4.0.106 → 4.0.108

package/dist/react.esm.js

@@ -7663,17 +7663,17 @@ const useHideIfEmptyDataSource = (type = WidgetType.Dashboard) => {
 };
 
 const useProjectDashboardInit = () => {
+    const { currentPage } = useWidgetPage();
     const { projectInfo, updateProject } = useWidgetContext();
     return useCallback(() => {
-        if (!isEmpty(projectInfo?.content?.dashboardConfiguration) || !projectInfo?.content?.items?.length) {
+        if (!projectInfo || !isEmpty(projectInfo.content?.dashboardConfiguration)) {
             return;
         }
-        const { alias, name, content } = projectInfo || {};
-        const { items } = content || {};
+        const { alias, name } = projectInfo;
         const newProjectInfo = JSON.parse(JSON.stringify(projectInfo));
-        newProjectInfo.content.dashboardConfiguration = getDefaultConfig({ title: alias || name, items });
+        newProjectInfo.content.dashboardConfiguration = getDefaultConfig({ title: alias || name, items: currentPage?.layers });
         updateProject(newProjectInfo);
-    }, [projectInfo, updateProject]);
+    }, [currentPage?.layers, projectInfo, updateProject]);
 };
 
 const useRelatedDataSourceAttributes = ({ type = WidgetType.Dashboard, elementConfig, dataSources, feature, }) => {
@@ -8311,6 +8311,7 @@ const DEFAULT_BAR_PADDING = 1;
 const DEFAULT_BAR_CHART_HEIGHT = 100;
 const BAR_CHART_HEADER_HEIGHT = 40;
 const BAR_CHART_FOOTER_MARGIN = 16;
+const LINE_CHART_LABEL_MARGIN = 20;
 const DEFAULT_BAR_CHART_MARGINS = {
     top: 0,
     left: 0,
@@ -9354,7 +9355,7 @@ const useLayerGroupMenu = () => {
 
 const LayerGroup = ({ group, onlyMainTools }) => {
     const { projectInfo, updateProject } = useWidgetContext();
-    const { pageIndex } = useWidgetPage();
+    const { pageIndex, currentPage } = useWidgetPage();
     const { isMenuOpen, toggleMenu, options, selectOption } = useLayerGroupMenu();
     const onToggleExpand = useCallback((name, isExpanded) => {
         if (!projectInfo) {
@@ -9362,18 +9363,18 @@ const LayerGroup = ({ group, onlyMainTools }) => {
         }
         const newProjectInfo = JSON.parse(JSON.stringify(projectInfo));
         const page = getPagesFromProjectInfo(newProjectInfo)?.[pageIndex - 1];
-        page.layers = changeProps(projectInfo.content.items, { name }, { isExpanded });
+        page.layers = changeProps(currentPage?.layers, { name }, { isExpanded });
         updateProject(newProjectInfo);
-    }, [pageIndex, projectInfo, updateProject]);
+    }, [currentPage?.layers, pageIndex, projectInfo, updateProject]);
     const onToggleVisibility = useCallback((name, isVisible) => {
         if (!projectInfo) {
             return;
         }
         const newProjectInfo = JSON.parse(JSON.stringify(projectInfo));
         const page = getPagesFromProjectInfo(newProjectInfo)?.[pageIndex - 1];
-        page.layers = changeProps(projectInfo.content.items, { name }, { isVisible });
+        page.layers = changeProps(currentPage?.layers, { name }, { isVisible });
         updateProject(newProjectInfo);
-    }, [pageIndex, projectInfo, updateProject]);
+    }, [currentPage?.layers, pageIndex, projectInfo, updateProject]);
     if (!group) {
         return null;
     }
@@ -14376,11 +14377,17 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
                 .flat()
                 .map(({ values }) => values)
                 .flat();
+            // Резервируем нижнюю полосу под подписи оси X: без неё ось прижата к нижней границе,
+            // подписи (сдвинутые на +16px) вылезают за тело и режутся overflow: hidden у ChartFillMeasure.
+            const lineMargin = {
+                ...margin,
+                bottom: Math.max(margin.bottom, LINE_CHART_LABEL_MARGIN),
+            };
             return (jsxs(AnyChartWrapper, { height: chartHeight, children: [jsx(LineChartStyles, {}), jsx(LineChart, { data: lineChartData, labels: labels, markers: markers, width: chartWidth, height: chartHeight, xAxisPadding: 15, yAxisPadding: 0, min: Math.min(...chartValues), customYAxisSelection: yAxis => {
                             if (isHidedY) {
                                 yAxis.remove();
                             }
-                        }, customYAxis: yAxis => yAxis.ticks(4), renderTooltip: renderLineChartTooltip, customize: customize, dotSnapping: dotSnapping, dynamicTooltipEnable: true, stackedTooltip: true, tooltipClassName: "dashboardLineChartTooltip", drawGridX: !isHidedY, margin: margin })] }));
+                        }, customYAxis: yAxis => yAxis.ticks(4), renderTooltip: renderLineChartTooltip, customize: customize, dotSnapping: dotSnapping, dynamicTooltipEnable: true, stackedTooltip: true, tooltipClassName: "dashboardLineChartTooltip", drawGridX: !isHidedY, margin: lineMargin })] }));
         }
         if (isStackBar) {
             // Вне fill chartHeight — высота самой полосы, и обёртка честно становится выше на строку
@@ -14407,8 +14414,9 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
             ? chartHeight - margin.bottom - BAR_CHART_FOOTER_MARGIN
             : chartHeight;
         return (jsx(BarChartWrapper, { height: barBodyHeight + margin.bottom, children: jsx(BarChartContainer, { children: jsx(StyledBarChart, { data: barChartData, colors: getColorsFromFilterItems(data[0]?.items, defaultColor, formatFilterColor), minValue: getMinValueFromFilterItems(data[0]?.items), markers: markers, width: chartWidth, height: barBodyHeight, barWidth: barWidth, barPadding: padding, customYAxisLeft: customYAxisLeft, customXAxisBottom: xAxisBottom => customXAxisBottom(xAxisBottom, barChartData), customYAxis: axis => !showLabels && axis.remove(), customBars: ({ bars }) => {
-                        bars.attr("rx", radius);
-                        bars.attr("ry", radius);
+                        const barRadius = options?.cornerRadius ?? DEFAULT_BARCHART_RADIUS;
+                        bars.attr("rx", barRadius);
+                        bars.attr("ry", barRadius);
                     }, margin: margin, xAxisPadding: 0, yAxisPadding: 0, formatTooltipValue: formatTooltipValue, formatTooltipName: formatTooltipName, hideTooltipGroupName: true, dynamicTooltipEnable: true, isBarTooltip: true, onBarClick: filterName ? item => onFilter(item.name) : undefined }) }) }));
     }, [
         customXAxisBottom,