@devgateway/dvz-ui-react 1.7.15 → 1.8.0

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