@evergis/react 3.1.38 → 3.1.39

package/dist/react.esm.js

@@ -14,6 +14,8 @@ import { HubConnectionBuilder, LogLevel } from '@microsoft/signalr';
 import { changeProps, returnFound } from 'find-and';
 import MapboxDraw from '@mapbox/mapbox-gl-draw';
 import { geometryCollection, multiPolygon, polygon, multiLineString, multiPoint, point as point$1, bbox } from '@turf/turf';
+import { jsPDF } from 'jspdf';
+import html2canvas from 'html2canvas';
 import MapGL, { Source, Layer as Layer$1 } from 'react-map-gl/mapbox';
 import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
 import 'mapbox-gl/dist/mapbox-gl.css';
@@ -3375,6 +3377,7 @@ var ContainerTemplate;
     ContainerTemplate["Camera"] = "Camera";
     ContainerTemplate["AddFeature"] = "AddFeature";
     ContainerTemplate["Slideshow"] = "Slideshow";
+    ContainerTemplate["ExportPdf"] = "ExportPdf";
     ContainerTemplate["Divider"] = "Divider";
 })(ContainerTemplate || (ContainerTemplate = {}));
 var HeaderTemplate;
@@ -6002,7 +6005,7 @@ const PagesContainer = memo(({ type = WidgetType.Dashboard, noBorders }) => {
         setSelectedTabId,
         type,
     ]);
-    return (jsxs("div", { style: { width }, children: [jsx(ExpandableTitle, { elementConfig: config, type: type, renderElement: renderElement }), jsx(Container, { isColumn: isColumn, isMain: true, noBorders: noBorders, children: jsx(ContainerChildren, { items: filteredChildren, isMain: true, renderElement: renderElement }) })] }));
+    return (jsxs("div", { id: "dashboard-root", style: { width }, children: [jsx(ExpandableTitle, { elementConfig: config, type: type, renderElement: renderElement }), jsx(Container, { isColumn: isColumn, isMain: true, noBorders: noBorders, children: jsx(ContainerChildren, { items: filteredChildren, isMain: true, renderElement: renderElement }) })] }));
 });
 
 const TwoColumnsInnerContainer = memo(({ renderElement }) => {
@@ -6570,6 +6573,12 @@ const LayersContainer = memo(({ type, elementConfig, renderElement }) => {
     return (jsxs(Fragment$1, { children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsx(LayersContainerWrapper, { style: style, children: jsx(LayerTree, { layers: layers, onlyMainTools: true }) }))] }));
 });
 
+const ExportPdfContainer = memo(({ elementConfig }) => {
+    const { loading, onExport } = useExportPdf(["dashboard-root"]);
+    const { style } = elementConfig || {};
+    return (jsx(Container, { style: style, children: jsx(IconButton, { kind: "tools_print", primary: true, disabled: loading, onClick: onExport, children: "\u042D\u043A\u0441\u043F\u043E\u0440\u0442 \u0432 PDF" }) }));
+});
+
 const containerComponents = {
     [ContainerTemplate.DefaultAttributes]: DefaultAttributesContainer,
     [ContainerTemplate.Pages]: PagesContainer,
@@ -6591,6 +6600,7 @@ const containerComponents = {
     [ContainerTemplate.Camera]: CameraContainer,
     [ContainerTemplate.AddFeature]: AddFeatureContainer,
     [ContainerTemplate.Divider]: DividerContainer,
+    [ContainerTemplate.ExportPdf]: ExportPdfContainer,
     default: ContainersGroupContainer,
 };
 
@@ -9084,6 +9094,128 @@ const useExpandableContainers = () => {
     return [expandedContainers, expandContainer];
 };
 
+const useExportPdf = (ids) => {
+    const [loading, setLoading] = useState(false);
+    const onExport = useCallback(async () => {
+        if (ids.length === 0) {
+            return;
+        }
+        setLoading(true);
+        const pdf = new jsPDF("landscape", "pt", "a4", false);
+        for (let i = 0; i < ids.length; i++) {
+            const pageItemContents = document.querySelector(`#${ids[i]}`);
+            const data = await html2canvas(pageItemContents, {
+                scale: 2,
+                windowWidth: 800,
+                onclone: (clonedDocument, clonedElement) => {
+                    clonedDocument.body.style.width = "1920px";
+                    clonedDocument.body.style.height = "1080px";
+                    /* if (!isCoverPage) {
+                      clonedDocument.body.style.background = "#f4f7f9";
+                    }
+          
+                    const pageContainers = clonedElement.querySelectorAll(".export-page-container");
+                    const inputWrappers = clonedElement.querySelectorAll(".page-title-input");
+                    const textareas = clonedElement.querySelectorAll(".report-page-item-textarea");
+                    const datePickerWrappers = clonedElement.querySelectorAll(".report-page-item-datepicker");
+                    const pageBlockContainers = clonedElement.querySelectorAll(".report-page-block-container");
+                    const pageItemTitles = clonedDocument.querySelectorAll(".report-page-item-title");
+          
+                    pageContainers.forEach((element) => {
+                      (element as HTMLDivElement).style.background = isCoverPage ? "transparent" : "#f4f7f9";
+                      (element as HTMLDivElement).style.border = "none";
+                      (element as HTMLDivElement).style.padding = isCoverPage ? "0px" : "3rem 3rem 30rem";
+                      (element as HTMLDivElement).style.margin = isCoverPage ? "0px" : "initial";
+                    });
+          
+                    inputWrappers.forEach((inputWrapper) => {
+                      const input = inputWrapper.querySelector("input");
+                      const div = document.createElement("div");
+          
+                      div.innerText = (input as HTMLInputElement).value;
+          
+                      inputWrapper.replaceWith(div);
+                    });
+          
+                    textareas.forEach((textarea) => {
+                      const div = document.createElement("div");
+          
+                      if ((textarea as HTMLTextAreaElement).classList.contains("report-page-item-comment")) {
+                        if (isCoverPage) {
+                          (div as HTMLDivElement).style.display = "none";
+                        } else {
+                          (div as HTMLDivElement).style.fontSize = "24px";
+                          (div as HTMLDivElement).style.fontWeight = "400";
+                          (div as HTMLDivElement).style.opacity = "0.54";
+                          (div as HTMLDivElement).style.marginTop = "2rem";
+                        }
+                      }
+          
+                      if (isCoverPage) {
+                        if ((textarea as HTMLTextAreaElement).classList.contains("report-page-front-cover-title")) {
+                          (div as HTMLDivElement).style.fontSize = "32px";
+                          (div as HTMLDivElement).style.fontWeight = "300";
+                          (div as HTMLDivElement).style.lineHeight = "normal";
+                        }
+          
+                        if ((textarea as HTMLTextAreaElement).classList.contains("report-page-front-cover-comment")) {
+                          (div as HTMLDivElement).style.fontSize = "16px";
+                          (div as HTMLDivElement).style.fontWeight = "400";
+                          (div as HTMLDivElement).style.opacity = "0.54";
+                          (div as HTMLDivElement).style.lineHeight = "normal";
+                        }
+                      }
+          
+                      div.innerText = (textarea as HTMLTextAreaElement).value;
+          
+                      textarea.replaceWith(div);
+                    });
+          
+                    datePickerWrappers.forEach((inputWrapper) => {
+                      const input = inputWrapper.querySelector("input");
+                      const div = document.createElement("div");
+          
+                      if (isCoverPage) {
+                        (div as HTMLDivElement).style.fontSize = "12px";
+                        (div as HTMLDivElement).style.fontWeight = "400";
+                        (div as HTMLDivElement).style.opacity = "0.54";
+                      }
+          
+                      div.innerText = (input as HTMLInputElement).value;
+          
+                      inputWrapper.replaceWith(div);
+                    });
+          
+                    pageBlockContainers.forEach((element) => {
+                      (element as HTMLDivElement).style.background = "#ffffff";
+                    });
+          
+                    pageItemTitles.forEach((item) => {
+                      if (isCoverPage) {
+                        (item as HTMLDivElement).style.display = "none";
+                      } else {
+                        (item as HTMLDivElement).style.fontSize = "40px";
+                        (item as HTMLDivElement).style.fontWeight = "300";
+                        (item as HTMLDivElement).style.marginBottom = "2rem";
+                      }
+                    });*/
+                },
+            });
+            const img = data.toDataURL("image/png");
+            const imgProperties = pdf.getImageProperties(img);
+            const pdfWidth = pdf.internal.pageSize.getWidth();
+            const pdfHeight = (imgProperties.height * pdfWidth) / imgProperties.width;
+            if (i > 0) {
+                pdf.addPage("a4", "landscape");
+            }
+            pdf.addImage(img, "PNG", 0, 0, pdfWidth, pdfHeight);
+        }
+        pdf.save(`report_${format(new Date(), "yyyy-MM-dd_HH:mm:ss")}.pdf`);
+        setLoading(false);
+    }, [ids]);
+    return { loading, onExport };
+};
+
 const getMinMaxFromStringValue = (items, value, current, type) => {
     const valueIndex = items.findIndex(item => item.value === (type === "min" ? value.min : value.max));
     const currentIndex = items.findIndex(item => item.value === (type === "min" ? value.min : value.max));
@@ -9965,5 +10097,5 @@ const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...res
                 }, children: children }), upperSiblings] }));
 };
 
-export { AddFeatureButton, AddFeatureContainer, AttributeGalleryContainer, AttributeLabel, BaseMapTheme, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardGradientHeader, FeatureCardHeader, FeatureCardIconHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OneColumnContainer, PageNavigator, PageTitle, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, RoundedBackgroundContainer, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TmsType, TopContainer, TopContainerButtons, TwoColumnContainer, TwoColumnsInnerContainer, WidgetType, addDataSource, addDataSources, applyFiltersToCondition, applyQueryFilters, applyVarsToCondition, checkEqualOrIncludes, checkIsLoading, convertSpToTurfFeature, createConfigLayer, createConfigPage, createNewPageId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, getActualExtrusionHeight, getAttributeByName, getAttributeValue, getAttributesConfiguration, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDate, getDefaultConfig, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerDefinition, getLayerInfo, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getSelectedFilterValue, getSlideshowImages, getSvgUrl, getTotalFromAttributes, getTotalFromRelatedFeatures, hexToRgba, isCompositeLayerConfiguration, isEmptyElementValue, isEmptyValue, isHiddenEmptyValue, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isVisibleContainer, numberOptions, parseClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, useAppHeight, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useGetConfigLayer, useGlobalContext, useHeaderRender, useLayerParams, useMapContext, useMapDraw, useProjectDashboardInit, useRedrawLayer, useRelatedDataSourceAttributes, useRenderElement, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useZoomToFeatures, useZoomToPoint };
+export { AddFeatureButton, AddFeatureContainer, AttributeGalleryContainer, AttributeLabel, BaseMapTheme, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardGradientHeader, FeatureCardHeader, FeatureCardIconHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OneColumnContainer, PageNavigator, PageTitle, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, RoundedBackgroundContainer, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TmsType, TopContainer, TopContainerButtons, TwoColumnContainer, TwoColumnsInnerContainer, WidgetType, addDataSource, addDataSources, applyFiltersToCondition, applyQueryFilters, applyVarsToCondition, checkEqualOrIncludes, checkIsLoading, convertSpToTurfFeature, createConfigLayer, createConfigPage, createNewPageId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, getActualExtrusionHeight, getAttributeByName, getAttributeValue, getAttributesConfiguration, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDate, getDefaultConfig, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerDefinition, getLayerInfo, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getSelectedFilterValue, getSlideshowImages, getSvgUrl, getTotalFromAttributes, getTotalFromRelatedFeatures, hexToRgba, isCompositeLayerConfiguration, isEmptyElementValue, isEmptyValue, isHiddenEmptyValue, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isVisibleContainer, numberOptions, parseClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sliceShownOtherItems, timeOptions, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, useAppHeight, useChartChange, useChartData, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useExpandableContainers, useExportPdf, useGetConfigLayer, useGlobalContext, useHeaderRender, useLayerParams, useMapContext, useMapDraw, useProjectDashboardInit, useRedrawLayer, useRelatedDataSourceAttributes, useRenderElement, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useZoomToFeatures, useZoomToPoint };
 //# sourceMappingURL=react.esm.js.map