@devgateway/dvz-ui-react 1.9.10 → 1.9.11

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),l=require("semantic-ui-react"),h=require("@devgateway/wp-react-lib"),S=require("react-intl"),A=require("react-redux"),y=require("../connected-templates/PostIntro.js"),L=require("../../lib/hooks/window-dimensions.js"),q=({posts:t,activeItem:c,setActive:i,showLabels:n})=>t?t.map(s=>e.jsx(l.Menu.Item,{onClick:()=>i(s.slug),className:s.slug===c?"active":"",children:n?e.jsx(h.PostLabel,{post:s}):e.jsx(l.Label,{children:e.jsx("span",{dangerouslySetInnerHTML:{__html:s.title.rendered}})})},s.id)):null,k=({posts:t,activeItem:c,setActive:i,showIcons:n,showLabels:s})=>{const r=t.length;return t?t.map(o=>{var m,g;return(m=o._embedded)!=null&&m["wp:featuredmedia"]&&o._embedded["wp:featuredmedia"][0].source_url,e.jsx(l.Grid.Column,{className:(o.slug===c?"active":"")+(n?" has-icon":""),children:e.jsxs(l.Button,{onClick:()=>i(o.slug),className:`nav  ${r===1?"one":""}`,children:[n&&e.jsx(h.MediaProvider,{id:(g=o.meta_fields)!=null&&g.icon?o.meta_fields.icon[0]:null,children:e.jsx(h.MediaConsumer,{children:e.jsx(h.PostIcon,{className:"icon"})})}),s?e.jsx(h.PostLabel,{post:o}):e.jsx(l.Label,{children:e.jsx("span",{dangerouslySetInnerHTML:{__html:o.title.rendered}})})]})},o.id)}):null},C=({posts:t,activeItem:c})=>(u.useEffect(()=>{const i=document.querySelector(".ui.container.content-tab");i&&(i.scrollTop=0)},[c]),t?t.map(i=>{let n={};return i.slug!==c?n={position:"absolute",left:"-3000px",width:"auto",height:"0px",overflow:"hidden",visibility:"hidden"}:n={visibility:"visible",position:"relative",width:"auto"},e.jsx(y.default,{as:l.Container,fluid:!0,post:i,style:n},i.slug)}):null),R=({posts:t,activeItem:c,setActive:i})=>{const[n,s]=u.useState(t.findIndex(d=>d.slug===c)),[r,o]=u.useState(null),m=u.useRef(null);u.useEffect(()=>{if(r){const d=r.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:d,behavior:"smooth"})}},[r]);const g=(d,x)=>{const{index:a}=x,j=n===a?-1:a;s(j),i(t[a].slug),j!==-1&&o(d.currentTarget)};return e.jsx(l.Accordion,{fluid:!0,styled:!0,children:t.map((d,x)=>{var j;const a=(j=d.meta_fields)!=null&&j.icon?d.meta_fields.icon[0]:null;return e.jsxs(u.Fragment,{children:[e.jsx(l.Accordion.Title,{active:n===x,index:x,onClick:g,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(h.MediaProvider,{id:a,children:e.jsx(h.MediaConsumer,{children:e.jsx(h.PostIcon,{className:"icon"})})}),e.jsx("span",{dangerouslySetInnerHTML:{__html:d.title.rendered},style:{marginLeft:a?"10px":"0"}})]}),e.jsx(l.Icon,{name:"chevron down"})]})}),e.jsx(l.Accordion.Content,{className:"accordion-post-content",active:n===x,children:e.jsx("div",{ref:m,children:e.jsx(y.default,{post:d,as:l.Container,fluid:!0})})})]},d.id)})})},$=({posts:t,showLabels:c,height:i})=>{const[n,s]=u.useState(t?t[0].slug:null);return u.useEffect(()=>{setTimeout(()=>{if(window.location.hash){const r=window.location.hash.substr(1),o=document.getElementById(r);o&&t.map(m=>m.slug).indexOf(r)>-1&&(s(r),o.scrollIntoView({behavior:"auto",block:"start"}))}},0)},[t]),e.jsxs(u.Fragment,{children:[t.map(r=>e.jsx("anchor",{id:r.slug},r.slug)),e.jsx(l.Menu,{className:"tabbed posts",text:!0,children:e.jsx(q,{showLabels:c,posts:t,setActive:s,activeItem:n})}),e.jsx(l.Container,{className:"content-tab",style:{height:`${i}px`},children:e.jsx(C,{posts:t,activeItem:n})})]})},D=({posts:t,showLabels:c,showIcons:i,height:n})=>{const[s,r]=u.useState(t?t[0].slug:null);return e.jsx(u.Fragment,{children:e.jsxs(l.Grid,{stackable:!0,className:"tabbed posts",columns:t.length,style:{height:n+"px"},children:[e.jsx(k,{showIcons:i,showLabels:c,posts:t,activeItem:s,setActive:r}),e.jsx(l.Grid.Row,{style:{height:`${n}px`},children:e.jsx(l.Grid.Column,{width:16,className:"content",children:e.jsx(l.Container,{className:"content-tab",style:{height:`${n}px`},children:e.jsx(C,{className:"content-tab",posts:t,activeItem:s})})})})]})})},G=t=>{var v;let{"data-type":c,"data-taxonomy":i,"data-categories":n,"data-items":s,"data-theme":r="light","data-show-icons":o,"data-use-scrolls":m,"data-show-labels":g,"data-height":d,"data-preview-mode":x="Desktop",pageModuleProps:a,parent:j,editing:b,unique:I}=t;a!=null&&a.previewMode&&(a!=null&&a.editing)&&(x=a.previewMode,b=a.editing);const p=t.intl.locale,M=Array.isArray(n)?n.join(","):n,f=m==="true",w=f?d:void 0,{width:_}=L.useWindowDimensionsAndDevice(),P=_<=1024,T=x!=="Desktop"&&b,N=P&&!b;return e.jsx(l.Container,{className:`viz tabbed posts ${b?"editing":""} ${f?"scrollable":""}`,fluid:!0,children:e.jsx(h.PostProvider,{locale:p,type:c,taxonomy:i,categories:M,store:`tabbedposts_${j}_${I}`,page:1,perPage:s,children:e.jsx(h.PostConsumer,{children:e.jsx(h.PostConsumer,{children:N||T?e.jsx(R,{posts:s,activeItem:(v=s[0])==null?void 0:v.slug,setActive:()=>{}}):r==="light"?e.jsx($,{height:w,showLabels:g==="true"}):e.jsx(D,{height:w,showLabels:g==="true",showIcons:o==="true"})})})})})},E=(t,c)=>{const i=t.getIn(["data","pageModuleProps"]),n={};return i&&(n.pageModuleProps=i),n},H={},B=A.connect(E,H)(S.injectIntl(G));exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),l=require("semantic-ui-react"),h=require("@devgateway/wp-react-lib"),S=require("react-intl"),A=require("react-redux"),y=require("../connected-templates/PostIntro.js"),L=require("../../lib/hooks/window-dimensions.js"),q=({posts:t,activeItem:r,setActive:i,showLabels:n})=>t?t.map(s=>e.jsx(l.Menu.Item,{onClick:()=>i(s.slug),className:s.slug===r?"active":"",children:n?e.jsx(h.PostLabel,{post:s}):e.jsx(l.Label,{children:e.jsx("span",{dangerouslySetInnerHTML:{__html:s.title.rendered}})})},s.id)):null,$=({posts:t,activeItem:r,setActive:i,showIcons:n,showLabels:s})=>{const o=t.length;return t?t.map(a=>{var m,g;return(m=a._embedded)!=null&&m["wp:featuredmedia"]&&a._embedded["wp:featuredmedia"][0].source_url,e.jsx(l.Grid.Column,{className:(a.slug===r?"active":"")+(n?" has-icon":""),children:e.jsxs(l.Button,{onClick:()=>i(a.slug),className:`nav  ${o===1?"one":""}`,children:[n&&e.jsx(h.MediaProvider,{id:(g=a.meta_fields)!=null&&g.icon?a.meta_fields.icon[0]:null,children:e.jsx(h.MediaConsumer,{children:e.jsx(h.PostIcon,{className:"icon"})})}),s?e.jsx(h.PostLabel,{post:a}):e.jsx(l.Label,{children:e.jsx("span",{dangerouslySetInnerHTML:{__html:a.title.rendered}})})]})},a.id)}):null},C=({posts:t,activeItem:r})=>(u.useEffect(()=>{const i=document.querySelector(".ui.container.content-tab");i&&(i.scrollTop=0)},[r]),t?t.map(i=>{let n={};return i.slug!==r?n={position:"absolute",left:"-3000px",width:"auto",height:"0px",overflow:"hidden",visibility:"hidden"}:n={visibility:"visible",position:"relative",width:"auto"},e.jsx(y.default,{as:l.Container,fluid:!0,post:i,style:n},i.slug)}):null),k=({posts:t,activeItem:r,setActive:i})=>{const[n,s]=u.useState(t.findIndex(d=>d.slug===r)),[o,a]=u.useState(null),m=u.useRef(null);u.useEffect(()=>{if(o){const d=o.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:d,behavior:"smooth"})}},[o]);const g=(d,x)=>{const{index:c}=x,j=n===c?-1:c;s(j),i(t[c].slug),j!==-1&&a(d.currentTarget)};return e.jsx(l.Accordion,{fluid:!0,styled:!0,children:t.map((d,x)=>{var j;const c=(j=d.meta_fields)!=null&&j.icon?d.meta_fields.icon[0]:null;return e.jsxs(u.Fragment,{children:[e.jsx(l.Accordion.Title,{active:n===x,index:x,onClick:g,children:e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[c&&e.jsx(h.MediaProvider,{id:c,children:e.jsx(h.MediaConsumer,{children:e.jsx(h.PostIcon,{className:"icon"})})}),e.jsx("span",{dangerouslySetInnerHTML:{__html:d.title.rendered},style:{marginLeft:c?"10px":"0"}})]}),e.jsx(l.Icon,{name:"chevron down"})]})}),e.jsx(l.Accordion.Content,{className:"accordion-post-content",active:n===x,children:e.jsx("div",{ref:m,children:e.jsx(y.default,{post:d,as:l.Container,fluid:!0})})})]},d.id)})})},R=({posts:t,showLabels:r,height:i})=>{const[n,s]=u.useState(t?t[0].slug:null);return u.useEffect(()=>{setTimeout(()=>{if(window.location.hash){const o=window.location.hash.substr(1),a=document.getElementById(o);a&&t.map(m=>m.slug).indexOf(o)>-1&&(s(o),a.scrollIntoView({behavior:"auto",block:"start"}))}},0)},[t]),e.jsxs(u.Fragment,{children:[t.map(o=>e.jsx("anchor",{id:o.slug},o.slug)),e.jsx(l.Menu,{className:"tabbed posts",text:!0,children:e.jsx(q,{showLabels:r,posts:t,setActive:s,activeItem:n})}),e.jsx(l.Container,{className:"content-tab",style:{height:`${i}px`},children:e.jsx(C,{posts:t,activeItem:n})})]})},D=({posts:t,showLabels:r,showIcons:i,height:n})=>{const[s,o]=u.useState(t?t[0].slug:null);return e.jsx(u.Fragment,{children:e.jsxs(l.Grid,{stackable:!0,className:"tabbed posts",columns:t.length,style:{height:n+"px"},children:[e.jsx($,{showIcons:i,showLabels:r,posts:t,activeItem:s,setActive:o}),e.jsx(l.Grid.Row,{style:{height:`${n}px`},children:e.jsx(l.Grid.Column,{width:16,className:"content",children:e.jsx(l.Container,{className:"content-tab",style:{height:`${n}px`},children:e.jsx(C,{className:"content-tab",posts:t,activeItem:s})})})})]})})},G=t=>{var w;let{"data-type":r,"data-taxonomy":i,"data-categories":n,"data-items":s,"data-theme":o="light","data-show-icons":a,"data-use-scrolls":m,"data-show-labels":g,"data-height":d,"data-preview-mode":x="Desktop",pageModuleProps:c,parent:j,editing:b,unique:I}=t;c!=null&&c.previewMode&&(c!=null&&c.editing)&&(x=c.previewMode,b=c.editing);const p=t.intl.locale,M=Array.isArray(n)?n.join(","):n,f=m==="true",v=f?d:void 0,{width:_}=L.useWindowDimensionsAndDevice(),N=_<=1024,P=x!=="Desktop"&&b,T=N&&!b;return b&&!r?e.jsx(l.Container,{className:`viz tabbed posts ${b?"editing":""} ${f?"scrollable":""}`,fluid:!0}):e.jsx(l.Container,{className:`viz tabbed posts ${b?"editing":""} ${f?"scrollable":""}`,fluid:!0,children:e.jsx(h.PostProvider,{locale:p,type:r,taxonomy:i,categories:M,store:`tabbedposts_${j}_${I}`,page:1,perPage:s,children:e.jsx(h.PostConsumer,{children:e.jsx(h.PostConsumer,{children:T||P?e.jsx(k,{posts:s,activeItem:(w=s[0])==null?void 0:w.slug,setActive:()=>{}}):o==="light"?e.jsx(R,{height:v,showLabels:g==="true"}):e.jsx(D,{height:v,showLabels:g==="true",showIcons:a==="true"})})})})})},E=(t,r)=>{const i=t.getIn(["data","pageModuleProps"]),n={};return i&&(n.pageModuleProps=i),n},H={},z=A.connect(E,H)(S.injectIntl(G));exports.default=z;

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

@@ -1,65 +1,65 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import y, { useState as v, useRef as V, useEffect as I } from "react";
-import { Container as f, Accordion as p, Icon as W, Menu as T, Grid as w, Label as M, Button as q } from "semantic-ui-react";
-import { PostProvider as z, PostConsumer as N, MediaProvider as P, MediaConsumer as A, PostIcon as k, PostLabel as L } from "@devgateway/wp-react-lib";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import I, { useState as w, useRef as G, useEffect as x } from "react";
+import { Container as b, Accordion as y, Icon as V, Menu as T, Grid as v, Label as M, Button as W } from "semantic-ui-react";
+import { PostProvider as q, PostConsumer as _, MediaProvider as P, MediaConsumer as A, PostIcon as $, PostLabel as k } from "@devgateway/wp-react-lib";
 import { injectIntl as E } from "react-intl";
 import { connect as O } from "react-redux";
-import S from "../connected-templates/PostIntro.js";
+import L from "../connected-templates/PostIntro.js";
 import { useWindowDimensionsAndDevice as U } from "../../lib/hooks/window-dimensions.js";
-const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
+const Y = ({ posts: t, activeItem: o, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
   T.Item,
   {
     onClick: () => i(l.slug),
-    className: l.slug === c ? "active" : "",
-    children: n ? /* @__PURE__ */ e(L, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
+    className: l.slug === o ? "active" : "",
+    children: n ? /* @__PURE__ */ e(k, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
   },
   l.id
 )) : null, J = ({
   posts: t,
-  activeItem: c,
+  activeItem: o,
   setActive: i,
   showIcons: n,
   showLabels: l
 }) => {
-  const o = t.length;
-  return t ? t.map((r) => {
+  const r = t.length;
+  return t ? t.map((a) => {
     var d, m;
-    return (d = r._embedded) != null && d["wp:featuredmedia"] && r._embedded["wp:featuredmedia"][0].source_url, /* @__PURE__ */ e(
-      w.Column,
+    return (d = a._embedded) != null && d["wp:featuredmedia"] && a._embedded["wp:featuredmedia"][0].source_url, /* @__PURE__ */ e(
+      v.Column,
       {
-        className: (r.slug === c ? "active" : "") + (n ? " has-icon" : ""),
-        children: /* @__PURE__ */ g(
-          q,
+        className: (a.slug === o ? "active" : "") + (n ? " has-icon" : ""),
+        children: /* @__PURE__ */ f(
+          W,
           {
-            onClick: () => i(r.slug),
-            className: `nav  ${o === 1 ? "one" : ""}`,
+            onClick: () => i(a.slug),
+            className: `nav  ${r === 1 ? "one" : ""}`,
             children: [
               n && /* @__PURE__ */ e(
                 P,
                 {
-                  id: (m = r.meta_fields) != null && m.icon ? r.meta_fields.icon[0] : null,
-                  children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(k, { className: "icon" }) })
+                  id: (m = a.meta_fields) != null && m.icon ? a.meta_fields.icon[0] : null,
+                  children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { className: "icon" }) })
                 }
               ),
-              l ? /* @__PURE__ */ e(L, { post: r }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
+              l ? /* @__PURE__ */ e(k, { post: a }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
                 "span",
                 {
-                  dangerouslySetInnerHTML: { __html: r.title.rendered }
+                  dangerouslySetInnerHTML: { __html: a.title.rendered }
                 }
               ) })
             ]
           }
         )
       },
-      r.id
+      a.id
     );
   }) : null;
-}, $ = ({ posts: t, activeItem: c }) => (I(() => {
+}, S = ({ posts: t, activeItem: o }) => (x(() => {
   const i = document.querySelector(".ui.container.content-tab");
   i && (i.scrollTop = 0);
-}, [c]), t ? t.map((i) => {
+}, [o]), t ? t.map((i) => {
   let n = {};
-  return i.slug !== c ? n = {
+  return i.slug !== o ? n = {
     position: "absolute",
     left: "-3000px",
     width: "auto",
@@ -70,35 +70,35 @@ const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.ma
     visibility: "visible",
     position: "relative",
     width: "auto"
-  }, /* @__PURE__ */ e(S, { as: f, fluid: !0, post: i, style: n }, i.slug);
-}) : null), K = ({ posts: t, activeItem: c, setActive: i }) => {
-  const [n, l] = v(
-    t.findIndex((s) => s.slug === c)
-  ), [o, r] = v(null), d = V(null);
-  I(() => {
-    if (o) {
-      const s = o.getBoundingClientRect().top + window.scrollY;
+  }, /* @__PURE__ */ e(L, { as: b, fluid: !0, post: i, style: n }, i.slug);
+}) : null), K = ({ posts: t, activeItem: o, setActive: i }) => {
+  const [n, l] = w(
+    t.findIndex((s) => s.slug === o)
+  ), [r, a] = w(null), d = G(null);
+  x(() => {
+    if (r) {
+      const s = r.getBoundingClientRect().top + window.scrollY;
       window.scrollTo({
         top: s,
         behavior: "smooth"
       });
     }
-  }, [o]);
+  }, [r]);
   const m = (s, u) => {
-    const { index: a } = u, h = n === a ? -1 : a;
-    l(h), i(t[a].slug), h !== -1 && r(s.currentTarget);
+    const { index: c } = u, h = n === c ? -1 : c;
+    l(h), i(t[c].slug), h !== -1 && a(s.currentTarget);
   };
-  return /* @__PURE__ */ e(p, { fluid: !0, styled: !0, children: t.map((s, u) => {
+  return /* @__PURE__ */ e(y, { fluid: !0, styled: !0, children: t.map((s, u) => {
     var h;
-    const a = (h = s.meta_fields) != null && h.icon ? s.meta_fields.icon[0] : null;
-    return /* @__PURE__ */ g(y.Fragment, { children: [
+    const c = (h = s.meta_fields) != null && h.icon ? s.meta_fields.icon[0] : null;
+    return /* @__PURE__ */ f(I.Fragment, { children: [
       /* @__PURE__ */ e(
-        p.Title,
+        y.Title,
         {
           active: n === u,
           index: u,
           onClick: m,
-          children: /* @__PURE__ */ g(
+          children: /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -108,94 +108,94 @@ const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.ma
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center" }, children: [
-                  a && /* @__PURE__ */ e(P, { id: a, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(k, { className: "icon" }) }) }),
+                /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center" }, children: [
+                  c && /* @__PURE__ */ e(P, { id: c, children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { className: "icon" }) }) }),
                   /* @__PURE__ */ e(
                     "span",
                     {
                       dangerouslySetInnerHTML: { __html: s.title.rendered },
-                      style: { marginLeft: a ? "10px" : "0" }
+                      style: { marginLeft: c ? "10px" : "0" }
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(W, { name: "chevron down" })
+                /* @__PURE__ */ e(V, { name: "chevron down" })
               ]
             }
           )
         }
       ),
       /* @__PURE__ */ e(
-        p.Content,
+        y.Content,
         {
           className: "accordion-post-content",
           active: n === u,
-          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(S, { post: s, as: f, fluid: !0 }) })
+          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(L, { post: s, as: b, fluid: !0 }) })
         }
       )
     ] }, s.id);
   }) });
-}, Q = ({ posts: t, showLabels: c, height: i }) => {
-  const [n, l] = v(t ? t[0].slug : null);
-  return I(() => {
+}, Q = ({ posts: t, showLabels: o, height: i }) => {
+  const [n, l] = w(t ? t[0].slug : null);
+  return x(() => {
     setTimeout(() => {
       if (window.location.hash) {
-        const o = window.location.hash.substr(1), r = document.getElementById(o);
-        r && t.map((d) => d.slug).indexOf(o) > -1 && (l(o), r.scrollIntoView({ behavior: "auto", block: "start" }));
+        const r = window.location.hash.substr(1), a = document.getElementById(r);
+        a && t.map((d) => d.slug).indexOf(r) > -1 && (l(r), a.scrollIntoView({ behavior: "auto", block: "start" }));
       }
     }, 0);
-  }, [t]), /* @__PURE__ */ g(y.Fragment, { children: [
-    t.map((o) => /* @__PURE__ */ e("anchor", { id: o.slug }, o.slug)),
-    /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(Y, { showLabels: c, posts: t, setActive: l, activeItem: n }) }),
-    /* @__PURE__ */ e(f, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e($, { posts: t, activeItem: n }) })
+  }, [t]), /* @__PURE__ */ f(I.Fragment, { children: [
+    t.map((r) => /* @__PURE__ */ e("anchor", { id: r.slug }, r.slug)),
+    /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(Y, { showLabels: o, posts: t, setActive: l, activeItem: n }) }),
+    /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e(S, { posts: t, activeItem: n }) })
   ] });
-}, X = ({ posts: t, showLabels: c, showIcons: i, height: n }) => {
-  const [l, o] = v(t ? t[0].slug : null);
-  return /* @__PURE__ */ e(y.Fragment, { children: /* @__PURE__ */ g(w, { stackable: !0, className: "tabbed posts", columns: t.length, style: { height: n + "px" }, children: [
-    /* @__PURE__ */ e(J, { showIcons: i, showLabels: c, posts: t, activeItem: l, setActive: o }),
-    /* @__PURE__ */ e(w.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(w.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(f, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e($, { className: "content-tab", posts: t, activeItem: l }) }) }) })
+}, X = ({ posts: t, showLabels: o, showIcons: i, height: n }) => {
+  const [l, r] = w(t ? t[0].slug : null);
+  return /* @__PURE__ */ e(I.Fragment, { children: /* @__PURE__ */ f(v, { stackable: !0, className: "tabbed posts", columns: t.length, style: { height: n + "px" }, children: [
+    /* @__PURE__ */ e(J, { showIcons: i, showLabels: o, posts: t, activeItem: l, setActive: r }),
+    /* @__PURE__ */ e(v.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(v.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e(S, { className: "content-tab", posts: t, activeItem: l }) }) }) })
   ] }) });
 }, Z = (t) => {
-  var _;
+  var N;
   let {
-    "data-type": c,
+    "data-type": o,
     "data-taxonomy": i,
     "data-categories": n,
     "data-items": l,
-    "data-theme": o = "light",
-    "data-show-icons": r,
+    "data-theme": r = "light",
+    "data-show-icons": a,
     "data-use-scrolls": d,
     "data-show-labels": m,
     "data-height": s,
     "data-preview-mode": u = "Desktop",
-    pageModuleProps: a,
+    pageModuleProps: c,
     parent: h,
-    editing: b,
+    editing: g,
     unique: j
   } = t;
-  a != null && a.previewMode && (a != null && a.editing) && (u = a.previewMode, b = a.editing);
-  const D = t.intl.locale, R = Array.isArray(n) ? n.join(",") : n, x = d === "true", C = x ? s : void 0, { width: H } = U(), B = H <= 1024, F = u !== "Desktop" && b, G = B && !b;
-  return /* @__PURE__ */ e(f, { className: `viz tabbed posts ${b ? "editing" : ""} ${x ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
-    z,
+  c != null && c.previewMode && (c != null && c.editing) && (u = c.previewMode, g = c.editing);
+  const D = t.intl.locale, R = Array.isArray(n) ? n.join(",") : n, p = d === "true", C = p ? s : void 0, { width: H } = U(), z = H <= 1024, B = u !== "Desktop" && g, F = z && !g;
+  return g && !o ? /* @__PURE__ */ e(b, { className: `viz tabbed posts ${g ? "editing" : ""} ${p ? "scrollable" : ""}`, fluid: !0 }) : /* @__PURE__ */ e(b, { className: `viz tabbed posts ${g ? "editing" : ""} ${p ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
+    q,
     {
       locale: D,
-      type: c,
+      type: o,
       taxonomy: i,
       categories: R,
       store: `tabbedposts_${h}_${j}`,
       page: 1,
       perPage: l,
-      children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(N, { children: G || F ? /* @__PURE__ */ e(K, { posts: l, activeItem: (_ = l[0]) == null ? void 0 : _.slug, setActive: () => {
-      } }) : o === "light" ? /* @__PURE__ */ e(Q, { height: C, showLabels: m === "true" }) : /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(_, { children: F || B ? /* @__PURE__ */ e(K, { posts: l, activeItem: (N = l[0]) == null ? void 0 : N.slug, setActive: () => {
+      } }) : r === "light" ? /* @__PURE__ */ e(Q, { height: C, showLabels: m === "true" }) : /* @__PURE__ */ e(
         X,
         {
           height: C,
           showLabels: m === "true",
-          showIcons: r === "true"
+          showIcons: a === "true"
         }
       ) }) })
     }
   ) });
-}, ee = (t, c) => {
+}, ee = (t, o) => {
   const i = t.getIn([
     "data",
     "pageModuleProps"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.9.10",
+  "version": "1.9.11",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -125,7 +125,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.7.0"
+    "@devgateway/wp-react-lib": "0.7.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",