@devgateway/dvz-ui-react 1.6.9 → 1.6.11

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":""}
+"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"),h=require("@devgateway/wp-react-lib"),C=require("react-intl"),L=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=C.injectIntl(({menu:n,intl:r})=>{const c=L.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:h.utils.replaceLink(a.url,r.locale),children:[" ",a.post_title]}))})}),N=C.injectIntl(({settings:n,withIcons:r,active:c,menu:l,onSetSelected:a,selected:d,intl:{locale:j},isSmallScreen:S})=>{const w=L.useParams();i.useEffect(s=>{const t=k(l,w).filter(x=>x.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=[],f=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 x=n.menu_settings[t];if(x.type=="nav_menu_item"){const b=/(-)?[0-9]+/g.exec(t),M=parseInt(b[0]);f.find(o=>o.ID==M)||f.push(x.value)}}),_({...l,items:f.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,f)=>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}=L.useParams(),s=i.useRef(null),f=i.useRef(null),t=()=>{p(!_),d(!a)};i.useEffect(()=>{const o=m=>{(s.current&&!s.current.contains(m.target)&&!f.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[x,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(h.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&&!x&&e.jsx(h.MediaProvider,{id:r.site_logo,children:e.jsx(h.MediaConsumer,{children:e.jsx(b,{},"logo")})}),r.site_logo===0&&!x&&e.jsx("img",{className:"brand logo",size:"large",src:"/logo_full.png"}),x&&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(h.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(h.MenuConsumer,{children:e.jsx(N,{settings:r,active:v,selected:c,onSetSelected:l},"items")})})),e.jsx(u.Menu.Item,{children:e.jsx(h.MenuConsumer,{children:e.jsx($.default,{locale:n.locale},"lang")})}),e.jsx(u.Menu.Item,{fitted:!0,children:e.jsx(h.MenuConsumer,{children:e.jsx(T.default,{onSetSelected:l,settings:r})})}),e.jsxs("div",{ref:f,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(h.MenuConsumer,{children:e.jsx(O,{})})})]})})},y=C.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"),p=require("react"),v=require("@devgateway/wp-react-lib"),I=require("./CustomSemanticSearch.js"),M=require("react-dom"),L=require("semantic-ui-react"),C=require("react-intl"),w=(s,r)=>{if(!s||!r)return s||"";const a=new RegExp(`(${r})`,"gi");return s.replace(a,"<strong>$1</strong>")},R=C.injectIntl(({ID:s,title:r,slug:a,parent_title:i,parent_slug:t,parent_link:n,extract:c,type:u,link:m,terms:y,subtype:g,bread_crumbs:d=[],metadata:o,intl:{locale:f},searchTerm:S})=>{let x=n?v.utils.replaceLink(n,f)+`#${a}`:v.utils.replaceLink(m,f);const E=o==null?void 0:o.redirect_url;x=E?E+`#${a}`:x;const l=w(String(r),S),h=w(c,S);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:N=>document.location.href=x,children:[e.jsx("h5",{className:"breadcrumbs-search",dangerouslySetInnerHTML:{__html:d&&d.length>0?w(d.join(" / "),S):""}}),e.jsx("div",{className:"has-standard-14-font-size",children:e.jsx("h4",{className:"search-title",dangerouslySetInnerHTML:{__html:l}})}),e.jsx("div",{className:"search-content",dangerouslySetInnerHTML:{__html:v.utils.replaceHTMLinks(h,f)}})]})})}),T=({results:s,meta:r,perPage:a,intl:i,searchTerm:t})=>{const n=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:n<a?n:a,total:n})}),s.map(c=>e.jsx(R,{...c,searchTerm:t},c.ID))]})},_=({onSearch:s,perPage:r,loading:a,results:i,meta:t,intl:n})=>(t&&t["x-wp-total"],t&&t["x-wp-totalpages"],e.jsx("input",{placeholder:n.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),type:"text",className:"input search",name:"search",onChange:c=>{s(c.target.value)}})),b=({onSearch:s,onSetSelected:r,perPage:a,loading:i,results:t,meta:n,locale:c,intl:u,searchTerm:m,selected:y})=>{const[g,d]=p.useState(!1),o=p.useRef(null),f=()=>{d(!1)},S=()=>{const l=document.getElementsByClassName("has-child-items");for(let h=0;h<l.length;h++){const j=l[h].getElementsByTagName("span");j.length>0&&j[0].addEventListener("mouseover",f)}},x=()=>{const l=document.getElementsByClassName("has-child-items");for(let h=0;h<l.length;h++){const j=l[h].getElementsByTagName("span");j.length>0&&j[0].removeEventListener("mouseover",f)}};p.useEffect(()=>{const l=document.createElement("div");l.setAttribute("id","float-input-container"),l.setAttribute("class","input container"),l.style.display="none";const h=document.getElementById("root");return h&&(h.appendChild(l),o.current=l),()=>{o.current&&o.current.parentNode&&o.current.parentNode.removeChild(o.current)}},[]),p.useEffect(()=>{o.current&&(o.current.style.display=g?"block":"none"),g?S():x()},[g]);const E=()=>{d(!0)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"ui-float-search",className:"ui float-search",onMouseOver:E,children:e.jsx(L.Icon,{name:"search",size:"small"})}),o.current&&M.createPortal(g?e.jsxs("div",{onMouseLeave:f,children:[e.jsx("div",{className:"float-search-container",children:e.jsx(_,{onSearch:s,perPage:a,loading:i,results:t,meta:n,intl:u,searchTerm:m})}),t&&t.length>0&&e.jsx(C.IntlProvider,{locale:c,children:e.jsx(T,{results:t,meta:n,perPage:a,intl:u,searchTerm:m})})]}):null,o.current)]})},q=({onSearch:s,perPage:r,loading:a,results:i,meta:t,intl:n})=>{const c=t?t["x-wp-total"]:0,u=t?t["x-wp-totalpages"]:0,[m,y]=p.useState("");p.useEffect(()=>{const d=setTimeout(()=>{s(m)},300);return()=>clearTimeout(d)},[m]);const g=d=>e.jsx(R,{...d,searchTerm:m});return e.jsx(I.default,{value:m,loading:a,placeholder:n.formatMessage({id:"search.placeholder",defaultMessage:"Search..."}),onResultSelect:(d,o)=>null,total:c,perPage:r,totalPages:u,onSearchChange:(d,o)=>{y(o.value)},resultRenderer:g,results:i,showNoResults:!1,intl:n,searchTerm:m})},P=C.injectIntl(s=>{const{intl:r,onSetSelected:a}=s,[i,t]=p.useState(""),[n,c]=p.useState(!1);return p.useEffect(()=>{const u=()=>{c(window.innerWidth<=1365)};return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]),e.jsx(v.SearchProvider,{search:i,perPage:5,locale:r.locale,children:e.jsx(z,{...s,onSetSelected:a,setQuery:t,query:i,isSmallScreen:n,intl:r})})}),z=({onSetSelected:s,selected:r,setQuery:a,query:i,isSmallScreen:t,intl:n,...c})=>{const u=p.useContext(v.SearchContext);return c.settings.react_search_type==="floating"||t?e.jsx(b,{onSetSelected:s,selected:r,onSearch:a,perPage:5,intl:n,...c,...u,searchTerm:i}):e.jsx(q,{onSetSelected:s,onSearch:a,perPage:5,intl:n,...c,...u})};exports.default=P;

package/dist/esm/layout/Header.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { Menu as d, Container as b, Flag as P, Image as U } from "semantic-ui-react";
-import E, { useEffect as _, useState as p, useRef as y } from "react";
-import { utils as j, MenuProvider as H, MediaProvider as A, MediaConsumer as V, MenuConsumer as k } from "@devgateway/wp-react-lib";
+import L, { useEffect as _, useState as p, useRef as y } from "react";
+import { utils as j, MenuProvider as H, MediaProvider as A, MediaConsumer as V, MenuConsumer as E } from "@devgateway/wp-react-lib";
 import { injectIntl as R } from "react-intl";
 import { useParams as $ } from "react-router";
 import B from "./SearchControl.js";
@@ -25,7 +25,7 @@ const W = (r, s) => {
   return "";
 }, q = R(({ menu: r, intl: s }) => {
   const t = $(), i = W(r, t);
-  return /* @__PURE__ */ e(E.Fragment, { children: i.filter((a) => a.url != "#wpm-languages").map(
+  return /* @__PURE__ */ e(L.Fragment, { children: i.filter((a) => a.url != "#wpm-languages").map(
     (a) => a.child_items ? /* @__PURE__ */ u("span", { children: [
       a.post_title,
       " "
@@ -52,13 +52,13 @@ const W = (r, s) => {
     intl: { locale: g },
     isSmallScreen: D
   }) => {
-    const L = $();
+    const z = $();
     _(
       (n) => {
-        const l = W(i, L).filter((f) => f.menu_item_parent == 0);
+        const l = W(i, z).filter((f) => f.menu_item_parent == 0);
         l && l.length > 0 ? a(l[0]) : a(null);
       },
-      [i, a, L.slug]
+      [i, a, z.slug]
     );
     const [v, I] = p(null);
     _(() => {
@@ -72,8 +72,8 @@ const W = (r, s) => {
         Object.keys(r.menu_settings).map((l) => {
           const f = r.menu_settings[l];
           if (f.type == "nav_menu_item") {
-            const S = /(-)?[0-9]+/g.exec(l), z = parseInt(S[0]);
-            h.find((c) => c.ID == z) || h.push(f.value);
+            const S = /(-)?[0-9]+/g.exec(l), k = parseInt(S[0]);
+            h.find((c) => c.ID == k) || h.push(f.value);
           }
         }), I({
           ...i,
@@ -87,7 +87,7 @@ const W = (r, s) => {
         M(window.innerWidth <= 1200);
       };
       return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-    }, []), v && /* @__PURE__ */ e(E.Fragment, { children: v.items.filter((n) => n.url !== "#wpm-languages").map((n, h) => /* @__PURE__ */ u(E.Fragment, { children: [
+    }, []), v && /* @__PURE__ */ e(L.Fragment, { children: v.items.filter((n) => n.url !== "#wpm-languages").map((n, h) => /* @__PURE__ */ u(L.Fragment, { children: [
       /* @__PURE__ */ u(
         d.Item,
         {
@@ -121,7 +121,7 @@ const W = (r, s) => {
           ]
         }
       ),
-      w && o && o.ID === n.ID && o.child_items && /* @__PURE__ */ e(E.Fragment, { children: o.child_items.map((l) => /* @__PURE__ */ u(
+      w && o && o.ID === n.ID && o.child_items && /* @__PURE__ */ e(L.Fragment, { children: o.child_items.map((l) => /* @__PURE__ */ u(
         d.Item,
         {
           className: `divided child-item ${t === l.slug ? "active" : ""}`,
@@ -135,7 +135,7 @@ const W = (r, s) => {
     ] }, n.ID)) });
   }
 ), G = ({ intl: r, settings: s }) => {
-  const [t, i] = p(), [a, o] = p(!1), [g, D] = p(!1), [L, v] = p(!1), [I, w] = p(!1), { slug: M } = $(), n = y(null), h = y(null), l = () => {
+  const [t, i] = p(), [a, o] = p(!1), [g, D] = p(!1), [z, v] = p(!1), [I, w] = p(!1), { slug: M } = $(), n = y(null), h = y(null), l = () => {
     w(!I), o(!a);
   };
   _(() => {
@@ -166,11 +166,11 @@ const W = (r, s) => {
     };
     return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, []);
-  const S = ({ media: c }) => c ? /* @__PURE__ */ e(U, { src: c.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" }), z = (s == null ? void 0 : s.landing_page_url) && s.landing_page_url !== !1 && s.landing_page_url !== void 0 && s.landing_page_url !== "", O = z ? s.landing_page_url : `/${r.locale}`;
-  return /* @__PURE__ */ e(E.Fragment, { children: /* @__PURE__ */ u(H, { slug: "main", locale: r.locale, children: [
+  const S = ({ media: c }) => c ? /* @__PURE__ */ e(U, { src: c.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" }), k = (s == null ? void 0 : s.landing_page_url) && s.landing_page_url !== !1 && s.landing_page_url !== void 0 && s.landing_page_url !== "", O = k ? s.landing_page_url : `/${r.locale}`;
+  return /* @__PURE__ */ e(L.Fragment, { children: /* @__PURE__ */ u(H, { slug: "main", locale: r.locale, children: [
     /* @__PURE__ */ u(b, { fluid: !0, className: "header", children: [
       /* @__PURE__ */ e(b, { fluid: !0, className: "background", ref: n, children: /* @__PURE__ */ u(d, { className: "branding", text: !0, children: [
-        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ u("a", { href: `${O}`, target: z ? "_blank" : "_self", rel: "noopener noreferrer", id: "site_url", children: [
+        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ u("a", { href: `${O}`, target: k ? "_blank" : "_self", rel: "noopener noreferrer", id: "site_url", children: [
           s.site_logo !== 0 && !f && /* @__PURE__ */ e(A, { id: s.site_logo, children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(S, {}, "logo") }) }),
           s.site_logo === 0 && !f && /* @__PURE__ */ e(
             "img",
@@ -194,7 +194,7 @@ const W = (r, s) => {
           /* @__PURE__ */ e(P, { name: "za" }),
           /* @__PURE__ */ e("div", { className: "site name", children: s.name })
         ] }),
-        !L && (g ? /* @__PURE__ */ e(d, { className: `pages ${a ? "show" : ""}`, children: /* @__PURE__ */ e(b, { fluid: !0, children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+        !z && (g ? /* @__PURE__ */ e(d, { className: `pages ${a ? "show" : ""}`, children: /* @__PURE__ */ e(b, { fluid: !0, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
           C,
           {
             settings: s,
@@ -204,7 +204,7 @@ const W = (r, s) => {
             isSmallScreen: g
           },
           "items"
-        ) }) }) }) : /* @__PURE__ */ e(d.Menu, { className: "pages", children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+        ) }) }) }) : /* @__PURE__ */ e(d.Menu, { className: "pages", children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
           C,
           {
             settings: s,
@@ -214,20 +214,20 @@ const W = (r, s) => {
           },
           "items"
         ) }) })),
-        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
           K,
           {
             locale: r.locale
           },
           "lang"
         ) }) }),
-        /* @__PURE__ */ e(d.Item, { fitted: !0, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(d.Item, { fitted: !0, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
           B,
           {
             onSetSelected: i,
             settings: s
           }
-        ) }),
+        ) }) }),
         /* @__PURE__ */ u(
           "div",
           {
@@ -253,7 +253,7 @@ const W = (r, s) => {
         }
       ) }) })
     ] }, "header-container"),
-    /* @__PURE__ */ e(b, { className: "url breadcrumbs", children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(q, {}) }) })
+    /* @__PURE__ */ e(b, { className: "url breadcrumbs", children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(q, {}) }) })
   ] }) });
 }, se = R(G);
 export {

package/dist/esm/layout/SearchControl.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.6.9",
+  "version": "1.6.11",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

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

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