@devgateway/dvz-ui-react 1.6.8 → 1.6.10

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),o=require("semantic-ui-react"),m=require("@devgateway/wp-react-lib"),S=require("../connected-templates/PostIntro.js"),_=require("../../lib/hooks/window-dimensions.js"),M=require("react-redux"),T=({post:n,onClick:x,active:a,moreLabel:l})=>{const f=n._embedded?n._embedded["wp:featuredmedia"]:null;return e.jsxs("div",{className:"cover",style:{backgroundImage:`url(${f?f[0].source_url:""})`},children:[e.jsx(S.default,{post:n}),a?e.jsxs(o.Label,{onClick:x,children:[e.jsx(o.Icon,{name:"arrow alternate circle left outline",size:"large"})," Back "]}):e.jsxs(o.Label,{onClick:x,children:[e.jsx(o.Icon,{name:"search",size:"large"})," ",l]})]})},L=({post:n})=>{const l=new DOMParser().parseFromString(n.content.rendered,"text/html").querySelector("figure");return l?e.jsx("div",{style:{flex:"0 0 40px"},dangerouslySetInnerHTML:{__html:l.outerHTML}}):null},A=({posts:n,width:x,height:a,color:l,moreLabel:f,closeLabel:j})=>{const[s,h]=d.useState(null),[y,b]=d.useState(!1),[p,v]=d.useState([0,0]),c=l.split(","),g=i=>{y?(b(!1),h(i)):(h(i),b(!0))};return d.useEffect(()=>{s&&v([window.scrollX,window.scrollY]),s==null&&window.scrollTo(p[0],p[1])},[s]),d.useEffect(()=>{window.setTimeout(()=>{if(window.location.hash){const i=window.location.hash.substr(1),t=document.getElementById(i);t&&n&&n.map(r=>r.slug).indexOf(i)>-1&&(h(i),t.scrollIntoView({behavior:"auto",block:"start"}))}},0)},[n]),e.jsx(o.Container,{fluid:!0,className:"featured tabs",style:{minHeight:`${a}px`},children:e.jsx(o.Grid,{stackable:!0,columns:s!=null?1:n==null?void 0:n.length,className:"desktop",children:n==null?void 0:n.map((i,t)=>{var r;return e.jsxs(d.Fragment,{children:[e.jsxs(o.Grid.Column,{style:s==null?{display:"block",visibility:"visible",backgroundColor:c[t]}:{display:"none",visibility:"hidden"},children:[e.jsx("a",{id:i.slug}),e.jsx(T,{post:i,moreLabel:f,onClick:()=>g(i.slug)})]}),e.jsxs(o.Grid.Column,{className:"expanded",style:s!=i.slug?{display:"none",visibility:"hidden"}:{display:"block",visibility:"visible"},children:[e.jsxs(o.Segment,{style:{backgroundColor:c[t]},children:[((r=i.meta_fields)==null?void 0:r.icon)&&e.jsx(m.MediaProvider,{id:i.meta_fields?i.meta_fields.icon[0]:null,children:e.jsx(m.MediaConsumer,{children:e.jsx(m.PostIcon,{})})}),e.jsx(m.PostTitle,{as:"h2",post:i,className:"has-standard-36-font-size has-white-color"}),e.jsx(o.Label,{className:"closeIcon",onClick:()=>h(null),children:e.jsx(o.Icon,{name:"times circle outline",size:"large"})})]}),e.jsx(m.PostContent,{as:"div",fluid:!0,post:i,style:{maxHeight:`calc(${a}px - 150px)`}}),e.jsxs(o.Label,{className:"closeIconText",style:{backgroundColor:`${c[t]}`},onClick:()=>h(null),children:[e.jsx(o.Icon,{name:"times circle outline",size:"large"})," ",j||"Close"," "]})]})]},i.slug)})})})},q=({posts:n,activeItem:x,setActive:a,color:l})=>{const[f,j]=d.useState(n.findIndex(t=>t.slug===x)),[s,h]=d.useState(null),y=l.split(","),b=()=>{var t;return((t=window.screen.orientation)==null?void 0:t.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")},[p,v]=d.useState(b()),c=()=>{setTimeout(()=>{v(b())},100)},g=(t,r,u)=>{document.querySelectorAll(t).forEach(C=>{C.querySelector(r)&&C.classList.add(u)})};d.useEffect(()=>{if(s){const t=s.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:t,behavior:"smooth"})}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","blockquote","has-blockquote"),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")},[s]),d.useEffect(()=>(window.screen.orientation&&window.screen.orientation.addEventListener("change",c),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c),window.screen.orientation&&window.screen.orientation.removeEventListener("change",c)}),[]);const i=(t,r)=>{const{index:u}=r,w=f===u?-1:u;j(w),a(n[u].slug),w!==-1&&h(t.currentTarget)};return e.jsx(o.Accordion,{fluid:!0,styled:!0,children:n.map((t,r)=>{var w;const u=(w=t.meta_fields)!=null&&w.icon?t.meta_fields.icon[0]:null;return e.jsxs(d.Fragment,{children:[e.jsx(o.Accordion.Title,{active:f===r,index:r,onClick:i,style:{backgroundColor:y[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:[u&&e.jsx(m.MediaProvider,{id:u,children:e.jsx(m.MediaConsumer,{children:e.jsx(m.PostIcon,{className:"icon"})})}),!u&&e.jsx(L,{post:t}),e.jsx("p",{className:"accordion-post-ft-title",dangerouslySetInnerHTML:{__html:t.title.rendered},style:{marginLeft:"10px"}})]}),e.jsx(o.Icon,{name:"chevron down"})]})}),e.jsx(o.Accordion.Content,{className:"accordion-post-ft-content",active:f===r,children:e.jsx(m.PostContent,{post:t})})]},t.id)})})},z=n=>{var I;let{"data-width":x,"data-height":a,"data-type":l,"data-taxonomy":f,"data-categories":j,"data-items":s,"data-color":h,"data-use-scrolls":y,"data-read-more-label":b="READ More","data-close-label":p="Close","data-preview-mode":v="Desktop",editing:c,parent:g,unique:i,pageModuleProps:t}=n;const r=n.intl.locale;t!=null&&t.editing&&(t!=null&&t.previewMode)&&(c=t.editing,v=t.previewMode);const u=y=="true",{width:w}=_.useWindowDimensionsAndDevice(),C=w<=1250,k=v!=="Desktop"&&c,P=C&&!c;return e.jsx(o.Container,{className:`viz featured tabs ${c?"editing":""} ${u?"scrollable":""}`,fluid:!0,children:e.jsx(m.PostProvider,{locale:r,type:l,taxonomy:f,categories:j,store:`tabbedposts_${g}_${i}`,page:1,perPage:s,children:e.jsx(m.PostConsumer,{children:k||P?e.jsx(q,{posts:s,activeItem:(I=s==null?void 0:s[0])==null?void 0:I.slug,color:h,setActive:()=>{}}):e.jsx(A,{moreLabel:b,closeLabel:p,color:h,width:x,height:a})})})})},E=(n,x)=>{const a=n.getIn(["data","pageModuleProps"]),l={};return a&&(l.pageModuleProps=a),l},N={},D=M.connect(E,N)(z);exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),s=require("semantic-ui-react"),d=require("@devgateway/wp-react-lib"),S=require("../connected-templates/PostIntro.js"),_=require("../../lib/hooks/window-dimensions.js"),M=require("react-redux"),T=({post:n,onClick:x,active:u,moreLabel:l,mediaData:f})=>{const g=n._embedded?n._embedded["wp:featuredmedia"]:null,o=f?f.source_url:g&&g.length>0?g[0].source_url:null;return e.jsxs("div",{className:"cover",style:{backgroundImage:`url(${o||""})`},children:[e.jsx(S.default,{post:n}),u?e.jsxs(s.Label,{onClick:x,children:[e.jsx(s.Icon,{name:"arrow alternate circle left outline",size:"large"})," Back "]}):e.jsxs(s.Label,{onClick:x,children:[e.jsx(s.Icon,{name:"search",size:"large"})," ",l]})]})},L=({post:n})=>{const l=new DOMParser().parseFromString(n.content.rendered,"text/html").querySelector("figure");return l?e.jsx("div",{style:{flex:"0 0 40px"},dangerouslySetInnerHTML:{__html:l.outerHTML}}):null},A=({posts:n,width:x,height:u,color:l,moreLabel:f,closeLabel:g})=>{const[o,h]=m.useState(null),[y,b]=m.useState(!1),[p,j]=m.useState([0,0]),c=l.split(","),w=i=>{y?(b(!1),h(i)):(h(i),b(!0))};return m.useEffect(()=>{o&&j([window.scrollX,window.scrollY]),o==null&&window.scrollTo(p[0],p[1])},[o]),m.useEffect(()=>{window.setTimeout(()=>{if(window.location.hash){const i=window.location.hash.substr(1),t=document.getElementById(i);t&&n&&n.map(r=>r.slug).indexOf(i)>-1&&(h(i),t.scrollIntoView({behavior:"auto",block:"start"}))}},0)},[n]),e.jsx(s.Container,{fluid:!0,className:"featured tabs",style:{minHeight:`${u}px`},children:e.jsx(s.Grid,{stackable:!0,columns:o!=null?1:n==null?void 0:n.length,className:"desktop",children:n==null?void 0:n.map((i,t)=>{var r;return e.jsxs(m.Fragment,{children:[e.jsxs(s.Grid.Column,{style:o==null?{display:"block",visibility:"visible",backgroundColor:c[t]}:{display:"none",visibility:"hidden"},children:[e.jsx("a",{id:i.slug}),e.jsx(d.MediaProvider,{id:i.featured_media,children:e.jsx(d.MediaContext.Consumer,{children:({media:a})=>e.jsx(T,{post:i,mediaData:a,moreLabel:f,onClick:()=>w(i.slug)})})})]}),e.jsxs(s.Grid.Column,{className:"expanded",style:o!=i.slug?{display:"none",visibility:"hidden"}:{display:"block",visibility:"visible"},children:[e.jsxs(s.Segment,{style:{backgroundColor:c[t]},children:[((r=i.meta_fields)==null?void 0:r.icon)&&e.jsx(d.MediaProvider,{id:i.meta_fields?i.meta_fields.icon[0]:null,children:e.jsx(d.MediaConsumer,{children:e.jsx(d.PostIcon,{})})}),e.jsx(d.PostTitle,{as:"h2",post:i,className:"has-standard-36-font-size has-white-color"}),e.jsx(s.Label,{className:"closeIcon",onClick:()=>h(null),children:e.jsx(s.Icon,{name:"times circle outline",size:"large"})})]}),e.jsx(d.PostContent,{as:"div",fluid:!0,post:i,style:{maxHeight:`calc(${u}px - 150px)`}}),e.jsxs(s.Label,{className:"closeIconText",style:{backgroundColor:`${c[t]}`},onClick:()=>h(null),children:[e.jsx(s.Icon,{name:"times circle outline",size:"large"})," ",g||"Close"," "]})]})]},i.slug)})})})},q=({posts:n,activeItem:x,setActive:u,color:l})=>{const[f,g]=m.useState(n.findIndex(t=>t.slug===x)),[o,h]=m.useState(null),y=l.split(","),b=()=>{var t;return((t=window.screen.orientation)==null?void 0:t.type)||(window.innerWidth>window.innerHeight?"landscape-primary":"portrait-primary")},[p,j]=m.useState(b()),c=()=>{setTimeout(()=>{j(b())},100)},w=(t,r,a)=>{document.querySelectorAll(t).forEach(C=>{C.querySelector(r)&&C.classList.add(a)})};m.useEffect(()=>{if(o){const t=o.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:t,behavior:"smooth"})}w(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-ft-title","has-accordion-title"),w(".ui.fluid.container.viz.featured.tabs",".accordion .accordion-post-vft-content","has-accordion-content"),w(".ui.fluid.container.viz.featured.tabs","blockquote","has-blockquote"),w(".ui.fluid.container.viz.featured.tabs",".vt-accordion-post-intro figure","has-vt-accordion-figure"),w(".ui.fluid.container.viz.featured.tabs",".content.active.accordion-post-content .wp-block-columns","has-wp-block-columns")},[o]),m.useEffect(()=>(window.screen.orientation&&window.screen.orientation.addEventListener("change",c),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c),window.screen.orientation&&window.screen.orientation.removeEventListener("change",c)}),[]);const i=(t,r)=>{const{index:a}=r,v=f===a?-1:a;g(v),u(n[a].slug),v!==-1&&h(t.currentTarget)};return e.jsx(s.Accordion,{fluid:!0,styled:!0,children:n.map((t,r)=>{var v;const a=(v=t.meta_fields)!=null&&v.icon?t.meta_fields.icon[0]:null;return e.jsxs(m.Fragment,{children:[e.jsx(s.Accordion.Title,{active:f===r,index:r,onClick:i,style:{backgroundColor:y[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:[a&&e.jsx(d.MediaProvider,{id:a,children:e.jsx(d.MediaConsumer,{children:e.jsx(d.PostIcon,{className:"icon"})})}),!a&&e.jsx(L,{post:t}),e.jsx("p",{className:"accordion-post-ft-title",dangerouslySetInnerHTML:{__html:t.title.rendered},style:{marginLeft:"10px"}})]}),e.jsx(s.Icon,{name:"chevron down"})]})}),e.jsx(s.Accordion.Content,{className:"accordion-post-ft-content",active:f===r,children:e.jsx(d.PostContent,{post:t})})]},t.id)})})},z=n=>{var I;let{"data-width":x,"data-height":u,"data-type":l,"data-taxonomy":f,"data-categories":g,"data-items":o,"data-color":h,"data-use-scrolls":y,"data-read-more-label":b="READ More","data-close-label":p="Close","data-preview-mode":j="Desktop",editing:c,parent:w,unique:i,pageModuleProps:t}=n;const r=n.intl.locale;t!=null&&t.editing&&(t!=null&&t.previewMode)&&(c=t.editing,j=t.previewMode);const a=y=="true",{width:v}=_.useWindowDimensionsAndDevice(),C=v<=1250,P=j!=="Desktop"&&c,k=C&&!c;return e.jsx(s.Container,{className:`viz featured tabs ${c?"editing":""} ${a?"scrollable":""}`,fluid:!0,children:e.jsx(d.PostProvider,{locale:r,type:l,taxonomy:f,categories:g,store:`tabbedposts_${w}_${i}`,page:1,perPage:o,children:e.jsx(d.PostConsumer,{children:P||k?e.jsx(q,{posts:o,activeItem:(I=o==null?void 0:o[0])==null?void 0:I.slug,color:h,setActive:()=>{}}):e.jsx(A,{moreLabel:b,closeLabel:p,color:h,width:x,height:u})})})})},E=(n,x)=>{const u=n.getIn(["data","pageModuleProps"]),l={};return u&&(l.pageModuleProps=u),l},N={},D=M.connect(E,N)(z);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"),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"),k=(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},E=(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=k(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 w=C.useParams();i.useEffect(s=>{const t=k(l,w).filter(f=>f.menu_item_parent==0);t&&t.length>0?a(t[0]):a(null)},[l,a,w.slug]);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 b=/(-)?[0-9]+/g.exec(t),M=parseInt(b[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:E(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:E(s.url,j),children:s.title}):s.child_items?e.jsx("span",{onMouseOver:t=>a(s),onClick:()=>a(d===s?null:s),children:s.title}):e.jsx("a",{onMouseOut:t=>a(null),onMouseOver:t=>a(s),href:E(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:E(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),[w,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 D=window.innerWidth<=1200;S(D),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 b=({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 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(b,{},"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:"/wp-media/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})]}),!w&&(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;
+                            ${c===s.slug?"active":""}`,children:[r&&e.jsx("a",{href:E(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:E(s.url,j),children:s.title}):s.child_items?e.jsx("span",{onMouseOver:t=>a(s),onClick:()=>a(d===s?null:s),children:s.title}):e.jsx("a",{onMouseOut:t=>a(null),onMouseOver:t=>a(s),href:E(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:E(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),[w,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 D=window.innerWidth<=1200;S(D),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 b=({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 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(b,{},"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:"/wp-media/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})]}),!w&&(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,selected:c,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/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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),j=require("@devgateway/wp-react-lib"),M=require("./CustomSemanticSearch.js"),C=require("react-dom"),N=require("semantic-ui-react"),w=require("react-intl"),v=(r,n)=>{if(!r||!n)return r||"";const c=new RegExp(`(${n})`,"gi");return r.replace(c,"<strong>$1</strong>")},y=w.injectIntl(({ID:r,title:n,slug:c,parent_title:i,parent_slug:t,parent_link:s,extract:o,type:d,link:h,terms:p,subtype:x,bread_crumbs:l=[],metadata:a,intl:{locale:S},searchTerm:g})=>{let f=s?j.utils.replaceLink(s,S)+`#${c}`:j.utils.replaceLink(h,S);const m=a==null?void 0:a.redirect_url;f=m?m+`#${c}`:f;const R=v(String(n),g),I=v(o,g);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=f,children:[e.jsx("h5",{className:"breadcrumbs-search",dangerouslySetInnerHTML:{__html:l&&l.length>0?v(l.join(" / "),g):""}}),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:j.utils.replaceHTMLinks(I,S)}})]})})}),E=({results:r,meta:n,perPage:c,intl:i,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:i.formatMessage({id:"search.results.summary",defaultMessage:"{count} of {total} Results"},{count:s<c?s:c,total:s})}),r.map(o=>e.jsx(y,{...o,searchTerm:t},o.ID))]})},_=({onSearch:r,perPage:n,loading:c,results:i,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=>{r(o.target.value)}})),L=({onSearch:r,onSetSelected:n,perPage:c,loading:i,results:t,meta:s,locale:o,intl:d,searchTerm:h,selected:p})=>{const[x,l]=u.useState(!1),a=u.useRef(null);u.useEffect(()=>{const f=document.createElement("div");f.setAttribute("id","float-input-container"),f.setAttribute("class","input container"),f.style.display="none";const m=document.getElementById("root");return m&&(m.appendChild(f),a.current=f),()=>{a.current&&a.current.parentNode&&a.current.parentNode.removeChild(a.current)}},[]),u.useEffect(()=>{a.current&&(a.current.style.display=x?"block":"none")},[x]),u.useEffect(()=>{p&&p.child_items&&l(!1)},[p]);const S=()=>{n(null),l(!0)},g=()=>{l(!1)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"ui-float-search",className:"ui float-search",onMouseOver:S,children:e.jsx(N.Icon,{name:"search",size:"small"})}),a.current&&C.createPortal(x?e.jsxs("div",{onMouseLeave:g,children:[e.jsx("div",{className:"float-search-container",children:e.jsx(_,{onSearch:r,perPage:c,loading:i,results:t,meta:s,intl:d,searchTerm:h})}),t&&t.length>0&&e.jsx(w.IntlProvider,{locale:o,children:e.jsx(E,{results:t,meta:s,perPage:c,intl:d,searchTerm:h})})]}):null,a.current)]})},b=({onSearch:r,perPage:n,loading:c,results:i,meta:t,intl:s})=>{const o=t?t["x-wp-total"]:0,d=t?t["x-wp-totalpages"]:0,[h,p]=u.useState("");u.useEffect(()=>{const l=setTimeout(()=>{r(h)},300);return()=>clearTimeout(l)},[h]);const x=l=>e.jsx(y,{...l,searchTerm:h});return e.jsx(M.default,{value:h,loading:c,placeholder:s.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),onResultSelect:(l,a)=>null,total:o,perPage:n,totalPages:d,onSearchChange:(l,a)=>{p(a.value)},resultRenderer:x,results:i,showNoResults:!1,intl:s,searchTerm:h})},q=w.injectIntl(r=>{const{intl:n,onSetSelected:c}=r,[i,t]=u.useState(""),[s,o]=u.useState(!1);return u.useEffect(()=>{const d=()=>{o(window.innerWidth<=1365)};return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[]),e.jsx(j.SearchProvider,{search:i,perPage:5,locale:n.locale,children:e.jsx(T,{...r,onSetSelected:c,setQuery:t,query:i,isSmallScreen:s,intl:n})})}),T=({onSetSelected:r,setQuery:n,query:c,isSmallScreen:i,intl:t,...s})=>{const o=u.useContext(j.SearchContext);return s.settings.react_search_type==="floating"||i?e.jsx(L,{onSetSelected:r,onSearch:n,perPage:5,intl:t,...s,...o,searchTerm:c}):e.jsx(b,{onSetSelected:r,onSearch:n,perPage:5,intl:t,...s,...o})};exports.default=q;

package/dist/esm/embeddable/featuredtabs/index.js

@@ -1,34 +1,34 @@
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import z, { useState as b, useEffect as I } from "react";
-import { Container as M, Accordion as T, Icon as k, Grid as _, Segment as F, Label as P } from "semantic-ui-react";
-import { PostProvider as q, PostConsumer as H, MediaProvider as A, MediaConsumer as L, PostIcon as N, PostContent as E, PostTitle as O } from "@devgateway/wp-react-lib";
-import R from "../connected-templates/PostIntro.js";
-import { useWindowDimensionsAndDevice as W } from "../../lib/hooks/window-dimensions.js";
-import { connect as j } from "react-redux";
-const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
-  const u = n._embedded ? n._embedded["wp:featuredmedia"] : null;
-  return /* @__PURE__ */ d("div", { className: "cover", style: { backgroundImage: `url(${u ? u[0].source_url : ""})` }, children: [
-    /* @__PURE__ */ t(R, { post: n }),
-    c ? /* @__PURE__ */ d(P, { onClick: f, children: [
-      /* @__PURE__ */ t(k, { name: "arrow alternate circle left outline", size: "large" }),
+import z, { useState as y, useEffect as I } from "react";
+import { Container as A, Accordion as P, Icon as x, Grid as T, Segment as F, Label as _ } from "semantic-ui-react";
+import { PostProvider as q, PostConsumer as H, MediaProvider as M, MediaConsumer as L, PostIcon as N, PostContent as E, MediaContext as O, PostTitle as R } from "@devgateway/wp-react-lib";
+import W from "../connected-templates/PostIntro.js";
+import { useWindowDimensionsAndDevice as j } from "../../lib/hooks/window-dimensions.js";
+import { connect as B } from "react-redux";
+const G = ({ post: n, onClick: f, active: s, moreLabel: l, mediaData: u }) => {
+  const h = n._embedded ? n._embedded["wp:featuredmedia"] : null, o = u ? u.source_url : h && h.length > 0 ? h[0].source_url : null;
+  return /* @__PURE__ */ d("div", { className: "cover", style: { backgroundImage: `url(${o || ""})` }, children: [
+    /* @__PURE__ */ t(W, { post: n }),
+    s ? /* @__PURE__ */ d(_, { onClick: f, children: [
+      /* @__PURE__ */ t(x, { name: "arrow alternate circle left outline", size: "large" }),
       " Back "
-    ] }) : /* @__PURE__ */ d(P, { onClick: f, children: [
-      /* @__PURE__ */ t(k, { name: "search", size: "large" }),
+    ] }) : /* @__PURE__ */ d(_, { onClick: f, children: [
+      /* @__PURE__ */ t(x, { name: "search", size: "large" }),
       " ",
       l
     ] })
   ] });
-}, G = ({ post: n }) => {
+}, U = ({ post: n }) => {
   const l = new DOMParser().parseFromString(n.content.rendered, "text/html").querySelector("figure");
   return l ? /* @__PURE__ */ t("div", { style: {
     flex: "0 0 40px"
   }, dangerouslySetInnerHTML: { __html: l.outerHTML } }) : null;
-}, V = ({ posts: n, width: f, height: c, color: l, moreLabel: u, closeLabel: y }) => {
-  const [o, m] = b(null), [p, w] = b(!1), [C, v] = b([0, 0]), a = l.split(","), h = (i) => {
-    p ? (w(!1), m(i)) : (m(i), w(!0));
+}, V = ({ posts: n, width: f, height: s, color: l, moreLabel: u, closeLabel: h }) => {
+  const [o, m] = y(null), [p, v] = y(!1), [C, b] = y([0, 0]), a = l.split(","), g = (i) => {
+    p ? (v(!1), m(i)) : (m(i), v(!0));
   };
   return I(() => {
-    o && v([window.scrollX, window.scrollY]), o == null && window.scrollTo(C[0], C[1]);
+    o && b([window.scrollX, window.scrollY]), o == null && window.scrollTo(C[0], C[1]);
   }, [o]), I(() => {
     window.setTimeout(() => {
       if (window.location.hash) {
@@ -36,29 +36,29 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
         e && n && n.map((r) => r.slug).indexOf(i) > -1 && (m(i), e.scrollIntoView({ behavior: "auto", block: "start" }));
       }
     }, 0);
-  }, [n]), /* @__PURE__ */ t(M, { fluid: !0, className: "featured tabs", style: { minHeight: `${c}px` }, children: /* @__PURE__ */ t(_, { stackable: !0, columns: o != null ? 1 : n == null ? void 0 : n.length, className: "desktop", children: n == null ? void 0 : n.map((i, e) => {
+  }, [n]), /* @__PURE__ */ t(A, { fluid: !0, className: "featured tabs", style: { minHeight: `${s}px` }, children: /* @__PURE__ */ t(T, { stackable: !0, columns: o != null ? 1 : n == null ? void 0 : n.length, className: "desktop", children: n == null ? void 0 : n.map((i, e) => {
     var r;
     return /* @__PURE__ */ d(z.Fragment, { children: [
       /* @__PURE__ */ d(
-        _.Column,
+        T.Column,
         {
           style: o == null ? { display: "block", visibility: "visible", backgroundColor: a[e] } : { display: "none", visibility: "hidden" },
           children: [
             /* @__PURE__ */ t("a", { id: i.slug }),
-            /* @__PURE__ */ t(B, { post: i, moreLabel: u, onClick: () => h(i.slug) })
+            /* @__PURE__ */ t(M, { id: i.featured_media, children: /* @__PURE__ */ t(O.Consumer, { children: ({ media: c }) => /* @__PURE__ */ t(G, { post: i, mediaData: c, moreLabel: u, onClick: () => g(i.slug) }) }) })
           ]
         }
       ),
       /* @__PURE__ */ d(
-        _.Column,
+        T.Column,
         {
           className: "expanded",
           style: o != i.slug ? { display: "none", visibility: "hidden" } : { display: "block", visibility: "visible" },
           children: [
             /* @__PURE__ */ d(F, { style: { backgroundColor: a[e] }, children: [
-              ((r = i.meta_fields) == null ? void 0 : r.icon) && /* @__PURE__ */ t(A, { id: i.meta_fields ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, {}) }) }),
-              /* @__PURE__ */ t(O, { as: "h2", post: i, className: "has-standard-36-font-size has-white-color" }),
-              /* @__PURE__ */ t(P, { className: "closeIcon", onClick: () => m(null), children: /* @__PURE__ */ t(k, { name: "times circle outline", size: "large" }) })
+              ((r = i.meta_fields) == null ? void 0 : r.icon) && /* @__PURE__ */ t(M, { id: i.meta_fields ? i.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, {}) }) }),
+              /* @__PURE__ */ t(R, { as: "h2", post: i, className: "has-standard-36-font-size has-white-color" }),
+              /* @__PURE__ */ t(_, { className: "closeIcon", onClick: () => m(null), children: /* @__PURE__ */ t(x, { name: "times circle outline", size: "large" }) })
             ] }),
             /* @__PURE__ */ t(
               E,
@@ -66,13 +66,13 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
                 as: "div",
                 fluid: !0,
                 post: i,
-                style: { maxHeight: `calc(${c}px - 150px)` }
+                style: { maxHeight: `calc(${s}px - 150px)` }
               }
             ),
-            /* @__PURE__ */ d(P, { className: "closeIconText", style: { backgroundColor: `${a[e]}` }, onClick: () => m(null), children: [
-              /* @__PURE__ */ t(k, { name: "times circle outline", size: "large" }),
+            /* @__PURE__ */ d(_, { className: "closeIconText", style: { backgroundColor: `${a[e]}` }, onClick: () => m(null), children: [
+              /* @__PURE__ */ t(x, { name: "times circle outline", size: "large" }),
               " ",
-              y || "Close",
+              h || "Close",
               " "
             ] })
           ]
@@ -80,17 +80,17 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
       )
     ] }, i.slug);
   }) }) });
-}, Y = ({ posts: n, activeItem: f, setActive: c, color: l }) => {
-  const [u, y] = b(n.findIndex((e) => e.slug === f)), [o, m] = b(null), p = l.split(","), w = () => {
+}, Y = ({ posts: n, activeItem: f, setActive: s, color: l }) => {
+  const [u, h] = y(n.findIndex((e) => e.slug === f)), [o, m] = y(null), p = l.split(","), v = () => {
     var e;
     return ((e = window.screen.orientation) == null ? void 0 : e.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
-  }, [C, v] = b(w()), a = () => {
+  }, [C, b] = y(v()), a = () => {
     setTimeout(() => {
-      v(w());
+      b(v());
     }, 100);
-  }, h = (e, r, s) => {
-    document.querySelectorAll(e).forEach((x) => {
-      x.querySelector(r) && x.classList.add(s);
+  }, g = (e, r, c) => {
+    document.querySelectorAll(e).forEach((k) => {
+      k.querySelector(r) && k.classList.add(c);
     });
   };
   I(() => {
@@ -101,7 +101,7 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
         behavior: "smooth"
       });
     }
-    h(".ui.fluid.container.viz.featured.tabs", ".accordion .accordion-post-ft-title", "has-accordion-title"), h(".ui.fluid.container.viz.featured.tabs", ".accordion .accordion-post-vft-content", "has-accordion-content"), h(".ui.fluid.container.viz.featured.tabs", "blockquote", "has-blockquote"), h(".ui.fluid.container.viz.featured.tabs", ".vt-accordion-post-intro figure", "has-vt-accordion-figure"), h(".ui.fluid.container.viz.featured.tabs", ".content.active.accordion-post-content .wp-block-columns", "has-wp-block-columns");
+    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", "blockquote", "has-blockquote"), 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");
   }, [o]), I(() => (window.screen.orientation && window.screen.orientation.addEventListener(
     "change",
     a
@@ -112,15 +112,15 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
     );
   }), []);
   const i = (e, r) => {
-    const { index: s } = r, g = u === s ? -1 : s;
-    y(g), c(n[s].slug), g !== -1 && m(e.currentTarget);
+    const { index: c } = r, w = u === c ? -1 : c;
+    h(w), s(n[c].slug), w !== -1 && m(e.currentTarget);
   };
-  return /* @__PURE__ */ t(T, { fluid: !0, styled: !0, children: n.map((e, r) => {
-    var g;
-    const s = (g = e.meta_fields) != null && g.icon ? e.meta_fields.icon[0] : null;
+  return /* @__PURE__ */ t(P, { fluid: !0, styled: !0, children: n.map((e, r) => {
+    var w;
+    const c = (w = e.meta_fields) != null && w.icon ? e.meta_fields.icon[0] : null;
     return /* @__PURE__ */ d(z.Fragment, { children: [
       /* @__PURE__ */ t(
-        T.Title,
+        P.Title,
         {
           active: u === r,
           index: r,
@@ -128,43 +128,43 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
           style: { backgroundColor: p[r] },
           children: /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
             /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center" }, children: [
-              s && /* @__PURE__ */ t(A, { id: s, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, { className: "icon" }) }) }),
-              !s && /* @__PURE__ */ t(G, { post: e }),
+              c && /* @__PURE__ */ t(M, { id: c, children: /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(N, { className: "icon" }) }) }),
+              !c && /* @__PURE__ */ t(U, { post: e }),
               /* @__PURE__ */ t("p", { className: "accordion-post-ft-title", dangerouslySetInnerHTML: { __html: e.title.rendered }, style: { marginLeft: "10px" } })
             ] }),
-            /* @__PURE__ */ t(k, { name: "chevron down" })
+            /* @__PURE__ */ t(x, { name: "chevron down" })
           ] })
         }
       ),
-      /* @__PURE__ */ t(T.Content, { className: "accordion-post-ft-content", active: u === r, children: /* @__PURE__ */ t(E, { post: e }) })
+      /* @__PURE__ */ t(P.Content, { className: "accordion-post-ft-content", active: u === r, children: /* @__PURE__ */ t(E, { post: e }) })
     ] }, e.id);
   }) });
-}, U = (n) => {
+}, X = (n) => {
   var S;
   let {
     "data-width": f,
-    "data-height": c,
+    "data-height": s,
     "data-type": l,
     "data-taxonomy": u,
-    "data-categories": y,
+    "data-categories": h,
     "data-items": o,
     "data-color": m,
     "data-use-scrolls": p,
-    "data-read-more-label": w = "READ More",
+    "data-read-more-label": v = "READ More",
     "data-close-label": C = "Close",
-    "data-preview-mode": v = "Desktop",
+    "data-preview-mode": b = "Desktop",
     editing: a,
-    parent: h,
+    parent: g,
     unique: i,
     pageModuleProps: e
   } = n;
   const r = n.intl.locale;
-  e != null && e.editing && (e != null && e.previewMode) && (a = e.editing, v = e.previewMode);
-  const s = p == "true", { width: g } = W(), x = g <= 1250, $ = v !== "Desktop" && a, D = x && !a;
+  e != null && e.editing && (e != null && e.previewMode) && (a = e.editing, b = e.previewMode);
+  const c = p == "true", { width: w } = j(), k = w <= 1250, $ = b !== "Desktop" && a, D = k && !a;
   return /* @__PURE__ */ t(
-    M,
+    A,
     {
-      className: `viz featured tabs ${a ? "editing" : ""} ${s ? "scrollable" : ""}`,
+      className: `viz featured tabs ${a ? "editing" : ""} ${c ? "scrollable" : ""}`,
       fluid: !0,
       children: /* @__PURE__ */ t(
         q,
@@ -172,8 +172,8 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
           locale: r,
           type: l,
           taxonomy: u,
-          categories: y,
-          store: `tabbedposts_${h}_${i}`,
+          categories: h,
+          store: `tabbedposts_${g}_${i}`,
           page: 1,
           perPage: o,
           children: /* @__PURE__ */ t(H, { children: $ || D ? /* @__PURE__ */ t(
@@ -188,24 +188,24 @@ const B = ({ post: n, onClick: f, active: c, moreLabel: l }) => {
           ) : /* @__PURE__ */ t(
             V,
             {
-              moreLabel: w,
+              moreLabel: v,
               closeLabel: C,
               color: m,
               width: f,
-              height: c
+              height: s
             }
           ) })
         }
       )
     }
   );
-}, X = (n, f) => {
-  const c = n.getIn([
+}, J = (n, f) => {
+  const s = n.getIn([
     "data",
     "pageModuleProps"
   ]), l = {};
-  return c && (l.pageModuleProps = c), l;
-}, J = {}, oe = j(X, J)(U);
+  return s && (l.pageModuleProps = s), l;
+}, K = {}, re = B(J, K)(X);
 export {
-  oe as default
+  re as default
 };

package/dist/esm/layout/Header.js

@@ -225,6 +225,7 @@ const W = (r, s) => {
           B,
           {
             onSetSelected: i,
+            selected: t,
             settings: s
           }
         ) }),

package/dist/esm/layout/SearchControl.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.6.8",
+  "version": "1.6.10",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -122,7 +122,7 @@
     "vite-plugin-env-compatible": "^2.0.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "@devgateway/wp-react-lib": "0.5.1"
+    "@devgateway/wp-react-lib": "0.6.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/dist/types/layout/FavIcon.d.ts

@@ -1,2 +0,0 @@
-export default useDynamicFavicon;
-declare function useDynamicFavicon(siteUrl: any): void;