@devgateway/dvz-ui-react 1.1.0 → 1.2.0

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

@@ -1,156 +1,167 @@
-import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { useState as f, useRef as F, useEffect as V } from "react";
-import { connect as J } from "react-redux";
-import { parse as i, compareJsonProps as E, decode as W } from "../utils/parseUtils.js";
-import G from "./Map.js";
-import H from "./BaseLayer.js";
-import K from "./DataLayer.js";
-import O from "./LatLongLayer.js";
-import Q from "./ZoomControl.js";
-import U from "./ProjectedContainer.js";
-import X from "./Legends.js";
-import Y from "./FlowLayer.js";
-const _ = (L) => {
+import { jsx as n, jsxs as H } from "react/jsx-runtime";
+import { useState as l, useRef as h, useEffect as R } from "react";
+import { connect as K } from "react-redux";
+import { parse as i, compareJsonProps as E, decode as O } from "../utils/parseUtils.js";
+import Q from "./Map.js";
+import U from "./BaseLayer.js";
+import X from "./DataLayer.js";
+import Y from "./LatLongLayer.js";
+import _ from "./ZoomControl.js";
+import $ from "./ProjectedContainer.js";
+import oo from "./Legends.js";
+import eo from "./FlowLayer.js";
+const to = (L) => {
   const {
-    unique: l,
-    editing: r,
+    unique: d,
+    editing: a,
     "data-identifier": M,
-    "data-group": c,
+    "data-group": m,
     "data-layers": g = "[]",
-    "data-height": w = 400,
-    "data-width": h = 1e3,
-    "data-back-ground-color": j = "#88e8dc",
-    "data-map-position": y = "{}",
-    "data-projection": k = "geoMercator",
-    "data-zoom-enabled": x = !0,
+    "data-height": V = 400,
+    "data-width": C = 1e3,
+    "data-back-ground-color": T = "#88e8dc",
+    "data-map-position": P = "{}",
+    "data-projection": j = "geoMercator",
+    "data-zoom-enabled": k = !0,
     "data-rotation-enabled": z = !1,
-    "data-wait-for-filters": n = "false",
+    "data-wait-for-filters": s = "false",
     intl: p
-  } = L, [P, S] = f(i(y, r), []), [s, u] = f(i(g), []), T = F(null), d = F(null), [b, v] = f(null), [C, I] = f(null), [Z, D] = f(null);
-  V(() => {
-    const o = i(y, r);
-    E(P, o) || S(o);
-  }, [y]), V(() => {
+  } = L, [w, x] = l(i(P, a), []), [r, u] = l(i(g), []), S = h(null), c = h(null), [b, v] = l(null), [F, I] = l(null), [D, N] = l(null);
+  R(() => {
+    const o = i(P, a);
+    E(w, o) || x(o);
+  }, [P]), R(() => {
     const o = i(g);
-    E(s, o) || u(o);
+    E(r, o) || u(o);
   }, [g]);
-  const N = (o) => {
-    const e = s.slice(), t = e.find((m) => m.id == o);
-    t && (t.visible = !t.visible), u(e);
-  }, R = (o) => {
-    const e = s.slice(), t = e.find((m) => m.id == o);
-    t && (t.patternsVisible = t.patternsVisible == null ? !1 : !t.patternsVisible), u(e);
-  }, q = (o) => {
-    D(o);
+  const q = (o) => {
+    const t = r.slice(), e = t.find((f) => f.id == o);
+    e && (e.visible = !e.visible), u(t);
   }, A = (o) => {
-    const e = s.slice(), t = e.find((m) => m.id == o);
-    t && (t.colorLayerVisible = t.colorLayerVisible == null ? !1 : !t.colorLayerVisible), u(e);
+    const t = r.slice(), e = t.find((f) => f.id == o);
+    e && (e.patternsVisible = e.patternsVisible == null ? !1 : !e.patternsVisible), u(t);
+  }, B = (o) => {
+    N(o);
+  }, J = (o) => {
+    const t = r.slice(), e = t.find((f) => f.id == o);
+    e && (e.colorLayerVisible = e.colorLayerVisible == null ? !1 : !e.colorLayerVisible), u(t);
+  }, [W, G] = l(!1), Z = h(0);
+  r.length;
+  const y = () => {
+    Z.current += 1, Z.current === r.length && G(!0);
   };
-  return /* @__PURE__ */ a("div", { ref: T, className: "d3map-container", children: /* @__PURE__ */ B(
-    U,
+  return /* @__PURE__ */ n("div", { ref: S, className: "d3map-container", children: /* @__PURE__ */ H(
+    $,
     {
-      backgroundColor: W(j),
-      height: w,
-      width: h,
-      projectionName: k,
-      editing: r,
-      initialPosition: P,
+      backgroundColor: O(T),
+      height: V,
+      width: C,
+      projectionName: j,
+      editing: a,
+      initialPosition: w,
       children: [
-        /* @__PURE__ */ a(G, { rotationEnabled: i(z, r), children: s.map((o, e) => {
+        /* @__PURE__ */ n(Q, { rotationEnabled: i(z, a), children: r.map((o, t) => {
           if (o.type === "base")
-            return /* @__PURE__ */ a(
-              H,
+            return /* @__PURE__ */ n(
+              U,
               {
+                minLabelZoomVisible: o.minLabelZoomVisible,
+                onReady: y,
                 transform: b,
                 intl: p,
-                zoom: d,
-                unique: l,
+                zoom: c,
+                unique: d,
                 ...o
               },
-              e
+              t
             );
           if (o.type === "data")
-            return /* @__PURE__ */ a(
-              K,
+            return /* @__PURE__ */ n(
+              X,
               {
-                editing: r,
-                onLayerCreated: (t) => {
+                minLabelZoomVisible: o.minLabelZoomVisible,
+                editing: a,
+                onLayerCreated: (e) => {
                 },
+                onReady: y,
                 transform: b,
                 intl: p,
-                group: c,
-                zoom: d,
-                unique: l,
+                group: m,
+                zoom: c,
+                unique: d,
                 ...o,
                 settings: L.wordress,
-                togglePatterns: R,
-                initialPosition: P,
-                waitForFilters: n == "true" || n == !0
+                togglePatterns: A,
+                initialPosition: w,
+                waitForFilters: s == "true" || s == !0
               },
-              e
+              t
             );
           if (o.type === "flow")
-            return /* @__PURE__ */ a(
-              Y,
+            return /* @__PURE__ */ n(
+              eo,
               {
+                onReady: y,
                 transform: b,
                 intl: p,
-                group: c,
-                zoom: d,
-                unique: l,
+                group: m,
+                zoom: c,
+                unique: d,
                 ...o,
-                waitForFilters: n == "true" || n == !0
+                waitForFilters: s == "true" || s == !0
               },
-              e
+              t
             );
           if (o.type === "dataPoints")
-            return /* @__PURE__ */ a(
-              O,
+            return /* @__PURE__ */ n(
+              Y,
               {
-                onZoomToPoint: q,
-                selectedItem: C,
+                onReady: y,
+                onZoomToPoint: B,
+                selectedItem: F,
                 transform: b,
                 intl: p,
-                group: c,
-                zoom: d,
-                unique: l,
+                group: m,
+                zoom: c,
+                unique: d,
                 ...o,
-                waitForFilters: n == "true" || n == !0
+                waitForFilters: s == "true" || s == !0
               },
-              e
+              t
             );
         }) }),
-        /* @__PURE__ */ a(
-          X,
+        /* @__PURE__ */ n(
+          oo,
           {
-            selectedItem: C,
+            selectedItem: F,
             d2Click: (o) => I(o),
             patternsData: null,
-            layers: s,
-            group: c,
-            onItemClick: N,
-            toggleColorLayer: A
+            layers: r,
+            group: m,
+            onItemClick: q,
+            toggleColorLayer: J
           }
         ),
-        /* @__PURE__ */ a(
-          Q,
+        /* @__PURE__ */ n(
+          _,
           {
-            selectedPoint: Z,
-            rootationEmabled: i(z, r),
-            zoomEnabled: i(x, r),
+            readyToZoom: W,
+            selectedPoint: D,
+            rootationEmabled: i(z, a),
+            zoomEnabled: i(k, a),
             onZoomed: v,
-            width: h,
-            height: w,
-            ref: d,
-            group: c,
+            width: C,
+            height: V,
+            ref: c,
+            group: m,
             identifier: M,
-            editing: r
+            editing: a
           }
         )
       ]
     }
   ) });
-}, $ = (L, l) => ({}), oo = {}, uo = J($, oo)(_);
+}, ao = (L, d) => ({}), ro = {}, go = K(ao, ro)(to);
 export {
-  uo as default
+  go as default
 };

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

@@ -1,12 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import l, { useRef as m, useState as u } from "react";
+import "../../node_modules/.pnpm/jspdf@3.0.1/node_modules/jspdf/dist/polyfills.es.js";
 import { Container as w, Button as b } from "semantic-ui-react";
 l.forwardRef((d, o) => /* @__PURE__ */ t("div", { id: "divIdToPrint", ref: o, children: d.children }));
-const L = (d) => {
+const N = (d) => {
   m();
   const [o, n] = u(!1), {
-    childContent: g,
-    "data-height": p,
+    childContent: p,
+    "data-height": g,
     "data-button-label": i = "Download PDF",
     "data-file-label": r,
     "data-url": c,
@@ -20,5 +21,5 @@ const L = (d) => {
   return /* @__PURE__ */ t(w, { className: `viz download ${s ? "editing" : ""}`, fluid: !0, children: /* @__PURE__ */ t(l.Fragment, { children: /* @__PURE__ */ t("div", { className: "downloadPdf", children: /* @__PURE__ */ t(b, { loading: o, className: "download", onClick: f, children: i }) }) }) });
 };
 export {
-  L as default
+  N as default
 };

package/dist/esm/embeddable/new-time-line/index.js

@@ -1,8 +1,9 @@
 import { jsx as t, jsxs as W } from "react/jsx-runtime";
 import { PostProvider as $, PostConsumer as p } from "@devgateway/wp-react-lib";
 import j from "../connected-templates/PostIntro.js";
+/* empty css                                                                                                                                                          */
 import { useState as J } from "react";
-import { Container as c } from "semantic-ui-react";
+import { Container as m } from "semantic-ui-react";
 import { CarouselProvider as L, Slider as O, Slide as T } from "pure-react-carousel";
 import U from "./timeline.js";
 const _ = (r) => {
@@ -18,7 +19,7 @@ const _ = (r) => {
       children: /* @__PURE__ */ t(O, { style: { height: `${n}px` }, tag: "ul", children: i.map((s) => /* @__PURE__ */ t(T, { index: a++, tag: "li", children: /* @__PURE__ */ t(j, { post: s, fluid: !0 }) })) })
     }
   );
-}, G = (r) => {
+}, H = (r) => {
   const {
     "data-type": a,
     "data-taxonomy": i,
@@ -36,10 +37,10 @@ const _ = (r) => {
     "data-font-size": y = 14,
     "data-title-width": w = 100,
     "data-subtitle-width": N = 50,
-    editing: m,
+    editing: c,
     parent: v,
     unique: b
-  } = r, [h, z] = J([0]), g = (e) => m ? e : decodeURIComponent(e), I = (e) => JSON.parse(g(e)), R = {
+  } = r, [h, z] = J([0]), g = (e) => c ? e : decodeURIComponent(e), I = (e) => JSON.parse(g(e)), R = {
     marginLeft: S,
     marginTop: C,
     marginRight: x,
@@ -54,7 +55,7 @@ const _ = (r) => {
     subtitleWidth: N
   };
   return /* @__PURE__ */ t(
-    c,
+    m,
     {
       style: { height: `${o}px` },
       className: "viz new-time-line ",
@@ -69,8 +70,8 @@ const _ = (r) => {
           page: 1,
           perPage: d,
           children: [
-            /* @__PURE__ */ t(c, { className: "carousel-section", children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(_, { currentSlide: h, height: o - 250, interval: 5, autoSwitch: !1 }) }) }),
-            /* @__PURE__ */ t(c, { className: "time-line-section", children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(U, { currentSlide: h, onSelectSlide: (e) => {
+            /* @__PURE__ */ t(m, { className: "carousel-section", children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(_, { currentSlide: h, height: o - 250, interval: 5, autoSwitch: !1 }) }) }),
+            /* @__PURE__ */ t(m, { className: "time-line-section", children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(U, { currentSlide: h, onSelectSlide: (e) => {
               z(e);
             }, ...R }) }) })
           ]
@@ -80,5 +81,5 @@ const _ = (r) => {
   );
 };
 export {
-  G as default
+  H as default
 };

package/dist/esm/embeddable/new-time-line/timeline.js

@@ -1,7 +1,8 @@
 import { jsx as $ } from "react/jsx-runtime";
+/* empty css                                                                                                                                                          */
 import { useRef as K, useState as M, useEffect as Q } from "react";
 import * as o from "d3";
-const ot = ({
+const lt = ({
   posts: s,
   position: u,
   lineWidth: v,
@@ -64,5 +65,5 @@ const ot = ({
   }, []), /* @__PURE__ */ $("div", { className: "line", children: /* @__PURE__ */ $("svg", { height: i, width: "100%", ref: p }) });
 };
 export {
-  ot as default
+  lt as default
 };

package/dist/esm/embeddable/posts-with-filters/DropDownFilter.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Dropdown as s } from "semantic-ui-react";
+const f = (n) => {
+  const {
+    options: t,
+    onChange: o
+  } = n, a = [{
+    key: "all",
+    value: "all",
+    text: "All"
+  }, ...t || []];
+  return /* @__PURE__ */ i(
+    s,
+    {
+      ...n,
+      options: a,
+      onChange: (e, l) => {
+        o && (l.value === "all" ? o(e, { ...l, value: void 0 }) : o(e, l));
+      }
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/esm/embeddable/posts-with-filters/Post.js

@@ -1,26 +1,51 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { Button as m } from "semantic-ui-react";
-import { format as c } from "date-fns";
-import { decodeHtmlEntitiesToText as u, decodeHtmlEntitiesToHtml as p } from "../../utils/data.js";
-const f = (l) => {
-  var i, o, a, d, s, r;
-  const { post: e } = l;
-  return /* @__PURE__ */ n("div", { className: "post-card", children: [
-    /* @__PURE__ */ t("div", { className: "post-image", children: /* @__PURE__ */ t(
-      "img",
-      {
-        src: e.featured_media_url,
-        alt: ((i = e.yoast_head_json) == null ? void 0 : i.title) || ((o = e.title) == null ? void 0 : o.rendered)
-      }
-    ) }),
-    /* @__PURE__ */ n("div", { className: "post-content", children: [
-      /* @__PURE__ */ t("div", { className: "publication-date", children: c(new Date(e.date), "MMM dd, yyyy") }),
-      /* @__PURE__ */ t("h2", { className: "publication-title", children: u(((a = e.yoast_head_json) == null ? void 0 : a.title) || ((d = e.title) == null ? void 0 : d.rendered) || "Publication Title") }),
-      /* @__PURE__ */ t("p", { className: "publication-description", dangerouslySetInnerHTML: { __html: p(((s = e.yoast_head_json) == null ? void 0 : s.og_description) || ((r = e.excerpt) == null ? void 0 : r.rendered) || "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.") } }),
-      /* @__PURE__ */ t(m, { className: "read-more-button", children: "Read more" })
-    ] })
-  ] }, e.id);
-};
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { Button as c } from "semantic-ui-react";
+import { format as u } from "date-fns";
+import { decodeHtmlEntitiesToText as h, decodeHtmlEntitiesToHtml as g } from "../../utils/data.js";
+import { MediaProvider as f, MediaConsumer as p } from "@devgateway/wp-react-lib";
+import { injectIntl as v } from "react-intl";
+const M = (i) => {
+  const { isPostHovered: e } = i;
+  return /* @__PURE__ */ t("div", { className: "post-image", children: /* @__PURE__ */ t(
+    "img",
+    {
+      loading: "lazy",
+      className: `${e ? "highlighted" : ""}`,
+      src: i.media && i.media.guid ? i.media.guid.rendered : null,
+      alt: i.media && i.media.alt_text || ""
+    }
+  ) });
+}, _ = (i) => {
+  var d, n, r, s;
+  const { post: e } = i, [a, o] = m(!1);
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "post-card",
+      onMouseEnter: () => o(!0),
+      onMouseLeave: () => o(!1),
+      children: [
+        /* @__PURE__ */ t("a", { href: e.link, target: "_blank", children: /* @__PURE__ */ t(f, { id: e.featured_media, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(M, { isPostHovered: a }) }) }) }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: "post-content",
+            onMouseEnter: () => o(!0),
+            onMouseLeave: () => o(!1),
+            children: [
+              /* @__PURE__ */ t("div", { className: "publication-date", children: u(new Date(e.date), "MMM dd, yyyy") }),
+              /* @__PURE__ */ t("a", { href: e.link, target: "_blank", children: /* @__PURE__ */ t("h2", { className: `publication-title ${a ? "highlighted" : ""}`, children: h(((d = e.title) == null ? void 0 : d.rendered) || ((n = e.yoast_head_json) == null ? void 0 : n.title) || "Publication Title") }) }),
+              /* @__PURE__ */ t("p", { className: "publication-description", dangerouslySetInnerHTML: { __html: g(((r = e.yoast_head_json) == null ? void 0 : r.og_description) || ((s = e.excerpt) == null ? void 0 : s.rendered) || "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.") } }),
+              /* @__PURE__ */ t("a", { href: e.link, children: /* @__PURE__ */ t(c, { className: `read-more-button ${a ? "highlighted" : ""}`, children: "Read more" }) })
+            ]
+          }
+        )
+      ]
+    },
+    e.id
+  );
+}, k = v(_);
 export {
-  f as default
+  k as default
 };