@devgateway/dvz-ui-react 1.6.8 → 1.6.9

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

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

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

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

package/package.json

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