@devgateway/dvz-ui-react 1.0.6 → 1.1.0

package/dist/esm/embeddable/reducers/data.js

@@ -1,116 +1,128 @@
-import { getData as F, getCategories as C } from "./data-api.js";
-import { Map as M, fromJS as v } from "immutable";
-import x from "papaparse";
-const d = "LOAD_DATA", I = "LOAD_DATA_DONE", A = "LOAD_DATA_ERROR", _ = "LOAD_CATEGORIES", S = "LOAD_CATEGORIES_DONE", f = "LOAD_CATEGORIES_ERROR", D = "SET_PAGE_MODULE_PROPS", y = "SET_FILTER", T = "SET_INITIAL_FILTER", R = "SET_APPLY", O = "CLEAN_FILTER", z = M({ mode: "info" }), L = "SET_MEASURES", P = "CLEAN_MEASURES", b = ({ app: r, group: a }) => (e, t) => {
-  e({ type: P, app: r, group: a });
-}, J = ({ app: r, group: a, mGroup: e }) => (t, s) => {
-  const n = Object.keys(e.measures).filter((l) => e.measures[l].selected), o = { ...e };
-  o[r] = { measures: {} }, n.forEach((l) => {
-    o[r].measures[l] = { ...e.measures[l] };
-  }), o[r].format = e.format, t({ type: L, app: r, group: a, measure: o });
-}, j = ({ app: r, group: a, param: e, value: t, autoApply: s }) => (n, o) => {
-  n({ type: y, app: r, group: a, param: e, value: t, autoApply: s });
-}, Y = ({ app: r, group: a }) => (e, t) => {
-  e({ type: O, app: r, group: a });
-}, $ = ({ app: r, group: a }) => (e, t) => {
-  e({ type: R, app: r, group: a });
-}, V = ({ app: r, group: a, param: e, value: t }) => (s, n) => {
-  s({ type: T, app: r, group: a, param: e, value: t });
-}, k = (r) => (a, e) => {
-  const { app: t, params: s } = r;
-  a({ type: _, params: s, app: t, dvzProxyDatasetId: s.dvzProxyDatasetId }), C({ app: t, params: s }).then((n) => (n.appliedFilters = s, a({ type: S, app: t, data: n, dvzProxyDatasetId: s.dvzProxyDatasetId }))).catch((n) => a({
-    type: f,
-    app: t,
-    error: n,
-    dvzProxyDatasetId: s.dvzProxyDatasetId
+import { getData as C, getCategories as M } from "./data-api.js";
+import * as A from "immutable";
+import w from "papaparse";
+const S = "LOAD_DATA", p = "LOAD_DATA_DONE", _ = "LOAD_DATA_ERROR", d = "LOAD_CATEGORIES", D = "LOAD_CATEGORIES_DONE", T = "LOAD_CATEGORIES_ERROR", O = "SET_PAGE_MODULE_PROPS", R = "SET_FILTER", y = "SET_INITIAL_FILTER", L = "SET_APPLY", h = "CLEAN_FILTER", b = A.Map({ mode: "info" }), F = "SET_MEASURES", m = "CLEAN_MEASURES", v = ({ app: n, group: r }) => (t, s) => {
+  t({ type: m, app: n, group: r });
+}, x = ({ app: n, group: r, mGroup: t }) => (s, e) => {
+  const o = Object.keys(t.measures).filter((l) => t.measures[l].selected), a = { ...t };
+  a[n] = { measures: {} }, o.forEach((l) => {
+    a[n].measures[l] = { ...t.measures[l] };
+  }), a[n].format = t.format, s({ type: F, app: n, group: r, measure: a });
+}, z = ({ app: n, group: r, param: t, value: s, autoApply: e }) => (o, a) => {
+  o({ type: R, app: n, group: r, param: t, value: s, autoApply: e });
+}, q = ({ app: n, group: r }) => (t, s) => {
+  t({ type: h, app: n, group: r });
+}, j = ({ app: n, group: r }) => (t, s) => {
+  t({ type: L, app: n, group: r });
+}, J = ({ app: n, group: r, param: t, value: s }) => (e, o) => {
+  e({ type: y, app: n, group: r, param: t, value: s });
+}, Y = (n) => (r, t) => {
+  const { app: s, params: e, dvzProxyDatasetId: o, uniqueStorage: a } = n;
+  r({ type: d, params: e, app: s, uniqueStorage: a, dvzProxyDatasetId: o }), M({ app: s, params: e }).then((l) => (l.appliedFilters = e, r({
+    type: D,
+    app: s,
+    data: l,
+    uniqueStorage: a,
+    dvzProxyDatasetId: o
+  }))).catch((l) => r({
+    type: T,
+    app: s,
+    uniqueStorage: a,
+    error: l,
+    dvzProxyDatasetId: o
   }));
-}, q = ({ app: r, group: a, csv: e, store: t, params: s }) => (n, o) => {
-  const l = o().get("data").getIn(["filters", r, a]);
-  l && (s = { ...s, ...l.toJS() });
-  const i = x.parse(e, { header: !0, dynamicTyping: !0 }), m = i.data.filter((u) => {
-    let p = !1;
-    return Object.keys(s).forEach((E) => {
-      const N = s[E];
-      if (u[E]) {
-        const h = u[E].toString().trim().toLowerCase();
-        p = N.filter((g) => g && g.toString().trim().toLowerCase() == h).length == 0;
+}, $ = ({ app: n, group: r, csv: t, store: s, params: e }) => (o, a) => {
+  const l = a().get("data").getIn(["filters", n, r]);
+  l ? e = { ...e, ...l.toJS() } : e = e || {};
+  const i = w.parse(t, { header: !0, dynamicTyping: !0 }), c = i.data.filter((I) => {
+    let E = !1;
+    return Object.keys(e).forEach((g) => {
+      const N = e[g];
+      if (I[g]) {
+        const P = I[g].toString().trim().toLowerCase();
+        E = N.filter((f) => f && f.toString().trim().toLowerCase() == P).length == 0;
       }
-    }), !p;
-  }), c = { ...i, data: m, appliedFilters: s };
-  n({ type: I, app: r, group: a, store: t, data: { count: c.data.length, itemsSize: c.data.length, ...c } });
-}, B = ({ app: r, group: a, source: e, store: t, params: s }) => (n, o) => {
-  const l = o().get("data").getIn(["filters", r, a]);
-  l && (s = { ...s, ...l.toJS() }), n({ type: d, app: r, group: a, params: s, store: t }), F({ app: r, source: e, params: s }).then((i) => (i.appliedFilters = s, n({ type: I, app: r, group: a, store: t, data: i }))).catch((i) => n({ type: A, app: r, group: a, store: t, error: i }));
-}, H = ({ data: r }) => (a, e) => {
-  a({ type: D, data: r });
-}, K = (r = z, a) => {
-  switch (a.type) {
-    case d: {
-      const { store: e, app: t, group: s } = a, n = Date.now();
-      return r.deleteIn([...e, "error"]).setIn([...e, "loading"], !0).setIn([...e, "time"], n);
+    }), !E;
+  }), u = { ...i, data: c, appliedFilters: e };
+  o({ type: p, app: n, group: r, store: s, data: { count: u.data.length, itemsSize: u.data.length, ...u } });
+}, B = ({ app: n, group: r, source: t, store: s, params: e }) => (o, a) => {
+  let l = a().get("data").getIn(["filters", n, r]);
+  e && Object.keys(e).forEach((c) => {
+    if (l && l.has(c)) {
+      let u = e[c], E = l.get(c).filter((g) => u.indexOf(g) > -1);
+      l = l.set(c, E);
     }
-    case A: {
-      const { error: e, store: t, app: s, group: n } = a;
-      return r.setIn([...t, "loading"], !1).setIn([...t, "error"], e).setIn(["filters-settings", s, n, "apply"], null);
+  }), l && (e = { ...e, ...l.toJS() }), o({ type: S, app: n, group: r, params: e, store: s }), C({ app: n, source: t, params: e }).then((i) => (i.appliedFilters = e, o({ type: p, app: n, group: r, store: s, data: i, params: e }))).catch((i) => o({ type: _, app: n, group: r, store: s, error: i }));
+}, V = ({ data: n }) => (r, t) => {
+  r({ type: O, data: n });
+}, H = (n = b, r) => {
+  switch (r.type) {
+    case S: {
+      const { store: t, app: s, group: e, params: o } = r, a = Date.now();
+      return n.deleteIn([...t, "error"]).setIn([...t, "loading"], !0).setIn([...t, "time"], a).setIn([...t, "presetFilter"], o);
     }
-    case I: {
-      const { data: e, app: t, group: s, store: n } = a;
-      return r.setIn([...n, "loading"], !1).deleteIn([...n, "error"]).setIn([...n, "data"], e).setIn(["filters-settings", t, s, "apply"], null);
+    case _: {
+      const { error: t, store: s, app: e, group: o } = r;
+      return n.setIn([...s, "loading"], !1).setIn([...s, "error"], t).setIn(["filters-settings", e, o, "apply"], null);
     }
-    case D: {
-      const { data: e } = a;
-      return r.setIn(["pageModuleProps"], e);
+    case p: {
+      const { data: t, app: s, group: e, store: o } = r;
+      return n.setIn([...o, "loading"], !1).deleteIn([...o, "error"]).setIn([...o, "data"], t).setIn(["filters-settings", s, e, "apply"], null);
     }
-    case _: {
-      const { data: e, app: t, dvzProxyDatasetId: s } = a, n = ["categories", t];
-      return s && n.push(s), r.setIn([...n, "loading"], !0).deleteIn([...n, "error"]);
+    case O: {
+      const { data: t } = r;
+      return n.setIn(["pageModuleProps"], t);
     }
-    case S: {
-      const { data: e, app: t, dvzProxyDatasetId: s } = a, n = ["categories", t];
-      return s && n.push(s), r.setIn([...n, "loading"], !1).setIn([...n, "items"], v(e));
+    case d: {
+      const { data: t, app: s, uniqueStorage: e, dvzProxyDatasetId: o } = r, a = ["categories", s];
+      return e && a.push(e), o && a.push(o), n.setIn([...a, "loading"], !0).deleteIn([...a, "error"]);
     }
-    case f: {
-      const { data: e, app: t, dvzProxyDatasetId: s } = a, n = ["categories", t];
-      return s && n.push(s), r.setIn([...n, "loading"], !1).setIn([...n, "error"], e);
+    case D: {
+      const { data: t, app: s, uniqueStorage: e, dvzProxyDatasetId: o } = r, a = ["categories", s];
+      return o && a.push(o), e && a.push(e), n.setIn([...a, "loading"], !1).setIn([...a, "items"], A.fromJS(t));
+    }
+    case T: {
+      const { data: t, app: s, uniqueStorage: e, dvzProxyDatasetId: o } = r, a = ["categories", s];
+      return e && a.push(e), o && a.push(o), n.setIn([...a, "loading"], !1).setIn([...a, "error"], t);
+    }
+    case L: {
+      const { app: t, group: s } = r;
+      return n.setIn(["filters-settings", t, s, "apply"], (/* @__PURE__ */ new Date()).getTime());
     }
     case R: {
-      const { app: e, group: t } = a;
-      return r.setIn(["filters-settings", e, t, "apply"], (/* @__PURE__ */ new Date()).getTime());
+      const t = Date.now(), { app: s, group: e, param: o, value: a, autoApply: l } = r;
+      return n.setIn(["filters-settings", s, e, "autoApply"], l).setIn(["filters", s, e, o], a.length === 0 ? [Number.MIN_SAFE_INTEGER] : a).setIn(["filters-settings", s, e, "apply"], null).setIn(["filters-settings", s, e, "lastUserFilterChange"], t);
     }
     case y: {
-      const { app: e, group: t, param: s, value: n, autoApply: o } = a;
-      return r.setIn(["filters-settings", e, t, "autoApply"], o).setIn(["filters", e, t, s], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters-settings", e, t, "apply"], null);
+      const t = Date.now(), { app: s, group: e, param: o, value: a } = r;
+      return console.log(o), n.setIn(["filters", "initial", s, e, o], a.length === 0 ? [Number.MIN_SAFE_INTEGER] : a).setIn(["filters", s, e, o], a.length === 0 ? [Number.MIN_SAFE_INTEGER] : a).setIn(["filters-settings", s, e, "lastInitialFilterChange"], t);
     }
-    case T: {
-      const { app: e, group: t, param: s, value: n } = a;
-      return r.setIn(["filters", "initial", e, t, s], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters", e, t, s], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n);
-    }
-    case O: {
-      const { app: e, group: t } = a, s = r.getIn(["filters", "initial", e, t]);
-      return r.setIn(["filters", e, t], s);
+    case h: {
+      const { app: t, group: s } = r, e = n.getIn(["filters", "initial", t, s]);
+      return n.setIn(["filters", t, s], e);
     }
-    case L: {
-      const { app: e, group: t, measure: s } = a;
-      return r.setIn(["measures", e, t], s);
+    case F: {
+      const { app: t, group: s, measure: e } = r;
+      return n.setIn(["measures", t, s], e);
     }
-    case P: {
-      const { app: e, group: t, measure: s } = a;
-      return r.deleteIn(["measures", e, t]);
+    case m: {
+      const { app: t, group: s, measure: e } = r;
+      return n.deleteIn(["measures", t, s]);
     }
     default:
-      return r;
+      return n;
   }
 };
 export {
-  $ as applyFilter,
-  Y as cleanFilter,
-  b as cleanMeasures,
-  K as default,
-  k as getCategories,
+  j as applyFilter,
+  q as cleanFilter,
+  v as cleanMeasures,
+  H as default,
+  Y as getCategories,
   B as getData,
-  q as setData,
-  j as setFilter,
-  V as setInitialFilters,
-  J as setMeasures,
-  H as setPageModuleProps
+  $ as setData,
+  z as setFilter,
+  J as setInitialFilters,
+  x as setMeasures,
+  V as setPageModuleProps
 };

package/dist/esm/embeddable/references/ReferencesList.js

@@ -1,65 +1,66 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import { useState as a, useEffect as f } from "react";
-import { Container as x, Grid as T, GridColumn as E, GridRow as y } from "semantic-ui-react";
-import { connect as R } from "react-redux";
-import { useWindowDimensionsAndDevice as C } from "../../lib/hooks/window-dimensions.js";
-const O = ({ content: n, link: t, index: i }) => /* @__PURE__ */ r(E, { children: /* @__PURE__ */ p(y, { id: "ref_" + i, className: "reference", children: [
-  /* @__PURE__ */ r("div", { className: "index", children: i }),
-  /* @__PURE__ */ r("div", { className: "content", children: n }),
-  /* @__PURE__ */ r("div", { className: "link", children: /* @__PURE__ */ r("a", { href: t, target: "_blank", children: t }) })
-] }) }), S = (n) => {
+import { Container as T, Grid as E, GridColumn as y, GridRow as R } from "semantic-ui-react";
+import { connect as C } from "react-redux";
+import { useWindowDimensionsAndDevice as O } from "../../lib/hooks/window-dimensions.js";
+const S = ({ content: r, link: t, index: i }) => /* @__PURE__ */ n(y, { children: /* @__PURE__ */ p(R, { id: "ref_" + i, className: "reference", children: [
+  /* @__PURE__ */ n("div", { className: "index", children: i }),
+  /* @__PURE__ */ n("div", { className: "content", children: r }),
+  /* @__PURE__ */ n("div", { className: "link", children: /* @__PURE__ */ n("a", { href: t, target: "_blank", children: t }) })
+] }) }), W = (r) => {
   let t;
   try {
-    t = decodeURIComponent(n);
+    t = decodeURIComponent(r);
   } catch {
-    t = n, console.error("error occurred decoding content:" + n);
+    t = r, console.error("error occurred decoding content:" + r);
   }
   return t;
-}, W = ({
-  editing: n = !1,
-  "data-columns": t = 3,
-  "data-height": i = 1e3,
+}, P = ({
+  random: r,
+  editing: t = !1,
+  "data-columns": i = 3,
+  "data-height": w = 1e3,
   "data-flex-direction": c = "row"
 }) => {
-  const { width: w } = C(), [k, b] = a(window.innerWidth > window.innerHeight ? "landscape" : "portrait"), [l, g] = a(w < 1380);
+  const { width: b } = O(), [z, g] = a(window.innerWidth > window.innerHeight ? "landscape" : "portrait"), [l, I] = a(b < 1380);
   f(() => {
     const e = () => {
-      b(window.innerWidth > window.innerHeight ? "landscape" : "portrait"), g(window.innerWidth < 1380);
+      g(window.innerWidth > window.innerHeight ? "landscape" : "portrait"), I(window.innerWidth < 1380);
     };
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const u = { flexDirection: c }, [m, I] = a([]);
-  c == "column" && t > 1 && (u.height = i + "px"), f(() => {
+  const m = { flexDirection: c }, [u, v] = a([]);
+  c == "column" && i > 1 && (m.height = w + "px"), f(() => {
     try {
       setTimeout(() => {
         const e = window.parent.document.querySelectorAll("div.wp-reference");
-        I(e);
+        v(e);
       }, 3e3);
     } catch {
     }
   });
-  const v = m ? new Array(...m) : [], d = [];
-  return v.forEach((e) => {
-    d.find((s) => s.getAttribute("data-index") == e.getAttribute("data-index")) || d.push(e);
-  }), /* @__PURE__ */ p(x, { className: "references list", children: [
-    n && /* @__PURE__ */ r("div", { className: "edit-mode-message", children: /* @__PURE__ */ r("p", { children: "No preview available. The full list of references will be displayed in the live page." }) }),
-    /* @__PURE__ */ r(T, { fluid: !0, stretched: !!l, columns: l ? 1 : t, style: u, children: d.sort((e, o) => {
-      const s = e.getAttribute("data-index") ?? "", h = o.getAttribute("data-index") ?? "", A = s ? parseInt(s) : Number.POSITIVE_INFINITY, N = h ? parseInt(h) : Number.POSITIVE_INFINITY;
-      return A - N;
+  const A = u ? new Array(...u) : [], s = [];
+  return A.forEach((e) => {
+    s.find((d) => d.getAttribute("data-index") == e.getAttribute("data-index")) || s.push(e);
+  }), /* @__PURE__ */ p(T, { className: "references list", children: [
+    t && /* @__PURE__ */ n("div", { className: "edit-mode-message", children: /* @__PURE__ */ n("p", { children: "No preview available. The full list of references will be displayed in the live page." }) }),
+    /* @__PURE__ */ n(E, { fluid: !0, stretched: !!l, columns: l ? 1 : i, style: m, children: s.sort((e, o) => {
+      const d = e.getAttribute("data-index") ?? "", h = o.getAttribute("data-index") ?? "", N = d ? parseInt(d) : Number.POSITIVE_INFINITY, x = h ? parseInt(h) : Number.POSITIVE_INFINITY;
+      return N - x;
     }).map((e) => {
       const o = e.getAttribute("data-index") ?? "";
-      return /* @__PURE__ */ r(
-        O,
+      return /* @__PURE__ */ n(
+        S,
         {
           index: o,
-          content: S(e.getAttribute("data-description")),
+          content: W(e.getAttribute("data-description")),
           link: e.getAttribute("data-link")
         },
         o
       );
     }) })
   ] });
-}, _ = (n, t) => ({ random: n.getIn(["embeddable", "random"]) }), P = {}, B = R(_, P)(W);
+}, _ = (r, t) => ({ random: r.getIn(["embeddable", "random"]) }), k = {}, F = C(_, k)(P);
 export {
-  B as default
+  F as default
 };

package/dist/esm/embeddable/superset-chart/index.js

@@ -1,29 +1,28 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
-import { connect as m } from "react-redux";
-import { SettingProvider as u, SettingsConsumer as g } from "@devgateway/wp-react-lib";
-const f = (t) => /* @__PURE__ */ e(u, { locale: t.intl.locale, changeUUID: t.unique, children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(C, { ...t }) }) }), C = (t) => {
+import { connect as l } from "react-redux";
+const u = (t) => /* @__PURE__ */ e(g, { ...t }), g = (t) => {
   const {
-    editing: a = !1,
+    editing: r = !1,
     unique: s,
-    intl: U,
-    "data-csv": v = "",
+    intl: C,
+    "data-csv": S = "",
     "data-selected-chart-data": n = "{}",
     "data-height": o,
     "data-width": c = 100,
-    "data-margin": i = 0,
-    settings: r
-  } = t, d = r ? r.apache_superset_url : "", h = decodeURIComponent(d), l = decodeURIComponent(n), p = `${h}/superset/explore/?form_data=${l}&standalone=1`;
+    "data-margin": d = 0,
+    settings: a
+  } = t, i = a ? a.apache_superset_url : "", p = decodeURIComponent(i), h = decodeURIComponent(n), m = `${p}/superset/explore/?form_data=${h}&standalone=1`;
   return /* @__PURE__ */ e("div", { id: `superset-chart-${s}`, children: /* @__PURE__ */ e(
     "iframe",
     {
-      src: p,
+      src: m,
       seamless: "seamless",
       title: "superset-chart",
-      style: { border: "none", width: c + "%", height: o + "px", margin: i + "px" }
+      style: { border: "none", width: c + "%", height: o + "px", margin: d + "px" }
     }
   ) });
-}, S = (t, a) => ({}), x = {}, $ = m(S, x)(f);
+}, f = (t, r) => ({}), x = {}, _ = l(f, x)(u);
 export {
-  $ as default
+  _ as default
 };

package/dist/esm/embeddable/superset-dashboard/index.js

@@ -1,8 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import "react";
 import { connect as h } from "react-redux";
-import "@devgateway/wp-react-lib";
-const m = (e) => {
+const l = (e) => {
   const {
     editing: a = !1,
     unique: r,
@@ -23,7 +22,7 @@ const m = (e) => {
       style: { border: "none", width: n + "%", height: d + "px", margin: i + "px" }
     }
   ) });
-}, l = (e, a) => ({}), u = {}, $ = h(l, u)(m);
+}, m = (e, a) => ({}), u = {}, v = h(m, u)(l);
 export {
-  $ as default
+  v as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import F, { useState as p, useRef as ne, useEffect as v } from "react";
+import F, { useState as p, useRef as ne, useEffect as T } from "react";
 import { Container as S, Accordion as E, Icon as oe, Menu as z, Grid as _, Label as G, Button as ie } from "semantic-ui-react";
 import { PostProvider as re, PostConsumer as q, MediaProvider as V, MediaConsumer as U, PostIcon as Y, PostLabel as J } from "@devgateway/wp-react-lib";
 import { injectIntl as ae } from "react-intl";
@@ -54,7 +54,7 @@ const se = ({ posts: t, activeItem: s, setActive: i, showLabels: n }) => t ? t.m
       c.id
     );
   }) : null;
-}, Q = ({ posts: t, activeItem: s }) => (v(() => {
+}, Q = ({ posts: t, activeItem: s }) => (T(() => {
   const i = document.querySelector(".ui.container.content-tab");
   i && (i.scrollTop = 0);
 }, [s]), t ? t.map((i) => {
@@ -75,7 +75,7 @@ const se = ({ posts: t, activeItem: s, setActive: i, showLabels: n }) => t ? t.m
   const [n, r] = p(
     t.findIndex((o) => o.slug === s)
   ), [l, c] = p(null), h = ne(null), [w, A] = p(window.innerWidth <= 1250);
-  v(() => {
+  T(() => {
     if (l) {
       const o = l.getBoundingClientRect().top + window.scrollY;
       window.scrollTo({
@@ -84,12 +84,12 @@ const se = ({ posts: t, activeItem: s, setActive: i, showLabels: n }) => t ? t.m
       });
     }
   }, [l]);
-  const C = () => {
+  const v = () => {
     var o;
     return ((o = window.screen.orientation) == null ? void 0 : o.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
-  }, [m, L] = p(C()), g = () => {
+  }, [m, L] = p(v()), g = () => {
     setTimeout(() => {
-      L(C()), A(window.innerWidth <= 1250);
+      L(v()), A(window.innerWidth <= 1250);
     }, 100);
   }, P = (o) => {
     setTimeout(() => {
@@ -104,34 +104,34 @@ const se = ({ posts: t, activeItem: s, setActive: i, showLabels: n }) => t ? t.m
             continue;
           const I = f.getBoundingClientRect(), D = a.getBoundingClientRect(), X = window.getComputedStyle(f), H = window.getComputedStyle(a), Z = Number.parseFloat(X.marginTop) || 0, ee = Number.parseFloat(H.marginBottom) || 0, M = D.bottom + ee, W = I.top - Z;
           if (M > W) {
-            const y = M - W;
-            f.style.marginTop = `${y + 20}px`;
+            const C = M - W;
+            f.style.marginTop = `${C + 20}px`;
           }
           const N = (d = a.closest(
             ".wp-block-column.is-layout-flow.wp-block-column-is-layout-flow"
           )) == null ? void 0 : d.nextElementSibling;
           if (N) {
-            const y = N.getBoundingClientRect(), k = window.getComputedStyle(N), $ = Number.parseFloat(k.marginTop) || 0, T = y.top - $;
-            if (M > T) {
-              const j = M - T;
+            const C = N.getBoundingClientRect(), k = window.getComputedStyle(N), $ = Number.parseFloat(k.marginTop) || 0, y = C.top - $;
+            if (M > y) {
+              const j = M - y;
               N.style.marginTop = `${j + 20}px`;
             }
           }
           const R = a.closest(".chart.container");
           if (R) {
-            const y = R.getBoundingClientRect(), k = window.getComputedStyle(R), $ = Number.parseFloat(k.marginBottom) || 0, T = y.bottom + $, j = Number.parseFloat(H.marginTop) || 0, O = D.top - j;
-            if (O < T) {
-              const te = T - O;
+            const C = R.getBoundingClientRect(), k = window.getComputedStyle(R), $ = Number.parseFloat(k.marginBottom) || 0, y = C.bottom + $, j = Number.parseFloat(H.marginTop) || 0, O = D.top - j;
+            if (O < y) {
+              const te = y - O;
               a.style.marginTop = `${te + 20}px`;
             }
           }
         }
     }, 10);
   };
-  v(() => (window.screen.orientation && window.screen.orientation.addEventListener(
+  T(() => (window.screen.orientation && window.screen.orientation.addEventListener(
     "change",
     g
-  ), window.addEventListener("resize", g), () => window.removeEventListener("resize", g)), []), v(() => {
+  ), window.addEventListener("resize", g), () => window.removeEventListener("resize", g)), []), T(() => {
     let o;
     const u = [];
     return n !== -1 && (o = setTimeout(() => {
@@ -192,16 +192,14 @@ const se = ({ posts: t, activeItem: s, setActive: i, showLabels: n }) => t ? t.m
   }) });
 }, me = ({ posts: t, showLabels: s, height: i }) => {
   const [n, r] = p(t ? t[0].slug : null);
-  return v(() => {
+  return T(() => {
     setTimeout(() => {
       if (window.location.hash) {
         const l = window.location.hash.substr(1), c = document.getElementById(l);
         c && t.map((h) => h.slug).indexOf(l) > -1 && (r(l), c.scrollIntoView({ behavior: "auto", block: "start" }));
       }
     }, 0);
-  }, [t]), v(() => {
-    n && window.scrollTo({ top: 0, behavior: "smooth" });
-  }, [n]), /* @__PURE__ */ b(F.Fragment, { children: [
+  }, [t]), /* @__PURE__ */ b(F.Fragment, { children: [
     t.map((l) => /* @__PURE__ */ e("anchor", { id: l.slug }, l.slug)),
     /* @__PURE__ */ e(z, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(se, { showLabels: s, posts: t, setActive: r, activeItem: n }) }),
     /* @__PURE__ */ e(S, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e(Q, { posts: t, activeItem: n }) })
@@ -224,14 +222,14 @@ const se = ({ posts: t, activeItem: s, setActive: i, showLabels: n }) => t ? t.m
     "data-use-scrolls": h,
     "data-show-labels": w,
     "data-height": A,
-    "data-preview-mode": C = "Desktop",
+    "data-preview-mode": v = "Desktop",
     pageModuleProps: m,
     parent: L,
     editing: g,
     unique: P
   } = t;
-  m != null && m.previewMode && (m != null && m.editing) && (C = m.previewMode, g = m.editing);
-  const B = t.intl.locale, o = h === "true", u = o ? A : void 0, { width: d } = ce(), a = d <= 1024, x = C !== "Desktop" && g, f = a && !g;
+  m != null && m.previewMode && (m != null && m.editing) && (v = m.previewMode, g = m.editing);
+  const B = t.intl.locale, o = h === "true", u = o ? A : void 0, { width: d } = ce(), a = d <= 1024, x = v !== "Desktop" && g, f = a && !g;
   return /* @__PURE__ */ e(S, { className: `viz tabbed posts ${g ? "editing" : ""} ${o ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
     re,
     {

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

@@ -1,16 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import { connect as n } from "react-redux";
+import { jsx as n } from "react/jsx-runtime";
+import { connect as c } from "react-redux";
 import r from "./mobile.js";
 import s from "./desktop.js";
-import c from "../../utils/deviceType.js";
-const m = (o) => {
-  const e = o.getIn(["data", "pageModuleProps"]), t = {};
-  return e && (t.pageModuleProps = e), t;
-}, a = {}, p = (o) => {
-  const { pageModuleProps: e } = o;
+import { useWindowDimensionsAndDevice as m } from "../../lib/hooks/window-dimensions.js";
+const p = (o) => {
+  const e = o.getIn(["data", "pageModuleProps"]), i = {};
+  return e && (i.pageModuleProps = e), i;
+}, a = {}, d = (o) => {
+  const { pageModuleProps: e } = o, { deviceType: i, width: l, height: f } = m({
+    getDeviceType: !0,
+    getHeight: !0
+  });
   let t;
-  return e != null && e.editing && (e != null && e.previewMode) ? (e == null ? void 0 : e.previewMode) === "Desktop" ? t = s : t = r : ["tablet", "mobile", "midTablet"].includes(c()) ? t = r : t = s, /* @__PURE__ */ i(t, { ...o });
-}, k = n(m, a)(p);
+  return (e == null ? void 0 : e.editing) === !0 && (e != null && e.previewMode) ? (e == null ? void 0 : e.previewMode) === "Desktop" ? t = s : t = r : ["tablet", "mobile", "midTablet"].includes(i) ? t = r : t = s, /* @__PURE__ */ n(t, { ...o });
+}, D = c(p, a)(d);
 export {
-  k as default
+  D as default
 };