UNPKG

@devgateway/dvz-ui-react

Version:

A modular, embeddable React component library for data visualization and UI, built with TypeScript. Provides reusable components for charts, maps, dashboards, and more, with built-in support for internationalization and Redux integration.

3 lines (2 loc) 6.23 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime");require("react");const Me=require("react-redux"),Oe=require("../data/DataProvider.js"),je=require("../data/DataConsumer.js"),qe=require("./map.js"),Ve=require("./MapDataFrame.js"),We=require("./MapCSVDataFrame.js"),Ge=[{label:"KENYA",value:"KEN",center:[35.8166634,.1],scale:2e3},{label:"Nigeria",value:"NGA",center:[7.491302,9.072264],scale:2e3},{label:"South Africa",value:"ZAF",center:[24.676997,-28.48322],scale:2e3},{label:"West Africa",value:"West Africa",center:[-7.293255,13.90572],scale:1500},{label:"Africa",value:"Africa",center:[13.134227,-11.523088],scale:550},{label:"Ethiopia",value:"ETH",center:[35.8166634,1.7],scale:2e3},{label:"Zambia",value:"ZMB",center:[26.459455,-14.668135],scale:2e3},{label:"Democratic Republic of the Congo",value:"DRC",center:[23.174338,-5.837475],scale:1250},{label:"World",value:"World",center:[0,20.050043],scale:150}],Ze=r=>l.jsx(He,{...r}),He=r=>{const{unique:i,editing:n,"data-filters":U="{}","data-app":s="csv","data-csv":B="","data-dimension1":P="","data-dimension2":k="","data-measures":c='["prevalenceSmokeAny"]',"data-height":E=600,width:M=960,"data-data-source-text":O="NIDS","data-data-source-label":j="Source","data-national-average-label":q="National Prevalence Avg","data-legend-title":V="Tobacco Prevalence Rate","data-legend-breaks":W="[]","data-zoom-enabled":b=!1,"data-show-legend-labels":h=!1,"data-map-file":G,"data-mapping-field":Z="zone","data-map-label-field":H="admin","data-has-multiple-measures":g="false",topoJSONField:J="collection","data-map-center":K="NGA","data-map-label-show-value":v="false","data-show-tooltip":C="true","data-measure-selector-label":_="","data-value-format":Y="","data-show-overall-value":F="false","data-auto-generate-breaks":w="false","data-number-of-breaks":$=5,"data-scheme":Q="reds","data-show-no-data-label":y="false","data-group":L="default","data-map-symbols":X="[]","data-tooltip-theme":ee="map-tooltip-dark","data-label-font-size":ae=12,"data-label-font-weight":te="normal","data-label-font-color":oe="#595959","data-legend-font-size":le=12,"data-legend-font-weight":re="normal","data-custom-tooltips":ne="[]","data-format-style":m="decimal","data-decimals":S="2","data-currency":se="","data-tooltip-font-size":de=14,"data-show-admin-unit-label":ie="showAll","data-map-no-data-color":ce="#f8f8f8","data-map-boundary-color":me="#000","data-map-focus-boundary-color":ue="#000","data-highlighted-location":pe="","data-tooltip-format":fe=`{locationName} %({value},2) {label}: %({value},2)`,"data-show-no-data-tooltip":D="false","data-map-container-bg-color":be="#fff","data-map-position":he="{}","data-main-layer-id":ge="","data-enabled-layers":ve,"data-point-label-color":Ce="#fff","data-point-label-format":Fe="{locationName} %({value},2)","data-show-no-data-legend-item":N=!1,"data-highlighted-loc-label-format":we="{locationName} - Score: #({value},2)","data-enable-summary-view":Ye="false","data-map-type":x="DEFAULT","data-default-point-color":ye="#FFFF00","data-aggregation-formula":Le="COUNT","data-zoom-level-to-show-points":Se=2,"data-zoom-on-filter":z="false","data-zoom-on-filter-field":De="","data-no-data-text":Ne="No Data","data-labels-exclusion-list":xe="","data-custom-measure-labels":ze="{}","data-show-shading-layer-labels":Ie="ifUnitHasData","data-dvz-proxy-dataset-id":u,intl:$e,settings:Qe}=r,Te=e=>n?e:decodeURIComponent(e),o=e=>{try{if(e)return JSON.parse(Te(e))}catch{console.error("error parsing value:"+e)}return null},Re=e=>{let t=o(e)||[];return t=t.map(a=>(a.min&&(a.min=parseFloat(a.min)),a.max&&(a.max=parseFloat(a.max)),a.color=decodeURIComponent(a.color),a)),t},Ae=e=>{const t=o(e)||[];let a={};return t&&t.forEach?t.forEach(d=>{d.value!=null&&d.value.filter(A=>A!=null&&A.toString().trim()!="").length>0&&(a[d.param]=d.value)}):a=t,a},Ue={style:m==="compacted"?"decimal":m,notation:m==="compacted"?"compact":"standard",currency:se,minimumFractionDigits:parseInt(S),maximumFractionDigits:parseInt(S)};let p=o(ve)||[];p=p.map(e=>(e.bgColor=decodeURIComponent(e.bgColor),e.fontColor=decodeURIComponent(e.fontColor),e));const I=Ge.find(e=>e.value===K),T=g==!0||g=="true",f=[P,k].filter(e=>e!="none"&&e!=null).join("/"),Be={unique:i,editing:n,source:`/${G}`,center:I.center,scale:I.scale,measures:c,legendTitle:V,height:E,width:M,topoJSONField:J,mappingField:Z,dataSourceText:O,dataSourceLabel:j,nationalAverageLabel:q,legendBreaks:Re(W),mapLabelField:H,zoomEnabled:b==!0||b=="true",showLegendLabels:h==!0||h=="true",multipleMeasures:T,app:s,mapLabelShowValue:v==!0||v=="true",showTooltip:C==!0||C=="true",showOverallValue:F==!0||F=="true",measureSelectorLabel:_,valueFormat:Y,autoGenerateBreaks:w==!0||w=="true",showNoDataLabel:y==!0||y=="true",numberOfBreaks:$,colorScheme:Q,group:L,symbols:o(X)||[],tooltipTheme:ee,labelFontSize:ae,labelFontColor:decodeURIComponent(oe),labelFontWeight:te,legendFontSize:le,legendFontWeight:re,customTooltips:o(ne)||[],format:Ue,tooltipFontSize:de,showAdminUnitLabel:ie,mapNoDataColor:decodeURIComponent(ce),mapBoundaryColor:decodeURIComponent(me),mapFocusBoundaryColor:decodeURIComponent(ue),highlightedLocation:pe,tooltipFormat:fe,showNoDataTooltip:D==!0||D=="true",fields:f.split("/"),mapContainerBgColor:decodeURIComponent(be),mapPosition:o(he),mainLayerId:ge,enabledLayers:p,pointLabelColor:decodeURIComponent(Ce),pointLabelFormat:Fe,showNoDataLegendItem:N==!0||N=="true",highlightedLocLabelFormat:we,mapType:x,defaultPointColor:decodeURIComponent(ye),zoomLevelToShowPoints:Se,zoomOnFilter:z==!0||z=="true",zoomOnFilterField:De,noDataText:Ne,labelsExclusionList:xe.split(",").map(e=>e.trim()),showShadingLayerLabels:Ie,dvzProxyDatasetId:u},Pe=o(ze)||{},ke=s==="csv"?We.default:Ve.default,Ee=n?(o(c)||[]).join(","):c,R=Ae(U);return u&&(R.dvzProxyDatasetId=u),l.jsx(Oe.default,{params:R,app:s,csv:decodeURIComponent(B),group:L,editing:n,store:[s,i,...f.split("/")],source:f,children:l.jsx(je.default,{children:l.jsx(ke,{measures:Ee,multipleMeasures:T,mapType:x,aggregationFormula:Le,customMeasureLabels:Pe,children:l.jsx(qe.default,{...Be})})})})},Je=(r,i)=>({}),Ke={},_e=Me.connect(Je,Ke)(Ze);exports.default=_e;