@devgateway/dvz-ui-react 1.8.3 → 1.8.4

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"),T=require("../connected-templates/PostContent.js"),I=require("react-intl"),k=f=>{const{posts:u,showIcons:j,showContentToggle:a,contentToggleHPosition:w,locale:C,readMoreLabel:h,readLessLabel:b}=f,[s,P]=d.useState({}),i=d.createRef(),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(b,"Read less"):c(h,"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})})})},x=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:u&&u.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:[x(e)&&t.jsx(R.default,{as:o.Container,fluid:!0,post:e,ref:i}),!x(e)&&t.jsx(T.default,{post:{content:{rendered:g(e)}},style:{clear:"both",display:"block"}}),y(e)&&t.jsxs(o.Container,{children:[a&&t.jsxs(t.Fragment,{children:[!s[e.slug]&&m(e.slug),t.jsx(T.default,{post:{content:{rendered:g(e)}},style:{clear:"both",display:s[e.slug]?"block":"none"}}),s[e.slug]&&m(e.slug)]}),!a&&t.jsx("a",{href:l.utils.replaceLink(e.link,C),className:"link",children:c(h)})]})]})]}))})},p=f=>{const[u,j]=d.useState(Math.random()*99998+1),{locale:a}=I.useIntl(),{"data-width":w,"data-height":C,"data-type":h,"data-taxonomy":b,"data-categories":s,"data-items":P,"data-color":i,"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":y,parent:e,editing:n,component:r,unique:L}=f;return t.jsx(o.Container,{fluid:!0,children:t.jsx(l.PostProvider,{type:h,locale:a,taxonomy:b,categories:s,store:"inline_list_"+e+"_"+L,page:1,perPage:P,children:t.jsx(l.PostConsumer,{children:t.jsx(k,{locale:a??"en",showIcons:c==="true",showContentToggle:g==="true",contentToggleHPosition:parseInt(m||"50",10),readMoreLabel:x,readLessLabel:y})})})})},q=I.injectIntl(d.memo(p));exports.default=q;

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

@@ -1,12 +1,12 @@
-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 { jsx as o, jsxs as i, Fragment as R } from "react/jsx-runtime";
+import x, { useState as k, 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 { PostProvider as _, PostConsumer as j, MediaProvider as S, 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;
+import I from "../connected-templates/PostContent.js";
+import { injectIntl as V, useIntl as q } from "react-intl";
+const A = (f) => {
+  const { posts: c, showIcons: w, showContentToggle: s, contentToggleHPosition: b, locale: C, readMoreLabel: d, readLessLabel: P } = f, [n, p] = k({}), l = x.createRef(), a = (t, e = "Read More") => t && t.trim() !== "" ? t : e;
   v(() => {
     window.setTimeout(
       () => {
@@ -22,10 +22,10 @@ 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 ? a(P, "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"
+      justifyContent: b < 33 ? "flex-start" : b < 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 }) }) });
@@ -40,7 +40,7 @@ const q = (f) => {
     w && /* @__PURE__ */ i(T.Column, { textAlign: "center", width: 1, children: [
       /* @__PURE__ */ o("a", { id: t.slug }),
       /* @__PURE__ */ o(
-        j,
+        S,
         {
           id: t.meta_fields && t.meta_fields.icon ? t.meta_fields.icon[0] : null,
           children: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(H, { as: M }) })
@@ -50,17 +50,17 @@ const q = (f) => {
     /* @__PURE__ */ i(T.Column, { width: w ? 15 : 16, children: [
       g(t) && /* @__PURE__ */ o(E, { as: u, fluid: !0, post: t, ref: l }),
       !g(t) && /* @__PURE__ */ o(
-        k,
+        I,
         {
           post: { content: { rendered: h(t) } },
           style: { clear: "both", display: "block" }
         }
       ),
       y(t) && /* @__PURE__ */ i(u, { children: [
-        s && /* @__PURE__ */ i(L, { children: [
+        s && /* @__PURE__ */ i(R, { children: [
           !n[t.slug] && m(t.slug),
           /* @__PURE__ */ o(
-            k,
+            I,
             {
               post: { content: { rendered: h(t) } },
               style: {
@@ -75,12 +75,12 @@ const q = (f) => {
       ] })
     ] })
   ] })) });
-}, K = (f) => {
-  const [c, w] = x(Math.random() * 99998 + 1), { locale: s } = V(), {
-    "data-width": P,
+}, F = (f) => {
+  const [c, w] = k(Math.random() * 99998 + 1), { locale: s } = q(), {
+    "data-width": b,
     "data-height": C,
     "data-type": d,
-    "data-taxonomy": b,
+    "data-taxonomy": P,
     "data-categories": n,
     "data-items": p,
     "data-color": l,
@@ -93,20 +93,20 @@ const q = (f) => {
     parent: t,
     editing: e,
     component: r,
-    unique: I
+    unique: L
   } = f;
   return /* @__PURE__ */ o(u, { fluid: !0, children: /* @__PURE__ */ o(
     _,
     {
       type: d,
       locale: s,
-      taxonomy: b,
+      taxonomy: P,
       categories: n,
-      store: "inline_list_" + t + "_" + I,
+      store: "inline_list_" + t + "_" + L,
       page: 1,
       perPage: p,
-      children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
-        q,
+      children: /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
+        A,
         {
           locale: s ?? "en",
           showIcons: a === "true",
@@ -118,7 +118,7 @@ const q = (f) => {
       ) })
     }
   ) });
-};
+}, U = V(x.memo(F));
 export {
-  K as default
+  U 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.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",