@devgateway/dvz-ui-react 1.6.18 → 1.6.19

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),x=require("react"),o=require("semantic-ui-react"),a=require("@devgateway/wp-react-lib"),L=require("../connected-templates/PostIntro.js"),k=require("react-router"),y=require("../connected-templates/PostContent.js"),I=f=>{const{posts:d,showIcons:j,showContentToggle:l,contentToggleHPosition:C,locale:T,readMoreLabel:u,readLessLabel:w}=f,[s,b]=x.useState({}),i=x.createRef(),c=(e,n="Read More")=>e&&e.trim()!==""?e:n;x.useEffect(()=>{window.setTimeout(()=>{if(window.location.hash){const e=document.getElementById(window.location.hash.substr(1));e&&e.scrollIntoView({behavior:"auto",block:"start"})}},0)},[d]);const h=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1?n[1]:n[0]},g=e=>{const n=s[e]||!1,r=n?c(w,"Read less"):c(u,"Read more");return t.jsx("div",{children:t.jsx("div",{style:{position:"relative",left:C+"%"},children:t.jsx("a",{className:"link",onClick:()=>{i.current&&n&&(i.current.scrollIntoView({behavior:"smooth",block:"start"}),i.current.scrollTop=0),b({...s,[e]:!n})},children:r})})})},m=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[],r=n.length>1?n[0]:null;return r?r.trim():null},P=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1&&n[1].trim().length>0};return t.jsx(o.Container,{fluid:!0,className:"inline list",children:d&&d.map(e=>t.jsxs(o.Grid,{children:[j&&t.jsxs(o.Grid.Column,{textAlign:"center",width:1,children:[t.jsx("a",{id:e.slug}),t.jsx(a.MediaProvider,{id:e.meta_fields&&e.meta_fields.icon?e.meta_fields.icon[0]:null,children:t.jsx(a.MediaConsumer,{children:t.jsx(a.PostIcon,{as:o.Label})})})]}),t.jsxs(o.Grid.Column,{width:j?15:16,children:[m(e)&&t.jsx(L.default,{as:o.Container,fluid:!0,post:e,ref:i}),!m(e)&&t.jsx(y.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:"block"}}),P(e)&&t.jsxs(o.Container,{children:[l&&t.jsxs(t.Fragment,{children:[!s[e.slug]&&g(e.slug),t.jsx(y.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:s[e.slug]?"block":"none"}}),s[e.slug]&&g(e.slug)]}),!l&&t.jsx("a",{href:a.utils.replaceLink(e.link,T),className:"link",children:c(u)})]})]})]}))})},v=f=>{const[d,j]=x.useState(Math.random()*99998+1),{locale:l}=k.useParams(),{"data-width":C,"data-height":T,"data-type":u,"data-taxonomy":w,"data-categories":s,"data-items":b,"data-color":i,"data-show-post-icons":c,"data-show-content-toggle":h,"data-content-toggle-h-position":g,"data-read-more-label":m,"data-read-less-label":P,parent:e,editing:n,component:r,unique:R}=f;return t.jsx(o.Container,{fluid:!0,children:t.jsx(a.PostProvider,{type:u,locale:l,taxonomy:w,categories:s,store:"inline_list_"+e+"_"+R,page:1,perPage:b,children:t.jsx(a.PostConsumer,{children:t.jsx(I,{locale:l??"en",showIcons:c==="true",showContentToggle:h==="true",contentToggleHPosition:parseInt(g||"50",10),readMoreLabel:m,readLessLabel:P})})})})};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),x=require("react"),o=require("semantic-ui-react"),l=require("@devgateway/wp-react-lib"),L=require("../connected-templates/PostIntro.js"),k=require("react-router"),T=require("../connected-templates/PostContent.js"),I=f=>{const{posts:d,showIcons:j,showContentToggle:a,contentToggleHPosition:w,locale:C,readMoreLabel:u,readLessLabel:b}=f,[s,P]=x.useState({}),i=x.createRef(),c=(e,n="Read More")=>e&&e.trim()!==""?e:n;x.useEffect(()=>{window.setTimeout(()=>{if(window.location.hash){const e=document.getElementById(window.location.hash.substr(1));e&&e.scrollIntoView({behavior:"auto",block:"start"})}},0)},[d]);const h=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1?n[1]:n[0]},g=e=>{const n=s[e]||!1,r=n?c(b,"Read less"):c(u,"Read more");return t.jsx("div",{children:t.jsx("div",{style:{display:"flex",justifyContent:w<33?"flex-start":w<66?"center":"flex-end"},children:t.jsx("a",{className:"link",onClick:()=>{i.current&&n&&(i.current.scrollIntoView({behavior:"smooth",block:"start"}),i.current.scrollTop=0),P({...s,[e]:!n})},children:r})})})},m=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[],r=n.length>1?n[0]:null;return r?r.trim():null},y=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1&&n[1].trim().length>0};return t.jsx(o.Container,{fluid:!0,className:"inline list",children:d&&d.map(e=>t.jsxs(o.Grid,{children:[j&&t.jsxs(o.Grid.Column,{textAlign:"center",width:1,children:[t.jsx("a",{id:e.slug}),t.jsx(l.MediaProvider,{id:e.meta_fields&&e.meta_fields.icon?e.meta_fields.icon[0]:null,children:t.jsx(l.MediaConsumer,{children:t.jsx(l.PostIcon,{as:o.Label})})})]}),t.jsxs(o.Grid.Column,{width:j?15:16,children:[m(e)&&t.jsx(L.default,{as:o.Container,fluid:!0,post:e,ref:i}),!m(e)&&t.jsx(T.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:"block"}}),y(e)&&t.jsxs(o.Container,{children:[a&&t.jsxs(t.Fragment,{children:[!s[e.slug]&&g(e.slug),t.jsx(T.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:s[e.slug]?"block":"none"}}),s[e.slug]&&g(e.slug)]}),!a&&t.jsx("a",{href:l.utils.replaceLink(e.link,C),className:"link",children:c(u)})]})]})]}))})},p=f=>{const[d,j]=x.useState(Math.random()*99998+1),{locale:a}=k.useParams(),{"data-width":w,"data-height":C,"data-type":u,"data-taxonomy":b,"data-categories":s,"data-items":P,"data-color":i,"data-show-post-icons":c,"data-show-content-toggle":h,"data-content-toggle-h-position":g,"data-read-more-label":m,"data-read-less-label":y,parent:e,editing:n,component:r,unique:R}=f;return t.jsx(o.Container,{fluid:!0,children:t.jsx(l.PostProvider,{type:u,locale:a,taxonomy:b,categories:s,store:"inline_list_"+e+"_"+R,page:1,perPage:P,children:t.jsx(l.PostConsumer,{children:t.jsx(I,{locale:a??"en",showIcons:c==="true",showContentToggle:h==="true",contentToggleHPosition:parseInt(g||"50",10),readMoreLabel:m,readLessLabel:y})})})})};exports.default=p;

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

@@ -1,13 +1,13 @@
-import { jsx as o, jsxs as i, Fragment as R } from "react/jsx-runtime";
-import v, { useState as I, useEffect as x } from "react";
+import { jsx as o, jsxs as i, Fragment as L } from "react/jsx-runtime";
+import R, { useState as x, useEffect as v } from "react";
 import { Container as u, Grid as T, Label as M } from "semantic-ui-react";
-import { PostProvider as _, PostConsumer as S, MediaProvider as B, MediaConsumer as H, PostIcon as N, utils as j } from "@devgateway/wp-react-lib";
+import { PostProvider as _, PostConsumer as S, MediaProvider as j, MediaConsumer as B, PostIcon as H, utils as N } from "@devgateway/wp-react-lib";
 import E from "../connected-templates/PostIntro.js";
 import { useParams as V } from "react-router";
 import k from "../connected-templates/PostContent.js";
 const q = (f) => {
-  const { posts: c, showIcons: w, showContentToggle: s, contentToggleHPosition: y, locale: C, readMoreLabel: d, readLessLabel: P } = f, [n, b] = I({}), l = v.createRef(), a = (t, e = "Read More") => t && t.trim() !== "" ? t : e;
-  x(() => {
+  const { posts: c, showIcons: w, showContentToggle: s, contentToggleHPosition: P, locale: C, readMoreLabel: d, readLessLabel: b } = f, [n, p] = x({}), l = R.createRef(), a = (t, e = "Read More") => t && t.trim() !== "" ? t : e;
+  v(() => {
     window.setTimeout(
       () => {
         if (window.location.hash) {
@@ -22,14 +22,17 @@ const q = (f) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [];
     return e.length > 1 ? e[1] : e[0];
   }, m = (t) => {
-    const e = n[t] || !1, r = e ? a(P, "Read less") : a(d, "Read more");
-    return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { style: { position: "relative", left: y + "%" }, children: /* @__PURE__ */ o("a", { className: "link", onClick: () => {
-      l.current && e && (l.current.scrollIntoView({ behavior: "smooth", block: "start" }), l.current.scrollTop = 0), b({ ...n, [t]: !e });
+    const e = n[t] || !1, r = e ? a(b, "Read less") : a(d, "Read more");
+    return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { style: {
+      display: "flex",
+      justifyContent: P < 33 ? "flex-start" : P < 66 ? "center" : "flex-end"
+    }, children: /* @__PURE__ */ o("a", { className: "link", onClick: () => {
+      l.current && e && (l.current.scrollIntoView({ behavior: "smooth", block: "start" }), l.current.scrollTop = 0), p({ ...n, [t]: !e });
     }, children: r }) }) });
   }, g = (t) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [], r = e.length > 1 ? e[0] : null;
     return r ? r.trim() : null;
-  }, p = (t) => {
+  }, y = (t) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [];
     return e.length > 1 && e[1].trim().length > 0;
   };
@@ -37,10 +40,10 @@ const q = (f) => {
     w && /* @__PURE__ */ i(T.Column, { textAlign: "center", width: 1, children: [
       /* @__PURE__ */ o("a", { id: t.slug }),
       /* @__PURE__ */ o(
-        B,
+        j,
         {
           id: t.meta_fields && t.meta_fields.icon ? t.meta_fields.icon[0] : null,
-          children: /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(N, { as: M }) })
+          children: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(H, { as: M }) })
         }
       )
     ] }),
@@ -53,8 +56,8 @@ const q = (f) => {
           style: { clear: "both", display: "block" }
         }
       ),
-      p(t) && /* @__PURE__ */ i(u, { children: [
-        s && /* @__PURE__ */ i(R, { children: [
+      y(t) && /* @__PURE__ */ i(u, { children: [
+        s && /* @__PURE__ */ i(L, { children: [
           !n[t.slug] && m(t.slug),
           /* @__PURE__ */ o(
             k,
@@ -68,40 +71,40 @@ const q = (f) => {
           ),
           n[t.slug] && m(t.slug)
         ] }),
-        !s && /* @__PURE__ */ o("a", { href: j.replaceLink(t.link, C), className: "link", children: a(d) })
+        !s && /* @__PURE__ */ o("a", { href: N.replaceLink(t.link, C), className: "link", children: a(d) })
       ] })
     ] })
   ] })) });
 }, K = (f) => {
-  const [c, w] = I(Math.random() * 99998 + 1), { locale: s } = V(), {
-    "data-width": y,
+  const [c, w] = x(Math.random() * 99998 + 1), { locale: s } = V(), {
+    "data-width": P,
     "data-height": C,
     "data-type": d,
-    "data-taxonomy": P,
+    "data-taxonomy": b,
     "data-categories": n,
-    "data-items": b,
+    "data-items": p,
     "data-color": l,
     "data-show-post-icons": a,
     "data-show-content-toggle": h,
     "data-content-toggle-h-position": m,
     //horizontal position
     "data-read-more-label": g,
-    "data-read-less-label": p,
+    "data-read-less-label": y,
     parent: t,
     editing: e,
     component: r,
-    unique: L
+    unique: I
   } = f;
   return /* @__PURE__ */ o(u, { fluid: !0, children: /* @__PURE__ */ o(
     _,
     {
       type: d,
       locale: s,
-      taxonomy: P,
+      taxonomy: b,
       categories: n,
-      store: "inline_list_" + t + "_" + L,
+      store: "inline_list_" + t + "_" + I,
       page: 1,
-      perPage: b,
+      perPage: p,
       children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
         q,
         {
@@ -110,7 +113,7 @@ const q = (f) => {
           showContentToggle: h === "true",
           contentToggleHPosition: parseInt(m || "50", 10),
           readMoreLabel: g,
-          readLessLabel: p
+          readLessLabel: y
         }
       ) })
     }

package/package.json

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