@devgateway/dvz-ui-react 1.6.6 → 1.6.8

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

@@ -2,4 +2,4 @@
         ${d||u?"has-formats":""}
         ${s||c!=null&&c.editing?"editing":""}
         ${d&&u?"multi-format":""}
-        ${d&&!u||!d&&u?"single-format":""}`,fluid:!0,children:t.jsxs(z,{ref:r,children:[t.jsxs(o.Grid,{stackable:!0,reversed:"mobile",className:"download-header",children:[!s&&w==="true"&&t.jsx(o.Grid.Column,{width:12,children:t.jsx(G.PostContent,{parentUnique:i.unique,post:{content:{rendered:decodeURIComponent(J)}}})}),t.jsx(o.Grid.Column,{className:s?"editing ignore":"ignore",width:s||w!=="true"?16:4,textAlign:"right",children:t.jsxs("div",{className:"wrapper",children:[t.jsxs(o.Button,{className:"download",onClick:()=>j(p),children:[R," ",p==="PNG"?"PNG":"JPG"]}),t.jsx(o.Dropdown,{className:"download","data-tooltip":decodeURIComponent(A),trigger:u||d?t.jsx(o.Icon,{name:"download",className:"download-icon"}):null,children:t.jsxs(o.Dropdown.Menu,{children:[S,d===!0&&t.jsxs(o.Dropdown.Item,{onClick:()=>{g("PNG"),j("PNG")},children:[t.jsx("input",{type:"radio",value:"PNG",checked:p==="PNG",onChange:C}),t.jsx("label",{children:T})]}),u===!0&&t.jsxs(o.Dropdown.Item,{onClick:()=>{g("JPG"),j("JPG")},children:[t.jsx("input",{type:"radio",value:"JPG",checked:p==="JPG",onChange:C}),t.jsx("label",{children:q})]})]})})]})})]}),!s&&t.jsx(o.Container,{fluid:!0,className:`download area ${s||c!=null&&c.editing?"editing":""}`,children:t.jsx(G.PostContent,{parentUnique:i.unique,post:{content:{rendered:h}}})})]})})},_=i=>{const r=i.getIn(["data","pageModuleProps"]),h={};return r&&(h.pageModuleProps=r),h},B={},O=W.connect(_,B)(H);exports.default=O;
+        ${d&&!u||!d&&u?"single-format":""}`,fluid:!0,children:t.jsxs(z,{ref:r,children:[t.jsxs(o.Grid,{stackable:!0,reversed:"mobile",className:"download-header",children:[!s&&w==="true"&&t.jsx(o.Grid.Column,{width:12,children:t.jsx(G.PostContent,{parentUnique:i.unique,post:{content:{rendered:decodeURIComponent(J)}}})}),t.jsx(o.Grid.Column,{className:s?"editing ignore":"ignore",width:s||w!=="true"?16:4,textAlign:"right",children:t.jsxs("div",{className:"wrapper",children:[t.jsxs(o.Button,{className:"download",onClick:()=>j(p),children:[R," ",p==="PNG"?"PNG":"JPG"]}),t.jsx(o.Dropdown,{className:"download","data-tooltip":decodeURIComponent(A),trigger:u&&d?t.jsx(o.Icon,{name:"download",className:"download-icon"}):null,children:t.jsxs(o.Dropdown.Menu,{children:[S,d===!0&&t.jsxs(o.Dropdown.Item,{onClick:()=>{g("PNG"),j("PNG")},children:[t.jsx("input",{type:"radio",value:"PNG",checked:p==="PNG",onChange:C}),t.jsx("label",{children:T})]}),u===!0&&t.jsxs(o.Dropdown.Item,{onClick:()=>{g("JPG"),j("JPG")},children:[t.jsx("input",{type:"radio",value:"JPG",checked:p==="JPG",onChange:C}),t.jsx("label",{children:q})]})]})})]})})]}),!s&&t.jsx(o.Container,{fluid:!0,className:`download area ${s||c!=null&&c.editing?"editing":""}`,children:t.jsx(G.PostContent,{parentUnique:i.unique,post:{content:{rendered:h}}})})]})})},_=i=>{const r=i.getIn(["data","pageModuleProps"]),h={};return r&&(h.pageModuleProps=r),h},B={},O=W.connect(_,B)(H);exports.default=O;

package/dist/cjs/index.js

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

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

package/dist/cjs/utils/AppMedia.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@artsy/fresnel"),e=t.createMedia({breakpoints:{mobile:320,tablet:768,computer:992,largeScreen:1200,widescreen:1920}});e.createMediaStyle();const{Media:r,MediaContextProvider:i}=e;exports.Media=r;exports.MediaContextProvider=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@artsy/fresnel"),e=t.createMedia({breakpoints:{mobile:320,tablet:768,computer:992,largeScreen:1200,widescreen:1920}}),i=e.createMediaStyle(),{Media:r,MediaContextProvider:a}=e;exports.Media=r;exports.MediaContextProvider=a;exports.mediaStyle=i;

package/dist/cjs/utils/data.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("dompurify");const r=t=>typeof t=="boolean"?t:typeof t=="string"?t==="true":!1,e=t=>typeof t=="number"?t:typeof t=="string"&&parseInt(t)||0;exports.toBoolean=r;exports.toNumber=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("html-entities"),i=t=>typeof t=="boolean"?t:typeof t=="string"?t==="true":!1,s=t=>typeof t=="number"?t:typeof t=="string"&&parseInt(t)||0,d=t=>{if(Array.isArray(t))return t;if(typeof t=="string"){const r=decodeURIComponent(t);if(r&&r!=="undefined")return JSON.parse(r)}return[]},c=t=>t?o.decode(t):"",u=t=>t?o.decode(t):"";function f(t){return t.replace(/^\[|\]$/g,"").split(",").map(r=>{const e=r.trim(),n=Number(e);return isNaN(n)?e:n})}exports.decodeHtmlEntitiesToHtml=u;exports.decodeHtmlEntitiesToText=c;exports.stringToArray=f;exports.toBoolean=i;exports.toNumber=s;exports.uriStringToArray=d;

package/dist/cjs/utils/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data.js"),r=require("./AppMedia.js"),t=require("./semanticUtils.js");exports.decodeHtmlEntitiesToHtml=e.decodeHtmlEntitiesToHtml;exports.decodeHtmlEntitiesToText=e.decodeHtmlEntitiesToText;exports.stringToArray=e.stringToArray;exports.toBoolean=e.toBoolean;exports.toNumber=e.toNumber;exports.uriStringToArray=e.uriStringToArray;exports.Media=r.Media;exports.MediaContextProvider=r.MediaContextProvider;exports.mediaStyle=r.mediaStyle;exports.getUnhandledProps=t.getUnhandledProps;exports.htmlImageProps=t.htmlImageProps;exports.htmlInputAttrs=t.htmlInputAttrs;exports.htmlInputEvents=t.htmlInputEvents;exports.htmlInputProps=t.htmlInputProps;exports.partitionHTMLProps=t.partitionHTMLProps;exports.useKeyOnly=t.useKeyOnly;exports.useValueAndKey=t.useValueAndKey;

package/dist/cjs/utils/semanticUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lodash"),l=["selected","defaultValue","defaultChecked","accept","autoCapitalize","autoComplete","autoCorrect","autoFocus","checked","disabled","enterKeyHint","form","id","inputMode","lang","list","max","maxLength","min","minLength","multiple","name","pattern","placeholder","readOnly","required","step","title","type","value"],c=["onKeyDown","onKeyPress","onKeyUp","onFocus","onBlur","onChange","onInput","onClick","onContextMenu","onDrag","onDragEnd","onDragEnter","onDragExit","onDragLeave","onDragOver","onDragStart","onDrop","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onSelect","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart"],i=[...l,...c],g=(e,n={})=>{const{htmlProps:u=i,includeAria:o=!0}=n,t={},s={};return a.forEach(e,(d,r)=>{const h=o&&(/^aria-.*$/.test(r)||r==="role"),p=a.includes(u,r)||h?t:s;p[r]=d}),[t,s]},m=(e,n)=>e&&n,y=(e,n)=>e&&e!==!0&&`${e} ${n}`,M=(e,n)=>{const{handledProps:u=[]}=e;return Object.keys(n).reduce((o,t)=>(t==="childKey"||t==="innerRef"||u.indexOf(t)===-1&&(o[t]=n[t]),o),{})};exports.getUnhandledProps=M;exports.htmlInputAttrs=l;exports.htmlInputEvents=c;exports.htmlInputProps=i;exports.partitionHTMLProps=g;exports.useKeyOnly=m;exports.useValueAndKey=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("lodash"),l=["selected","defaultValue","defaultChecked","accept","autoCapitalize","autoComplete","autoCorrect","autoFocus","checked","disabled","enterKeyHint","form","id","inputMode","lang","list","max","maxLength","min","minLength","multiple","name","pattern","placeholder","readOnly","required","step","title","type","value"],c=["onKeyDown","onKeyPress","onKeyUp","onFocus","onBlur","onChange","onInput","onClick","onContextMenu","onDrag","onDragEnd","onDragEnter","onDragExit","onDragLeave","onDragOver","onDragStart","onDrop","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onSelect","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart"],i=[...l,...c],m=["alt","height","src","srcSet","width","loading"],p=(e,t={})=>{const{htmlProps:s=i,includeAria:o=!0}=t,n={},u={};return a.forEach(e,(d,r)=>{const h=o&&(/^aria-.*$/.test(r)||r==="role"),g=a.includes(s,r)||h?n:u;g[r]=d}),[n,u]},y=(e,t)=>e&&t,M=(e,t)=>e&&e!==!0&&`${e} ${t}`,P=(e,t)=>{const{handledProps:s=[]}=e;return Object.keys(t).reduce((o,n)=>(n==="childKey"||n==="innerRef"||s.indexOf(n)===-1&&(o[n]=t[n]),o),{})};exports.getUnhandledProps=P;exports.htmlImageProps=m;exports.htmlInputAttrs=l;exports.htmlInputEvents=c;exports.htmlInputProps=i;exports.partitionHTMLProps=p;exports.useKeyOnly=y;exports.useValueAndKey=M;

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

@@ -100,7 +100,7 @@ const X = H.forwardRef((r, a) => /* @__PURE__ */ t("div", { ref: a, children: r.
                   {
                     className: "download",
                     "data-tooltip": decodeURIComponent(A),
-                    trigger: u || d ? /* @__PURE__ */ t(Q, { name: "download", className: "download-icon" }) : null,
+                    trigger: u && d ? /* @__PURE__ */ t(Q, { name: "download", className: "download-icon" }) : null,
                     children: /* @__PURE__ */ c(g.Menu, { children: [
                       q,
                       d === !0 && /* @__PURE__ */ c(g.Item, { onClick: () => {

package/dist/esm/index.js

@@ -1,77 +1,97 @@
-import { components as s, customizer as p, getComponentByNameIgnoreCase as m, reducers as n } from "./embeddable/index.js";
+import { components as p, customizer as f, getComponentByNameIgnoreCase as m, reducers as n } from "./embeddable/index.js";
 import { Config as l } from "./conf/index.js";
 import { default as u } from "./layout/ResponsiveContainer.js";
 import { default as c } from "./layout/ScrollTop.js";
-import { default as S } from "./layout/containers/PreviewPageContainer.js";
-import { default as g } from "./layout/containers/PreviewTypeContainer.js";
+import { default as C } from "./layout/containers/PreviewPageContainer.js";
+import { default as P } from "./layout/containers/PreviewTypeContainer.js";
 import { default as h } from "./layout/containers/SlugContainer.js";
-import { default as R } from "./layout/containers/SlugPostContainer.js";
-import { CustomizerWrapper as F } from "./layout/Customizer.js";
-import { default as y } from "./layout/Layout.js";
-import { default as D } from "./layout/PreviewComponent.js";
+import { default as y } from "./layout/containers/SlugPostContainer.js";
+import { CustomizerWrapper as A } from "./layout/Customizer.js";
+import { default as R } from "./layout/Layout.js";
+import { default as F } from "./layout/PreviewComponent.js";
 import { default as L } from "./layout/Favicon.js";
-import { default as O } from "./layout/SSRFavicon.js";
-import { default as z } from "./layout/Loading.js";
-import { default as W } from "./layout/CustomSemanticSearch.js";
-import { default as B } from "./layout/Header.js";
-import { default as M } from "./layout/SearchControl.js";
-import { default as _ } from "./layout/LangSwitcher.js";
-import { default as q } from "./layout/Footer.js";
-import { default as J } from "./layout/ClassicHeader.js";
-import { default as Q } from "./layout/FlexWrapDetector.js";
+import { default as N } from "./layout/SSRFavicon.js";
+import { default as D } from "./layout/Loading.js";
+import { default as b } from "./layout/CustomSemanticSearch.js";
+import { default as z } from "./layout/Header.js";
+import { default as K } from "./layout/SearchControl.js";
+import { default as V } from "./layout/LangSwitcher.js";
+import { default as _ } from "./layout/Footer.js";
+import { default as q } from "./layout/ClassicHeader.js";
+import { default as J } from "./layout/FlexWrapDetector.js";
 import { default as X } from "./layout/FloatingMenuHeader.js";
 import { withTracker as $ } from "./tracker/withGoogleAnalytics.js";
-import { store as er } from "./redux/store.js";
-import { useAppDispatch as tr, useAppSelector as ar } from "./redux/hooks.js";
-import { UPDATE as sr, initialState as pr, intlReducer as mr, updateIntl as nr } from "./lib/react-intl-redux/index.js";
-import { combineReducers as lr } from "./lib/redux-immutable/index.js";
-import * as r from "./translations/en.json.js";
-import * as e from "./translations/fr.json.js";
+import { store as re } from "./redux/store.js";
+import { useAppDispatch as te, useAppSelector as ae } from "./redux/hooks.js";
+import { UPDATE as pe, initialState as fe, intlReducer as me, updateIntl as ne } from "./lib/react-intl-redux/index.js";
+import { combineReducers as le } from "./lib/redux-immutable/index.js";
+import * as e from "./translations/en.json.js";
+import * as r from "./translations/fr.json.js";
 import * as o from "./translations/af.json.js";
 import * as t from "./translations/am.json.js";
-import { COUNTRY_OPTIONS as ur } from "./countries.js";
-import { default as cr } from "./lib/react-intl-redux/providers/Provider.js";
-import { default as Sr } from "./lib/react-intl-redux/providers/IntlProvider.js";
+import { COUNTRY_OPTIONS as ue } from "./countries.js";
+import { decodeHtmlEntitiesToHtml as ce, decodeHtmlEntitiesToText as Te, stringToArray as Ce, toBoolean as ge, toNumber as Pe, uriStringToArray as Se } from "./utils/data.js";
+import { Media as ve, MediaContextProvider as ye, mediaStyle as Ie } from "./utils/AppMedia.js";
+import { getUnhandledProps as He, htmlImageProps as Re, htmlInputAttrs as we, htmlInputEvents as Fe, htmlInputProps as Ee, partitionHTMLProps as Le, useKeyOnly as Me, useValueAndKey as Ne } from "./utils/semanticUtils.js";
+import { default as De } from "./lib/react-intl-redux/providers/Provider.js";
+import { default as be } from "./lib/react-intl-redux/providers/IntlProvider.js";
 export {
-  ur as COUNTRY_OPTIONS,
-  J as ClassicHeader,
+  ue as COUNTRY_OPTIONS,
+  q as ClassicHeader,
   l as Config,
-  W as CustomSemanticSearch,
-  F as CustomizerWrapper,
+  b as CustomSemanticSearch,
+  A as CustomizerWrapper,
   L as Favicon,
-  Q as FlexWrapDetector,
+  J as FlexWrapDetector,
   X as FloatingMenuHeader,
-  q as Footer,
-  B as Header,
-  Sr as IntlProvider,
-  _ as LangSwitcher,
-  z as Loading,
-  D as PreviewComponent,
-  S as PreviewPageContainer,
-  g as PreviewTypeContainer,
-  cr as Provider,
+  _ as Footer,
+  z as Header,
+  be as IntlProvider,
+  V as LangSwitcher,
+  D as Loading,
+  ve as Media,
+  ye as MediaContextProvider,
+  F as PreviewComponent,
+  C as PreviewPageContainer,
+  P as PreviewTypeContainer,
+  De as Provider,
   u as ResponsiveContainer,
-  y as RootLayout,
-  O as SSRFavicon,
+  R as RootLayout,
+  N as SSRFavicon,
   c as ScrollToTop,
-  M as SearchControl,
+  K as SearchControl,
   h as SlugContainer,
-  R as SlugPostContainer,
-  sr as UPDATE,
+  y as SlugPostContainer,
+  pe as UPDATE,
   o as afrikaansTranslations,
   t as amharicTranslations,
-  lr as combineReducers,
-  s as components,
-  p as customizer,
-  r as englishTranslations,
-  e as frenchTranslations,
+  le as combineReducers,
+  p as components,
+  f as customizer,
+  ce as decodeHtmlEntitiesToHtml,
+  Te as decodeHtmlEntitiesToText,
+  e as englishTranslations,
+  r as frenchTranslations,
   m as getComponentByNameIgnoreCase,
-  pr as initialState,
-  mr as intlReducer,
+  He as getUnhandledProps,
+  Re as htmlImageProps,
+  we as htmlInputAttrs,
+  Fe as htmlInputEvents,
+  Ee as htmlInputProps,
+  fe as initialState,
+  me as intlReducer,
+  Ie as mediaStyle,
+  Le as partitionHTMLProps,
   n as reducers,
-  er as store,
-  nr as updateIntl,
-  tr as useAppDispatch,
-  ar as useAppSelector,
+  re as store,
+  Ce as stringToArray,
+  ge as toBoolean,
+  Pe as toNumber,
+  ne as updateIntl,
+  Se as uriStringToArray,
+  te as useAppDispatch,
+  ae as useAppSelector,
+  Me as useKeyOnly,
+  Ne as useValueAndKey,
   $ as withTracker
 };

package/dist/esm/layout/Header.js

@@ -1,42 +1,42 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { Menu as d, Container as N, Flag as P, Image as U } from "semantic-ui-react";
-import S, { useEffect as _, useState as p, useRef as y } from "react";
-import { utils as j, MenuProvider as H, MediaProvider as V, MediaConsumer as A, MenuConsumer as L } from "@devgateway/wp-react-lib";
+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 { injectIntl as R } from "react-intl";
 import { useParams as $ } from "react-router";
 import B from "./SearchControl.js";
 import K from "./LangSwitcher.js";
 const W = (r, s) => {
-  const a = [];
+  const t = [];
   return r.items.forEach((i) => {
-    i.child_items ? i.child_items.forEach((t) => {
-      t.slug == s.slug && (a.push(i), a.push(t));
-    }) : i.slug == s.slug && i.url != "/" && a.push(i);
-  }), a;
-}, z = (r, s) => {
+    i.child_items ? i.child_items.forEach((a) => {
+      a.slug == s.slug && (t.push(i), t.push(a));
+    }) : i.slug == s.slug && i.url != "/" && t.push(i);
+  }), t;
+}, x = (r, s) => {
   if (r) {
-    const a = r.indexOf("/wp");
-    if (a !== -1) {
-      const i = r.substr(a + 3);
+    const t = r.indexOf("/wp");
+    if (t !== -1) {
+      const i = r.substr(t + 3);
       return i.startsWith("/" + s) ? i : "/" + s + i;
     } else
       return r.startsWith("/" + s) ? r : "/" + s + r;
   }
   return "";
 }, q = R(({ menu: r, intl: s }) => {
-  const a = $(), i = W(r, a);
-  return /* @__PURE__ */ e(S.Fragment, { children: i.filter((t) => t.url != "#wpm-languages").map(
-    (t) => t.child_items ? /* @__PURE__ */ u("span", { children: [
-      t.post_title,
+  const t = $(), i = W(r, t);
+  return /* @__PURE__ */ e(E.Fragment, { children: i.filter((a) => a.url != "#wpm-languages").map(
+    (a) => a.child_items ? /* @__PURE__ */ u("span", { children: [
+      a.post_title,
       " "
     ] }) : /* @__PURE__ */ u(
       "a",
       {
-        className: t.slug == a.slug ? "active" : "",
-        href: j.replaceLink(t.url, s.locale),
+        className: a.slug == t.slug ? "active" : "",
+        href: j.replaceLink(a.url, s.locale),
         children: [
           " ",
-          t.post_title
+          a.post_title
         ]
       }
     )
@@ -45,22 +45,20 @@ const W = (r, s) => {
   ({
     settings: r,
     withIcons: s,
-    active: a,
+    active: t,
     menu: i,
-    onSetSelected: t,
+    onSetSelected: a,
     selected: o,
     intl: { locale: g },
-    isSmallScreen: x
+    isSmallScreen: D
   }) => {
-    const D = $();
+    const L = $();
     _(
       (n) => {
-        if (!o) {
-          const l = W(i, D).filter((f) => f.menu_item_parent == 0);
-          l && t(l[0]);
-        }
+        const l = W(i, L).filter((f) => f.menu_item_parent == 0);
+        l && l.length > 0 ? a(l[0]) : a(null);
       },
-      [i, t, o]
+      [i, a, L.slug]
     );
     const [v, I] = p(null);
     _(() => {
@@ -74,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 k = /(-)?[0-9]+/g.exec(l), E = parseInt(k[0]);
-            h.find((c) => c.ID == E) || h.push(f.value);
+            const S = /(-)?[0-9]+/g.exec(l), z = parseInt(S[0]);
+            h.find((c) => c.ID == z) || h.push(f.value);
           }
         }), I({
           ...i,
@@ -89,40 +87,47 @@ const W = (r, s) => {
         M(window.innerWidth <= 1200);
       };
       return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-    }, []), v && /* @__PURE__ */ e(S.Fragment, { children: v.items.filter((n) => n.url !== "#wpm-languages").map((n, h) => /* @__PURE__ */ u(S.Fragment, { children: [
+    }, []), v && /* @__PURE__ */ e(E.Fragment, { children: v.items.filter((n) => n.url !== "#wpm-languages").map((n, h) => /* @__PURE__ */ u(E.Fragment, { children: [
       /* @__PURE__ */ u(
         d.Item,
         {
           className: `divided ${n.child_items ? "has-child-items" : ""}
                             ${o && o.ID === n.ID ? "selected" : ""}
-                            ${a === n.slug ? "active" : ""}`,
+                            ${t === n.slug ? "active" : ""}`,
           children: [
-            s && /* @__PURE__ */ e("a", { href: z(n.url, g), children: /* @__PURE__ */ e("div", { className: "mark", children: /* @__PURE__ */ e("span", { className: "sr-only", children: n.title }) }) }),
-            x ? n.child_items ? /* @__PURE__ */ e(
+            s && /* @__PURE__ */ e("a", { href: x(n.url, g), children: /* @__PURE__ */ e("div", { className: "mark", children: /* @__PURE__ */ e("span", { className: "sr-only", children: n.title }) }) }),
+            D ? n.child_items ? /* @__PURE__ */ e(
+              "span",
+              {
+                onClick: () => a(o === n ? null : n),
+                children: n.title
+              }
+            ) : /* @__PURE__ */ e("a", { href: x(n.url, g), children: n.title }) : n.child_items ? /* @__PURE__ */ e(
               "span",
               {
-                onClick: () => t(o === n ? null : n),
+                onMouseOver: (l) => a(n),
+                onClick: () => a(o === n ? null : n),
                 children: n.title
               }
-            ) : /* @__PURE__ */ e("a", { href: z(n.url, g), children: n.title }) : n.child_items ? /* @__PURE__ */ e("span", { onMouseOver: (l) => t(n), children: n.title }) : /* @__PURE__ */ e(
+            ) : /* @__PURE__ */ e(
               "a",
               {
-                onMouseOut: (l) => t(null),
-                onMouseOver: (l) => t(n),
-                href: z(n.url, g),
+                onMouseOut: (l) => a(null),
+                onMouseOver: (l) => a(n),
+                href: x(n.url, g),
                 children: n.title
               }
             )
           ]
         }
       ),
-      w && o && o.ID === n.ID && o.child_items && /* @__PURE__ */ e(S.Fragment, { children: o.child_items.map((l) => /* @__PURE__ */ u(
+      w && o && o.ID === n.ID && o.child_items && /* @__PURE__ */ e(E.Fragment, { children: o.child_items.map((l) => /* @__PURE__ */ u(
         d.Item,
         {
-          className: `divided child-item ${a === l.slug ? "active" : ""}`,
+          className: `divided child-item ${t === l.slug ? "active" : ""}`,
           children: [
             /* @__PURE__ */ e("div", { className: "mark" }),
-            /* @__PURE__ */ e("a", { href: z(l.url, g), children: l.title })
+            /* @__PURE__ */ e("a", { href: x(l.url, g), children: l.title })
           ]
         },
         l.ID
@@ -130,27 +135,27 @@ const W = (r, s) => {
     ] }, n.ID)) });
   }
 ), G = ({ intl: r, settings: s }) => {
-  const [a, i] = p(), [t, o] = p(!1), [g, x] = p(!1), [D, v] = p(!1), [I, w] = p(!1), { slug: M } = $(), n = y(null), h = y(null), l = () => {
-    w(!I), o(!t);
+  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 = () => {
+    w(!I), o(!a);
   };
   _(() => {
     const c = (m) => {
       (n.current && !n.current.contains(m.target) && !h.current.contains(m.target) || m.target.closest(".desktop") || m.target.closest(".breadcrumbs")) && (o(!1), w(!1));
-    }, b = (m) => {
+    }, N = (m) => {
       m.key === "Escape" && (o(!1), w(!1));
     };
-    return document.addEventListener("mousedown", c), document.addEventListener("keydown", b), () => {
-      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", b);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", N);
     };
   }, []), _(() => {
     let c;
-    const b = () => {
+    const N = () => {
       const F = window.innerWidth <= 1200;
-      x(F), v(!1);
+      D(F), v(!1);
     }, m = () => {
-      v(!0), clearTimeout(c), c = setTimeout(b, 300);
+      v(!0), clearTimeout(c), c = setTimeout(N, 300);
     };
-    return b(), window.addEventListener("resize", m), () => {
+    return N(), window.addEventListener("resize", m), () => {
       clearTimeout(c), window.removeEventListener("resize", m);
     };
   }, []);
@@ -161,12 +166,12 @@ const W = (r, s) => {
     };
     return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, []);
-  const k = ({ media: c }) => c ? /* @__PURE__ */ e(U, { src: c.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" }), E = (s == null ? void 0 : s.landing_page_url) && s.landing_page_url !== !1 && s.landing_page_url !== void 0 && s.landing_page_url !== "", O = E ? s.landing_page_url : `/${r.locale}`;
-  return console.log("isMenuVisible", t), /* @__PURE__ */ e(S.Fragment, { children: /* @__PURE__ */ u(H, { slug: "main", locale: r.locale, children: [
-    /* @__PURE__ */ u(N, { fluid: !0, className: "header", children: [
-      /* @__PURE__ */ e(N, { 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: E ? "_blank" : "_self", rel: "noopener noreferrer", id: "site_url", children: [
-          s.site_logo !== 0 && !f && /* @__PURE__ */ e(V, { id: s.site_logo, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(k, {}, "logo") }) }),
+  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: [
+    /* @__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: [
+          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",
             {
@@ -189,27 +194,27 @@ const W = (r, s) => {
           /* @__PURE__ */ e(P, { name: "za" }),
           /* @__PURE__ */ e("div", { className: "site name", children: s.name })
         ] }),
-        !D && (g ? /* @__PURE__ */ e(d, { className: `pages ${t ? "show" : ""}`, children: /* @__PURE__ */ e(N, { fluid: !0, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+        !L && (g ? /* @__PURE__ */ e(d, { className: `pages ${a ? "show" : ""}`, children: /* @__PURE__ */ e(b, { fluid: !0, children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
           C,
           {
             settings: s,
             active: M,
-            selected: a,
+            selected: t,
             onSetSelected: i,
             isSmallScreen: g
           },
           "items"
-        ) }) }) }) : /* @__PURE__ */ e(d.Menu, { className: "pages", children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+        ) }) }) }) : /* @__PURE__ */ e(d.Menu, { className: "pages", children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
           C,
           {
             settings: s,
             active: M,
-            selected: a,
+            selected: t,
             onSetSelected: i
           },
           "items"
         ) }) })),
-        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
           K,
           {
             locale: r.locale
@@ -227,7 +232,7 @@ const W = (r, s) => {
           "div",
           {
             ref: h,
-            className: `hamburger-menu ${I ? "animate" : ""} ${t ? "open" : "close"}`,
+            className: `hamburger-menu ${I ? "animate" : ""} ${a ? "open" : "close"}`,
             onClick: l,
             children: [
               /* @__PURE__ */ e("div", {}),
@@ -237,18 +242,18 @@ const W = (r, s) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ e(N, { fluid: !0, className: "child", children: a && a.child_items && /* @__PURE__ */ e(d, { fluid: !0, text: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(b, { fluid: !0, className: "child", children: t && t.child_items && /* @__PURE__ */ e(d, { fluid: !0, text: !0, children: /* @__PURE__ */ e(
         C,
         {
           active: M,
           locale: r.locale,
           withIcons: !0,
           onSetSelected: (c) => null,
-          menu: { items: a.child_items }
+          menu: { items: t.child_items }
         }
       ) }) })
     ] }, "header-container"),
-    /* @__PURE__ */ e(N, { className: "url breadcrumbs", children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(q, {}) }) })
+    /* @__PURE__ */ e(b, { className: "url breadcrumbs", children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(q, {}) }) })
   ] }) });
 }, se = R(G);
 export {

package/dist/esm/utils/AppMedia.js

@@ -7,10 +7,9 @@ const e = t({
     largeScreen: 1200,
     widescreen: 1920
   }
-});
-e.createMediaStyle();
-const { Media: a, MediaContextProvider: i } = e;
+}), a = e.createMediaStyle(), { Media: i, MediaContextProvider: o } = e;
 export {
-  a as Media,
-  i as MediaContextProvider
+  i as Media,
+  o as MediaContextProvider,
+  a as mediaStyle
 };

package/dist/esm/utils/data.js

@@ -1,6 +1,24 @@
-import "dompurify";
-const n = (r) => typeof r == "boolean" ? r : typeof r == "string" ? r === "true" : !1, o = (r) => typeof r == "number" ? r : typeof r == "string" && parseInt(r) || 0;
+import { decode as o } from "html-entities";
+const s = (r) => typeof r == "boolean" ? r : typeof r == "string" ? r === "true" : !1, f = (r) => typeof r == "number" ? r : typeof r == "string" && parseInt(r) || 0, c = (r) => {
+  if (Array.isArray(r)) return r;
+  if (typeof r == "string") {
+    const t = decodeURIComponent(r);
+    if (t && t !== "undefined")
+      return JSON.parse(t);
+  }
+  return [];
+}, d = (r) => r ? o(r) : "", u = (r) => r ? o(r) : "";
+function p(r) {
+  return r.replace(/^\[|\]$/g, "").split(",").map((t) => {
+    const n = t.trim(), e = Number(n);
+    return isNaN(e) ? n : e;
+  });
+}
 export {
-  n as toBoolean,
-  o as toNumber
+  u as decodeHtmlEntitiesToHtml,
+  d as decodeHtmlEntitiesToText,
+  p as stringToArray,
+  s as toBoolean,
+  f as toNumber,
+  c as uriStringToArray
 };

package/dist/esm/utils/index.js

@@ -0,0 +1,22 @@
+import { decodeHtmlEntitiesToHtml as o, decodeHtmlEntitiesToText as r, stringToArray as n, toBoolean as i, toNumber as m, uriStringToArray as l } from "./data.js";
+import { Media as p, MediaContextProvider as s, mediaStyle as a } from "./AppMedia.js";
+import { getUnhandledProps as y, htmlImageProps as T, htmlInputAttrs as h, htmlInputEvents as x, htmlInputProps as P, partitionHTMLProps as g, useKeyOnly as A, useValueAndKey as H } from "./semanticUtils.js";
+export {
+  p as Media,
+  s as MediaContextProvider,
+  o as decodeHtmlEntitiesToHtml,
+  r as decodeHtmlEntitiesToText,
+  y as getUnhandledProps,
+  T as htmlImageProps,
+  h as htmlInputAttrs,
+  x as htmlInputEvents,
+  P as htmlInputProps,
+  a as mediaStyle,
+  g as partitionHTMLProps,
+  n as stringToArray,
+  i as toBoolean,
+  m as toNumber,
+  l as uriStringToArray,
+  A as useKeyOnly,
+  H as useValueAndKey
+};

package/dist/esm/utils/semanticUtils.js

@@ -69,22 +69,23 @@ const d = [
   "onTouchEnd",
   "onTouchMove",
   "onTouchStart"
-], m = [...d, ...h], M = (e, n = {}) => {
-  const { htmlProps: u = m, includeAria: o = !0 } = n, t = {}, s = {};
+], g = [...d, ...h], p = ["alt", "height", "src", "srcSet", "width", "loading"], M = (e, n = {}) => {
+  const { htmlProps: s = g, includeAria: o = !0 } = n, t = {}, u = {};
   return a.forEach(e, (c, r) => {
-    const l = o && (/^aria-.*$/.test(r) || r === "role"), i = a.includes(u, r) || l ? t : s;
+    const l = o && (/^aria-.*$/.test(r) || r === "role"), i = a.includes(s, r) || l ? t : u;
     i[r] = c;
-  }), [t, s];
-}, p = (e, n) => e && n, y = (e, n) => e && e !== !0 && `${e} ${n}`, D = (e, n) => {
-  const { handledProps: u = [] } = e;
-  return Object.keys(n).reduce((o, t) => (t === "childKey" || t === "innerRef" || u.indexOf(t) === -1 && (o[t] = n[t]), o), {});
+  }), [t, u];
+}, y = (e, n) => e && n, D = (e, n) => e && e !== !0 && `${e} ${n}`, f = (e, n) => {
+  const { handledProps: s = [] } = e;
+  return Object.keys(n).reduce((o, t) => (t === "childKey" || t === "innerRef" || s.indexOf(t) === -1 && (o[t] = n[t]), o), {});
 };
 export {
-  D as getUnhandledProps,
+  f as getUnhandledProps,
+  p as htmlImageProps,
   d as htmlInputAttrs,
   h as htmlInputEvents,
-  m as htmlInputProps,
+  g as htmlInputProps,
   M as partitionHTMLProps,
-  p as useKeyOnly,
-  y as useValueAndKey
+  y as useKeyOnly,
+  D as useValueAndKey
 };

package/dist/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './redux';
 export * from './lib';
 export * from './translations';
 export * from './countries';
+export * from './utils';

package/dist/types/utils/data.d.ts

@@ -3,5 +3,4 @@ export declare const toNumber: (value: any) => number;
 export declare const uriStringToArray: (value: string | string[]) => any[];
 export declare const decodeHtmlEntitiesToText: (html: string) => string;
 export declare const decodeHtmlEntitiesToHtml: (html: string) => string;
-export declare const toTitleCase: (str: string) => string;
 export declare function stringToArray(str: string): (string | number)[];

package/dist/types/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './data';
+export * from './AppMedia';
+export * from './deviceType';
+export * from './semanticUtils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -57,6 +57,7 @@
     "file-saver": "^2.0.5",
     "geostats": "^2.1.0",
     "history": "^5.3.0",
+    "html-entities": "^2.6.0",
     "html-react-parser": "^5.2.6",
     "immutable": "^5.1.3",
     "lodash": "^4.17.21",
@@ -157,6 +158,11 @@
       "types": "./dist/types/layout/index.d.ts",
       "require": "./dist/cjs/layout/index.js",
       "import": "./dist/esm/layout/index.js"
+    },
+    "./utils": {
+      "types": "./dist/types/utils/index.d.ts",
+      "require": "./dist/cjs/utils/index.js",
+      "import": "./dist/esm/utils/index.js"
     }
   },
   "scripts": {