@devgateway/dvz-ui-react 1.0.7 → 1.1.0

package/dist/esm/embeddable/filter-reset-button/index.js

@@ -1,41 +1,53 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import g from "react";
-import { connect as F } from "react-redux";
-import { Container as I, Icon as h } from "semantic-ui-react";
-import { cleanFilter as N } from "../reducers/data.js";
-const b = (t) => {
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import F from "react";
+import { connect as I } from "react-redux";
+import { Container as h, Icon as N } from "semantic-ui-react";
+import { applyFilter as b, cleanFilter as A } from "../reducers/data.js";
+const C = (n) => {
   const {
     appliedFilters: r,
     initialFilters: e,
-    "data-group": n,
-    onClean: c,
-    "data-app": d = "csv",
-    "data-reset-label": u = "Reset All Filters"
-  } = t, m = g.useMemo(() => Object.keys(e).some((i) => {
-    const a = e[i], l = (r[i] || []).filter((s) => s !== Number.MIN_SAFE_INTEGER);
+    "data-group": t,
+    onClean: d,
+    onApply: u,
+    "data-app": p = "csv",
+    "data-reset-label": m = "Reset All Filters"
+  } = n, f = F.useMemo(() => Object.keys(e).some((i) => {
+    const a = e[i], l = (r[i] || []).filter((o) => o !== Number.MIN_SAFE_INTEGER);
     if (l.length === 0)
       return !1;
     if (a.length === 1 && a[0] === Number.MIN_SAFE_INTEGER && l.length > 0)
       return !0;
-    const p = a.length !== l.length && !a.every((s) => l.includes(s));
-    return console.log("res", p), p;
+    const c = a.length !== l.length && !a.every((o) => l.includes(o));
+    return console.log("res", c), c;
   }), [e, r]);
-  return /* @__PURE__ */ f(I, { fluid: !0, className: `data-filters-reset ignore ${m ? "" : "disabled"}`, onClick: (i) => c({ app: d, group: n }), children: [
-    /* @__PURE__ */ o("span", { children: u }),
-    /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(h, { name: "undo alternate", className: "custom-undo-icon" }) })
-  ] });
-}, C = (t, r) => {
+  return /* @__PURE__ */ g(
+    h,
+    {
+      fluid: !0,
+      className: `data-filters-reset ignore ${f ? "" : "disabled"}`,
+      onClick: (i) => {
+        d({ app: p, group: t }), u({ app: p, group: t });
+      },
+      children: [
+        /* @__PURE__ */ s("span", { children: m }),
+        /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(N, { name: "undo alternate", className: "custom-undo-icon" }) })
+      ]
+    }
+  );
+}, E = (n, r) => {
   const {
     "data-group": e,
-    "data-app": n = "csv"
+    "data-app": t = "csv"
   } = r;
   return {
-    appliedFilters: t.getIn(["data", "filters", n, e]) ? t.getIn(["data", "filters", n, e]).toJS() : {},
-    initialFilters: t.getIn(["data", "filters", "initial", n, e]) ? t.getIn(["data", "filters", "initial", n, e]).toJS() : {}
+    appliedFilters: n.getIn(["data", "filters", t, e]) ? n.getIn(["data", "filters", t, e]).toJS() : {},
+    initialFilters: n.getIn(["data", "filters", "initial", t, e]) ? n.getIn(["data", "filters", "initial", t, e]).toJS() : {}
   };
-}, E = {
-  onClean: N
-}, v = F(C, E)(b);
+}, y = {
+  onClean: A,
+  onApply: b
+}, M = I(E, y)(C);
 export {
-  v as default
+  M as default
 };

package/dist/esm/embeddable/filters-apply-button/index.js

@@ -1,40 +1,48 @@
-import { jsxs as I, jsx as r } from "react/jsx-runtime";
-import { useState as d, useEffect as f } from "react";
-import { connect as b } from "react-redux";
-import { Container as F, Icon as E } from "semantic-ui-react";
-import { applyFilter as S } from "../reducers/data.js";
-const A = (t) => {
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import { useState as g, useEffect as u } from "react";
+import { connect as x } from "react-redux";
+import { Container as A, Icon as F } from "semantic-ui-react";
+import { applyFilter as v } from "../reducers/data.js";
+const j = (t) => {
   const {
     editing: l = !1,
     "data-group": e,
     onApply: a,
     "data-app": m = "csv",
-    "data-label": g = "Apply",
-    filters: i,
-    initialFilters: u,
-    apply: n
-  } = t, [s, o] = d(!1), [p, y] = d(u);
-  return console.log(n), f(() => {
-    Object.keys(p).forEach((c) => {
-      p[c].length != i[c].filter((h) => h != Number.MIN_SAFE_INTEGER).length && o(!0);
-    }), y(i);
-  }, [i]), f(() => {
-    n != null && o(!1);
-  }, [n]), /* @__PURE__ */ I(
-    F,
+    "data-label": h = "Apply",
+    filters: o,
+    initialFilters: y,
+    apply: c
+  } = t, [f, d] = g(!1), [I, b] = g(y), C = (n, p) => {
+    for (let i in p) {
+      if (n[i].length !== p[i].length)
+        return !0;
+      for (let r = 0; r < n[i].length; r++)
+        if (n[i][r] !== p[i][r])
+          return !0;
+    }
+    return !1;
+  };
+  return u(() => {
+    const n = C(o, I);
+    n && d(n), b(o);
+  }, [o]), u(() => {
+    c != null && d(!1);
+  }, [c]), /* @__PURE__ */ S(
+    A,
     {
       fluid: !0,
-      className: `data-filters-apply ignore ${s ? "" : "disabled"} ${l ? "editing" : ""}`,
-      onClick: () => {
-        s && a({ app: m, group: e });
+      className: `data-filters-apply ignore ${f ? "" : "disabled"} ${l ? "editing" : ""}`,
+      onClick: (n) => {
+        f && a({ app: m, group: e });
       },
       children: [
-        /* @__PURE__ */ r("span", { children: g }),
-        /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(E, { name: "chevron circle right", className: "custom-apply-icon" }) })
+        /* @__PURE__ */ s("span", { children: h }),
+        /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(F, { name: "chevron circle right", className: "custom-apply-icon" }) })
       ]
     }
   );
-}, N = (t, l) => {
+}, k = (t, l) => {
   const {
     "data-group": e,
     "data-app": a = "csv"
@@ -44,9 +52,9 @@ const A = (t) => {
     filters: t.getIn(["data", "filters", a, e]) ? t.getIn(["data", "filters", a, e]).toJS() : {},
     initialFilters: t.getIn(["data", "filters", "initial", a, e]) ? t.getIn(["data", "filters", "initial", a, e]).toJS() : {}
   };
-}, x = {
-  onApply: S
-}, T = b(N, x)(A);
+}, E = {
+  onApply: v
+}, T = x(k, E)(j);
 export {
   T as default
 };

package/dist/esm/embeddable/index.js

@@ -2,7 +2,7 @@ import a, { lazy as e } from "react";
 import c from "./reducers/data.js";
 import p from "./reducers/embeddable.js";
 import { injectIntl as i } from "react-intl";
-const l = e(() => import("./pagegallery/index.js")), d = e(() => import("./download/index.js")), u = e(() => import("./postscarousel/index.js")), b = e(() => import("./chart/index.js")), C = e(() => import("./filter/index.js")), g = e(() => import("./showcase/index.js")), f = e(() => import("./newsletter/index.js")), w = e(() => import("./tabbedposts/index.js")), y = e(() => import("./pagemodules/index.js")), L = e(() => import("./featuredtabs/index.js")), h = e(() => import("./vertical-featuredtabs/index.js")), T = e(() => import("./inlinelist/index.js")), N = e(() => import("./agree-and-download/index.js")), P = e(() => import("./downloadPDF/index.js")), D = e(() => import("./map/index.js")), F = e(() => import("./filter-reset-button/index.js")), M = e(() => import("./filters-apply-button/index.js")), k = e(() => import("./tooltip/index.js")), R = e(() => import("./references/ReferencesList.js")), B = e(() => import("./references/Reference.js")), j = e(() => import("./time-line/index.js")), A = e(() => import("./new-time-line/index.js")), I = e(() => import("./measures/index.js")), O = e(() => import("./menu/index.js")), S = e(() => import("./child-page-menu/index.js")), v = e(() => import("./d3Map/index.js")), x = e(() => import("./parallax/index.js")), z = e(() => import("./wrapped/index.js")), G = e(() => import("./sankeychart/index.js")), V = e(() => import("./datalabel/index.js")), E = e(() => import("./body/index.js")), W = e(() => import("./superset-chart/index.js")), q = e(() => import("./superset-dashboard/index.js")), H = e(() => import("./big-number/index.js")), J = e(() => import("./big-number-trend/index.js")), m = {
+const l = e(() => import("./pagegallery/index.js")), d = e(() => import("./download/index.js")), u = e(() => import("./postscarousel/index.js")), b = e(() => import("./chart/index.js")), C = e(() => import("./filter/index.js")), g = e(() => import("./showcase/index.js")), f = e(() => import("./newsletter/index.js")), w = e(() => import("./tabbedposts/index.js")), y = e(() => import("./pagemodules/index.js")), L = e(() => import("./featuredtabs/index.js")), h = e(() => import("./vertical-featuredtabs/index.js")), F = e(() => import("./inlinelist/index.js")), P = e(() => import("./agree-and-download/index.js")), T = e(() => import("./downloadPDF/index.js")), N = e(() => import("./map/index.js")), D = e(() => import("./filter-reset-button/index.js")), M = e(() => import("./filters-apply-button/index.js")), k = e(() => import("./tooltip/index.js")), R = e(() => import("./references/ReferencesList.js")), B = e(() => import("./references/Reference.js")), j = e(() => import("./time-line/index.js")), A = e(() => import("./new-time-line/index.js")), I = e(() => import("./measures/index.js")), O = e(() => import("./menu/index.js")), S = e(() => import("./child-page-menu/index.js")), v = e(() => import("./d3Map/index.js")), x = e(() => import("./parallax/index.js")), W = e(() => import("./wrapped/index.js")), z = e(() => import("./sankeychart/index.js")), G = e(() => import("./datalabel/index.js")), E = e(() => import("./body/index.js")), V = e(() => import("./superset-chart/index.js")), q = e(() => import("./superset-dashboard/index.js")), H = e(() => import("./big-number/index.js")), J = e(() => import("./big-number-trend/index.js")), K = e(() => import("./posts-with-filters/index.js")), m = {
   pageGallery: l,
   postsCarousel: u,
   chart: b,
@@ -13,11 +13,11 @@ const l = e(() => import("./pagegallery/index.js")), d = e(() => import("./downl
   pageModules: y,
   featuredTabs: L,
   verticalTabs: h,
-  inlineList: T,
+  inlineList: F,
   download: d,
-  downloadPdf: P,
-  map: D,
-  dataFiltersReset: F,
+  downloadPdf: T,
+  map: N,
+  dataFiltersReset: D,
   dataFiltersApply: M,
   tooltip: k,
   references: R,
@@ -29,15 +29,16 @@ const l = e(() => import("./pagegallery/index.js")), d = e(() => import("./downl
   childPagesMenu: S,
   newMap: v,
   parallaxContainer: x,
-  wrapped: z,
-  sankeyChart: G,
-  dataLabel: V,
+  wrapped: W,
+  sankeyChart: z,
+  dataLabel: G,
   body: E,
-  supersetChart: W,
+  supersetChart: V,
   supersetDashboard: q,
-  agreeAndDownload: N,
+  agreeAndDownload: P,
   bigNumber: H,
   bigNumberTrend: J,
+  postsWithFilters: K,
   redirect: () => null
 }, s = {
   components: {},
@@ -59,7 +60,7 @@ const l = e(() => import("./pagegallery/index.js")), d = e(() => import("./downl
       s.reducers[o] = t;
   },
   getReducers: () => s.reducers
-}, Y = (r) => {
+}, Z = (r) => {
   const o = Object.keys(m).find((n) => n.toLowerCase() === r.toLowerCase());
   if (o) {
     const n = m[o];
@@ -67,10 +68,10 @@ const l = e(() => import("./pagegallery/index.js")), d = e(() => import("./downl
   }
   const t = s.getComponentByNameIgnoreCase(r);
   return t ? a.memo(i(t)) : null;
-}, Z = { data: c, embeddable: p, ...s.getReducers() };
+}, _ = { data: c, embeddable: p, ...s.getReducers() };
 export {
   m as components,
   s as customizer,
-  Y as getComponentByNameIgnoreCase,
-  Z as reducers
+  Z as getComponentByNameIgnoreCase,
+  _ as reducers
 };

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

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