@devgateway/dvz-ui-react 1.8.3 → 1.8.5

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

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

@@ -1,13 +1,13 @@
-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 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: 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(() => {
+import { jsx as o, jsxs as a, Fragment as L } from "react/jsx-runtime";
+import R, { useState as k, useRef as v, useEffect as M } from "react";
+import { Container as f, Grid as C, Label as _ } from "semantic-ui-react";
+import { PostProvider as j, PostConsumer as S, MediaProvider as B, MediaConsumer as H, PostIcon as N, utils as E } from "@devgateway/wp-react-lib";
+import V from "../connected-templates/PostIntro.js";
+import x from "../connected-templates/PostContent.js";
+import { injectIntl as q, useIntl as A } from "react-intl";
+const F = (w) => {
+  const { posts: c, showIcons: b, showContentToggle: s, contentToggleHPosition: P, locale: I, readMoreLabel: d, readLessLabel: y } = w, [n, p] = k({}), l = v({}), i = (t, e = "Read More") => t && t.trim() !== "" ? t : e;
+  M(() => {
     window.setTimeout(
       () => {
         if (window.location.hash) {
@@ -22,45 +22,48 @@ 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(b, "Read less") : a(d, "Read more");
+    const e = n[t] || !1, r = e ? i(y, "Read less") : i(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 });
+      var u;
+      e && l.current[t] && ((u = l.current[t]) == null || u.scrollIntoView({ behavior: "smooth", block: "start" }), l.current[t].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;
-  }, y = (t) => {
+  }, T = (t) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [];
     return e.length > 1 && e[1].trim().length > 0;
   };
-  return /* @__PURE__ */ o(u, { fluid: !0, className: "inline list", children: c && c.map((t) => /* @__PURE__ */ i(T, { children: [
-    w && /* @__PURE__ */ i(T.Column, { textAlign: "center", width: 1, children: [
+  return /* @__PURE__ */ o(f, { fluid: !0, className: "inline list", children: c && c.map((t) => /* @__PURE__ */ a(C, { children: [
+    b && /* @__PURE__ */ a(C.Column, { textAlign: "center", width: 1, children: [
       /* @__PURE__ */ o("a", { id: t.slug }),
       /* @__PURE__ */ o(
-        j,
+        B,
         {
           id: t.meta_fields && t.meta_fields.icon ? t.meta_fields.icon[0] : null,
-          children: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(H, { as: M }) })
+          children: /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(N, { as: _ }) })
         }
       )
     ] }),
-    /* @__PURE__ */ i(T.Column, { width: w ? 15 : 16, children: [
-      g(t) && /* @__PURE__ */ o(E, { as: u, fluid: !0, post: t, ref: l }),
+    /* @__PURE__ */ o(C.Column, { width: b ? 15 : 16, children: /* @__PURE__ */ a("div", { ref: (e) => {
+      l.current[t.slug] = e;
+    }, children: [
+      g(t) && /* @__PURE__ */ o(V, { as: f, fluid: !0, post: t }),
       !g(t) && /* @__PURE__ */ o(
-        k,
+        x,
         {
           post: { content: { rendered: h(t) } },
           style: { clear: "both", display: "block" }
         }
       ),
-      y(t) && /* @__PURE__ */ i(u, { children: [
-        s && /* @__PURE__ */ i(L, { children: [
+      T(t) && /* @__PURE__ */ a(f, { children: [
+        s && /* @__PURE__ */ a(L, { children: [
           !n[t.slug] && m(t.slug),
           /* @__PURE__ */ o(
-            k,
+            x,
             {
               post: { content: { rendered: h(t) } },
               style: {
@@ -71,54 +74,54 @@ const q = (f) => {
           ),
           n[t.slug] && m(t.slug)
         ] }),
-        !s && /* @__PURE__ */ o("a", { href: N.replaceLink(t.link, C), className: "link", children: a(d) })
+        !s && /* @__PURE__ */ o("a", { href: E.replaceLink(t.link, I), className: "link", children: i(d) })
       ] })
-    ] })
+    ] }) })
   ] })) });
-}, K = (f) => {
-  const [c, w] = x(Math.random() * 99998 + 1), { locale: s } = V(), {
+}, G = (w) => {
+  const [c, b] = k(Math.random() * 99998 + 1), { locale: s } = A(), {
     "data-width": P,
-    "data-height": C,
+    "data-height": I,
     "data-type": d,
-    "data-taxonomy": b,
+    "data-taxonomy": y,
     "data-categories": n,
     "data-items": p,
     "data-color": l,
-    "data-show-post-icons": a,
+    "data-show-post-icons": i,
     "data-show-content-toggle": h,
     "data-content-toggle-h-position": m,
     //horizontal position
     "data-read-more-label": g,
-    "data-read-less-label": y,
+    "data-read-less-label": T,
     parent: t,
     editing: e,
     component: r,
-    unique: I
-  } = f;
-  return /* @__PURE__ */ o(u, { fluid: !0, children: /* @__PURE__ */ o(
-    _,
+    unique: u
+  } = w;
+  return /* @__PURE__ */ o(f, { fluid: !0, children: /* @__PURE__ */ o(
+    j,
     {
       type: d,
       locale: s,
-      taxonomy: b,
+      taxonomy: y,
       categories: n,
-      store: "inline_list_" + t + "_" + I,
+      store: "inline_list_" + t + "_" + u,
       page: 1,
       perPage: p,
       children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
-        q,
+        F,
         {
           locale: s ?? "en",
-          showIcons: a === "true",
+          showIcons: i === "true",
           showContentToggle: h === "true",
           contentToggleHPosition: parseInt(m || "50", 10),
           readMoreLabel: g,
-          readLessLabel: y
+          readLessLabel: T
         }
       ) })
     }
   ) });
-};
+}, W = q(R.memo(G));
 export {
-  K as default
+  W as default
 };

package/dist/types/embeddable/inlinelist/index.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-interface InlineListProps {
+import { WrappedComponentProps } from 'react-intl';
+interface InlineListProps extends WrappedComponentProps {
     "data-width"?: string;
     "data-height"?: string;
     "data-type"?: string;
@@ -17,5 +18,7 @@ interface InlineListProps {
     component?: string;
     unique?: string;
 }
-declare const Root: React.FC<InlineListProps>;
-export default Root;
+declare const _default: React.FC<import('react-intl').WithIntlProps<InlineListProps>> & {
+    WrappedComponent: React.ComponentType<InlineListProps>;
+};
+export default _default;

package/package.json

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