@undp/data-viz 2.0.0 → 2.0.2
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/BarGraph.cjs +1 -1
- package/dist/BarGraph.cjs.map +1 -1
- package/dist/BarGraph.js +959 -959
- package/dist/BarGraph.js.map +1 -1
- package/dist/BasicStatCard.cjs +1 -1
- package/dist/BasicStatCard.cjs.map +1 -1
- package/dist/BasicStatCard.js +45 -47
- package/dist/BasicStatCard.js.map +1 -1
- package/dist/BeeSwarmChart.cjs +1 -1
- package/dist/BeeSwarmChart.cjs.map +1 -1
- package/dist/BeeSwarmChart.js +76 -56
- package/dist/BeeSwarmChart.js.map +1 -1
- package/dist/BiVariateChoroplethMap.cjs +1 -1
- package/dist/BiVariateChoroplethMap.cjs.map +1 -1
- package/dist/BiVariateChoroplethMap.js +157 -157
- package/dist/BiVariateChoroplethMap.js.map +1 -1
- package/dist/BulletChart.cjs +1 -1
- package/dist/BulletChart.js +2 -2
- package/dist/ButterflyChart.cjs +1 -1
- package/dist/ButterflyChart.js +1 -1
- package/dist/ChoroplethMap.cjs +1 -1
- package/dist/ChoroplethMap.cjs.map +1 -1
- package/dist/ChoroplethMap.js +185 -185
- package/dist/ChoroplethMap.js.map +1 -1
- package/dist/CirclePackingGraph.cjs +1 -1
- package/dist/CirclePackingGraph.js +2 -4
- package/dist/CirclePackingGraph.js.map +1 -1
- package/dist/Data/barChart.json +70 -0
- package/dist/Data/basic.csv +20 -0
- package/dist/DifferenceLineChart.cjs +1 -1
- package/dist/DifferenceLineChart.cjs.map +1 -1
- package/dist/DifferenceLineChart.js +224 -223
- package/dist/DifferenceLineChart.js.map +1 -1
- package/dist/DonutChart.cjs +1 -1
- package/dist/DonutChart.cjs.map +1 -1
- package/dist/DonutChart.js +32 -24
- package/dist/DonutChart.js.map +1 -1
- package/dist/DotDensityMap.cjs +1 -1
- package/dist/DotDensityMap.cjs.map +1 -1
- package/dist/DotDensityMap.js +156 -156
- package/dist/DotDensityMap.js.map +1 -1
- package/dist/DualAxisLineChart.cjs +1 -1
- package/dist/DualAxisLineChart.cjs.map +1 -1
- package/dist/DualAxisLineChart.js +326 -325
- package/dist/DualAxisLineChart.js.map +1 -1
- package/dist/DumbbellChart.cjs +1 -1
- package/dist/DumbbellChart.js +2 -2
- package/dist/GeoHubCompareMaps.cjs +1 -1
- package/dist/GeoHubCompareMaps.cjs.map +1 -1
- package/dist/GeoHubCompareMaps.js +183 -183
- package/dist/GeoHubCompareMaps.js.map +1 -1
- package/dist/{GraphEl-DzRon4cb.js → GraphEl-BZne2JIx.js} +3 -3
- package/dist/{GraphEl-DzRon4cb.js.map → GraphEl-BZne2JIx.js.map} +1 -1
- package/dist/{GraphEl-BkyLYXG5.cjs → GraphEl-D5MUfp45.cjs} +2 -2
- package/dist/{GraphEl-BkyLYXG5.cjs.map → GraphEl-D5MUfp45.cjs.map} +1 -1
- package/dist/GriddedGraphs.cjs +1 -1
- package/dist/GriddedGraphs.js +1 -1
- package/dist/HeatMap.cjs +1 -1
- package/dist/HeatMap.js +2 -2
- package/dist/Histogram.cjs +1 -1
- package/dist/Histogram.js +1 -1
- package/dist/LineChartWithConfidenceInterval.cjs +1 -1
- package/dist/LineChartWithConfidenceInterval.cjs.map +1 -1
- package/dist/LineChartWithConfidenceInterval.js +133 -132
- package/dist/LineChartWithConfidenceInterval.js.map +1 -1
- package/dist/MultiGraphDashboard.cjs +1 -1
- package/dist/MultiGraphDashboard.cjs.map +1 -1
- package/dist/MultiGraphDashboard.js +52 -50
- package/dist/MultiGraphDashboard.js.map +1 -1
- package/dist/MultiGraphDashboardWideToLongFormat.cjs +1 -1
- package/dist/MultiGraphDashboardWideToLongFormat.cjs.map +1 -1
- package/dist/MultiGraphDashboardWideToLongFormat.js +11 -9
- package/dist/MultiGraphDashboardWideToLongFormat.js.map +1 -1
- package/dist/MultiLineAltChart.cjs +1 -1
- package/dist/MultiLineAltChart.cjs.map +1 -1
- package/dist/MultiLineAltChart.js +149 -148
- package/dist/MultiLineAltChart.js.map +1 -1
- package/dist/MultiLineChart.cjs +1 -1
- package/dist/MultiLineChart.cjs.map +1 -1
- package/dist/MultiLineChart.js +182 -181
- package/dist/MultiLineChart.js.map +1 -1
- package/dist/ParetoChart.cjs +1 -1
- package/dist/ParetoChart.js +1 -1
- package/dist/PerformanceIntensiveMultiGraphDashboard.cjs +1 -1
- package/dist/PerformanceIntensiveMultiGraphDashboard.cjs.map +1 -1
- package/dist/PerformanceIntensiveMultiGraphDashboard.js +14 -12
- package/dist/PerformanceIntensiveMultiGraphDashboard.js.map +1 -1
- package/dist/SimpleLineChart.cjs +1 -1
- package/dist/SimpleLineChart.cjs.map +1 -1
- package/dist/SimpleLineChart.js +123 -122
- package/dist/SimpleLineChart.js.map +1 -1
- package/dist/SingleGraphDashboard.cjs +1 -1
- package/dist/SingleGraphDashboard.cjs.map +1 -1
- package/dist/SingleGraphDashboard.js +83 -79
- package/dist/SingleGraphDashboard.js.map +1 -1
- package/dist/SingleGraphDashboardGeoHubMaps.cjs +1 -1
- package/dist/SingleGraphDashboardGeoHubMaps.cjs.map +1 -1
- package/dist/SingleGraphDashboardGeoHubMaps.js +49 -45
- package/dist/SingleGraphDashboardGeoHubMaps.js.map +1 -1
- package/dist/SingleGraphDashboardThreeDGraphs.cjs +1 -1
- package/dist/SingleGraphDashboardThreeDGraphs.cjs.map +1 -1
- package/dist/SingleGraphDashboardThreeDGraphs.js +56 -52
- package/dist/SingleGraphDashboardThreeDGraphs.js.map +1 -1
- package/dist/StatCardFromData.cjs +1 -1
- package/dist/StatCardFromData.cjs.map +1 -1
- package/dist/StatCardFromData.js +44 -46
- package/dist/StatCardFromData.js.map +1 -1
- package/dist/ThreeDGlobe.cjs +1 -1
- package/dist/ThreeDGlobe.cjs.map +1 -1
- package/dist/ThreeDGlobe.js +134 -134
- package/dist/ThreeDGlobe.js.map +1 -1
- package/dist/{XAxesLabels-D5X8jngD.cjs → XAxesLabels-C1XSXoWG.cjs} +2 -2
- package/dist/XAxesLabels-C1XSXoWG.cjs.map +1 -0
- package/dist/{XAxesLabels-DNO0KmjL.js → XAxesLabels-Dmbk50u4.js} +18 -16
- package/dist/XAxesLabels-Dmbk50u4.js.map +1 -0
- package/dist/YAxesLabels-1XTb-D0_.js +72 -0
- package/dist/YAxesLabels-1XTb-D0_.js.map +1 -0
- package/dist/YAxesLabels-pjdsVwIM.cjs +2 -0
- package/dist/YAxesLabels-pjdsVwIM.cjs.map +1 -0
- package/dist/getNoOfTicks-C_1CFXv_.cjs +2 -0
- package/dist/getNoOfTicks-C_1CFXv_.cjs.map +1 -0
- package/dist/getNoOfTicks-CpmRjcRF.js +7 -0
- package/dist/getNoOfTicks-CpmRjcRF.js.map +1 -0
- package/dist/index-C6LorfZ-.cjs +2 -0
- package/dist/index-C6LorfZ-.cjs.map +1 -0
- package/dist/index-Ceppbd8C.js +342 -0
- package/dist/index-Ceppbd8C.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/XAxesLabels-D5X8jngD.cjs.map +0 -1
- package/dist/XAxesLabels-DNO0KmjL.js.map +0 -1
- package/dist/YAxesLabels-DcS85Beo.cjs +0 -2
- package/dist/YAxesLabels-DcS85Beo.cjs.map +0 -1
- package/dist/YAxesLabels-Dnnng49-.js +0 -70
- package/dist/YAxesLabels-Dnnng49-.js.map +0 -1
- package/dist/index-DoY3Ga3W.cjs +0 -2
- package/dist/index-DoY3Ga3W.cjs.map +0 -1
- package/dist/index-leTnKT2q.js +0 -329
- package/dist/index-leTnKT2q.js.map +0 -1
package/dist/BasicStatCard.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),Q=require("./Typography-DX7PlgQU.cjs"),U=require("./GraphFooter.cjs"),X=require("./GraphHeader.cjs"),Y=require("./numberFormattingFunction-02t-wJta.cjs");function tt(Z){const t=r.compilerRuntimeExports.c(48),{year:l,value:j,graphTitle:i,suffix:q,sources:c,prefix:z,graphDescription:n,footNote:x,padding:W,backgroundColor:L,graphID:w,language:D,theme:P,ariaLabel:_,textBackground:I,headingFontSize:M,centerAlign:O,verticalAlign:V,layout:J,styles:e,classNames:o,precision:b}=Z,v=q===void 0?"":q,E=z===void 0?"":z,a=L===void 0?!1:L,s=D===void 0?"en":D,K=P===void 0?"light":P,R=I===void 0?!1:I,$=M===void 0?"4.375rem":M,N=O===void 0?!1:O,k=V===void 0?"center":V,y=J===void 0?"primary":J,F=`${K||"light"} w-full`,C=s==="he"||s==="ar"?"rtl":void 0,G=`${K||"light"} flex flex-col w-full box-border h-full ${a?a===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${s||"en"}`,T=o?.graphContainer;let u;t[0]!==G||t[1]!==T?(u=r.mo(G,T),t[0]=G,t[1]=T,t[2]=u):u=t[2];let d;t[3]!==e?.graphContainer?(d=e?.graphContainer||{},t[3]=e?.graphContainer,t[4]=d):d=t[4];let p;t[5]!==a?(p=a&&a!==!0?{backgroundColor:a}:{},t[5]=a,t[6]=p):p=t[6];const A=a?W||"1rem":W||0;let m;t[7]!==d||t[8]!==p||t[9]!==A?(m={...d,...p,padding:A},t[7]=d,t[8]=p,t[9]=A,t[10]=m):m=t[10];const B=_||`${i?`The graph shows ${i}. `:""}This is a statistic card.${n?` ${n}`:""}`,H=`flex flex-col w-full grow ${y!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let g;t[11]!==N||t[12]!==o?.description||t[13]!==o?.footnote||t[14]!==o?.source||t[15]!==o?.title||t[16]!==x||t[17]!==n||t[18]!==i||t[19]!==$||t[20]!==s||t[21]!==y||t[22]!==b||t[23]!==E||t[24]!==c||t[25]!==e?.description||t[26]!==e?.footnote||t[27]!==e?.source||t[28]!==e?.title||t[29]!==v||t[30]!==R||t[31]!==j||t[32]!==k||t[33]!==l?(g=y!=="secondary"?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[i||n?r.jsxRuntimeExports.jsx(X.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:o?.title,description:o?.description},graphTitle:i,graphDescription:n}):null,r.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${k==="top"?"justify-start":k==="bottom"?"justify-end":"justify-center"}`,children:r.jsxRuntimeExports.jsxs(Q.$,{marginBottom:"base",className:`leading-none text-outline font-heading ${N?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${R?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:$,letterSpacing:"0.05rem"},children:[Y.numberFormattingFunction(j,"NA",b,E,v)," ",l?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]})}),c||x?r.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:c,footNote:x}):null]}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(Q.$,{marginBottom:y==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${N?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${R?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:$,letterSpacing:"0.05rem"},children:[Y.numberFormattingFunction(j,"NA",b,E,v)," ",l?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]}),i||n?r.jsxRuntimeExports.jsx(X.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:o?.title,description:o?.description},graphTitle:i,graphDescription:n}):null,c||x?r.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:c,footNote:x}):null]}),t[11]=N,t[12]=o?.description,t[13]=o?.footnote,t[14]=o?.source,t[15]=o?.title,t[16]=x,t[17]=n,t[18]=i,t[19]=$,t[20]=s,t[21]=y,t[22]=b,t[23]=E,t[24]=c,t[25]=e?.description,t[26]=e?.footnote,t[27]=e?.source,t[28]=e?.title,t[29]=v,t[30]=R,t[31]=j,t[32]=k,t[33]=l,t[34]=g):g=t[34];let f;t[35]!==H||t[36]!==g?(f=r.jsxRuntimeExports.jsx("div",{className:H,children:g}),t[35]=H,t[36]=g,t[37]=f):f=t[37];let h;t[38]!==w||t[39]!==C||t[40]!==u||t[41]!==m||t[42]!==B||t[43]!==f?(h=r.jsxRuntimeExports.jsx("div",{id:w,dir:C,className:u,style:m,"aria-label":B,children:f}),t[38]=w,t[39]=C,t[40]=u,t[41]=m,t[42]=B,t[43]=f,t[44]=h):h=t[44];let S;return t[45]!==F||t[46]!==h?(S=r.jsxRuntimeExports.jsx("div",{className:F,children:h}),t[45]=F,t[46]=h,t[47]=S):S=t[47],S}exports.BasicStatCard=tt;
|
|
2
2
|
//# sourceMappingURL=BasicStatCard.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n // Titles, Labels, and Sources\r\n /** Title of the graph */\r\n graphTitle?: string | React.ReactNode;\r\n /** Description of the graph */\r\n graphDescription?: string | React.ReactNode;\r\n /** Footnote for the graph */\r\n footNote?: string | React.ReactNode;\r\n /** Source data for the graph */\r\n sources?: SourcesDataType[];\r\n /** Accessibility label */\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /** Background color of the graph */\r\n backgroundColor?: string | boolean;\r\n /** Defines the layout for the cards */\r\n layout?: 'primary' | 'secondary';\r\n /** Font size of the main text */\r\n headingFontSize?: string;\r\n /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n padding?: string;\r\n /** Toggle the fill color of the main text. */\r\n textBackground?: boolean;\r\n /** Toggle is the text is center aligned. */\r\n centerAlign?: boolean;\r\n /** Vertical alignment of the main text */\r\n verticalAlign?: 'center' | 'top' | 'bottom';\r\n /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n styles?: StyleObject;\r\n /** Custom class names */\r\n classNames?: ClassNameObject;\r\n\r\n // Values and Ticks\r\n /** Prefix for values */\r\n prefix?: string;\r\n /** Suffix for values */\r\n suffix?: string;\r\n /** Specifies the number of decimal places to display in the value. */\r\n precision?: number;\r\n /** Main text */\r\n value: number | string;\r\n /** Sub text next to main text */\r\n year?: number | string;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n const {\r\n year,\r\n value,\r\n graphTitle,\r\n suffix = '',\r\n sources,\r\n prefix = '',\r\n graphDescription,\r\n footNote,\r\n padding,\r\n backgroundColor = false,\r\n graphID,\r\n language = 'en',\r\n theme = 'light',\r\n ariaLabel,\r\n textBackground = false,\r\n headingFontSize = '4.375rem',\r\n centerAlign = false,\r\n verticalAlign = 'center',\r\n layout = 'primary',\r\n styles,\r\n classNames,\r\n precision,\r\n } = props;\r\n return (\r\n <div\r\n className={`${theme || 'light'} flex w-full`}\r\n dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n >\r\n <div\r\n className={cn(\r\n `${\r\n !backgroundColor\r\n ? 'bg-transparent '\r\n : backgroundColor === true\r\n ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n : ''\r\n }flex flex-col w-full h-inherit ${language || 'en'}`,\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer || {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n }}\r\n id={graphID}\r\n aria-label={\r\n ariaLabel ||\r\n `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className='flex grow'\r\n style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n >\r\n {layout !== 'secondary' ? (\r\n <div className='flex flex-col w-full gap-12 justify-between grow'>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n <div\r\n className={`flex flex-col justify-between grow ${\r\n verticalAlign === 'top'\r\n ? 'justify-start'\r\n : verticalAlign === 'bottom'\r\n ? 'justify-end'\r\n : 'justify-center'\r\n }`}\r\n >\r\n <H3\r\n marginBottom='base'\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n </div>\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </div>\r\n ) : (\r\n <div className='flex flex-col w-full gap-4 grow justify-center'>\r\n <H3\r\n marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n // Titles, Labels, and Sources\r\n /** Title of the graph */\r\n graphTitle?: string | React.ReactNode;\r\n /** Description of the graph */\r\n graphDescription?: string | React.ReactNode;\r\n /** Footnote for the graph */\r\n footNote?: string | React.ReactNode;\r\n /** Source data for the graph */\r\n sources?: SourcesDataType[];\r\n /** Accessibility label */\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /** Background color of the graph */\r\n backgroundColor?: string | boolean;\r\n /** Defines the layout for the cards */\r\n layout?: 'primary' | 'secondary';\r\n /** Font size of the main text */\r\n headingFontSize?: string;\r\n /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n padding?: string;\r\n /** Toggle the fill color of the main text. */\r\n textBackground?: boolean;\r\n /** Toggle is the text is center aligned. */\r\n centerAlign?: boolean;\r\n /** Vertical alignment of the main text */\r\n verticalAlign?: 'center' | 'top' | 'bottom';\r\n /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n styles?: StyleObject;\r\n /** Custom class names */\r\n classNames?: ClassNameObject;\r\n\r\n // Values and Ticks\r\n /** Prefix for values */\r\n prefix?: string;\r\n /** Suffix for values */\r\n suffix?: string;\r\n /** Specifies the number of decimal places to display in the value. */\r\n precision?: number;\r\n /** Main text */\r\n value: number | string;\r\n /** Sub text next to main text */\r\n year?: number | string;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n const {\r\n year,\r\n value,\r\n graphTitle,\r\n suffix = '',\r\n sources,\r\n prefix = '',\r\n graphDescription,\r\n footNote,\r\n padding,\r\n backgroundColor = false,\r\n graphID,\r\n language = 'en',\r\n theme = 'light',\r\n ariaLabel,\r\n textBackground = false,\r\n headingFontSize = '4.375rem',\r\n centerAlign = false,\r\n verticalAlign = 'center',\r\n layout = 'primary',\r\n styles,\r\n classNames,\r\n precision,\r\n } = props;\r\n return (\r\n <div className={`${theme || 'light'} w-full`}>\r\n <div\r\n id={graphID}\r\n dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n className={cn(\r\n `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n !backgroundColor\r\n ? 'bg-transparent'\r\n : backgroundColor === true\r\n ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n : ''\r\n } ${language || 'en'}`,\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer || {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n }}\r\n aria-label={\r\n ariaLabel ||\r\n `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n >\r\n {layout !== 'secondary' ? (\r\n <>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n <div\r\n className={`flex flex-col justify-between grow ${\r\n verticalAlign === 'top'\r\n ? 'justify-start'\r\n : verticalAlign === 'bottom'\r\n ? 'justify-end'\r\n : 'justify-center'\r\n }`}\r\n >\r\n <H3\r\n marginBottom='base'\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n </div>\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </>\r\n ) : (\r\n <>\r\n <H3\r\n marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}
|
package/dist/BasicStatCard.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { c as tt, m as et, j as
|
|
2
|
-
import { $ as
|
|
3
|
-
import { GraphFooter as
|
|
4
|
-
import { GraphHeader as
|
|
5
|
-
import { n as
|
|
6
|
-
function
|
|
7
|
-
const t = tt.c(
|
|
8
|
-
year:
|
|
1
|
+
import { c as tt, m as et, j as r } from "./index-CHPV5EwG-Curnpaqc.js";
|
|
2
|
+
import { $ as U } from "./Typography-PxtFcnJb.js";
|
|
3
|
+
import { GraphFooter as V } from "./GraphFooter.js";
|
|
4
|
+
import { GraphHeader as X } from "./GraphHeader.js";
|
|
5
|
+
import { n as Y } from "./numberFormattingFunction-14YCbkN2.js";
|
|
6
|
+
function at(Z) {
|
|
7
|
+
const t = tt.c(48), {
|
|
8
|
+
year: l,
|
|
9
9
|
value: j,
|
|
10
10
|
graphTitle: s,
|
|
11
11
|
suffix: D,
|
|
@@ -15,10 +15,10 @@ function lt(Y) {
|
|
|
15
15
|
footNote: d,
|
|
16
16
|
padding: G,
|
|
17
17
|
backgroundColor: R,
|
|
18
|
-
graphID:
|
|
18
|
+
graphID: F,
|
|
19
19
|
language: I,
|
|
20
20
|
theme: q,
|
|
21
|
-
ariaLabel:
|
|
21
|
+
ariaLabel: _,
|
|
22
22
|
textBackground: J,
|
|
23
23
|
headingFontSize: K,
|
|
24
24
|
centerAlign: M,
|
|
@@ -26,100 +26,98 @@ function lt(Y) {
|
|
|
26
26
|
layout: P,
|
|
27
27
|
styles: e,
|
|
28
28
|
classNames: o,
|
|
29
|
-
precision:
|
|
30
|
-
} =
|
|
29
|
+
precision: b
|
|
30
|
+
} = Z, v = D === void 0 ? "" : D, $ = E === void 0 ? "" : E, a = R === void 0 ? !1 : R, i = I === void 0 ? "en" : I, Q = q === void 0 ? "light" : q, N = J === void 0 ? !1 : J, k = K === void 0 ? "4.375rem" : K, w = M === void 0 ? !1 : M, S = O === void 0 ? "center" : O, y = P === void 0 ? "primary" : P, A = `${Q || "light"} w-full`, B = i === "he" || i === "ar" ? "rtl" : void 0, T = `${Q || "light"} flex flex-col w-full box-border h-full ${a ? a === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${i || "en"}`, z = o?.graphContainer;
|
|
31
31
|
let f;
|
|
32
|
-
t[0] !==
|
|
32
|
+
t[0] !== T || t[1] !== z ? (f = et(T, z), t[0] = T, t[1] = z, t[2] = f) : f = t[2];
|
|
33
33
|
let m;
|
|
34
34
|
t[3] !== e?.graphContainer ? (m = e?.graphContainer || {}, t[3] = e?.graphContainer, t[4] = m) : m = t[4];
|
|
35
35
|
let p;
|
|
36
|
-
t[5] !==
|
|
37
|
-
backgroundColor:
|
|
38
|
-
} : {}, t[5] =
|
|
36
|
+
t[5] !== a ? (p = a && a !== !0 ? {
|
|
37
|
+
backgroundColor: a
|
|
38
|
+
} : {}, t[5] = a, t[6] = p) : p = t[6];
|
|
39
|
+
const W = a ? G || "1rem" : G || 0;
|
|
39
40
|
let g;
|
|
40
|
-
t[7] !== m || t[8] !== p ? (g = {
|
|
41
|
+
t[7] !== m || t[8] !== p || t[9] !== W ? (g = {
|
|
41
42
|
...m,
|
|
42
|
-
...p
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
...p,
|
|
44
|
+
padding: W
|
|
45
|
+
}, t[7] = m, t[8] = p, t[9] = W, t[10] = g) : g = t[10];
|
|
46
|
+
const H = _ || `${s ? `The graph shows ${s}. ` : ""}This is a statistic card.${n ? ` ${n}` : ""}`, L = `flex flex-col w-full grow ${y !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
|
|
45
47
|
let x;
|
|
46
|
-
t[
|
|
47
|
-
|
|
48
|
-
}, t[10] = L, t[11] = x) : x = t[11];
|
|
49
|
-
let u;
|
|
50
|
-
t[12] !== $ || t[13] !== o?.description || t[14] !== o?.footnote || t[15] !== o?.source || t[16] !== o?.title || t[17] !== d || t[18] !== n || t[19] !== s || t[20] !== w || t[21] !== r || t[22] !== C || t[23] !== v || t[24] !== N || t[25] !== c || t[26] !== e?.description || t[27] !== e?.footnote || t[28] !== e?.source || t[29] !== e?.title || t[30] !== b || t[31] !== k || t[32] !== j || t[33] !== S || t[34] !== a ? (u = C !== "secondary" ? /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-12 justify-between grow", children: [
|
|
51
|
-
s || n ? /* @__PURE__ */ i.jsx(V, { styles: {
|
|
48
|
+
t[11] !== w || t[12] !== o?.description || t[13] !== o?.footnote || t[14] !== o?.source || t[15] !== o?.title || t[16] !== d || t[17] !== n || t[18] !== s || t[19] !== k || t[20] !== i || t[21] !== y || t[22] !== b || t[23] !== $ || t[24] !== c || t[25] !== e?.description || t[26] !== e?.footnote || t[27] !== e?.source || t[28] !== e?.title || t[29] !== v || t[30] !== N || t[31] !== j || t[32] !== S || t[33] !== l ? (x = y !== "secondary" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
49
|
+
s || n ? /* @__PURE__ */ r.jsx(X, { styles: {
|
|
52
50
|
title: e?.title,
|
|
53
51
|
description: e?.description
|
|
54
52
|
}, classNames: {
|
|
55
53
|
title: o?.title,
|
|
56
54
|
description: o?.description
|
|
57
55
|
}, graphTitle: s, graphDescription: n }) : null,
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
fontSize:
|
|
56
|
+
/* @__PURE__ */ r.jsx("div", { className: `flex flex-col justify-between grow ${S === "top" ? "justify-start" : S === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ r.jsxs(U, { marginBottom: "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${N ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
|
|
57
|
+
fontSize: k,
|
|
60
58
|
letterSpacing: "0.05rem"
|
|
61
59
|
}, children: [
|
|
62
|
-
|
|
60
|
+
Y(j, "NA", b, $, v),
|
|
63
61
|
" ",
|
|
64
|
-
|
|
62
|
+
l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
|
|
65
63
|
marginLeft: "-8px",
|
|
66
64
|
lineHeight: "1.09",
|
|
67
65
|
textShadow: "none",
|
|
68
66
|
WebkitTextStrokeWidth: 0
|
|
69
67
|
}, children: [
|
|
70
68
|
"(",
|
|
71
|
-
|
|
69
|
+
l,
|
|
72
70
|
")"
|
|
73
71
|
] }) : null
|
|
74
72
|
] }) }),
|
|
75
|
-
c || d ? /* @__PURE__ */
|
|
73
|
+
c || d ? /* @__PURE__ */ r.jsx(V, { styles: {
|
|
76
74
|
footnote: e?.footnote,
|
|
77
75
|
source: e?.source
|
|
78
76
|
}, classNames: {
|
|
79
77
|
footnote: o?.footnote,
|
|
80
78
|
source: o?.source
|
|
81
79
|
}, sources: c, footNote: d }) : null
|
|
82
|
-
] }) : /* @__PURE__ */
|
|
83
|
-
/* @__PURE__ */
|
|
84
|
-
fontSize:
|
|
80
|
+
] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
81
|
+
/* @__PURE__ */ r.jsxs(U, { marginBottom: y === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${N ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
|
|
82
|
+
fontSize: k,
|
|
85
83
|
letterSpacing: "0.05rem"
|
|
86
84
|
}, children: [
|
|
87
|
-
|
|
85
|
+
Y(j, "NA", b, $, v),
|
|
88
86
|
" ",
|
|
89
|
-
|
|
87
|
+
l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
|
|
90
88
|
marginLeft: "-8px",
|
|
91
89
|
lineHeight: "1.09",
|
|
92
90
|
textShadow: "none",
|
|
93
91
|
WebkitTextStrokeWidth: 0
|
|
94
92
|
}, children: [
|
|
95
93
|
"(",
|
|
96
|
-
|
|
94
|
+
l,
|
|
97
95
|
")"
|
|
98
96
|
] }) : null
|
|
99
97
|
] }),
|
|
100
|
-
s || n ? /* @__PURE__ */
|
|
98
|
+
s || n ? /* @__PURE__ */ r.jsx(X, { styles: {
|
|
101
99
|
title: e?.title,
|
|
102
100
|
description: e?.description
|
|
103
101
|
}, classNames: {
|
|
104
102
|
title: o?.title,
|
|
105
103
|
description: o?.description
|
|
106
104
|
}, graphTitle: s, graphDescription: n }) : null,
|
|
107
|
-
c || d ? /* @__PURE__ */
|
|
105
|
+
c || d ? /* @__PURE__ */ r.jsx(V, { styles: {
|
|
108
106
|
footnote: e?.footnote,
|
|
109
107
|
source: e?.source
|
|
110
108
|
}, classNames: {
|
|
111
109
|
footnote: o?.footnote,
|
|
112
110
|
source: o?.source
|
|
113
111
|
}, sources: c, footNote: d }) : null
|
|
114
|
-
] }), t[
|
|
112
|
+
] }), t[11] = w, t[12] = o?.description, t[13] = o?.footnote, t[14] = o?.source, t[15] = o?.title, t[16] = d, t[17] = n, t[18] = s, t[19] = k, t[20] = i, t[21] = y, t[22] = b, t[23] = $, t[24] = c, t[25] = e?.description, t[26] = e?.footnote, t[27] = e?.source, t[28] = e?.title, t[29] = v, t[30] = N, t[31] = j, t[32] = S, t[33] = l, t[34] = x) : x = t[34];
|
|
113
|
+
let u;
|
|
114
|
+
t[35] !== L || t[36] !== x ? (u = /* @__PURE__ */ r.jsx("div", { className: L, children: x }), t[35] = L, t[36] = x, t[37] = u) : u = t[37];
|
|
115
115
|
let h;
|
|
116
|
-
t[
|
|
117
|
-
let
|
|
118
|
-
|
|
119
|
-
let A;
|
|
120
|
-
return t[45] !== F || t[46] !== T || t[47] !== y ? (A = /* @__PURE__ */ i.jsx("div", { className: F, dir: T, children: y }), t[45] = F, t[46] = T, t[47] = y, t[48] = A) : A = t[48], A;
|
|
116
|
+
t[38] !== F || t[39] !== B || t[40] !== f || t[41] !== g || t[42] !== H || t[43] !== u ? (h = /* @__PURE__ */ r.jsx("div", { id: F, dir: B, className: f, style: g, "aria-label": H, children: u }), t[38] = F, t[39] = B, t[40] = f, t[41] = g, t[42] = H, t[43] = u, t[44] = h) : h = t[44];
|
|
117
|
+
let C;
|
|
118
|
+
return t[45] !== A || t[46] !== h ? (C = /* @__PURE__ */ r.jsx("div", { className: A, children: h }), t[45] = A, t[46] = h, t[47] = C) : C = t[47], C;
|
|
121
119
|
}
|
|
122
120
|
export {
|
|
123
|
-
|
|
121
|
+
at as BasicStatCard
|
|
124
122
|
};
|
|
125
123
|
//# sourceMappingURL=BasicStatCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n // Titles, Labels, and Sources\r\n /** Title of the graph */\r\n graphTitle?: string | React.ReactNode;\r\n /** Description of the graph */\r\n graphDescription?: string | React.ReactNode;\r\n /** Footnote for the graph */\r\n footNote?: string | React.ReactNode;\r\n /** Source data for the graph */\r\n sources?: SourcesDataType[];\r\n /** Accessibility label */\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /** Background color of the graph */\r\n backgroundColor?: string | boolean;\r\n /** Defines the layout for the cards */\r\n layout?: 'primary' | 'secondary';\r\n /** Font size of the main text */\r\n headingFontSize?: string;\r\n /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n padding?: string;\r\n /** Toggle the fill color of the main text. */\r\n textBackground?: boolean;\r\n /** Toggle is the text is center aligned. */\r\n centerAlign?: boolean;\r\n /** Vertical alignment of the main text */\r\n verticalAlign?: 'center' | 'top' | 'bottom';\r\n /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n styles?: StyleObject;\r\n /** Custom class names */\r\n classNames?: ClassNameObject;\r\n\r\n // Values and Ticks\r\n /** Prefix for values */\r\n prefix?: string;\r\n /** Suffix for values */\r\n suffix?: string;\r\n /** Specifies the number of decimal places to display in the value. */\r\n precision?: number;\r\n /** Main text */\r\n value: number | string;\r\n /** Sub text next to main text */\r\n year?: number | string;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n const {\r\n year,\r\n value,\r\n graphTitle,\r\n suffix = '',\r\n sources,\r\n prefix = '',\r\n graphDescription,\r\n footNote,\r\n padding,\r\n backgroundColor = false,\r\n graphID,\r\n language = 'en',\r\n theme = 'light',\r\n ariaLabel,\r\n textBackground = false,\r\n headingFontSize = '4.375rem',\r\n centerAlign = false,\r\n verticalAlign = 'center',\r\n layout = 'primary',\r\n styles,\r\n classNames,\r\n precision,\r\n } = props;\r\n return (\r\n <div\r\n className={`${theme || 'light'} flex w-full`}\r\n dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n >\r\n <div\r\n className={cn(\r\n `${\r\n !backgroundColor\r\n ? 'bg-transparent '\r\n : backgroundColor === true\r\n ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n : ''\r\n }flex flex-col w-full h-inherit ${language || 'en'}`,\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer || {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n }}\r\n id={graphID}\r\n aria-label={\r\n ariaLabel ||\r\n `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className='flex grow'\r\n style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n >\r\n {layout !== 'secondary' ? (\r\n <div className='flex flex-col w-full gap-12 justify-between grow'>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n <div\r\n className={`flex flex-col justify-between grow ${\r\n verticalAlign === 'top'\r\n ? 'justify-start'\r\n : verticalAlign === 'bottom'\r\n ? 'justify-end'\r\n : 'justify-center'\r\n }`}\r\n >\r\n <H3\r\n marginBottom='base'\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n </div>\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </div>\r\n ) : (\r\n <div className='flex flex-col w-full gap-4 grow justify-center'>\r\n <H3\r\n marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n // Titles, Labels, and Sources\r\n /** Title of the graph */\r\n graphTitle?: string | React.ReactNode;\r\n /** Description of the graph */\r\n graphDescription?: string | React.ReactNode;\r\n /** Footnote for the graph */\r\n footNote?: string | React.ReactNode;\r\n /** Source data for the graph */\r\n sources?: SourcesDataType[];\r\n /** Accessibility label */\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /** Background color of the graph */\r\n backgroundColor?: string | boolean;\r\n /** Defines the layout for the cards */\r\n layout?: 'primary' | 'secondary';\r\n /** Font size of the main text */\r\n headingFontSize?: string;\r\n /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n padding?: string;\r\n /** Toggle the fill color of the main text. */\r\n textBackground?: boolean;\r\n /** Toggle is the text is center aligned. */\r\n centerAlign?: boolean;\r\n /** Vertical alignment of the main text */\r\n verticalAlign?: 'center' | 'top' | 'bottom';\r\n /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n styles?: StyleObject;\r\n /** Custom class names */\r\n classNames?: ClassNameObject;\r\n\r\n // Values and Ticks\r\n /** Prefix for values */\r\n prefix?: string;\r\n /** Suffix for values */\r\n suffix?: string;\r\n /** Specifies the number of decimal places to display in the value. */\r\n precision?: number;\r\n /** Main text */\r\n value: number | string;\r\n /** Sub text next to main text */\r\n year?: number | string;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n const {\r\n year,\r\n value,\r\n graphTitle,\r\n suffix = '',\r\n sources,\r\n prefix = '',\r\n graphDescription,\r\n footNote,\r\n padding,\r\n backgroundColor = false,\r\n graphID,\r\n language = 'en',\r\n theme = 'light',\r\n ariaLabel,\r\n textBackground = false,\r\n headingFontSize = '4.375rem',\r\n centerAlign = false,\r\n verticalAlign = 'center',\r\n layout = 'primary',\r\n styles,\r\n classNames,\r\n precision,\r\n } = props;\r\n return (\r\n <div className={`${theme || 'light'} w-full`}>\r\n <div\r\n id={graphID}\r\n dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n className={cn(\r\n `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n !backgroundColor\r\n ? 'bg-transparent'\r\n : backgroundColor === true\r\n ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n : ''\r\n } ${language || 'en'}`,\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer || {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n }}\r\n aria-label={\r\n ariaLabel ||\r\n `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n >\r\n {layout !== 'secondary' ? (\r\n <>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n <div\r\n className={`flex flex-col justify-between grow ${\r\n verticalAlign === 'top'\r\n ? 'justify-start'\r\n : verticalAlign === 'bottom'\r\n ? 'justify-end'\r\n : 'justify-center'\r\n }`}\r\n >\r\n <H3\r\n marginBottom='base'\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n </div>\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </>\r\n ) : (\r\n <>\r\n <H3\r\n marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n className={`leading-none text-outline font-heading ${\r\n centerAlign\r\n ? 'text-center'\r\n : language === 'he' || language === 'ar'\r\n ? 'text-right'\r\n : 'text-left'\r\n } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n style={{\r\n fontSize: headingFontSize,\r\n letterSpacing: '0.05rem',\r\n }}\r\n >\r\n {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n {year ? (\r\n <span\r\n className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n style={{\r\n marginLeft: '-8px',\r\n lineHeight: '1.09',\r\n textShadow: 'none',\r\n WebkitTextStrokeWidth: 0,\r\n }}\r\n >\r\n ({year})\r\n </span>\r\n ) : null}\r\n </H3>\r\n {graphTitle || graphDescription ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n />\r\n ) : null}\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n />\r\n ) : null}\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}
|
package/dist/BeeSwarmChart.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-CTPQjnHt.cjs"),m=require("react"),Ue=require("./index-DQA8q5sC.cjs"),Be=require("./index-Cno4Q0YE.cjs"),He=require("./Modal-JW_IExO3.cjs"),Ge=require("./Spinner-DRMBUsX7.cjs"),Pe=require("./numberFormattingFunction-02t-wJta.cjs"),Xe=require("./Tooltip-4dJo4_AF.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ye=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ve=require("./Colors.cjs"),ze=require("./string2HTML-CPGr_I5E.cjs"),We=require("./Axis-DxRV2yMi.cjs"),Ze=require("./ReferenceLine-BH0qdf4R.cjs"),tt=require("./YTicksAndGridLines-4pxTRlRK.cjs"),it=require("./XTicksAndGridLines-B6CELS7q.cjs"),Je=require("./pow-DgrUorRi.cjs"),Ke=require("./linear-BwPAspcq.cjs"),se=require("./y-QcCbqrzx.cjs"),Ve=require("./uniqBy-O05lp2S5.cjs"),ot=require("./GraphHeader.cjs"),Fe=require("./GraphContainer-d8A46BK2.cjs"),nt=require("./EmptyState-sAEZ_5rU.cjs"),st=require("./ColorLegendWithMouseOver.cjs"),rt=require("./GraphFooter.cjs");function lt(t){const e=i.compilerRuntimeExports.c(27),{data:n,circleColors:j,showTicks:he,width:L,height:$,colorDomain:P,topMargin:V,bottomMargin:_,leftMargin:ee,rightMargin:re,suffix:h,prefix:F,showLabels:te,tooltip:X,onSeriesMouseOver:le,refValues:T,selectedColor:g,startFromZero:q,radius:p,maxRadiusValue:Y,maxValue:z,minValue:W,highlightedDataPoints:ge,onSeriesMouseClick:pe,resetSelectionOnDoubleClick:k,detailsOnClick:M,styles:E,classNames:c,noOfTicks:C,dimmedOpacity:ae,precision:ce,customLayers:fe}=t,ue=V===void 0?25:V,U=_===void 0?10:_,ie=ee===void 0?100:ee,oe=re===void 0?40:re,me=m.useRef(null),[xe,B]=m.useState(void 0),[N,S]=m.useState(void 0),[de,u]=m.useState(null),[a,Z]=m.useState(void 0),[J,K]=m.useState(void 0);let A;e[0]!==U||e[1]!==ie||e[2]!==oe||e[3]!==ue?(A={top:ue,bottom:U,left:ie,right:oe},e[0]=U,e[1]=ie,e[2]=oe,e[3]=ue,e[4]=A):A=e[4];const x=A,d=L-x.left-x.right,ne=$-x.top-x.bottom,I=n.filter(St).length===0?n:Be.orderBy(n.filter(Nt),"radius","desc");let Q;e[5]!==n||e[6]!==z||e[7]!==q?(Q=v.checkIfNullOrUndefined(z)?Math.max(...n.filter(Ct).map(kt))<0&&!q?0:Math.max(...n.filter(Ot).map(Rt)):z,e[5]=n,e[6]=z,e[7]=q,e[8]=Q):Q=e[8];const H=Q;let G;e[9]!==n||e[10]!==W||e[11]!==q?(G=v.checkIfNullOrUndefined(W)?Math.min(...n.filter(Et).map(Mt))>=0&&!q?0:Math.min(...n.filter(bt).map(yt)):W,e[9]=n,e[10]=W,e[11]=q,e[12]=G):G=e[12];const f=G,r=n.filter(jt).length!==n.length?Je.sqrt().domain([0,v.checkIfNullOrUndefined(Y)?Math.max(...n.map(vt).filter(gt)):Y]).range([.25,p]).nice():void 0,l=Ke.linear().domain([f,H]).range([ne,0]).nice(),y=l.ticks(C);m.useEffect(()=>{const s=I.filter(ht);se.forceSimulation(s).force("y",se.forceY(o=>l(o.position)).strength(5)).force("x",se.forceX(o=>d/2).strength(1)).force("collide",se.forceCollide(o=>r?r(o.radius||0)+1:p+1)).force("charge",se.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{u(s)}).on("end",()=>{u(s)})},[n,p,ne,d,f,H,I,l,r]);const w=de?i.jsxRuntimeExports.jsx("svg",{width:`${L}px`,height:`${$}px`,viewBox:`0 0 ${L} ${$}`,direction:"ltr",ref:me,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[he?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(We.Axis,{y1:l(f<0?0:f),y2:l(f<0?0:f),x1:0-x.left,x2:d+x.right,label:Pe.numberFormattingFunction(f<0?0:f,"NA",ce,F,h),labelPos:{x:0-x.left,y:l(f<0?0:f),dx:0,dy:H<0?"1em":-5},classNames:{axis:c?.xAxis?.axis,label:c?.yAxis?.labels},styles:{axis:E?.xAxis?.axis,label:E?.yAxis?.labels}}),i.jsxRuntimeExports.jsx(tt.YTicksAndGridLines,{values:y.filter(mt),y:y.filter(ft).map(s=>l(s)),x1:0-x.left,x2:d+x.right,styles:{gridLines:E?.yAxis?.gridLines,labels:E?.yAxis?.labels},classNames:{gridLines:c?.yAxis?.gridLines,labels:c?.yAxis?.labels},suffix:h,prefix:F,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:ce})]}):null,fe.filter(pt).map(dt),de.map(s=>i.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&j[P.indexOf(s.color)]===g?1:ae:ge.length!==0?ge.indexOf(s.label)!==-1?.85:ae:.85,onMouseEnter:o=>{B(s),K(o.clientY),Z(o.clientX),le?.(s)},onMouseMove:o=>{B(s),K(o.clientY),Z(o.clientX)},onClick:()=>{(pe||M)&&(Ue.isEqual(N,s)&&k?(S(void 0),pe?.(void 0)):(S(s),pe?.(s)))},onMouseLeave:()=>{B(void 0),Z(void 0),K(void 0),le?.(void 0)},children:[i.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):p,fill:n.filter(xt).length===0?j[0]:s.color?j[P.indexOf(s.color)]:ve.Colors.gray}),(r?r(s.radius||0):p)>10&&te?i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):p),x:0-(r?r(s.radius||0):p),width:2*(r?r(s.radius||0):p),height:2*(r?r(s.radius||0):p),children:i.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:te?i.jsxRuntimeExports.jsx("p",{className:i.mo("text-center leading-none m-0",c?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):p)/4),10),Math.max(Math.round((r?r(s.radius||0):p)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Ye.getTextColorBasedOnBgColor(n.filter(ut).length===0?j[0]:s.color?j[P.indexOf(s.color)]:ve.Colors.gray),...E?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),T?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:T.map((s,o)=>i.jsxRuntimeExports.jsx(Ze.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-x.left,x2:d+x.right,classNames:s.classNames,styles:s.styles,isInView:!0},o))}):null,fe.filter(ct).map(at)]})}):i.jsxRuntimeExports.jsx("div",{style:{width:`${L}px`,height:`${$}px`},children:i.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:i.jsxRuntimeExports.jsx(Ge.w,{})})});let D;e[13]!==c?.tooltip||e[14]!==a||e[15]!==J||e[16]!==xe||e[17]!==E?.tooltip||e[18]!==X?(D=xe&&X&&a&&J?i.jsxRuntimeExports.jsx(Xe.Tooltip,{data:xe,body:X,xPos:a,yPos:J,backgroundStyle:E?.tooltip,className:c?.tooltip}):null,e[13]=c?.tooltip,e[14]=a,e[15]=J,e[16]=xe,e[17]=E?.tooltip,e[18]=X,e[19]=D):D=e[19];let R;e[20]!==M||e[21]!==N?(R=M&&N!==void 0?i.jsxRuntimeExports.jsx(He.le,{open:N!==void 0,onClose:()=>{S(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof M=="string"?{__html:ze.string2HTML(M,N)}:void 0,children:typeof M=="function"?M(N):null})}):null,e[20]=M,e[21]=N,e[22]=R):R=e[22];let O;return e[23]!==w||e[24]!==D||e[25]!==R?(O=i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[w,D,R]}),e[23]=w,e[24]=D,e[25]=R,e[26]=O):O=e[26],O}function at(t){return t.layer}function ct(t){return t.position==="after"}function ut(t){return t.color}function xt(t){return t.color}function dt(t){return t.layer}function pt(t){return t.position==="before"}function ft(t){return t!==0}function mt(t){return t!==0}function ht(t){return t.position}function gt(t){return t!=null}function vt(t){return t.radius}function jt(t){return t.radius===void 0||t.radius===null}function yt(t){return t.position}function bt(t){return!v.checkIfNullOrUndefined(t.position)}function Mt(t){return t.position}function Et(t){return!v.checkIfNullOrUndefined(t.position)}function Rt(t){return t.position}function Ot(t){return!v.checkIfNullOrUndefined(t.position)}function kt(t){return t.position}function Ct(t){return!v.checkIfNullOrUndefined(t.position)}function Nt(t){return!v.checkIfNullOrUndefined(t.radius)}function St(t){return!v.checkIfNullOrUndefined(t.radius)}function wt(t){const e=i.compilerRuntimeExports.c(27),{data:n,circleColors:j,showTicks:he,width:L,height:$,colorDomain:P,topMargin:V,bottomMargin:_,leftMargin:ee,rightMargin:re,showLabels:h,tooltip:F,onSeriesMouseOver:te,refValues:X,selectedColor:le,startFromZero:T,radius:g,maxRadiusValue:q,maxValue:p,minValue:Y,highlightedDataPoints:z,onSeriesMouseClick:W,rtl:ge,resetSelectionOnDoubleClick:pe,detailsOnClick:k,suffix:M,prefix:E,styles:c,classNames:C,noOfTicks:ae,dimmedOpacity:ce,precision:fe,customLayers:ue}=t,U=V===void 0?25:V,ie=_===void 0?10:_,oe=ee===void 0?10:ee,me=re===void 0?10:re,xe=m.useRef(null),[B,N]=m.useState(void 0),[S,de]=m.useState(void 0),[u,a]=m.useState(null),[Z,J]=m.useState(void 0),[K,A]=m.useState(void 0);let x;e[0]!==ie||e[1]!==oe||e[2]!==me||e[3]!==U?(x={top:U,bottom:ie,left:oe,right:me},e[0]=ie,e[1]=oe,e[2]=me,e[3]=U,e[4]=x):x=e[4];const d=x,ne=L-d.left-d.right,I=$-d.top-d.bottom,Q=n.filter(Qt).length===0?n:Be.orderBy(n.filter(Kt),"radius","desc");let H;e[5]!==n||e[6]!==p||e[7]!==T?(H=v.checkIfNullOrUndefined(p)?Math.max(...n.filter(Jt).map(Zt))<0&&!T?0:Math.max(...n.filter(Wt).map(zt)):p,e[5]=n,e[6]=p,e[7]=T,e[8]=H):H=e[8];const G=H;let f;e[9]!==n||e[10]!==Y||e[11]!==T?(f=v.checkIfNullOrUndefined(Y)?Math.min(...n.filter(Yt).map(Xt))>=0&&!T?0:Math.min(...n.filter(Pt).map(Gt)):Y,e[9]=n,e[10]=Y,e[11]=T,e[12]=f):f=e[12];const r=f,l=n.filter(Ht).length!==n.length?Je.sqrt().domain([0,v.checkIfNullOrUndefined(q)?Math.max(...n.map(Bt).filter(Ut)):q]).range([.25,g]).nice():void 0,y=Ke.linear().domain([r,G]).range([0,ne]).nice(),w=y.ticks(ae);m.useEffect(()=>{const o=Q.filter(Ft);se.forceSimulation(o).force("x",se.forceX(b=>y(b.position)).strength(5)).force("y",se.forceY(b=>I/2).strength(1)).force("collide",se.forceCollide(b=>l?l(b.radius||0)+1:g+1)).force("charge",se.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{a(o)}).on("end",()=>{a(o)})},[n,g,I,ne,r,G,Q,y,l]);const D=u?i.jsxRuntimeExports.jsx("svg",{width:`${L}px`,height:`${$}px`,viewBox:`0 0 ${L} ${$}`,direction:"ltr",ref:xe,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[he?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(We.Axis,{x1:y(r<0?0:r),x2:y(r<0?0:r),y1:0-d.top,y2:I+d.bottom,label:Pe.numberFormattingFunction(r<0?0:r,"NA",fe,E,M),labelPos:{x:y(r<0?0:r),y:0-U,dy:"0.75em",dx:3},classNames:{axis:C?.xAxis?.axis,label:C?.yAxis?.labels},styles:{axis:c?.xAxis?.axis,label:c?.yAxis?.labels}}),i.jsxRuntimeExports.jsx(it.XTicksAndGridLines,{values:w.filter(Vt),x:w.filter(It).map(o=>y(o)),y1:0-U,y2:I+d.bottom,styles:{gridLines:c?.xAxis?.gridLines,labels:c?.xAxis?.labels},classNames:{gridLines:C?.xAxis?.gridLines,labels:C?.xAxis?.labels},suffix:M,prefix:E,labelType:"secondary",showGridLines:!0,precision:fe})]}):null,ue.filter(At).map(qt),u.map(o=>i.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${o.x},${o.y})`,opacity:le?o.color&&j[P.indexOf(o.color)]===le?1:ce:z.length!==0?z.indexOf(o.label)!==-1?.85:ce:.85,onMouseEnter:b=>{N(o),A(b.clientY),J(b.clientX),te?.(o)},onMouseMove:b=>{N(o),A(b.clientY),J(b.clientX)},onClick:()=>{(W||k)&&(Ue.isEqual(S,o)&&pe?(de(void 0),W?.(void 0)):(de(o),W?.(o)))},onMouseLeave:()=>{N(void 0),J(void 0),A(void 0),te?.(void 0)},children:[i.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:n.filter(Tt).length===0?j[0]:o.color?j[P.indexOf(o.color)]:ve.Colors.gray,radius:l?l(o.radius||0):g}),(l?l(o.radius||0):g)>10&&h?i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(o.radius||0):g),x:0-(l?l(o.radius||0):g),width:2*(l?l(o.radius||0):g),height:2*(l?l(o.radius||0):g),children:i.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?i.jsxRuntimeExports.jsx("p",{className:i.mo("text-center leading-none m-0",C?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((l?l(o.radius||0):g)/4),10),Math.max(Math.round((l?l(o.radius||0):g)*12/`${o.label}`.length),10),20)}px`,color:Ye.getTextColorBasedOnBgColor(n.filter($t).length===0?j[0]:o.color?j[P.indexOf(o.color)]:ve.Colors.gray),hyphens:"auto",...c?.graphObjectValues||{}},children:o.label}):null})})}):null]},o.label)),X?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:X.map((o,b)=>i.jsxRuntimeExports.jsx(Ze.RefLineX,{text:o.text,color:o.color,x:y(o.value),y1:0-d.top,y2:I+d.bottom,textSide:y(o.value)>ne*.75||ge?"left":"right",classNames:o.classNames,styles:o.styles,isInView:!0},b))}):null,ue.filter(Lt).map(Dt)]})}):i.jsxRuntimeExports.jsx("div",{style:{width:`${L}px`,height:`${$}px`},children:i.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:i.jsxRuntimeExports.jsx(Ge.w,{})})});let R;e[13]!==C?.tooltip||e[14]!==Z||e[15]!==K||e[16]!==B||e[17]!==c?.tooltip||e[18]!==F?(R=B&&F&&Z&&K?i.jsxRuntimeExports.jsx(Xe.Tooltip,{data:B,body:F,xPos:Z,yPos:K,backgroundStyle:c?.tooltip,className:C?.tooltip}):null,e[13]=C?.tooltip,e[14]=Z,e[15]=K,e[16]=B,e[17]=c?.tooltip,e[18]=F,e[19]=R):R=e[19];let O;e[20]!==k||e[21]!==S?(O=k&&S!==void 0?i.jsxRuntimeExports.jsx(He.le,{open:S!==void 0,onClose:()=>{de(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof k=="string"?{__html:ze.string2HTML(k,S)}:void 0,children:typeof k=="function"?k(S):null})}):null,e[20]=k,e[21]=S,e[22]=O):O=e[22];let s;return e[23]!==D||e[24]!==R||e[25]!==O?(s=i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[D,R,O]}),e[23]=D,e[24]=R,e[25]=O,e[26]=s):s=e[26],s}function Dt(t){return t.layer}function Lt(t){return t.position==="after"}function $t(t){return t.color}function Tt(t){return t.color}function qt(t){return t.layer}function At(t){return t.position==="before"}function It(t){return t!==0}function Vt(t){return t!==0}function Ft(t){return t.position}function Ut(t){return t!=null}function Bt(t){return t.radius}function Ht(t){return t.radius===void 0||t.radius===null}function Gt(t){return t.position}function Pt(t){return!v.checkIfNullOrUndefined(t.position)}function Xt(t){return t.position}function Yt(t){return!v.checkIfNullOrUndefined(t.position)}function zt(t){return t.position}function Wt(t){return!v.checkIfNullOrUndefined(t.position)}function Zt(t){return t.position}function Jt(t){return!v.checkIfNullOrUndefined(t.position)}function Kt(t){return!v.checkIfNullOrUndefined(t.radius)}function Qt(t){return!v.checkIfNullOrUndefined(t.radius)}function _t(t){const e=i.compilerRuntimeExports.c(79),{data:n,graphTitle:j,topMargin:he,bottomMargin:L,leftMargin:$,rightMargin:P,colors:V,sources:_,graphDescription:ee,height:re,width:h,footNote:F,colorDomain:te,colorLegendTitle:X,padding:le,relativeHeight:T,tooltip:g,onSeriesMouseOver:q,refValues:p,showColorScale:Y,graphID:z,radius:W,showLabels:ge,showTicks:pe,maxRadiusValue:k,maxValue:M,minValue:E,highlightedDataPoints:c,onSeriesMouseClick:C,ariaLabel:ae,backgroundColor:ce,graphDownload:fe,dataDownload:ue,language:U,showNAColor:ie,minHeight:oe,theme:me,resetSelectionOnDoubleClick:xe,detailsOnClick:B,orientation:N,suffix:S,prefix:de,styles:u,classNames:a,noOfTicks:Z,dimmedOpacity:J,precision:K,customLayers:A}=t,x=W===void 0?5:W,d=ge===void 0?!0:ge,ne=pe===void 0?!0:pe;let I;e[0]!==c?(I=c===void 0?[]:c,e[0]=c,e[1]=I):I=e[1];const Q=I,H=ce===void 0?!1:ce,G=fe===void 0?!1:fe,f=ue===void 0?!1:ue,r=U===void 0?"en":U,l=ie===void 0?!0:ie,y=oe===void 0?0:oe,w=me===void 0?"light":me,D=xe===void 0?!0:xe,R=N===void 0?"vertical":N,O=S===void 0?"":S,s=de===void 0?"":de,o=Z===void 0?5:Z,b=J===void 0?.3:J,Ne=K===void 0?2:K;let Me;e[2]!==A?(Me=A===void 0?[]:A,e[2]=A,e[3]=Me):Me=e[3];const Se=Me,[Ee,Qe]=m.useState(0),[Re,_e]=m.useState(0),[we,et]=m.useState(void 0),De=m.useRef(null),qe=m.useRef(null),Le=R==="horizontal"?wt:lt;let Oe,ke;e[4]===Symbol.for("react.memo_cache_sentinel")?(Oe=()=>{const Ae=new ResizeObserver(Ie=>{Qe(Ie[0].target.clientWidth||620),_e(Ie[0].target.clientHeight||480)});return De.current&&Ae.observe(De.current),()=>Ae.disconnect()},ke=[],e[4]=Oe,e[5]=ke):(Oe=e[4],ke=e[5]),m.useEffect(Oe,ke);const $e=a?.graphContainer,Te=u?.graphContainer;let je;e[6]!==a?.description||e[7]!==a?.title||e[8]!==n||e[9]!==f||e[10]!==ee||e[11]!==G||e[12]!==j||e[13]!==u?.description||e[14]!==u?.title||e[15]!==h?(je=j||ee||G||f?i.jsxRuntimeExports.jsx(ot.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:a?.title,description:a?.description},graphTitle:j,graphDescription:ee,width:h,graphDownload:G?qe:void 0,dataDownload:f?n.map(li).filter(ri).length>0?n.map(si).filter(ni):n.filter(oi):null}):null,e[6]=a?.description,e[7]=a?.title,e[8]=n,e[9]=f,e[10]=ee,e[11]=G,e[12]=j,e[13]=u?.description,e[14]=u?.title,e[15]=h,e[16]=je):je=e[16];let ye;e[17]!==Le||e[18]!==L||e[19]!==a||e[20]!==te||e[21]!==X||e[22]!==V||e[23]!==Se||e[24]!==n||e[25]!==B||e[26]!==b||e[27]!==Q||e[28]!==$||e[29]!==k||e[30]!==M||e[31]!==E||e[32]!==o||e[33]!==C||e[34]!==q||e[35]!==Ne||e[36]!==s||e[37]!==x||e[38]!==p||e[39]!==D||e[40]!==P||e[41]!==we||e[42]!==Y||e[43]!==d||e[44]!==l||e[45]!==ne||e[46]!==u||e[47]!==O||e[48]!==Re||e[49]!==Ee||e[50]!==w||e[51]!==g||e[52]!==he||e[53]!==h?(ye=n.length===0?i.jsxRuntimeExports.jsx(nt.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[Y!==!1&&n.filter(ii).length!==0?i.jsxRuntimeExports.jsx(st.ColorLegendWithMouseOver,{width:h,colorLegendTitle:X,colors:V||ve.Colors[w].categoricalColors.colors,colorDomain:te||Ve.uniqBy(n,"color",!0),setSelectedColor:et,showNAColor:l,className:a?.colorLegend}):null,i.jsxRuntimeExports.jsx(Fe.GraphArea,{ref:De,children:Ee&&Re?i.jsxRuntimeExports.jsx(Le,{data:n,circleColors:n.filter(ti).length===0?V?[V]:[ve.Colors.primaryColors["blue-600"]]:V||ve.Colors[w].categoricalColors.colors,colorDomain:n.filter(ei).length===0?[]:te||Ve.uniqBy(n,"color",!0),width:Ee,selectedColor:we,height:Re,showTicks:ne,leftMargin:$,rightMargin:P,topMargin:he,bottomMargin:L,showLabels:d,tooltip:g,onSeriesMouseOver:q,refValues:p,startFromZero:!1,radius:x,maxRadiusValue:k,maxValue:M,minValue:E,highlightedDataPoints:Q,onSeriesMouseClick:C,resetSelectionOnDoubleClick:D,detailsOnClick:B,styles:u,classNames:a,suffix:O,prefix:s,noOfTicks:o||5,dimmedOpacity:b,precision:Ne,customLayers:Se}):null})]}),e[17]=Le,e[18]=L,e[19]=a,e[20]=te,e[21]=X,e[22]=V,e[23]=Se,e[24]=n,e[25]=B,e[26]=b,e[27]=Q,e[28]=$,e[29]=k,e[30]=M,e[31]=E,e[32]=o,e[33]=C,e[34]=q,e[35]=Ne,e[36]=s,e[37]=x,e[38]=p,e[39]=D,e[40]=P,e[41]=we,e[42]=Y,e[43]=d,e[44]=l,e[45]=ne,e[46]=u,e[47]=O,e[48]=Re,e[49]=Ee,e[50]=w,e[51]=g,e[52]=he,e[53]=h,e[54]=ye):ye=e[54];let be;e[55]!==a?.footnote||e[56]!==a?.source||e[57]!==F||e[58]!==_||e[59]!==u?.footnote||e[60]!==u?.source||e[61]!==h?(be=_||F?i.jsxRuntimeExports.jsx(rt.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:_,footNote:F,width:h}):null,e[55]=a?.footnote,e[56]=a?.source,e[57]=F,e[58]=_,e[59]=u?.footnote,e[60]=u?.source,e[61]=h,e[62]=be):be=e[62];let Ce;return e[63]!==ae||e[64]!==H||e[65]!==z||e[66]!==re||e[67]!==r||e[68]!==y||e[69]!==le||e[70]!==T||e[71]!==$e||e[72]!==Te||e[73]!==je||e[74]!==ye||e[75]!==be||e[76]!==w||e[77]!==h?(Ce=i.jsxRuntimeExports.jsxs(Fe.GraphContainer,{className:$e,style:Te,id:z,ref:qe,"aria-label":ae,backgroundColor:H,theme:w,language:r,minHeight:y,width:h,height:re,relativeHeight:T,padding:le,children:[je,ye,be]}),e[63]=ae,e[64]=H,e[65]=z,e[66]=re,e[67]=r,e[68]=y,e[69]=le,e[70]=T,e[71]=$e,e[72]=Te,e[73]=je,e[74]=ye,e[75]=be,e[76]=w,e[77]=h,e[78]=Ce):Ce=e[78],Ce}function ei(t){return t.color}function ti(t){return t.color}function ii(t){return t.color}function oi(t){return t!==void 0}function ni(t){return t!==void 0}function si(t){return t.data}function ri(t){return t!==void 0}function li(t){return t.data}exports.BeeSwarmChart=_t;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-CTPQjnHt.cjs"),f=require("react"),Ue=require("./index-DQA8q5sC.cjs"),Be=require("./index-Cno4Q0YE.cjs"),He=require("./Modal-JW_IExO3.cjs"),Ge=require("./Spinner-DRMBUsX7.cjs"),Pe=require("./numberFormattingFunction-02t-wJta.cjs"),Xe=require("./Tooltip-4dJo4_AF.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ye=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ve=require("./Colors.cjs"),ze=require("./string2HTML-CPGr_I5E.cjs"),We=require("./Axis-DxRV2yMi.cjs"),Ze=require("./ReferenceLine-BH0qdf4R.cjs"),tt=require("./YTicksAndGridLines-4pxTRlRK.cjs"),it=require("./XTicksAndGridLines-B6CELS7q.cjs"),Je=require("./pow-DgrUorRi.cjs"),Ke=require("./linear-BwPAspcq.cjs"),se=require("./y-QcCbqrzx.cjs"),Ve=require("./uniqBy-O05lp2S5.cjs"),ot=require("./GraphHeader.cjs"),Fe=require("./GraphContainer-d8A46BK2.cjs"),nt=require("./EmptyState-sAEZ_5rU.cjs"),st=require("./ColorLegendWithMouseOver.cjs"),rt=require("./GraphFooter.cjs");function lt(t){const e=i.compilerRuntimeExports.c(27),{data:n,circleColors:j,showTicks:he,width:L,height:$,colorDomain:P,topMargin:V,bottomMargin:_,leftMargin:ee,rightMargin:re,suffix:h,prefix:F,showLabels:te,tooltip:X,onSeriesMouseOver:le,refValues:T,selectedColor:g,startFromZero:q,radius:p,maxRadiusValue:Y,maxValue:z,minValue:W,highlightedDataPoints:ge,onSeriesMouseClick:pe,resetSelectionOnDoubleClick:k,detailsOnClick:M,styles:E,classNames:c,noOfTicks:C,dimmedOpacity:ae,precision:ce,customLayers:me}=t,ue=V===void 0?25:V,U=_===void 0?10:_,ie=ee===void 0?100:ee,oe=re===void 0?40:re,fe=f.useRef(null),[xe,B]=f.useState(void 0),[N,S]=f.useState(void 0),[de,u]=f.useState(null),[a,Z]=f.useState(void 0),[J,K]=f.useState(void 0);let A;e[0]!==U||e[1]!==ie||e[2]!==oe||e[3]!==ue?(A={top:ue,bottom:U,left:ie,right:oe},e[0]=U,e[1]=ie,e[2]=oe,e[3]=ue,e[4]=A):A=e[4];const x=A,d=L-x.left-x.right,ne=$-x.top-x.bottom,I=n.filter(wt).length===0?n:Be.orderBy(n.filter(St),"radius","desc");let Q;e[5]!==n||e[6]!==z||e[7]!==q?(Q=v.checkIfNullOrUndefined(z)?Math.max(...n.filter(Nt).map(Ct))<0&&!q?0:Math.max(...n.filter(kt).map(Ot)):z,e[5]=n,e[6]=z,e[7]=q,e[8]=Q):Q=e[8];const H=Q;let G;e[9]!==n||e[10]!==W||e[11]!==q?(G=v.checkIfNullOrUndefined(W)?Math.min(...n.filter(Rt).map(Et))>=0&&!q?0:Math.min(...n.filter(Mt).map(bt)):W,e[9]=n,e[10]=W,e[11]=q,e[12]=G):G=e[12];const m=G,r=n.filter(yt).length!==n.length?Je.sqrt().domain([0,v.checkIfNullOrUndefined(Y)?Math.max(...n.map(jt).filter(vt)):Y]).range([.25,p]).nice():void 0,l=Ke.linear().domain([m,H]).range([ne,0]).nice(),y=l.ticks(C);f.useEffect(()=>{const s=I.map(gt).filter(ht);se.forceSimulation(s).force("y",se.forceY(o=>l(o.position)).strength(5)).force("x",se.forceX(o=>d/2).strength(1)).force("collide",se.forceCollide(o=>r?r(o.radius||0)+1:p+1)).force("charge",se.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{u(s)}).on("end",()=>{u(s)})},[n,p,ne,d,m,H,I,l,r]);const w=de?i.jsxRuntimeExports.jsx("svg",{width:`${L}px`,height:`${$}px`,viewBox:`0 0 ${L} ${$}`,direction:"ltr",ref:fe,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[he?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(We.Axis,{y1:l(m<0?0:m),y2:l(m<0?0:m),x1:0-x.left,x2:d+x.right,label:Pe.numberFormattingFunction(m<0?0:m,"NA",ce,F,h),labelPos:{x:0-x.left,y:l(m<0?0:m),dx:0,dy:H<0?"1em":-5},classNames:{axis:c?.xAxis?.axis,label:c?.yAxis?.labels},styles:{axis:E?.xAxis?.axis,label:E?.yAxis?.labels}}),i.jsxRuntimeExports.jsx(tt.YTicksAndGridLines,{values:y.filter(ft),y:y.filter(mt).map(s=>l(s)),x1:0-x.left,x2:d+x.right,styles:{gridLines:E?.yAxis?.gridLines,labels:E?.yAxis?.labels},classNames:{gridLines:c?.yAxis?.gridLines,labels:c?.yAxis?.labels},suffix:h,prefix:F,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:ce})]}):null,me.filter(pt).map(dt),de.map(s=>i.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&j[P.indexOf(s.color)]===g?1:ae:ge.length!==0?ge.indexOf(s.label)!==-1?.85:ae:.85,onMouseEnter:o=>{B(s),K(o.clientY),Z(o.clientX),le?.(s)},onMouseMove:o=>{B(s),K(o.clientY),Z(o.clientX)},onClick:()=>{(pe||M)&&(Ue.isEqual(N,s)&&k?(S(void 0),pe?.(void 0)):(S(s),pe?.(s)))},onMouseLeave:()=>{B(void 0),Z(void 0),K(void 0),le?.(void 0)},children:[i.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):p,fill:n.filter(xt).length===0?j[0]:s.color?j[P.indexOf(s.color)]:ve.Colors.gray}),(r?r(s.radius||0):p)>10&&te?i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):p),x:0-(r?r(s.radius||0):p),width:2*(r?r(s.radius||0):p),height:2*(r?r(s.radius||0):p),children:i.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:te?i.jsxRuntimeExports.jsx("p",{className:i.mo("text-center leading-none m-0",c?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):p)/4),10),Math.max(Math.round((r?r(s.radius||0):p)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Ye.getTextColorBasedOnBgColor(n.filter(ut).length===0?j[0]:s.color?j[P.indexOf(s.color)]:ve.Colors.gray),...E?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),T?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:T.map((s,o)=>i.jsxRuntimeExports.jsx(Ze.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-x.left,x2:d+x.right,classNames:s.classNames,styles:s.styles,isInView:!0},o))}):null,me.filter(ct).map(at)]})}):i.jsxRuntimeExports.jsx("div",{style:{width:`${L}px`,height:`${$}px`},children:i.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:i.jsxRuntimeExports.jsx(Ge.w,{})})});let D;e[13]!==c?.tooltip||e[14]!==a||e[15]!==J||e[16]!==xe||e[17]!==E?.tooltip||e[18]!==X?(D=xe&&X&&a&&J?i.jsxRuntimeExports.jsx(Xe.Tooltip,{data:xe,body:X,xPos:a,yPos:J,backgroundStyle:E?.tooltip,className:c?.tooltip}):null,e[13]=c?.tooltip,e[14]=a,e[15]=J,e[16]=xe,e[17]=E?.tooltip,e[18]=X,e[19]=D):D=e[19];let R;e[20]!==M||e[21]!==N?(R=M&&N!==void 0?i.jsxRuntimeExports.jsx(He.le,{open:N!==void 0,onClose:()=>{S(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof M=="string"?{__html:ze.string2HTML(M,N)}:void 0,children:typeof M=="function"?M(N):null})}):null,e[20]=M,e[21]=N,e[22]=R):R=e[22];let O;return e[23]!==w||e[24]!==D||e[25]!==R?(O=i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[w,D,R]}),e[23]=w,e[24]=D,e[25]=R,e[26]=O):O=e[26],O}function at(t){return t.layer}function ct(t){return t.position==="after"}function ut(t){return t.color}function xt(t){return t.color}function dt(t){return t.layer}function pt(t){return t.position==="before"}function mt(t){return t!==0}function ft(t){return t!==0}function ht(t){return t.position}function gt(t){return{...t,...t.data&&{data:{...t.data}}}}function vt(t){return t!=null}function jt(t){return t.radius}function yt(t){return t.radius===void 0||t.radius===null}function bt(t){return t.position}function Mt(t){return!v.checkIfNullOrUndefined(t.position)}function Et(t){return t.position}function Rt(t){return!v.checkIfNullOrUndefined(t.position)}function Ot(t){return t.position}function kt(t){return!v.checkIfNullOrUndefined(t.position)}function Ct(t){return t.position}function Nt(t){return!v.checkIfNullOrUndefined(t.position)}function St(t){return!v.checkIfNullOrUndefined(t.radius)}function wt(t){return!v.checkIfNullOrUndefined(t.radius)}function Dt(t){const e=i.compilerRuntimeExports.c(27),{data:n,circleColors:j,showTicks:he,width:L,height:$,colorDomain:P,topMargin:V,bottomMargin:_,leftMargin:ee,rightMargin:re,showLabels:h,tooltip:F,onSeriesMouseOver:te,refValues:X,selectedColor:le,startFromZero:T,radius:g,maxRadiusValue:q,maxValue:p,minValue:Y,highlightedDataPoints:z,onSeriesMouseClick:W,rtl:ge,resetSelectionOnDoubleClick:pe,detailsOnClick:k,suffix:M,prefix:E,styles:c,classNames:C,noOfTicks:ae,dimmedOpacity:ce,precision:me,customLayers:ue}=t,U=V===void 0?25:V,ie=_===void 0?10:_,oe=ee===void 0?10:ee,fe=re===void 0?10:re,xe=f.useRef(null),[B,N]=f.useState(void 0),[S,de]=f.useState(void 0),[u,a]=f.useState(null),[Z,J]=f.useState(void 0),[K,A]=f.useState(void 0);let x;e[0]!==ie||e[1]!==oe||e[2]!==fe||e[3]!==U?(x={top:U,bottom:ie,left:oe,right:fe},e[0]=ie,e[1]=oe,e[2]=fe,e[3]=U,e[4]=x):x=e[4];const d=x,ne=L-d.left-d.right,I=$-d.top-d.bottom,Q=n.filter(ei).length===0?n:Be.orderBy(n.filter(_t),"radius","desc");let H;e[5]!==n||e[6]!==p||e[7]!==T?(H=v.checkIfNullOrUndefined(p)?Math.max(...n.filter(Qt).map(Kt))<0&&!T?0:Math.max(...n.filter(Jt).map(Zt)):p,e[5]=n,e[6]=p,e[7]=T,e[8]=H):H=e[8];const G=H;let m;e[9]!==n||e[10]!==Y||e[11]!==T?(m=v.checkIfNullOrUndefined(Y)?Math.min(...n.filter(Wt).map(zt))>=0&&!T?0:Math.min(...n.filter(Yt).map(Xt)):Y,e[9]=n,e[10]=Y,e[11]=T,e[12]=m):m=e[12];const r=m,l=n.filter(Pt).length!==n.length?Je.sqrt().domain([0,v.checkIfNullOrUndefined(q)?Math.max(...n.map(Gt).filter(Ht)):q]).range([.25,g]).nice():void 0,y=Ke.linear().domain([r,G]).range([0,ne]).nice(),w=y.ticks(ae);f.useEffect(()=>{const o=Q.map(Bt).filter(Ut);se.forceSimulation(o).force("x",se.forceX(b=>y(b.position)).strength(5)).force("y",se.forceY(b=>I/2).strength(1)).force("collide",se.forceCollide(b=>l?l(b.radius||0)+1:g+1)).force("charge",se.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{a(o)}).on("end",()=>{a(o)})},[n,g,I,ne,r,G,Q,y,l]);const D=u?i.jsxRuntimeExports.jsx("svg",{width:`${L}px`,height:`${$}px`,viewBox:`0 0 ${L} ${$}`,direction:"ltr",ref:xe,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[he?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(We.Axis,{x1:y(r<0?0:r),x2:y(r<0?0:r),y1:0-d.top,y2:I+d.bottom,label:Pe.numberFormattingFunction(r<0?0:r,"NA",me,E,M),labelPos:{x:y(r<0?0:r),y:0-U,dy:"0.75em",dx:3},classNames:{axis:C?.xAxis?.axis,label:C?.yAxis?.labels},styles:{axis:c?.xAxis?.axis,label:c?.yAxis?.labels}}),i.jsxRuntimeExports.jsx(it.XTicksAndGridLines,{values:w.filter(Ft),x:w.filter(Vt).map(o=>y(o)),y1:0-U,y2:I+d.bottom,styles:{gridLines:c?.xAxis?.gridLines,labels:c?.xAxis?.labels},classNames:{gridLines:C?.xAxis?.gridLines,labels:C?.xAxis?.labels},suffix:M,prefix:E,labelType:"secondary",showGridLines:!0,precision:me})]}):null,ue.filter(It).map(At),u.map(o=>i.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${o.x},${o.y})`,opacity:le?o.color&&j[P.indexOf(o.color)]===le?1:ce:z.length!==0?z.indexOf(o.label)!==-1?.85:ce:.85,onMouseEnter:b=>{N(o),A(b.clientY),J(b.clientX),te?.(o)},onMouseMove:b=>{N(o),A(b.clientY),J(b.clientX)},onClick:()=>{(W||k)&&(Ue.isEqual(S,o)&&pe?(de(void 0),W?.(void 0)):(de(o),W?.(o)))},onMouseLeave:()=>{N(void 0),J(void 0),A(void 0),te?.(void 0)},children:[i.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:n.filter(qt).length===0?j[0]:o.color?j[P.indexOf(o.color)]:ve.Colors.gray,radius:l?l(o.radius||0):g}),(l?l(o.radius||0):g)>10&&h?i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(o.radius||0):g),x:0-(l?l(o.radius||0):g),width:2*(l?l(o.radius||0):g),height:2*(l?l(o.radius||0):g),children:i.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?i.jsxRuntimeExports.jsx("p",{className:i.mo("text-center leading-none m-0",C?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((l?l(o.radius||0):g)/4),10),Math.max(Math.round((l?l(o.radius||0):g)*12/`${o.label}`.length),10),20)}px`,color:Ye.getTextColorBasedOnBgColor(n.filter(Tt).length===0?j[0]:o.color?j[P.indexOf(o.color)]:ve.Colors.gray),hyphens:"auto",...c?.graphObjectValues||{}},children:o.label}):null})})}):null]},o.label)),X?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:X.map((o,b)=>i.jsxRuntimeExports.jsx(Ze.RefLineX,{text:o.text,color:o.color,x:y(o.value),y1:0-d.top,y2:I+d.bottom,textSide:y(o.value)>ne*.75||ge?"left":"right",classNames:o.classNames,styles:o.styles,isInView:!0},b))}):null,ue.filter($t).map(Lt)]})}):i.jsxRuntimeExports.jsx("div",{style:{width:`${L}px`,height:`${$}px`},children:i.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:i.jsxRuntimeExports.jsx(Ge.w,{})})});let R;e[13]!==C?.tooltip||e[14]!==Z||e[15]!==K||e[16]!==B||e[17]!==c?.tooltip||e[18]!==F?(R=B&&F&&Z&&K?i.jsxRuntimeExports.jsx(Xe.Tooltip,{data:B,body:F,xPos:Z,yPos:K,backgroundStyle:c?.tooltip,className:C?.tooltip}):null,e[13]=C?.tooltip,e[14]=Z,e[15]=K,e[16]=B,e[17]=c?.tooltip,e[18]=F,e[19]=R):R=e[19];let O;e[20]!==k||e[21]!==S?(O=k&&S!==void 0?i.jsxRuntimeExports.jsx(He.le,{open:S!==void 0,onClose:()=>{de(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof k=="string"?{__html:ze.string2HTML(k,S)}:void 0,children:typeof k=="function"?k(S):null})}):null,e[20]=k,e[21]=S,e[22]=O):O=e[22];let s;return e[23]!==D||e[24]!==R||e[25]!==O?(s=i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[D,R,O]}),e[23]=D,e[24]=R,e[25]=O,e[26]=s):s=e[26],s}function Lt(t){return t.layer}function $t(t){return t.position==="after"}function Tt(t){return t.color}function qt(t){return t.color}function At(t){return t.layer}function It(t){return t.position==="before"}function Vt(t){return t!==0}function Ft(t){return t!==0}function Ut(t){return t.position}function Bt(t){return{...t,...t.data&&{data:{...t.data}}}}function Ht(t){return t!=null}function Gt(t){return t.radius}function Pt(t){return t.radius===void 0||t.radius===null}function Xt(t){return t.position}function Yt(t){return!v.checkIfNullOrUndefined(t.position)}function zt(t){return t.position}function Wt(t){return!v.checkIfNullOrUndefined(t.position)}function Zt(t){return t.position}function Jt(t){return!v.checkIfNullOrUndefined(t.position)}function Kt(t){return t.position}function Qt(t){return!v.checkIfNullOrUndefined(t.position)}function _t(t){return!v.checkIfNullOrUndefined(t.radius)}function ei(t){return!v.checkIfNullOrUndefined(t.radius)}function ti(t){const e=i.compilerRuntimeExports.c(79),{data:n,graphTitle:j,topMargin:he,bottomMargin:L,leftMargin:$,rightMargin:P,colors:V,sources:_,graphDescription:ee,height:re,width:h,footNote:F,colorDomain:te,colorLegendTitle:X,padding:le,relativeHeight:T,tooltip:g,onSeriesMouseOver:q,refValues:p,showColorScale:Y,graphID:z,radius:W,showLabels:ge,showTicks:pe,maxRadiusValue:k,maxValue:M,minValue:E,highlightedDataPoints:c,onSeriesMouseClick:C,ariaLabel:ae,backgroundColor:ce,graphDownload:me,dataDownload:ue,language:U,showNAColor:ie,minHeight:oe,theme:fe,resetSelectionOnDoubleClick:xe,detailsOnClick:B,orientation:N,suffix:S,prefix:de,styles:u,classNames:a,noOfTicks:Z,dimmedOpacity:J,precision:K,customLayers:A}=t,x=W===void 0?5:W,d=ge===void 0?!0:ge,ne=pe===void 0?!0:pe;let I;e[0]!==c?(I=c===void 0?[]:c,e[0]=c,e[1]=I):I=e[1];const Q=I,H=ce===void 0?!1:ce,G=me===void 0?!1:me,m=ue===void 0?!1:ue,r=U===void 0?"en":U,l=ie===void 0?!0:ie,y=oe===void 0?0:oe,w=fe===void 0?"light":fe,D=xe===void 0?!0:xe,R=N===void 0?"vertical":N,O=S===void 0?"":S,s=de===void 0?"":de,o=Z===void 0?5:Z,b=J===void 0?.3:J,Ne=K===void 0?2:K;let Me;e[2]!==A?(Me=A===void 0?[]:A,e[2]=A,e[3]=Me):Me=e[3];const Se=Me,[Ee,Qe]=f.useState(0),[Re,_e]=f.useState(0),[we,et]=f.useState(void 0),De=f.useRef(null),qe=f.useRef(null),Le=R==="horizontal"?Dt:lt;let Oe,ke;e[4]===Symbol.for("react.memo_cache_sentinel")?(Oe=()=>{const Ae=new ResizeObserver(Ie=>{Qe(Ie[0].target.clientWidth||620),_e(Ie[0].target.clientHeight||480)});return De.current&&Ae.observe(De.current),()=>Ae.disconnect()},ke=[],e[4]=Oe,e[5]=ke):(Oe=e[4],ke=e[5]),f.useEffect(Oe,ke);const $e=a?.graphContainer,Te=u?.graphContainer;let je;e[6]!==a?.description||e[7]!==a?.title||e[8]!==n||e[9]!==m||e[10]!==ee||e[11]!==G||e[12]!==j||e[13]!==u?.description||e[14]!==u?.title||e[15]!==h?(je=j||ee||G||m?i.jsxRuntimeExports.jsx(ot.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:a?.title,description:a?.description},graphTitle:j,graphDescription:ee,width:h,graphDownload:G?qe:void 0,dataDownload:m?n.map(ci).filter(ai).length>0?n.map(li).filter(ri):n.filter(si):null}):null,e[6]=a?.description,e[7]=a?.title,e[8]=n,e[9]=m,e[10]=ee,e[11]=G,e[12]=j,e[13]=u?.description,e[14]=u?.title,e[15]=h,e[16]=je):je=e[16];let ye;e[17]!==Le||e[18]!==L||e[19]!==a||e[20]!==te||e[21]!==X||e[22]!==V||e[23]!==Se||e[24]!==n||e[25]!==B||e[26]!==b||e[27]!==Q||e[28]!==$||e[29]!==k||e[30]!==M||e[31]!==E||e[32]!==o||e[33]!==C||e[34]!==q||e[35]!==Ne||e[36]!==s||e[37]!==x||e[38]!==p||e[39]!==D||e[40]!==P||e[41]!==we||e[42]!==Y||e[43]!==d||e[44]!==l||e[45]!==ne||e[46]!==u||e[47]!==O||e[48]!==Re||e[49]!==Ee||e[50]!==w||e[51]!==g||e[52]!==he||e[53]!==h?(ye=n.length===0?i.jsxRuntimeExports.jsx(nt.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[Y!==!1&&n.filter(ni).length!==0?i.jsxRuntimeExports.jsx(st.ColorLegendWithMouseOver,{width:h,colorLegendTitle:X,colors:V||ve.Colors[w].categoricalColors.colors,colorDomain:te||Ve.uniqBy(n,"color",!0),setSelectedColor:et,showNAColor:l,className:a?.colorLegend}):null,i.jsxRuntimeExports.jsx(Fe.GraphArea,{ref:De,children:Ee&&Re?i.jsxRuntimeExports.jsx(Le,{data:n,circleColors:n.filter(oi).length===0?V?[V]:[ve.Colors.primaryColors["blue-600"]]:V||ve.Colors[w].categoricalColors.colors,colorDomain:n.filter(ii).length===0?[]:te||Ve.uniqBy(n,"color",!0),width:Ee,selectedColor:we,height:Re,showTicks:ne,leftMargin:$,rightMargin:P,topMargin:he,bottomMargin:L,showLabels:d,tooltip:g,onSeriesMouseOver:q,refValues:p,startFromZero:!1,radius:x,maxRadiusValue:k,maxValue:M,minValue:E,highlightedDataPoints:Q,onSeriesMouseClick:C,resetSelectionOnDoubleClick:D,detailsOnClick:B,styles:u,classNames:a,suffix:O,prefix:s,noOfTicks:o||5,dimmedOpacity:b,precision:Ne,customLayers:Se}):null})]}),e[17]=Le,e[18]=L,e[19]=a,e[20]=te,e[21]=X,e[22]=V,e[23]=Se,e[24]=n,e[25]=B,e[26]=b,e[27]=Q,e[28]=$,e[29]=k,e[30]=M,e[31]=E,e[32]=o,e[33]=C,e[34]=q,e[35]=Ne,e[36]=s,e[37]=x,e[38]=p,e[39]=D,e[40]=P,e[41]=we,e[42]=Y,e[43]=d,e[44]=l,e[45]=ne,e[46]=u,e[47]=O,e[48]=Re,e[49]=Ee,e[50]=w,e[51]=g,e[52]=he,e[53]=h,e[54]=ye):ye=e[54];let be;e[55]!==a?.footnote||e[56]!==a?.source||e[57]!==F||e[58]!==_||e[59]!==u?.footnote||e[60]!==u?.source||e[61]!==h?(be=_||F?i.jsxRuntimeExports.jsx(rt.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:_,footNote:F,width:h}):null,e[55]=a?.footnote,e[56]=a?.source,e[57]=F,e[58]=_,e[59]=u?.footnote,e[60]=u?.source,e[61]=h,e[62]=be):be=e[62];let Ce;return e[63]!==ae||e[64]!==H||e[65]!==z||e[66]!==re||e[67]!==r||e[68]!==y||e[69]!==le||e[70]!==T||e[71]!==$e||e[72]!==Te||e[73]!==je||e[74]!==ye||e[75]!==be||e[76]!==w||e[77]!==h?(Ce=i.jsxRuntimeExports.jsxs(Fe.GraphContainer,{className:$e,style:Te,id:z,ref:qe,"aria-label":ae,backgroundColor:H,theme:w,language:r,minHeight:y,width:h,height:re,relativeHeight:T,padding:le,children:[je,ye,be]}),e[63]=ae,e[64]=H,e[65]=z,e[66]=re,e[67]=r,e[68]=y,e[69]=le,e[70]=T,e[71]=$e,e[72]=Te,e[73]=je,e[74]=ye,e[75]=be,e[76]=w,e[77]=h,e[78]=Ce):Ce=e[78],Ce}function ii(t){return t.color}function oi(t){return t.color}function ni(t){return t.color}function si(t){return t!==void 0}function ri(t){return t!==void 0}function li(t){return t.data}function ai(t){return t!==void 0}function ci(t){return t.data}exports.BeeSwarmChart=ti;
|
|
2
2
|
//# sourceMappingURL=BeeSwarmChart.cjs.map
|