@devgateway/dvz-ui-react 1.1.1 → 1.2.1

package/dist/cjs/embeddable/big-number/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),I=require("react"),A=require("semantic-ui-react"),O=require("../data/DataProvider.js"),E=require("../data/DataConsumer.js");require("@devgateway/wp-react-lib");const _=require("react-redux"),H=l=>{const{editing:r=!1,unique:c,intl:t,childContent:o,"data-csv":f="","data-dvz-proxy-dataset-id":b,"data-no-data-message":C="No data matches your selection","data-view-mode":g="info","data-height":d,"data-app":u,"data-measures":x="{}","data-format":m="{}","data-group":s,"data-filters":p="[]","data-number-font-size":h=20,"data-label-font-size":y=20,"data-number-color":i="#000000","data-label-color":F="#000000","data-label":q="","data-wait-for-filters":R="false","data-no-data-text":M="-"}=l,N=t.locale,P=I.useRef(null),U=e=>r?e:decodeURIComponent(e),j=e=>{try{return JSON.parse(U(e))}catch{console.error("error parsing value:"+e)}return null},n=j(m),w=n?{style:n.style==="compacted"?"decimal":n.style,notation:n.style==="compacted"?"compact":"standard",currency:n.currency,minimumFractionDigits:parseInt(n.minimumFractionDigits),maximumFractionDigits:parseInt(n.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},[G,K]=I.useState(g),T=r?d-80:d-40,v={},D=j(p)||{};D&&D.forEach&&D.forEach(e=>{e.value!=null&&e.value.filter(S=>S!=null&&S.toString().trim()!="").length>0&&(v[e.param]=e.value)}),b&&(v.dvzProxyDatasetId=b);const z=[];return a.jsx("div",{ref:P,children:a.jsx(A.Container,{className:"chart container big-number-container",style:{height:d+"px"},fluid:!0,children:a.jsx(O.default,{style:{height:`${T}px`},params:v,app:u,group:s,csv:f,editing:r,waitForFilters:R==="true",store:[u,c,...z],source:z.join("/"),children:a.jsx(E.default,{children:a.jsx(J,{locale:N,intl:t,app:u,format:w,measure:j(x)[0]||null,label:q,numberFontSize:h,numberColor:i,labelFontSize:y,labelColor:F,noDataText:M})})})})})},J=l=>{const{app:r,measure:c,data:t,format:o,label:f,numberColor:b,numberFontSize:C,labelColor:g,labelFontSize:d,noDataText:u,intl:x}=l;let m=c,s=t;if(r=="csv"){const{data:i,meta:{fields:F}}=t;m=F[0],s=t.data[0]}let p="";if(s){let i=s[m]?s[m]:0;i?p=x.formatNumber(o.style==="percent"?i/100:i,{...o}):p=u}const h={color:decodeURIComponent(b),fontSize:C+"px",textAlign:"center"},y={color:decodeURIComponent(g),fontSize:d+"px",textAlign:"center"};return a.jsxs("div",{children:[a.jsx("div",{style:h,className:"big-number",children:p}),f&&a.jsx("div",{style:y,className:"big-number-label",children:f})]})},$=(l,r)=>{const{"data-app":c,"data-group":t}=r,o=l.getIn(["data","measures",c,t]);return o?{injectedMeasures:o}:{}},k={},B=_.connect($,k)(H);exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),y=require("react"),E=require("semantic-ui-react"),O=require("../data/DataProvider.js"),V=require("../data/DataConsumer.js");require("@devgateway/wp-react-lib");const _=require("react-redux"),T=require("@react-spring/web"),H=l=>{const{editing:o=!1,unique:c,intl:e,childContent:r,"data-csv":p="","data-dvz-proxy-dataset-id":b,"data-no-data-message":w="No data matches your selection","data-view-mode":v="info","data-height":u,"data-app":d,"data-measures":F="{}","data-format":g="{}","data-group":i,"data-filters":m="[]","data-number-font-size":n=20,"data-label-font-size":S=20,"data-number-color":j="#000000","data-label-color":D="#000000","data-label":C="","data-wait-for-filters":z="false","data-no-data-text":q="-"}=l,x=e.locale,h=y.useRef(null),f=t=>o?t:decodeURIComponent(t),R=t=>{try{return JSON.parse(f(t))}catch{console.error("error parsing value:"+t)}return null},s=R(g),U=s?{style:s.style==="compacted"?"decimal":s.style,notation:s.style==="compacted"?"compact":"standard",currency:s.currency,minimumFractionDigits:parseInt(s.minimumFractionDigits),maximumFractionDigits:parseInt(s.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},[G,K]=y.useState(v),A=o?u-80:u-40,I={},M=R(m)||{};M&&M.forEach&&M.forEach(t=>{t.value!=null&&t.value.filter(N=>N!=null&&N.toString().trim()!="").length>0&&(I[t.param]=t.value)}),b&&(I.dvzProxyDatasetId=b);const P=[];return a.jsx("div",{ref:h,children:a.jsx(E.Container,{className:"chart container big-number-container",style:{height:u+"px"},fluid:!0,children:a.jsx(O.default,{style:{height:`${A}px`},params:I,app:d,group:i,csv:p,editing:o,waitForFilters:z==="true",store:[d,c,...P],source:P.join("/"),children:a.jsx(V.default,{children:a.jsx(J,{locale:x,intl:e,app:d,format:U,measure:R(F)[0]||null,label:C,numberFontSize:n,numberColor:j,labelFontSize:S,labelColor:D,noDataText:q})})})})})},J=l=>{var x,h;const{app:o,measure:c,data:e,format:r,label:p,numberColor:b,numberFontSize:w,labelColor:v,labelFontSize:u,noDataText:d="-",intl:F}=l;let g=c,i=e;o==="csv"&&((x=e==null?void 0:e.meta)!=null&&x.fields)&&((h=e==null?void 0:e.data)!=null&&h.length)&&(g=e.meta.fields[0],i=e.data[0]);const m=(i==null?void 0:i[g])??null,n=m?(r==null?void 0:r.style)==="percent"?m/100:m:null,[S,j]=y.useState(n);y.useEffect(()=>{n!=null&&j(n)},[n]);const{number:D}=T.useSpring({from:{number:0},to:{number:S??0},config:{mass:1,tension:120,friction:30}}),C={color:decodeURIComponent(b),fontSize:w+"px",textAlign:"center"},z={color:decodeURIComponent(v),fontSize:u+"px",textAlign:"center"},q=f=>F.formatNumber(f,{...r});return a.jsxs("div",{children:[a.jsx("div",{style:C,className:"big-number",children:n===null?d:a.jsx(T.animated.span,{children:D.to(f=>q(f))})}),p&&a.jsx("div",{style:z,className:"big-number-label",children:p})]})},$=(l,o)=>{const{"data-app":c,"data-group":e}=o,r=l.getIn(["data","measures",c,e]);return r?{injectedMeasures:r}:{}},k={},B=_.connect($,k)(H);exports.default=B;

package/dist/cjs/embeddable/chart/Bar.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),L=require("react"),St=require("./Tooltip.js"),Et=require("@nivo/bar"),$t=require("react-intl"),Vt=require("@nivo/theming"),Ee=require("d3-shape"),$e=require("./LineLayer.js"),Ve=require("papaparse"),_t=require("../../layout/FlexWrapDetector.js"),fe=require("../../utils/deviceType.js"),Tt="middle",Wt="top",U="#66676d",_e="#dddddd",Ht="none",C="_Color",At=({editing:x,legends:q,marginLeft:Te,marginTop:xe,marginRight:We,marginBottom:ye,options:m,intl:b,format:p,colors:E,groupMode:O,height:He,showLegends:Q,legendPosition:k,tickRotation:M,offsetText:G,tickColor:ee,layout:f,reverse:$,offsetY:Ae,csvLineLayerData:pe,tooltip:te,lineLayerEnabled:be,overlays:P,maxValue:T,valueScale:Re,colorGenerator:g,legendLabel:ge,overrideTickColor:qe,fixedMinValue:ae,fixedMaxValue:W,barPadding:Pe,barLabelPosition:je,barInnerPadding:Ye,tooltipEnabled:Ke,xLabelColor:w,barLabelColor:Y,legendCheckBack:j,legendLabelBack:ne,legendLabelColor:se,highlightXAxisLine:Xe,showTickLine:H,showRightAxis:Ze,offsetRight:Je,offsetBottom:ve,confidenceIntervals:le,showGroupTotal:Ue,groupTotalLabel:Ne,groupTotalFormat:Ie,groupTotalMeasure:Le,groupTotalOffset:B,groupTotalFixedPosition:K,tooltipEnableMarkdown:Ce,xAxisTickValues:Qe,yAxisTickValues:Ge,mobileCustomization:et,minMaxClamp:tt,reverseLegend:at,enableGridY:nt,enableGridX:st,customAxisFormat:D,previewMode:z})=>{var Se;const lt=["mobile","tablet","midTablet"].includes(fe.default()),X=["tablet","midTablet"].includes(fe.default()),Z=fe.default()==="mobile",re=30,ie=15,h=JSON.parse(decodeURIComponent(et)),ke=lt&&((h==null?void 0:h.showCustomization)??!1),V=ke&&z!=="Desktop",_=!x&&ke,ce=()=>Y==="null"||Y===null||!Y?"#000000":Y,[v,rt]=L.useState([]),{colorBy:A}=E,we={};P.forEach((e,t)=>{we[t]=!0});const[N,it]=L.useState(we),[De,ct]=L.useState(50),[dt,ht]=L.useState(xe),[qt,Fe]=L.useState(0),[ut,mt]=L.useState(ye),R=((e,t,c,s,r)=>{let i=[];return e.data&&(i=t.colorBy==="index"?e.data.map(l=>{let n,u=!0;return c.indexOf(l[e.indexBy])>-1?(u=!1,n=s):n=l[C]?l[C]:r.getColor(l.id,l),{enabled:u,color:n,id:l[e.indexBy],label:l[e.indexBy]}}):e.keys.map(l=>{let n,u=!0;return c.indexOf(l)>-1?(u=!1,n=s):n=r.getColorByKey(l),{enabled:u,color:n,id:l,label:l}})),i})(m,E,v,Ht,g),Oe=()=>(at&&R.reverse(),a.jsxs(a.Fragment,{children:[Q&&R.map(e=>a.jsxs("div",{className:`legend item ${e.enabled?"":"ignore"}`,onClick:()=>Nt(e.id),children:[j&&a.jsx("input",{className:e.enabled?"":"ignore",type:"checkbox",checked:e.enabled,style:{backgroundColor:j?A==="values"?ee:e.color:"none",color:"#000"}}),!j&&a.jsx("input",{type:"checkbox",checked:e.enabled,style:{color:"#000"}}),j&&a.jsx("span",{className:"checkmark-with-bg",style:{backgroundColor:e.color}}),!j&&a.jsx("span",{className:"checkmark"}),ne&&a.jsx("label",{className:e.enabled?"":"ignore",style:{backgroundColor:A==="values"?ee:e.color,color:se},children:e.label}),!ne&&a.jsx("label",{className:e.enabled?"":"ignore",style:{color:se},children:e.label})]})),A==="values"&&a.jsxs("div",{className:"legend item",children:[a.jsx("label",{className:"range min",style:{backgroundColor:g.getColorByValue(g.minValue),color:"#fff"}}),a.jsx("label",{children:b.formatNumber(p.style==="percent"?g.minValue/100:g.minValue,{...p,minimumFractionDigits:0})})]}),A==="values"&&a.jsxs("div",{className:"legend item",children:[a.jsx("label",{className:"range max",style:{backgroundColor:g.getColorByValue(g.maxValue),color:"#fff"},children:" "}),a.jsx("label",{children:b.formatNumber(p.style==="percent"?g.maxValue/100:g.maxValue,{...p,minimumFractionDigits:0})})]}),Q&&be&&P.map((e,t)=>a.jsxs("div",{className:"legend item",onClick:()=>It(t),children:[a.jsx("input",{className:j&&N[t]?"":"ignore",type:"checkbox",checked:N[t],style:{backgroundColor:N[t]&&j===!0?e.lineColor:"none",color:"#000"}}),a.jsx("span",{className:j?"checkmark-with-bg":"checkmark",style:{backgroundColor:N[t]&&j===!0?e.lineColor:"none"}}),a.jsx("label",{className:N[t]?"":"ignore",style:{backgroundColor:N[t]&&ne===!0?e.lineColor:"none",color:se},children:e.title})]}))]}));L.useEffect(()=>{(()=>{const c=5*Math.max(R.length-5,0);ct(c)})()},[R]);const ot={bottom:`-${De}px`},ft={bottom:`-${De}px`,gap:"0px"},xt=e=>de(e,"1 0",_e,"Y"),yt=e=>de(e,"4 4",U,"X"),pt=e=>de(e,"1 0",_e,"X"),bt=e=>{const t=R.find(c=>c.id===e.value);return t?t.color:"#FFFFFF"},gt=e=>{const{yScale:t,bars:c}=e;return a.jsx(L.Fragment,{children:c.filter(s=>s.data.value!=null).map(s=>{let r=s.data.indexValue;m.dimensionsMetadata&&m.dimensionsMetadata.size>1&&(r=s.data.id);const i=le.filter(l=>l.serieLabel==r)[0];if(i&&i.low&&i.high){const l=t(parseFloat(i.low)),n=t(parseFloat(i.high));return a.jsxs("g",{children:[a.jsx("line",{y1:l,y2:n,x1:s.x+s.width/2,x2:s.x+s.width/2,strokeWidth:1,stroke:U}),a.jsx("line",{y1:l,y2:l,x1:s.x+s.width/2-3,x2:s.x+s.width/2+3,strokeWidth:1,stroke:U}),a.jsx("line",{y1:n,y2:n,x1:s.x+s.width/2-3,x2:s.x+s.width/2+3,strokeWidth:1,stroke:U})]})}})})},de=(e,t,c,s)=>{const{yScale:r,innerWidth:i,innerHeight:l}=e;let n,u;return s=="X"?(n=[0,i],u=Ee.line().x((o,S)=>S===0?-10:o).y(()=>r(0))):(n=[0,l],u=Ee.line().x(()=>0).y(o=>o)),a.jsx(L.Fragment,{children:a.jsx("path",{d:u(n),fill:"none",stroke:c,style:{pointerEvents:"none",strokeDasharray:t}})})},F=(e,t)=>v?(E.colorBy==="index"||E.colorBy==="id"||E.colorBy==="values")&&!t?e.filter(c=>v.indexOf(c[m.indexBy])===-1):e?e.filter(c=>v.indexOf(c)===-1):[]:e,jt=e=>{const t=Vt.useTheme();if(!e.value)return"";const c=Object.assign({},e);(_||V)&&oe.includes(String(c.value))&&(c.value="");let s;qe?s=ee:s=bt(e);let r=[],i="";if(V||_){const n=String(c.value).split(" ");let u=25;x&&z==="Mobile"||Z&&!x?u=(h==null?void 0:h.mobileMaxTickLength)??25:x&&z==="Tablet"||X&&!x?u=(h==null?void 0:h.tabletMaxTickLength)??25:window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches&&!x&&(u=15),n.forEach(o=>{i.length+String(o).length<=u?i+=(i?" ":"")+o:(r.push(i),i=o)}),i&&r.push(i)}else r=[c.value];let l=12;return Z?l=(h==null?void 0:h.mobileYAxisLineHeight)??12:X&&(l=(h==null?void 0:h.tabletYAxisLineHeight)??12),M>0&&M<180?a.jsxs("g",{transform:`translate(${e.x},${e.y+30})`,children:[H&&a.jsx("line",{stroke:s,strokeWidth:1.5,y1:-32,y2:-12}),a.jsx("g",{transform:`translate(0, ${e.y+G})`,children:r.map((n,u)=>a.jsx("text",{transform:`rotate(${M})`,textAnchor:"start",y:typeof e.value=="number"?0:u*l,dominantBaseline:"middle",style:{...t.axis.ticks.text,fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},n))})]}):M>180&&M<360?a.jsxs("g",{transform:`translate(${e.x},${e.y+30})`,children:[H&&a.jsx("line",{stroke:s,strokeWidth:1.5,y1:-32,y2:-12}),a.jsx("g",{transform:`translate(0, ${e.y+G})`,children:r.map((n,u)=>a.jsx("text",{transform:`rotate(${M})`,textAnchor:"end",y:typeof e.value=="number"?0:u*l,dominantBaseline:"middle",style:{...t.axis.ticks.text,fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},u))})]}):a.jsxs("g",{transform:`translate(${e.x},${e.y+30})`,children:[H&&a.jsx("line",{stroke:s,strokeWidth:1.5,y1:-32,y2:-12}),a.jsx("g",{transform:`translate(0, ${e.y+G})`,children:r.map((n,u)=>a.jsx("text",{transform:`rotate(${M})`,textAnchor:"middle",y:typeof e.value=="number"?0:u*l,dominantBaseline:"middle",style:{...t.axis.ticks.text,fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},u))})]})},vt=e=>{if(!e.value||(V||_)&&oe.includes(String(e.value)))return"";let t=e.value;if(f==="vertical"){const n=D||p;t=b.formatNumber(n.style==="percent"?t/100:t,{...n})}let c=25;x&&z==="Mobile"||Z&&!x?c=(h==null?void 0:h.mobileMaxTickLength)??25:x&&z==="Tablet"||X&&!x?c=(h==null?void 0:h.tabletMaxTickLength)??25:window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches&&!x&&(c=15);const s=typeof t=="string"?t.split(" "):[t],r=[];let i="";s.forEach(n=>{i.length+String(n).length<=c?i+=(i?" ":"")+n:(r.push(i),i=n)}),i&&r.push(i);let l=12;return x&&z==="Mobile"||Z&&!x?l=(h==null?void 0:h.mobileYAxisLineHeight)??12:(x&&z==="Tablet"||X&&!x)&&(l=(h==null?void 0:h.tabletYAxisLineHeight)??12),a.jsxs("g",{transform:`translate(${e.x},${e.y})`,children:[a.jsx("line",{x1:-5,x2:0,y1:0,y2:0,stroke:"#000",strokeWidth:1}),r.map((n,u)=>a.jsx("text",{x:-10,y:typeof t=="number"?0:u*l,textAnchor:"end",dominantBaseline:"middle",style:{fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},n))]})},Nt=e=>{const t=v.slice();if(t.indexOf(e)>-1){const c=t.indexOf(e);t.splice(c,1)}else t.push(e);rt(t)},It=e=>{const t=Object.assign({},N);t[e]=!t[e],it(t)},Lt=({bars:e})=>a.jsx("g",{children:e.map(t=>{const{width:c,height:s,y:r,x:i,data:l}=t;if(f==="horizontal"&&s<=ie||f==="vertical"&&c<=re)return;const n=l.value?b.formatNumber(p.style==="percent"?l.value/100:l.value,p):"",u=n.length;let o,S;if(f==="vertical"&&c>=re||f==="horizontal"&&s>=ie)return f==="vertical"?(o=r-6,S=i+c/2-u*3.5):(o=r+s/2+4,S=i+c+5),a.jsx("text",{y:o,x:S,style:{fill:ce()},children:`${n}`})})}),kt=e=>{const t=m.data.filter(s=>v.indexOf(s[m.indexBy])==-1).map(s=>s[m.indexBy]),{bars:c}=e;return a.jsx("g",{children:t.filter(s=>c.filter(r=>r.data.indexValue==s).length>0).map(s=>{var J;const r=c.filter(d=>d.data.indexValue==s);let i="right",l=0,n=0;if(f=="horizontal")O==="stacked"?(K?l=e.innerWidth-20:(l=r.map(d=>d.width).reduce((d,y)=>d+y),$&&(l=e.innerWidth-l)),n=e.yScale(s)+r[0].height/2):(K?l=e.innerWidth:(l=r.map(d=>d.width).reduce((d,y)=>d>y?d:y),$&&(l=e.innerWidth-l)),n=e.yScale(s)+r.map(d=>d.height).reduce((d,y)=>d+y)/2),l=l+parseInt(B)+5;else if(i="middle",O==="stacked")l=e.xScale(s)+r[0].width/2,K?n=n-parseInt(B):$?n=parseInt(B)+r.map(d=>d.height).reduce((d,y)=>d+y)+14:n=e.innerHeight-parseInt(B)-r.map(d=>d.height).reduce((d,y)=>d+y)-5;else if(l=e.xScale(s)+r.map(d=>d.width).reduce((d,y)=>d+y)/2,$&&(n=e.innerHeight),K)n=n-parseInt(B);else{if(r.length%2==1){const d=Math.floor(r.length/2);n=r[d].height}else{const d=r.length/2;n=Math.max(r[d].height,r[d-1].height)}$?n=n+14+parseInt(B):n=e.innerHeight-n-parseInt(B)-5}const u=m.data.filter(d=>d[m.indexBy]===s)[0];let o=u.parent_variables?u.parent_variables[Le]:u[Le];const S=A!=="index"?(J=v==null?void 0:v.map(d=>u[d]))==null?void 0:J.reduce((d,y)=>d+y,0):0;return o-=S,a.jsx("text",{y:n,x:l,style:{fill:ce()},children:a.jsxs("tspan",{textAnchor:i,children:[Ne?Ne+" ":"",b.formatNumber(Ie.style==="percent"?o/100:o,Ie)]})})})})},wt={top:dt,right:We,bottom:ut,left:Te};let he,ue=0,Me=0;pe&&(he=Ve.parse(pe,{header:!1,dynamicTyping:!0}),ue=Math.max(...he.data.map(e=>e[1])),Me=Math.min(...he.data.map(e=>e[1])));const Be=(()=>{const e=[];if(le&&(le.forEach(t=>{t.low&&e.push(parseFloat(t.low)),t.high&&e.push(parseFloat(t.high))}),m.data)){const t=F(m.data,!1),c=F(m.keys,!0);t.forEach(s=>{c.forEach(r=>{s[r]&&e.push(s[r])})})}return e})(),Dt=Math.max(...Be),Ft=Math.min(...Be),Ot=()=>{const e=F(m.data,!1),t=F(m.keys,!0);if(O==="stacked"&&T!=="fixed"||T==="fixed"&&W===null||W===""){let c=t.length>0?t:m.keys;return Math.max(Math.max(...e.map(s=>c.map(r=>s[r]?s[r]:0)).map(s=>s.reduce((r,i)=>Math.max(r+i,r+0)))),ue)*1.1}return T==="fixed"&&W!==null&&W!==""?W:Math.max(ue,Dt)*1.05},Mt=()=>{const e=Math.min(Me,Ft);return T==="fixed"&&ae!==null&&ae!==""?ae:e>0?e*.9:e*1.1},Bt=Ot(),zt=Mt(),I=["grid","axes","bars"];Ue&&I.push(kt),I.push(xt),I.push(pt),be&&P&&P.forEach((e,t)=>{if(N[t]==!0||N[t]==null){const{csvLineLayerData:c,lineColor:s,tooltip:r}=e;if(e.app=="csv"){const i=Ve.parse(c,{header:!1,dynamicTyping:!0});if(i.data&&i.data.filter(l=>l[1]!==null).length>0){i.data=i.data.filter(n=>n[1]!==null);const l=$e.default(i,s,f,O,F(m.keys,!0),r,e.title,"");I.push(l)}}else if(e.measure[0]){const i={},l=m.data.map(o=>[o[m.indexBy],o.variables[e.measure[0]]]),n=m.metadata.measures?m.metadata.measures.filter(o=>o.value==e.measure[0]):[];i.data=l;const u=$e.default(i,s,f,O,F(m.keys,!0),r,e.title,n.length>0?n[0].label:"");I.push(u)}}}),je===Wt&&I.push(Lt),Xe&&I.push(yt),I.push(gt);let me=parseInt(Ge);const ze=()=>a.jsx(a.Fragment,{children:Q&&ge&&a.jsx("div",{className:"legend item",children:a.jsx("label",{className:"legend-title",children:ge})})}),oe=[];if(_||V){me=Number.parseInt(h.yAxisTickValues);const e=new Map(Object.entries(((Se=h==null?void 0:h.labels)==null?void 0:Se.xAxis)??{}));for(const[t,c]of e)c||oe.push(t)}return a.jsx("div",{style:{height:He},children:(m==null?void 0:m.data)&&m.data.length>0&&a.jsxs(a.Fragment,{children:[a.jsx(Et.ResponsiveBar,{colorBy:E.colorBy,animate:!0,enableLabel:je==Tt,...m,maxValue:Bt,minValue:zt,keys:F(m.keys,!0),data:F(m.data,!1),groupMode:O||"grouped",margin:wt,innerPadding:Ye,valueScale:{type:Re,clamp:T==="fixed"&&tt},colors:e=>e&&e.data[C]?e.data[C]:g.getColor(e.id,e.data),borderColor:"#000",reverse:$,axisTop:null,axisRight:Ze?{tickSize:f=="horizontal"&&H||f==="vertical"?5:0,tickPadding:5,tickRotation:0,tickValues:me,legend:q.right,legendPosition:"middle",legendOffset:parseInt(Je),format:e=>{if(!e)return"";if(f=="vertical"){const t=D||p;return b.formatNumber(t.style==="percent"?e/100:e,{...t})}return e}}:null,axisBottom:(V||_)&&(h==null?void 0:h.xAxisDisabled)===!0?null:f==="horizontal"?{legend:q.bottom,legendPosition:"middle",legendOffset:parseInt(ve),tickPadding:5,tickRotation:0,tickValues:parseInt(Qe),format:e=>{if(!e)return"";if(f=="horizontal"){const t=D||p;return b.formatNumber(t.style==="percent"?e/100:e,{...t})}return e}}:{legend:q.bottom,legendPosition:"middle",legendOffset:parseInt(ve),renderTick:jt},axisLeft:{tickSize:f==="horizontal"&&H||f==="vertical"?5:0,tickPadding:5,tickRotation:0,tickValues:me,legend:q.left,legendPosition:"middle",legendOffset:Number.parseInt(Ae),...V||_?{renderTick:vt}:{format:e=>{if(!e)return"";if(f==="vertical"){const t=D||p;return b.formatNumber(t.style==="percent"?e/100:e,{...t})}return e}}},enableGridY:nt,enableGridX:st,layout:f,labelSkipWidth:re,labelSkipHeight:ie,padding:Pe,labelTextColor:ce(),label:e=>b.formatNumber(p.style==="percent"&&e.value?e.value/100:e.value,p),layers:I,onMouseEnter:e=>{},onMouseLeave:e=>{},motionStiffness:130,motionDamping:15,tooltip:e=>Ke&&te&&te.trim().length>0?a.jsx(St.default,{intl:b,format:p,d:e,tooltip:te,tooltipEnableMarkdown:Ce}):null,theme:{tooltip:{basic:{whiteSpace:"pre",display:"flex",alignItems:"center"},container:{background:"transparent",boxShadow:""},table:{},tableCell:{padding:"3px 5px"}}}}),(k==="top"||k==="bottom")&&a.jsx("div",{className:`legends container has-standard-12-font-size ${k}`,children:a.jsxs("div",{className:"legend-sections",children:[a.jsx("div",{className:"title-section",children:ze()}),a.jsx(_t.default,{onWrapChange:e=>{k==="top"?(ht(xe+e/2*40),Fe(e)):(mt(ye+e/2*25),Fe(e))},className:"legends container has-standard-12-font-size items-section",children:Oe()})]})}),(k==="right"||k==="left")&&a.jsxs("div",{className:`legends container has-standard-12-font-size  ${k}`,style:k==="right"?ot:ft,children:[ze(),Oe()]})]})})},Rt=$t.injectIntl(At);exports.default=Rt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),L=require("react"),Vt=require("./Tooltip.js"),_t=require("@nivo/bar"),Ht=require("react-intl"),Tt=require("@nivo/theming"),$e=require("d3-shape"),Ve=require("./LineLayer.js"),_e=require("papaparse"),Wt=require("../../layout/FlexWrapDetector.js"),fe=require("../../utils/deviceType.js"),At="middle",Rt="top",J="#66676d",He="#dddddd",qt="none",U="_Color",Pt=({editing:x,legends:q,marginLeft:Te,marginTop:xe,marginRight:We,marginBottom:ye,options:m,intl:g,format:p,colors:E,groupMode:O,height:Ae,showLegends:Q,legendPosition:k,tickRotation:M,offsetText:G,tickColor:ee,layout:f,reverse:$,offsetY:Re,csvLineLayerData:pe,tooltip:te,lineLayerEnabled:ge,overlays:P,maxValue:H,valueScale:qe,colorGenerator:b,legendLabel:be,overrideTickColor:Pe,fixedMinValue:ae,fixedMaxValue:T,barPadding:Ye,barLabelPosition:je,barInnerPadding:Ke,tooltipEnabled:Xe,xLabelColor:w,barLabelColor:Y,legendCheckBack:j,legendLabelBack:ne,legendLabelColor:se,highlightXAxisLine:Ze,showTickLine:W,showRightAxis:Ce,offsetRight:Je,offsetBottom:ve,confidenceIntervals:le,showGroupTotal:Ue,groupTotalLabel:Ne,groupTotalFormat:Ie,groupTotalMeasure:Le,groupTotalOffset:B,groupTotalFixedPosition:K,tooltipEnableMarkdown:Qe,xAxisTickValues:Ge,yAxisTickValues:et,mobileCustomization:tt,minMaxClamp:at,reverseLegend:nt,enableGridY:st,enableGridX:lt,customAxisFormat:D,previewMode:z,showLegendsInColumns:rt=!1,numberOfLegendColumns:it=4})=>{var Ee;const ct=["mobile","tablet","midTablet"].includes(fe.default()),X=["tablet","midTablet"].includes(fe.default()),Z=fe.default()==="mobile",re=30,ie=15,h=JSON.parse(decodeURIComponent(tt)),ke=ct&&((h==null?void 0:h.showCustomization)??!1),V=ke&&z!=="Desktop",_=!x&&ke,ce=()=>Y==="null"||Y===null||!Y?"#000000":Y,[v,dt]=L.useState([]),{colorBy:A}=E,we={};P.forEach((e,t)=>{we[t]=!0});const[N,ht]=L.useState(we),[De,ut]=L.useState(50),[mt,ot]=L.useState(xe),[Kt,Fe]=L.useState(0),[Oe,ft]=L.useState(ye),R=((e,t,c,s,r)=>{let i=[];return e.data&&(i=t.colorBy==="index"?e.data.map(l=>{let n,u=!0;return c.indexOf(l[e.indexBy])>-1?(u=!1,n=s):n=l[U]?l[U]:r.getColor(l.id,l),{enabled:u,color:n,id:l[e.indexBy],label:l[e.indexBy]}}):e.keys.map(l=>{let n,u=!0;return c.indexOf(l)>-1?(u=!1,n=s):n=r.getColorByKey(l),{enabled:u,color:n,id:l,label:l}})),i})(m,E,v,qt,b),Me=()=>(nt&&R.reverse(),a.jsxs(a.Fragment,{children:[Q&&R.map(e=>a.jsxs("div",{className:`legend item ${e.enabled?"":"ignore"}`,onClick:()=>Lt(e.id),children:[j&&a.jsx("input",{className:e.enabled?"":"ignore",type:"checkbox",checked:e.enabled,style:{backgroundColor:j?A==="values"?ee:e.color:"none",color:"#000"}}),!j&&a.jsx("input",{type:"checkbox",checked:e.enabled,style:{color:"#000"}}),j&&a.jsx("span",{className:"checkmark-with-bg",style:{backgroundColor:e.color}}),!j&&a.jsx("span",{className:"checkmark"}),ne&&a.jsx("label",{className:e.enabled?"":"ignore",style:{backgroundColor:A==="values"?ee:e.color,color:se},children:e.label}),!ne&&a.jsx("label",{className:e.enabled?"":"ignore",style:{color:se},children:e.label})]})),A==="values"&&a.jsxs("div",{className:"legend item",children:[a.jsx("label",{className:"range min",style:{backgroundColor:b.getColorByValue(b.minValue),color:"#fff"}}),a.jsx("label",{children:g.formatNumber(p.style==="percent"?b.minValue/100:b.minValue,{...p,minimumFractionDigits:0})})]}),A==="values"&&a.jsxs("div",{className:"legend item",children:[a.jsx("label",{className:"range max",style:{backgroundColor:b.getColorByValue(b.maxValue),color:"#fff"},children:" "}),a.jsx("label",{children:g.formatNumber(p.style==="percent"?b.maxValue/100:b.maxValue,{...p,minimumFractionDigits:0})})]}),Q&&ge&&P.map((e,t)=>a.jsxs("div",{className:"legend item",onClick:()=>kt(t),children:[a.jsx("input",{className:j&&N[t]?"":"ignore",type:"checkbox",checked:N[t],style:{backgroundColor:N[t]&&j===!0?e.lineColor:"none",color:"#000"}}),a.jsx("span",{className:j?"checkmark-with-bg":"checkmark",style:{backgroundColor:N[t]&&j===!0?e.lineColor:"none"}}),a.jsx("label",{className:N[t]?"":"ignore",style:{backgroundColor:N[t]&&ne===!0?e.lineColor:"none",color:se},children:e.title})]}))]}));L.useEffect(()=>{(()=>{const c=5*Math.max(R.length-5,0);ut(c)})()},[R]);const xt={bottom:`-${De}px`},yt={bottom:`-${De}px`,gap:"0px"},pt=e=>de(e,"1 0",He,"Y"),gt=e=>de(e,"4 4",J,"X"),bt=e=>de(e,"1 0",He,"X"),jt=e=>{const t=R.find(c=>c.id===e.value);return t?t.color:"#FFFFFF"},vt=e=>{const{yScale:t,bars:c}=e;return a.jsx(L.Fragment,{children:c.filter(s=>s.data.value!=null).map(s=>{let r=s.data.indexValue;m.dimensionsMetadata&&m.dimensionsMetadata.size>1&&(r=s.data.id);const i=le.filter(l=>l.serieLabel==r)[0];if(i&&i.low&&i.high){const l=t(parseFloat(i.low)),n=t(parseFloat(i.high));return a.jsxs("g",{children:[a.jsx("line",{y1:l,y2:n,x1:s.x+s.width/2,x2:s.x+s.width/2,strokeWidth:1,stroke:J}),a.jsx("line",{y1:l,y2:l,x1:s.x+s.width/2-3,x2:s.x+s.width/2+3,strokeWidth:1,stroke:J}),a.jsx("line",{y1:n,y2:n,x1:s.x+s.width/2-3,x2:s.x+s.width/2+3,strokeWidth:1,stroke:J})]})}})})},de=(e,t,c,s)=>{const{yScale:r,innerWidth:i,innerHeight:l}=e;let n,u;return s=="X"?(n=[0,i],u=$e.line().x((o,S)=>S===0?-10:o).y(()=>r(0))):(n=[0,l],u=$e.line().x(()=>0).y(o=>o)),a.jsx(L.Fragment,{children:a.jsx("path",{d:u(n),fill:"none",stroke:c,style:{pointerEvents:"none",strokeDasharray:t}})})},F=(e,t)=>v?(E.colorBy==="index"||E.colorBy==="id"||E.colorBy==="values")&&!t?e.filter(c=>v.indexOf(c[m.indexBy])===-1):e?e.filter(c=>v.indexOf(c)===-1):[]:e,Nt=e=>{const t=Tt.useTheme();if(!e.value)return"";const c=Object.assign({},e);(_||V)&&oe.includes(String(c.value))&&(c.value="");let s;Pe?s=ee:s=jt(e);let r=[],i="";if(V||_){const n=String(c.value).split(" ");let u=25;x&&z==="Mobile"||Z&&!x?u=(h==null?void 0:h.mobileMaxTickLength)??25:x&&z==="Tablet"||X&&!x?u=(h==null?void 0:h.tabletMaxTickLength)??25:window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches&&!x&&(u=15),n.forEach(o=>{i.length+String(o).length<=u?i+=(i?" ":"")+o:(r.push(i),i=o)}),i&&r.push(i)}else r=[c.value];let l=12;return Z?l=(h==null?void 0:h.mobileYAxisLineHeight)??12:X&&(l=(h==null?void 0:h.tabletYAxisLineHeight)??12),M>0&&M<180?a.jsxs("g",{transform:`translate(${e.x},${e.y+30})`,children:[W&&a.jsx("line",{stroke:s,strokeWidth:1.5,y1:-32,y2:-12}),a.jsx("g",{transform:`translate(0, ${e.y+G})`,children:r.map((n,u)=>a.jsx("text",{transform:`rotate(${M})`,textAnchor:"start",y:typeof e.value=="number"?0:u*l,dominantBaseline:"middle",style:{...t.axis.ticks.text,fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},n))})]}):M>180&&M<360?a.jsxs("g",{transform:`translate(${e.x},${e.y+30})`,children:[W&&a.jsx("line",{stroke:s,strokeWidth:1.5,y1:-32,y2:-12}),a.jsx("g",{transform:`translate(0, ${e.y+G})`,children:r.map((n,u)=>a.jsx("text",{transform:`rotate(${M})`,textAnchor:"end",y:typeof e.value=="number"?0:u*l,dominantBaseline:"middle",style:{...t.axis.ticks.text,fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},u))})]}):a.jsxs("g",{transform:`translate(${e.x},${e.y+30})`,children:[W&&a.jsx("line",{stroke:s,strokeWidth:1.5,y1:-32,y2:-12}),a.jsx("g",{transform:`translate(0, ${e.y+G})`,children:r.map((n,u)=>a.jsx("text",{transform:`rotate(${M})`,textAnchor:"middle",y:typeof e.value=="number"?0:u*l,dominantBaseline:"middle",style:{...t.axis.ticks.text,fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},u))})]})},It=e=>{if(!e.value||(V||_)&&oe.includes(String(e.value)))return"";let t=e.value;if(f==="vertical"){const n=D||p;t=g.formatNumber(n.style==="percent"?t/100:t,{...n})}let c=25;x&&z==="Mobile"||Z&&!x?c=(h==null?void 0:h.mobileMaxTickLength)??25:x&&z==="Tablet"||X&&!x?c=(h==null?void 0:h.tabletMaxTickLength)??25:window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches&&!x&&(c=15);const s=typeof t=="string"?t.split(" "):[t],r=[];let i="";s.forEach(n=>{i.length+String(n).length<=c?i+=(i?" ":"")+n:(r.push(i),i=n)}),i&&r.push(i);let l=12;return x&&z==="Mobile"||Z&&!x?l=(h==null?void 0:h.mobileYAxisLineHeight)??12:(x&&z==="Tablet"||X&&!x)&&(l=(h==null?void 0:h.tabletYAxisLineHeight)??12),a.jsxs("g",{transform:`translate(${e.x},${e.y})`,children:[a.jsx("line",{x1:-5,x2:0,y1:0,y2:0,stroke:"#000",strokeWidth:1}),r.map((n,u)=>a.jsx("text",{x:-10,y:typeof t=="number"?0:u*l,textAnchor:"end",dominantBaseline:"middle",style:{fill:w==="null"?"black":w,fontSize:"12px",fontFamily:"Roboto"},children:n},n))]})},Lt=e=>{const t=v.slice();if(t.indexOf(e)>-1){const c=t.indexOf(e);t.splice(c,1)}else t.push(e);dt(t)},kt=e=>{const t=Object.assign({},N);t[e]=!t[e],ht(t)},wt=({bars:e})=>a.jsx("g",{children:e.map(t=>{const{width:c,height:s,y:r,x:i,data:l}=t;if(f==="horizontal"&&s<=ie||f==="vertical"&&c<=re)return;const n=l.value?g.formatNumber(p.style==="percent"?l.value/100:l.value,p):"",u=n.length;let o,S;if(f==="vertical"&&c>=re||f==="horizontal"&&s>=ie)return f==="vertical"?(o=r-6,S=i+c/2-u*3.5):(o=r+s/2+4,S=i+c+5),a.jsx("text",{y:o,x:S,style:{fill:ce()},children:`${n}`})})}),Dt=e=>{const t=m.data.filter(s=>v.indexOf(s[m.indexBy])==-1).map(s=>s[m.indexBy]),{bars:c}=e;return a.jsx("g",{children:t.filter(s=>c.filter(r=>r.data.indexValue==s).length>0).map(s=>{var C;const r=c.filter(d=>d.data.indexValue==s);let i="right",l=0,n=0;if(f=="horizontal")O==="stacked"?(K?l=e.innerWidth-20:(l=r.map(d=>d.width).reduce((d,y)=>d+y),$&&(l=e.innerWidth-l)),n=e.yScale(s)+r[0].height/2):(K?l=e.innerWidth:(l=r.map(d=>d.width).reduce((d,y)=>d>y?d:y),$&&(l=e.innerWidth-l)),n=e.yScale(s)+r.map(d=>d.height).reduce((d,y)=>d+y)/2),l=l+parseInt(B)+5;else if(i="middle",O==="stacked")l=e.xScale(s)+r[0].width/2,K?n=n-parseInt(B):$?n=parseInt(B)+r.map(d=>d.height).reduce((d,y)=>d+y)+14:n=e.innerHeight-parseInt(B)-r.map(d=>d.height).reduce((d,y)=>d+y)-5;else if(l=e.xScale(s)+r.map(d=>d.width).reduce((d,y)=>d+y)/2,$&&(n=e.innerHeight),K)n=n-parseInt(B);else{if(r.length%2==1){const d=Math.floor(r.length/2);n=r[d].height}else{const d=r.length/2;n=Math.max(r[d].height,r[d-1].height)}$?n=n+14+parseInt(B):n=e.innerHeight-n-parseInt(B)-5}const u=m.data.filter(d=>d[m.indexBy]===s)[0];let o=u.parent_variables?u.parent_variables[Le]:u[Le];const S=A!=="index"?(C=v==null?void 0:v.map(d=>u[d]))==null?void 0:C.reduce((d,y)=>d+y,0):0;return o-=S,a.jsx("text",{y:n,x:l,style:{fill:ce()},children:a.jsxs("tspan",{textAnchor:i,children:[Ne?Ne+" ":"",g.formatNumber(Ie.style==="percent"?o/100:o,Ie)]})})})})},Ft={top:mt,right:We,bottom:Oe,left:Te};let he,ue=0,Be=0;pe&&(he=_e.parse(pe,{header:!1,dynamicTyping:!0}),ue=Math.max(...he.data.map(e=>e[1])),Be=Math.min(...he.data.map(e=>e[1])));const ze=(()=>{const e=[];if(le&&(le.forEach(t=>{t.low&&e.push(parseFloat(t.low)),t.high&&e.push(parseFloat(t.high))}),m.data)){const t=F(m.data,!1),c=F(m.keys,!0);t.forEach(s=>{c.forEach(r=>{s[r]&&e.push(s[r])})})}return e})(),Ot=Math.max(...ze),Mt=Math.min(...ze),Bt=()=>{const e=F(m.data,!1),t=F(m.keys,!0);if(O==="stacked"&&H!=="fixed"||H==="fixed"&&T===null||T===""){let c=t.length>0?t:m.keys;return Math.max(Math.max(...e.map(s=>c.map(r=>s[r]?s[r]:0)).map(s=>s.reduce((r,i)=>Math.max(r+i,r+0)))),ue)*1.1}return H==="fixed"&&T!==null&&T!==""?T:Math.max(ue,Ot)*1.05},zt=()=>{const e=Math.min(Be,Mt);return H==="fixed"&&ae!==null&&ae!==""?ae:e>0?e*.9:e*1.1},St=Bt(),Et=zt(),I=["grid","axes","bars"];Ue&&I.push(Dt),I.push(pt),I.push(bt),ge&&P&&P.forEach((e,t)=>{if(N[t]==!0||N[t]==null){const{csvLineLayerData:c,lineColor:s,tooltip:r}=e;if(e.app=="csv"){const i=_e.parse(c,{header:!1,dynamicTyping:!0});if(i.data&&i.data.filter(l=>l[1]!==null).length>0){i.data=i.data.filter(n=>n[1]!==null);const l=Ve.default(i,s,f,O,F(m.keys,!0),r,e.title,"");I.push(l)}}else if(e.measure[0]){const i={},l=m.data.map(o=>[o[m.indexBy],o.variables[e.measure[0]]]),n=m.metadata.measures?m.metadata.measures.filter(o=>o.value==e.measure[0]):[];i.data=l;const u=Ve.default(i,s,f,O,F(m.keys,!0),r,e.title,n.length>0?n[0].label:"");I.push(u)}}}),je===Rt&&I.push(wt),Ze&&I.push(gt),I.push(vt);let me=parseInt(et);const Se=()=>a.jsx(a.Fragment,{children:Q&&be&&a.jsx("div",{className:"legend item",children:a.jsx("label",{className:"legend-title",children:be})})}),oe=[];if(_||V){me=Number.parseInt(h.yAxisTickValues);const e=new Map(Object.entries(((Ee=h==null?void 0:h.labels)==null?void 0:Ee.xAxis)??{}));for(const[t,c]of e)c||oe.push(t)}let $t=parseInt(Ae+"")-Oe;return a.jsx("div",{style:{height:$t+"px"},className:"bar-chart",children:(m==null?void 0:m.data)&&m.data.length>0&&a.jsxs(a.Fragment,{children:[a.jsx(_t.ResponsiveBar,{colorBy:E.colorBy,animate:!0,enableLabel:je==At,...m,maxValue:St,minValue:Et,keys:F(m.keys,!0),data:F(m.data,!1),groupMode:O||"grouped",margin:Ft,innerPadding:Ke,valueScale:{type:qe,clamp:H==="fixed"&&at},colors:e=>e&&e.data[U]?e.data[U]:b.getColor(e.id,e.data),borderColor:"#000",reverse:$,axisTop:null,axisRight:Ce?{tickSize:f=="horizontal"&&W||f==="vertical"?5:0,tickPadding:5,tickRotation:0,tickValues:me,legend:q.right,legendPosition:"middle",legendOffset:parseInt(Je),format:e=>{if(!e)return"";if(f=="vertical"){const t=D||p;return g.formatNumber(t.style==="percent"?e/100:e,{...t})}return e}}:null,axisBottom:(V||_)&&(h==null?void 0:h.xAxisDisabled)===!0?null:f==="horizontal"?{legend:q.bottom,legendPosition:"middle",legendOffset:parseInt(ve),tickPadding:5,tickRotation:0,tickValues:parseInt(Ge),format:e=>{if(!e)return"";if(f=="horizontal"){const t=D||p;return g.formatNumber(t.style==="percent"?e/100:e,{...t})}return e}}:{legend:q.bottom,legendPosition:"middle",legendOffset:parseInt(ve),renderTick:Nt},axisLeft:{tickSize:f==="horizontal"&&W||f==="vertical"?5:0,tickPadding:5,tickRotation:0,tickValues:me,legend:q.left,legendPosition:"middle",legendOffset:Number.parseInt(Re),...V||_?{renderTick:It}:{format:e=>{if(!e)return"";if(f==="vertical"){const t=D||p;return g.formatNumber(t.style==="percent"?e/100:e,{...t})}return e}}},enableGridY:st,enableGridX:lt,layout:f,labelSkipWidth:re,labelSkipHeight:ie,padding:Ye,labelTextColor:ce(),label:e=>g.formatNumber(p.style==="percent"&&e.value?e.value/100:e.value,p),layers:I,onMouseEnter:e=>{},onMouseLeave:e=>{},motionStiffness:130,motionDamping:15,tooltip:e=>Xe&&te&&te.trim().length>0?a.jsx(Vt.default,{intl:g,format:p,d:e,tooltip:te,tooltipEnableMarkdown:Qe}):null,theme:{tooltip:{basic:{whiteSpace:"pre",display:"flex",alignItems:"center"},container:{background:"transparent",boxShadow:""},table:{},tableCell:{padding:"3px 5px"}}}}),(k==="top"||k==="bottom")&&a.jsx("div",{className:`legends container has-standard-12-font-size ${k}`,children:a.jsxs("div",{className:"legend-sections",children:[a.jsx("div",{className:"title-section",children:Se()}),a.jsx(Wt.default,{onWrapChange:e=>{k==="top"?(ot(xe+e/2*40),Fe(e)):(ft(ye+e/2*25),Fe(e))},className:"legends container has-standard-12-font-size items-section",useColumns:rt,numberOfLegendColumns:it,children:Me()})]})}),(k==="right"||k==="left")&&a.jsxs("div",{className:`legends container has-standard-12-font-size  ${k}`,style:k==="right"?xt:yt,children:[Se(),Me()]})]})})},Yt=Ht.injectIntl(Pt);exports.default=Yt;

package/dist/cjs/embeddable/chart/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),p=require("react"),ce=require("semantic-ui-react"),Wa=require("../data/DataProvider.js"),Ya=require("../data/DataConsumer.js"),_a=require("../../utils/deviceType.js"),Ja=require("./Pie.js");require("immutable");const Ka=require("./Radar.js"),Qa=require("./Bar.js"),Za=require("./Line.js"),ja=require("@devgateway/wp-react-lib"),K=require("./data/index.js"),Oa=require("./CSVDataFrame.js"),er=require("./colors/ColorProvider.js"),rt=require("./Messages.js"),tr=require("react-redux"),ar=require("react-intl"),rr=A=>{let{parent:ue,editing:i=!1,unique:Q,childContent:L,categories:q,injectedMeasures:d,"data-app":r="csv","data-dvz-proxy-dataset-id":me,"data-group":pe="default","data-height":N=500,"data-type":F="bar","data-dimension1":P,"data-dimension2":he,"data-dimension3":ir,"data-color-by":Z="index","data-scheme":fe="system","data-group-mode":ot="grouped","data-left-legend":nt="Left Legend","data-legend-label":st="","data-bottom-legend":it="Bottom Legend","data-dualmode":dt,"data-legend-position":ge="right","data-show-legends":be="true","data-data-source-label":dr="Source","data-chart-data-source":lr="Data Source","data-toggle-info-label":cr="Info Graphic","data-toggle-chart-label":ur="Chart","data-tick-rotation":m=0,"data-tick-color":lt="rgb(92,93,99)","data-measures":ct="{}","data-format":mr="{}","data-csv":ut="","data-margin-left":mt=50,"data-margin-top":pt=25,"data-margin-right":ht=25,"data-margin-bottom":ft=25,"data-start-angle":gt=0,"data-end-angle":bt=360,"data-view-mode":xe="info","data-filters":xt="[]","data-tooltip-html":wt="","data-layout":j="vertical","data-reverse":we="false","data-offset-y":vt="-40","data-line-layer-enabled":ve="false","data-overlays":Lt="[]","data-max-value":yt="auto","data-value-scale":Tt="linear","data-swap":z="false","data-no-data-message":kt="No data matches your selection","data-bar-color":Rt="rgb(0,0,0)","data-override-tick-color":Le="false","data-fixed-min-value":Mt=0,"data-fixed-max-value":It=0,"data-bar-padding":Ct=.15,"data-bar-label-position":Dt="middle","data-line-label-position":At="none","data-show-grid":ye="true","data-include-overall":Te="false","data-bar-inner-padding":Ft=.7,"data-x-label-color":Pt="#000","data-bar-label-color":Bt="#000","data-legend-label-color":Et="#000","data-tooltip-enabled":ke="true","data-use-check-box-background":Re="false","data-use-label-background":Me="true","data-highlight-xaxis-line":Ie="false","data-show-tick-line":Ce="true","data-show-right-axis":De="true","data-manual-colors":qt="{}","data-right-legend":Nt="","data-offset-right":zt="40","data-offset-bottom":St="40","data-hidden-bars":Gt=[],"data-confidence-intervals":Vt="[]","data-enable-area":Ae="false","data-area-shading-criteria":Xt="DEFAULT","data-area-lower-bound":Ut="","data-area-upper-bound":$t="","data-show-points":Fe="true","data-center-label":Ht="","data-show-arc-labels":Pe="true","data-show-arc-link-labels":Be="true","data-slice-padding":Wt=1,"data-center-label-font-weight":Yt="normal","data-center-label-font-size":_t="12","data-center-label-xoffset":Jt=0,"data-center-label-yoffset":Kt=0,"data-group-total-measure":Qt="","data-show-group-total":Ee="true","data-group-total-label":Zt="","data-group-total-format":jt="{}","data-group-total-label-offset":Ot,"data-group-total-fixed-position":qe="false","data-tooltip-enable-markdown":S="false","data-y-axis-tick-values":Ne="10","data-x-axis-tick-values":ze="10","data-enable-grid-y":y="true","data-enable-grid-x":T="false","data-offset-text":ea=0,"data-overall-label":O="Overall","data-min-max-clamp":ta="false","data-reverse-legend":Se="false","data-sort":Ge="default","data-sort-reverse":G="false","data-sort-second-dimension":Ve="default","data-sort-reverse-second-dimension":V="false","data-radar-curve":aa="linearClosed","data-radar-fill-opacity":ra=.25,"data-radar-border-width":oa=2,"data-radar-grid-levels":na=3,"data-radar-grid-shape":sa="circular","data-radar-grid-label-offset":ia=36,"data-radar-enable-dots":Xe="true","data-radar-dot-size":da=8,"data-radar-enable-dot-label":Ue="true","data-radar-dot-label-offset":la=-12,"data-mobile-customization":$e="{}","data-show-percentage":He="false","data-preview-mode":h="Desktop","data-wait-for-filters":ca="false","data-line-curve":ua="linear",pageModuleProps:f}=A;const ma=i,t=JSON.parse(decodeURIComponent($e)),[ee,pa]=p.useState(window.innerWidth<=1250),b=ee&&((t==null?void 0:t.showCustomization)??!1);f!=null&&f.previewMode&&(f!=null&&f.editing)&&(h=f.previewMode,i=f.editing);const ha=["Tablet"].includes(h)&&i,fa=["Mobile"].includes(h)&&i,ga=["Desktop"].includes(h)&&i,c=b&&h!=="Desktop",u=b&&!i,te=()=>{const e=window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches,n=window.matchMedia("(max-width: 767px)").matches;switch(!0){case ga:return m;case ha:return b?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case fa:return b?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;case e:return b?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case n:return b?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;default:return m}},ba=te(),[xa,We]=p.useState(ba),Ye=A.intl.locale,X=p.useRef(null),_e=e=>{try{return ma?e:decodeURIComponent(e)}catch{return console.error(`error decoding value:${e}`),e}},k=e=>{try{return JSON.parse(_e(e))}catch{console.error(`error parsing value:${e}`)}return null},wa=()=>k(qt)[r],va=()=>k(ct),Je=()=>{var e;if(a!=null&&a[r]){let n=(e=a==null?void 0:a[r])==null?void 0:e.format;if(!n){const o=Object.keys(a==null?void 0:a[r]);for(let w=0;w<o.length;w++)if(a!=null&&a[r][o[w]].selected&&(a!=null&&a[r][o[w]].format)){n=a==null?void 0:a[r][o[w]].format;break}}return n}return a!=null&&a.csv?a.csv.format:null},La=()=>{let e=null;return a!=null&&a[r]?a[r].useCustomAxisFormat&&a[r].customFormat&&(e=a[r].customFormat):a!=null&&a.csv&&a.csv.useCustomAxisFormat&&a.csv.customFormat&&(e=a.csv.customFormat),e},ya=()=>a!=null&&a[r]?Object.keys(a[r]).map(e=>({value:e,...a[r][e]})).filter(e=>e.selected).map(e=>e.value):[],Ke=()=>{const e={};return a!=null&&a[r]&&Object.keys(a[r]).map(o=>({value:o,...a[r][o]})).filter(o=>o.selected&&o.hasCustomLabel).forEach(o=>{e[o.value]=o.customLabel}),e},Ta=()=>a!=null&&a[r]?Object.keys(a[r]).filter(e=>a[r][e].allowSelection):[];let a=va(),x=ya(),g=Je();const ka=Ta();let ae=nt,re=Nt,oe=_e(wt);if(d!=null&&d[r]){const e=Object.keys(d[r].measures).map(n=>({value:n,...d[r].measures[n]})).filter(n=>n.selected).map(n=>n.value);a=d,x=e,g=Je(),ae=d.leftTitle,re=d.rightTitle,d.customTooltip&&(oe=d.customTooltip)}const Ra=g?{style:g.style==="compacted"?"decimal":g.style,notation:g.style==="compacted"?"compact":"standard",currency:g.currency,minimumFractionDigits:parseInt(g.minimumFractionDigits),maximumFractionDigits:parseInt(g.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},Ma=La(),s=k(jt),Ia={style:(s==null?void 0:s.style)==="compacted"?"decimal":s==null?void 0:s.style,notation:(s==null?void 0:s.style)==="compacted"?"compact":"standard",currency:s==null?void 0:s.currency,minimumFractionDigits:parseInt(s==null?void 0:s.minimumFractionDigits),maximumFractionDigits:parseInt(s==null?void 0:s.maximumFractionDigits)},[Ca,pr]=p.useState(xe),Da=i?xe:Ca,Aa={scheme:fe,colorBy:Z},U=i?N-80:N,Fa=()=>(c||u)&&!(t!=null&&t.showXAxisTitle)?"":it,Pa=()=>c||u?t!=null&&t.showYAxisTitle?ae:"":ae,Ba=()=>c||u?t!=null&&t.showRightAxisTitle?re:"":re,Ea={left:Pa(),bottom:Fa(),right:Ba()},$=e=>{if(e==="true"||e===!0)return!0;if(e==="false"||e===!1)return!1},Qe=()=>{$(T)&&!$(y)?(T=!1,y=!0):!$(T)&&$(y)&&(T=!0,y=!1)},qa=()=>j==="horizontal"?(Qe(),"vertical"):(Qe(),"horizontal"),Na=()=>t!=null&&t.chartLayoutOverride?qa():j,H=(e,n,o)=>e?Number.parseInt(n)??o:o,Ze=(e,n,o)=>e?n??o:o;p.useEffect(()=>{const e=()=>{pa(window.innerWidth<=1250);const n=te();We(n)};return window.addEventListener("resize",e),We(te()),()=>{window.removeEventListener("resize",e)}},[i,h,b,m,t==null?void 0:t.tabletXAxisTextRotation,t==null?void 0:t.mobileXAxisTextRotation]);const za=()=>{const e=["tablet","mobile","midTablet"].includes(_a.default());return i&&h==="Desktop"?ge:e?"bottom":ge},je={app:r,editing:i,tickColor:decodeURIComponent(lt),tickRotation:xa,layout:c||u?Na():j,reverse:we==!0||we=="true",showLegends:be==!0||be=="true",legendLabel:st,swap:z==!0||z=="true",showGrid:ye==!0||ye=="true",showPercentage:He==!0||He=="true",marginLeft:H(c||u,Number.parseInt(t==null?void 0:t.marginLeft),parseInt(mt)),marginTop:H(c||u,Number.parseInt(t==null?void 0:t.marginTop),parseInt(pt)),marginRight:H(c||u,Number.parseInt(t==null?void 0:t.marginRight),Number.parseInt(ht)),marginBottom:H(c||u,Number.parseInt(t==null?void 0:t.marginBottom),Number.parseInt(ft)),height:`${U}px`,legendPosition:za(),legends:Ea,tooltip:S==!0||S=="true"?oe:oe.replace(/\r\n/g,"<hr/>").replace(/[\r\n]/g,"<hr/>"),colors:Aa,groupMode:ot,format:Ra,startAngle:gt,endAngle:bt,offsetY:vt,maxValue:yt,valueScale:Tt,categories:q,lineLayerEnabled:ve==!0||ve=="true",overlays:k(Lt)||[],barColor:decodeURIComponent(Rt),overrideTickColor:Le==!0||Le=="true",fixedMinValue:Mt,fixedMaxValue:It,barPadding:Ze(c||u,t==null?void 0:t.barPadding,Ct),barLabelPosition:Dt,lineLabelPosition:At,barInnerPadding:Ze(c||u,t==null?void 0:t.barInnerPadding,Ft),xLabelColor:decodeURIComponent(Pt),barLabelColor:decodeURIComponent(Bt),legendLabelColor:decodeURIComponent(Et),tooltipEnabled:ke==!0||ke=="true",legendLabelBack:Me==!0||Me=="true",legendCheckBack:Re==!0||Re=="true",highlightXAxisLine:Ie==!0||Ie=="true",showTickLine:Ce==!0||Ce=="true",showRightAxis:De==!0||De=="true",offsetRight:zt,offsetBottom:St,confidenceIntervals:k(Vt)||[],showPoints:Fe==!0||Fe=="true",enableArea:Ae==!0||Ae=="true",areaShadingCriteria:Xt,areaLowerBound:Ut,areaUpperBound:$t,showGroupTotal:Ee==!0||Ee=="true",groupTotalMeasure:Qt,groupTotalLabel:Zt,groupTotalFormat:Ia,groupTotalOffset:Ot,groupTotalFixedPosition:qe==!0||qe=="true",centerLabel:Ht,showArcLabels:Pe==!0||Pe=="true",showArcLinkLabels:Be==!0||Be=="true",slicePadding:Wt,centerLabelFontWeight:Yt,centerLabelFontSize:_t,centerLabelXOffset:Jt,centerLabelYOffset:Kt,userMeasures:ka,tooltipEnableMarkdown:S==!0||S=="true",yAxisTickValues:c||u?t.yAxisTickValues??Ne:Ne,xAxisTickValues:c||u?t.xAxisTickValues??ze:ze,enableGridY:y==!0||y=="true",enableGridX:T==!0||T=="true",offsetText:ea,selectedMeasures:x,overallLabel:O,minMaxClamp:ta,reverseLegend:Se==!0||Se=="true",customAxisFormat:Ma,sort:Ge,sortReverse:G==!0||G=="true",sortReverseSecondDimension:V==!0||V=="true",radarCurve:aa,radarFillOpacity:ra,radarBorderWidth:oa,radarGridLevels:na,radarGridShape:sa,radarGridLabelOffset:ia,radarEnableDots:Xe==!0||Xe=="true",radarDotSize:da,radarEnableDotLabel:Ue==!0||Ue=="true",radarDotLabelOffset:la,sortSecondDimension:Ve,mobileCustomization:$e,dimension1:P,previewMode:h,lineCurve:ua},ne={},se=k(xt)||{};se&&se.forEach&&se.forEach(e=>{e.value!=null&&e.value.filter(n=>n!=null&&n.toString().trim()!="").length>0&&(ne[e.param]=e.value)}),me&&(ne.dvzProxyDatasetId=me);let R=null,M=null;if(r==="csv")R=Oa.default;else switch(F){case"line":R=K.default.LineDataFrame;break;case"pie":R=K.default.PieDataFrame;break;case"radar":R=K.default.BarDataFrame;break;default:R=K.default.BarDataFrame;break}let I=!1;switch(F){case"bar":M=Qa.default,I=r!="csv"&&P=="none"&&x.length==0;break;case"line":M=Za.default,I=r!=="csv"&&(x.length===0||P==="none");break;case"pie":I=r!="csv"&&x.length==0,M=Ja.default;break;case"radar":I=r!="csv"&&x.length==0,M=Ka.default;break;default:M=l.jsx("div",{children:"No Chart"});break}const Sa=dt==="true",B=[];P!="none"&&B.push(P),he!="none"&&B.push(he);const[Oe,Ga]=p.useState(0),[hr,Va]=p.useState(et());function et(){var e;return((e=window.screen.orientation)==null?void 0:e.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")}return p.useEffect(()=>{const e=setTimeout(()=>{ee&&(()=>{const o=X.current.querySelector(".legends.container.has-standard-12-font-size.bottom")||X.current.querySelector(".legends.container.items-section");if(!o)return;const{clientHeight:w}=o,E=window.getComputedStyle(o),Xa=parseInt(E.marginTop),tt=parseInt(E.marginBottom),Ua=parseInt(E.paddingTop),$a=parseInt(E.paddingBottom),Ha=w+Xa+tt+Ua+$a,at=o.closest(".ui.fluid.container.content");if(at){const v=at.querySelector(".data-source");if(v){const C=v.getBoundingClientRect(),D=o.getBoundingClientRect();if(D.bottom!==0&&C.top!==0){if(o.textContent.trim()==="")return;const W=tt,Y=D.bottom+W,de=window.getComputedStyle(v),_=parseFloat(de.marginTop)||0,J=C.top-_;if(Y>J){let le=Y-J;le<5&&(le+=1),v.style.marginTop=`${le+1}px`}}else setTimeout(()=>{C.top<D.bottom&&(v.style.marginTop=`${D.bottom-C.top+1}px`)},1e3)}}const ie=o.closest(".chart.container");if(ie){const v=ie.getBoundingClientRect(),C=window.getComputedStyle(ie),D=Number.parseFloat(C.marginBottom)||0,W=v.bottom+D,Y=o.getBoundingClientRect(),de=Number.parseFloat(E.marginTop)||0,_=Y.top-de;if(_<W){const J=W-_;o.style.marginTop=`${J+1}px`}}Ga(Ha)})()},100);return()=>{clearTimeout(e)}},[ee,X]),p.useEffect(()=>{const e=()=>{setTimeout(()=>{Va(et())},100)};return window.screen.orientation?window.screen.orientation.addEventListener("change",e):window.addEventListener("resize",e),()=>{window.screen.orientation?window.screen.orientation.removeEventListener("change",e):window.removeEventListener("resize",e)}},[]),l.jsx("div",{ref:X,children:l.jsxs(ce.Container,{className:"chart container",style:{minHeight:F==="pie"&&window.innerWidth<=480?`${parseInt(N)+parseInt(Oe)*.5}px`:`${parseInt(N)+parseInt(Oe)}px`},fluid:!0,children:[l.jsx(Wa.default,{editing:i,style:{height:`${U}px`},params:ne,waitForFilters:ca==="true",app:r,group:pe,csv:ut,store:[r,Q,...B],source:B.join("/"),children:l.jsxs(ce.Container,{style:{height:`${U}px`},className:"body",fluid:!0,children:[I&&l.jsx(rt.default,{editing:i}),!I&&l.jsxs(Ya.default,{children:[l.jsx(rt.default,{app:r,group:pe,noDataMsg:kt,children:" "}),l.jsx(R,{locale:Ye,colorBy:Z,hiddenBars:Gt,swap:z==="true"||z===!0,type:F,includeTotal:!0,includeOverall:Te===!0||Te==="true",overallLabel:O,measures:x,dimensions:[...B],sort:Ge,sortReverse:G===!0||G==="true",sortSecondDimension:Ve,sortReverseSecondDimension:V===!0||V==="true",customLabels:Ke(),children:l.jsx(er.default,{type:F,app:r,locale:Ye,overallLabel:O,customLabels:Ke(),manualColors:wa(),colorBy:Z,scheme:fe,barColor:je.barColor,children:l.jsx(M,{...je})})})]})]})}),l.jsx("br",{}),Sa&&L&&Da==="info"&&l.jsx(ce.Container,{fluid:!0,style:{height:U+"px"},className:"body",children:l.jsx(ja.PostContent,{post:{content:{rendered:L}}})})]})})},or=(A,ue)=>{const{"data-app":i,"data-group":Q}=ue,L=A.getIn(["data","measures",i,Q]),q=A.getIn(["data","pageModuleProps"]),d={};return L&&Object.keys(L).length>0&&(d.injectedMeasures=L??{}),q&&(d.pageModuleProps=q),d},nr={},sr=tr.connect(or,nr)(ar.injectIntl(rr));exports.default=sr;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),p=require("react"),ce=require("semantic-ui-react"),_a=require("../data/DataProvider.js"),Ja=require("../data/DataConsumer.js"),Ka=require("../../utils/deviceType.js"),Qa=require("./Pie.js");require("immutable");const Za=require("./Radar.js"),ja=require("./Bar.js"),Oa=require("./Line.js"),er=require("@devgateway/wp-react-lib"),K=require("./data/index.js"),tr=require("./CSVDataFrame.js"),ar=require("./colors/ColorProvider.js"),ot=require("./Messages.js"),rr=require("react-redux"),or=require("react-intl"),nr=A=>{let{parent:ue,editing:i=!1,unique:Q,childContent:L,categories:q,injectedMeasures:d,"data-app":r="csv","data-dvz-proxy-dataset-id":me,"data-group":pe="default","data-height":N=500,"data-type":F="bar","data-dimension1":P,"data-dimension2":he,"data-dimension3":lr,"data-color-by":Z="index","data-scheme":ge="system","data-group-mode":nt="grouped","data-left-legend":st="Left Legend","data-legend-label":it="","data-bottom-legend":dt="Bottom Legend","data-dualmode":lt,"data-legend-position":fe="right","data-show-legends":be="true","data-data-source-label":cr="Source","data-chart-data-source":ur="Data Source","data-toggle-info-label":mr="Info Graphic","data-toggle-chart-label":pr="Chart","data-tick-rotation":m=0,"data-tick-color":ct="rgb(92,93,99)","data-measures":ut="{}","data-format":hr="{}","data-csv":mt="","data-margin-left":pt=50,"data-margin-top":ht=25,"data-margin-right":gt=25,"data-margin-bottom":ft=25,"data-start-angle":bt=0,"data-end-angle":wt=360,"data-view-mode":we="info","data-filters":xt="[]","data-tooltip-html":vt="","data-layout":j="vertical","data-reverse":xe="false","data-offset-y":Lt="-40","data-line-layer-enabled":ve="false","data-overlays":yt="[]","data-max-value":Tt="auto","data-value-scale":kt="linear","data-swap":z="false","data-no-data-message":Rt="No data matches your selection","data-bar-color":Ct="rgb(0,0,0)","data-override-tick-color":Le="false","data-fixed-min-value":It=0,"data-fixed-max-value":Mt=0,"data-bar-padding":Dt=.15,"data-bar-label-position":At="middle","data-line-label-position":Ft="none","data-show-grid":ye="true","data-include-overall":Te="false","data-bar-inner-padding":Pt=.7,"data-x-label-color":Bt="#000","data-bar-label-color":Et="#000","data-legend-label-color":qt="#000","data-tooltip-enabled":ke="true","data-use-check-box-background":Re="false","data-use-label-background":Ce="true","data-highlight-xaxis-line":Ie="false","data-show-tick-line":Me="true","data-show-right-axis":De="true","data-manual-colors":Nt="{}","data-right-legend":zt="","data-offset-right":St="40","data-offset-bottom":Gt="40","data-hidden-bars":Vt=[],"data-confidence-intervals":Xt="[]","data-enable-area":Ae="false","data-area-shading-criteria":Ut="DEFAULT","data-area-lower-bound":$t="","data-area-upper-bound":Ht="","data-show-points":Fe="true","data-center-label":Wt="","data-show-arc-labels":Pe="true","data-show-arc-link-labels":Be="true","data-slice-padding":Yt=1,"data-center-label-font-weight":_t="normal","data-center-label-font-size":Jt="12","data-center-label-xoffset":Kt=0,"data-center-label-yoffset":Qt=0,"data-group-total-measure":Zt="","data-show-group-total":Ee="true","data-group-total-label":jt="","data-group-total-format":Ot="{}","data-group-total-label-offset":ea,"data-group-total-fixed-position":qe="false","data-tooltip-enable-markdown":S="false","data-y-axis-tick-values":Ne="10","data-x-axis-tick-values":ze="10","data-enable-grid-y":y="true","data-enable-grid-x":T="false","data-offset-text":ta=0,"data-overall-label":O="Overall","data-min-max-clamp":aa="false","data-reverse-legend":Se="false","data-sort":Ge="default","data-sort-reverse":G="false","data-sort-second-dimension":Ve="default","data-sort-reverse-second-dimension":V="false","data-radar-curve":ra="linearClosed","data-radar-fill-opacity":oa=.25,"data-radar-border-width":na=2,"data-radar-grid-levels":sa=3,"data-radar-grid-shape":ia="circular","data-radar-grid-label-offset":da=36,"data-radar-enable-dots":Xe="true","data-radar-dot-size":la=8,"data-radar-enable-dot-label":Ue="true","data-radar-dot-label-offset":ca=-12,"data-mobile-customization":$e="{}","data-show-percentage":He="false","data-preview-mode":h="Desktop","data-wait-for-filters":ua="false","data-line-curve":ma="linear","data-show-legends-in-columns":We="false","data-number-of-legend-columns":pa=4,pageModuleProps:g}=A;const ha=i,t=JSON.parse(decodeURIComponent($e)),[ee,ga]=p.useState(window.innerWidth<=1250),b=ee&&((t==null?void 0:t.showCustomization)??!1);g!=null&&g.previewMode&&(g!=null&&g.editing)&&(h=g.previewMode,i=g.editing);const fa=["Tablet"].includes(h)&&i,ba=["Mobile"].includes(h)&&i,wa=["Desktop"].includes(h)&&i,c=b&&h!=="Desktop",u=b&&!i,te=()=>{const e=window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches,n=window.matchMedia("(max-width: 767px)").matches;switch(!0){case wa:return m;case fa:return b?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case ba:return b?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;case e:return b?(t==null?void 0:t.tabletXAxisTextRotation)??m:m;case n:return b?(t==null?void 0:t.mobileXAxisTextRotation)??m:m;default:return m}},xa=te(),[va,Ye]=p.useState(xa),_e=A.intl.locale,X=p.useRef(null),Je=e=>{try{return ha?e:decodeURIComponent(e)}catch{return console.error(`error decoding value:${e}`),e}},k=e=>{try{return JSON.parse(Je(e))}catch{console.error(`error parsing value:${e}`)}return null},La=()=>k(Nt)[r],ya=()=>k(ut),Ke=()=>{var e;if(a!=null&&a[r]){let n=(e=a==null?void 0:a[r])==null?void 0:e.format;if(!n){const o=Object.keys(a==null?void 0:a[r]);for(let x=0;x<o.length;x++)if(a!=null&&a[r][o[x]].selected&&(a!=null&&a[r][o[x]].format)){n=a==null?void 0:a[r][o[x]].format;break}}return n}return a!=null&&a.csv?a.csv.format:null},Ta=()=>{let e=null;return a!=null&&a[r]?a[r].useCustomAxisFormat&&a[r].customFormat&&(e=a[r].customFormat):a!=null&&a.csv&&a.csv.useCustomAxisFormat&&a.csv.customFormat&&(e=a.csv.customFormat),e},ka=()=>a!=null&&a[r]?Object.keys(a[r]).map(e=>({value:e,...a[r][e]})).filter(e=>e.selected).map(e=>e.value):[],Qe=()=>{const e={};return a!=null&&a[r]&&Object.keys(a[r]).map(o=>({value:o,...a[r][o]})).filter(o=>o.selected&&o.hasCustomLabel).forEach(o=>{e[o.value]=o.customLabel}),e},Ra=()=>a!=null&&a[r]?Object.keys(a[r]).filter(e=>a[r][e].allowSelection):[];let a=ya(),w=ka(),f=Ke();const Ca=Ra();let ae=st,re=zt,oe=Je(vt);if(d!=null&&d[r]){const e=Object.keys(d[r].measures).map(n=>({value:n,...d[r].measures[n]})).filter(n=>n.selected).map(n=>n.value);a=d,w=e,f=Ke(),ae=d.leftTitle,re=d.rightTitle,d.customTooltip&&(oe=d.customTooltip)}const Ia=f?{style:f.style==="compacted"?"decimal":f.style,notation:f.style==="compacted"?"compact":"standard",currency:f.currency,minimumFractionDigits:parseInt(f.minimumFractionDigits),maximumFractionDigits:parseInt(f.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},Ma=Ta(),s=k(Ot),Da={style:(s==null?void 0:s.style)==="compacted"?"decimal":s==null?void 0:s.style,notation:(s==null?void 0:s.style)==="compacted"?"compact":"standard",currency:s==null?void 0:s.currency,minimumFractionDigits:parseInt(s==null?void 0:s.minimumFractionDigits),maximumFractionDigits:parseInt(s==null?void 0:s.maximumFractionDigits)},[Aa,gr]=p.useState(we),Fa=i?we:Aa,Pa={scheme:ge,colorBy:Z},U=i?N-80:N,Ba=()=>(c||u)&&!(t!=null&&t.showXAxisTitle)?"":dt,Ea=()=>c||u?t!=null&&t.showYAxisTitle?ae:"":ae,qa=()=>c||u?t!=null&&t.showRightAxisTitle?re:"":re,Na={left:Ea(),bottom:Ba(),right:qa()},$=e=>{if(e==="true"||e===!0)return!0;if(e==="false"||e===!1)return!1},Ze=()=>{$(T)&&!$(y)?(T=!1,y=!0):!$(T)&&$(y)&&(T=!0,y=!1)},za=()=>j==="horizontal"?(Ze(),"vertical"):(Ze(),"horizontal"),Sa=()=>t!=null&&t.chartLayoutOverride?za():j,H=(e,n,o)=>e?Number.parseInt(n)??o:o,je=(e,n,o)=>e?n??o:o;p.useEffect(()=>{const e=()=>{ga(window.innerWidth<=1250);const n=te();Ye(n)};return window.addEventListener("resize",e),Ye(te()),()=>{window.removeEventListener("resize",e)}},[i,h,b,m,t==null?void 0:t.tabletXAxisTextRotation,t==null?void 0:t.mobileXAxisTextRotation]);const Ga=()=>{const e=["tablet","mobile","midTablet"].includes(Ka.default());return i&&h==="Desktop"?fe:e?"bottom":fe},Oe={app:r,editing:i,tickColor:decodeURIComponent(ct),tickRotation:va,layout:c||u?Sa():j,reverse:xe==!0||xe=="true",showLegends:be==!0||be=="true",legendLabel:it,swap:z==!0||z=="true",showGrid:ye==!0||ye=="true",showPercentage:He==!0||He=="true",marginLeft:H(c||u,Number.parseInt(t==null?void 0:t.marginLeft),parseInt(pt)),marginTop:H(c||u,Number.parseInt(t==null?void 0:t.marginTop),parseInt(ht)),marginRight:H(c||u,Number.parseInt(t==null?void 0:t.marginRight),Number.parseInt(gt)),marginBottom:H(c||u,Number.parseInt(t==null?void 0:t.marginBottom),Number.parseInt(ft)),height:`${U}px`,legendPosition:Ga(),legends:Na,tooltip:S==!0||S=="true"?oe:oe.replace(/\r\n/g,"<hr/>").replace(/[\r\n]/g,"<hr/>"),colors:Pa,groupMode:nt,format:Ia,startAngle:bt,endAngle:wt,offsetY:Lt,maxValue:Tt,valueScale:kt,categories:q,lineLayerEnabled:ve==!0||ve=="true",overlays:k(yt)||[],barColor:decodeURIComponent(Ct),overrideTickColor:Le==!0||Le=="true",fixedMinValue:It,fixedMaxValue:Mt,barPadding:je(c||u,t==null?void 0:t.barPadding,Dt),barLabelPosition:At,lineLabelPosition:Ft,barInnerPadding:je(c||u,t==null?void 0:t.barInnerPadding,Pt),xLabelColor:decodeURIComponent(Bt),barLabelColor:decodeURIComponent(Et),legendLabelColor:decodeURIComponent(qt),tooltipEnabled:ke==!0||ke=="true",legendLabelBack:Ce==!0||Ce=="true",legendCheckBack:Re==!0||Re=="true",highlightXAxisLine:Ie==!0||Ie=="true",showTickLine:Me==!0||Me=="true",showRightAxis:De==!0||De=="true",offsetRight:St,offsetBottom:Gt,confidenceIntervals:k(Xt)||[],showPoints:Fe==!0||Fe=="true",enableArea:Ae==!0||Ae=="true",areaShadingCriteria:Ut,areaLowerBound:$t,areaUpperBound:Ht,showGroupTotal:Ee==!0||Ee=="true",groupTotalMeasure:Zt,groupTotalLabel:jt,groupTotalFormat:Da,groupTotalOffset:ea,groupTotalFixedPosition:qe==!0||qe=="true",centerLabel:Wt,showArcLabels:Pe==!0||Pe=="true",showArcLinkLabels:Be==!0||Be=="true",slicePadding:Yt,centerLabelFontWeight:_t,centerLabelFontSize:Jt,centerLabelXOffset:Kt,centerLabelYOffset:Qt,userMeasures:Ca,tooltipEnableMarkdown:S==!0||S=="true",yAxisTickValues:c||u?t.yAxisTickValues??Ne:Ne,xAxisTickValues:c||u?t.xAxisTickValues??ze:ze,enableGridY:y==!0||y=="true",enableGridX:T==!0||T=="true",offsetText:ta,selectedMeasures:w,overallLabel:O,minMaxClamp:aa,reverseLegend:Se==!0||Se=="true",customAxisFormat:Ma,sort:Ge,sortReverse:G==!0||G=="true",sortReverseSecondDimension:V==!0||V=="true",radarCurve:ra,radarFillOpacity:oa,radarBorderWidth:na,radarGridLevels:sa,radarGridShape:ia,radarGridLabelOffset:da,radarEnableDots:Xe==!0||Xe=="true",radarDotSize:la,radarEnableDotLabel:Ue==!0||Ue=="true",radarDotLabelOffset:ca,sortSecondDimension:Ve,mobileCustomization:$e,dimension1:P,previewMode:h,lineCurve:ma,showLegendsInColumns:We==!0||We=="true",numberOfLegendColumns:parseInt(pa)||4},ne={},se=k(xt)||{};se&&se.forEach&&se.forEach(e=>{e.value!=null&&e.value.filter(n=>n!=null&&n.toString().trim()!="").length>0&&(ne[e.param]=e.value)}),me&&(ne.dvzProxyDatasetId=me);let R=null,C=null;if(r==="csv")R=tr.default;else switch(F){case"line":R=K.default.LineDataFrame;break;case"pie":R=K.default.PieDataFrame;break;case"radar":R=K.default.BarDataFrame;break;default:R=K.default.BarDataFrame;break}let I=!1;switch(F){case"bar":C=ja.default,I=r!="csv"&&P=="none"&&w.length==0;break;case"line":C=Oa.default,I=r!=="csv"&&(w.length===0||P==="none");break;case"pie":I=r!="csv"&&w.length==0,C=Qa.default;break;case"radar":I=r!="csv"&&w.length==0,C=Za.default;break;default:C=l.jsx("div",{children:"No Chart"});break}const Va=lt==="true",B=[];P!="none"&&B.push(P),he!="none"&&B.push(he);const[et,Xa]=p.useState(0),[fr,Ua]=p.useState(tt());function tt(){var e;return((e=window.screen.orientation)==null?void 0:e.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")}return p.useEffect(()=>{const e=setTimeout(()=>{ee&&(()=>{const o=X.current.querySelector(".legends.container.has-standard-12-font-size.bottom")||X.current.querySelector(".legends.container.items-section");if(!o)return;const{clientHeight:x}=o,E=window.getComputedStyle(o),$a=parseInt(E.marginTop),at=parseInt(E.marginBottom),Ha=parseInt(E.paddingTop),Wa=parseInt(E.paddingBottom),Ya=x+$a+at+Ha+Wa,rt=o.closest(".ui.fluid.container.content");if(rt){const v=rt.querySelector(".data-source");if(v){const M=v.getBoundingClientRect(),D=o.getBoundingClientRect();if(D.bottom!==0&&M.top!==0){if(o.textContent.trim()==="")return;const W=at,Y=D.bottom+W,de=window.getComputedStyle(v),_=parseFloat(de.marginTop)||0,J=M.top-_;if(Y>J){let le=Y-J;le<5&&(le+=1),v.style.marginTop=`${le+1}px`}}else setTimeout(()=>{M.top<D.bottom&&(v.style.marginTop=`${D.bottom-M.top+1}px`)},1e3)}}const ie=o.closest(".chart.container");if(ie){const v=ie.getBoundingClientRect(),M=window.getComputedStyle(ie),D=Number.parseFloat(M.marginBottom)||0,W=v.bottom+D,Y=o.getBoundingClientRect(),de=Number.parseFloat(E.marginTop)||0,_=Y.top-de;if(_<W){const J=W-_;o.style.marginTop=`${J+1}px`}}Xa(Ya)})()},100);return()=>{clearTimeout(e)}},[ee,X]),p.useEffect(()=>{const e=()=>{setTimeout(()=>{Ua(tt())},100)};return window.screen.orientation?window.screen.orientation.addEventListener("change",e):window.addEventListener("resize",e),()=>{window.screen.orientation?window.screen.orientation.removeEventListener("change",e):window.removeEventListener("resize",e)}},[]),l.jsx("div",{ref:X,children:l.jsxs(ce.Container,{className:"chart container",style:{minHeight:F==="pie"&&window.innerWidth<=480?`${parseInt(N)+parseInt(et)*.5}px`:`${parseInt(N)+parseInt(et)}px`},fluid:!0,children:[l.jsx(_a.default,{editing:i,style:{height:`${U}px`},params:ne,waitForFilters:ua==="true",app:r,group:pe,csv:mt,store:[r,Q,...B],source:B.join("/"),children:l.jsxs(ce.Container,{style:{height:`${U}px`},className:"body",fluid:!0,children:[I&&l.jsx(ot.default,{editing:i}),!I&&l.jsxs(Ja.default,{children:[l.jsx(ot.default,{app:r,group:pe,noDataMsg:Rt,children:" "}),l.jsx(R,{locale:_e,colorBy:Z,hiddenBars:Vt,swap:z==="true"||z===!0,type:F,includeTotal:!0,includeOverall:Te===!0||Te==="true",overallLabel:O,measures:w,dimensions:[...B],sort:Ge,sortReverse:G===!0||G==="true",sortSecondDimension:Ve,sortReverseSecondDimension:V===!0||V==="true",customLabels:Qe(),children:l.jsx(ar.default,{type:F,app:r,locale:_e,overallLabel:O,customLabels:Qe(),manualColors:La(),colorBy:Z,scheme:ge,barColor:Oe.barColor,children:l.jsx(C,{...Oe})})})]})]})}),l.jsx("br",{}),Va&&L&&Fa==="info"&&l.jsx(ce.Container,{fluid:!0,style:{height:U+"px"},className:"body",children:l.jsx(er.PostContent,{post:{content:{rendered:L}}})})]})})},sr=(A,ue)=>{const{"data-app":i,"data-group":Q}=ue,L=A.getIn(["data","measures",i,Q]),q=A.getIn(["data","pageModuleProps"]),d={};return L&&Object.keys(L).length>0&&(d.injectedMeasures=L??{}),q&&(d.pageModuleProps=q),d},ir={},dr=rr.connect(sr,ir)(or.injectIntl(nr));exports.default=dr;

package/dist/cjs/embeddable/d3Map/BaseLayer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),v=require("react"),R=require("d3"),j=require("./Layer.js");function _(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const u=_(R);class k extends j.default{constructor(){super(),this.gRef=v.createRef()}createPaths(t){const{path:e,fillColor:s,borderColor:o,projection:i}=this.props;this.gRef&&this.gRef.current&&(this.g=u.select(this.gRef.current),this.g.attr("class","base-layer zoomable"),this.g.selectAll(".borders").remove(),this.g.selectAll(".feature-label").remove(),this.g.selectAll(".borders").data(t.features).enter().append("path").attr("fill",s).attr("stroke",o).attr("id","state-borders").attr("class","borders").attr("d",e).style("vector-effect","non-scaling-stroke"))}createLabels(t){const{path:e,labelFilter:s=[],labelSettings:o={},labelField:i,labelFontSize:n,labelColor:l,projection:d,initialPosition:h}=this.props;if(this.gRef&&this.gRef.current){this.g=u.select(this.gRef.current);const c=d.scale(),p=this.props.transform?this.props.transform.k:h.k;this.g.selectAll(".feature-label").data(t.features.filter(r=>s.indexOf(r.properties[i])==-1)).enter().append("text").attr("class","feature-label").attr("font-size",r=>Math.max(.5,n/p)+"px").style("pointer-events","none").text(function(r){return r.properties[i]}).attr("font-size",r=>Math.max(.5,n/p)+"px").attr("color",l).attr("fill",l).attr("transform",function(r){const f=o[r.properties[i]+"_rotation"]||0,b=o[r.properties[i]+"_offsetX"]||0,g=o[r.properties[i]+"_offsetY"]||0,m=e.centroid(r)[0]+b/c,y=e.centroid(r)[1]+g/c;return"translate("+[m,y]+"),rotate("+(f||0)+")"}).attr("text-anchor","middle").attr("dominant-baseline","middle")}}createLayer(t){this.createPaths(t),this.createLabels(t)}componentDidMount(){super.componentDidMount()}componentDidUpdate(t,e,s){const{editing:o}=this.props;o&&this.create(),t.visible!=this.props.visible&&this.g.style("display",this.props.visible?"block":"none")}render(){const{name:t,height:e,width:s}=this.props;return x.jsx("g",{ref:this.gRef})}}exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react/jsx-runtime"),x=require("react"),k=require("d3"),A=require("./Layer.js");function j(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const f=j(k);class z extends A.default{constructor(){super(),this.gRef=x.createRef()}createPaths(e){const{path:t,fillColor:s,borderColor:o,projection:l}=this.props;this.gRef&&this.gRef.current&&(this.g=f.select(this.gRef.current),this.g.attr("class","base-layer zoomable"),this.g.selectAll(".borders").remove(),this.g.selectAll(".feature-label").remove(),this.g.selectAll(".borders").data(e.features).enter().append("path").attr("fill",s).attr("stroke",o).attr("id","state-borders").attr("class","borders").attr("d",t).style("vector-effect","non-scaling-stroke"))}createLabels(e){const{path:t,labelFilter:s=[],labelSettings:o={},labelField:l,labelFontSize:u,labelColor:a,projection:h,initialPosition:d,minLabelZoomVisible:b}=this.props;if(this.gRef&&this.gRef.current){this.g=f.select(this.gRef.current);const n=h.scale(),c=this.props.transform?this.props.transform.k:d.k;this.g.selectAll(".feature-label").data(e.features.filter(r=>s.indexOf(r.properties[l])==-1)).enter().append("text").attr("class","feature-label").attr("font-size",r=>Math.max(.5,u/c)+"px").style("pointer-events","none").text(function(r){return r.properties[l]}).attr("color",a).attr("fill",a).attr("transform",function(r){const p=o[r.properties[l]+"_rotation"]||0,g=o[r.properties[l]+"_offsetX"]||0,m=o[r.properties[l]+"_offsetY"]||0,y=t.centroid(r)[0]+g/n,v=t.centroid(r)[1]+m/n;return"translate("+[y,v]+"),rotate("+(p||0)+")"}).attr("text-anchor","middle").attr("dominant-baseline","middle"),c<b?(console.log("remove layers"),this.g.selectAll(".feature-label").transition().style("display","none")):this.g.selectAll(".feature-label").style("display","")}}resize(){const{labelFontSize:e,minLabelZoomVisible:t=-1}=this.props;debugger;const s=this.props.transform?this.props.transform.k:1;console.log("minLabelZoomVisible",t,s),s<t?(console.log("remove layers"),this.g.selectAll(".feature-label").transition().style("display","none")):this.g.selectAll(".feature-label").style("display",""),this.g.selectAll(".feature-label").attr("font-size",o=>Math.max(.5,e/s)+"px")}createLayer(e){if(this.createPaths(e),this.createLabels(e),this.props.onReady){debugger;this.props.onReady()}}componentDidMount(){super.componentDidMount()}componentDidUpdate(e,t,s){const{editing:o}=this.props;o&&this.create(),e.visible!=this.props.visible&&this.g.style("display",this.props.visible?"block":"none"),this.g&&this.resize()}render(){const{name:e,height:t,width:s}=this.props;return R.jsx("g",{ref:this.gRef})}}exports.default=z;

package/dist/cjs/embeddable/d3Map/DataLayer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("react/jsx-runtime");require("react");const pe=require("./BaseLayer.js"),ce=require("../data/DataProvider.js"),ue=require("../data/DataConsumer.js"),de=require("d3"),he=require("react-intl"),Y=require("./BreaksStyles.js"),oe=require("./GradientColors.js");function fe(d){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const i in d)if(i!=="default"){const h=Object.getOwnPropertyDescriptor(d,i);Object.defineProperty(t,i,h.get?h:{enumerable:!0,get:()=>d[i]})}}return t.default=d,Object.freeze(t)}const M=fe(de),W=d=>d?d.toString().replace(/ /g,"_"):"",k=d=>d?"pattern_"+W(d):"";class me extends pe.default{constructor(){super(),this.state={geoJson:null,json:null},this.getTooltipVariables=this.getTooltipVariables.bind(this),this.resize=this.resize.bind(this),this.createLayer=this.createLayer.bind(this),this.createCentroids=this.createCentroids.bind(this),this.createPatterns=this.createPatterns.bind(this),this.createPaths=this.createPaths.bind(this)}createLayer(t){const i=this.joinData(t,this.props.app,this.props.featureJoinAttribute,this.props.data,this.props.measures,this.props.patternDiscriminator);this.createDataLayer(i)}resize(){const{markerLabelSize:t,markFillColor:i,markBorderColor:h,markSizeScale:s,measures:u,data:m,breaks:c,gradientScheme:x,gradientReverse:n}=this.props,f=new Y.default({breaks:c,defaultFillColor:i,defaultBorderColor:h,defaultSize:s});new oe.default({data:m.children,measure:u[0],defaultFillColor:i,gradientScheme:x,gradientReverse:n});const o=this.props.transform?this.props.transform.k:1;this.g.selectAll(".centroids .point").attr("r",p=>f.getSize(p.properties._value)*1/o),this.g.selectAll(".centroids .point-label").attr("font-size",p=>t*(1/o)+"px")}getTooltipVariables(t){const{apiJoinAttribute:i}=this.props;return t.properties._value?{...t.properties,meta:{[i]:t.properties.meta?t.properties.meta.value:"",...t.properties.meta,value:t.properties._value}}:{}}createDataLayer(t){const{app:i,svg:h,format:s,id:u,file:m,path:c,onLayerCreated:x,labelFilter:n=[],labelField:f,labelFontSize:o,labelColor:p,fillColor:w,borderColor:g,tooltip:D,markFillColor:y,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:q,editing:te,data:L,patternDiscriminator:S,patternDiscriminatorLabel:Q,breaks:N,gradientScheme:I,gradientReverse:$,patterns:z,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:B=!0,togglePatterns:R,colorLayerVisible:U=!0,visible:ie}=this.props;if(this.gRef&&this.gRef.current){debugger;this.g=M.select(this.gRef.current.parentNode),this.g.attr("class","base-layer");const _=t.features.filter(A=>A.properties._value!=null);this.createPaths(t),O||this.createColors(_),G&&this.createPatterns(t),f!="none"&&this.createLabels(t),O&&this.createCentroids(_)}}createColors(t){const{app:i,svg:h,format:s,id:u,file:m,path:c,onLayerCreated:x,labelFilter:n=[],labelField:f,labelFontSize:o,labelColor:p,fillColor:w,borderColor:g,tooltip:D,markFillColor:y,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:q,editing:te,data:L,patternDiscriminator:S,patternDiscriminatorLabel:Q,breaks:N,gradientScheme:I,gradientReverse:$,patterns:z,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:B=!0,togglePatterns:R,colorLayerVisible:U=!0,visible:ie}=this.props,_=new Y.default({breaks:N,defaultFillColor:y,defaultBorderColor:J,defaultSize:j}),A=new oe.default({data:L.children,measure:q[0],defaultFillColor:y,gradientScheme:I,gradientReverse:$});if(this.g){debugger;this.g.selectAll("path").attr("fill",l=>!l||!l.properties||!l.properties._value?w:V?A.getColor(l.properties._value):_.getColor(l.properties._value)).attr("stroke",g).attr("id","state-borders").attr("d",c).on("mouseenter",(l,v)=>{v.properties._value&&this.showToolTip(D,this.getTooltipVariables(v),V?A.getColor(v.properties._value):_.getColor(v.properties._value),v)}).on("mouseleave",l=>{this.hiddenToolTip(l)}).on("mousemove",l=>{this.moveToolTip(l)}),U||this.g.selectAll(".borders").style("fill",this.props.fillColor),this.g.attr("transform",this.props.transform)}}createCentroids(t){const{app:i,svg:h,format:s,id:u,file:m,path:c,onLayerCreated:x,labelFilter:n=[],labelField:f,labelFontSize:o,labelColor:p,fillColor:w,borderColor:g,tooltip:D,markFillColor:y,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:q,editing:te,data:L,patternDiscriminator:S,patternDiscriminatorLabel:Q,breaks:N,gradientScheme:I,gradientReverse:$,patterns:z,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:B=!0,togglePatterns:R,colorLayerVisible:U=!0,visible:ie}=this.props,_=new Y.default({breaks:N,defaultFillColor:y,defaultBorderColor:J,defaultSize:j}),A=new oe.default({data:L.children,measure:q[0],defaultFillColor:y,gradientScheme:I,gradientReverse:$});if(this.g){const l={style:s.style==="compacted"?"decimal":s.style,notation:s.style==="compacted"?"compact":"standard",currency:s.currency,minimumFractionDigits:parseInt(s.minimumFractionDigits),maximumFractionDigits:parseInt(s.maximumFractionDigits)},v=this.props.transform?this.props.transform.k:1;this.g.selectAll(".centroids").remove();const b=this.g.selectAll("centroids").data(t).enter().append("g").attr("class","centroids");b.append("circle").attr("fill",a=>V?A.getColor(a.properties._value):_.getColor(a.properties._value,!0)).attr("stroke",J).attr("class","point").attr("stroke-width",2).style("vector-effect","non-scaling-stroke").attr("cx",a=>c.centroid(a)[0]).attr("cy",a=>c.centroid(a)[1]).attr("r",a=>_.getSize(a.properties._value)*1/v).on("mouseenter",(a,e)=>{if(e.properties._value){const C={...e.properties,meta:{[K]:e.properties.meta?e.properties.meta.value:"",...e.properties.meta,value:e.properties._value}};this.showToolTip(D,C,V?A.getColor(e.properties._value):_.getColor(e.properties._value))}}).on("mouseleave",a=>{this.hiddenToolTip()}),b.append("text").attr("class","point-label").attr("x",a=>c.centroid(a)[0]).attr("y",a=>c.centroid(a)[1]).attr("font-size",a=>H*(1/v)+"px").attr("text-anchor","middle").attr("dominant-baseline","middle").style("pointer-events","none").attr("fill",T).text(a=>E.formatNumber(s.style==="percent"?a.properties._value/100:a.properties._value,l)).on("mouseover",a=>{}),U||this.g.selectAll(".centroids").style("display","none")}}createPatterns(t){const{app:i,svg:h,format:s,id:u,file:m,path:c,onLayerCreated:x,labelFilter:n=[],labelField:f,labelFontSize:o,labelColor:p,fillColor:w,borderColor:g,tooltip:D,markFillColor:y,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:q,editing:te,data:L,patternDiscriminator:S,patternDiscriminatorLabel:Q,breaks:N,gradientScheme:I,gradientReverse:$,patterns:z,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:B=!0,togglePatterns:R,colorLayerVisible:U=!0,visible:ie}=this.props,_=new Y.default({breaks:N,defaultFillColor:y,defaultBorderColor:J,defaultSize:j}),A=this.props.transform?this.props.transform.k:1,l=10*1/A,v=10*1/A;let b=[];if(i=="csv"&&S!="none")b=[...new Set(L.data.map(e=>e[S]))].map(e=>({key:e,type:z[e+"_symbol"],color:z[e+"_color"],rotation:z[e+"_rotation"]}));else if(S!="none"){const e=L.metadata?L.metadata.types.filter(C=>C.dimension==S):[];b=e&&e.length>0?e[0].items.map(C=>{const F=C.value;return{key:F,type:z[F+"_symbol"],color:z[F+"_color"],rotation:z[F+"_rotation"]}}):[]}this.g.selectAll("defs").remove();const a=this.g.append("defs");if(a.selectAll("pattern").remove(),a.selectAll("pattern").data(b).enter().append("pattern").attr("id",e=>k(e.key)).attr("patternUnits","userSpaceOnUse").attr("width",l).attr("height",v).attr("x",0).attr("y",0).attr("patternTransform",e=>`rotate(${e.rotation})`),b.forEach(e=>{e.type==="lines"&&a.select("#"+k(e.key)).append("rect").attr("x",.05).attr("width",l/2).attr("height",v).attr("opacity",1).attr("fill",e.color),e.type==="squares"&&a.select("#"+k(e.key)).append("rect").attr("width",l/2).attr("height",v/2).attr("fill",e.color).attr("opacity",1).attr("stroke-width",1),e.type==="dots"&&a.select("#"+k(e.key)).append("circle").attr("cx",l/2).attr("cy",v/2).attr("r",l/2.5).attr("fill",e.color).attr("opacity",1).attr("stroke-width",1),e.type==="triangle"&&a.select("#"+k(e.key)).append("polygon").attr("points",`${l/2} 0, 0 ${l}, ${l}  ${l} `).attr("fill",e.color).attr("opacity",1).attr("stroke-width",1)}),b=b.filter(e=>e.type!=null).sort((e,C)=>new Intl.Collator(E.locale,{caseFirst:"upper",numeric:!0,sensitivity:"variant"}).compare(e.key,C.key)),G&&t&&t.features){this.g.selectAll(".shape-pattern").remove(),B&&t.features.forEach(r=>{let P=[];r.properties&&r.properties.meta&&(P=i!="csv"?r.properties.meta[S]?r.properties.meta[S]:[]:[r.properties.meta[S]],P&&P.length>0&&P.forEach(le=>{this.g.append("path").attr("d",c(r)).datum(le).attr("class","shape-pattern").attr("opacity",se=>{if(X)return .7}).attr("fill",se=>"transparent").attr("style",()=>"none;fill:url(#"+k(le)+");").on("mouseenter",()=>{this.showToolTip(D,this.getTooltipVariables(r),V?gradientColors.getColor(r.properties._value):_.getColor(r.properties._value))}).on("mousemove",se=>{this.moveToolTip()}).on("mouseleave",se=>{this.hiddenToolTip()})}))}),M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(u)}`).select("svg").remove();debugger;const e=M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(u)}`).append("svg");e.attr("height",30+b.length*23+"px");const C=e.append("svg").append("g"),F=C.append("defs");F.selectAll("pattern").remove(),B&&(F.selectAll("pattern").data(b).enter().append("pattern").attr("id",r=>"l_"+k(r.key)).attr("patternUnits","userSpaceOnUse").attr("width",5).attr("height",5).attr("x",0).attr("y",0).attr("patternTransform",r=>`rotate(${r.rotation?r.rotation:0})`),b.forEach(r=>{r.type==="lines"&&F.select("#l_"+k(r.key)).append("rect").attr("x",0).attr("width",1).attr("height",10).attr("opacity",.75).attr("fill",r.color),r.type==="squares"&&F.select("#l_"+k(r.key)).append("rect").attr("width",3).attr("height",3).attr("fill",r.color).attr("opacity",1).attr("stroke-width",1),r.type==="dots"&&F.select("#l_"+k(r.key)).append("circle").attr("cx",2).attr("cy",2).attr("r",2).attr("fill",r.color).attr("opacity",1).attr("stroke-width",1),r.type==="triangle"&&F.select("#l_"+k(r.key)).append("polygon").attr("points","5,0 8,8 0,5").attr("fill",r.color).attr("opacity",1).attr("stroke-width",1)}));let ne=B?"☑ ":"☐ ";C.append("text").attr("class","patterns-checkbox").attr("x",10).attr("y",20).text(r=>ne).attr("font-size","22px").on("click",()=>{R&&R(u)}),C.append("text").attr("class","patterns-title").attr("x",25).attr("y",7).text(r=>i==="csv"?S:Q).on("click",()=>{R&&R(u)}),B&&(C.selectAll(".legend-squares").data(b).enter().append("rect").attr("width",15).attr("height",15).attr("y",(r,P)=>P*22+30).attr("x",15).attr("stroke",g).attr("style",r=>"none;fill:url(#l_"+k(r.key)+");"),C.selectAll(".patterns-labels").data(b).enter().append("text").attr("class","patterns-labels").attr("y",(r,P)=>P*22+30).attr("x",32).text(r=>r.key))}}joinData(t,i,h,s,u,m){const c=t.features.map(n=>{const f=n.properties[h];if(i!="csv"&&s&&s.children){const o=s.children.filter(p=>p.value==f);if(o.length>0){const p=o[0][u[0]];if(n.properties.meta=o[0],n.properties._value=p,m&&m!="none"){const w=o[0]&&o[0].children?o[0].children.filter(g=>g.type==m).map(g=>g.value):[];n.properties.meta[m]=w}}else n.properties._value=null}else if(i=="csv"){const o=s.data.filter(p=>p[s.meta.fields[0]]==f);o.length>0?(n.properties.meta=o[0],n.properties._value=o[0][s.meta.fields[1]]):n.properties._value=null}else n.properties._value=null;return n});return{...t,features:c}}componentDidUpdate(t,i,h){const{app:s,file:u,featureJoinAttribute:m,data:c,measures:x,patternDiscriminator:n,editing:f}=this.props;if(f||JSON.stringify(t.data)!==JSON.stringify(c)){debugger;this.create()}if(t.visible!=this.props.visible){debugger;this.g.style("display",this.props.visible?"":"none")}if(t.patternsVisible!=this.props.patternsVisible){const p=M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`);p.select(".patterns-checkbox").text(this.props.patternsVisible?"☑ ":"☐ "),p.selectAll(".patterns-labels").style("display",this.props.patternsVisible?"":"none"),p.selectAll("rect").style("display",this.props.patternsVisible?"":"none"),p.select("svg").attr("height",this.props.patternsVisible?30+(p.selectAll("rect").size()-1)*23+"px":"30px"),this.g.selectAll(".shape-pattern").style("display",this.props.patternsVisible?"":"none")}t.colorLayerVisible!=this.props.colorLayerVisible&&(this.g.selectAll(".borders").style("fill",o=>{debugger;return this.props.colorLayerVisible?null:this.props.fillColor}),this.g.selectAll(".centroids").style("display",this.props.colorLayerVisible?"block":"none")),t.usePattern!=this.props.usePattern&&(this.props.usePattern||M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`).select("svg").remove()),this.g&&this.resize()}componentDidMount(){super.componentDidMount()}render(){const{id:t,file:i,path:h,zoom:s,labelFilter:u=[],labelField:m,labelFontSize:c,labelColor:x,fillColor:n,borderColor:f,featureJoinAttribute:o,apiJoinAttribute:p,dvzProxyDatasetId:w,editing:g}=this.props;return Z.jsx("g",{id:"data-"+t,className:"data "+t,ref:this.gRef})}}const ge=d=>{const{id:t,unique:i,filters:h,csv:s,app:u,group:m="default",apiJoinAttribute:c,editing:x,patternDiscriminator:n,dvzProxyDatasetId:f,intl:o,settings:p,waitForFilters:w}=d,g={},D=h||{};return D&&D.forEach&&D.forEach(y=>{y.value!=null&&y.value.filter(T=>T!=null&&T.toString().trim()!="").length>0&&(g[y.param]=y.value)}),f&&(g.dvzProxyDatasetId=f),Z.jsx(ce.default,{waitForFilters:w,editing:x,params:g,app:u,csv:decodeURIComponent(s),group:m,ignoreErrors:!0,isSvg:!0,store:[u,i,t],source:c+(n!="none"?"/"+n:""),children:Z.jsx(ue.default,{children:Z.jsx(me,{...d})})})},be=he.injectIntl(ge);exports.default=be;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("react/jsx-runtime");require("react");const pe=require("./BaseLayer.js"),ce=require("../data/DataProvider.js"),ue=require("../data/DataConsumer.js"),de=require("d3"),he=require("react-intl"),Y=require("./BreaksStyles.js"),oe=require("./GradientColors.js");function fe(h){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const i in h)if(i!=="default"){const f=Object.getOwnPropertyDescriptor(h,i);Object.defineProperty(t,i,f.get?f:{enumerable:!0,get:()=>h[i]})}}return t.default=h,Object.freeze(t)}const M=fe(de),W=h=>h?h.toString().replace(/ /g,"_"):"",S=h=>h?"pattern_"+W(h):"";class me extends pe.default{constructor(){super(),this.state={geoJson:null,json:null},this.getTooltipVariables=this.getTooltipVariables.bind(this),this.resize=this.resize.bind(this),this.createLayer=this.createLayer.bind(this),this.createCentroids=this.createCentroids.bind(this),this.createPatterns=this.createPatterns.bind(this),this.createPaths=this.createPaths.bind(this)}createLayer(t){const i=this.joinData(t,this.props.app,this.props.featureJoinAttribute,this.props.data,this.props.measures,this.props.patternDiscriminator);this.createDataLayer(i),this.props.onReady&&this.props.onReady()}resize(){const{markerLabelSize:t,markFillColor:i,markBorderColor:f,markSizeScale:s,measures:u,data:m,breaks:c,gradientScheme:z,gradientReverse:l,labelFontSize:g}=this.props,n=this.props.transform?this.props.transform.k:1;super.resize();const d=new Y.default({breaks:c,defaultFillColor:i,defaultBorderColor:f,defaultSize:s});new oe.default({data:m.children,measure:u[0],defaultFillColor:i,gradientScheme:z,gradientReverse:l}),this.g.selectAll(".centroids .point").attr("r",p=>d.getSize(p.properties._value)*1/n),this.g.selectAll(".point-label").attr("font-size",p=>t*(1/n)+"px")}getTooltipVariables(t){const{apiJoinAttribute:i}=this.props;return t.properties._value?{...t.properties,meta:{[i]:t.properties.meta?t.properties.meta.value:"",...t.properties.meta,value:t.properties._value}}:{}}createDataLayer(t){const{app:i,svg:f,format:s,id:u,file:m,path:c,onLayerCreated:z,labelFilter:l=[],labelField:g,labelFontSize:n,labelColor:d,fillColor:p,borderColor:b,tooltip:D,markFillColor:v,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:N,editing:te,data:L,patternDiscriminator:_,patternDiscriminatorLabel:Q,breaks:q,gradientScheme:I,gradientReverse:$,patterns:w,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:R=!0,togglePatterns:B,colorLayerVisible:U=!0,visible:ie}=this.props;if(this.gRef&&this.gRef.current){this.g=M.select(this.gRef.current),this.g.attr("class","base-layer");const F=t.features.filter(A=>A.properties._value!=null);this.createPaths(t),O||this.createColors(F),G&&this.createPatterns(t),g!="none"&&this.createLabels(t),O&&this.createCentroids(F)}}createColors(t){const{app:i,svg:f,format:s,id:u,file:m,path:c,onLayerCreated:z,labelFilter:l=[],labelField:g,labelFontSize:n,labelColor:d,fillColor:p,borderColor:b,tooltip:D,markFillColor:v,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:N,editing:te,data:L,patternDiscriminator:_,patternDiscriminatorLabel:Q,breaks:q,gradientScheme:I,gradientReverse:$,patterns:w,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:R=!0,togglePatterns:B,colorLayerVisible:U=!0,visible:ie}=this.props,F=new Y.default({breaks:q,defaultFillColor:v,defaultBorderColor:J,defaultSize:j}),A=new oe.default({data:L.children,measure:N[0],defaultFillColor:v,gradientScheme:I,gradientReverse:$});this.g&&(this.g.selectAll("path").attr("fill",o=>!o||!o.properties||!o.properties._value?p:V?A.getColor(o.properties._value):F.getColor(o.properties._value)).attr("stroke",b).attr("id","state-borders").attr("d",c).on("mouseenter",(o,C)=>{C.properties._value&&this.showToolTip(D,this.getTooltipVariables(C),V?A.getColor(C.properties._value):F.getColor(C.properties._value),C)}).on("mouseleave",o=>{this.hiddenToolTip(o)}).on("mousemove",o=>{this.moveToolTip(o)}),U||this.g.selectAll(".borders").style("fill",this.props.fillColor),this.g.attr("transform",this.props.transform))}createCentroids(t){const{app:i,svg:f,format:s,id:u,file:m,path:c,onLayerCreated:z,labelFilter:l=[],labelField:g,labelFontSize:n,labelColor:d,fillColor:p,borderColor:b,tooltip:D,markFillColor:v,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:N,editing:te,data:L,patternDiscriminator:_,patternDiscriminatorLabel:Q,breaks:q,gradientScheme:I,gradientReverse:$,patterns:w,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:R=!0,togglePatterns:B,colorLayerVisible:U=!0,visible:ie}=this.props,F=new Y.default({breaks:q,defaultFillColor:v,defaultBorderColor:J,defaultSize:j}),A=new oe.default({data:L.children,measure:N[0],defaultFillColor:v,gradientScheme:I,gradientReverse:$});if(this.g){const o={style:s.style==="compacted"?"decimal":s.style,notation:s.style==="compacted"?"compact":"standard",currency:s.currency,minimumFractionDigits:parseInt(s.minimumFractionDigits),maximumFractionDigits:parseInt(s.maximumFractionDigits)},C=this.props.transform?this.props.transform.k:1;this.g.selectAll(".centroids").remove();const y=this.g.selectAll("centroids").data(t).enter().append("g").attr("class","centroids");y.append("circle").attr("fill",a=>V?A.getColor(a.properties._value):F.getColor(a.properties._value,!0)).attr("stroke",J).attr("class","point").attr("stroke-width",2).style("vector-effect","non-scaling-stroke").attr("cx",a=>c.centroid(a)[0]).attr("cy",a=>c.centroid(a)[1]).attr("r",a=>F.getSize(a.properties._value)*1/C).on("mouseenter",(a,e)=>{if(e.properties._value){const k={...e.properties,meta:{[K]:e.properties.meta?e.properties.meta.value:"",...e.properties.meta,value:e.properties._value}};this.showToolTip(D,k,V?A.getColor(e.properties._value):F.getColor(e.properties._value))}}).on("mouseleave",a=>{this.hiddenToolTip()}),y.append("text").attr("class","point-label").attr("x",a=>c.centroid(a)[0]).attr("y",a=>c.centroid(a)[1]).attr("font-size",a=>H*(1/C)+"px").attr("text-anchor","middle").attr("dominant-baseline","middle").style("pointer-events","none").attr("fill",T).text(a=>E.formatNumber(s.style==="percent"?a.properties._value/100:a.properties._value,o)).on("mouseover",a=>{}),U||this.g.selectAll(".centroids").style("display","none")}}createPatterns(t){const{app:i,svg:f,format:s,id:u,file:m,path:c,onLayerCreated:z,labelFilter:l=[],labelField:g,labelFontSize:n,labelColor:d,fillColor:p,borderColor:b,tooltip:D,markFillColor:v,markLabelColor:T,markBorderColor:J,markSizeScale:j,markerLabelSize:H,featureJoinAttribute:ee,apiJoinAttribute:K,measures:N,editing:te,data:L,patternDiscriminator:_,patternDiscriminatorLabel:Q,breaks:q,gradientScheme:I,gradientReverse:$,patterns:w,projection:re,useBreaks:X,useGradients:V,useCentroidPoint:O,usePattern:G,waitForFilters:ae,intl:E,patternsVisible:R=!0,togglePatterns:B,colorLayerVisible:U=!0,visible:ie}=this.props,F=new Y.default({breaks:q,defaultFillColor:v,defaultBorderColor:J,defaultSize:j}),A=this.props.transform?this.props.transform.k:1,o=10*1/A,C=10*1/A;let y=[];if(i=="csv"&&_!="none")y=[...new Set(L.data.map(e=>e[_]))].map(e=>({key:e,type:w[e+"_symbol"],color:w[e+"_color"],rotation:w[e+"_rotation"]}));else if(_!="none"){const e=L.metadata?L.metadata.types.filter(k=>k.dimension==_):[];y=e&&e.length>0?e[0].items.map(k=>{const x=k.value;return{key:x,type:w[x+"_symbol"],color:w[x+"_color"],rotation:w[x+"_rotation"]}}):[]}this.g.selectAll("defs").remove();const a=this.g.append("defs");if(a.selectAll("pattern").remove(),a.selectAll("pattern").data(y).enter().append("pattern").attr("id",e=>S(e.key)).attr("patternUnits","userSpaceOnUse").attr("width",o).attr("height",C).attr("x",0).attr("y",0).attr("patternTransform",e=>`rotate(${e.rotation})`),y.forEach(e=>{e.type==="lines"&&a.select("#"+S(e.key)).append("rect").attr("x",.05).attr("width",o/2).attr("height",C).attr("opacity",1).attr("fill",e.color),e.type==="squares"&&a.select("#"+S(e.key)).append("rect").attr("width",o/2).attr("height",C/2).attr("fill",e.color).attr("opacity",1).attr("stroke-width",1),e.type==="dots"&&a.select("#"+S(e.key)).append("circle").attr("cx",o/2).attr("cy",C/2).attr("r",o/2.5).attr("fill",e.color).attr("opacity",1).attr("stroke-width",1),e.type==="triangle"&&a.select("#"+S(e.key)).append("polygon").attr("points",`${o/2} 0, 0 ${o}, ${o}  ${o} `).attr("fill",e.color).attr("opacity",1).attr("stroke-width",1)}),y=y.filter(e=>e.type!=null).sort((e,k)=>new Intl.Collator(E.locale,{caseFirst:"upper",numeric:!0,sensitivity:"variant"}).compare(e.key,k.key)),G&&t&&t.features){this.g.selectAll(".shape-pattern").remove(),R&&t.features.forEach(r=>{let P=[];r.properties&&r.properties.meta&&(P=i!="csv"?r.properties.meta[_]?r.properties.meta[_]:[]:[r.properties.meta[_]],P&&P.length>0&&P.forEach(le=>{this.g.append("path").attr("d",c(r)).datum(le).attr("class","shape-pattern").attr("opacity",se=>{if(X)return .7}).attr("fill",se=>"transparent").attr("style",()=>"none;fill:url(#"+S(le)+");").on("mouseenter",()=>{this.showToolTip(D,this.getTooltipVariables(r),V?gradientColors.getColor(r.properties._value):F.getColor(r.properties._value))}).on("mousemove",se=>{this.moveToolTip()}).on("mouseleave",se=>{this.hiddenToolTip()})}))}),M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(u)}`).select("svg").remove();const e=M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(u)}`).append("svg");e.attr("height",30+y.length*23+"px");const k=e.append("svg").append("g"),x=k.append("defs");x.selectAll("pattern").remove(),R&&(x.selectAll("pattern").data(y).enter().append("pattern").attr("id",r=>"l_"+S(r.key)).attr("patternUnits","userSpaceOnUse").attr("width",5).attr("height",5).attr("x",0).attr("y",0).attr("patternTransform",r=>`rotate(${r.rotation?r.rotation:0})`),y.forEach(r=>{r.type==="lines"&&x.select("#l_"+S(r.key)).append("rect").attr("x",0).attr("width",1).attr("height",10).attr("opacity",.75).attr("fill",r.color),r.type==="squares"&&x.select("#l_"+S(r.key)).append("rect").attr("width",3).attr("height",3).attr("fill",r.color).attr("opacity",1).attr("stroke-width",1),r.type==="dots"&&x.select("#l_"+S(r.key)).append("circle").attr("cx",2).attr("cy",2).attr("r",2).attr("fill",r.color).attr("opacity",1).attr("stroke-width",1),r.type==="triangle"&&x.select("#l_"+S(r.key)).append("polygon").attr("points","5,0 8,8 0,5").attr("fill",r.color).attr("opacity",1).attr("stroke-width",1)}));let ne=R?"☑ ":"☐ ";k.append("text").attr("class","patterns-checkbox").attr("x",10).attr("y",20).text(r=>ne).attr("font-size","22px").on("click",()=>{B&&B(u)}),k.append("text").attr("class","patterns-title").attr("x",25).attr("y",7).text(r=>i==="csv"?_:Q).on("click",()=>{B&&B(u)}),R&&(k.selectAll(".legend-squares").data(y).enter().append("rect").attr("width",15).attr("height",15).attr("y",(r,P)=>P*22+30).attr("x",15).attr("stroke",b).attr("style",r=>"none;fill:url(#l_"+S(r.key)+");"),k.selectAll(".patterns-labels").data(y).enter().append("text").attr("class","patterns-labels").attr("y",(r,P)=>P*22+30).attr("x",32).text(r=>r.key))}}joinData(t,i,f,s,u,m){const c=t.features.map(l=>{const g=l.properties[f];if(i!="csv"&&s&&s.children){const n=s.children.filter(d=>d.value==g);if(n.length>0){const d=n[0][u[0]];if(l.properties.meta=n[0],l.properties._value=d,m&&m!="none"){const p=n[0]&&n[0].children?n[0].children.filter(b=>b.type==m).map(b=>b.value):[];l.properties.meta[m]=p}}else l.properties._value=null}else if(i=="csv"){const n=s.data.filter(d=>d[s.meta.fields[0]]==g);n.length>0?(l.properties.meta=n[0],l.properties._value=n[0][s.meta.fields[1]]):l.properties._value=null}else l.properties._value=null;return l});return{...t,features:c}}componentDidUpdate(t,i,f){const{app:s,file:u,featureJoinAttribute:m,data:c,measures:z,patternDiscriminator:l,editing:g,usePattern:n}=this.props;if((g||JSON.stringify(t.data)!==JSON.stringify(c))&&this.create(),t.visible!=this.props.visible){debugger;this.g.style("display",this.props.visible?"":"none")}if(t.patternsVisible!=this.props.patternsVisible){const p=M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`);p.select(".patterns-checkbox").text(this.props.patternsVisible?"☑ ":"☐ "),p.selectAll(".patterns-labels").style("display",this.props.patternsVisible?"":"none"),p.selectAll("rect").style("display",this.props.patternsVisible?"":"none"),p.select("svg").attr("height",this.props.patternsVisible?30+(p.selectAll("rect").size()-1)*23+"px":"30px"),this.g.selectAll(".shape-pattern").style("display",this.props.patternsVisible?"":"none")}t.colorLayerVisible!=this.props.colorLayerVisible&&(this.g.selectAll(".borders").style("fill",d=>{debugger;return this.props.colorLayerVisible?null:this.props.fillColor}),this.g.selectAll(".centroids").style("display",this.props.colorLayerVisible?"block":"none")),t.usePattern!=this.props.usePattern&&(this.props.usePattern||M.select(this.gRef.current.parentNode.parentNode).select(`.layer_${W(this.props.id)}`).select("svg").remove()),this.g&&this.resize()}componentDidMount(){super.componentDidMount()}render(){const{id:t,file:i,path:f,zoom:s,labelFilter:u=[],labelField:m,labelFontSize:c,labelColor:z,fillColor:l,borderColor:g,featureJoinAttribute:n,apiJoinAttribute:d,dvzProxyDatasetId:p,editing:b}=this.props;return Z.jsx("g",{id:"data-"+t,className:"data "+t,ref:this.gRef})}}const ge=h=>{const{id:t,unique:i,filters:f,csv:s,app:u,group:m="default",apiJoinAttribute:c,editing:z,patternDiscriminator:l,dvzProxyDatasetId:g,intl:n,settings:d,waitForFilters:p}=h,b={},D=f||{};return D&&D.forEach&&D.forEach(v=>{v.value!=null&&v.value.filter(T=>T!=null&&T.toString().trim()!="").length>0&&(b[v.param]=v.value)}),g&&(b.dvzProxyDatasetId=g),Z.jsx(ce.default,{waitForFilters:p,editing:z,params:b,app:u,csv:decodeURIComponent(s),group:m,ignoreErrors:!0,isSvg:!0,store:[u,i,t],source:c+(l!="none"?"/"+l:""),children:Z.jsx(ue.default,{children:Z.jsx(me,{...h})})})},be=he.injectIntl(ge);exports.default=be;

package/dist/cjs/embeddable/d3Map/FlowLayer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("react/jsx-runtime");require("react");const Y=require("./BaseLayer.js"),G=require("../data/DataProvider.js"),H=require("../data/DataConsumer.js"),X=require("d3"),K=require("react-intl"),Q=require("papaparse"),Z=require("./BreaksStyles.js");function $(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>n[o]})}}return r.default=n,Object.freeze(r)}const z=$(X);class tt extends Y.default{constructor(){super(),this.createDataLayer=this.createDataLayer.bind(this)}createDataLayer(r){const{format:o,path:a,tooltip:k,markFillColor:g,markBorderColor:b,markSizeScale:L,featureJoinAttribute:d,apiJoinAttribute:A,projection:x,breaks:_,markSizeScale2:w,measures:f,zoom:v,offsetPixels:l=10,waitForFilters:B}=this.props,C=f[0],S=new Z.default({breaks:_,defaultFillColor:g,defaultBorderColor:b,defaultSize:w});o.style==="compacted"||o.style,o.style,o.currency,parseInt(o.minimumFractionDigits),parseInt(o.maximumFractionDigits);const O=r.features.filter(t=>t.properties._value!=null);this.g=z.select(this.gRef.current),this.g.attr("class","base-layer"),this.props.transform&&this.g.attr("transform",this.props.transform),this.g.selectAll(".flow-line").remove(),this.g.selectAll(".start-point").remove(),this.g.selectAll(".end-point").remove(),this.g.select("defs").selectAll("*").remove();const T=this.props.transform?this.props.transform.k:1,D=[];O.forEach(t=>{D.push(t),t.properties.destinations.sort((c,e)=>c[C]-e[C]).forEach(c=>{const e=c[C];r.features.filter(s=>s.properties[d]==c.value).forEach(s=>{s.properties.meta=c;const p=t.properties[d],i=t.properties[d]+"--"+s.properties[d],m=a.centroid(t),h=a.centroid(s),P=h[0]-m[0],E=h[1]-m[1],I=Math.sqrt(P*P+E*E),J=P/I,V=E/I,N=[h[0]-J*l,h[1]-V*l],R=x.invert(N),U={type:"LineString",coordinates:[x.invert(m),R]},u=this.g.append("g");this.g.select("defs").append("marker").attr("id","arrow"+i).attr("markerUnits","strokeWidth").attr("markerWidth","6").attr("markerHeight","6").attr("viewBox","0 0 24 24").attr("refX","6").attr("refY","6").attr("orient","auto").append("path").attr("d","M2,2 L10,6 L2,10 L6,6 L2,2").attr("d","M2,2 L10,6 L2,10 L6,6 L2,2").attr("style",j=>"fill: "+S.getColor(e)+";"),u.append("path").attr("d",a(U)).attr("id",i).attr("class","flow-line").style("fill","none").style("cursor","pointer").style("stroke-dasharray","0").style("stroke",j=>S.getColor(e)).style("stroke-width",j=>S.getSize(e)).attr("marker-end","url(#arrow"+i+")").on("mouseenter",(j,ot)=>{if(u.selectAll("marker").transition().duration("200").style("opacity",0),u.selectAll(".start-point").transition().duration("200").style("opacity",0),u.selectAll(".flow-line").transition().duration("200").style("opacity",0),z.select(j.target).transition().duration("200").style("opacity",1),u.selectAll("#arrow"+i).transition().duration("200").style("opacity",1),u.selectAll(".start-point.circle_"+p).transition().duration("200").style("opacity",1),e){const M={},q={};Object.keys(t.properties).forEach(y=>{M["origin_"+y]=t.properties[y]}),Object.keys(s.properties).forEach(y=>{q["target_"+y]=s.properties[y]}),Object.keys(s.properties.meta).forEach(y=>{q["target_"+y]=s.properties.meta[y]});const W={...M,...q,meta:{[A]:t.properties.meta?t.properties.meta.value:"",...t.properties.meta,value:e}};this.showToolTip(k,W,S.getColor(s.properties._value))}}).on("mouseout",j=>{this.hiddenToolTip(),z.selectAll(".flow-line").transition().duration("100").style("opacity",1),u.selectAll(".start-point").transition().duration("100").style("opacity",1),u.selectAll("marker").transition().duration("100").style("opacity",1)}),u.append("text").append("textPath").attr("xlink:href",i).style("text-anchor","middle").attr("startOffset","50%").attr("fill","#fff").text("Yay, my text is on a wavy path")})})}),D.forEach(t=>{this.g.append("circle").attr("fill",g).attr("stroke",b).attr("class","start-point circle_"+t.properties[d]).attr("stroke-width",2).style("vector-effect","non-scaling-stroke").attr("cx",a.centroid(t)[0]).attr("cy",a.centroid(t)[1]).attr("r",()=>L*1/T).on("mouseenter",c=>{this.showToolTip("{name_en}",t.properties,"")}).on("mouseout",c=>{this.hiddenToolTip()})})}create(){const{app:r,name:o,file:a,path:k,csv:g,zoom:b,labelFilter:L=[],labelField:d,labelFontSize:A,labelColor:x,fillColor:_,borderColor:w,featureJoinAttribute:f,editing:v,data:l,breaks:B,markFillColor:C,markSizeScale:S,measures:O,flowValuesFrom:T}=this.props;a!="none"&&this.loadJSON(a).then(D=>{const t=D.features.map(e=>{const s=e.properties[f];if(r!="csv"&&l&&l.children){const p=l.children.filter(i=>i.value.indexOf(s)>-1);if(p.length>0){const i=p[0][O[0]];e.properties.meta=p[0],e.properties._value=i,e.properties.destinations=p[0].children}}else if(r=="csv"){const p=Q.parse(g,{header:!0,dynamicTyping:!0}),i=e.properties[f];p.data.filter(h=>h.origin==i);const m=p.data.filter(h=>h.origin==i)[0];m!=null&&(alert("CSV Not implemented Yet, please do it if you have time"),e.properties.meta=m,e.properties._value=m.value,e.properties.destinations=m.destination)}return e}),c={...D,features:t};this.createDataLayer(c)})}componentDidUpdate(r,o,a){const{projection:k}=this.props;this.create()}componentDidMount(){this.create(),this.props.zoom.current.fullView()}render(){const{id:r}=this.props;return F.jsx("g",{id:"data-"+r,className:"data "+r,ref:this.gRef,children:F.jsx("defs",{})})}}const et=n=>{const{id:r,unique:o,filters:a,csv:k,app:g,group:b="default",flowOrigin:L,editing:d,flowDestination:A,dvzProxyDatasetId:x,waitForFilters:_}=n,w={dvzProxyDatasetId:x},f=a||{};return f&&f.forEach&&f.forEach(v=>{v.value!=null&&v.value.filter(l=>l!=null&&l.toString().trim()!="").length>0&&(w[v.param]=v.value)}),F.jsx(G.default,{editing:d,params:w,waitForFilters:_,app:g,csv:decodeURIComponent(k),group:b,ignoreErrors:!0,isSvg:!0,store:[g,o,r],source:L+"/"+A,children:F.jsx(H.default,{children:F.jsx(tt,{...n})})})},rt=K.injectIntl(et);exports.default=rt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react/jsx-runtime");require("react");const Y=require("./BaseLayer.js"),G=require("../data/DataProvider.js"),H=require("../data/DataConsumer.js"),X=require("d3"),K=require("react-intl"),Q=require("papaparse"),Z=require("./BreaksStyles.js");function $(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(e,i,o.get?o:{enumerable:!0,get:()=>n[i]})}}return e.default=n,Object.freeze(e)}const P=$(X);class tt extends Y.default{constructor(){super(),this.createDataLayer=this.createDataLayer.bind(this)}createDataLayer(e){const{format:i,path:o,tooltip:k,markFillColor:l,markBorderColor:v,markSizeScale:F,featureJoinAttribute:f,apiJoinAttribute:A,projection:x,breaks:O,markSizeScale2:w,measures:m,zoom:b,offsetPixels:c=10,waitForFilters:M}=this.props,_=m[0],S=new Z.default({breaks:O,defaultFillColor:l,defaultBorderColor:v,defaultSize:w});i.style==="compacted"||i.style,i.style,i.currency,parseInt(i.minimumFractionDigits),parseInt(i.maximumFractionDigits);const C=e.features.filter(t=>t.properties._value!=null);this.g=P.select(this.gRef.current),this.g.attr("class","base-layer zoomable"),this.props.transform&&this.g.attr("transform",this.props.transform),this.g.selectAll(".flow-line").remove(),this.g.selectAll(".start-point").remove(),this.g.selectAll(".end-point").remove(),this.g.select("defs").selectAll("*").remove();const T=this.props.transform?this.props.transform.k:1,D=[];C.forEach(t=>{D.push(t),t.properties.destinations.sort((p,r)=>p[_]-r[_]).forEach(p=>{const r=p[_];e.features.filter(s=>s.properties[f]==p.value).forEach(s=>{s.properties.meta=p;const u=t.properties[f],a=t.properties[f]+"--"+s.properties[f],h=o.centroid(t),y=o.centroid(s),z=y[0]-h[0],E=y[1]-h[1],I=Math.sqrt(z*z+E*E),N=z/I,B=E/I,V=[y[0]-N*c,y[1]-B*c],R=x.invert(V),U={type:"LineString",coordinates:[x.invert(h),R]},d=this.g.append("g");this.g.select("defs").append("marker").attr("id","arrow"+a).attr("markerUnits","strokeWidth").attr("markerWidth","6").attr("markerHeight","6").attr("viewBox","0 0 24 24").attr("refX","6").attr("refY","6").attr("orient","auto").append("path").attr("d","M2,2 L10,6 L2,10 L6,6 L2,2").attr("d","M2,2 L10,6 L2,10 L6,6 L2,2").attr("style",j=>"fill: "+S.getColor(r)+";"),d.append("path").attr("d",o(U)).attr("id",a).attr("class","flow-line").style("fill","none").style("cursor","pointer").style("stroke-dasharray","0").style("stroke",j=>S.getColor(r)).style("stroke-width",j=>S.getSize(r)).attr("marker-end","url(#arrow"+a+")").on("mouseenter",(j,it)=>{if(d.selectAll("marker").transition().duration("200").style("opacity",0),d.selectAll(".start-point").transition().duration("200").style("opacity",0),d.selectAll(".flow-line").transition().duration("200").style("opacity",0),P.select(j.target).transition().duration("200").style("opacity",1),d.selectAll("#arrow"+a).transition().duration("200").style("opacity",1),d.selectAll(".start-point.circle_"+u).transition().duration("200").style("opacity",1),r){const J={},q={};Object.keys(t.properties).forEach(g=>{J["origin_"+g]=t.properties[g]}),Object.keys(s.properties).forEach(g=>{q["target_"+g]=s.properties[g]}),Object.keys(s.properties.meta).forEach(g=>{q["target_"+g]=s.properties.meta[g]});const W={...J,...q,meta:{[A]:t.properties.meta?t.properties.meta.value:"",...t.properties.meta,value:r}};this.showToolTip(k,W,S.getColor(s.properties._value))}}).on("mouseout",j=>{this.hiddenToolTip(),P.selectAll(".flow-line").transition().duration("100").style("opacity",1),d.selectAll(".start-point").transition().duration("100").style("opacity",1),d.selectAll("marker").transition().duration("100").style("opacity",1)}),d.append("text").append("textPath").attr("xlink:href",a).style("text-anchor","middle").attr("startOffset","50%").attr("fill","#fff").text("Yay, my text is on a wavy path")})})}),D.forEach(t=>{this.g.append("circle").attr("fill",l).attr("stroke",v).attr("class","start-point circle_"+t.properties[f]).attr("stroke-width",2).style("vector-effect","non-scaling-stroke").attr("cx",o.centroid(t)[0]).attr("cy",o.centroid(t)[1]).attr("r",()=>F*1/T).on("mouseenter",p=>{this.showToolTip("{name_en}",t.properties,"")}).on("mouseout",p=>{this.hiddenToolTip()})})}create(){const{app:e,name:i,file:o,path:k,csv:l,zoom:v,labelFilter:F=[],labelField:f,labelFontSize:A,labelColor:x,fillColor:O,borderColor:w,featureJoinAttribute:m,editing:b,data:c,breaks:M,markFillColor:_,markSizeScale:S,measures:C,flowValuesFrom:T}=this.props;o!="none"&&this.loadJSON(o).then(D=>{const t=D.features.map(r=>{const s=r.properties[m];if(e!="csv"&&c&&c.children){const u=c.children.filter(a=>a.value.indexOf(s)>-1);if(u.length>0){const a=u[0][C[0]];r.properties.meta=u[0],r.properties._value=a,r.properties.destinations=u[0].children}}else if(e=="csv"){const u=Q.parse(l,{header:!0,dynamicTyping:!0}),a=r.properties[m];u.data.filter(y=>y.origin==a);const h=u.data.filter(y=>y.origin==a)[0];h!=null&&(alert("CSV Not implemented Yet, please do it if you have time"),r.properties.meta=h,r.properties._value=h.value,r.properties.destinations=h.destination)}return r}),p={...D,features:t};this.createDataLayer(p)})}componentDidUpdate(e,i,o){const{projection:k,editing:l,data:v}=this.props;if((l||JSON.stringify(e.data)!==JSON.stringify(v))&&this.create(),e.visible!=this.props.visible){debugger;this.g.style("display",this.props.visible?"":"none")}}componentDidMount(){this.create(),this.props.zoom.current.fullView()}render(){const{id:e}=this.props;return L.jsx("g",{id:"data-"+e,className:"data "+e,ref:this.gRef,children:L.jsx("defs",{})})}}const et=n=>{const{id:e,unique:i,filters:o,csv:k,app:l,group:v="default",flowOrigin:F,editing:f,flowDestination:A,dvzProxyDatasetId:x,waitForFilters:O}=n,w={dvzProxyDatasetId:x},m=o||{};return m&&m.forEach&&m.forEach(b=>{b.value!=null&&b.value.filter(c=>c!=null&&c.toString().trim()!="").length>0&&(w[b.param]=b.value)}),L.jsx(G.default,{editing:f,params:w,waitForFilters:O,app:l,csv:decodeURIComponent(k),group:v,ignoreErrors:!0,isSvg:!0,store:[l,i,e],source:F+"/"+A,children:L.jsx(H.default,{children:L.jsx(tt,{...n})})})},rt=K.injectIntl(et);exports.default=rt;

package/dist/cjs/embeddable/d3Map/ZoomControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),x=require("react"),I=require("d3"),p=require("semantic-ui-react"),V=require("react-intl");function k(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>a[o]})}}return t.default=a,Object.freeze(t)}const d=k(I);class O extends x.Component{constructor(t){super(t),this.zoomRef=x.createRef(),this.lastInternalZoom=null,this.lastUserTransform=null,this.zoomed=this.zoomed.bind(this),this.zoomEnd=this.zoomEnd.bind(this),this.zoomIn=this.zoomIn.bind(this),this.zoomOut=this.zoomOut.bind(this),this.reset=this.reset.bind(this),this.fullView=this.fullView.bind(this),this.transition2fullView=this.transition2fullView.bind(this),this._fullView=this._fullView.bind(this),this.zoom=d.zoom().scaleExtent([.1,300]).on("zoom",this.zoomed).on("end",this.zoomEnd)}componentDidMount(){const{zoomEnabled:t=!0}=this.props,o=this.getSelection();o&&(this.fullView(),t&&(this.props.editing||(o.on("dblclick.zoom",null),o.on("dblclick",i=>{i.preventDefault(),console.log("double click event"),o.transition().duration(250).call(this.zoom.scaleBy,1.5)}),o.on("wheel.zoom",null),o.on("wheel",i=>{console.log("wheel event",i.deltaY,i.deltaX,i.deltaZ),i.preventDefault();const e=i.deltaY>0?1/1.5:1.5;o.transition().duration(250).call(this.zoom.scaleBy,e)}),o.call(this.zoom))))}componentDidUpdate(t){const o=this.getSelection(),{zoomEnabled:i,initialPosition:e,readyState:m,height:u,width:c,selectedPoint:n,projection:h}=this.props,r=JSON.stringify(t.initialPosition)!==JSON.stringify(e);if(t.zoomEnabled!==i||r)if(i&&o){if(e&&this.lastInternalZoom){const s=(S,j=3)=>Number(S.toFixed(j)),{x:z,y:g,k:f}=e,{x:b,y:w,k:y}=this.lastInternalZoom;if(Math.abs(s(z)-s(b))<1&&Math.abs(s(g)-s(w))<1&&Math.abs(s(f)-s(y))<.001){this.lastInternalZoom=null;return}}o.call(this.zoom).on(".zoom",this.zoom),this.transition2fullView()}else o&&o.on(".zoom",null);!t.readyState&&m&&this.fullView(),(t.height!==u||t.width!==c)&&this.fullView(),n!=t.selectedPoint&&n&&this.zoomTo(h([n.y,n.x]))}zoomed(t){var i,e;const o=this.getSelection();o&&(o.selectAll("g.zoomable").attr("transform",t.transform),(e=(i=this.props).onZoomed)==null||e.call(i,t.transform),this.props.editing&&t.sourceEvent&&(this.lastUserTransform=t.transform))}zoomEnd(t){var n,h;const{identifier:o,editing:i,width:e,height:m,postMessageOrigin:u="*"}=this.props,c=this.lastUserTransform||t.transform;if(this.lastUserTransform=null,(h=(n=this.props).onZoomed)==null||h.call(n,c),i){const r=(w,y=3)=>Number(w.toFixed(y)),{x:s,y:z,k:g}=c,f={x:r(s),y:r(z),k:r(g)};this.lastInternalZoom=f;const b={type:`d3_map_${o}`,value:{...f,width:e,height:m}};window.parent.postMessage(b,u)}}zoomIn(){const t=this.getSelection();if(t){const o=this.props.editing?0:this.props.transitionDuration||500;t.transition().duration(o).call(this.zoom.scaleBy,2)}}zoomTo(t){const o=d.zoomIdentity.translate(this.props.width/2,this.props.height/2).scale(200).translate(-t[0],-t[1]),i=this.getSelection();this.props.editing||this.props.transitionDuration,i.transition().duration(750).call(this.zoom.transform,o)}zoomOut(){const t=this.getSelection();if(t){const o=this.props.editing?0:this.props.transitionDuration||500;t.transition().duration(o).call(this.zoom.scaleBy,.5)}}reset(){const t=this.getSelection();t&&(this.props.editing?t.call(this.zoom.transform,d.zoomIdentity.translate(0,0).scale(1)):this.transition2fullView())}getSelection(){var t;return(t=this.props.svgRef)!=null&&t.current?d.select(this.props.svgRef.current):this.zoomRef.current?d.select(this.zoomRef.current.parentNode.querySelector("svg")):null}_fullView(t=!0){const{initialPosition:o,width:i,height:e,transform:m}=this.props;if(!o)return;const{x:u=100,y:c=23,k:n=1,width:h,height:r}=o;if(!h||!r||!n)return;const s=this.getSelection();s&&s.transition().duration(t?750:0).attr("transform",m).call(this.zoom.transform,d.zoomIdentity.translate(u,c).scale(n))}transition2fullView(){this._fullView(!0)}fullView(){this._fullView(!1)}render(){const{editing:t,zoomEnabled:o=!0}=this.props;return l.jsx("div",{ref:this.zoomRef,className:`zoom ${o?"":"disabled"}`,children:(t||o)&&l.jsxs("div",{children:[l.jsx("div",{className:"button plus",onClick:this.zoomIn,children:l.jsx(p.Icon,{name:"plus",size:"small"})}),l.jsx("div",{className:"button minus",onClick:this.zoomOut,children:l.jsx(p.Icon,{name:"minus",size:"small"})}),l.jsx(p.Popup,{content:l.jsx(V.FormattedMessage,{id:"map.reset.tooltip",defaultMessage:"Reset zoom"}),trigger:l.jsx("div",{className:"button reset",onClick:this.reset,children:l.jsx(p.Icon,{name:"repeat",size:"small"})})})]})})}}exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("react"),I=require("d3"),z=require("semantic-ui-react"),O=require("react-intl");function _(c){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const i in c)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(c,i);Object.defineProperty(t,i,o.get?o:{enumerable:!0,get:()=>c[i]})}}return t.default=c,Object.freeze(t)}const f=_(I);class k extends x.Component{constructor(t){super(t),this.zoomRef=x.createRef(),this.lastInternalZoom=null,this.lastUserTransform=null,this.zoomed=this.zoomed.bind(this),this.zoomEnd=this.zoomEnd.bind(this),this.zoomIn=this.zoomIn.bind(this),this.zoomOut=this.zoomOut.bind(this),this.reset=this.reset.bind(this),this.fullView=this.fullView.bind(this),this.transition2fullView=this.transition2fullView.bind(this),this._fullView=this._fullView.bind(this),this.initialized=!1,this.zoom=f.zoom().scaleExtent([.1,300]).on("zoom",this.zoomed).on("end",this.zoomEnd)}componentDidMount(){const{zoomEnabled:t=!0}=this.props,i=this.getSelection();this._fullView(!1),t&&(this.props.editing||(i.on("dblclick.zoom",null),i.on("dblclick",o=>{o.preventDefault(),i.transition().duration(250).call(this.zoom.scaleBy,1.5)}),i.on("wheel.zoom",null),i.on("wheel",o=>{o.preventDefault();const e=o.deltaY>0?1/1.5:1.5;i.transition().duration(250).call(this.zoom.scaleBy,e)}),i.call(this.zoom))),this.fullView()}componentDidUpdate(t){const i=this.getSelection(),{zoomEnabled:o,initialPosition:e,readyState:m,height:u,width:h,selectedPoint:s,projection:d,editing:a}=this.props;!this.initialized&&this.props.readyToZoom&&(this.fullView(),this.initialized=!0);const l=JSON.stringify(t.initialPosition)!==JSON.stringify(e);if(t.zoomEnabled!==o||l)if(o&&i||a){if(e&&this.lastInternalZoom){const r=(V,j=3)=>Number(V.toFixed(j)),{x:g,y:p,k:b}=e,{x:w,y,k:S}=this.lastInternalZoom;if(Math.abs(r(g)-r(w))<1&&Math.abs(r(p)-r(y))<1&&Math.abs(r(b)-r(S))<.001){this.lastInternalZoom=null;return}}i.call(this.zoom).on(".zoom",this.zoom),this.transition2fullView()}else i&&i.on(".zoom",null);!t.readyState&&m&&this.fullView(),(t.height!==u||t.width!==h)&&this.fullView(),s!=t.selectedPoint&&s&&this.zoomTo(d([s.y,s.x]))}zoomed(t){var o,e;const i=this.getSelection();i&&(i.selectAll("g.zoomable").attr("transform",t.transform),(e=(o=this.props).onZoomed)==null||e.call(o,t.transform),this.props.editing&&t.sourceEvent&&(this.lastUserTransform=t.transform))}zoomEnd(t){var s,d;const{identifier:i,editing:o,width:e,height:m,postMessageOrigin:u="*"}=this.props,h=this.lastUserTransform||t.transform;if(this.lastUserTransform=null,(d=(s=this.props).onZoomed)==null||d.call(s,h),o){const a=(w,y=3)=>Number(w.toFixed(y)),{x:l,y:r,k:g}=h,p={x:a(l),y:a(r),k:a(g)};this.lastInternalZoom=p;const b={type:`d3_map_${i}`,value:{...p,width:e,height:m}};window.parent.postMessage(b,u)}}zoomIn(){const t=this.getSelection();if(t){const i=this.props.editing?0:this.props.transitionDuration||500;t.transition().duration(i).call(this.zoom.scaleBy,2)}}zoomTo(t){const i=f.zoomIdentity.translate(this.props.width/2,this.props.height/2).scale(200).translate(-t[0],-t[1]),o=this.getSelection();this.props.editing||this.props.transitionDuration,o.transition().duration(750).call(this.zoom.transform,i)}zoomOut(){const t=this.getSelection();if(t){const i=this.props.editing?0:this.props.transitionDuration||500;t.transition().duration(i).call(this.zoom.scaleBy,.5)}}reset(){const t=this.getSelection();t&&(this.props.editing?t.call(this.zoom.transform,f.zoomIdentity.translate(0,0).scale(1)):this.transition2fullView())}getSelection(){return f.select(this.zoomRef.current.parentNode.querySelector("svg"))}_fullView(t=!0){const{initialPosition:i,width:o,height:e,transform:m}=this.props;if(!i)return;const{x:u=100,y:h=23,k:s=1,width:d,height:a}=i;if(!d||!a||!s)return;const l=this.getSelection();l&&(console.log("SVG parent client sizes:",l.node().parentNode.clientWidth,l.node().parentNode.clientHeight),l.transition().duration(t?750:0).attr("transform",m).call(this.zoom.transform,f.zoomIdentity.translate(u,h).scale(s)))}transition2fullView(){this._fullView(!0)}fullView(){this._fullView(!1)}render(){const{editing:t,zoomEnabled:i=!0}=this.props;return n.jsx("div",{ref:this.zoomRef,className:`zoom ${i?"":"disabled"}`,children:(t||i)&&n.jsxs("div",{children:[n.jsx("div",{className:"button plus",onClick:this.zoomIn,children:n.jsx(z.Icon,{name:"plus",size:"small"})}),n.jsx("div",{className:"button minus",onClick:this.zoomOut,children:n.jsx(z.Icon,{name:"minus",size:"small"})}),n.jsx(z.Popup,{content:n.jsx(O.FormattedMessage,{id:"map.reset.tooltip",defaultMessage:"Reset zoom"}),trigger:n.jsx("div",{className:"button reset",onClick:this.reset,children:n.jsx(z.Icon,{name:"repeat",size:"small"})})})]})})}}exports.default=k;

package/dist/cjs/embeddable/d3Map/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),D=require("react-redux"),a=require("../utils/parseUtils.js"),J=require("./Map.js"),N=require("./BaseLayer.js"),_=require("./DataLayer.js"),A=require("./LatLongLayer.js"),B=require("./ZoomControl.js"),O=require("./ProjectedContainer.js"),U=require("./Legends.js"),W=require("./FlowLayer.js"),G=g=>{const{unique:c,editing:n,"data-identifier":S,"data-group":d,"data-layers":P="[]","data-height":w=400,"data-width":j=1e3,"data-back-ground-color":h="#88e8dc","data-map-position":y="{}","data-projection":z="geoMercator","data-zoom-enabled":C=!0,"data-rotation-enabled":q=!1,"data-wait-for-filters":i="false",intl:p}=g,[L,F]=r.useState(a.parse(y,n),[]),[l,m]=r.useState(a.parse(P),[]),M=r.useRef(null),u=r.useRef(null),[b,E]=r.useState(null),[x,V]=r.useState(null),[R,v]=r.useState(null);r.useEffect(()=>{const e=a.parse(y,n);a.compareJsonProps(L,e)||F(e)},[y]),r.useEffect(()=>{const e=a.parse(P);a.compareJsonProps(l,e)||m(e)},[P]);const T=e=>{const o=l.slice(),t=o.find(f=>f.id==e);t&&(t.visible=!t.visible),m(o)},k=e=>{const o=l.slice(),t=o.find(f=>f.id==e);t&&(t.patternsVisible=t.patternsVisible==null?!1:!t.patternsVisible),m(o)},I=e=>{v(e)},Z=e=>{const o=l.slice(),t=o.find(f=>f.id==e);t&&(t.colorLayerVisible=t.colorLayerVisible==null?!1:!t.colorLayerVisible),m(o)};return s.jsx("div",{ref:M,className:"d3map-container",children:s.jsxs(O.default,{backgroundColor:a.decode(h),height:w,width:j,projectionName:z,editing:n,initialPosition:L,children:[s.jsx(J.default,{rotationEnabled:a.parse(q,n),children:l.map((e,o)=>{if(e.type==="base")return s.jsx(N.default,{transform:b,intl:p,zoom:u,unique:c,...e},o);if(e.type==="data")return s.jsx(_.default,{editing:n,onLayerCreated:t=>{},transform:b,intl:p,group:d,zoom:u,unique:c,...e,settings:g.wordress,togglePatterns:k,initialPosition:L,waitForFilters:i=="true"||i==!0},o);if(e.type==="flow")return s.jsx(W.default,{transform:b,intl:p,group:d,zoom:u,unique:c,...e,waitForFilters:i=="true"||i==!0},o);if(e.type==="dataPoints")return s.jsx(A.default,{onZoomToPoint:I,selectedItem:x,transform:b,intl:p,group:d,zoom:u,unique:c,...e,waitForFilters:i=="true"||i==!0},o)})}),s.jsx(U.default,{selectedItem:x,d2Click:e=>V(e),patternsData:null,layers:l,group:d,onItemClick:T,toggleColorLayer:Z}),s.jsx(B.default,{selectedPoint:R,rootationEmabled:a.parse(q,n),zoomEnabled:a.parse(C,n),onZoomed:E,width:j,height:w,ref:u,group:d,identifier:S,editing:n})]})})},H=(g,c)=>({}),K={},Q=D.connect(H,K)(G);exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),a=require("react"),A=require("react-redux"),s=require("../utils/parseUtils.js"),B=require("./Map.js"),O=require("./BaseLayer.js"),U=require("./DataLayer.js"),W=require("./LatLongLayer.js"),G=require("./ZoomControl.js"),H=require("./ProjectedContainer.js"),K=require("./Legends.js"),Q=require("./FlowLayer.js"),X=L=>{const{unique:c,editing:r,"data-identifier":S,"data-group":d,"data-layers":g="[]","data-height":j=400,"data-width":q=1e3,"data-back-ground-color":V="#88e8dc","data-map-position":P="{}","data-projection":C="geoMercator","data-zoom-enabled":z=!0,"data-rotation-enabled":R=!1,"data-wait-for-filters":l="false",intl:m}=L,[w,F]=a.useState(s.parse(P,r),[]),[i,p]=a.useState(s.parse(g),[]),Z=a.useRef(null),u=a.useRef(null),[b,M]=a.useState(null),[h,E]=a.useState(null),[T,v]=a.useState(null);a.useEffect(()=>{const e=s.parse(P,r);s.compareJsonProps(w,e)||F(e)},[P]),a.useEffect(()=>{const e=s.parse(g);s.compareJsonProps(i,e)||p(e)},[g]);const k=e=>{const o=i.slice(),t=o.find(f=>f.id==e);t&&(t.visible=!t.visible),p(o)},I=e=>{const o=i.slice(),t=o.find(f=>f.id==e);t&&(t.patternsVisible=t.patternsVisible==null?!1:!t.patternsVisible),p(o)},D=e=>{v(e)},J=e=>{const o=i.slice(),t=o.find(f=>f.id==e);t&&(t.colorLayerVisible=t.colorLayerVisible==null?!1:!t.colorLayerVisible),p(o)},[N,_]=a.useState(!1),x=a.useRef(0);i.length;const y=()=>{x.current+=1,x.current===i.length&&_(!0)};return n.jsx("div",{ref:Z,className:"d3map-container",children:n.jsxs(H.default,{backgroundColor:s.decode(V),height:j,width:q,projectionName:C,editing:r,initialPosition:w,children:[n.jsx(B.default,{rotationEnabled:s.parse(R,r),children:i.map((e,o)=>{if(e.type==="base")return n.jsx(O.default,{minLabelZoomVisible:e.minLabelZoomVisible,onReady:y,transform:b,intl:m,zoom:u,unique:c,...e},o);if(e.type==="data")return n.jsx(U.default,{minLabelZoomVisible:e.minLabelZoomVisible,editing:r,onLayerCreated:t=>{},onReady:y,transform:b,intl:m,group:d,zoom:u,unique:c,...e,settings:L.wordress,togglePatterns:I,initialPosition:w,waitForFilters:l=="true"||l==!0},o);if(e.type==="flow")return n.jsx(Q.default,{onReady:y,transform:b,intl:m,group:d,zoom:u,unique:c,...e,waitForFilters:l=="true"||l==!0},o);if(e.type==="dataPoints")return n.jsx(W.default,{onReady:y,onZoomToPoint:D,selectedItem:h,transform:b,intl:m,group:d,zoom:u,unique:c,...e,waitForFilters:l=="true"||l==!0},o)})}),n.jsx(K.default,{selectedItem:h,d2Click:e=>E(e),patternsData:null,layers:i,group:d,onItemClick:k,toggleColorLayer:J}),n.jsx(G.default,{readyToZoom:N,selectedPoint:T,rootationEmabled:s.parse(R,r),zoomEnabled:s.parse(z,r),onZoomed:M,width:q,height:j,ref:u,group:d,identifier:S,editing:r})]})})},Y=(L,c)=>({}),$={},ee=A.connect(Y,$)(X);exports.default=ee;

package/dist/cjs/embeddable/posts-with-filters/DropDownFilter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("semantic-ui-react"),r=n=>{const{options:t,onChange:e}=n,i=[{key:"all",value:"all",text:"All"},...t||[]],s=(o,l)=>{e&&(l.value==="all"?e(o,{...l,value:void 0}):e(o,l))};return a.jsx(u.Dropdown,{...n,options:i,onChange:s})};exports.default=r;

package/dist/cjs/embeddable/posts-with-filters/Post.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("semantic-ui-react"),u=require("date-fns"),r=require("../../utils/data.js"),m=l=>{var i,s,a,o,d,n;const{post:e}=l;return t.jsxs("div",{className:"post-card",children:[t.jsx("div",{className:"post-image",children:t.jsx("img",{src:e.featured_media_url,alt:((i=e.yoast_head_json)==null?void 0:i.title)||((s=e.title)==null?void 0:s.rendered)})}),t.jsxs("div",{className:"post-content",children:[t.jsx("div",{className:"publication-date",children:u.format(new Date(e.date),"MMM dd, yyyy")}),t.jsx("h2",{className:"publication-title",children:r.decodeHtmlEntitiesToText(((a=e.yoast_head_json)==null?void 0:a.title)||((o=e.title)==null?void 0:o.rendered)||"Publication Title")}),t.jsx("p",{className:"publication-description",dangerouslySetInnerHTML:{__html:r.decodeHtmlEntitiesToHtml(((d=e.yoast_head_json)==null?void 0:d.og_description)||((n=e.excerpt)==null?void 0:n.rendered)||"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")}}),t.jsx(c.Button,{className:"read-more-button",children:"Read more"})]})]},e.id)};exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),m=require("semantic-ui-react"),h=require("date-fns"),l=require("../../utils/data.js"),c=require("@devgateway/wp-react-lib"),g=require("react-intl"),x=i=>{const{isPostHovered:t}=i;return e.jsx("div",{className:"post-image",children:e.jsx("img",{loading:"lazy",className:`${t?"highlighted":""}`,src:i.media&&i.media.guid?i.media.guid.rendered:null,alt:i.media&&i.media.alt_text||""})})},j=i=>{var n,d,o,r;const{post:t}=i,[a,s]=u.useState(!1);return e.jsxs("div",{className:"post-card",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[e.jsx("a",{href:t.link,target:"_blank",children:e.jsx(c.MediaProvider,{id:t.featured_media,children:e.jsx(c.MediaConsumer,{children:e.jsx(x,{isPostHovered:a})})})}),e.jsxs("div",{className:"post-content",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[e.jsx("div",{className:"publication-date",children:h.format(new Date(t.date),"MMM dd, yyyy")}),e.jsx("a",{href:t.link,target:"_blank",children:e.jsx("h2",{className:`publication-title ${a?"highlighted":""}`,children:l.decodeHtmlEntitiesToText(((n=t.title)==null?void 0:n.rendered)||((d=t.yoast_head_json)==null?void 0:d.title)||"Publication Title")})}),e.jsx("p",{className:"publication-description",dangerouslySetInnerHTML:{__html:l.decodeHtmlEntitiesToHtml(((o=t.yoast_head_json)==null?void 0:o.og_description)||((r=t.excerpt)==null?void 0:r.rendered)||"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")}}),e.jsx("a",{href:t.link,children:e.jsx(m.Button,{className:`read-more-button ${a?"highlighted":""}`,children:"Read more"})})]})]},t.id)},v=g.injectIntl(j);exports.default=v;

package/dist/cjs/embeddable/posts-with-filters/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),b=require("@devgateway/wp-react-lib"),n=require("semantic-ui-react"),R=require("./Post.js"),k=require("./utils.js"),u=require("../../utils/data.js"),T=w=>{const{posts:o,meta:l,showPaginationOptions:x,currentPage:d,setCurrentPage:P,countryCategory:j,height:a}=w,p=u.toNumber(j),F=Array.isArray(o)?o.filter(s=>s.categories.includes(p)):[],h=Array.isArray(o)?o.filter(s=>!s.categories.includes(p)):[],r=[...F,...h],g=l&&l["x-wp-totalpages"]?l["x-wp-totalpages"]:1;return e.jsxs("div",{children:[e.jsx("div",{className:"posts-grid",children:r==null?void 0:r.map(s=>e.jsx(R.default,{post:s},s.id))}),x&&e.jsxs("div",{className:"pagination-section",children:[e.jsxs("div",{className:"pagination-info",children:["Page ",e.jsx("span",{className:"current-page",children:d})," of ",g]}),e.jsx(n.Pagination,{activePage:d,totalPages:g,onPageChange:(s,{activePage:i})=>P(i),prevItem:{content:e.jsx(n.Icon,{name:"angle left"}),icon:!0},nextItem:{content:e.jsx(n.Icon,{name:"angle right"}),icon:!0},firstItem:null,lastItem:null})]})]})},W=w=>{const{categories:o,selectedCategory:l,setSelectedCategory:x,selectedYear:d,setSelectedYear:P,onResetFilters:j,showCategoryFilter:a,categoryPlaceholder:p,showDateFilter:F,categoriesToBeShown:h,setCurrentPage:r,showCountryFilter:g,countryPlaceholder:s,countryCategory:i,selectedCountry:S,setSelectedCountry:A}=w,[D,I]=m.useState([]);m.useEffect(()=>{const t=async()=>{const O=(await b.getYearRange()).data.map(N=>({key:N,value:N,text:`Year ${N}`}));I(O)};return t(),()=>{t()}},[]);const v=o&&h?o.filter(t=>h.includes(t.id)):[],Y=o&&i?o.filter(t=>t.parent===parseInt(i)):[];return e.jsx("div",{className:"filters-section",children:e.jsxs("div",{className:"filter-controls",children:[g&&e.jsx(n.Dropdown,{options:Y.map(t=>({key:t.id,value:t.id,text:t.name})),placeholder:s,value:S,onChange:(t,{value:c})=>{A(c),r(1)}}),F&&e.jsx(n.Dropdown,{options:D,placeholder:"Select Year",value:d||"",onChange:(t,{value:c})=>{P(c),r(1)},multiple:!1,searchable:!0,showAllNone:!1,closeOnSelect:!0}),a&&e.jsx(n.Dropdown,{options:v?v.map(t=>({key:t.id,value:t.id,text:t.name})):[],placeholder:p||"All Countries",value:l,onChange:(t,{value:c})=>{x(c),r(1)},multiple:!1,searchable:!1,showAllNone:!1,closeOnSelect:!0,className:"category-filter"}),e.jsxs(n.Container,{className:`data-filters-reset ignore ${l||d||S?"":"disabled"}`,onClick:j,children:[e.jsx("span",{children:"Reset Filters"}),e.jsx("span",{children:e.jsx(n.Icon,{name:"undo alternate",className:"custom-undo-icon"})})]})]})})},E=w=>{const{"data-height":o,"data-show-pagination":l,"data-show-posts-per-page":x,"data-show-filters":d,"data-show-date-filter":P,"data-show-category-filter":j,"data-categories":a,"data-category-placeholder":p,"data-show-country-filter":F,"data-country-category":h,"data-country-placeholder":r}=w,[g,s]=m.useState(null),[i,S]=m.useState(null),[A,D]=m.useState(null),[I,v]=m.useState(1),Y=u.toNumber(o),t=u.toBoolean(l),c=u.toNumber(x),B=u.toBoolean(d),O=u.toBoolean(P),N=u.toBoolean(j),V=u.toBoolean(F),q=()=>{s(null),S(null),D(null)},y=i?k.getStartDateAndEndDateFromYear(i):null;let C=[];try{if(a)if(Array.isArray(a))C=a;else if(typeof a=="string"){const f=decodeURIComponent(a);f&&f!=="undefined"&&(C=JSON.parse(f))}else C=a}catch{C=[]}return e.jsxs(n.Container,{fluid:!0,style:{height:"100%",minHeight:Y+"px"},children:[B&&e.jsx(b.CategoriesProvider,{children:e.jsx(b.CategoriesContext.Consumer,{children:({categories:f})=>e.jsx(W,{showCategoryFilter:N,categoryPlaceholder:p,showDateFilter:O,categories:f||[],categoriesToBeShown:C,selectedCategory:g,setSelectedCategory:s,selectedYear:i,setSelectedYear:S,onResetFilters:q,setCurrentPage:v,showCountryFilter:V,countryPlaceholder:r,countryCategory:h,selectedCountry:A,setSelectedCountry:D})})}),e.jsx(b.PostProvider,{perPage:c||10,store:"posts-with-filters",categories:A||g||C.join(","),after:(y==null?void 0:y.startDate)||null,before:(y==null?void 0:y.endDate)||null,page:I,children:e.jsx(b.PostConsumer,{children:e.jsx(T,{showPaginationOptions:t,currentPage:I,setCurrentPage:v,countryCategory:h,height:Y})})})]})};exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("react"),A=require("@devgateway/wp-react-lib"),x=require("semantic-ui-react"),W=require("./Post.js"),E=require("./utils.js"),d=require("../../utils/data.js"),V=require("./DropDownFilter.js"),K=P=>{const{posts:o,meta:i,showPaginationOptions:j,currentPage:h,setCurrentPage:S,countryCategory:F,height:r}=P,y=d.toNumber(F),v=Array.isArray(o)?o.filter(s=>s.categories.includes(y)):[],g=Array.isArray(o)?o.filter(s=>!s.categories.includes(y)):[],n=[...v,...g],l=i&&i["x-wp-totalpages"]?i["x-wp-totalpages"]:1;return e.jsxs("div",{children:[e.jsx("div",{className:"posts-grid",children:n==null?void 0:n.map(s=>e.jsx(W.default,{post:s},s.id))}),j&&e.jsxs("div",{className:"pagination-section",children:[e.jsxs("div",{className:"pagination-info",children:["Page ",e.jsx("span",{className:"current-page",children:h})," of ",l]}),e.jsx(x.Pagination,{activePage:h,totalPages:l,onPageChange:(s,{activePage:c})=>S(c),prevItem:{content:e.jsx(x.Icon,{name:"angle left"}),icon:!0},nextItem:{content:e.jsx(x.Icon,{name:"angle right"}),icon:!0},firstItem:null,lastItem:null})]})]})},M=P=>{const{categories:o,selectedCategory:i,setSelectedCategory:j,selectedYear:h,setSelectedYear:S,onResetFilters:F,showCategoryFilter:r,categoryPlaceholder:y,showDateFilter:v,categoriesToBeShown:g,setCurrentPage:n,showCountryFilter:l,countryPlaceholder:s,countryCategory:c,selectedCountry:N,setSelectedCountry:C}=P,[I,Y]=p.useState([]);p.useEffect(()=>{const t=async()=>{const O=(await A.getYearRange()).data.map(b=>({key:b,value:b,text:`Year ${b}`}));Y(O)};return t(),()=>{t()}},[]);const f=o&&g?o.filter(t=>g.includes(t.id)):[],D=o&&c?o.filter(t=>t.parent===parseInt(c)):[];return e.jsx("div",{children:e.jsxs("div",{children:[l&&e.jsx(V.default,{options:D.map(t=>({key:t.id,value:t.id,text:t.name})),placeholder:s,value:N,onChange:(t,{value:a})=>{C(a),n(1)}}),v&&e.jsx(V.default,{options:I,placeholder:"Select Year",value:h,onChange:(t,{value:a})=>{S(a),n(1)},multiple:!1,searchable:!0,showAllNone:!1,closeOnSelect:!0}),r&&e.jsx(V.default,{options:f?f.map(t=>({key:t.id,value:t.id,text:t.name})):[],placeholder:y||"All Countries",value:i,onChange:(t,{value:a})=>{j(a),n(1)},multiple:!1,searchable:!1,showAllNone:!1,closeOnSelect:!0}),e.jsxs(x.Container,{className:`data-filters-reset ignore ${i||h||N?"":"disabled"}`,onClick:F,children:[e.jsx("span",{children:"Reset Filters"}),e.jsx("span",{children:e.jsx(x.Icon,{name:"undo alternate",className:"custom-undo-icon"})})]})]})})},U=P=>{const{"data-height":o,"data-show-pagination":i,"data-show-posts-per-page":j,"data-show-filters":h,"data-show-date-filter":S,"data-show-category-filter":F,"data-categories":r,"data-category-placeholder":y,"data-show-country-filter":v,"data-country-category":g,"data-country-placeholder":n}=P,[l,s]=p.useState(null),[c,N]=p.useState(null),[C,I]=p.useState(null),[Y,f]=p.useState(1),[D,t]=p.useState(0),a=d.toNumber(o),q=d.toBoolean(i),O=d.toNumber(j),b=d.toBoolean(h),B=d.toBoolean(S),R=d.toBoolean(F),k=d.toBoolean(v),T=()=>{s(null),N(null),I(null),f(1),t(u=>u+1)},m=c?E.getStartDateAndEndDateFromYear(c):null;let w=[];try{if(r)if(Array.isArray(r))w=r;else if(typeof r=="string"){const u=decodeURIComponent(r);u&&u!=="undefined"&&(w=JSON.parse(u))}else w=r}catch{w=[]}return console.log(a,"heightValue"),e.jsxs(x.Container,{fluid:!0,className:"container",style:{height:a+"px",minHeight:a+"px"},children:[b&&e.jsx(A.CategoriesProvider,{children:e.jsx(A.CategoriesContext.Consumer,{children:({categories:u})=>e.jsx(M,{showCategoryFilter:R,categoryPlaceholder:y,showDateFilter:B,categories:u||[],categoriesToBeShown:w,selectedCategory:l,setSelectedCategory:s,selectedYear:c,setSelectedYear:N,onResetFilters:T,setCurrentPage:f,showCountryFilter:k,countryPlaceholder:n,countryCategory:g,selectedCountry:C,setSelectedCountry:I})})}),e.jsx(A.PostProvider,{perPage:O||10,store:"posts-with-filters",categories:(C==null?void 0:C.toString())||(l==null?void 0:l.toString())||w.join(","),after:(m==null?void 0:m.startDate)||null,before:(m==null?void 0:m.endDate)||null,page:Y,children:e.jsx(A.PostConsumer,{children:e.jsx(K,{showPaginationOptions:q,currentPage:Y,setCurrentPage:f,countryCategory:g,height:a})})},D)]})};exports.default=U;

package/dist/cjs/embeddable/reducers/data-api.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../conf/index.js");const g=require("../../api/commons.js");function c(t){return JSON.parse(JSON.stringify(t))}const i=process.env.VITE_REACT_APP_API_ROOT,r={},s={},f=3*60*1e3;function a(t){return Object.keys(t).map(e=>encodeURIComponent(e)+"="+encodeURIComponent(t[e])).join("&")}function l(t){const e=t,n=Date.now();if(s[e]&&n-s[e].timestamp<f)return Promise.resolve(c(s[e].data));if(r[e])return r[e].then(c);const o=g.get(t).then(u=>(s[e]={data:u,timestamp:Date.now()},c(u))).finally(()=>{delete r[e]});return r[e]=o,o}const m=({app:t,params:e})=>{const n=`${i||""}/api/${t}/categories${e?"?"+a(e):""}`;return console.log("categories==>",n),l(n)},p=({source:t,app:e,params:n})=>{const o=`${i||""}/api/${e}/stats/${t}${n?"?"+a(n):""}`;return l(o)};exports.getCategories=m;exports.getData=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../conf/index.js");const g=require("../../api/commons.js");function c(t){return JSON.parse(JSON.stringify(t))}const o=process.env.VITE_REACT_APP_API_ROOT;console.log("API_ROOT==>",o);const s={},i={},f=3*60*1e3;function a(t){return Object.keys(t).map(e=>encodeURIComponent(e)+"="+encodeURIComponent(t[e])).join("&")}function l(t){const e=t,n=Date.now();if(i[e]&&n-i[e].timestamp<f)return Promise.resolve(c(i[e].data));if(s[e])return s[e].then(c);const r=g.get(t).then(u=>(i[e]={data:u,timestamp:Date.now()},c(u))).finally(()=>{delete s[e]});return s[e]=r,r}const m=({app:t,params:e})=>{const n=`${o||""}/api/${t}/categories${e?"?"+a(e):""}`;return console.log("categories==>",n),l(n)},O=({source:t,app:e,params:n})=>{const r=`${o||""}/api/${e}/stats/${t}${n?"?"+a(n):""}`;return l(r)};exports.getCategories=m;exports.getData=O;

package/dist/cjs/layout/containers/SlugPostContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-router"),i=require("../ResponsiveContainer.js"),r=require("@devgateway/wp-react-lib"),l=({header:s,footer:o})=>{const{lan:n,slug:t}=u.useParams();return e.jsx(i.default,{header:s,footer:o,children:e.jsx(r.PostProvider,{slug:t,store:t,locale:n,children:e.jsx(r.PostConsumer,{children:e.jsx(r.Post,{})})})})};exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react-router"),i=require("../ResponsiveContainer.js"),r=require("@devgateway/wp-react-lib"),l=({header:s,footer:o})=>{const{lan:n,slug:t}=u.useParams();return e.jsx(r.PostProvider,{slug:t,store:t,locale:n,children:e.jsx(i.default,{header:s,footer:o,children:e.jsx(r.PostConsumer,{children:e.jsx(r.Post,{})})})})};exports.default=l;