@undp/data-viz 2.4.1 → 2.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AreaChart.cjs +1 -1
- package/dist/AreaChart.cjs.map +1 -1
- package/dist/AreaChart.d.ts +11 -9
- package/dist/AreaChart.js +320 -322
- package/dist/AreaChart.js.map +1 -1
- package/dist/BarGraph.cjs +1 -1
- package/dist/BarGraph.cjs.map +1 -1
- package/dist/BarGraph.d.ts +15 -25
- package/dist/BarGraph.js +1694 -1694
- package/dist/BarGraph.js.map +1 -1
- package/dist/BasicStatCard.cjs +1 -1
- package/dist/BasicStatCard.cjs.map +1 -1
- package/dist/BasicStatCard.d.ts +13 -9
- package/dist/BasicStatCard.js +79 -81
- package/dist/BasicStatCard.js.map +1 -1
- package/dist/BeeSwarmChart.cjs +1 -1
- package/dist/BeeSwarmChart.cjs.map +1 -1
- package/dist/BeeSwarmChart.d.ts +11 -9
- package/dist/BeeSwarmChart.js +335 -336
- package/dist/BeeSwarmChart.js.map +1 -1
- package/dist/BiVariateChoroplethMap.cjs +1 -1
- package/dist/BiVariateChoroplethMap.cjs.map +1 -1
- package/dist/BiVariateChoroplethMap.d.ts +13 -3
- package/dist/BiVariateChoroplethMap.js +309 -304
- package/dist/BiVariateChoroplethMap.js.map +1 -1
- package/dist/BulletChart.cjs +1 -1
- package/dist/BulletChart.cjs.map +1 -1
- package/dist/BulletChart.d.ts +11 -5
- package/dist/BulletChart.js +560 -559
- package/dist/BulletChart.js.map +1 -1
- package/dist/ButterflyChart.cjs +1 -1
- package/dist/ButterflyChart.cjs.map +1 -1
- package/dist/ButterflyChart.d.ts +11 -9
- package/dist/ButterflyChart.js +348 -350
- package/dist/ButterflyChart.js.map +1 -1
- package/dist/ChoroplethMap.cjs +1 -1
- package/dist/ChoroplethMap.cjs.map +1 -1
- package/dist/ChoroplethMap.d.ts +11 -3
- package/dist/ChoroplethMap.js +314 -311
- package/dist/ChoroplethMap.js.map +1 -1
- package/dist/CirclePackingGraph.cjs +1 -1
- package/dist/CirclePackingGraph.d.ts +11 -9
- package/dist/CirclePackingGraph.js +1 -1
- package/dist/DataCards.cjs +1 -1
- package/dist/DataCards.d.ts +1 -1
- package/dist/DataCards.js +1 -1
- package/dist/DataTable.cjs +1 -1
- package/dist/DataTable.cjs.map +1 -1
- package/dist/DataTable.d.ts +4 -5
- package/dist/DataTable.js +114 -116
- package/dist/DataTable.js.map +1 -1
- package/dist/{DetailsModal-jmmKRMRM.cjs → DetailsModal-Du8Fr1QD.cjs} +2 -2
- package/dist/{DetailsModal-jmmKRMRM.cjs.map → DetailsModal-Du8Fr1QD.cjs.map} +1 -1
- package/dist/{DetailsModal-B2XBWR7w.js → DetailsModal-GqEbGHY2.js} +2 -2
- package/dist/{DetailsModal-B2XBWR7w.js.map → DetailsModal-GqEbGHY2.js.map} +1 -1
- package/dist/DifferenceLineChart.cjs +1 -1
- package/dist/DifferenceLineChart.cjs.map +1 -1
- package/dist/DifferenceLineChart.d.ts +11 -9
- package/dist/DifferenceLineChart.js +502 -504
- package/dist/DifferenceLineChart.js.map +1 -1
- package/dist/DonutChart.cjs +1 -1
- package/dist/DonutChart.cjs.map +1 -1
- package/dist/DonutChart.d.ts +14 -9
- package/dist/DonutChart.js +174 -179
- package/dist/DonutChart.js.map +1 -1
- package/dist/DotDensityMap.cjs +1 -1
- package/dist/DotDensityMap.cjs.map +1 -1
- package/dist/DotDensityMap.d.ts +1 -1
- package/dist/DotDensityMap.js +270 -267
- package/dist/DotDensityMap.js.map +1 -1
- package/dist/DualAxisLineChart.cjs +1 -1
- package/dist/DualAxisLineChart.cjs.map +1 -1
- package/dist/DualAxisLineChart.d.ts +13 -9
- package/dist/DualAxisLineChart.js +341 -351
- package/dist/DualAxisLineChart.js.map +1 -1
- package/dist/DumbbellChart.cjs +1 -1
- package/dist/DumbbellChart.cjs.map +1 -1
- package/dist/DumbbellChart.d.ts +11 -9
- package/dist/DumbbellChart.js +592 -593
- package/dist/DumbbellChart.js.map +1 -1
- package/dist/GeoHubCompareMaps.cjs +1 -1
- package/dist/GeoHubCompareMaps.d.ts +1 -1
- package/dist/GeoHubCompareMaps.js +1 -1
- package/dist/GeoHubMap.cjs +1 -1
- package/dist/GeoHubMap.d.ts +1 -1
- package/dist/GeoHubMap.js +1 -1
- package/dist/GeoHubMapWithLayerSelection.cjs +1 -1
- package/dist/GeoHubMapWithLayerSelection.d.ts +1 -1
- package/dist/GeoHubMapWithLayerSelection.js +1 -1
- package/dist/GraphEl-BgkDbq50.cjs +2 -0
- package/dist/GraphEl-BgkDbq50.cjs.map +1 -0
- package/dist/GraphEl-Ch0uAeZw.js +1830 -0
- package/dist/GraphEl-Ch0uAeZw.js.map +1 -0
- package/dist/GriddedGraphs.cjs +1 -1
- package/dist/GriddedGraphs.d.ts +29 -16
- package/dist/GriddedGraphs.js +1 -1
- package/dist/GriddedGraphsFromConfig.d.ts +29 -16
- package/dist/HeatMap.cjs +1 -1
- package/dist/HeatMap.cjs.map +1 -1
- package/dist/HeatMap.d.ts +11 -9
- package/dist/HeatMap.js +203 -205
- package/dist/HeatMap.js.map +1 -1
- package/dist/Histogram.cjs +1 -1
- package/dist/Histogram.cjs.map +1 -1
- package/dist/Histogram.d.ts +11 -5
- package/dist/Histogram.js +88 -89
- package/dist/Histogram.js.map +1 -1
- package/dist/HybridMap.cjs +1 -1
- package/dist/HybridMap.cjs.map +1 -1
- package/dist/HybridMap.d.ts +11 -3
- package/dist/HybridMap.js +339 -336
- package/dist/HybridMap.js.map +1 -1
- package/dist/ImageDownloadButton.cjs +1 -1
- package/dist/ImageDownloadButton.js +1 -1
- package/dist/LineChartWithConfidenceInterval.cjs +1 -1
- package/dist/LineChartWithConfidenceInterval.cjs.map +1 -1
- package/dist/LineChartWithConfidenceInterval.d.ts +11 -9
- package/dist/LineChartWithConfidenceInterval.js +393 -395
- package/dist/LineChartWithConfidenceInterval.js.map +1 -1
- package/dist/LinearColorLegend.cjs +1 -1
- package/dist/LinearColorLegend.js +1 -1
- package/dist/MultiGraphDashboard.d.ts +29 -16
- package/dist/MultiGraphDashboardFromConfig.d.ts +29 -16
- package/dist/MultiGraphDashboardWideToLongFormat.d.ts +1 -1
- package/dist/MultiGraphDashboardWideToLongFormatFromConfig.d.ts +1 -1
- package/dist/MultiLineAltChart.cjs +1 -1
- package/dist/MultiLineAltChart.cjs.map +1 -1
- package/dist/MultiLineAltChart.d.ts +11 -9
- package/dist/MultiLineAltChart.js +411 -413
- package/dist/MultiLineAltChart.js.map +1 -1
- package/dist/MultiLineChart.cjs +1 -1
- package/dist/MultiLineChart.cjs.map +1 -1
- package/dist/MultiLineChart.d.ts +11 -9
- package/dist/MultiLineChart.js +438 -440
- package/dist/MultiLineChart.js.map +1 -1
- package/dist/ParetoChart.cjs +1 -1
- package/dist/ParetoChart.cjs.map +1 -1
- package/dist/ParetoChart.d.ts +13 -13
- package/dist/ParetoChart.js +347 -355
- package/dist/ParetoChart.js.map +1 -1
- package/dist/PerformanceIntensiveMultiGraphDashboard.d.ts +29 -16
- package/dist/PerformanceIntensiveMultiGraphDashboardFromConfig.d.ts +29 -16
- package/dist/PerformanceIntensiveScrollStory.d.ts +29 -16
- package/dist/RadarChart.cjs +1 -1
- package/dist/RadarChart.cjs.map +1 -1
- package/dist/RadarChart.d.ts +11 -5
- package/dist/RadarChart.js +213 -213
- package/dist/RadarChart.js.map +1 -1
- package/dist/SankeyChart.cjs +1 -1
- package/dist/SankeyChart.cjs.map +1 -1
- package/dist/SankeyChart.d.ts +11 -9
- package/dist/SankeyChart.js +448 -450
- package/dist/SankeyChart.js.map +1 -1
- package/dist/ScatterPlot.cjs +1 -1
- package/dist/ScatterPlot.cjs.map +1 -1
- package/dist/ScatterPlot.d.ts +15 -13
- package/dist/ScatterPlot.js +477 -483
- package/dist/ScatterPlot.js.map +1 -1
- package/dist/ScrollStory.d.ts +29 -16
- package/dist/SimpleLineChart.cjs +1 -1
- package/dist/SimpleLineChart.cjs.map +1 -1
- package/dist/SimpleLineChart.d.ts +11 -9
- package/dist/SimpleLineChart.js +362 -364
- package/dist/SimpleLineChart.js.map +1 -1
- package/dist/SingleGraphDashboard.cjs +1 -1
- package/dist/SingleGraphDashboard.d.ts +29 -16
- package/dist/SingleGraphDashboard.js +1 -1
- package/dist/SingleGraphDashboardFromConfig.d.ts +29 -16
- package/dist/SingleGraphDashboardGeoHubMaps.d.ts +29 -16
- package/dist/SingleGraphDashboardGeoHubMapsFromConfig.d.ts +29 -16
- package/dist/SingleGraphDashboardThreeDGraphs.cjs +1 -1
- package/dist/SingleGraphDashboardThreeDGraphs.cjs.map +1 -1
- package/dist/SingleGraphDashboardThreeDGraphs.d.ts +29 -16
- package/dist/SingleGraphDashboardThreeDGraphs.js +40 -39
- package/dist/SingleGraphDashboardThreeDGraphs.js.map +1 -1
- package/dist/SingleGraphDashboardThreeDGraphsFromConfig.d.ts +29 -16
- package/dist/SlopeChart.cjs +1 -1
- package/dist/SlopeChart.d.ts +1 -1
- package/dist/SlopeChart.js +2 -2
- package/dist/SparkLine.cjs +1 -1
- package/dist/SparkLine.d.ts +1 -1
- package/dist/SparkLine.js +1 -1
- package/dist/StatCardFromData.cjs +1 -1
- package/dist/StatCardFromData.cjs.map +1 -1
- package/dist/StatCardFromData.d.ts +11 -9
- package/dist/StatCardFromData.js +113 -116
- package/dist/StatCardFromData.js.map +1 -1
- package/dist/StripChart.cjs +1 -1
- package/dist/StripChart.cjs.map +1 -1
- package/dist/StripChart.d.ts +11 -9
- package/dist/StripChart.js +434 -435
- package/dist/StripChart.js.map +1 -1
- package/dist/ThreeDGlobe.cjs +1 -1
- package/dist/ThreeDGlobe.cjs.map +1 -1
- package/dist/ThreeDGlobe.d.ts +11 -3
- package/dist/ThreeDGlobe.js +143 -143
- package/dist/ThreeDGlobe.js.map +1 -1
- package/dist/ThresholdColorLegendWithMouseOver.cjs +1 -1
- package/dist/ThresholdColorLegendWithMouseOver.js +1 -1
- package/dist/{Tooltip-Bj-s__cI.js → Tooltip-3EYDVa3w.js} +2 -2
- package/dist/{Tooltip-Bj-s__cI.js.map → Tooltip-3EYDVa3w.js.map} +1 -1
- package/dist/{Tooltip-Hr46paWP.cjs → Tooltip-C9F3uYG0.cjs} +2 -2
- package/dist/{Tooltip-Hr46paWP.cjs.map → Tooltip-C9F3uYG0.cjs.map} +1 -1
- package/dist/TreeMapGraph.cjs +1 -1
- package/dist/TreeMapGraph.cjs.map +1 -1
- package/dist/TreeMapGraph.d.ts +11 -9
- package/dist/TreeMapGraph.js +369 -371
- package/dist/TreeMapGraph.js.map +1 -1
- package/dist/Types.d.ts +29 -16
- package/dist/UnitChart.cjs +1 -1
- package/dist/UnitChart.cjs.map +1 -1
- package/dist/UnitChart.d.ts +11 -5
- package/dist/UnitChart.js +118 -119
- package/dist/UnitChart.js.map +1 -1
- package/dist/WaterfallChart.cjs +1 -1
- package/dist/WaterfallChart.cjs.map +1 -1
- package/dist/WaterfallChart.d.ts +11 -9
- package/dist/WaterfallChart.js +306 -308
- package/dist/WaterfallChart.js.map +1 -1
- package/dist/XTicksAndGridLines-B4UhDVyU.cjs +2 -0
- package/dist/XTicksAndGridLines-B4UhDVyU.cjs.map +1 -0
- package/dist/XTicksAndGridLines-CkYwVshF.js +40 -0
- package/dist/XTicksAndGridLines-CkYwVshF.js.map +1 -0
- package/dist/YTicksAndGridLines-BbujwxOB.js +40 -0
- package/dist/YTicksAndGridLines-BbujwxOB.js.map +1 -0
- package/dist/YTicksAndGridLines-sT3zdCs6.cjs +2 -0
- package/dist/YTicksAndGridLines-sT3zdCs6.cjs.map +1 -0
- package/dist/{imageDownload-Diofs_vY.js → imageDownload-BYsNEtMS.js} +11 -11
- package/dist/{imageDownload-Diofs_vY.js.map → imageDownload-BYsNEtMS.js.map} +1 -1
- package/dist/{imageDownload-61q6jyJW.cjs → imageDownload-CkMwA7Cw.cjs} +4 -4
- package/dist/{imageDownload-61q6jyJW.cjs.map → imageDownload-CkMwA7Cw.cjs.map} +1 -1
- package/dist/index-BPyj_6hG.js +375 -0
- package/dist/index-BPyj_6hG.js.map +1 -0
- package/dist/index-DuLvdHo2.cjs +2 -0
- package/dist/index-DuLvdHo2.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +108 -245
- package/dist/index.js +3 -3
- package/dist/numberFormattingFunction-BUUV_luR.js +28 -0
- package/dist/numberFormattingFunction-BUUV_luR.js.map +1 -0
- package/dist/numberFormattingFunction-u2iNHL_c.cjs +2 -0
- package/dist/numberFormattingFunction-u2iNHL_c.cjs.map +1 -0
- package/dist/{string2HTML-ZoGd08P_.cjs → string2HTML-30nfIm8R.cjs} +2 -2
- package/dist/{string2HTML-ZoGd08P_.cjs.map → string2HTML-30nfIm8R.cjs.map} +1 -1
- package/dist/{string2HTML-BrFperRM.js → string2HTML-DL-pInUB.js} +2 -2
- package/dist/{string2HTML-BrFperRM.js.map → string2HTML-DL-pInUB.js.map} +1 -1
- package/dist/style.css +1 -1
- package/dist/utils.cjs +1 -1
- package/dist/utils.d.ts +1 -1
- package/dist/utils.js +2 -2
- package/package.json +2 -2
- package/dist/GraphEl-B73N4RIA.js +0 -1906
- package/dist/GraphEl-B73N4RIA.js.map +0 -1
- package/dist/GraphEl-Lt1og0C-.cjs +0 -2
- package/dist/GraphEl-Lt1og0C-.cjs.map +0 -1
- package/dist/XTicksAndGridLines-C5DuC5oY.cjs +0 -2
- package/dist/XTicksAndGridLines-C5DuC5oY.cjs.map +0 -1
- package/dist/XTicksAndGridLines-gdbGX2rm.js +0 -39
- package/dist/XTicksAndGridLines-gdbGX2rm.js.map +0 -1
- package/dist/YTicksAndGridLines-CsNSq9W9.js +0 -39
- package/dist/YTicksAndGridLines-CsNSq9W9.js.map +0 -1
- package/dist/YTicksAndGridLines-DFjm8RCc.cjs +0 -2
- package/dist/YTicksAndGridLines-DFjm8RCc.cjs.map +0 -1
- package/dist/index-B0Awa_de.js +0 -377
- package/dist/index-B0Awa_de.js.map +0 -1
- package/dist/index-CP8cmNzt.cjs +0 -2
- package/dist/index-CP8cmNzt.cjs.map +0 -1
- package/dist/numberFormattingFunction-Cn9R7CM9.cjs +0 -2
- package/dist/numberFormattingFunction-Cn9R7CM9.cjs.map +0 -1
- package/dist/numberFormattingFunction-DqMf_v1m.js +0 -28
- package/dist/numberFormattingFunction-DqMf_v1m.js.map +0 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FeatureCollection } from 'geojson';
|
|
2
2
|
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
import { ReactElement } from 'react';
|
|
3
4
|
|
|
4
5
|
declare interface AdvancedDataSelectionDataType {
|
|
5
6
|
label?: string;
|
|
@@ -164,6 +165,9 @@ declare interface DataTableColumnDataType {
|
|
|
164
165
|
align?: 'left' | 'right' | 'center';
|
|
165
166
|
suffix?: string;
|
|
166
167
|
prefix?: string;
|
|
168
|
+
locale?: string;
|
|
169
|
+
precision?: number;
|
|
170
|
+
padZeros?: boolean;
|
|
167
171
|
columnWidth?: number;
|
|
168
172
|
}
|
|
169
173
|
|
|
@@ -218,8 +222,6 @@ declare interface GraphSettingsDataType {
|
|
|
218
222
|
footNote?: string | React.ReactNode;
|
|
219
223
|
height?: number;
|
|
220
224
|
width?: number;
|
|
221
|
-
suffix?: string;
|
|
222
|
-
prefix?: string;
|
|
223
225
|
sources?: SourcesDataType[];
|
|
224
226
|
barPadding?: number;
|
|
225
227
|
showTicks?: boolean;
|
|
@@ -249,7 +251,14 @@ declare interface GraphSettingsDataType {
|
|
|
249
251
|
barColors?: [string, string];
|
|
250
252
|
centerGap?: number;
|
|
251
253
|
columnData?: DataTableColumnDataType[];
|
|
252
|
-
mainText?: string
|
|
254
|
+
mainText?: string | {
|
|
255
|
+
label: string;
|
|
256
|
+
suffix?: string;
|
|
257
|
+
prefix?: string;
|
|
258
|
+
locale?: string;
|
|
259
|
+
padZeros?: boolean;
|
|
260
|
+
precision?: number;
|
|
261
|
+
} | ReactElement;
|
|
253
262
|
subNote?: string;
|
|
254
263
|
radius?: number;
|
|
255
264
|
strokeWidth?: number;
|
|
@@ -405,16 +414,6 @@ declare interface GraphSettingsDataType {
|
|
|
405
414
|
colorLegendColors?: string[];
|
|
406
415
|
colorLegendDomain?: string[];
|
|
407
416
|
barAxisTitle?: string;
|
|
408
|
-
barSuffix?: string;
|
|
409
|
-
barPrefix?: string;
|
|
410
|
-
lineSuffix?: string;
|
|
411
|
-
linePrefix?: string;
|
|
412
|
-
xSuffix?: string;
|
|
413
|
-
xPrefix?: string;
|
|
414
|
-
ySuffix?: string;
|
|
415
|
-
yPrefix?: string;
|
|
416
|
-
lineSuffixes?: [string, string];
|
|
417
|
-
linePrefixes?: [string, string];
|
|
418
417
|
allowDataDownloadOnDetail?: string | boolean;
|
|
419
418
|
noOfItemsInAPage?: number;
|
|
420
419
|
curveType?: CurveTypes;
|
|
@@ -434,7 +433,6 @@ declare interface GraphSettingsDataType {
|
|
|
434
433
|
measureBarWidthFactor?: number;
|
|
435
434
|
mapLegend?: string | React.ReactNode | MapLegendDataType[];
|
|
436
435
|
dimmedOpacity?: number;
|
|
437
|
-
precision?: number;
|
|
438
436
|
customLayers?: CustomLayerDataType[];
|
|
439
437
|
dashedLines?: (string | number)[];
|
|
440
438
|
dashSettings?: string[];
|
|
@@ -471,7 +469,14 @@ declare interface GraphSettingsDataType {
|
|
|
471
469
|
showVoronoiTesselation?: boolean;
|
|
472
470
|
mapOverlay?: MapOverlayDataType;
|
|
473
471
|
useVoronoiInteraction?: boolean;
|
|
474
|
-
|
|
472
|
+
numberDisplayOptions?: NumberFormatOptions;
|
|
473
|
+
leftLineNumberDisplayOptions?: NumberFormatOptions;
|
|
474
|
+
rightLineNumberDisplayOptions?: NumberFormatOptions;
|
|
475
|
+
barNumberDisplayOptions?: NumberFormatOptions;
|
|
476
|
+
lineNumberDisplayOptions?: NumberFormatOptions;
|
|
477
|
+
xNumberDisplayOptions?: NumberFormatOptions;
|
|
478
|
+
yNumberDisplayOptions?: NumberFormatOptions;
|
|
479
|
+
defaultColor?: string;
|
|
475
480
|
}
|
|
476
481
|
|
|
477
482
|
declare interface HighlightAreaSettingsDataType {
|
|
@@ -498,7 +503,7 @@ declare type HighlightDataPointSettingsDataType = {
|
|
|
498
503
|
width?: string;
|
|
499
504
|
};
|
|
500
505
|
|
|
501
|
-
declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | '
|
|
506
|
+
declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
|
|
502
507
|
|
|
503
508
|
declare type LightConfig = AmbientLightConfig | DirectionalLightConfig | PointLightConfig | SpotLightConfig;
|
|
504
509
|
|
|
@@ -515,6 +520,14 @@ declare interface MapOverlayDataType {
|
|
|
515
520
|
|
|
516
521
|
declare type MapProjectionTypes = 'mercator' | 'equalEarth' | 'naturalEarth' | 'orthographic' | 'albersUSA';
|
|
517
522
|
|
|
523
|
+
declare interface NumberFormatOptions {
|
|
524
|
+
locale?: string;
|
|
525
|
+
precision?: number;
|
|
526
|
+
prefix?: string;
|
|
527
|
+
suffix?: string;
|
|
528
|
+
padZeros?: boolean;
|
|
529
|
+
}
|
|
530
|
+
|
|
518
531
|
declare interface PointLightConfig extends BaseLightConfig {
|
|
519
532
|
type: 'point';
|
|
520
533
|
distance?: number;
|
|
@@ -3,12 +3,12 @@ import { useState as S, useRef as Q, useEffectEvent as E, useEffect as $ } from
|
|
|
3
3
|
import { i as de } from "./index-BuwmuDFJ.js";
|
|
4
4
|
import { f as z } from "./index-EArKRVKg.js";
|
|
5
5
|
import { i as ce } from "./index-Bwrro8-q.js";
|
|
6
|
-
import { j as
|
|
6
|
+
import { j as O, D as L } from "./DropdownSelect-Dz7imdTB.js";
|
|
7
7
|
import { g as he, b as M, y as U, h as B, c as ge, $ as X, P as Y } from "./checkIfMultiple-Dpyy6BUP.js";
|
|
8
8
|
import { w as pe } from "./Spinner-B2IIKg9r.js";
|
|
9
9
|
import { _ } from "./Typography-BO0gQDIT.js";
|
|
10
|
-
import { ThreeDGlobe as
|
|
11
|
-
import { f as
|
|
10
|
+
import { ThreeDGlobe as me } from "./ThreeDGlobe.js";
|
|
11
|
+
import { f as fe, a as Ce, b as be, c as ve, t as xe } from "./fetchAndParseData-BAXhgTDM.js";
|
|
12
12
|
import { a as we, t as Ie } from "./transformDataForAggregation-wdPf8bNt.js";
|
|
13
13
|
import { g as ee } from "./getUniqValue-DsqSii6M.js";
|
|
14
14
|
import { GraphHeader as De } from "./GraphHeader.js";
|
|
@@ -27,23 +27,24 @@ function Ve(D) {
|
|
|
27
27
|
updateFilters: w
|
|
28
28
|
} = D;
|
|
29
29
|
if (I && (console.log(`Graph: ${g}`), console.log("Transformed data:", d), console.log("Settings:", t)), typeof d == "string") {
|
|
30
|
-
const
|
|
31
|
-
let
|
|
32
|
-
a[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (
|
|
30
|
+
const f = `flex my-0 mx-auto grow flex-col justify-center ${t?.width ? "w-fit" : "w-full"}`;
|
|
31
|
+
let m;
|
|
32
|
+
a[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
|
|
33
33
|
height: "inherit"
|
|
34
|
-
}, a[0] =
|
|
34
|
+
}, a[0] = m) : m = a[0];
|
|
35
35
|
let u;
|
|
36
36
|
a[1] !== d ? (u = /* @__PURE__ */ o.jsx(_, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: d }), a[1] = d, a[2] = u) : u = a[2];
|
|
37
37
|
let x;
|
|
38
|
-
return a[3] !==
|
|
38
|
+
return a[3] !== f || a[4] !== u ? (x = /* @__PURE__ */ o.jsx("div", { className: f, style: m, children: u }), a[3] = f, a[4] = u, a[5] = x) : x = a[5], x;
|
|
39
39
|
}
|
|
40
40
|
let b;
|
|
41
41
|
a[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
|
|
42
|
-
threeDGlobe:
|
|
42
|
+
threeDGlobe: me
|
|
43
43
|
}, a[6] = b) : b = a[6];
|
|
44
44
|
const P = b;
|
|
45
45
|
let j;
|
|
46
|
-
a[7] !== d || a[8] !== r || a[9] !== V || a[10] !== t || a[11] !== w ? (j = (
|
|
46
|
+
a[7] !== d || a[8] !== r || a[9] !== V || a[10] !== t || a[11] !== w ? (j = (f) => f === "threeDGlobe" ? {
|
|
47
|
+
numberDisplayOptions: t?.numberDisplayOptions,
|
|
47
48
|
globeOffset: t?.globeOffset,
|
|
48
49
|
collapseColorScaleByDefault: t?.collapseColorScaleByDefault,
|
|
49
50
|
polygonAltitude: t?.polygonAltitude,
|
|
@@ -77,8 +78,8 @@ function Ve(D) {
|
|
|
77
78
|
language: t?.language,
|
|
78
79
|
minHeight: t?.minHeight,
|
|
79
80
|
ariaLabel: t?.ariaLabel,
|
|
80
|
-
onSeriesMouseClick: (
|
|
81
|
-
w?.(
|
|
81
|
+
onSeriesMouseClick: (m) => {
|
|
82
|
+
w?.(m.id);
|
|
82
83
|
},
|
|
83
84
|
detailsOnClick: t?.detailsOnClick,
|
|
84
85
|
styles: t?.styles,
|
|
@@ -133,7 +134,7 @@ function We(D) {
|
|
|
133
134
|
updateFilters: T,
|
|
134
135
|
uiMode: h = "normal",
|
|
135
136
|
highlightDataPointSettings: p
|
|
136
|
-
} = D, [N, y] = S(void 0), [s, G] = S(void 0), [
|
|
137
|
+
} = D, [N, y] = S(void 0), [s, G] = S(void 0), [f, m] = S(r), [u, x] = S({}), [k, le] = S(void 0), [ie, oe] = S([]), q = Q(null), Z = Q(r), [A, J] = S([]), R = {
|
|
137
138
|
ignoreCase: !0,
|
|
138
139
|
ignoreAccents: !0,
|
|
139
140
|
trim: !0
|
|
@@ -157,7 +158,7 @@ function We(D) {
|
|
|
157
158
|
$(() => {
|
|
158
159
|
(async () => {
|
|
159
160
|
try {
|
|
160
|
-
const n = t.dataURL ? typeof t.dataURL == "string" ? t.fileType === "json" ? await
|
|
161
|
+
const n = t.dataURL ? typeof t.dataURL == "string" ? t.fileType === "json" ? await fe(t.dataURL, t.columnsToArray, t.dataTransformation, w) : t.fileType === "api" ? await Ce(t.dataURL, t.apiHeaders, t.columnsToArray, t.dataTransformation, w) : await be(t.dataURL, t.dataTransformation, t.columnsToArray, w, t.delimiter, !0) : await ve(t.dataURL, t.idColumnTitle) : await xe(t.data, t.columnsToArray);
|
|
161
162
|
G(n);
|
|
162
163
|
} catch (n) {
|
|
163
164
|
console.error("Data fetching error:", n);
|
|
@@ -187,14 +188,14 @@ function We(D) {
|
|
|
187
188
|
$(() => {
|
|
188
189
|
ne();
|
|
189
190
|
}, [p]), $(() => {
|
|
190
|
-
ce(Z.current, r) || (
|
|
191
|
+
ce(Z.current, r) || (m(r), Z.current = r);
|
|
191
192
|
}, [r]);
|
|
192
193
|
const H = (e, n) => {
|
|
193
194
|
J((l) => l.map((i) => i.filter === e ? {
|
|
194
195
|
...i,
|
|
195
196
|
value: n
|
|
196
197
|
} : i));
|
|
197
|
-
}, se = s ? we(I ? Ie(ae(s, V || []), I.keyColumn, I.aggregationColumnsSetting) : ae(s, V || []), d,
|
|
198
|
+
}, se = s ? we(I ? Ie(ae(s, V || []), I.keyColumn, I.aggregationColumnsSetting) : ae(s, V || []), d, f) : void 0;
|
|
198
199
|
return /* @__PURE__ */ o.jsx(Se, { className: a?.classNames?.graphContainer, style: a?.styles?.graphContainer, id: a?.graphID, ref: q, "aria-label": a?.ariaLabel, backgroundColor: a?.backgroundColor ?? !1, theme: a?.theme || "light", language: a?.language || "en", width: a?.width, height: a?.height, padding: a?.padding, minHeight: a?.minHeight, relativeHeight: a?.relativeHeight, children: s || ye.filter((e) => e.geoHubMapPresentation).map((e) => e.graphID).indexOf(d) !== -1 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
199
200
|
u?.graphTitle || u?.graphDescription || a?.graphTitle || a?.graphDescription || a?.graphDownload || a?.dataDownload ? /* @__PURE__ */ o.jsx(De, { styles: {
|
|
200
201
|
title: u?.styles?.title || a?.styles?.title,
|
|
@@ -212,7 +213,7 @@ function We(D) {
|
|
|
212
213
|
}, className: "pb-4", children: [
|
|
213
214
|
/* @__PURE__ */ o.jsx(M, { className: "mb-2", children: e.label || "Graph by" }),
|
|
214
215
|
e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
|
|
215
|
-
|
|
216
|
+
O,
|
|
216
217
|
{
|
|
217
218
|
options: e.options.map((l) => ({
|
|
218
219
|
...l,
|
|
@@ -231,12 +232,12 @@ function We(D) {
|
|
|
231
232
|
value: e.options[0].label
|
|
232
233
|
},
|
|
233
234
|
onChange: (l) => {
|
|
234
|
-
x(l?.graphSettings || {}),
|
|
235
|
+
x(l?.graphSettings || {}), m(l?.dataConfiguration);
|
|
235
236
|
}
|
|
236
237
|
}
|
|
237
238
|
) : /* @__PURE__ */ o.jsx(U, { defaultValue: e.defaultValue?.label || e.options[0].label, variant: h, onValueChange: (l) => {
|
|
238
239
|
const i = e.options[e.options.findIndex((v) => v.label === l)];
|
|
239
|
-
x(i.graphSettings || {}),
|
|
240
|
+
x(i.graphSettings || {}), m(i.dataConfiguration);
|
|
240
241
|
}, children: e.options.map((l, i) => /* @__PURE__ */ o.jsx(B, { label: l.label, value: l.label }, i)) })
|
|
241
242
|
] }, n)),
|
|
242
243
|
b?.map((e, n) => /* @__PURE__ */ o.jsxs("div", { style: {
|
|
@@ -246,8 +247,8 @@ function We(D) {
|
|
|
246
247
|
minWidth: "240px"
|
|
247
248
|
}, className: "pb-4", children: [
|
|
248
249
|
/* @__PURE__ */ o.jsx(M, { className: "mb-2", children: e.label || `Visualize ${e.chartConfigId} by` }),
|
|
249
|
-
ge(e.chartConfigId,
|
|
250
|
-
|
|
250
|
+
ge(e.chartConfigId, f || []) ? e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
|
|
251
|
+
O,
|
|
251
252
|
{
|
|
252
253
|
options: e.allowedColumnIds,
|
|
253
254
|
size: "sm",
|
|
@@ -264,18 +265,18 @@ function We(D) {
|
|
|
264
265
|
(C) => C.value
|
|
265
266
|
),
|
|
266
267
|
chartConfigId: e.chartConfigId
|
|
267
|
-
}, v =
|
|
268
|
-
|
|
268
|
+
}, v = f?.map((C) => C.chartConfigId === i.chartConfigId ? i : C);
|
|
269
|
+
m(v);
|
|
269
270
|
}
|
|
270
271
|
}
|
|
271
272
|
) : /* @__PURE__ */ o.jsx(X, { variant: h, defaultValue: r ? r[r.findIndex((l) => l.chartConfigId === e.chartConfigId)].columnId.map((l) => e.allowedColumnIds[e.allowedColumnIds.findIndex((i) => i.value === l)]).map((l) => l.value) : [], onValueChange: (l) => {
|
|
272
273
|
const i = {
|
|
273
274
|
columnId: l || [],
|
|
274
275
|
chartConfigId: e.chartConfigId
|
|
275
|
-
}, v =
|
|
276
|
-
|
|
276
|
+
}, v = f?.map((C) => C.chartConfigId === i.chartConfigId ? i : C);
|
|
277
|
+
m(v);
|
|
277
278
|
}, children: e.allowedColumnIds.map((l, i) => /* @__PURE__ */ o.jsx(Y, { label: l.label, value: l.label }, i)) }) : e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
|
|
278
|
-
|
|
279
|
+
O,
|
|
279
280
|
{
|
|
280
281
|
options: e.allowedColumnIds,
|
|
281
282
|
size: "sm",
|
|
@@ -288,16 +289,16 @@ function We(D) {
|
|
|
288
289
|
const i = {
|
|
289
290
|
columnId: l?.value,
|
|
290
291
|
chartConfigId: e.chartConfigId
|
|
291
|
-
}, v =
|
|
292
|
-
x(W(b, v)),
|
|
292
|
+
}, v = f?.map((C) => C.chartConfigId === i.chartConfigId ? i : C);
|
|
293
|
+
x(W(b, v)), m(v);
|
|
293
294
|
}
|
|
294
295
|
}
|
|
295
296
|
) : /* @__PURE__ */ o.jsx(U, { variant: h, defaultValue: r ? e.allowedColumnIds[e.allowedColumnIds.findIndex((l) => l.value === r[r.findIndex((i) => i.chartConfigId === e.chartConfigId)].columnId)].label : "", onValueChange: (l) => {
|
|
296
297
|
const v = {
|
|
297
298
|
columnId: e.allowedColumnIds[e.allowedColumnIds.findIndex((F) => F.label === l)].value,
|
|
298
299
|
chartConfigId: e.chartConfigId
|
|
299
|
-
}, C =
|
|
300
|
-
x(W(b, C)),
|
|
300
|
+
}, C = f?.map((F) => F.chartConfigId === v.chartConfigId ? v : F);
|
|
301
|
+
x(W(b, C)), m(C);
|
|
301
302
|
}, children: e.allowedColumnIds.map((l, i) => /* @__PURE__ */ o.jsx(B, { label: l.label, value: l.label }, i)) })
|
|
302
303
|
] }, n)),
|
|
303
304
|
A?.map((e, n) => /* @__PURE__ */ o.jsxs("div", { style: {
|
|
@@ -307,12 +308,12 @@ function We(D) {
|
|
|
307
308
|
minWidth: "240px"
|
|
308
309
|
}, className: "pb-4", children: [
|
|
309
310
|
/* @__PURE__ */ o.jsx(M, { className: "mb-2", children: e.label }),
|
|
310
|
-
e.singleSelect ? e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
|
|
311
|
+
e.singleSelect ? e.ui !== "radio" ? /* @__PURE__ */ o.jsx(O, { options: e.availableValues, variant: h, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: L(R), onChange: (l) => {
|
|
311
312
|
H(e.filter, l);
|
|
312
313
|
}, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ o.jsx(U, { variant: h, defaultValue: e.defaultValue.value, onValueChange: (l) => {
|
|
313
314
|
H(e.filter, e.availableValues.filter((i) => i.value === l));
|
|
314
315
|
}, children: e.availableValues.map((l, i) => /* @__PURE__ */ o.jsx(B, { label: `${l.label}`, value: `${l.value}` }, i)) }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
315
|
-
e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
|
|
316
|
+
e.ui !== "radio" ? /* @__PURE__ */ o.jsx(O, { options: e.availableValues, variant: h, size: "sm", isMulti: !0, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: L(R), onChange: (l) => {
|
|
316
317
|
H(e.filter, l);
|
|
317
318
|
}, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ o.jsx(X, { variant: h, defaultValue: e.defaultValue ? e.defaultValue.map((l) => `${l.value}`) : [], value: e.value ? e.value.map((l) => `${l.value}`) : void 0, onValueChange: (l) => {
|
|
318
319
|
H(e.filter, e.availableValues.filter((i) => l.indexOf(`${i.value}`) !== -1));
|
|
@@ -330,7 +331,7 @@ function We(D) {
|
|
|
330
331
|
}, className: "pb-4", children: [
|
|
331
332
|
/* @__PURE__ */ o.jsx(M, { className: "mb-2", children: p.label || "Highlight data" }),
|
|
332
333
|
/* @__PURE__ */ o.jsx(
|
|
333
|
-
|
|
334
|
+
O,
|
|
334
335
|
{
|
|
335
336
|
options: ie,
|
|
336
337
|
variant: h,
|
|
@@ -343,7 +344,7 @@ function We(D) {
|
|
|
343
344
|
onChange: (e) => {
|
|
344
345
|
le(e?.map((n) => n.value));
|
|
345
346
|
},
|
|
346
|
-
value:
|
|
347
|
+
value: k?.map((e) => ({
|
|
347
348
|
label: e,
|
|
348
349
|
value: e
|
|
349
350
|
})),
|
|
@@ -355,7 +356,7 @@ function We(D) {
|
|
|
355
356
|
)
|
|
356
357
|
] }) : null
|
|
357
358
|
] }) : null,
|
|
358
|
-
/* @__PURE__ */ o.jsx(Ve, { graph: d, graphData: se, graphDataConfiguration:
|
|
359
|
+
/* @__PURE__ */ o.jsx(Ve, { graph: d, graphData: se, graphDataConfiguration: f, debugMode: w, readableHeader: j || [], updateFilters: T, settings: {
|
|
359
360
|
...a || {},
|
|
360
361
|
...u,
|
|
361
362
|
graphTitle: void 0,
|
|
@@ -369,10 +370,10 @@ function We(D) {
|
|
|
369
370
|
relativeHeight: void 0,
|
|
370
371
|
minHeight: void 0,
|
|
371
372
|
theme: a?.theme,
|
|
372
|
-
...
|
|
373
|
-
highlightedDataPoints:
|
|
374
|
-
highlightedIds:
|
|
375
|
-
highlightedLines:
|
|
373
|
+
...k ? {
|
|
374
|
+
highlightedDataPoints: k,
|
|
375
|
+
highlightedIds: k?.map((e) => `${e}`),
|
|
376
|
+
highlightedLines: k?.map((e) => e)
|
|
376
377
|
} : {}
|
|
377
378
|
} })
|
|
378
379
|
] }) : /* @__PURE__ */ o.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ o.jsx(pe, {}) }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleGraphDashboardThreeDGraphs.js","sources":["../src/Components/Dashboard/PerformanceIntensive/ThreeDGraphEl.tsx","../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardThreeDGraphs.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { ThreeDGlobe } from '../../Graphs/Maps/ThreeDGlobe';\r\n\r\nimport { getValues } from '@/Utils/getValues';\r\nimport { GraphConfigurationDataType, GraphSettingsDataType, ThreeDGraphType } from '@/Types';\r\n\r\ninterface Props {\r\n graph: ThreeDGraphType;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n graphData: any;\r\n settings?: GraphSettingsDataType;\r\n debugMode?: boolean;\r\n graphDataConfiguration?: GraphConfigurationDataType[];\r\n readableHeader: {\r\n value: string;\r\n label: string;\r\n }[];\r\n updateFilters?: (_d: string) => void;\r\n}\r\n\r\nfunction ThreeDGraphEl(props: Props) {\r\n const {\r\n settings,\r\n graph,\r\n graphData,\r\n debugMode,\r\n graphDataConfiguration,\r\n readableHeader,\r\n updateFilters,\r\n } = props;\r\n if (debugMode) {\r\n // eslint-disable-next-line no-console\r\n console.log(`Graph: ${graph}`);\r\n // eslint-disable-next-line no-console\r\n console.log('Transformed data:', graphData);\r\n // eslint-disable-next-line no-console\r\n console.log('Settings:', settings);\r\n }\r\n if (typeof graphData === 'string')\r\n return (\r\n <div\r\n className={`flex my-0 mx-auto grow flex-col justify-center ${\r\n settings?.width ? 'w-fit' : 'w-full'\r\n }`}\r\n style={{ height: 'inherit' }}\r\n >\r\n <P\r\n size='sm'\r\n marginBottom='none'\r\n className='p-2 text-center text-accent-dark-red dark:text-accent-red'\r\n >\r\n {graphData}\r\n </P>\r\n </div>\r\n );\r\n const graphComponents: Record<ThreeDGraphType, React.ElementType | null> = {\r\n threeDGlobe: ThreeDGlobe,\r\n };\r\n const getGraphProps = (graphType: ThreeDGraphType) => {\r\n switch (graphType) {\r\n case 'threeDGlobe':\r\n return {\r\n globeOffset: settings?.globeOffset,\r\n collapseColorScaleByDefault: settings?.collapseColorScaleByDefault,\r\n polygonAltitude: settings?.polygonAltitude,\r\n highlightedIds: settings?.highlightedIds,\r\n scale: settings?.scale,\r\n theme: settings?.theme,\r\n resetSelectionOnDoubleClick: settings?.resetSelectionOnDoubleClick,\r\n graphTitle: settings?.graphTitle,\r\n mapData: settings?.mapData,\r\n graphDescription: settings?.graphDescription,\r\n footNote: settings?.footNote,\r\n width: settings?.width,\r\n height: settings?.height,\r\n sources: settings?.sources,\r\n colorDomain: settings?.colorDomain as string[] | number[],\r\n colors: settings?.colors as string[] | undefined,\r\n colorLegendTitle:\r\n Object.keys(settings || {}).indexOf('colorLegendTitle') !== -1\r\n ? settings?.colorLegendTitle\r\n : getValues('x', graphDataConfiguration || [], readableHeader || []),\r\n scaleType: settings?.scaleType,\r\n data: graphData,\r\n centerPoint: settings?.centerPoint,\r\n backgroundColor: settings?.backgroundColor,\r\n mapNoDataColor: settings?.mapNoDataColor,\r\n mapBorderColor: settings?.mapBorderColor,\r\n relativeHeight: settings?.relativeHeight,\r\n padding: settings?.padding,\r\n tooltip: settings?.tooltip,\r\n showColorScale: settings?.showColorScale,\r\n graphID: settings?.graphID,\r\n dataDownload: settings?.dataDownload,\r\n mapProperty: settings?.mapProperty,\r\n language: settings?.language,\r\n minHeight: settings?.minHeight,\r\n ariaLabel: settings?.ariaLabel,\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick: (el: any) => {\r\n updateFilters?.(el.id);\r\n },\r\n detailsOnClick: settings?.detailsOnClick,\r\n styles: settings?.styles,\r\n classNames: settings?.classNames,\r\n autoRotate: settings?.autoRotate,\r\n globeMaterial: settings?.globeMaterial,\r\n atmosphereColor: settings?.atmosphereColor,\r\n enableZoom: settings?.enableZoom,\r\n atmosphereAltitude: settings?.atmosphereAltitude,\r\n globeCurvatureResolution: settings?.globeCurvatureResolution,\r\n fogSettings: settings?.fogSetting,\r\n lights: settings?.lights,\r\n highlightedAltitude: settings?.highlightedAltitude,\r\n selectedId: settings?.selectedId,\r\n };\r\n default:\r\n return {};\r\n }\r\n };\r\n const GraphComponent = graphComponents[graph];\r\n const graphProps = getGraphProps(graph);\r\n return (\r\n <div\r\n className={`grow my-0 mx-auto flex flex-col w-full justify-center ${settings?.theme || 'light'}`}\r\n style={{ minHeight: 'inherit' }}\r\n >\r\n {GraphComponent ? (\r\n <GraphComponent {...graphProps} />\r\n ) : (\r\n <P\r\n size='sm'\r\n marginBottom='none'\r\n className='p-2 text-center text-accent-dark-red dark:text-accent-red'\r\n >\r\n {`Invalid chart type: ${graph}`}\r\n </P>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\nexport default ThreeDGraphEl;\r\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport isEqual from 'fast-deep-equal';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { Label } from '@undp/design-system-react/Label';\r\n\r\nimport ThreeDGraphEl from './ThreeDGraphEl';\r\n\r\nimport {\r\n AdvancedDataSelectionDataType,\r\n AggregationSettingsDataType,\r\n DataFilterDataType,\r\n DataSelectionDataType,\r\n DataSettingsDataType,\r\n FilterSettingsDataType,\r\n FilterUiSettingsDataType,\r\n GraphConfigurationDataType,\r\n GraphSettingsDataType,\r\n HighlightDataPointSettingsDataType,\r\n ThreeDGraphType,\r\n} from '@/Types';\r\nimport {\r\n fetchAndParseCSV,\r\n fetchAndParseJSON,\r\n fetchAndParseMultipleDataSources,\r\n fetchAndTransformDataFromAPI,\r\n} from '@/Utils/fetchAndParseData';\r\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { graphList } from '@/Utils/getGraphList';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n graphSettings?: GraphSettingsDataType;\r\n readableHeader?: {\r\n value: string;\r\n label: string;\r\n }[];\r\n dataSettings: DataSettingsDataType;\r\n filters?: FilterUiSettingsDataType[];\r\n highlightDataPointSettings?: HighlightDataPointSettingsDataType;\r\n noOfFiltersPerRow?: number;\r\n graphType: ThreeDGraphType;\r\n dataTransform?: {\r\n keyColumn: string;\r\n aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n };\r\n dataFilters?: DataFilterDataType[];\r\n graphDataConfiguration?: GraphConfigurationDataType[];\r\n dataSelectionOptions?: DataSelectionDataType[];\r\n advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n debugMode?: boolean;\r\n uiMode?: 'light' | 'normal';\r\n updateFilters?: (_d: string) => void;\r\n}\r\n\r\nconst getGraphSettings = (\r\n dataSelectionOptions: DataSelectionDataType[],\r\n updatedConfig?: GraphConfigurationDataType[],\r\n) => {\r\n const updatedSettings =\r\n updatedConfig?.map(c => {\r\n const indx = dataSelectionOptions?.findIndex(opt => opt.chartConfigId === c.chartConfigId);\r\n if (indx === -1) return {};\r\n const allowedValIndx = dataSelectionOptions[indx]?.allowedColumnIds?.findIndex(\r\n col => col.value === c.columnId,\r\n );\r\n if (allowedValIndx === -1) return {};\r\n return dataSelectionOptions[indx].allowedColumnIds[allowedValIndx].graphSettings || {};\r\n }) || [];\r\n return Object.assign({}, ...updatedSettings);\r\n};\r\n\r\nexport function SingleGraphDashboardThreeDGraphs(props: Props) {\r\n const {\r\n graphSettings,\r\n dataSettings,\r\n filters,\r\n graphType,\r\n dataTransform,\r\n graphDataConfiguration,\r\n dataFilters,\r\n debugMode,\r\n dataSelectionOptions,\r\n advancedDataSelectionOptions,\r\n readableHeader,\r\n noOfFiltersPerRow = 4,\r\n updateFilters,\r\n uiMode = 'normal',\r\n highlightDataPointSettings,\r\n } = props;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [filteredData, setFilteredData] = useState<any>(undefined);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [data, setData] = useState<any>(undefined);\r\n const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\r\n graphDataConfiguration,\r\n );\r\n const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\r\n const [highlightedDataPointList, setHighlightedDataPointList] = useState<\r\n (string | number)[] | undefined\r\n >(undefined);\r\n const [highlightedDataPointOptions, setHighlightedDataPointOption] = useState<\r\n { label: string | number; value: string | number }[]\r\n >([]);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n const prevGraphDataConfigRef = useRef<GraphConfigurationDataType[] | undefined>(\r\n graphDataConfiguration,\r\n );\r\n const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n\r\n const filterConfig = {\r\n ignoreCase: true,\r\n ignoreAccents: true,\r\n trim: true,\r\n };\r\n\r\n const updateFiltersEvent = useEffectEvent(() => {\r\n const filterSettingsTemp = (filters || []).map(el => ({\r\n filter: el.column,\r\n label: el.label || `Filter by ${el.column}`,\r\n singleSelect: el.singleSelect,\r\n clearable: el.clearable,\r\n defaultValue: transformDefaultValue(el.defaultValue),\r\n value: transformDefaultValue(el.defaultValue),\r\n availableValues: getUniqValue(data, el.column)\r\n .filter(v => !el.excludeValues?.includes(`${v}`))\r\n .map(v => ({ value: v, label: v })),\r\n allowSelectAll: el.allowSelectAll,\r\n width: el.width,\r\n }));\r\n setFilterSettings(filterSettingsTemp);\r\n });\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n try {\r\n const dataFromFile = dataSettings.dataURL\r\n ? typeof dataSettings.dataURL === 'string'\r\n ? dataSettings.fileType === 'json'\r\n ? await fetchAndParseJSON(\r\n dataSettings.dataURL,\r\n dataSettings.columnsToArray,\r\n dataSettings.dataTransformation,\r\n debugMode,\r\n )\r\n : dataSettings.fileType === 'api'\r\n ? await fetchAndTransformDataFromAPI(\r\n dataSettings.dataURL,\r\n dataSettings.apiHeaders,\r\n dataSettings.columnsToArray,\r\n dataSettings.dataTransformation,\r\n debugMode,\r\n )\r\n : await fetchAndParseCSV(\r\n dataSettings.dataURL,\r\n dataSettings.dataTransformation,\r\n dataSettings.columnsToArray,\r\n debugMode,\r\n dataSettings.delimiter,\r\n true,\r\n )\r\n : await fetchAndParseMultipleDataSources(\r\n dataSettings.dataURL,\r\n dataSettings.idColumnTitle,\r\n )\r\n : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n setData(dataFromFile);\r\n } catch (error) {\r\n console.error('Data fetching error:', error);\r\n }\r\n };\r\n fetchData();\r\n updateFiltersEvent();\r\n }, [dataSettings, debugMode]);\r\n\r\n useEffect(() => {\r\n updateFiltersEvent();\r\n }, [filters, data]);\r\n\r\n const filteredDataEvent = useEffectEvent(() => {\r\n if (!data || filterSettings.length === 0) setFilteredData(data);\r\n else {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const result = data.filter((item: any) =>\r\n filterSettings.every(filter =>\r\n filter.value && flattenDeep([filter.value]).length > 0\r\n ? intersection(\r\n flattenDeep([item[filter.filter]]),\r\n flattenDeep([filter.value]).map(el => el.value),\r\n ).length > 0\r\n : true,\r\n ),\r\n );\r\n setFilteredData(result);\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n filteredDataEvent();\r\n }, [filterSettings, data]);\r\n\r\n useEffect(() => {\r\n if (dataSelectionOptions)\r\n // eslint-disable-next-line react-hooks/set-state-in-effect\r\n setAdvancedGraphSettings(getGraphSettings(dataSelectionOptions, graphDataConfiguration));\r\n }, [dataSelectionOptions, graphDataConfiguration]);\r\n\r\n const updateHighlightedDataPointOptions = useEffectEvent(() => {\r\n if (highlightDataPointSettings?.column && filteredData)\r\n setHighlightedDataPointOption(\r\n getUniqValue(filteredData, highlightDataPointSettings.column)\r\n .filter(v => !highlightDataPointSettings?.excludeValues?.includes(`${v}`))\r\n .map(d => ({ value: d, label: d })),\r\n );\r\n });\r\n\r\n useEffect(() => {\r\n updateHighlightedDataPointOptions();\r\n }, [highlightDataPointSettings]);\r\n\r\n useEffect(() => {\r\n if (!isEqual(prevGraphDataConfigRef.current, graphDataConfiguration)) {\r\n // eslint-disable-next-line react-hooks/set-state-in-effect\r\n setGraphConfig(graphDataConfiguration);\r\n prevGraphDataConfigRef.current = graphDataConfiguration;\r\n }\r\n }, [graphDataConfiguration]);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const handleFilterChange = (filter: string, values: any) => {\r\n setFilterSettings(prev => prev.map(f => (f.filter === filter ? { ...f, value: values } : f)));\r\n };\r\n\r\n const graphData = !data\r\n ? undefined\r\n : transformDataForGraph(\r\n dataTransform\r\n ? transformDataForAggregation(\r\n filterData(data, dataFilters || []),\r\n dataTransform.keyColumn,\r\n dataTransform.aggregationColumnsSetting,\r\n )\r\n : filterData(data, dataFilters || []),\r\n graphType,\r\n graphConfig,\r\n );\r\n return (\r\n <GraphContainer\r\n className={graphSettings?.classNames?.graphContainer}\r\n style={graphSettings?.styles?.graphContainer}\r\n id={graphSettings?.graphID}\r\n ref={graphParentDiv}\r\n aria-label={graphSettings?.ariaLabel}\r\n backgroundColor={graphSettings?.backgroundColor ?? false}\r\n theme={graphSettings?.theme || 'light'}\r\n language={graphSettings?.language || 'en'}\r\n width={graphSettings?.width}\r\n height={graphSettings?.height}\r\n padding={graphSettings?.padding}\r\n minHeight={graphSettings?.minHeight}\r\n relativeHeight={graphSettings?.relativeHeight}\r\n >\r\n {data ||\r\n graphList\r\n .filter(el => el.geoHubMapPresentation)\r\n .map(el => el.graphID)\r\n .indexOf(graphType) !== -1 ? (\r\n <>\r\n {advancedGraphSettings?.graphTitle ||\r\n advancedGraphSettings?.graphDescription ||\r\n graphSettings?.graphTitle ||\r\n graphSettings?.graphDescription ||\r\n graphSettings?.graphDownload ||\r\n graphSettings?.dataDownload ? (\r\n <GraphHeader\r\n styles={{\r\n title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\r\n description:\r\n advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\r\n }}\r\n classNames={{\r\n title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\r\n description:\r\n advancedGraphSettings?.classNames?.description ||\r\n graphSettings?.classNames?.description,\r\n }}\r\n graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\r\n graphDescription={\r\n advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\r\n }\r\n width={advancedGraphSettings?.width || graphSettings?.width}\r\n graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\r\n dataDownload={\r\n graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\r\n }\r\n />\r\n ) : null}\r\n {filterSettings.length !== 0 ||\r\n (dataSelectionOptions || []).length !== 0 ||\r\n (advancedDataSelectionOptions || []).length !== 0 ||\r\n highlightDataPointSettings ? (\r\n <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\r\n {advancedDataSelectionOptions?.map((d, i) => (\r\n <div\r\n style={{\r\n width:\r\n d.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: d.width ? 0 : 1,\r\n flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n minWidth: '240px',\r\n }}\r\n key={i}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>{d.label || 'Graph by'}</Label>\r\n {d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.options.map(opt => ({\r\n ...opt,\r\n value: opt.label,\r\n }))}\r\n size='sm'\r\n isClearable={false}\r\n isSearchable\r\n variant={uiMode}\r\n controlShouldRenderValue\r\n defaultValue={\r\n d.defaultValue\r\n ? {\r\n ...d.defaultValue,\r\n value: d.defaultValue?.label,\r\n }\r\n : {\r\n ...d.options[0],\r\n value: d.options[0].label,\r\n }\r\n }\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n setAdvancedGraphSettings(el?.graphSettings || {});\r\n setGraphConfig(el?.dataConfiguration);\r\n }}\r\n />\r\n ) : (\r\n <RadioGroup\r\n defaultValue={d.defaultValue?.label || d.options[0].label}\r\n variant={uiMode}\r\n onValueChange={el => {\r\n const selectedOption =\r\n d.options[d.options.findIndex(opt => opt.label === el)];\r\n setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n setGraphConfig(selectedOption.dataConfiguration);\r\n }}\r\n >\r\n {d.options.map((el, j) => (\r\n <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n ))}\r\n </RadioGroup>\r\n )}\r\n </div>\r\n ))}\r\n {dataSelectionOptions?.map((d, i) => (\r\n <div\r\n style={{\r\n width:\r\n d.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: d.width ? 0 : 1,\r\n flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n minWidth: '240px',\r\n }}\r\n key={i}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\r\n {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\r\n d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.allowedColumnIds}\r\n size='sm'\r\n isClearable={false}\r\n isSearchable\r\n variant={uiMode}\r\n controlShouldRenderValue\r\n defaultValue={\r\n graphDataConfiguration\r\n ? d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(\r\n j =>\r\n j.value ===\r\n (graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string),\r\n )\r\n ]\r\n : undefined\r\n }\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n const newGraphConfig = {\r\n columnId: el?.value as string,\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setAdvancedGraphSettings(\r\n getGraphSettings(dataSelectionOptions, updatedConfig),\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n />\r\n ) : (\r\n <RadioGroup\r\n variant={uiMode}\r\n defaultValue={\r\n graphDataConfiguration\r\n ? d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(\r\n j =>\r\n j.value ===\r\n (graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string),\r\n )\r\n ].label\r\n : ''\r\n }\r\n onValueChange={el => {\r\n const selectedOption =\r\n d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(opt => opt.label === el)\r\n ];\r\n const newGraphConfig = {\r\n columnId: selectedOption.value,\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setAdvancedGraphSettings(\r\n getGraphSettings(dataSelectionOptions, updatedConfig),\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n >\r\n {d.allowedColumnIds.map((el, j) => (\r\n <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n ))}\r\n </RadioGroup>\r\n )\r\n ) : d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.allowedColumnIds}\r\n size='sm'\r\n isMulti\r\n isSearchable\r\n variant={uiMode}\r\n controlShouldRenderValue\r\n defaultValue={\r\n graphDataConfiguration\r\n ? (\r\n graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string[]\r\n ).map(\r\n el =>\r\n d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(j => j.value === el)\r\n ],\r\n )\r\n : undefined\r\n }\r\n filterOption={createFilter(filterConfig)}\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n const newGraphConfig = {\r\n columnId: (el || []).map(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (item: any) => item.value,\r\n ) as string[],\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n />\r\n ) : (\r\n <CheckboxGroup\r\n variant={uiMode}\r\n defaultValue={\r\n graphDataConfiguration\r\n ? (\r\n graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string[]\r\n )\r\n .map(\r\n el =>\r\n d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(j => j.value === el)\r\n ],\r\n )\r\n .map(el => el.value)\r\n : []\r\n }\r\n onValueChange={el => {\r\n const newGraphConfig = {\r\n columnId: el || [],\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n >\r\n {d.allowedColumnIds.map((el, j) => (\r\n <CheckboxGroupItem label={el.label} value={el.label} key={j} />\r\n ))}\r\n </CheckboxGroup>\r\n )}\r\n </div>\r\n ))}\r\n {filterSettings?.map((d, i) => (\r\n <div\r\n style={{\r\n width:\r\n d.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: d.width ? 0 : 1,\r\n flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n minWidth: '240px',\r\n }}\r\n key={i}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>{d.label}</Label>\r\n {d.singleSelect ? (\r\n d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.availableValues}\r\n variant={uiMode}\r\n isClearable={d.clearable === undefined ? true : d.clearable}\r\n isSearchable\r\n controlShouldRenderValue\r\n filterOption={createFilter(filterConfig)}\r\n onChange={el => {\r\n handleFilterChange(d.filter, el);\r\n }}\r\n value={d.value}\r\n defaultValue={d.defaultValue}\r\n />\r\n ) : (\r\n <RadioGroup\r\n variant={uiMode}\r\n defaultValue={(d.defaultValue as { value: string; label: string }).value}\r\n onValueChange={el => {\r\n handleFilterChange(\r\n d.filter,\r\n d.availableValues.filter(v => v.value === el),\r\n );\r\n }}\r\n >\r\n {d.availableValues.map((el, j) => (\r\n <RadioGroupItem label={`${el.label}`} value={`${el.value}`} key={j} />\r\n ))}\r\n </RadioGroup>\r\n )\r\n ) : (\r\n <>\r\n {d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.availableValues}\r\n variant={uiMode}\r\n size='sm'\r\n isMulti\r\n isClearable={d.clearable === undefined ? true : d.clearable}\r\n isSearchable\r\n controlShouldRenderValue\r\n filterOption={createFilter(filterConfig)}\r\n onChange={el => {\r\n handleFilterChange(d.filter, el);\r\n }}\r\n value={d.value}\r\n defaultValue={d.defaultValue}\r\n />\r\n ) : (\r\n <CheckboxGroup\r\n variant={uiMode}\r\n defaultValue={\r\n d.defaultValue\r\n ? (\r\n d.defaultValue as {\r\n value: string | number;\r\n label: string | number;\r\n }[]\r\n ).map(el => `${el.value}`)\r\n : []\r\n }\r\n value={\r\n d.value\r\n ? (\r\n d.value as {\r\n value: string | number;\r\n label: string | number;\r\n }[]\r\n ).map(el => `${el.value}`)\r\n : undefined\r\n }\r\n onValueChange={el => {\r\n handleFilterChange(\r\n d.filter,\r\n d.availableValues.filter(v => el.indexOf(`${v.value}`) !== -1),\r\n );\r\n }}\r\n >\r\n {d.availableValues.map((el, j) => (\r\n <CheckboxGroupItem\r\n label={`${el.label}`}\r\n value={`${el.value}`}\r\n key={j}\r\n />\r\n ))}\r\n </CheckboxGroup>\r\n )}\r\n {d.allowSelectAll ? (\r\n <button\r\n type='button'\r\n className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\r\n onClick={() => {\r\n handleFilterChange(d.filter, d.availableValues);\r\n }}\r\n >\r\n Select all options\r\n </button>\r\n ) : null}\r\n </>\r\n )}\r\n </div>\r\n ))}\r\n {highlightDataPointSettings ? (\r\n <div\r\n style={{\r\n width:\r\n highlightDataPointSettings.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: highlightDataPointSettings.width ? 0 : 1,\r\n flexShrink: 0,\r\n minWidth: '240px',\r\n }}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>\r\n {highlightDataPointSettings.label || 'Highlight data'}\r\n </Label>\r\n <DropdownSelect\r\n options={highlightedDataPointOptions}\r\n variant={uiMode}\r\n size='sm'\r\n isMulti\r\n isClearable\r\n isSearchable\r\n controlShouldRenderValue\r\n filterOption={createFilter(filterConfig)}\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n setHighlightedDataPointList(el?.map((d: any) => d.value));\r\n }}\r\n value={highlightedDataPointList?.map(d => ({\r\n label: d,\r\n value: d,\r\n }))}\r\n defaultValue={highlightDataPointSettings.defaultValues?.map(d => ({\r\n label: d,\r\n value: d,\r\n }))}\r\n />\r\n </div>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n <ThreeDGraphEl\r\n graph={graphType}\r\n graphData={graphData}\r\n graphDataConfiguration={graphConfig}\r\n debugMode={debugMode}\r\n readableHeader={readableHeader || []}\r\n updateFilters={updateFilters}\r\n settings={{\r\n ...(graphSettings || {}),\r\n ...advancedGraphSettings,\r\n graphTitle: undefined,\r\n graphDescription: undefined,\r\n graphDownload: false,\r\n dataDownload: false,\r\n backgroundColor: undefined,\r\n padding: '0',\r\n width: undefined,\r\n height: undefined,\r\n relativeHeight: undefined,\r\n minHeight: undefined,\r\n theme: graphSettings?.theme,\r\n ...(highlightedDataPointList\r\n ? {\r\n highlightedDataPoints: highlightedDataPointList,\r\n highlightedIds: highlightedDataPointList?.map(d => `${d}`),\r\n highlightedLines: highlightedDataPointList?.map(d => d),\r\n }\r\n : {}),\r\n }}\r\n />\r\n </>\r\n ) : (\r\n <div className='w-full flex justify-center p-4'>\r\n <Spinner />\r\n </div>\r\n )}\r\n </GraphContainer>\r\n );\r\n}\r\n"],"names":["ThreeDGraphEl","props","$","_c","settings","graph","graphData","debugMode","graphDataConfiguration","readableHeader","updateFilters","console","log","t0","width","t1","Symbol","for","height","t2","P","t3","threeDGlobe","ThreeDGlobe","graphComponents","graphType","globeOffset","collapseColorScaleByDefault","polygonAltitude","highlightedIds","scale","theme","resetSelectionOnDoubleClick","graphTitle","mapData","graphDescription","footNote","sources","colorDomain","colors","colorLegendTitle","Object","keys","indexOf","getValues","scaleType","data","centerPoint","backgroundColor","mapNoDataColor","mapBorderColor","relativeHeight","padding","tooltip","showColorScale","graphID","dataDownload","mapProperty","language","minHeight","ariaLabel","onSeriesMouseClick","el","id","detailsOnClick","styles","classNames","autoRotate","globeMaterial","atmosphereColor","enableZoom","atmosphereAltitude","globeCurvatureResolution","fogSettings","fogSetting","lights","highlightedAltitude","selectedId","getGraphProps","GraphComponent","graphProps","t4","t5","jsx","t6","getGraphSettings","dataSelectionOptions","updatedConfig","updatedSettings","map","c","indx","findIndex","opt","chartConfigId","allowedValIndx","allowedColumnIds","col","value","columnId","graphSettings","assign","SingleGraphDashboardThreeDGraphs","dataSettings","filters","dataTransform","dataFilters","advancedDataSelectionOptions","noOfFiltersPerRow","uiMode","highlightDataPointSettings","filteredData","setFilteredData","useState","undefined","setData","graphConfig","setGraphConfig","advancedGraphSettings","setAdvancedGraphSettings","highlightedDataPointList","setHighlightedDataPointList","highlightedDataPointOptions","setHighlightedDataPointOption","graphParentDiv","useRef","prevGraphDataConfigRef","filterSettings","setFilterSettings","filterConfig","ignoreCase","ignoreAccents","trim","updateFiltersEvent","useEffectEvent","filterSettingsTemp","filter","column","label","singleSelect","clearable","defaultValue","transformDefaultValue","availableValues","getUniqValue","v","excludeValues","includes","allowSelectAll","useEffect","fetchData","dataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","filteredDataEvent","length","result","item","every","flattenDeep","intersection","updateHighlightedDataPointOptions","d","isEqual","current","handleFilterChange","values","prev","f","transformDataForGraph","transformDataForAggregation","filterData","keyColumn","aggregationColumnsSetting","GraphContainer","graphContainer","graphList","geoHubMapPresentation","jsxs","Fragment","graphDownload","GraphHeader","title","description","i","flexGrow","flexShrink","ui","minWidth","Label","DropdownSelect","options","dataConfiguration","RadioGroup","selectedOption","j","RadioGroupItem","checkIfMultiple","createFilter","newGraphConfig","CheckboxGroup","CheckboxGroupItem","defaultValues","highlightedDataPoints","highlightedLines","Spinner"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SingleGraphDashboardThreeDGraphs.js","sources":["../src/Components/Dashboard/PerformanceIntensive/ThreeDGraphEl.tsx","../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardThreeDGraphs.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { ThreeDGlobe } from '../../Graphs/Maps/ThreeDGlobe';\r\n\r\nimport { getValues } from '@/Utils/getValues';\r\nimport { GraphConfigurationDataType, GraphSettingsDataType, ThreeDGraphType } from '@/Types';\r\n\r\ninterface Props {\r\n graph: ThreeDGraphType;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n graphData: any;\r\n settings?: GraphSettingsDataType;\r\n debugMode?: boolean;\r\n graphDataConfiguration?: GraphConfigurationDataType[];\r\n readableHeader: {\r\n value: string;\r\n label: string;\r\n }[];\r\n updateFilters?: (_d: string) => void;\r\n}\r\n\r\nfunction ThreeDGraphEl(props: Props) {\r\n const {\r\n settings,\r\n graph,\r\n graphData,\r\n debugMode,\r\n graphDataConfiguration,\r\n readableHeader,\r\n updateFilters,\r\n } = props;\r\n if (debugMode) {\r\n // eslint-disable-next-line no-console\r\n console.log(`Graph: ${graph}`);\r\n // eslint-disable-next-line no-console\r\n console.log('Transformed data:', graphData);\r\n // eslint-disable-next-line no-console\r\n console.log('Settings:', settings);\r\n }\r\n if (typeof graphData === 'string')\r\n return (\r\n <div\r\n className={`flex my-0 mx-auto grow flex-col justify-center ${\r\n settings?.width ? 'w-fit' : 'w-full'\r\n }`}\r\n style={{ height: 'inherit' }}\r\n >\r\n <P\r\n size='sm'\r\n marginBottom='none'\r\n className='p-2 text-center text-accent-dark-red dark:text-accent-red'\r\n >\r\n {graphData}\r\n </P>\r\n </div>\r\n );\r\n const graphComponents: Record<ThreeDGraphType, React.ElementType | null> = {\r\n threeDGlobe: ThreeDGlobe,\r\n };\r\n const getGraphProps = (graphType: ThreeDGraphType) => {\r\n switch (graphType) {\r\n case 'threeDGlobe':\r\n return {\r\n numberDisplayOptions: settings?.numberDisplayOptions,\r\n globeOffset: settings?.globeOffset,\r\n collapseColorScaleByDefault: settings?.collapseColorScaleByDefault,\r\n polygonAltitude: settings?.polygonAltitude,\r\n highlightedIds: settings?.highlightedIds,\r\n scale: settings?.scale,\r\n theme: settings?.theme,\r\n resetSelectionOnDoubleClick: settings?.resetSelectionOnDoubleClick,\r\n graphTitle: settings?.graphTitle,\r\n mapData: settings?.mapData,\r\n graphDescription: settings?.graphDescription,\r\n footNote: settings?.footNote,\r\n width: settings?.width,\r\n height: settings?.height,\r\n sources: settings?.sources,\r\n colorDomain: settings?.colorDomain as string[] | number[],\r\n colors: settings?.colors as string[] | undefined,\r\n colorLegendTitle:\r\n Object.keys(settings || {}).indexOf('colorLegendTitle') !== -1\r\n ? settings?.colorLegendTitle\r\n : getValues('x', graphDataConfiguration || [], readableHeader || []),\r\n scaleType: settings?.scaleType,\r\n data: graphData,\r\n centerPoint: settings?.centerPoint,\r\n backgroundColor: settings?.backgroundColor,\r\n mapNoDataColor: settings?.mapNoDataColor,\r\n mapBorderColor: settings?.mapBorderColor,\r\n relativeHeight: settings?.relativeHeight,\r\n padding: settings?.padding,\r\n tooltip: settings?.tooltip,\r\n showColorScale: settings?.showColorScale,\r\n graphID: settings?.graphID,\r\n dataDownload: settings?.dataDownload,\r\n mapProperty: settings?.mapProperty,\r\n language: settings?.language,\r\n minHeight: settings?.minHeight,\r\n ariaLabel: settings?.ariaLabel,\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick: (el: any) => {\r\n updateFilters?.(el.id);\r\n },\r\n detailsOnClick: settings?.detailsOnClick,\r\n styles: settings?.styles,\r\n classNames: settings?.classNames,\r\n autoRotate: settings?.autoRotate,\r\n globeMaterial: settings?.globeMaterial,\r\n atmosphereColor: settings?.atmosphereColor,\r\n enableZoom: settings?.enableZoom,\r\n atmosphereAltitude: settings?.atmosphereAltitude,\r\n globeCurvatureResolution: settings?.globeCurvatureResolution,\r\n fogSettings: settings?.fogSetting,\r\n lights: settings?.lights,\r\n highlightedAltitude: settings?.highlightedAltitude,\r\n selectedId: settings?.selectedId,\r\n };\r\n default:\r\n return {};\r\n }\r\n };\r\n const GraphComponent = graphComponents[graph];\r\n const graphProps = getGraphProps(graph);\r\n return (\r\n <div\r\n className={`grow my-0 mx-auto flex flex-col w-full justify-center ${settings?.theme || 'light'}`}\r\n style={{ minHeight: 'inherit' }}\r\n >\r\n {GraphComponent ? (\r\n <GraphComponent {...graphProps} />\r\n ) : (\r\n <P\r\n size='sm'\r\n marginBottom='none'\r\n className='p-2 text-center text-accent-dark-red dark:text-accent-red'\r\n >\r\n {`Invalid chart type: ${graph}`}\r\n </P>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\nexport default ThreeDGraphEl;\r\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport isEqual from 'fast-deep-equal';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { Label } from '@undp/design-system-react/Label';\r\n\r\nimport ThreeDGraphEl from './ThreeDGraphEl';\r\n\r\nimport {\r\n AdvancedDataSelectionDataType,\r\n AggregationSettingsDataType,\r\n DataFilterDataType,\r\n DataSelectionDataType,\r\n DataSettingsDataType,\r\n FilterSettingsDataType,\r\n FilterUiSettingsDataType,\r\n GraphConfigurationDataType,\r\n GraphSettingsDataType,\r\n HighlightDataPointSettingsDataType,\r\n ThreeDGraphType,\r\n} from '@/Types';\r\nimport {\r\n fetchAndParseCSV,\r\n fetchAndParseJSON,\r\n fetchAndParseMultipleDataSources,\r\n fetchAndTransformDataFromAPI,\r\n} from '@/Utils/fetchAndParseData';\r\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { graphList } from '@/Utils/getGraphList';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n graphSettings?: GraphSettingsDataType;\r\n readableHeader?: {\r\n value: string;\r\n label: string;\r\n }[];\r\n dataSettings: DataSettingsDataType;\r\n filters?: FilterUiSettingsDataType[];\r\n highlightDataPointSettings?: HighlightDataPointSettingsDataType;\r\n noOfFiltersPerRow?: number;\r\n graphType: ThreeDGraphType;\r\n dataTransform?: {\r\n keyColumn: string;\r\n aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n };\r\n dataFilters?: DataFilterDataType[];\r\n graphDataConfiguration?: GraphConfigurationDataType[];\r\n dataSelectionOptions?: DataSelectionDataType[];\r\n advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n debugMode?: boolean;\r\n uiMode?: 'light' | 'normal';\r\n updateFilters?: (_d: string) => void;\r\n}\r\n\r\nconst getGraphSettings = (\r\n dataSelectionOptions: DataSelectionDataType[],\r\n updatedConfig?: GraphConfigurationDataType[],\r\n) => {\r\n const updatedSettings =\r\n updatedConfig?.map(c => {\r\n const indx = dataSelectionOptions?.findIndex(opt => opt.chartConfigId === c.chartConfigId);\r\n if (indx === -1) return {};\r\n const allowedValIndx = dataSelectionOptions[indx]?.allowedColumnIds?.findIndex(\r\n col => col.value === c.columnId,\r\n );\r\n if (allowedValIndx === -1) return {};\r\n return dataSelectionOptions[indx].allowedColumnIds[allowedValIndx].graphSettings || {};\r\n }) || [];\r\n return Object.assign({}, ...updatedSettings);\r\n};\r\n\r\nexport function SingleGraphDashboardThreeDGraphs(props: Props) {\r\n const {\r\n graphSettings,\r\n dataSettings,\r\n filters,\r\n graphType,\r\n dataTransform,\r\n graphDataConfiguration,\r\n dataFilters,\r\n debugMode,\r\n dataSelectionOptions,\r\n advancedDataSelectionOptions,\r\n readableHeader,\r\n noOfFiltersPerRow = 4,\r\n updateFilters,\r\n uiMode = 'normal',\r\n highlightDataPointSettings,\r\n } = props;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [filteredData, setFilteredData] = useState<any>(undefined);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [data, setData] = useState<any>(undefined);\r\n const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\r\n graphDataConfiguration,\r\n );\r\n const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\r\n const [highlightedDataPointList, setHighlightedDataPointList] = useState<\r\n (string | number)[] | undefined\r\n >(undefined);\r\n const [highlightedDataPointOptions, setHighlightedDataPointOption] = useState<\r\n { label: string | number; value: string | number }[]\r\n >([]);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n const prevGraphDataConfigRef = useRef<GraphConfigurationDataType[] | undefined>(\r\n graphDataConfiguration,\r\n );\r\n const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n\r\n const filterConfig = {\r\n ignoreCase: true,\r\n ignoreAccents: true,\r\n trim: true,\r\n };\r\n\r\n const updateFiltersEvent = useEffectEvent(() => {\r\n const filterSettingsTemp = (filters || []).map(el => ({\r\n filter: el.column,\r\n label: el.label || `Filter by ${el.column}`,\r\n singleSelect: el.singleSelect,\r\n clearable: el.clearable,\r\n defaultValue: transformDefaultValue(el.defaultValue),\r\n value: transformDefaultValue(el.defaultValue),\r\n availableValues: getUniqValue(data, el.column)\r\n .filter(v => !el.excludeValues?.includes(`${v}`))\r\n .map(v => ({ value: v, label: v })),\r\n allowSelectAll: el.allowSelectAll,\r\n width: el.width,\r\n }));\r\n setFilterSettings(filterSettingsTemp);\r\n });\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n try {\r\n const dataFromFile = dataSettings.dataURL\r\n ? typeof dataSettings.dataURL === 'string'\r\n ? dataSettings.fileType === 'json'\r\n ? await fetchAndParseJSON(\r\n dataSettings.dataURL,\r\n dataSettings.columnsToArray,\r\n dataSettings.dataTransformation,\r\n debugMode,\r\n )\r\n : dataSettings.fileType === 'api'\r\n ? await fetchAndTransformDataFromAPI(\r\n dataSettings.dataURL,\r\n dataSettings.apiHeaders,\r\n dataSettings.columnsToArray,\r\n dataSettings.dataTransformation,\r\n debugMode,\r\n )\r\n : await fetchAndParseCSV(\r\n dataSettings.dataURL,\r\n dataSettings.dataTransformation,\r\n dataSettings.columnsToArray,\r\n debugMode,\r\n dataSettings.delimiter,\r\n true,\r\n )\r\n : await fetchAndParseMultipleDataSources(\r\n dataSettings.dataURL,\r\n dataSettings.idColumnTitle,\r\n )\r\n : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n setData(dataFromFile);\r\n } catch (error) {\r\n console.error('Data fetching error:', error);\r\n }\r\n };\r\n fetchData();\r\n updateFiltersEvent();\r\n }, [dataSettings, debugMode]);\r\n\r\n useEffect(() => {\r\n updateFiltersEvent();\r\n }, [filters, data]);\r\n\r\n const filteredDataEvent = useEffectEvent(() => {\r\n if (!data || filterSettings.length === 0) setFilteredData(data);\r\n else {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const result = data.filter((item: any) =>\r\n filterSettings.every(filter =>\r\n filter.value && flattenDeep([filter.value]).length > 0\r\n ? intersection(\r\n flattenDeep([item[filter.filter]]),\r\n flattenDeep([filter.value]).map(el => el.value),\r\n ).length > 0\r\n : true,\r\n ),\r\n );\r\n setFilteredData(result);\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n filteredDataEvent();\r\n }, [filterSettings, data]);\r\n\r\n useEffect(() => {\r\n if (dataSelectionOptions)\r\n // eslint-disable-next-line react-hooks/set-state-in-effect\r\n setAdvancedGraphSettings(getGraphSettings(dataSelectionOptions, graphDataConfiguration));\r\n }, [dataSelectionOptions, graphDataConfiguration]);\r\n\r\n const updateHighlightedDataPointOptions = useEffectEvent(() => {\r\n if (highlightDataPointSettings?.column && filteredData)\r\n setHighlightedDataPointOption(\r\n getUniqValue(filteredData, highlightDataPointSettings.column)\r\n .filter(v => !highlightDataPointSettings?.excludeValues?.includes(`${v}`))\r\n .map(d => ({ value: d, label: d })),\r\n );\r\n });\r\n\r\n useEffect(() => {\r\n updateHighlightedDataPointOptions();\r\n }, [highlightDataPointSettings]);\r\n\r\n useEffect(() => {\r\n if (!isEqual(prevGraphDataConfigRef.current, graphDataConfiguration)) {\r\n // eslint-disable-next-line react-hooks/set-state-in-effect\r\n setGraphConfig(graphDataConfiguration);\r\n prevGraphDataConfigRef.current = graphDataConfiguration;\r\n }\r\n }, [graphDataConfiguration]);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const handleFilterChange = (filter: string, values: any) => {\r\n setFilterSettings(prev => prev.map(f => (f.filter === filter ? { ...f, value: values } : f)));\r\n };\r\n\r\n const graphData = !data\r\n ? undefined\r\n : transformDataForGraph(\r\n dataTransform\r\n ? transformDataForAggregation(\r\n filterData(data, dataFilters || []),\r\n dataTransform.keyColumn,\r\n dataTransform.aggregationColumnsSetting,\r\n )\r\n : filterData(data, dataFilters || []),\r\n graphType,\r\n graphConfig,\r\n );\r\n return (\r\n <GraphContainer\r\n className={graphSettings?.classNames?.graphContainer}\r\n style={graphSettings?.styles?.graphContainer}\r\n id={graphSettings?.graphID}\r\n ref={graphParentDiv}\r\n aria-label={graphSettings?.ariaLabel}\r\n backgroundColor={graphSettings?.backgroundColor ?? false}\r\n theme={graphSettings?.theme || 'light'}\r\n language={graphSettings?.language || 'en'}\r\n width={graphSettings?.width}\r\n height={graphSettings?.height}\r\n padding={graphSettings?.padding}\r\n minHeight={graphSettings?.minHeight}\r\n relativeHeight={graphSettings?.relativeHeight}\r\n >\r\n {data ||\r\n graphList\r\n .filter(el => el.geoHubMapPresentation)\r\n .map(el => el.graphID)\r\n .indexOf(graphType) !== -1 ? (\r\n <>\r\n {advancedGraphSettings?.graphTitle ||\r\n advancedGraphSettings?.graphDescription ||\r\n graphSettings?.graphTitle ||\r\n graphSettings?.graphDescription ||\r\n graphSettings?.graphDownload ||\r\n graphSettings?.dataDownload ? (\r\n <GraphHeader\r\n styles={{\r\n title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\r\n description:\r\n advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\r\n }}\r\n classNames={{\r\n title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\r\n description:\r\n advancedGraphSettings?.classNames?.description ||\r\n graphSettings?.classNames?.description,\r\n }}\r\n graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\r\n graphDescription={\r\n advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\r\n }\r\n width={advancedGraphSettings?.width || graphSettings?.width}\r\n graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\r\n dataDownload={\r\n graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\r\n }\r\n />\r\n ) : null}\r\n {filterSettings.length !== 0 ||\r\n (dataSelectionOptions || []).length !== 0 ||\r\n (advancedDataSelectionOptions || []).length !== 0 ||\r\n highlightDataPointSettings ? (\r\n <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\r\n {advancedDataSelectionOptions?.map((d, i) => (\r\n <div\r\n style={{\r\n width:\r\n d.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: d.width ? 0 : 1,\r\n flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n minWidth: '240px',\r\n }}\r\n key={i}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>{d.label || 'Graph by'}</Label>\r\n {d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.options.map(opt => ({\r\n ...opt,\r\n value: opt.label,\r\n }))}\r\n size='sm'\r\n isClearable={false}\r\n isSearchable\r\n variant={uiMode}\r\n controlShouldRenderValue\r\n defaultValue={\r\n d.defaultValue\r\n ? {\r\n ...d.defaultValue,\r\n value: d.defaultValue?.label,\r\n }\r\n : {\r\n ...d.options[0],\r\n value: d.options[0].label,\r\n }\r\n }\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n setAdvancedGraphSettings(el?.graphSettings || {});\r\n setGraphConfig(el?.dataConfiguration);\r\n }}\r\n />\r\n ) : (\r\n <RadioGroup\r\n defaultValue={d.defaultValue?.label || d.options[0].label}\r\n variant={uiMode}\r\n onValueChange={el => {\r\n const selectedOption =\r\n d.options[d.options.findIndex(opt => opt.label === el)];\r\n setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n setGraphConfig(selectedOption.dataConfiguration);\r\n }}\r\n >\r\n {d.options.map((el, j) => (\r\n <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n ))}\r\n </RadioGroup>\r\n )}\r\n </div>\r\n ))}\r\n {dataSelectionOptions?.map((d, i) => (\r\n <div\r\n style={{\r\n width:\r\n d.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: d.width ? 0 : 1,\r\n flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n minWidth: '240px',\r\n }}\r\n key={i}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\r\n {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\r\n d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.allowedColumnIds}\r\n size='sm'\r\n isClearable={false}\r\n isSearchable\r\n variant={uiMode}\r\n controlShouldRenderValue\r\n defaultValue={\r\n graphDataConfiguration\r\n ? d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(\r\n j =>\r\n j.value ===\r\n (graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string),\r\n )\r\n ]\r\n : undefined\r\n }\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n const newGraphConfig = {\r\n columnId: el?.value as string,\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setAdvancedGraphSettings(\r\n getGraphSettings(dataSelectionOptions, updatedConfig),\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n />\r\n ) : (\r\n <RadioGroup\r\n variant={uiMode}\r\n defaultValue={\r\n graphDataConfiguration\r\n ? d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(\r\n j =>\r\n j.value ===\r\n (graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string),\r\n )\r\n ].label\r\n : ''\r\n }\r\n onValueChange={el => {\r\n const selectedOption =\r\n d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(opt => opt.label === el)\r\n ];\r\n const newGraphConfig = {\r\n columnId: selectedOption.value,\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setAdvancedGraphSettings(\r\n getGraphSettings(dataSelectionOptions, updatedConfig),\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n >\r\n {d.allowedColumnIds.map((el, j) => (\r\n <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n ))}\r\n </RadioGroup>\r\n )\r\n ) : d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.allowedColumnIds}\r\n size='sm'\r\n isMulti\r\n isSearchable\r\n variant={uiMode}\r\n controlShouldRenderValue\r\n defaultValue={\r\n graphDataConfiguration\r\n ? (\r\n graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string[]\r\n ).map(\r\n el =>\r\n d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(j => j.value === el)\r\n ],\r\n )\r\n : undefined\r\n }\r\n filterOption={createFilter(filterConfig)}\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n const newGraphConfig = {\r\n columnId: (el || []).map(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (item: any) => item.value,\r\n ) as string[],\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n />\r\n ) : (\r\n <CheckboxGroup\r\n variant={uiMode}\r\n defaultValue={\r\n graphDataConfiguration\r\n ? (\r\n graphDataConfiguration[\r\n graphDataConfiguration.findIndex(\r\n el => el.chartConfigId === d.chartConfigId,\r\n )\r\n ].columnId as string[]\r\n )\r\n .map(\r\n el =>\r\n d.allowedColumnIds[\r\n d.allowedColumnIds.findIndex(j => j.value === el)\r\n ],\r\n )\r\n .map(el => el.value)\r\n : []\r\n }\r\n onValueChange={el => {\r\n const newGraphConfig = {\r\n columnId: el || [],\r\n chartConfigId: d.chartConfigId,\r\n };\r\n const updatedConfig = graphConfig?.map(item =>\r\n item.chartConfigId === newGraphConfig.chartConfigId\r\n ? newGraphConfig\r\n : item,\r\n );\r\n setGraphConfig(updatedConfig);\r\n }}\r\n >\r\n {d.allowedColumnIds.map((el, j) => (\r\n <CheckboxGroupItem label={el.label} value={el.label} key={j} />\r\n ))}\r\n </CheckboxGroup>\r\n )}\r\n </div>\r\n ))}\r\n {filterSettings?.map((d, i) => (\r\n <div\r\n style={{\r\n width:\r\n d.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: d.width ? 0 : 1,\r\n flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n minWidth: '240px',\r\n }}\r\n key={i}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>{d.label}</Label>\r\n {d.singleSelect ? (\r\n d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.availableValues}\r\n variant={uiMode}\r\n isClearable={d.clearable === undefined ? true : d.clearable}\r\n isSearchable\r\n controlShouldRenderValue\r\n filterOption={createFilter(filterConfig)}\r\n onChange={el => {\r\n handleFilterChange(d.filter, el);\r\n }}\r\n value={d.value}\r\n defaultValue={d.defaultValue}\r\n />\r\n ) : (\r\n <RadioGroup\r\n variant={uiMode}\r\n defaultValue={(d.defaultValue as { value: string; label: string }).value}\r\n onValueChange={el => {\r\n handleFilterChange(\r\n d.filter,\r\n d.availableValues.filter(v => v.value === el),\r\n );\r\n }}\r\n >\r\n {d.availableValues.map((el, j) => (\r\n <RadioGroupItem label={`${el.label}`} value={`${el.value}`} key={j} />\r\n ))}\r\n </RadioGroup>\r\n )\r\n ) : (\r\n <>\r\n {d.ui !== 'radio' ? (\r\n <DropdownSelect\r\n options={d.availableValues}\r\n variant={uiMode}\r\n size='sm'\r\n isMulti\r\n isClearable={d.clearable === undefined ? true : d.clearable}\r\n isSearchable\r\n controlShouldRenderValue\r\n filterOption={createFilter(filterConfig)}\r\n onChange={el => {\r\n handleFilterChange(d.filter, el);\r\n }}\r\n value={d.value}\r\n defaultValue={d.defaultValue}\r\n />\r\n ) : (\r\n <CheckboxGroup\r\n variant={uiMode}\r\n defaultValue={\r\n d.defaultValue\r\n ? (\r\n d.defaultValue as {\r\n value: string | number;\r\n label: string | number;\r\n }[]\r\n ).map(el => `${el.value}`)\r\n : []\r\n }\r\n value={\r\n d.value\r\n ? (\r\n d.value as {\r\n value: string | number;\r\n label: string | number;\r\n }[]\r\n ).map(el => `${el.value}`)\r\n : undefined\r\n }\r\n onValueChange={el => {\r\n handleFilterChange(\r\n d.filter,\r\n d.availableValues.filter(v => el.indexOf(`${v.value}`) !== -1),\r\n );\r\n }}\r\n >\r\n {d.availableValues.map((el, j) => (\r\n <CheckboxGroupItem\r\n label={`${el.label}`}\r\n value={`${el.value}`}\r\n key={j}\r\n />\r\n ))}\r\n </CheckboxGroup>\r\n )}\r\n {d.allowSelectAll ? (\r\n <button\r\n type='button'\r\n className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\r\n onClick={() => {\r\n handleFilterChange(d.filter, d.availableValues);\r\n }}\r\n >\r\n Select all options\r\n </button>\r\n ) : null}\r\n </>\r\n )}\r\n </div>\r\n ))}\r\n {highlightDataPointSettings ? (\r\n <div\r\n style={{\r\n width:\r\n highlightDataPointSettings.width ||\r\n `calc(${100 / noOfFiltersPerRow}% - ${\r\n (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n }rem)`,\r\n flexGrow: highlightDataPointSettings.width ? 0 : 1,\r\n flexShrink: 0,\r\n minWidth: '240px',\r\n }}\r\n className='pb-4'\r\n >\r\n <Label className='mb-2'>\r\n {highlightDataPointSettings.label || 'Highlight data'}\r\n </Label>\r\n <DropdownSelect\r\n options={highlightedDataPointOptions}\r\n variant={uiMode}\r\n size='sm'\r\n isMulti\r\n isClearable\r\n isSearchable\r\n controlShouldRenderValue\r\n filterOption={createFilter(filterConfig)}\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onChange={(el: any) => {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n setHighlightedDataPointList(el?.map((d: any) => d.value));\r\n }}\r\n value={highlightedDataPointList?.map(d => ({\r\n label: d,\r\n value: d,\r\n }))}\r\n defaultValue={highlightDataPointSettings.defaultValues?.map(d => ({\r\n label: d,\r\n value: d,\r\n }))}\r\n />\r\n </div>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n <ThreeDGraphEl\r\n graph={graphType}\r\n graphData={graphData}\r\n graphDataConfiguration={graphConfig}\r\n debugMode={debugMode}\r\n readableHeader={readableHeader || []}\r\n updateFilters={updateFilters}\r\n settings={{\r\n ...(graphSettings || {}),\r\n ...advancedGraphSettings,\r\n graphTitle: undefined,\r\n graphDescription: undefined,\r\n graphDownload: false,\r\n dataDownload: false,\r\n backgroundColor: undefined,\r\n padding: '0',\r\n width: undefined,\r\n height: undefined,\r\n relativeHeight: undefined,\r\n minHeight: undefined,\r\n theme: graphSettings?.theme,\r\n ...(highlightedDataPointList\r\n ? {\r\n highlightedDataPoints: highlightedDataPointList,\r\n highlightedIds: highlightedDataPointList?.map(d => `${d}`),\r\n highlightedLines: highlightedDataPointList?.map(d => d),\r\n }\r\n : {}),\r\n }}\r\n />\r\n </>\r\n ) : (\r\n <div className='w-full flex justify-center p-4'>\r\n <Spinner />\r\n </div>\r\n )}\r\n </GraphContainer>\r\n );\r\n}\r\n"],"names":["ThreeDGraphEl","props","$","_c","settings","graph","graphData","debugMode","graphDataConfiguration","readableHeader","updateFilters","console","log","t0","width","t1","Symbol","for","height","t2","P","t3","threeDGlobe","ThreeDGlobe","graphComponents","graphType","numberDisplayOptions","globeOffset","collapseColorScaleByDefault","polygonAltitude","highlightedIds","scale","theme","resetSelectionOnDoubleClick","graphTitle","mapData","graphDescription","footNote","sources","colorDomain","colors","colorLegendTitle","Object","keys","indexOf","getValues","scaleType","data","centerPoint","backgroundColor","mapNoDataColor","mapBorderColor","relativeHeight","padding","tooltip","showColorScale","graphID","dataDownload","mapProperty","language","minHeight","ariaLabel","onSeriesMouseClick","el","id","detailsOnClick","styles","classNames","autoRotate","globeMaterial","atmosphereColor","enableZoom","atmosphereAltitude","globeCurvatureResolution","fogSettings","fogSetting","lights","highlightedAltitude","selectedId","getGraphProps","GraphComponent","graphProps","t4","t5","jsx","t6","getGraphSettings","dataSelectionOptions","updatedConfig","updatedSettings","map","c","indx","findIndex","opt","chartConfigId","allowedValIndx","allowedColumnIds","col","value","columnId","graphSettings","assign","SingleGraphDashboardThreeDGraphs","dataSettings","filters","dataTransform","dataFilters","advancedDataSelectionOptions","noOfFiltersPerRow","uiMode","highlightDataPointSettings","filteredData","setFilteredData","useState","undefined","setData","graphConfig","setGraphConfig","advancedGraphSettings","setAdvancedGraphSettings","highlightedDataPointList","setHighlightedDataPointList","highlightedDataPointOptions","setHighlightedDataPointOption","graphParentDiv","useRef","prevGraphDataConfigRef","filterSettings","setFilterSettings","filterConfig","ignoreCase","ignoreAccents","trim","updateFiltersEvent","useEffectEvent","filterSettingsTemp","filter","column","label","singleSelect","clearable","defaultValue","transformDefaultValue","availableValues","getUniqValue","v","excludeValues","includes","allowSelectAll","useEffect","fetchData","dataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","filteredDataEvent","length","result","item","every","flattenDeep","intersection","updateHighlightedDataPointOptions","d","isEqual","current","handleFilterChange","values","prev","f","transformDataForGraph","transformDataForAggregation","filterData","keyColumn","aggregationColumnsSetting","GraphContainer","graphContainer","graphList","geoHubMapPresentation","jsxs","Fragment","graphDownload","GraphHeader","title","description","i","flexGrow","flexShrink","ui","minWidth","Label","DropdownSelect","options","dataConfiguration","RadioGroup","selectedOption","j","RadioGroupItem","checkIfMultiple","createFilter","newGraphConfig","CheckboxGroup","CheckboxGroupItem","defaultValues","highlightedDataPoints","highlightedLines","Spinner"],"mappings":"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"}
|