@devgateway/dvz-ui-react 1.3.3 → 1.3.4

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("../../layout/Layout.js");require("../index.js");require("../../layout/Favicon.js");const Ct=require("../../layout/Loading.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),vt={visibility:"visible",position:"relative",height:"auto",width:"auto"},Tt=0,Pt=s=>{let{posts:l,lineWidth:c,lineColor:g,config:p,marginLeft:L,marginTop:z,marginRight:G,marginBottom:E,fontSize:w,subtitleWidth:N,subtitleHeight:v,enableTitlePopup:$,enableCirclePopup:O,enableDefaultPopup:J,closePopupOnMouseOut:V,unique:m}=s;N=250;const T=d.useRef(),S=d.useRef(),[D,y]=d.useState(!1),[q,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 i;return((i=p[t])==null?void 0:i.size)||10},ct=({content:t,isOpen:i,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:i,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 i;return(i=p[t])==null?void 0:i.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,i)=>{t.preventDefault();const n=260,C=50;let a=[0,0];if(t){const P=t.target.getBoundingClientRect(),H=t.target.closest(".time").getBoundingClientRect(),u=P.left-H.left,j=P.top+H.top;a=[u+n,j+C];const I=400;P.left+u+I+n>window.innerWidth&&(a[0]=u-I*.6)}y(!0),B({data:i,id:i.id,position:a}),ft(i.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(Tt),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},i=T.current.clientWidth,n=S.current.clientWidth;n>0&&M(n);const C=W,a={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},u=h.scaleLinear().domain([0,l.length-1]).range([t.top,C-t.bottom]),j=h.select(T.current);j.selectAll("*").remove(),j.attr("width",i).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=j.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",(o,e)=>F(e)).attr("cx",0).attr("class","timeline-circle").attr("cy",(o,e)=>u(e)).attr("r",(o,e)=>at(e)).style("fill",(o,e)=>{var f;return((f=p[e])==null?void 0:f.circleColor)||"#000"}).style("cursor",O?"pointer":"default").on("click",(o,e)=>{o.preventDefault(),O&&tt(o,e)}),R.selectAll(".title").data(l).enter().append("foreignObject").attr("x",H[b]).attr("y",(o,e)=>u(e)-Number.parseInt(v)/2).attr("width",Number.parseInt(P[b])).attr("height",Number.parseInt(v)).attr("class","timeline-title").append("xhtml:div").attr("id",(o,e)=>st(e)).style("font-size",`${Number.parseInt(w)+1}px`).style("color",(o,e)=>K(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 f=dt(e);let _=o.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(o,e){const f=h.select(this.parentNode);setTimeout(()=>{const _=this.getBoundingClientRect(),nt=Math.min(_.height,Number.parseInt(v)*2);f.attr("height",nt),f.attr("y",u(e)-nt/2)},0)}).on("click",(o,e,f)=>{o.preventDefault(),$&&tt(o,e)});const ot=+w+1,it=60,U=ot*.9;R.selectAll(".year-fo").data(l).enter().append("foreignObject").attr("class","year-fo").attr("x",-70).attr("y",(o,e)=>u(e)-U/2).attr("width",it).attr("height",U).append("xhtml:div").style("display","flex").style("align-items","center").style("justify-content","flex-end").style("width",`${it}px`).style("height",`${U}px`).style("font-size",`${ot}px`).style("line-height","1em").style("font-weight","400").style("color","#4C4D50").html(o=>o.meta_fields.subtitle)},[b,x]),r.jsxs("div",{className:"time line",style:{position:"relative"},ref:S,children:[l.filter(t=>k&&k.id===t.id).map(t=>{const i=t.slug||"unknown-slug",n=l.indexOf(t);return r.jsx(ct,{isOpen:D,content:r.jsx("div",{style:{backgroundColor:Q(n),color:Z(n)},children:r.jsx(mt.default,{post:t,style:vt},i)}),closeTooltip:ut,style:{backgroundColor:Q(n),color:Z(n)}},`${i}_modal`)}),r.jsx("svg",{height:W,width:q,ref:T})]},m+b+x)},jt=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":v=25,"data-margin-right":$=50,"data-margin-bottom":O=25,"data-font-size":J=14,"data-title-width":V=100,"data-title-height":m=50,"data-subtitle-width":T=250,"data-subtitle-height":S=60,"data-enable-title-popup":D="false","data-enable-circle-popup":y="true","data-enable-default-popup":q="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:v,marginRight:$,marginBottom:O,lineWidth:w,height:L,position:E,lineColor:decodeURIComponent(z),config:JSON.parse(decodeURIComponent(G)),fontSize:J,titleWidth:V,titleHeight:m,subtitleWidth:T,subtitleHeight:S,enableTitlePopup:D==!0||D=="true",enableCirclePopup:y==!0||y=="true",enableDefaultPopup:q==!0||q=="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(Pt,{...W})})})})},$t=s=>{const[l,c]=d.useState(!1);return d.useEffect(()=>{c(!0)},[]),l?r.jsx(jt,{...s}):r.jsx(Ct.default,{})};exports.default=$t;
+"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;

package/dist/cjs/layout/ClassicHeader.js

@@ -0,0 +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;

package/dist/cjs/layout/FloatingMenuHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("semantic-ui-react"),x=require("react"),l=require("@devgateway/wp-react-lib"),g=require("react-intl"),j=require("./SearchControl.js"),f=require("./LangSwitcher.js"),p=require("react-router"),h=(s,r)=>s?s.substr(s.indexOf("/wp")+3).startsWith("/"+r)?s.substr(s.indexOf("/wp")+3):"/"+r+s.substr(s.indexOf("/wp")+3):"",M=s=>{const{settings:r,withIcons:u,active:d,menu:o,onSetSelected:a,selected:i,locale:m}=s;return o.items.filter(t=>t.url!="#wpm-languages").map(t=>e.jsxs(n.Menu.Item,{className:`divided ${t.child_items?"has-child-items":""} ${i&&i.ID==t.ID?"selected":""}  ${d==t.slug?"active":""}`,children:[!t.child_items&&e.jsx("a",{onClick:c=>a(t),href:h(t.url,m),children:t.title}),t.child_items&&e.jsx(n.Popup,{position:"top center",className:"floating child",positionFixed:!0,hoverable:!0,trigger:e.jsx("span",{children:t.title}),children:t.child_items.map(c=>e.jsxs(n.Menu.Item,{children:[c.icon&&e.jsx("img",{className:"child icon",src:c.icon.url}),e.jsxs("span",{children:[" ",e.jsx("a",{onClick:w=>a(t),href:h(c.url,m),children:c.title})]})]}))})]}))},I=({intl:{locale:s},settings:r})=>{const[u,d]=x.useState(),{slug:o}=p.useParams(),a=({media:i})=>i?e.jsx(n.Image,{src:i.guid.rendered}):e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"});return e.jsx(l.MenuProvider,{slug:"main",locale:s,children:e.jsxs(n.Menu,{className:"header floating branding",text:!0,children:[e.jsx(n.Menu.Item,{className:"logo",children:e.jsxs("a",{href:`/${s}`,children:[r.site_logo!=0&&e.jsx(l.MediaProvider,{id:r.site_logo,children:e.jsx(l.MediaConsumer,{children:e.jsx(a,{})})}),!window.isCustomizedPreview&&r.site_logo==0&&e.jsx("img",{className:"brand logo",size:"large",src:"/dc-logo_01.png"})]})}),e.jsx(n.Menu.Item,{className:"divider",children:e.jsx("div",{})}),e.jsx(n.Menu.Item,{className:"site name",fitted:!0,href:"/",children:r.name}),e.jsx(n.Menu.Item,{className:"pages",children:e.jsx(l.MenuConsumer,{children:e.jsx(M,{settings:r,active:o,selected:u,onSetSelected:d,locale:s})})}),e.jsx(n.Menu.Item,{className:"lang switcher",children:e.jsx(l.MenuConsumer,{children:e.jsx(f.default,{locale:s})})}),e.jsx(n.Menu.Item,{fitted:!0,children:e.jsx(j.default,{})})]})})},v=g.injectIntl(I);exports.default=v;

package/dist/cjs/layout/Layout.js

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

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("./CustomSemanticSearch.js"),M=require("react-dom"),N=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)}})]})})}),C=({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))]})},E=({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)}})),L=({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(N.Icon,{name:"search",size:"small"})}),s.current&&M.createPortal(f?e.jsxs("div",{onMouseLeave:x,children:[e.jsx("div",{className:"float-search-container",children:e.jsx(E,{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(C,{results:t,meta:c,perPage:a,intl:h,searchTerm:l})})]}):null,s.current)]})},b=({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(I.default,{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})},q=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(L,{onSetSelected:a,onSearch:t,perPage:5,...n,searchTerm:i}):e.jsx(b,{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=q;
+"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;

package/dist/cjs/layout/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ResponsiveContainer.js"),r=require("./ScrollTop.js"),o=require("./containers/PreviewPageContainer.js"),t=require("./containers/PreviewTypeContainer.js"),n=require("./containers/SlugContainer.js"),i=require("./containers/SlugPostContainer.js"),u=require("./Customizer.js"),a=require("./Layout.js"),l=require("./PreviewComponent.js"),s=require("./Favicon.js"),c=require("./SSRFavicon.js"),d=require("./Loading.js");exports.default=e.default;exports.ScrollToTop=r.default;exports.PreviewPageContainer=o.default;exports.PreviewTypeContainer=t.default;exports.SlugContainer=n.default;exports.SlugPostContainer=i.default;exports.CustomizerWrapper=u.CustomizerWrapper;exports.RootLayout=a.default;exports.PreviewComponent=l.default;exports.Favicon=s.default;exports.SSRFavicon=c.default;exports.Loading=d.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ResponsiveContainer.js"),r=require("./ScrollTop.js"),t=require("./containers/PreviewPageContainer.js"),o=require("./containers/PreviewTypeContainer.js"),a=require("./containers/SlugContainer.js"),n=require("./containers/SlugPostContainer.js"),u=require("./Customizer.js"),i=require("./Layout.js"),l=require("./PreviewComponent.js"),c=require("./Favicon.js"),s=require("./SSRFavicon.js"),d=require("./Loading.js"),f=require("./CustomSemanticSearch.js"),C=require("./Header.js"),q=require("./SearchControl.js"),S=require("./LangSwitcher.js"),p=require("./Footer.js"),g=require("./ClassicHeader.js"),v=require("./FlexWrapDetector.js"),P=require("./FloatingMenuHeader.js");exports.ResponsiveContainer=e.default;exports.default=e.default;exports.ScrollToTop=r.default;exports.PreviewPageContainer=t.default;exports.PreviewTypeContainer=o.default;exports.SlugContainer=a.default;exports.SlugPostContainer=n.default;exports.CustomizerWrapper=u.CustomizerWrapper;exports.RootLayout=i.default;exports.PreviewComponent=l.default;exports.Favicon=c.default;exports.SSRFavicon=s.default;exports.Loading=d.default;exports.CustomSemanticSearch=f.default;exports.Header=C.default;exports.SearchControl=q.default;exports.LangSwitcher=S.default;exports.Footer=p.default;exports.ClassicHeader=g.default;exports.FlexWrapDetector=v.default;exports.FloatingMenuHeader=P.default;

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

@@ -3,26 +3,36 @@ import { PostProvider as bt, PostConsumer as Ct } from "@devgateway/wp-react-lib
 import xt from "../connected-templates/PostIntro.js";
 import { useState as z, useEffect as wt, useRef as st, useCallback as G, useLayoutEffect as Tt } from "react";
 import { Container as vt, Modal as U } from "semantic-ui-react";
-import * as p from "d3";
+import * as d from "d3";
 import { useWindowDimensionsAndDevice as Pt } from "../../lib/hooks/window-dimensions.js";
 import { useScreenOrientation as $t } from "../../lib/hooks/screen-orientation.js";
 import "../../utils/AppMedia.js";
 import "../../layout/Footer.js";
 import "../../layout/Header.js";
 import "react-router";
-import "../../layout/Layout.js";
 import "../index.js";
+import "react-intl";
+import "react-redux";
+import "../../conf/index.js";
+import "../../lib/react-intl-redux/providers/IntlProvider.js";
+import "../../lib/react-intl-redux/providers/Provider.js";
+import "immutable";
+import "../../redux/store.js";
 import "../../layout/Favicon.js";
 import Dt from "../../layout/Loading.js";
+import "../../layout/CustomSemanticSearch.js";
+import "../../layout/SearchControl.js";
+import "../../layout/ClassicHeader.js";
+import "../../layout/FloatingMenuHeader.js";
 const Wt = {
   visibility: "visible",
   position: "relative",
   height: "auto",
   width: "auto"
-}, Ht = 0, It = (h) => {
+}, Ht = 0, It = (f) => {
   let {
     posts: a,
-    lineWidth: m,
+    lineWidth: h,
     lineColor: P,
     config: c,
     marginLeft: N,
@@ -37,15 +47,15 @@ const Wt = {
     enableDefaultPopup: V,
     closePopupOnMouseOut: X,
     unique: u
-  } = h;
+  } = f;
   B = 250;
-  const w = st(), W = st(), [H, g] = z(!1), [I, O] = z(0), [S, j] = z(null), { orientation: y } = $t(), { width: Y, deviceType: f, height: k } = Pt({
+  const w = st(), W = st(), [H, g] = z(!1), [I, O] = z(0), [S, j] = z(null), { orientation: y } = $t(), { width: Y, deviceType: m, height: k } = Pt({
     getDeviceType: !0,
     getHeight: !0
-  }), F = G((t) => `circle${u}${t}`, [u]), ct = G((t) => `title${u}${t}`, [u]), dt = (t) => {
+  }), F = G((t) => `circle${u}${t}`, [u]), ct = G((t) => `title${u}${t}`, [u]), pt = (t) => {
     var i;
     return ((i = c[t]) == null ? void 0 : i.size) || 10;
-  }, pt = ({ content: t, isOpen: i, style: l }) => {
+  }, dt = ({ content: t, isOpen: i, style: l }) => {
     const b = (n) => (n = n.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;">'
@@ -95,13 +105,13 @@ const Wt = {
       const M = 400;
       T.left + s + M + l > window.innerWidth && (n[0] = s - M * 0.6);
     }
-    g(!0), j({ data: i, id: i.id, position: n }), mt(i.id);
-  }, []), ft = () => {
+    g(!0), j({ data: i, id: i.id, position: n }), ht(i.id);
+  }, []), mt = () => {
     g(!1);
+  }, ft = (t) => {
+    d.selectAll(`#${F(t)}`).style("stroke", "none").style("fill", K(t)), d.selectAll(`#label${t}`).style("font-weight", "normal");
   }, ht = (t) => {
-    p.selectAll(`#${F(t)}`).style("stroke", "none").style("fill", K(t)), p.selectAll(`#label${t}`).style("font-weight", "normal");
-  }, mt = (t) => {
-    ht(Ht), p.selectAll(`#${F(t)}`).style("stroke", K(t)).style("fill", "#fff"), p.selectAll(`#label${t}`).style("font-weight", "bold");
+    ft(Ht), d.selectAll(`#${F(t)}`).style("stroke", K(t)).style("fill", "#fff"), d.selectAll(`#label${t}`).style("font-weight", "bold");
   };
   return Tt(() => {
     var nt;
@@ -125,41 +135,41 @@ const Wt = {
       tablet: 30,
       midTablet: 30,
       laptop: 40
-    }, s = p.scaleLinear().domain([0, a.length - 1]).range([t.top, b - t.bottom]), v = p.select(w.current);
+    }, s = d.scaleLinear().domain([0, a.length - 1]).range([t.top, b - t.bottom]), v = d.select(w.current);
     v.selectAll("*").remove(), v.attr("width", i).attr("height", b);
-    const M = p.line(), gt = [
+    const M = d.line(), gt = [
       [0, s(0)],
       [0, s(a.length - 1)]
     ], yt = M(gt);
-    let ot = `translate(${n[f]},0)`;
-    ((nt = process.env.REACT_APP_THEME) == null ? void 0 : nt.startsWith("cd")) && (ot = `translate(${n[f]},20)`);
+    let ot = `translate(${n[m]},0)`;
+    ((nt = process.env.REACT_APP_THEME) == null ? void 0 : nt.startsWith("cd")) && (ot = `translate(${n[m]},20)`);
     const E = v.append("g").attr("transform", ot);
-    P = "#E4E5EA", m = 6, E.append("path").attr("d", yt).attr("stroke-width", m).attr("stroke", P).attr("class", "timeline-path"), E.selectAll(".circle").data(a).enter().append("circle").attr("id", (o, e) => F(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => s(e)).attr("r", (o, e) => dt(e)).style("fill", (o, e) => {
-      var d;
-      return ((d = c[e]) == null ? void 0 : d.circleColor) || "#000";
+    P = "#E4E5EA", h = 6, E.append("path").attr("d", yt).attr("stroke-width", h).attr("stroke", P).attr("class", "timeline-path"), E.selectAll(".circle").data(a).enter().append("circle").attr("id", (o, e) => F(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => s(e)).attr("r", (o, e) => pt(e)).style("fill", (o, e) => {
+      var p;
+      return ((p = c[e]) == null ? void 0 : p.circleColor) || "#000";
     }).style("cursor", D ? "pointer" : "default").on("click", (o, e) => {
       o.preventDefault(), D && et(o, e);
-    }), E.selectAll(".title").data(a).enter().append("foreignObject").attr("x", A[f]).attr("y", (o, e) => s(e) - Number.parseInt(x) / 2).attr("width", Number.parseInt(T[f])).attr("height", Number.parseInt(x)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => ct(e)).style("font-size", `${Number.parseInt(C) + 1}px`).style("color", (o, e) => Q(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 d = ut(e);
+    }), E.selectAll(".title").data(a).enter().append("foreignObject").attr("x", A[m]).attr("y", (o, e) => s(e) - Number.parseInt(x) / 2).attr("width", Number.parseInt(T[m])).attr("height", Number.parseInt(x)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => ct(e)).style("font-size", `${Number.parseInt(C) + 1}px`).style("color", (o, e) => Q(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 = ut(e);
       let L = o.title.rendered;
-      return d && (L += `<br><span style="font-size:${Number.parseInt(C) - 3}px;color:${Q(
+      return p && (L += `<br><span style="font-size:${Number.parseInt(C) - 3}px;color:${Q(
         e
-      )};text-decoration:underline;text-underline-offset:3px">${d}</span>`), L;
+      )};text-decoration:underline;text-underline-offset:3px">${p}</span>`), L;
     }).each(function(o, e) {
-      const d = p.select(this.parentNode);
+      const p = d.select(this.parentNode);
       setTimeout(() => {
         const L = this.getBoundingClientRect(), rt = Math.min(
           L.height,
           Number.parseInt(x) * 2
         );
-        d.attr("height", rt), d.attr("y", s(e) - rt / 2);
+        p.attr("height", rt), p.attr("y", s(e) - rt / 2);
       }, 0);
-    }).on("click", (o, e, d) => {
+    }).on("click", (o, e, p) => {
       o.preventDefault(), $ && et(o, e);
     });
     const it = +C + 1, lt = 60, q = it * 0.9;
     E.selectAll(".year-fo").data(a).enter().append("foreignObject").attr("class", "year-fo").attr("x", -70).attr("y", (o, e) => s(e) - q / 2).attr("width", lt).attr("height", q).append("xhtml:div").style("display", "flex").style("align-items", "center").style("justify-content", "flex-end").style("width", `${lt}px`).style("height", `${q}px`).style("font-size", `${it}px`).style("line-height", "1em").style("font-weight", "400").style("color", "#4C4D50").html((o) => o.meta_fields.subtitle);
-  }, [f, y]), /* @__PURE__ */ at(
+  }, [m, y]), /* @__PURE__ */ at(
     "div",
     {
       className: "time line",
@@ -169,7 +179,7 @@ const Wt = {
         a.filter((t) => S && S.id === t.id).map((t) => {
           const i = t.slug || "unknown-slug", l = a.indexOf(t);
           return /* @__PURE__ */ r(
-            pt,
+            dt,
             {
               isOpen: H,
               content: /* @__PURE__ */ r(
@@ -189,7 +199,7 @@ const Wt = {
                   )
                 }
               ),
-              closeTooltip: ft,
+              closeTooltip: mt,
               style: {
                 backgroundColor: Z(l),
                 color: tt(l)
@@ -201,12 +211,12 @@ const Wt = {
         /* @__PURE__ */ r("svg", { height: k, width: I, ref: w })
       ]
     },
-    u + f + y
+    u + m + y
   );
-}, Ot = (h) => {
+}, Ot = (f) => {
   const {
     "data-type": a,
-    "data-taxonomy": m,
+    "data-taxonomy": h,
     "data-categories": P,
     "data-items": c,
     "data-height": N,
@@ -230,7 +240,7 @@ const Wt = {
     editing: S,
     parent: j,
     unique: y
-  } = h, Y = h.intl.locale, k = {
+  } = f, Y = f.intl.locale, k = {
     unique: y || Math.random().toString(36).substring(2, 9),
     marginLeft: B,
     marginTop: x,
@@ -262,7 +272,7 @@ const Wt = {
         {
           locale: Y,
           type: a,
-          taxonomy: m,
+          taxonomy: h,
           categories: P,
           store: `carousel_${j}_${y}`,
           page: 1,
@@ -272,12 +282,12 @@ const Wt = {
       )
     }
   );
-}, Jt = (h) => {
-  const [a, m] = z(!1);
+}, ie = (f) => {
+  const [a, h] = z(!1);
   return wt(() => {
-    m(!0);
-  }, []), a ? /* @__PURE__ */ r(Ot, { ...h }) : /* @__PURE__ */ r(Dt, {});
+    h(!0);
+  }, []), a ? /* @__PURE__ */ r(Ot, { ...f }) : /* @__PURE__ */ r(Dt, {});
 };
 export {
-  Jt as default
+  ie as default
 };

package/dist/esm/layout/ClassicHeader.js

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

package/dist/esm/layout/FloatingMenuHeader.js

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Menu as n, Image as p, Popup as f } from "semantic-ui-react";
+import { useState as I } from "react";
+import { MenuProvider as N, MediaProvider as v, MediaConsumer as w, MenuConsumer as u } from "@devgateway/wp-react-lib";
+import { injectIntl as _ } from "react-intl";
+import x from "./SearchControl.js";
+import M from "./LangSwitcher.js";
+import { useParams as S } from "react-router";
+const g = (r, i) => r ? r.substr(r.indexOf("/wp") + 3).startsWith("/" + i) ? r.substr(r.indexOf("/wp") + 3) : "/" + i + r.substr(r.indexOf("/wp") + 3) : "", b = (r) => {
+  const {
+    settings: i,
+    withIcons: m,
+    active: a,
+    menu: d,
+    onSetSelected: c,
+    selected: s,
+    locale: h
+  } = r;
+  return d.items.filter((t) => t.url != "#wpm-languages").map((t) => /* @__PURE__ */ o(
+    n.Item,
+    {
+      className: `divided ${t.child_items ? "has-child-items" : ""} ${s && s.ID == t.ID ? "selected" : ""}  ${a == t.slug ? "active" : ""}`,
+      children: [
+        !t.child_items && /* @__PURE__ */ e("a", { onClick: (l) => c(t), href: g(t.url, h), children: t.title }),
+        t.child_items && /* @__PURE__ */ e(
+          f,
+          {
+            position: "top center",
+            className: "floating child",
+            positionFixed: !0,
+            hoverable: !0,
+            trigger: /* @__PURE__ */ e("span", { children: t.title }),
+            children: t.child_items.map((l) => /* @__PURE__ */ o(n.Item, { children: [
+              l.icon && /* @__PURE__ */ e("img", { className: "child icon", src: l.icon.url }),
+              /* @__PURE__ */ o("span", { children: [
+                " ",
+                /* @__PURE__ */ e("a", { onClick: (P) => c(t), href: g(l.url, h), children: l.title })
+              ] })
+            ] }))
+          }
+        )
+      ]
+    }
+  ));
+}, C = ({
+  intl: { locale: r },
+  settings: i
+}) => {
+  const [m, a] = I(), { slug: d } = S(), c = ({ media: s }) => s ? /* @__PURE__ */ e(p, { src: s.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" });
+  return /* @__PURE__ */ e(N, { slug: "main", locale: r, children: /* @__PURE__ */ o(n, { className: "header floating branding", text: !0, children: [
+    /* @__PURE__ */ e(n.Item, { className: "logo", children: /* @__PURE__ */ o("a", { href: `/${r}`, children: [
+      i.site_logo != 0 && /* @__PURE__ */ e(v, { id: i.site_logo, children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(c, {}) }) }),
+      !window.isCustomizedPreview && i.site_logo == 0 && /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/dc-logo_01.png" })
+    ] }) }),
+    /* @__PURE__ */ e(n.Item, { className: "divider", children: /* @__PURE__ */ e("div", {}) }),
+    /* @__PURE__ */ e(n.Item, { className: "site name", fitted: !0, href: "/", children: i.name }),
+    /* @__PURE__ */ e(n.Item, { className: "pages", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
+      b,
+      {
+        settings: i,
+        active: d,
+        selected: m,
+        onSetSelected: a,
+        locale: r
+      }
+    ) }) }),
+    /* @__PURE__ */ e(n.Item, { className: "lang switcher", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(M, { locale: r }) }) }),
+    /* @__PURE__ */ e(n.Item, { fitted: !0, children: /* @__PURE__ */ e(x, {}) })
+  ] }) });
+}, L = _(C);
+export {
+  L as default
+};

package/dist/esm/layout/Layout.js

@@ -1,47 +1,49 @@
-import { jsx as e, Fragment as p, jsxs as f } from "react/jsx-runtime";
-import { useEffect as m } from "react";
-import { useParams as d, useLocation as u, Navigate as a, Outlet as g } from "react-router";
-import { getComponentByNameIgnoreCase as h } from "../embeddable/index.js";
-import { injectIntl as v, IntlProvider as w } from "react-intl";
-import { AppContextProvider as C, SettingProvider as I, SettingsConsumer as L } from "@devgateway/wp-react-lib";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useState as u, useEffect as m } from "react";
+import { useParams as d, useLocation as g, Navigate as a, Outlet as h } from "react-router";
+import { getComponentByNameIgnoreCase as v } from "../embeddable/index.js";
+import { IntlProvider as C } from "react-intl";
+import { AppContextProvider as w, SettingProvider as I, SettingsConsumer as L } from "@devgateway/wp-react-lib";
 import { Provider as P } from "react-redux";
 import "semantic-ui-react";
 import "../utils/AppMedia.js";
 import "./Footer.js";
 import "./Header.js";
-import { CustomizerWrapper as E } from "./Customizer.js";
-import "./Favicon.js";
-import { Config as y } from "../conf/index.js";
+import { CustomizerWrapper as y } from "./Customizer.js";
+import { Config as E } from "../conf/index.js";
 import * as N from "../translations/en.json.js";
 import * as O from "../translations/fr.json.js";
 import * as b from "../translations/af.json.js";
-import { updateIntl as j } from "../lib/react-intl-redux/index.js";
+import { updateIntl as x } from "../lib/react-intl-redux/index.js";
 import "immutable";
-import { store as n } from "../redux/store.js";
-const i = {
+import { store as r } from "../redux/store.js";
+import "./Favicon.js";
+import "./CustomSemanticSearch.js";
+import "./SearchControl.js";
+import "./ClassicHeader.js";
+import "./FloatingMenuHeader.js";
+const n = {
   en: N,
   fr: O,
   am: b
-};
-v((t) => (document.title = t.settings.description, /* @__PURE__ */ e(p, {})));
-const G = () => {
-  const t = d(), l = u(), r = y.DEFAULT_LOCALE;
-  console.log("defaultLocale", r);
-  const o = t.lan, c = l.pathname;
-  return console.log("pathParams", JSON.stringify(t.lan)), m(() => {
-    process.env.NODE_ENV === "development" && (console.log("----------.env-----------"), console.log(process.env), console.log("----------.env-----------")), window && window.setTimeout(() => {
-      if (window && window.location.hash) {
+}, X = () => {
+  const i = d(), l = g(), t = E.DEFAULT_LOCALE, [S, p] = u(!1);
+  console.log("defaultLocale", t);
+  const o = i.lan, c = l.pathname;
+  return console.log("pathParams", JSON.stringify(i.lan)), m(() => {
+    p(!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 s = document.getElementById(window.location.hash.substring(1));
         s && s.scrollIntoView({ behavior: "auto", block: "start" });
       }
     }, 2e3);
   }, []), m(() => {
-    n.dispatch(j({ locale: o, formats: {}, messages: i[o ?? "en"] }));
-  }, [o]), o ? Object.keys(i).includes(o) ? /* @__PURE__ */ e(P, { store: n, children: /* @__PURE__ */ e(w, { locale: o, messages: i[o], children: /* @__PURE__ */ e(C, { getComponent: h, store: n, locale: o, children: /* @__PURE__ */ e(I, { locale: o, changeUUID: null, children: /* @__PURE__ */ f(L, { children: [
-    /* @__PURE__ */ e(E, {}),
-    /* @__PURE__ */ e(g, {})
-  ] }) }) }) }, o) }) : /* @__PURE__ */ e(a, { to: `/${r}${c}`, replace: !0 }) : /* @__PURE__ */ e(a, { to: r, replace: !0 });
+    r.dispatch(x({ locale: o, formats: {}, messages: n[o ?? "en"] }));
+  }, [o]), o ? Object.keys(n).includes(o) ? /* @__PURE__ */ e(P, { store: r, children: /* @__PURE__ */ e(C, { locale: o, messages: n[o], children: /* @__PURE__ */ e(w, { getComponent: v, store: r, locale: o, children: /* @__PURE__ */ e(I, { locale: o, changeUUID: null, children: /* @__PURE__ */ f(L, { children: [
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(h, {})
+  ] }) }) }) }, o) }) : /* @__PURE__ */ e(a, { to: `/${t}${c}`, replace: !0 }) : /* @__PURE__ */ e(a, { to: t, replace: !0 });
 };
 export {
-  G as default
+  X as default
 };

package/dist/esm/layout/SearchControl.js

@@ -1,10 +1,9 @@
 import { jsx as t, jsxs as S, Fragment as C } from "react/jsx-runtime";
 import { useState as v, useEffect as w, useRef as L } from "react";
 import { utils as y, SearchProvider as E, SearchConsumer as T } from "@devgateway/wp-react-lib";
-import b from "./CustomSemanticSearch.js";
-import { createPortal as z } from "react-dom";
-import { Icon as P } from "semantic-ui-react";
-import { injectIntl as I, IntlProvider as _ } from "react-intl";
+import { createPortal as b } from "react-dom";
+import { Icon as z } from "semantic-ui-react";
+import { injectIntl as I, IntlProvider as P } from "react-intl";
 const x = (r, a) => {
   if (!a) return r;
   const s = new RegExp(`(${a})`, "gi");
@@ -40,7 +39,7 @@ const x = (r, a) => {
           "div",
           {
             className: "has-standard-12-font-size",
-            onClick: (H) => document.location.href = m,
+            onClick: (D) => document.location.href = m,
             children: [
               /* @__PURE__ */ t(
                 "h5",
@@ -75,7 +74,7 @@ const x = (r, a) => {
       }
     );
   }
-), F = ({ results: r, meta: a, perPage: s, intl: i, searchTerm: e }) => {
+), _ = ({ results: r, meta: a, perPage: s, intl: i, searchTerm: e }) => {
   const o = a ? a["x-wp-total"] : 0;
   return a && a["x-wp-totalpages"], /* @__PURE__ */ S("div", { id: "float-results-container", children: [
     /* @__PURE__ */ t("span", { className: "float-results-header", children: i.formatMessage(
@@ -87,7 +86,7 @@ const x = (r, a) => {
     ) }),
     r.map((c) => /* @__PURE__ */ t(N, { ...c, searchTerm: e }, c.ID))
   ] });
-}, j = ({
+}, F = ({
   onSearch: r,
   perPage: a,
   loading: s,
@@ -108,7 +107,7 @@ const x = (r, a) => {
       r(c.target.value);
     }
   }
-)), k = ({
+)), j = ({
   onSearch: r,
   onSetSelected: a,
   perPage: s,
@@ -143,13 +142,13 @@ const x = (r, a) => {
         id: "ui-float-search",
         className: "ui float-search",
         onMouseOver: h,
-        children: /* @__PURE__ */ t(P, { name: "search", size: "small" })
+        children: /* @__PURE__ */ t(z, { name: "search", size: "small" })
       }
     ),
-    n.current && z(
+    n.current && b(
       p ? /* @__PURE__ */ S("div", { onMouseLeave: g, children: [
         /* @__PURE__ */ t("div", { className: "float-search-container", children: /* @__PURE__ */ t(
-          j,
+          F,
           {
             onSearch: r,
             perPage: s,
@@ -160,8 +159,8 @@ const x = (r, a) => {
             searchTerm: l
           }
         ) }),
-        e && e.length > 0 && /* @__PURE__ */ t(_, { locale: c, children: /* @__PURE__ */ t(
-          F,
+        e && e.length > 0 && /* @__PURE__ */ t(P, { locale: c, children: /* @__PURE__ */ t(
+          _,
           {
             results: e,
             meta: o,
@@ -174,7 +173,7 @@ const x = (r, a) => {
       n.current
     )
   ] });
-}, D = ({ onSearch: r, perPage: a, loading: s, results: i, meta: e, intl: o }) => {
+}, k = ({ onSearch: r, perPage: a, loading: s, results: i, meta: e, intl: o }) => {
   const c = e ? e["x-wp-total"] : 0, u = e ? e["x-wp-totalpages"] : 0, [l, p] = v("");
   w(() => {
     const n = setTimeout(() => {
@@ -184,7 +183,7 @@ const x = (r, a) => {
   }, [l]);
   const f = (n) => /* @__PURE__ */ t(N, { ...n, searchTerm: l });
   return /* @__PURE__ */ t(
-    b,
+    CustomSemanticSearch,
     {
       value: l,
       loading: s,
@@ -206,7 +205,7 @@ const x = (r, a) => {
       searchTerm: l
     }
   );
-}, G = I((r) => {
+}, Q = I((r) => {
   const { intl: a, onSetSelected: s } = r, [i, e] = v(""), [o, c] = v(!1);
   w(() => {
     const l = () => {
@@ -215,7 +214,7 @@ const x = (r, a) => {
     return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
   }, []);
   const u = r.settings.react_search_type === "floating" || o ? /* @__PURE__ */ t(
-    k,
+    j,
     {
       onSetSelected: s,
       onSearch: e,
@@ -224,7 +223,7 @@ const x = (r, a) => {
       searchTerm: i
     }
   ) : /* @__PURE__ */ t(
-    D,
+    k,
     {
       onSetSelected: s,
       onSearch: e,
@@ -235,5 +234,5 @@ const x = (r, a) => {
   return /* @__PURE__ */ t(E, { search: i, perPage: 5, locale: a.locale, children: /* @__PURE__ */ t(T, { children: u }) });
 });
 export {
-  G as default
+  Q as default
 };

package/dist/esm/layout/index.js

@@ -1,26 +1,43 @@
-import e from "./ResponsiveContainer.js";
-import { default as a } from "./ScrollTop.js";
+import o from "./ResponsiveContainer.js";
+import { default as t } from "./ScrollTop.js";
 import { default as p } from "./containers/PreviewPageContainer.js";
-import { default as l } from "./containers/PreviewTypeContainer.js";
-import { default as s } from "./containers/SlugContainer.js";
-import { default as i } from "./containers/SlugPostContainer.js";
-import { CustomizerWrapper as x } from "./Customizer.js";
-import { default as v } from "./Layout.js";
-import { default as S } from "./PreviewComponent.js";
-import { default as c } from "./Favicon.js";
-import { default as R } from "./SSRFavicon.js";
-import { default as y } from "./Loading.js";
+import { default as s } from "./containers/PreviewTypeContainer.js";
+import { default as u } from "./containers/SlugContainer.js";
+import { default as n } from "./containers/SlugPostContainer.js";
+import { CustomizerWrapper as i } from "./Customizer.js";
+import { default as c } from "./Layout.js";
+import { default as g } from "./PreviewComponent.js";
+import { default as F } from "./Favicon.js";
+import { default as w } from "./SSRFavicon.js";
+import { default as H } from "./Loading.js";
+import { default as R } from "./CustomSemanticSearch.js";
+import { default as y } from "./Header.js";
+import { default as z } from "./SearchControl.js";
+import { default as M } from "./LangSwitcher.js";
+import { default as j } from "./Footer.js";
+import { default as q } from "./ClassicHeader.js";
+import { default as B } from "./FlexWrapDetector.js";
+import { default as G } from "./FloatingMenuHeader.js";
 export {
-  x as CustomizerWrapper,
-  c as Favicon,
-  y as Loading,
-  S as PreviewComponent,
+  q as ClassicHeader,
+  R as CustomSemanticSearch,
+  i as CustomizerWrapper,
+  F as Favicon,
+  B as FlexWrapDetector,
+  G as FloatingMenuHeader,
+  j as Footer,
+  y as Header,
+  M as LangSwitcher,
+  H as Loading,
+  g as PreviewComponent,
   p as PreviewPageContainer,
-  l as PreviewTypeContainer,
-  v as RootLayout,
-  R as SSRFavicon,
-  a as ScrollToTop,
-  s as SlugContainer,
-  i as SlugPostContainer,
-  e as default
+  s as PreviewTypeContainer,
+  o as ResponsiveContainer,
+  c as RootLayout,
+  w as SSRFavicon,
+  t as ScrollToTop,
+  z as SearchControl,
+  u as SlugContainer,
+  n as SlugPostContainer,
+  o as default
 };

package/dist/types/dvz-ui/src/layout/index.d.ts

@@ -9,3 +9,13 @@ export { default as PreviewComponent } from './PreviewComponent';
 export { default as Favicon } from './Favicon';
 export { default as SSRFavicon } from './SSRFavicon';
 export { default as Loading } from './Loading';
+export { default as ResponsiveContainer } from './ResponsiveContainer';
+export { default as CustomSemanticSearch } from './CustomSemanticSearch';
+export { default as Header } from './Header';
+export { default as SearchControl } from './SearchControl';
+export { default as LangSwitcher } from './LangSwitcher';
+export { default as Footer } from './Footer';
+export { default as ClassicHeader } from './ClassicHeader';
+export * from './Customizer';
+export { default as FlexWrapDetector } from './FlexWrapDetector';
+export { default as FloatingMenuHeader } from './FloatingMenuHeader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -68,7 +68,7 @@
     "react-intl": "^7.1.14",
     "react-is": "^18.3.1",
     "react-markdown": "^10.1.0",
-    "react-redux": "^9.2.0",
+    "react-redux": "~9.2.0",
     "react-router": "~7.7.1",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0",