@devgateway/dvz-ui-react 1.4.0 → 1.5.1

package/dist/cjs/embeddable/time-line/mobile.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),rt=require("@devgateway/wp-react-lib"),mt=require("../connected-templates/PostIntro.js"),d=require("react"),A=require("semantic-ui-react"),bt=require("d3"),yt=require("../../lib/hooks/window-dimensions.js"),xt=require("../../lib/hooks/screen-orientation.js");require("../../utils/AppMedia.js");require("../../layout/Footer.js");require("../../layout/Header.js");require("react-router");require("../index.js");require("react-intl");require("react-redux");require("../../conf/index.js");require("../../lib/react-intl-redux/providers/IntlProvider.js");require("../../lib/react-intl-redux/providers/Provider.js");require("immutable");require("../../redux/store.js");require("../../layout/Favicon.js");const Ct=require("../../layout/Loading.js");require("../../layout/CustomSemanticSearch.js");require("../../layout/SearchControl.js");require("../../layout/ClassicHeader.js");require("../../layout/FloatingMenuHeader.js");function wt(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const c in s)if(c!=="default"){const g=Object.getOwnPropertyDescriptor(s,c);Object.defineProperty(l,c,g.get?g:{enumerable:!0,get:()=>s[c]})}}return l.default=s,Object.freeze(l)}const h=wt(bt),qt={visibility:"visible",position:"relative",height:"auto",width:"auto"},vt=0,Tt=s=>{let{posts:l,lineWidth:c,lineColor:g,config:p,marginLeft:L,marginTop:z,marginRight:G,marginBottom:E,fontSize:w,subtitleWidth:N,subtitleHeight:q,enableTitlePopup:j,enableCirclePopup:$,enableDefaultPopup:J,closePopupOnMouseOut:V,unique:m}=s;N=250;const v=d.useRef(),O=d.useRef(),[S,y]=d.useState(!1),[D,M]=d.useState(0),[k,B]=d.useState(null),{orientation:x}=xt.useScreenOrientation(),{width:X,deviceType:b,height:W}=yt.useWindowDimensionsAndDevice({getDeviceType:!0,getHeight:!0}),F=d.useCallback(t=>`circle${m}${t}`,[m]),st=d.useCallback(t=>`title${m}${t}`,[m]),at=t=>{var o;return((o=p[t])==null?void 0:o.size)||10},ct=({content:t,isOpen:o,style:n})=>{const C=a=>(a=a.replace(/<ul(.*?)>/g,'<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'),a=a.replace(/<a(.*?)>/g,'<a$1 style="color:#fefefe;">'),a);return r.jsxs(A.Modal,{open:o,onClose:()=>y(!1),size:"fullscreen",closeIcon:!0,centered:!0,style:{maxHeight:"80vh",overflowY:"auto",padding:"0.5rem",...n},children:[r.jsx(A.Modal.Header,{style:{...n,borderBottom:"none"}}),r.jsx(A.Modal.Content,{className:"styled-list-content",style:{...n},dangerouslySetInnerHTML:{__html:C(t.props.children.props.post.content.rendered)}})]},`${t.props.children.key}modal`)},Y=t=>{var o;return(o=p[t])==null?void 0:o.circleColor},K=t=>p[t].titleColor,Q=t=>p[t].lineColor,Z=t=>p[t].tooltipFontColor||"#fff",dt=t=>p[t].readMoreLabel,tt=d.useCallback((t,o)=>{t.preventDefault();const n=260,C=50;let a=[0,0];if(t){const T=t.target.getBoundingClientRect(),H=t.target.closest(".time").getBoundingClientRect(),u=T.left-H.left,P=T.top+H.top;a=[u+n,P+C];const I=400;T.left+u+I+n>window.innerWidth&&(a[0]=u-I*.6)}y(!0),B({data:o,id:o.id,position:a}),ft(o.id)},[]),ut=()=>{y(!1)},pt=t=>{h.selectAll(`#${F(t)}`).style("stroke","none").style("fill",Y(t)),h.selectAll(`#label${t}`).style("font-weight","normal")},ft=t=>{pt(vt),h.selectAll(`#${F(t)}`).style("stroke",Y(t)).style("fill","#fff"),h.selectAll(`#label${t}`).style("font-weight","bold")};return d.useLayoutEffect(()=>{var lt;const t={top:z,bottom:E},o=v.current.clientWidth,n=O.current.clientWidth;n>0&&M(n);const C=W,a={mobile:"75",tablet:"150",midTablet:"150",laptop:"150"},T={mobile:"250",tablet:"350",midTablet:"350",laptop:"400"},H={mobile:20,tablet:30,midTablet:30,laptop:40},u=h.scaleLinear().domain([0,l.length-1]).range([t.top,C-t.bottom]),P=h.select(v.current);P.selectAll("*").remove(),P.attr("width",o).attr("height",C);const I=h.line(),ht=[[0,u(0)],[0,u(l.length-1)]],gt=I(ht);let et=`translate(${a[b]},0)`;((lt=process.env.REACT_APP_THEME)==null?void 0:lt.startsWith("cd"))&&(et=`translate(${a[b]},20)`);const R=P.append("g").attr("transform",et);g="#E4E5EA",c=6,R.append("path").attr("d",gt).attr("stroke-width",c).attr("stroke",g).attr("class","timeline-path"),R.selectAll(".circle").data(l).enter().append("circle").attr("id",(i,e)=>F(e)).attr("cx",0).attr("class","timeline-circle").attr("cy",(i,e)=>u(e)).attr("r",(i,e)=>at(e)).style("fill",(i,e)=>{var f;return((f=p[e])==null?void 0:f.circleColor)||"#000"}).style("cursor",$?"pointer":"default").on("click",(i,e)=>{i.preventDefault(),$&&tt(i,e)}),R.selectAll(".title").data(l).enter().append("foreignObject").attr("x",H[b]).attr("y",(i,e)=>u(e)-Number.parseInt(q)/2).attr("width",Number.parseInt(T[b])).attr("height",Number.parseInt(q)).attr("class","timeline-title").append("xhtml:div").attr("id",(i,e)=>st(e)).style("font-size",`${Number.parseInt(w)+1}px`).style("color",(i,e)=>K(e)).style("font-weight","bold").style("line-height","1.2rem").style("text-align","left").style("cursor",j?"pointer":"default").style("overflow","hidden").style("display","-webkit-box").style("-webkit-line-clamp","2").style("-webkit-box-orient","vertical").style("text-overflow","ellipsis").style("overflow-wrap","break-word").html((i,e)=>{const f=dt(e);let _=i.title.rendered;return f&&(_+=`<br><span style="font-size:${Number.parseInt(w)-3}px;color:${K(e)};text-decoration:underline;text-underline-offset:3px">${f}</span>`),_}).each(function(i,e){const f=h.select(this.parentNode);setTimeout(()=>{const _=this.getBoundingClientRect(),nt=Math.min(_.height,Number.parseInt(q)*2);f.attr("height",nt),f.attr("y",u(e)-nt/2)},0)}).on("click",(i,e,f)=>{i.preventDefault(),j&&tt(i,e)});const it=+w+1,ot=60,U=it*.9;R.selectAll(".year-fo").data(l).enter().append("foreignObject").attr("class","year-fo").attr("x",-70).attr("y",(i,e)=>u(e)-U/2).attr("width",ot).attr("height",U).append("xhtml:div").style("display","flex").style("align-items","center").style("justify-content","flex-end").style("width",`${ot}px`).style("height",`${U}px`).style("font-size",`${it}px`).style("line-height","1em").style("font-weight","400").style("color","#4C4D50").html(i=>i.meta_fields.subtitle)},[b,x]),r.jsxs("div",{className:"time line",style:{position:"relative"},ref:O,children:[l.filter(t=>k&&k.id===t.id).map(t=>{const o=t.slug||"unknown-slug",n=l.indexOf(t);return r.jsx(ct,{isOpen:S,content:r.jsx("div",{style:{backgroundColor:Q(n),color:Z(n)},children:r.jsx(mt.default,{post:t,style:qt},o)}),closeTooltip:ut,style:{backgroundColor:Q(n),color:Z(n)}},`${o}_modal`)}),r.jsx("svg",{height:W,width:D,ref:v})]},m+b+x)},Pt=s=>{const{"data-type":l,"data-taxonomy":c,"data-categories":g,"data-items":p,"data-height":L,"data-line-color":z="#000","data-config":G="{}","data-position":E="middle","data-line-width":w="1","data-margin-left":N=50,"data-margin-top":q=25,"data-margin-right":j=50,"data-margin-bottom":$=25,"data-font-size":J=14,"data-title-width":V=100,"data-title-height":m=50,"data-subtitle-width":v=250,"data-subtitle-height":O=60,"data-enable-title-popup":S="false","data-enable-circle-popup":y="true","data-enable-default-popup":D="false","data-close-popup-on-mouse-out":M="false",editing:k,parent:B,unique:x}=s,X=s.intl.locale,W={unique:x||Math.random().toString(36).substring(2,9),marginLeft:N,marginTop:q,marginRight:j,marginBottom:$,lineWidth:w,height:L,position:E,lineColor:decodeURIComponent(z),config:JSON.parse(decodeURIComponent(G)),fontSize:J,titleWidth:V,titleHeight:m,subtitleWidth:v,subtitleHeight:O,enableTitlePopup:S==!0||S=="true",enableCirclePopup:y==!0||y=="true",enableDefaultPopup:D==!0||D=="true",closePopupOnMouseOut:M==!0||M=="true"};return r.jsx(A.Container,{style:{height:`${L}px`},className:`viz time line ${k?"editing":""}`,fluid:!0,children:r.jsx(rt.PostProvider,{locale:X,type:l,taxonomy:c,categories:g,store:`carousel_${B}_${x}`,page:1,perPage:p,children:r.jsx(rt.PostConsumer,{children:r.jsx(Tt,{...W})})})})},jt=s=>{const[l,c]=d.useState(!1);return d.useEffect(()=>{c(!0)},[]),l?r.jsx(Pt,{...s}):r.jsx(Ct.default,{})};exports.default=jt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),nt=require("@devgateway/wp-react-lib"),gt=require("../connected-templates/PostIntro.js"),R=require("semantic-ui-react"),mt=require("d3"),bt=require("../../lib/hooks/window-dimensions.js"),yt=require("../../lib/hooks/screen-orientation.js");function xt(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const d in r)if(d!=="default"){const h=Object.getOwnPropertyDescriptor(r,d);Object.defineProperty(n,d,h.get?h:{enumerable:!0,get:()=>r[d]})}}return n.default=r,Object.freeze(n)}const f=xt(mt),Ct={visibility:"visible",position:"relative",height:"auto",width:"auto"},wt=0,vt=r=>{let{posts:n,lineWidth:d,lineColor:h,config:u,marginLeft:F,marginTop:z,marginRight:U,marginBottom:L,fontSize:C,subtitleWidth:E,subtitleHeight:w,enableTitlePopup:$,enableCirclePopup:j,enableDefaultPopup:G,closePopupOnMouseOut:J,unique:g}=r;E=250;const v=useRef(),S=useRef(),[D,b]=useState(!1),[M,k]=useState(0),[W,N]=useState(null),{orientation:y}=yt.useScreenOrientation(),{width:V,deviceType:m,height:T}=bt.useWindowDimensionsAndDevice({getDeviceType:!0,getHeight:!0}),q=useCallback(t=>`circle${g}${t}`,[g]),st=useCallback(t=>`title${g}${t}`,[g]),at=t=>{var i;return((i=u[t])==null?void 0:i.size)||10},rt=({content:t,isOpen:i,style:l})=>{const x=s=>(s=s.replace(/<ul(.*?)>/g,'<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'),s=s.replace(/<a(.*?)>/g,'<a$1 style="color:#fefefe;">'),s);return a.jsxs(R.Modal,{open:i,onClose:()=>b(!1),size:"fullscreen",closeIcon:!0,centered:!0,style:{maxHeight:"80vh",overflowY:"auto",padding:"0.5rem",...l},children:[a.jsx(R.Modal.Header,{style:{...l,borderBottom:"none"}}),a.jsx(R.Modal.Content,{className:"styled-list-content",style:{...l},dangerouslySetInnerHTML:{__html:x(t.props.children.props.post.content.rendered)}})]},`${t.props.children.key}modal`)},X=t=>{var i;return(i=u[t])==null?void 0:i.circleColor},Y=t=>u[t].titleColor,K=t=>u[t].lineColor,Q=t=>u[t].tooltipFontColor||"#fff",ct=t=>u[t].readMoreLabel,Z=useCallback((t,i)=>{t.preventDefault();const l=260,x=50;let s=[0,0];if(t){const P=t.target.getBoundingClientRect(),H=t.target.closest(".time").getBoundingClientRect(),c=P.left-H.left,O=P.top+H.top;s=[c+l,O+x];const I=400;P.left+c+I+l>window.innerWidth&&(s[0]=c-I*.6)}b(!0),N({data:i,id:i.id,position:s}),pt(i.id)},[]),dt=()=>{b(!1)},ut=t=>{f.selectAll(`#${q(t)}`).style("stroke","none").style("fill",X(t)),f.selectAll(`#label${t}`).style("font-weight","normal")},pt=t=>{ut(wt),f.selectAll(`#${q(t)}`).style("stroke",X(t)).style("fill","#fff"),f.selectAll(`#label${t}`).style("font-weight","bold")};return useLayoutEffect(()=>{var it;const t={top:z,bottom:L},i=v.current.clientWidth,l=S.current.clientWidth;l>0&&k(l);const x=T,s={mobile:"75",tablet:"150",midTablet:"150",laptop:"150"},P={mobile:"250",tablet:"350",midTablet:"350",laptop:"400"},H={mobile:20,tablet:30,midTablet:30,laptop:40},c=f.scaleLinear().domain([0,n.length-1]).range([t.top,x-t.bottom]),O=f.select(v.current);O.selectAll("*").remove(),O.attr("width",i).attr("height",x);const I=f.line(),ft=[[0,c(0)],[0,c(n.length-1)]],ht=I(ft);let tt=`translate(${s[m]},0)`;((it=process.env.REACT_APP_THEME)==null?void 0:it.startsWith("cd"))&&(tt=`translate(${s[m]},20)`);const _=O.append("g").attr("transform",tt);h="#E4E5EA",d=6,_.append("path").attr("d",ht).attr("stroke-width",d).attr("stroke",h).attr("class","timeline-path"),_.selectAll(".circle").data(n).enter().append("circle").attr("id",(o,e)=>q(e)).attr("cx",0).attr("class","timeline-circle").attr("cy",(o,e)=>c(e)).attr("r",(o,e)=>at(e)).style("fill",(o,e)=>{var p;return((p=u[e])==null?void 0:p.circleColor)||"#000"}).style("cursor",j?"pointer":"default").on("click",(o,e)=>{o.preventDefault(),j&&Z(o,e)}),_.selectAll(".title").data(n).enter().append("foreignObject").attr("x",H[m]).attr("y",(o,e)=>c(e)-Number.parseInt(w)/2).attr("width",Number.parseInt(P[m])).attr("height",Number.parseInt(w)).attr("class","timeline-title").append("xhtml:div").attr("id",(o,e)=>st(e)).style("font-size",`${Number.parseInt(C)+1}px`).style("color",(o,e)=>Y(e)).style("font-weight","bold").style("line-height","1.2rem").style("text-align","left").style("cursor",$?"pointer":"default").style("overflow","hidden").style("display","-webkit-box").style("-webkit-line-clamp","2").style("-webkit-box-orient","vertical").style("text-overflow","ellipsis").style("overflow-wrap","break-word").html((o,e)=>{const p=ct(e);let A=o.title.rendered;return p&&(A+=`<br><span style="font-size:${Number.parseInt(C)-3}px;color:${Y(e)};text-decoration:underline;text-underline-offset:3px">${p}</span>`),A}).each(function(o,e){const p=f.select(this.parentNode);setTimeout(()=>{const A=this.getBoundingClientRect(),lt=Math.min(A.height,Number.parseInt(w)*2);p.attr("height",lt),p.attr("y",c(e)-lt/2)},0)}).on("click",(o,e,p)=>{o.preventDefault(),$&&Z(o,e)});const et=+C+1,ot=60,B=et*.9;_.selectAll(".year-fo").data(n).enter().append("foreignObject").attr("class","year-fo").attr("x",-70).attr("y",(o,e)=>c(e)-B/2).attr("width",ot).attr("height",B).append("xhtml:div").style("display","flex").style("align-items","center").style("justify-content","flex-end").style("width",`${ot}px`).style("height",`${B}px`).style("font-size",`${et}px`).style("line-height","1em").style("font-weight","400").style("color","#4C4D50").html(o=>o.meta_fields.subtitle)},[m,y,T]),a.jsxs("div",{className:"time line",style:{position:"relative"},ref:S,children:[n.filter(t=>W&&W.id===t.id).map(t=>{const i=t.slug||"unknown-slug",l=n.indexOf(t);return a.jsx(rt,{isOpen:D,content:a.jsx("div",{style:{backgroundColor:K(l),color:Q(l)},children:a.jsx(gt.default,{post:t,style:Ct},i)}),closeTooltip:dt,style:{backgroundColor:K(l),color:Q(l)}},`${i}_modal`)}),a.jsx("svg",{height:T,width:M,ref:v,style:{overflow:"visible"}})]},g+m+y)},Tt=r=>{const{"data-type":n,"data-taxonomy":d,"data-categories":h,"data-items":u,"data-height":F,"data-line-color":z="#000","data-config":U="{}","data-position":L="middle","data-line-width":C="1","data-margin-left":E=50,"data-margin-top":w=25,"data-margin-right":$=50,"data-margin-bottom":j=25,"data-font-size":G=14,"data-title-width":J=100,"data-title-height":g=50,"data-subtitle-width":v=250,"data-subtitle-height":S=60,"data-enable-title-popup":D="false","data-enable-circle-popup":b="true","data-enable-default-popup":M="false","data-close-popup-on-mouse-out":k="false",editing:W,parent:N,unique:y}=r,V=r.intl.locale,T={unique:y||Math.random().toString(36).substring(2,9),marginLeft:E,marginTop:w,marginRight:$,marginBottom:j,lineWidth:C,height:F,position:L,lineColor:decodeURIComponent(z),config:JSON.parse(decodeURIComponent(U)),fontSize:G,titleWidth:J,titleHeight:g,subtitleWidth:v,subtitleHeight:S,enableTitlePopup:D==!0||D=="true",enableCirclePopup:b==!0||b=="true",enableDefaultPopup:M==!0||M=="true",closePopupOnMouseOut:k==!0||k=="true"};return a.jsx(R.Container,{style:{height:"auto"},className:`viz time line ${W?"editing":""} mobile`,fluid:!0,children:a.jsx(nt.PostProvider,{locale:V,type:n,taxonomy:d,categories:h,store:`carousel_${N}_${y}`,page:1,perPage:u,children:a.jsx(nt.PostConsumer,{children:a.jsx(vt,{...T})})})})};exports.default=Tt;

package/dist/cjs/embeddable/vertical-featuredtabs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),S=require("semantic-ui-react"),b=require("@devgateway/wp-react-lib"),F=require("react-redux"),z=require("../connected-templates/PostIntro.js"),O=({posts:r,activeItem:s,setActive:p,colors:h})=>{const[f,c]=l.useState(r.findIndex(n=>n.slug===s)),[d,w]=l.useState(null),g=(n,i,o)=>{document.querySelectorAll(n).forEach(a=>{a.querySelector(i)&&a.classList.add(o)})};l.useEffect(()=>{if(d){const n=d.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:n,behavior:"smooth"})}g(".ui.fluid.container.viz.featured.tabs",".accordion","has-accordion"),g(".ui.fluid.container.viz.featured.tabs","blockquote","has-blockquote"),g(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-ft-title","has-accordion-title"),g(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-vft-content","has-accordion-content"),g(".ui.fluid.container.viz.featured.tabs",".vt-accordion-post-intro figure","has-vt-accordion-figure"),g(".ui.fluid.container.viz.featured.tabs",".content.active.accordion-post-content .wp-block-columns","has-wp-block-columns")},[d]),l.useEffect(()=>{let n;const i=[],o=t=>{setTimeout(()=>{var C;const a=t.querySelectorAll(".accordion .legends.container.has-standard-12-font-size.bottom, .legends.container.items-section");if(a.length!==0)for(const m of a){const $=m.closest(".ui.fluid.container.content"),x=$?$.querySelector(".data-source"):null;if(!x||m.offsetParent===null||x.offsetParent===null||m.offsetHeight===0||x.offsetHeight===0)continue;const k=x.getBoundingClientRect(),I=m.getBoundingClientRect(),y=window.getComputedStyle(x),N=window.getComputedStyle(m),T=parseFloat(y.marginTop)||0,P=parseFloat(N.marginBottom)||0,j=I.bottom+P,A=k.top-T;if(j>A){const E=j-A;x.style.marginTop=`${E+20}px`}const u=(C=m.closest(".wp-block-column.is-layout-flow.wp-block-column-is-layout-flow"))==null?void 0:C.nextElementSibling;if(u){const E=u.getBoundingClientRect(),q=window.getComputedStyle(u),L=Number.parseFloat(q.marginTop)||0,R=E.top-L;if(j>R){const _=j-R;u.style.marginTop=`${_+20}px`}}const M=m.closest(".chart.container");if(M){const E=M.getBoundingClientRect(),q=window.getComputedStyle(M),L=Number.parseFloat(q.marginBottom)||0,R=E.bottom+L,_=Number.parseFloat(N.marginTop)||0,B=I.top-_;if(B<R){const D=R-B;m.style.marginTop=`${D+20}px`}}}},10)};return f!==-1&&(n=setTimeout(()=>{document.querySelectorAll(".accordion").forEach(a=>o(a))},0)),()=>{clearTimeout(n),i.forEach(t=>t.disconnect())}},[f]);const v=(n,i)=>{const{index:o}=i,t=f===o?-1:o;c(t),p(r[o].slug),t!==-1&&w(n.currentTarget)};return e.jsx(S.Accordion,{fluid:!0,styled:!0,children:r.map((n,i)=>{var t;const o=(t=n.meta_fields)!=null&&t.icon?n.meta_fields.icon[0]:null;return e.jsxs(l.Fragment,{children:[e.jsx(S.Accordion.Title,{active:f===i,index:i,onClick:a=>v(a,{index:i}),style:{backgroundColor:h[`color_${i}`]},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[o&&e.jsx(b.MediaProvider,{id:o,children:e.jsx(b.MediaConsumer,{children:e.jsx(b.PostIcon,{className:"icon"})})}),e.jsx(z.default,{post:n,className:"vt-accordion-post-intro"})]}),e.jsx(S.Icon,{name:"chevron down"})]})}),e.jsx(S.Accordion.Content,{className:"accordion-post-content accordion-post-vft-content",active:f===i,children:e.jsx(b.PostContent,{post:n})})]},n.id)})})},H=({post:r,count:s,backgroundColor:p,active:h,dimensions:f,height:c,coverWidth:d,index:w,editing:g})=>{const v=r._embedded?r._embedded["wp:featuredmedia"]:null,[n,i]=l.useState(!1),o=g?s-w:1;return e.jsxs("div",{className:"content-area",children:[e.jsxs("div",{className:"cover",style:{width:`${d}px`,backgroundColor:p,backgroundImage:`url(${v?v[0].source_url:""})`},onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[e.jsx("div",{className:"rotator",style:{width:`${c}px`,transform:`translate(${d/2}px, 0px) rotate(90deg)`},children:e.jsx(z.default,{post:r})}),e.jsxs("div",{className:"overlay-label-container",children:[e.jsx("div",{className:`overlay-label ${n&&!h?"visible":""}`,children:"CLICK TO EXPAND"}),e.jsx("div",{className:"arrow-svg"})]})]}),e.jsx("div",{className:`collapsable-content ${h?"expanded":"collapsed"}`,style:{backgroundColor:"#f9f9f9",width:`${f.width-d*s}px`,marginLeft:`${d*o}px`},children:e.jsx(b.PostContent,{post:r})})]})},W=({editing:r,posts:s,height:p,colors:h,coverWidth:f})=>{const[c,d]=l.useState(null),w=l.useRef(null),[g,v]=l.useState({width:0,height:0}),n=l.useRef(null),i=o=>{d(t=>t===o?null:o)};return l.useEffect(()=>{s.length>0&&!c&&r&&d(s[0].slug)},[s,c,r]),l.useLayoutEffect(()=>{var t,a,C,m;(t=w.current)!=null&&t.parentElement&&v({width:r?((C=(a=w.current.parentElement)==null?void 0:a.parentElement)==null?void 0:C.offsetWidth)??0:((m=w.current.parentElement)==null?void 0:m.offsetWidth)??0,height:w.current.offsetHeight});const o=n.current;o&&(o.style.overflow=r?"visible":"hidden")},[r]),e.jsx(S.Container,{fluid:!0,className:"vertical featured tabs",ref:n,children:s==null?void 0:s.map((o,t)=>{const a=c?o.slug===c:t===0;return e.jsxs("div",{ref:w,onClick:()=>i(o.slug),className:a?"item expanded":"item collapsed",style:{minHeight:`${p}px`,minWidth:`${f}px`},children:[e.jsx("a",{id:o.slug}),e.jsx(H,{editing:r,coverWidth:f,height:p,backgroundColor:h[`color_${t}`],count:s.length,dimensions:g,active:a,post:o,index:t})]},o.slug)})})},U=r=>{var A;let{"data-height":s,"data-type":p,"data-taxonomy":h,"data-categories":f,"data-count":c,"data-colors":d,"data-cover-width":w=50,"data-read-more-label":g="READ More","data-preview-mode":v="Desktop",editing:n,parent:i,unique:o,pageModuleProps:t}=r;t!=null&&t.previewMode&&(t!=null&&t.editing)&&(v=t.previewMode,n=t.editing);const a=r.intl.locale,C=f||"[]",[m,$]=l.useState(window.innerWidth<=1365),x=()=>{var u;return((u=window.screen.orientation)==null?void 0:u.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")},[k,I]=l.useState(x()),y=()=>{setTimeout(()=>{I(x()),$(window.innerWidth<=1365)},100)};l.useEffect(()=>(window&&window.screen.orientation&&window.screen.orientation.addEventListener("change",y),window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y),window.screen.orientation&&window.screen.orientation.removeEventListener("change",y)}),[]);const N=u=>n?u:decodeURIComponent(u),T=u=>{if(!u)return null;try{return JSON.parse(N(u))}catch(M){console.error(`error parsing value:${u}
- error:${M}`)}return null},P=v!=="Desktop"&&n,j=m&&!n;return e.jsx(S.Container,{style:{maxWidth:"100%"},className:`viz featured tabs ${n?"editing":""}`,fluid:!0,children:e.jsx(b.PostProvider,{type:p,locale:a,taxonomy:h,categories:T(C),store:`vertical_tabs${i}_${o}`,page:1,perPage:c,children:e.jsx(b.PostConsumer,{children:j||P?e.jsx(O,{posts:c,activeItem:(A=c==null?void 0:c[0])==null?void 0:A.slug,colors:T(d),setActive:()=>{}}):e.jsx(W,{editing:n,coverWidth:w,moreLabel:g,colors:T(d),height:s,posts:c})})})},k+Math.random())},J=(r,s)=>{const p=r.getIn(["data","pageModuleProps"]),h={};return p&&(h.pageModuleProps=p),h},K={},X=F.connect(J,K)(U);exports.default=X;
+"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"),S=require("@devgateway/wp-react-lib"),D=require("react-redux"),z=require("../connected-templates/PostIntro.js"),F=({posts:i,activeItem:d,setActive:p,colors:h})=>{const[f,g]=u.useState(i.findIndex(o=>o.slug===d)),[s,v]=u.useState(null),l=(o,r,c)=>{document.querySelectorAll(o).forEach(n=>{n.querySelector(r)&&n.classList.add(c)})};u.useEffect(()=>{if(s){const o=s.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:o,behavior:"smooth"})}l(".ui.fluid.container.viz.featured.tabs",".accordion","has-accordion"),l(".ui.fluid.container.viz.featured.tabs","blockquote","has-blockquote"),l(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-ft-title","has-accordion-title"),l(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-vft-content","has-accordion-content"),l(".ui.fluid.container.viz.featured.tabs",".vt-accordion-post-intro figure","has-vt-accordion-figure"),l(".ui.fluid.container.viz.featured.tabs",".content.active.accordion-post-content .wp-block-columns","has-wp-block-columns")},[s]),u.useEffect(()=>{let o;const r=[],c=t=>{setTimeout(()=>{var w;const n=t.querySelectorAll(".accordion .legends.container.has-standard-12-font-size.bottom, .legends.container.items-section");if(n.length!==0)for(const m of n){const R=m.closest(".ui.fluid.container.content"),x=R?R.querySelector(".data-source"):null;if(!x||m.offsetParent===null||x.offsetParent===null||m.offsetHeight===0||x.offsetHeight===0)continue;const $=x.getBoundingClientRect(),k=m.getBoundingClientRect(),L=window.getComputedStyle(x),y=window.getComputedStyle(m),q=parseFloat(L.marginTop)||0,I=parseFloat(y.marginBottom)||0,T=k.bottom+I,P=$.top-q;if(T>P){const a=T-P;x.style.marginTop=`${a+20}px`}const j=(w=m.closest(".wp-block-column.is-layout-flow.wp-block-column-is-layout-flow"))==null?void 0:w.nextElementSibling;if(j){const a=j.getBoundingClientRect(),b=window.getComputedStyle(j),E=Number.parseFloat(b.marginTop)||0,N=a.top-E;if(T>N){const _=T-N;j.style.marginTop=`${_+20}px`}}const A=m.closest(".chart.container");if(A){const a=A.getBoundingClientRect(),b=window.getComputedStyle(A),E=Number.parseFloat(b.marginBottom)||0,N=a.bottom+E,_=Number.parseFloat(y.marginTop)||0,B=k.top-_;if(B<N){const O=N-B;m.style.marginTop=`${O+20}px`}}}},10)};return f!==-1&&(o=setTimeout(()=>{document.querySelectorAll(".accordion").forEach(n=>c(n))},0)),()=>{clearTimeout(o),r.forEach(t=>t.disconnect())}},[f]);const C=(o,r)=>{const{index:c}=r,t=f===c?-1:c;g(t),p(i[c].slug),t!==-1&&v(o.currentTarget)};return e.jsx(M.Accordion,{fluid:!0,styled:!0,children:i.map((o,r)=>{var t;const c=(t=o.meta_fields)!=null&&t.icon?o.meta_fields.icon[0]:null;return e.jsxs(u.Fragment,{children:[e.jsx(M.Accordion.Title,{active:f===r,index:r,onClick:n=>C(n,{index:r}),style:{backgroundColor:h[`color_${r}`]},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[c&&e.jsx(S.MediaProvider,{id:c,children:e.jsx(S.MediaConsumer,{children:e.jsx(S.PostIcon,{className:"icon"})})}),e.jsx(z.default,{post:o,className:"vt-accordion-post-intro"})]}),e.jsx(M.Icon,{name:"chevron down"})]})}),e.jsx(M.Accordion.Content,{className:"accordion-post-content accordion-post-vft-content",active:f===r,children:e.jsx(S.PostContent,{post:o})})]},o.id)})})},H=({post:i,count:d,backgroundColor:p,active:h,dimensions:f,height:g,coverWidth:s,index:v,editing:l,clickToExpandLabel:C})=>{const o=i._embedded?i._embedded["wp:featuredmedia"]:null,[r,c]=u.useState(!1),t=l?d-v:1;return e.jsxs("div",{className:"content-area",children:[e.jsxs("div",{className:"cover",style:{width:`${s}px`,backgroundColor:p,backgroundImage:`url(${o?o[0].source_url:""})`},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:[e.jsx("div",{className:"rotator",style:{width:`${g}px`,transform:`translate(${s/2}px, 0px) rotate(90deg)`},children:e.jsx(z.default,{post:i})}),e.jsxs("div",{className:"overlay-label-container",children:[e.jsx("div",{className:`overlay-label ${r&&!h?"visible":""}`,children:C||"CLICK TO EXPAND"}),e.jsx("div",{className:"arrow-svg"})]})]}),e.jsx("div",{className:`collapsable-content ${h?"expanded":"collapsed"}`,style:{backgroundColor:"#f9f9f9",width:`${f.width-s*d}px`,marginLeft:`${s*t}px`},children:e.jsx(S.PostContent,{post:i})})]})},W=({editing:i,posts:d,height:p,colors:h,coverWidth:f,clickToExpandLabel:g})=>{const[s,v]=u.useState(null),l=u.useRef(null),[C,o]=u.useState({width:0,height:0}),r=u.useRef(null),c=t=>{s!==t&&v(t)};return u.useEffect(()=>{d.length>0&&s===null&&i&&v(d[0].slug)},[d,s,i]),u.useLayoutEffect(()=>{var t,n,w,m;(t=l.current)!=null&&t.parentElement&&o({width:i?((w=(n=l.current.parentElement)==null?void 0:n.parentElement)==null?void 0:w.offsetWidth)??0:((m=l.current.parentElement)==null?void 0:m.offsetWidth)??0,height:l.current.offsetHeight}),r.current&&(r.current.style.overflow=i?"visible":"hidden")},[i]),e.jsx(M.Container,{fluid:!0,className:"vertical featured tabs",ref:r,children:d==null?void 0:d.map((t,n)=>{const w=s?t.slug===s:n===0;return e.jsxs("div",{ref:l,onClick:()=>c(t.slug),className:w?"item expanded":"item collapsed",style:{minHeight:`${p}px`,minWidth:`${f}px`},children:[e.jsx("a",{id:t.slug}),e.jsx(H,{editing:i,coverWidth:f,height:p,backgroundColor:h[`color_${n}`],count:d.length,dimensions:C,active:w,post:t,index:n,clickToExpandLabel:g})]},t.slug)})})},V=i=>{var j,A;let{"data-height":d,"data-type":p,"data-taxonomy":h,"data-categories":f,"data-count":g,"data-colors":s,"data-cover-width":v=50,"data-read-more-label":l="READ More","data-click-to-expand-label":C="CLICK TO EXPAND","data-preview-mode":o="Desktop",editing:r,parent:c,unique:t,pageModuleProps:n}=i;n!=null&&n.previewMode&&(n!=null&&n.editing)&&(o=n.previewMode,r=n.editing);const w=i.intl.locale,m=f||"[]",[R,x]=u.useState((((j=window==null?void 0:window.visualViewport)==null?void 0:j.width)||window.innerWidth)<=1365);console.log("isMobileOrTablet:",R);const $=()=>{var a,b,E;return((a=window.screen.orientation)==null?void 0:a.type)||((((b=window==null?void 0:window.visualViewport)==null?void 0:b.width)||window.innerWidth)>(((E=window==null?void 0:window.visualViewport)==null?void 0:E.height)||window.innerHeight)?"landscape-primary":"portrait-primary")},[k,L]=u.useState($()),y=()=>{setTimeout(()=>{var a;L($()),x((((a=window==null?void 0:window.visualViewport)==null?void 0:a.width)||window.innerWidth)<=1365)},100)};u.useEffect(()=>(window.screen.orientation&&window.screen.orientation.addEventListener("change",y),window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y),window.screen.orientation&&window.screen.orientation.removeEventListener("change",y)}),[]);const q=a=>r?a:decodeURIComponent(a),I=a=>{if(!a)return null;try{return JSON.parse(q(a))}catch(b){console.error(`error parsing value:${a}
+ error:${b}`)}return null},T=o!=="Desktop"&&r,P=R&&!r;return e.jsx(M.Container,{style:{maxWidth:"100%"},className:`viz featured tabs ${r?"editing":""}`,fluid:!0,children:e.jsx(S.PostProvider,{type:p,locale:w,taxonomy:h,categories:I(m),store:`vertical_tabs${c}_${t}`,page:1,perPage:g,children:e.jsx(S.PostConsumer,{children:P||T?e.jsx(F,{posts:g,activeItem:(A=g==null?void 0:g[0])==null?void 0:A.slug,colors:I(s),setActive:()=>{}}):e.jsx(W,{editing:r,coverWidth:v,moreLabel:l,clickToExpandLabel:C,colors:I(s),height:d,posts:g})})})},k+Math.random())},U=(i,d)=>{const p=i.getIn(["data","pageModuleProps"]),h={};return p&&(h.pageModuleProps=p),h},K={},X=D.connect(U,K)(V);exports.default=X;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embeddable/index.js"),n=require("./tracker/withGoogleAnalytics.js"),o=require("./redux/store.js"),t=require("./redux/hooks.js"),r=require("./lib/react-intl-redux/index.js"),i=require("./lib/redux-immutable/index.js"),s=require("./translations/en.json.js"),c=require("./translations/fr.json.js"),u=require("./translations/af.json.js"),a=require("./lib/react-intl-redux/providers/Provider.js"),l=require("./lib/react-intl-redux/providers/IntlProvider.js");exports.components=e.components;exports.customizer=e.customizer;exports.getComponentByNameIgnoreCase=e.getComponentByNameIgnoreCase;exports.reducers=e.reducers;exports.withTracker=n.withTracker;exports.store=o.store;exports.useAppDispatch=t.useAppDispatch;exports.useAppSelector=t.useAppSelector;exports.UPDATE=r.UPDATE;exports.initialState=r.initialState;exports.intlReducer=r.intlReducer;exports.updateIntl=r.updateIntl;exports.combineReducers=i.combineReducers;exports.englishTranslations=s;exports.frenchTranslations=c;exports.afrikaansTranslations=u;exports.Provider=a.default;exports.IntlProvider=l.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embeddable/index.js"),o=require("./conf/index.js"),n=require("./layout/ResponsiveContainer.js"),i=require("./layout/ScrollTop.js"),a=require("./layout/containers/PreviewPageContainer.js"),u=require("./layout/containers/PreviewTypeContainer.js"),s=require("./layout/containers/SlugContainer.js"),c=require("./layout/containers/SlugPostContainer.js"),l=require("./layout/Customizer.js"),d=require("./layout/Layout.js"),q=require("./layout/PreviewComponent.js"),p=require("./layout/Favicon.js"),C=require("./layout/SSRFavicon.js"),f=require("./layout/Loading.js"),S=require("./layout/CustomSemanticSearch.js"),g=require("./layout/Header.js"),m=require("./layout/SearchControl.js"),P=require("./layout/LangSwitcher.js"),v=require("./layout/Footer.js"),T=require("./layout/ClassicHeader.js"),h=require("./layout/FlexWrapDetector.js"),w=require("./layout/FloatingMenuHeader.js"),R=require("./tracker/withGoogleAnalytics.js"),F=require("./redux/store.js"),t=require("./redux/hooks.js"),r=require("./lib/react-intl-redux/index.js"),y=require("./lib/redux-immutable/index.js"),I=require("./translations/en.json.js"),A=require("./translations/fr.json.js"),O=require("./translations/af.json.js"),x=require("./countries.js"),D=require("./lib/react-intl-redux/providers/Provider.js"),H=require("./lib/react-intl-redux/providers/IntlProvider.js");exports.components=e.components;exports.customizer=e.customizer;exports.getComponentByNameIgnoreCase=e.getComponentByNameIgnoreCase;exports.reducers=e.reducers;exports.Config=o.Config;exports.ResponsiveContainer=n.default;exports.ScrollToTop=i.default;exports.PreviewPageContainer=a.default;exports.PreviewTypeContainer=u.default;exports.SlugContainer=s.default;exports.SlugPostContainer=c.default;exports.CustomizerWrapper=l.CustomizerWrapper;exports.RootLayout=d.default;exports.PreviewComponent=q.default;exports.Favicon=p.default;exports.SSRFavicon=C.default;exports.Loading=f.default;exports.CustomSemanticSearch=S.default;exports.Header=g.default;exports.SearchControl=m.default;exports.LangSwitcher=P.default;exports.Footer=v.default;exports.ClassicHeader=T.default;exports.FlexWrapDetector=h.default;exports.FloatingMenuHeader=w.default;exports.withTracker=R.withTracker;exports.store=F.store;exports.useAppDispatch=t.useAppDispatch;exports.useAppSelector=t.useAppSelector;exports.UPDATE=r.UPDATE;exports.initialState=r.initialState;exports.intlReducer=r.intlReducer;exports.updateIntl=r.updateIntl;exports.combineReducers=y.combineReducers;exports.englishTranslations=I;exports.frenchTranslations=A;exports.afrikaansTranslations=O;exports.COUNTRY_OPTIONS=x.COUNTRY_OPTIONS;exports.Provider=D.default;exports.IntlProvider=H.default;

package/dist/cjs/layout/ClassicHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("semantic-ui-react"),o=require("react"),d=require("@devgateway/wp-react-lib"),f=require("react-intl"),m=require("react-router"),w=require("./SearchControl.js"),N=require("./LangSwitcher.js"),I=(s,i)=>{const l=[];return s.items.forEach(t=>{t.child_items?t.child_items.forEach(n=>{n.slug==i.slug&&(l.push(t),l.push(n))}):t.slug==i.slug&&t.url!="/"&&l.push(t)}),l},k=(s,i)=>s?s.substr(s.indexOf("/wp")+3).startsWith("/"+i)?s.substr(s.indexOf("/wp")+3):"/"+i+s.substr(s.indexOf("/wp")+3):"",L=f.injectIntl(({menu:s,intl:i})=>{const l=m.useParams(),t=I(s,l);return e.jsx(o.Fragment,{children:t.filter(n=>n.url!="#wpm-languages").map(n=>n.child_items?e.jsxs("span",{children:[n.post_title," "]}):e.jsxs("a",{className:n.slug==l.slug?"active":"",href:d.utils.replaceLink(n.url,i.locale),children:[" ",n.post_title]}))})}),p=f.injectIntl(({settings:s,withIcons:i,active:l,menu:t,onSetSelected:n,selected:h,intl:{locale:x}})=>{const v=m.useParams();o.useEffect(()=>{if(!h){const u=I(t,v).filter(c=>c.menu_item_parent==0);u&&n(u[0])}},[t,n,h]);const[j,_]=o.useState(null);return o.useEffect(()=>{_(t)},[t]),o.useEffect(()=>{if(s&&s.menu_settings&&j){const r=[],u=t.items.map(c=>(s.menu_settings&&s.menu_settings["nav_menu_item["+c.ID+"]"]===!1&&r.push(c.ID),s.menu_settings&&s.menu_settings["nav_menu_item["+c.ID+"]"]?(s.menu_settings["nav_menu_item["+c.ID+"]"],{...c,...s.menu_settings["nav_menu_item["+c.ID+"]"]}):c));Object.keys(s.menu_settings).map(c=>{const g=s.menu_settings[c];if(g.type=="nav_menu_item"){const M=/(-)?[0-9]+/g.exec(c),b=parseInt(M[0]);u.find(C=>C.ID==b)||u.push(g.value)}}),_({...t,items:u.filter(c=>r.indexOf(c.ID)===-1)})}},[s]),j&&e.jsx(o.Fragment,{children:j.items.filter(r=>r.url!="#wpm-languages").map(r=>e.jsx(a.Menu.Item,{as:m.Link,className:`divided ${r.child_items?"has-child-items":""} ${h&&h.ID==r.ID?"selected":""}  ${l==r.slug?"active":""}`,children:r.child_items?e.jsx("span",{onClick:u=>n(r),children:r.title}):e.jsx(m.Link,{onClick:u=>n(r),to:r.type==="custom"?d.utils.replaceLink(r.url,x):k(r.url,x),children:r.title})}))})}),D=({intl:s,settings:i})=>{const[l,t]=o.useState(),{slug:n}=m.useParams(),h=({media:x})=>x?e.jsx(a.Image,{src:x.guid.rendered}):e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"});return e.jsx(o.Fragment,{children:e.jsxs(d.MenuProvider,{slug:"main",locale:s.locale,children:[e.jsxs(a.Container,{fluid:!0,className:"header classic",children:[e.jsx(a.Container,{fluid:!0,className:"background",children:e.jsxs(a.Menu,{className:"branding",text:!0,children:[e.jsx(a.Menu.Item,{children:e.jsxs(m.NavLink,{to:"/",children:[i.site_logo!=0&&e.jsx(d.MediaProvider,{id:i.site_logo,children:e.jsx(d.MediaConsumer,{children:e.jsx(h,{})})}),!window.isCustomizedPreview&&i.site_logo==0&&e.jsx("img",{className:"brand logo",size:"large",src:"/dc-logo_01.png"})]})}),e.jsx(a.Menu.Item,{className:"divider",children:e.jsx("div",{})}),e.jsx(a.Menu.Item,{as:m.Link,fitted:!0,href:"/",children:e.jsx("div",{className:"site name",children:i.name})}),e.jsx(a.Menu.Menu,{className:"pages",children:e.jsx(d.MenuConsumer,{children:e.jsx(p,{settings:i,active:n,selected:l,onSetSelected:t})})}),e.jsx(a.Menu.Item,{children:e.jsx(d.MenuConsumer,{children:e.jsx(N.default,{locale:s.locale})})}),e.jsx(a.Menu.Item,{fitted:!0,children:e.jsx(w.default,{})})]})}),e.jsx(a.Container,{fluid:!0,className:"child",children:l&&l.child_items&&e.jsx(a.Menu,{fluid:!0,text:!0,children:e.jsx(p,{active:n,locale:s.locale,withIcons:!0,onSetSelected:x=>null,menu:{items:l.child_items}})})})]}),e.jsx(a.Container,{className:"url breadcrumbs",children:e.jsx(d.MenuConsumer,{children:e.jsx(L,{})})})]})})},q=f.injectIntl(D);exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("semantic-ui-react"),d=require("react"),u=require("@devgateway/wp-react-lib"),_=require("react-intl"),o=require("react-router"),w=require("./SearchControl.js"),N=require("./LangSwitcher.js"),I=(s,l)=>{const c=[];return s.items.forEach(t=>{t.child_items?t.child_items.forEach(n=>{n.slug==l.slug&&(c.push(t),c.push(n))}):t.slug==l.slug&&t.url!="/"&&c.push(t)}),c},k=(s,l)=>s?s.substr(s.indexOf("/wp")+3).startsWith("/"+l)?s.substr(s.indexOf("/wp")+3):"/"+l+s.substr(s.indexOf("/wp")+3):"",L=_.injectIntl(({menu:s,intl:l})=>{const c=o.useParams(),t=I(s,c);return e.jsx(d.Fragment,{children:t.filter(n=>n.url!="#wpm-languages").map(n=>n.child_items?e.jsxs("span",{children:[n.post_title," "]}):e.jsxs("a",{className:n.slug==c.slug?"active":"",href:u.utils.replaceLink(n.url,l.locale),children:[" ",n.post_title]}))})}),p=_.injectIntl(({settings:s,withIcons:l,active:c,menu:t,onSetSelected:n,selected:m,intl:{locale:h}})=>{const v=o.useParams();d.useEffect(r=>{if(!m){const i=I(t,v).filter(j=>j.menu_item_parent==0);i&&n(i[0])}},[t,n,m]);const[f,g]=d.useState(null);return d.useEffect(()=>{g(t)},[t]),d.useEffect(()=>{if(s&&s.menu_settings&&f){const r=[],x=t.items.map(i=>(s.menu_settings&&s.menu_settings["nav_menu_item["+i.ID+"]"]===!1&&r.push(i.ID),s.menu_settings&&s.menu_settings["nav_menu_item["+i.ID+"]"]?(s.menu_settings["nav_menu_item["+i.ID+"]"],{...i,...s.menu_settings["nav_menu_item["+i.ID+"]"]}):i));Object.keys(s.menu_settings).map(i=>{const j=s.menu_settings[i];if(j.type=="nav_menu_item"){const M=/(-)?[0-9]+/g.exec(i),b=parseInt(M[0]);x.find(C=>C.ID==b)||x.push(j.value)}}),g({...t,items:x.filter(i=>r.indexOf(i.ID)===-1)})}},[s]),f&&e.jsx(d.Fragment,{children:f.items.filter(r=>r.url!="#wpm-languages").map(r=>e.jsx(a.Menu.Item,{as:o.Link,className:`divided ${r.child_items?"has-child-items":""} ${m&&m.ID==r.ID?"selected":""}  ${c==r.slug?"active":""}`,children:r.child_items?e.jsx("span",{onClick:x=>n(r),children:r.title}):e.jsx(o.Link,{onClick:x=>n(r),to:r.type==="custom"?u.utils.replaceLink(r.url,h):k(r.url,h),children:r.title})}))})}),D=({intl:s,settings:l})=>{const[c,t]=d.useState(),{slug:n}=o.useParams(),m=({media:h})=>h?e.jsx(a.Image,{src:h.guid.rendered}):e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"});return e.jsx(d.Fragment,{children:e.jsxs(u.MenuProvider,{slug:"main",locale:s.locale,children:[e.jsxs(a.Container,{fluid:!0,className:"header classic",children:[e.jsx(a.Container,{fluid:!0,className:"background",children:e.jsxs(a.Menu,{className:"branding",text:!0,children:[e.jsx(a.Menu.Item,{children:e.jsxs(o.NavLink,{to:"/",children:[l.site_logo!=0&&e.jsx(u.MediaProvider,{id:l.site_logo,children:e.jsx(u.MediaConsumer,{children:e.jsx(m,{})})}),!window.isCustomizedPreview&&l.site_logo==0&&e.jsx("img",{className:"brand logo",size:"large",src:"/dc-logo_01.png"})]})}),e.jsx(a.Menu.Item,{className:"divider",children:e.jsx("div",{})}),e.jsx(a.Menu.Item,{as:o.Link,fitted:!0,href:"/",children:e.jsx("div",{className:"site name",children:l.name})}),e.jsx(a.Menu.Menu,{className:"pages",children:e.jsx(u.MenuConsumer,{children:e.jsx(p,{settings:l,active:n,selected:c,onSetSelected:t})})}),e.jsx(a.Menu.Item,{children:e.jsx(u.MenuConsumer,{children:e.jsx(N.default,{locale:s.locale})})}),e.jsx(a.Menu.Item,{fitted:!0,children:e.jsx(w.default,{})})]})}),e.jsx(a.Container,{fluid:!0,className:"child",children:c&&c.child_items&&e.jsx(a.Menu,{fluid:!0,text:!0,children:e.jsx(p,{active:n,locale:s.locale,withIcons:!0,onSetSelected:h=>null,menu:{items:c.child_items}})})})]}),e.jsx(a.Container,{className:"url breadcrumbs",children:e.jsx(u.MenuConsumer,{children:e.jsx(L,{})})})]})})},q=_.injectIntl(D);exports.default=q;

package/dist/cjs/layout/CustomSemanticSearch.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("semantic-ui-react"),f=require("react"),I=require("clsx"),c=require("../utils/semanticUtils.js"),N=require("react-intl"),S=require("@devgateway/wp-react-lib"),j=(s,n)=>{if(!n)return s;const u=new RegExp(`(${n})`,"gi");return s.replace(u,"<strong>$1</strong>")},k=N.injectIntl(({title:s,slug:n,parent_link:u,extract:m,link:y,searchTerm:d,metadata:r,bread_crumbs:a=[],intl:{locale:i}})=>{let o=u?S.utils.replaceLink(u,i)+`#${n}`:S.utils.replaceLink(y,i);o=r!=null&&r.redirect_url?(r==null?void 0:r.redirect_url)+`#${n}`:o;const x=j(String(s),d),h=j(m,d);return t.jsx("div",{className:"search-results-wrapper searching-results",style:{display:"flex",flexDirection:"column"},children:t.jsxs("div",{className:"has-standard-12-font-size",onClick:()=>document.location.href=o,children:[t.jsx("h5",{className:"breadcrumbs-search",dangerouslySetInnerHTML:{__html:Array.isArray(a)&&a.length>0?j(a.join(" / "),d):""}}),t.jsx("div",{className:"has-standard-14-font-size",children:t.jsx("h4",{className:"search-title",dangerouslySetInnerHTML:{__html:x}})}),t.jsx("div",{className:"has-standard-12-font-size search-content",dangerouslySetInnerHTML:{__html:S.utils.replaceHTMLinks(h,i)}})]})})}),U=s=>{const{results:n,onSearchChange:u,value:m,showNoResults:y,onResultSelect:d,loading:r,placeholder:a,perPage:i,total:o,searchTerm:x}=s,h=N.useIntl(),[v,E]=f.useState(""),[w,M]=f.useState(!1),[H,L]=f.useState(!1),P=n&&n.length>0?[{isHeader:!0,headerText:h.formatMessage({id:"search.results.summary",defaultMessage:"{count} of {} Results"},{count:o<i?o:i,total:o})},...n]:[],R=()=>{const{perPage:e,total:l}=s,$=I("results header",l===1&&"single");return t.jsx(g.Segment,{basic:!0,textAlign:"left",className:$,children:h.formatMessage({id:"search.results.summary",defaultMessage:"{count} of {} Results"},{count:l<e?l:e,total:l})})},p=e=>e.isHeader?R():(console.log("res",e),t.jsx(f.Fragment,{children:t.jsx(k,{...e,searchTerm:x})})),q=e=>t.jsx(g.Input,{icon:"search",placeholder:a,...e}),T=(e,l)=>{M(!1),s.onBlur&&s.onBlur(e,l)},_=(e,l)=>{M(!0),s.onFocus&&s.onFocus(e,l)},F=e=>{L(!0),s.onMouseDown&&s.onMouseDown(e)},{aligned:O,category:b,className:z,fluid:A,size:C}=s,D=I("ui",H&&"active",C,v,c.useKeyOnly(b,"category"),c.useKeyOnly(w,"focus"),c.useKeyOnly(A,"fluid"),c.useKeyOnly(r,"loading"),c.useValueAndKey(O,"aligned"),"search",z),K=c.getUnhandledProps(g.Search,s),[V,B]=c.partitionHTMLProps(K,{htmlProps:c.htmlInputAttrs});return t.jsx(g.Search,{...B,className:D,onBlur:T,size:"mini",aligned:"right",placeholder:a,onFocus:_,onMouseDown:F,resultRenderer:e=>p(e),onSearchChange:u,results:P,input:q(),value:m,showNoResults:y,onResultSelect:d,loading:r,header:R()})};exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),c=require("semantic-ui-react"),l=require("react"),C=require("clsx"),s=require("../utils/semanticUtils.js"),D=e=>{const{results:r,resultRenderer:i,onSearchChange:d,value:h,showNoResults:f,onResultSelect:g,loading:u}=e,[m,K]=l.useState(""),[b,a]=l.useState(!1),[y,S]=l.useState(!1),M=(t,n)=>{a(!1),e.onBlur&&e.onBlur(t,n)},F=(t,n)=>{a(!0),e.onFocus&&e.onFocus(t,n)},R=t=>{S(!0),e.onMouseDown&&e.onMouseDown(t)},{aligned:q,category:v,className:w,fluid:x,size:O,searchTextHandler:N}=e,P=C("ui",y&&"active visible",O,m,s.useKeyOnly(v,"category"),s.useKeyOnly(x,"fluid"),s.useKeyOnly(u,"loading"),s.useValueAndKey(q,"aligned"),"search",w),j=s.getUnhandledProps(c.Search,e),[T,B]=s.partitionHTMLProps(j,{htmlProps:s.htmlInputAttrs});return o.jsx(o.Fragment,{children:o.jsx(c.Search,{...B,className:P,placeholder:e.placeholder,onBlur:M,size:"tiny",onFocus:F,onMouseDown:R,resultRenderer:i,onSearchChange:d,results:r,value:h,showNoResults:f,onResultSelect:g,loading:u})})};exports.default=D;

package/dist/cjs/layout/Header.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("semantic-ui-react"),a=require("react"),x=require("@devgateway/wp-react-lib"),L=require("react-intl"),C=require("react-router"),D=require("./SearchControl.js"),k=require("./LangSwitcher.js"),R=(n,t)=>{const o=[];return n.items.forEach(i=>{i.child_items?i.child_items.forEach(l=>{l.slug==t.slug&&(o.push(i),o.push(l))}):i.slug==t.slug&&i.url!="/"&&o.push(i)}),o},S=(n,t)=>n?n.substr(n.indexOf("/wp")+3).startsWith("/"+t)?n.substr(n.indexOf("/wp")+3):"/"+t+n.substr(n.indexOf("/wp")+3):"",O=L.injectIntl(({menu:n,intl:t})=>{const o=C.useParams(),i=R(n,o);return e.jsx(a.Fragment,{children:i.filter(l=>l.url!="#wpm-languages").map((l,u)=>l.child_items?e.jsxs("span",{children:[l.post_title," "]},u):e.jsxs("a",{className:l.slug==o.slug?"active":"",href:x.utils.replaceLink(l.url,t.locale),children:[" ",l.post_title]},u))})}),N=L.injectIntl(({settings:n,withIcons:t,active:o,menu:i,onSetSelected:l,selected:u,intl:{locale:h},isSmallScreen:b})=>{const M=C.useParams();a.useEffect(s=>{if(!u){const r=R(i,M).filter(p=>p.menu_item_parent==0);r&&l(r[0])}},[i,l,u]);const[j,_]=a.useState(null);a.useEffect(()=>{_(i)},[i]),a.useEffect(()=>{if(n&&n.menu_settings&&j){const s=[],f=i.items.map(r=>(n.menu_settings&&n.menu_settings["nav_menu_item["+r.ID+"]"]===!1&&s.push(r.ID),n.menu_settings&&n.menu_settings["nav_menu_item["+r.ID+"]"]?(n.menu_settings["nav_menu_item["+r.ID+"]"],{...r,...n.menu_settings["nav_menu_item["+r.ID+"]"]}):r));Object.keys(n.menu_settings).map(r=>{const p=n.menu_settings[r];if(p.type=="nav_menu_item"){const w=/(-)?[0-9]+/g.exec(r),E=parseInt(w[0]);f.find(g=>g.ID==E)||f.push(p.value)}}),_({...i,items:f.filter(r=>s.indexOf(r.ID)===-1)})}},[n]);const[v,I]=a.useState(!1);return a.useEffect(()=>{const s=()=>{I(window.innerWidth<=1200)};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),j&&e.jsx(a.Fragment,{children:j.items.filter(s=>s.url!=="#wpm-languages").map((s,f)=>e.jsxs(a.Fragment,{children:[e.jsxs(c.Menu.Item,{className:`divided ${s.child_items?"has-child-items":""}
-                            ${u&&u.ID===s.ID?"selected":""}
-                            ${o===s.slug?"active":""}`,children:[t&&e.jsx("a",{href:S(s.url,h),children:e.jsx("div",{className:"mark",children:e.jsx("span",{className:"sr-only",children:s.title})})}),b?s.child_items?e.jsx("span",{onClick:()=>l(u===s?null:s),children:s.title}):e.jsx("a",{href:S(s.url,h),children:s.title}):s.child_items?e.jsx("span",{onMouseOver:r=>l(s),children:s.title}):e.jsx("a",{onMouseOut:r=>l(null),onMouseOver:r=>l(s),href:S(s.url,h),children:s.title})]}),v&&u&&u.ID===s.ID&&u.child_items&&e.jsx(a.Fragment,{children:u.child_items.map(r=>e.jsxs(c.Menu.Item,{className:`divided child-item ${o===r.slug?"active":""}`,children:[e.jsx("div",{className:"mark"}),e.jsx("a",{href:S(r.url,h),children:r.title})]},r.ID))})]},s.ID))})}),$=({intl:n,settings:t={}})=>{const[o,i]=a.useState(),[l,u]=a.useState(!1),[h,b]=a.useState(!1),[M,j]=a.useState(!1),{slug:_}=C.useParams(),v=a.useRef(null),I=a.useRef(null),s=()=>{j(!M),u(!l)};a.useEffect(()=>{const d=m=>{(v.current&&!v.current.contains(m.target)&&!I.current.contains(m.target)||m.target.closest(".desktop")||m.target.closest(".breadcrumbs"))&&(u(!1),j(!1))},g=m=>{m.key==="Escape"&&(u(!1),j(!1))};return document.addEventListener("mousedown",d),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",g)}},[]);const f=window.innerWidth<=1200;a.useEffect(()=>{let d;const g=()=>{f&&!h&&l&&u(!1),b(f)},m=()=>{clearTimeout(d),d=setTimeout(g,200)};return g(),window.addEventListener("resize",m),()=>{clearTimeout(d),window.removeEventListener("resize",m)}},[]);const[r,p]=a.useState(!1);a.useEffect(()=>{const d=()=>{p(window.innerWidth<=1365)};return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[]);const z=({media:d})=>d?e.jsx(c.Image,{src:d.guid.rendered}):e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"}),w=(t==null?void 0:t.landing_page_url)&&t.landing_page_url!==!1&&t.landing_page_url!==void 0&&t.landing_page_url!=="",E=w?t.landing_page_url:`/${n.locale}`;return console.log("isMenuVisible",l),e.jsx(a.Fragment,{children:e.jsxs(x.MenuProvider,{slug:"main",locale:n.locale,children:[e.jsxs(c.Container,{fluid:!0,className:"header",children:[e.jsxs("div",{ref:I,className:`hamburger-menu ${M?"animate":""} ${l?"open":"close"}`,onClick:s,children:[e.jsx("div",{}),e.jsx("div",{className:"middle-line"}),e.jsx("div",{})]}),e.jsx(c.Container,{fluid:!0,className:"background",ref:v,children:e.jsxs(c.Menu,{className:"branding",text:!0,children:[e.jsx(c.Menu.Item,{children:e.jsxs("a",{href:`${E}`,target:w?"_blank":"_self",rel:"noopener noreferrer",children:[t.site_logo!==0&&!r&&e.jsx(x.MediaProvider,{id:t.site_logo,children:e.jsx(x.MediaConsumer,{children:e.jsx(z,{},"logo")})}),t.site_logo===0&&!r&&e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"}),r&&e.jsx("img",{className:"brand logo small",size:"small",src:"/TCDI-Icon-small_02.png"})]})}),e.jsx(c.Menu.Item,{className:"divider",children:e.jsx("div",{})}),e.jsxs(c.Menu.Item,{fitted:!0,href:"/",children:[e.jsx(c.Flag,{name:"za"}),e.jsx("div",{className:"site name",children:t.name})]}),h?e.jsx(c.Menu,{className:`pages ${l?"show":""}`,children:e.jsx(c.Container,{fluid:!0,children:e.jsx(x.MenuConsumer,{children:e.jsx(N,{settings:t,active:_,selected:o,onSetSelected:i,isSmallScreen:h},"items")})})}):e.jsx(c.Menu.Menu,{className:"pages",children:e.jsx(x.MenuConsumer,{children:e.jsx(N,{settings:t,active:_,selected:o,onSetSelected:i},"items")})}),e.jsx(c.Menu.Item,{children:e.jsx(x.MenuConsumer,{children:e.jsx(k.default,{locale:n.locale},"lang")})}),e.jsx(c.Menu.Item,{fitted:!0,children:e.jsx(D.default,{onSetSelected:i,settings:t})})]})}),e.jsx(c.Container,{fluid:!0,className:"child",children:o&&o.child_items&&e.jsx(c.Menu,{fluid:!0,text:!0,children:e.jsx(N,{active:_,locale:n.locale,withIcons:!0,onSetSelected:d=>null,menu:{items:o.child_items}})})})]},"header-container"),e.jsx(c.Container,{className:"url breadcrumbs",children:e.jsx(x.MenuConsumer,{children:e.jsx(O,{})})})]})})},q=L.injectIntl($);exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("semantic-ui-react"),i=require("react"),x=require("@devgateway/wp-react-lib"),L=require("react-intl"),C=require("react-router"),T=require("./SearchControl.js"),$=require("./LangSwitcher.js"),D=(n,r)=>{const c=[];return n.items.forEach(l=>{l.child_items?l.child_items.forEach(a=>{a.slug==r.slug&&(c.push(l),c.push(a))}):l.slug==r.slug&&l.url!="/"&&c.push(l)}),c},w=(n,r)=>{if(n){const c=n.indexOf("/wp");if(c!==-1){const l=n.substr(c+3);return l.startsWith("/"+r)?l:"/"+r+l}else return n.startsWith("/"+r)?n:"/"+r+n}return""},O=L.injectIntl(({menu:n,intl:r})=>{const c=C.useParams(),l=D(n,c);return e.jsx(i.Fragment,{children:l.filter(a=>a.url!="#wpm-languages").map(a=>a.child_items?e.jsxs("span",{children:[a.post_title," "]}):e.jsxs("a",{className:a.slug==c.slug?"active":"",href:x.utils.replaceLink(a.url,r.locale),children:[" ",a.post_title]}))})}),N=L.injectIntl(({settings:n,withIcons:r,active:c,menu:l,onSetSelected:a,selected:d,intl:{locale:j},isSmallScreen:S})=>{const b=C.useParams();i.useEffect(s=>{if(!d){const t=D(l,b).filter(f=>f.menu_item_parent==0);t&&a(t[0])}},[l,a,d]);const[g,_]=i.useState(null);i.useEffect(()=>{_(l)},[l]),i.useEffect(()=>{if(n&&n.menu_settings&&g){const s=[],h=l.items.map(t=>(n.menu_settings&&n.menu_settings["nav_menu_item["+t.ID+"]"]===!1&&s.push(t.ID),n.menu_settings&&n.menu_settings["nav_menu_item["+t.ID+"]"]?(n.menu_settings["nav_menu_item["+t.ID+"]"],{...t,...n.menu_settings["nav_menu_item["+t.ID+"]"]}):t));Object.keys(n.menu_settings).map(t=>{const f=n.menu_settings[t];if(f.type=="nav_menu_item"){const E=/(-)?[0-9]+/g.exec(t),M=parseInt(E[0]);h.find(o=>o.ID==M)||h.push(f.value)}}),_({...l,items:h.filter(t=>s.indexOf(t.ID)===-1)})}},[n]);const[p,v]=i.useState(!1);return i.useEffect(()=>{const s=()=>{v(window.innerWidth<=1200)};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),g&&e.jsx(i.Fragment,{children:g.items.filter(s=>s.url!=="#wpm-languages").map((s,h)=>e.jsxs(i.Fragment,{children:[e.jsxs(u.Menu.Item,{className:`divided ${s.child_items?"has-child-items":""}
+                            ${d&&d.ID===s.ID?"selected":""}
+                            ${c===s.slug?"active":""}`,children:[r&&e.jsx("a",{href:w(s.url,j),children:e.jsx("div",{className:"mark",children:e.jsx("span",{className:"sr-only",children:s.title})})}),S?s.child_items?e.jsx("span",{onClick:()=>a(d===s?null:s),children:s.title}):e.jsx("a",{href:w(s.url,j),children:s.title}):s.child_items?e.jsx("span",{onMouseOver:t=>a(s),children:s.title}):e.jsx("a",{onMouseOut:t=>a(null),onMouseOver:t=>a(s),href:w(s.url,j),children:s.title})]}),p&&d&&d.ID===s.ID&&d.child_items&&e.jsx(i.Fragment,{children:d.child_items.map(t=>e.jsxs(u.Menu.Item,{className:`divided child-item ${c===t.slug?"active":""}`,children:[e.jsx("div",{className:"mark"}),e.jsx("a",{href:w(t.url,j),children:t.title})]},t.ID))})]},s.ID))})}),q=({intl:n,settings:r})=>{const[c,l]=i.useState(),[a,d]=i.useState(!1),[j,S]=i.useState(!1),[b,g]=i.useState(!1),[_,p]=i.useState(!1),{slug:v}=C.useParams(),s=i.useRef(null),h=i.useRef(null),t=()=>{p(!_),d(!a)};i.useEffect(()=>{const o=m=>{(s.current&&!s.current.contains(m.target)&&!h.current.contains(m.target)||m.target.closest(".desktop")||m.target.closest(".breadcrumbs"))&&(d(!1),p(!1))},I=m=>{m.key==="Escape"&&(d(!1),p(!1))};return document.addEventListener("mousedown",o),document.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("keydown",I)}},[]),i.useEffect(()=>{let o;const I=()=>{const k=window.innerWidth<=1200;S(k),g(!1)},m=()=>{g(!0),clearTimeout(o),o=setTimeout(I,300)};return I(),window.addEventListener("resize",m),()=>{clearTimeout(o),window.removeEventListener("resize",m)}},[]);const[f,z]=i.useState(!1);i.useEffect(()=>{const o=()=>{z(window.innerWidth<=1364)};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]);const E=({media:o})=>o?e.jsx(u.Image,{src:o.guid.rendered}):e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"}),M=(r==null?void 0:r.landing_page_url)&&r.landing_page_url!==!1&&r.landing_page_url!==void 0&&r.landing_page_url!=="",R=M?r.landing_page_url:`/${n.locale}`;return console.log("isMenuVisible",a),e.jsx(i.Fragment,{children:e.jsxs(x.MenuProvider,{slug:"main",locale:n.locale,children:[e.jsxs(u.Container,{fluid:!0,className:"header",children:[e.jsx(u.Container,{fluid:!0,className:"background",ref:s,children:e.jsxs(u.Menu,{className:"branding",text:!0,children:[e.jsx(u.Menu.Item,{children:e.jsxs("a",{href:`${R}`,target:M?"_blank":"_self",rel:"noopener noreferrer",id:"site_url",children:[r.site_logo!==0&&!f&&e.jsx(x.MediaProvider,{id:r.site_logo,children:e.jsx(x.MediaConsumer,{children:e.jsx(E,{},"logo")})}),r.site_logo===0&&!f&&e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"}),f&&e.jsx("img",{className:"brand logo small",size:"small",src:"/TCDI-Icon-small_02.png"})]})}),e.jsx(u.Menu.Item,{className:"divider",children:e.jsx("div",{})}),e.jsxs(u.Menu.Item,{fitted:!0,href:"/",children:[e.jsx(u.Flag,{name:"za"}),e.jsx("div",{className:"site name",children:r.name})]}),!b&&(j?e.jsx(u.Menu,{className:`pages ${a?"show":""}`,children:e.jsx(u.Container,{fluid:!0,children:e.jsx(x.MenuConsumer,{children:e.jsx(N,{settings:r,active:v,selected:c,onSetSelected:l,isSmallScreen:j},"items")})})}):e.jsx(u.Menu.Menu,{className:"pages",children:e.jsx(x.MenuConsumer,{children:e.jsx(N,{settings:r,active:v,selected:c,onSetSelected:l},"items")})})),e.jsx(u.Menu.Item,{children:e.jsx(x.MenuConsumer,{children:e.jsx($.default,{locale:n.locale},"lang")})}),e.jsx(u.Menu.Item,{fitted:!0,children:e.jsx(T.default,{onSetSelected:l,settings:r})}),e.jsxs("div",{ref:h,className:`hamburger-menu ${_?"animate":""} ${a?"open":"close"}`,onClick:t,children:[e.jsx("div",{}),e.jsx("div",{className:"middle-line"}),e.jsx("div",{})]})]})}),e.jsx(u.Container,{fluid:!0,className:"child",children:c&&c.child_items&&e.jsx(u.Menu,{fluid:!0,text:!0,children:e.jsx(N,{active:v,locale:n.locale,withIcons:!0,onSetSelected:o=>null,menu:{items:c.child_items}})})})]},"header-container"),e.jsx(u.Container,{className:"url breadcrumbs",children:e.jsx(x.MenuConsumer,{children:e.jsx(O,{})})})]})})},y=L.injectIntl(q);exports.default=y;

package/dist/cjs/layout/Layout.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),r=require("react-router"),f=require("../embeddable/index.js"),m=require("react-intl"),n=require("@devgateway/wp-react-lib"),g=require("react-redux");require("semantic-ui-react");require("../utils/AppMedia.js");require("./Footer.js");require("./Header.js");const p=require("./Customizer.js"),h=require("../conf/index.js"),x=require("../translations/en.json.js"),v=require("../translations/fr.json.js"),j=require("../translations/af.json.js"),C=require("../lib/react-intl-redux/index.js");require("immutable");const i=require("../redux/store.js");require("./Favicon.js");require("./CustomSemanticSearch.js");require("./SearchControl.js");require("./ClassicHeader.js");require("./FloatingMenuHeader.js");const c={en:x,fr:v,am:j},w=()=>{const u=r.useParams(),l=r.useLocation(),o=h.Config.DEFAULT_LOCALE,[I,d]=s.useState(!1);console.log("defaultLocale",o);const e=u.lan,q=l.pathname;return console.log("pathParams",JSON.stringify(u.lan)),s.useEffect(()=>{d(!0),process.env.NODE_ENV==="development"&&(console.log("----------.env-----------"),console.log(process.env),console.log("----------.env-----------")),typeof window<"u"&&window.setTimeout(()=>{if(window.location.hash){const a=document.getElementById(window.location.hash.substring(1));a&&a.scrollIntoView({behavior:"auto",block:"start"})}},2e3)},[]),s.useEffect(()=>{i.store.dispatch(C.updateIntl({locale:e,formats:{},messages:c[e??"en"]}))},[e]),e?Object.keys(c).includes(e)?t.jsx(g.Provider,{store:i.store,children:t.jsx(m.IntlProvider,{locale:e,messages:c[e],children:t.jsx(n.AppContextProvider,{getComponent:f.getComponentByNameIgnoreCase,store:i.store,locale:e,children:t.jsx(n.SettingProvider,{locale:e,changeUUID:null,children:t.jsxs(n.SettingsConsumer,{children:[t.jsx(p.CustomizerWrapper,{}),t.jsx(r.Outlet,{})]})})})},e)}):t.jsx(r.Navigate,{to:`/${o}${q}`,replace:!0}):t.jsx(r.Navigate,{to:o,replace:!0})};exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("react"),t=require("react-router"),f=require("../embeddable/index.js"),m=require("react-intl"),n=require("@devgateway/wp-react-lib"),g=require("react-redux");require("semantic-ui-react");require("../utils/AppMedia.js");require("./Footer.js");require("./Header.js");const p=require("./Customizer.js"),h=require("../conf/index.js"),x=require("../translations/en.json.js"),v=require("../translations/fr.json.js"),j=require("../translations/af.json.js"),C=require("../lib/react-intl-redux/index.js");require("immutable");const i=require("../redux/store.js");require("./Favicon.js");require("clsx");require("../utils/semanticUtils.js");require("./SearchControl.js");require("./ClassicHeader.js");require("./FloatingMenuHeader.js");const u={en:x,fr:v,am:j},w=()=>{const c=t.useParams(),l=t.useLocation(),o=h.Config.DEFAULT_LOCALE,[I,d]=s.useState(!1);console.log("defaultLocale",o);const e=c.lan,q=l.pathname;return console.log("pathParams",JSON.stringify(c.lan)),s.useEffect(()=>{d(!0),process.env.NODE_ENV==="development"&&(console.log("----------.env-----------"),console.log(process.env),console.log("----------.env-----------")),typeof window<"u"&&window.setTimeout(()=>{if(window.location.hash){const a=document.getElementById(window.location.hash.substring(1));a&&a.scrollIntoView({behavior:"auto",block:"start"})}},2e3)},[]),s.useEffect(()=>{i.store.dispatch(C.updateIntl({locale:e,formats:{},messages:u[e??"en"]}))},[e]),e?Object.keys(u).includes(e)?r.jsx(g.Provider,{store:i.store,children:r.jsx(m.IntlProvider,{locale:e,messages:u[e],children:r.jsx(n.AppContextProvider,{getComponent:f.getComponentByNameIgnoreCase,store:i.store,locale:e,children:r.jsx(n.SettingProvider,{locale:e,changeUUID:null,children:r.jsxs(n.SettingsConsumer,{children:[r.jsx(p.CustomizerWrapper,{}),r.jsx(t.Outlet,{})]})})})},e)}):r.jsx(t.Navigate,{to:`/${o}${q}`,replace:!0}):r.jsx(t.Navigate,{to:o,replace:!0})};exports.default=w;

package/dist/cjs/layout/SearchControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),m=require("@devgateway/wp-react-lib"),I=require("react-dom"),M=require("semantic-ui-react"),v=require("react-intl"),j=(n,r)=>{if(!r)return n;const a=new RegExp(`(${r})`,"gi");return n.replace(a,"<strong>$1</strong>")},w=v.injectIntl(({ID:n,title:r,slug:a,parent_title:i,parent_slug:t,parent_link:c,extract:o,type:h,link:l,terms:f,subtype:g,bread_crumbs:s=[],metadata:{redirect_url:p},intl:{locale:x},searchTerm:u})=>{let S=c?m.utils.replaceLink(c,x)+`#${a}`:m.utils.replaceLink(l,x);S=p?p+`#${a}`:S;const y=j(String(r),u),R=j(o,u);return e.jsx("div",{className:"search-results-wrapper searching-results",style:{display:"flex",flexDirection:"column"},children:e.jsxs("div",{className:"has-standard-12-font-size",onClick:T=>document.location.href=S,children:[e.jsx("h5",{className:"breadcrumbs-search",dangerouslySetInnerHTML:{__html:s&&s.length>0?j(s.join(" / "),u):""}}),e.jsx("div",{className:"has-standard-14-font-size",children:e.jsx("h4",{className:"search-title",dangerouslySetInnerHTML:{__html:y}})}),e.jsx("div",{className:"search-content",dangerouslySetInnerHTML:{__html:m.utils.replaceHTMLinks(R,x)}})]})})}),N=({results:n,meta:r,perPage:a,intl:i,searchTerm:t})=>{const c=r?r["x-wp-total"]:0;return r&&r["x-wp-totalpages"],e.jsxs("div",{id:"float-results-container",children:[e.jsx("span",{className:"float-results-header",children:i.formatMessage({id:"search.results.summary",defaultMessage:"{count} of {total} Results"},{count:c<a?c:a,total:c})}),n.map(o=>e.jsx(w,{...o,searchTerm:t},o.ID))]})},C=({onSearch:n,perPage:r,loading:a,results:i,meta:t,intl:c})=>(t&&t["x-wp-total"],t&&t["x-wp-totalpages"],e.jsx("input",{placeholder:c.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),type:"text",className:"input search",name:"search",onChange:o=>{n(o.target.value)}})),E=({onSearch:n,onSetSelected:r,perPage:a,loading:i,results:t,meta:c,locale:o,intl:h,searchTerm:l})=>{const[f,g]=d.useState(!1),s=d.useRef(null);d.useEffect(()=>{const u=document.createElement("div");u.setAttribute("id","float-input-container"),u.setAttribute("class","input container"),u.style.display="none";const S=document.getElementById("root");return S&&(S.appendChild(u),s.current=u),()=>{s.current&&s.current.parentNode&&s.current.parentNode.removeChild(s.current)}},[]),d.useEffect(()=>{s.current&&(s.current.style.display=f?"block":"none")},[f]);const p=()=>{r(null),g(!0)},x=()=>{g(!1)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"ui-float-search",className:"ui float-search",onMouseOver:p,children:e.jsx(M.Icon,{name:"search",size:"small"})}),s.current&&I.createPortal(f?e.jsxs("div",{onMouseLeave:x,children:[e.jsx("div",{className:"float-search-container",children:e.jsx(C,{onSearch:n,perPage:a,loading:i,results:t,meta:c,intl:h,searchTerm:l})}),t&&t.length>0&&e.jsx(v.IntlProvider,{locale:o,children:e.jsx(N,{results:t,meta:c,perPage:a,intl:h,searchTerm:l})})]}):null,s.current)]})},L=({onSearch:n,perPage:r,loading:a,results:i,meta:t,intl:c})=>{const o=t?t["x-wp-total"]:0,h=t?t["x-wp-totalpages"]:0,[l,f]=d.useState("");d.useEffect(()=>{const s=setTimeout(()=>{n(l)},300);return()=>clearTimeout(s)},[l]);const g=s=>e.jsx(w,{...s,searchTerm:l});return e.jsx(CustomSemanticSearch,{value:l,loading:a,placeholder:c.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),onResultSelect:(s,p)=>null,total:o,perPage:r,totalPages:h,onSearchChange:(s,p)=>{f(p.value)},resultRenderer:g,results:i,showNoResults:!1,intl:c,searchTerm:l})},b=v.injectIntl(n=>{const{intl:r,onSetSelected:a}=n,[i,t]=d.useState(""),[c,o]=d.useState(!1);d.useEffect(()=>{const l=()=>{o(window.innerWidth<=1365)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[]);const h=n.settings.react_search_type==="floating"||c?e.jsx(E,{onSetSelected:a,onSearch:t,perPage:5,...n,searchTerm:i}):e.jsx(L,{onSetSelected:a,onSearch:t,perPage:5,...n});return e.jsx(m.SearchProvider,{search:i,perPage:5,locale:r.locale,children:e.jsx(m.SearchConsumer,{children:h})})});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),m=require("@devgateway/wp-react-lib"),M=require("./CustomSemanticSearch.js"),C=require("react-dom"),N=require("semantic-ui-react"),v=require("react-intl"),j=(c,n)=>{if(!c||!n)return c||"";const a=new RegExp(`(${n})`,"gi");return c.replace(a,"<strong>$1</strong>")},y=v.injectIntl(({ID:c,title:n,slug:a,parent_title:l,parent_slug:t,parent_link:s,extract:o,type:i,link:u,terms:f,subtype:S,bread_crumbs:r=[],metadata:p,intl:{locale:g},searchTerm:h})=>{let x=s?m.utils.replaceLink(s,g)+`#${a}`:m.utils.replaceLink(u,g);const w=p==null?void 0:p.redirect_url;x=w?w+`#${a}`:x;const R=j(String(n),h),I=j(o,h);return e.jsx("div",{className:"search-results-wrapper searching-results",style:{display:"flex",flexDirection:"column"},children:e.jsxs("div",{className:"has-standard-12-font-size",onClick:P=>document.location.href=x,children:[e.jsx("h5",{className:"breadcrumbs-search",dangerouslySetInnerHTML:{__html:r&&r.length>0?j(r.join(" / "),h):""}}),e.jsx("div",{className:"has-standard-14-font-size",children:e.jsx("h4",{className:"search-title",dangerouslySetInnerHTML:{__html:R}})}),e.jsx("div",{className:"search-content",dangerouslySetInnerHTML:{__html:m.utils.replaceHTMLinks(I,g)}})]})})}),E=({results:c,meta:n,perPage:a,intl:l,searchTerm:t})=>{const s=n?n["x-wp-total"]:0;return n&&n["x-wp-totalpages"],e.jsxs("div",{id:"float-results-container",children:[e.jsx("span",{className:"float-results-header",children:l.formatMessage({id:"search.results.summary",defaultMessage:"{count} of {total} Results"},{count:s<a?s:a,total:s})}),c.map(o=>e.jsx(y,{...o,searchTerm:t},o.ID))]})},_=({onSearch:c,perPage:n,loading:a,results:l,meta:t,intl:s})=>(t&&t["x-wp-total"],t&&t["x-wp-totalpages"],e.jsx("input",{placeholder:s.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),type:"text",className:"input search",name:"search",onChange:o=>{c(o.target.value)}})),L=({onSearch:c,onSetSelected:n,perPage:a,loading:l,results:t,meta:s,locale:o,intl:i,searchTerm:u})=>{const[f,S]=d.useState(!1),r=d.useRef(null);d.useEffect(()=>{const h=document.createElement("div");h.setAttribute("id","float-input-container"),h.setAttribute("class","input container"),h.style.display="none";const x=document.getElementById("root");return x&&(x.appendChild(h),r.current=h),()=>{r.current&&r.current.parentNode&&r.current.parentNode.removeChild(r.current)}},[]),d.useEffect(()=>{r.current&&(r.current.style.display=f?"block":"none")},[f]);const p=()=>{n(null),S(!0)},g=()=>{S(!1)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"ui-float-search",className:"ui float-search",onMouseOver:p,children:e.jsx(N.Icon,{name:"search",size:"small"})}),r.current&&C.createPortal(f?e.jsxs("div",{onMouseLeave:g,children:[e.jsx("div",{className:"float-search-container",children:e.jsx(_,{onSearch:c,perPage:a,loading:l,results:t,meta:s,intl:i,searchTerm:u})}),t&&t.length>0&&e.jsx(v.IntlProvider,{locale:o,children:e.jsx(E,{results:t,meta:s,perPage:a,intl:i,searchTerm:u})})]}):null,r.current)]})},b=({onSearch:c,perPage:n,loading:a,results:l,meta:t,intl:s})=>{const o=t?t["x-wp-total"]:0,i=t?t["x-wp-totalpages"]:0,[u,f]=d.useState("");d.useEffect(()=>{const r=setTimeout(()=>{c(u)},300);return()=>clearTimeout(r)},[u]);const S=r=>e.jsx(y,{...r,searchTerm:u});return e.jsx(M.default,{value:u,loading:a,placeholder:s.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),onResultSelect:(r,p)=>null,total:o,perPage:n,totalPages:i,onSearchChange:(r,p)=>{f(p.value)},resultRenderer:S,results:l,showNoResults:!1,intl:s,searchTerm:u})},q=v.injectIntl(c=>{const{intl:n,onSetSelected:a}=c,[l,t]=d.useState(""),[s,o]=d.useState(!1);return d.useEffect(()=>{const i=()=>{o(window.innerWidth<=1365)};return i(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),e.jsx(m.SearchProvider,{search:l,perPage:5,locale:n.locale,children:e.jsx(T,{...c,onSetSelected:a,setQuery:t,query:l,isSmallScreen:s,intl:n})})}),T=({onSetSelected:c,setQuery:n,query:a,isSmallScreen:l,intl:t,...s})=>{const o=d.useContext(m.SearchContext);return s.settings.react_search_type==="floating"||l?e.jsx(L,{onSetSelected:c,onSearch:n,perPage:5,intl:t,...s,...o,searchTerm:a}):e.jsx(b,{onSetSelected:c,onSearch:n,perPage:5,intl:t,...s,...o})};exports.default=q;