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