@devgateway/dvz-ui-react 1.5.0 → 1.5.1

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

@@ -1,52 +1,50 @@
-import { jsx as a, jsxs as at } from "react/jsx-runtime";
-import { PostProvider as bt, PostConsumer as xt } from "@devgateway/wp-react-lib";
-import Ct from "../connected-templates/PostIntro.js";
-/* empty css                                                                                                                                                          */
-import { useRef as st, useState as F, useCallback as q, useLayoutEffect as wt } from "react";
-import { Container as vt, Modal as G } from "semantic-ui-react";
+import { jsx as r, jsxs as nt } from "react/jsx-runtime";
+import { PostProvider as gt, PostConsumer as mt } from "@devgateway/wp-react-lib";
+import yt from "../connected-templates/PostIntro.js";
+import { Container as bt, Modal as F } from "semantic-ui-react";
 import * as p from "d3";
-import { useWindowDimensionsAndDevice as Tt } from "../../lib/hooks/window-dimensions.js";
-import { useScreenOrientation as Pt } from "../../lib/hooks/screen-orientation.js";
-const $t = {
+import { useWindowDimensionsAndDevice as Ct } from "../../lib/hooks/window-dimensions.js";
+import { useScreenOrientation as xt } from "../../lib/hooks/screen-orientation.js";
+const wt = {
   visibility: "visible",
   position: "relative",
   height: "auto",
   width: "auto"
-}, Dt = 0, Wt = (T) => {
+}, vt = 0, Tt = (T) => {
   let {
     posts: s,
     lineWidth: P,
     lineColor: $,
     config: c,
-    marginLeft: U,
+    marginLeft: q,
     marginTop: L,
-    marginRight: J,
+    marginRight: G,
     marginBottom: N,
     fontSize: y,
     subtitleWidth: R,
     subtitleHeight: b,
-    enableTitlePopup: D,
-    enableCirclePopup: W,
-    enableDefaultPopup: V,
-    closePopupOnMouseOut: X,
+    enableTitlePopup: k,
+    enableCirclePopup: D,
+    enableDefaultPopup: U,
+    closePopupOnMouseOut: J,
     unique: u
   } = T;
   R = 250;
-  const x = st(), H = st(), [I, h] = F(!1), [O, k] = F(0), [S, _] = F(null), { orientation: g } = Pt(), { width: Y, deviceType: f, height: C } = Tt({
+  const C = useRef(), S = useRef(), [W, h] = useState(!1), [H, I] = useState(0), [O, _] = useState(null), { orientation: g } = xt(), { width: V, deviceType: f, height: x } = Ct({
     getDeviceType: !0,
     getHeight: !0
-  }), B = q((t) => `circle${u}${t}`, [u]), ct = q((t) => `title${u}${t}`, [u]), dt = (t) => {
-    var i;
-    return ((i = c[t]) == null ? void 0 : i.size) || 10;
-  }, pt = ({ content: t, isOpen: i, style: l }) => {
+  }), B = useCallback((t) => `circle${u}${t}`, [u]), at = useCallback((t) => `title${u}${t}`, [u]), rt = (t) => {
+    var l;
+    return ((l = c[t]) == null ? void 0 : l.size) || 10;
+  }, st = ({ content: t, isOpen: l, style: i }) => {
     const m = (n) => (n = n.replace(
       /<ul(.*?)>/g,
       '<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'
     ), n = n.replace(/<a(.*?)>/g, '<a$1 style="color:#fefefe;">'), n);
-    return /* @__PURE__ */ at(
-      G,
+    return /* @__PURE__ */ nt(
+      F,
       {
-        open: i,
+        open: l,
         onClose: () => h(!1),
         size: "fullscreen",
         closeIcon: !0,
@@ -55,15 +53,15 @@ const $t = {
           maxHeight: "80vh",
           overflowY: "auto",
           padding: "0.5rem",
-          ...l
+          ...i
         },
         children: [
-          /* @__PURE__ */ a(G.Header, { style: { ...l, borderBottom: "none" } }),
-          /* @__PURE__ */ a(
-            G.Content,
+          /* @__PURE__ */ r(F.Header, { style: { ...i, borderBottom: "none" } }),
+          /* @__PURE__ */ r(
+            F.Content,
             {
               className: "styled-list-content",
-              style: { ...l },
+              style: { ...i },
               dangerouslySetInnerHTML: {
                 __html: m(
                   t.props.children.props.post.content.rendered
@@ -75,35 +73,35 @@ const $t = {
       },
       `${t.props.children.key}modal`
     );
-  }, K = (t) => {
-    var i;
-    return (i = c[t]) == null ? void 0 : i.circleColor;
-  }, Q = (t) => c[t].titleColor, Z = (t) => c[t].lineColor, tt = (t) => c[t].tooltipFontColor || "#fff", ut = (t) => c[t].readMoreLabel, et = q((t, i) => {
+  }, X = (t) => {
+    var l;
+    return (l = c[t]) == null ? void 0 : l.circleColor;
+  }, Y = (t) => c[t].titleColor, K = (t) => c[t].lineColor, Q = (t) => c[t].tooltipFontColor || "#fff", ct = (t) => c[t].readMoreLabel, Z = useCallback((t, l) => {
     t.preventDefault();
-    const l = 260, m = 50;
+    const i = 260, m = 50;
     let n = [0, 0];
     if (t) {
-      const w = t.target.getBoundingClientRect(), A = t.target.closest(".time").getBoundingClientRect(), r = w.left - A.left, v = w.top + A.top;
-      n = [r + l, v + m];
+      const w = t.target.getBoundingClientRect(), A = t.target.closest(".time").getBoundingClientRect(), a = w.left - A.left, v = w.top + A.top;
+      n = [a + i, v + m];
       const M = 400;
-      w.left + r + M + l > window.innerWidth && (n[0] = r - M * 0.6);
+      w.left + a + M + i > window.innerWidth && (n[0] = a - M * 0.6);
     }
-    h(!0), _({ data: i, id: i.id, position: n }), gt(i.id);
-  }, []), ft = () => {
+    h(!0), _({ data: l, id: l.id, position: n }), ut(l.id);
+  }, []), dt = () => {
     h(!1);
-  }, ht = (t) => {
-    p.selectAll(`#${B(t)}`).style("stroke", "none").style("fill", K(t)), p.selectAll(`#label${t}`).style("font-weight", "normal");
-  }, gt = (t) => {
-    ht(Dt), p.selectAll(`#${B(t)}`).style("stroke", K(t)).style("fill", "#fff"), p.selectAll(`#label${t}`).style("font-weight", "bold");
+  }, pt = (t) => {
+    p.selectAll(`#${B(t)}`).style("stroke", "none").style("fill", X(t)), p.selectAll(`#label${t}`).style("font-weight", "normal");
+  }, ut = (t) => {
+    pt(vt), p.selectAll(`#${B(t)}`).style("stroke", X(t)).style("fill", "#fff"), p.selectAll(`#label${t}`).style("font-weight", "bold");
   };
-  return wt(() => {
-    var nt;
+  return useLayoutEffect(() => {
+    var lt;
     const t = {
       top: L,
       bottom: N
-    }, i = x.current.clientWidth, l = H.current.clientWidth;
-    l > 0 && k(l);
-    const m = C, n = {
+    }, l = C.current.clientWidth, i = S.current.clientWidth;
+    i > 0 && I(i);
+    const m = x, n = {
       mobile: "75",
       tablet: "150",
       midTablet: "150",
@@ -118,154 +116,154 @@ const $t = {
       tablet: 30,
       midTablet: 30,
       laptop: 40
-    }, r = p.scaleLinear().domain([0, s.length - 1]).range([t.top, m - t.bottom]), v = p.select(x.current);
-    v.selectAll("*").remove(), v.attr("width", i).attr("height", m);
-    const M = p.line(), mt = [
-      [0, r(0)],
-      [0, r(s.length - 1)]
-    ], yt = M(mt);
-    let ot = `translate(${n[f]},0)`;
-    ((nt = process.env.REACT_APP_THEME) == null ? void 0 : nt.startsWith("cd")) && (ot = `translate(${n[f]},20)`);
-    const z = v.append("g").attr("transform", ot);
-    $ = "#E4E5EA", P = 6, z.append("path").attr("d", yt).attr("stroke-width", P).attr("stroke", $).attr("class", "timeline-path"), z.selectAll(".circle").data(s).enter().append("circle").attr("id", (o, e) => B(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => r(e)).attr("r", (o, e) => dt(e)).style("fill", (o, e) => {
+    }, a = p.scaleLinear().domain([0, s.length - 1]).range([t.top, m - t.bottom]), v = p.select(C.current);
+    v.selectAll("*").remove(), v.attr("width", l).attr("height", m);
+    const M = p.line(), ft = [
+      [0, a(0)],
+      [0, a(s.length - 1)]
+    ], ht = M(ft);
+    let tt = `translate(${n[f]},0)`;
+    ((lt = process.env.REACT_APP_THEME) == null ? void 0 : lt.startsWith("cd")) && (tt = `translate(${n[f]},20)`);
+    const z = v.append("g").attr("transform", tt);
+    $ = "#E4E5EA", P = 6, z.append("path").attr("d", ht).attr("stroke-width", P).attr("stroke", $).attr("class", "timeline-path"), z.selectAll(".circle").data(s).enter().append("circle").attr("id", (o, e) => B(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => a(e)).attr("r", (o, e) => rt(e)).style("fill", (o, e) => {
       var d;
       return ((d = c[e]) == null ? void 0 : d.circleColor) || "#000";
-    }).style("cursor", W ? "pointer" : "default").on("click", (o, e) => {
-      o.preventDefault(), W && et(o, e);
-    }), z.selectAll(".title").data(s).enter().append("foreignObject").attr("x", A[f]).attr("y", (o, e) => r(e) - Number.parseInt(b) / 2).attr("width", Number.parseInt(w[f])).attr("height", Number.parseInt(b)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => ct(e)).style("font-size", `${Number.parseInt(y) + 1}px`).style("color", (o, e) => Q(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", D ? "pointer" : "default").style("overflow", "hidden").style("display", "-webkit-box").style("-webkit-line-clamp", "2").style("-webkit-box-orient", "vertical").style("text-overflow", "ellipsis").style("overflow-wrap", "break-word").html((o, e) => {
-      const d = ut(e);
+    }).style("cursor", D ? "pointer" : "default").on("click", (o, e) => {
+      o.preventDefault(), D && Z(o, e);
+    }), z.selectAll(".title").data(s).enter().append("foreignObject").attr("x", A[f]).attr("y", (o, e) => a(e) - Number.parseInt(b) / 2).attr("width", Number.parseInt(w[f])).attr("height", Number.parseInt(b)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => at(e)).style("font-size", `${Number.parseInt(y) + 1}px`).style("color", (o, e) => Y(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", k ? "pointer" : "default").style("overflow", "hidden").style("display", "-webkit-box").style("-webkit-line-clamp", "2").style("-webkit-box-orient", "vertical").style("text-overflow", "ellipsis").style("overflow-wrap", "break-word").html((o, e) => {
+      const d = ct(e);
       let E = o.title.rendered;
-      return d && (E += `<br><span style="font-size:${Number.parseInt(y) - 3}px;color:${Q(
+      return d && (E += `<br><span style="font-size:${Number.parseInt(y) - 3}px;color:${Y(
         e
       )};text-decoration:underline;text-underline-offset:3px">${d}</span>`), E;
     }).each(function(o, e) {
       const d = p.select(this.parentNode);
       setTimeout(() => {
-        const E = this.getBoundingClientRect(), rt = Math.min(
+        const E = this.getBoundingClientRect(), it = Math.min(
           E.height,
           Number.parseInt(b) * 2
         );
-        d.attr("height", rt), d.attr("y", r(e) - rt / 2);
+        d.attr("height", it), d.attr("y", a(e) - it / 2);
       }, 0);
     }).on("click", (o, e, d) => {
-      o.preventDefault(), D && et(o, e);
+      o.preventDefault(), k && Z(o, e);
     });
-    const it = +y + 1, lt = 60, j = it * 0.9;
-    z.selectAll(".year-fo").data(s).enter().append("foreignObject").attr("class", "year-fo").attr("x", -70).attr("y", (o, e) => r(e) - j / 2).attr("width", lt).attr("height", j).append("xhtml:div").style("display", "flex").style("align-items", "center").style("justify-content", "flex-end").style("width", `${lt}px`).style("height", `${j}px`).style("font-size", `${it}px`).style("line-height", "1em").style("font-weight", "400").style("color", "#4C4D50").html((o) => o.meta_fields.subtitle);
-  }, [f, g, C]), /* @__PURE__ */ at(
+    const et = +y + 1, ot = 60, j = et * 0.9;
+    z.selectAll(".year-fo").data(s).enter().append("foreignObject").attr("class", "year-fo").attr("x", -70).attr("y", (o, e) => a(e) - j / 2).attr("width", ot).attr("height", j).append("xhtml:div").style("display", "flex").style("align-items", "center").style("justify-content", "flex-end").style("width", `${ot}px`).style("height", `${j}px`).style("font-size", `${et}px`).style("line-height", "1em").style("font-weight", "400").style("color", "#4C4D50").html((o) => o.meta_fields.subtitle);
+  }, [f, g, x]), /* @__PURE__ */ nt(
     "div",
     {
       className: "time line",
       style: { position: "relative" },
-      ref: H,
+      ref: S,
       children: [
-        s.filter((t) => S && S.id === t.id).map((t) => {
-          const i = t.slug || "unknown-slug", l = s.indexOf(t);
-          return /* @__PURE__ */ a(
-            pt,
+        s.filter((t) => O && O.id === t.id).map((t) => {
+          const l = t.slug || "unknown-slug", i = s.indexOf(t);
+          return /* @__PURE__ */ r(
+            st,
             {
-              isOpen: I,
-              content: /* @__PURE__ */ a(
+              isOpen: W,
+              content: /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
-                    backgroundColor: Z(l),
-                    color: tt(l)
+                    backgroundColor: K(i),
+                    color: Q(i)
                   },
-                  children: /* @__PURE__ */ a(
-                    Ct,
+                  children: /* @__PURE__ */ r(
+                    yt,
                     {
                       post: t,
-                      style: $t
+                      style: wt
                     },
-                    i
+                    l
                   )
                 }
               ),
-              closeTooltip: ft,
+              closeTooltip: dt,
               style: {
-                backgroundColor: Z(l),
-                color: tt(l)
+                backgroundColor: K(i),
+                color: Q(i)
               }
             },
-            `${i}_modal`
+            `${l}_modal`
           );
         }),
-        /* @__PURE__ */ a("svg", { height: C, width: O, ref: x, style: { overflow: "visible" } })
+        /* @__PURE__ */ r("svg", { height: x, width: H, ref: C, style: { overflow: "visible" } })
       ]
     },
     u + f + g
   );
-}, Lt = (T) => {
+}, It = (T) => {
   const {
     "data-type": s,
     "data-taxonomy": P,
     "data-categories": $,
     "data-items": c,
-    "data-height": U,
+    "data-height": q,
     "data-line-color": L = "#000",
-    "data-config": J = "{}",
+    "data-config": G = "{}",
     "data-position": N = "middle",
     "data-line-width": y = "1",
     "data-margin-left": R = 50,
     "data-margin-top": b = 25,
-    "data-margin-right": D = 50,
-    "data-margin-bottom": W = 25,
-    "data-font-size": V = 14,
-    "data-title-width": X = 100,
+    "data-margin-right": k = 50,
+    "data-margin-bottom": D = 25,
+    "data-font-size": U = 14,
+    "data-title-width": J = 100,
     "data-title-height": u = 50,
-    "data-subtitle-width": x = 250,
-    "data-subtitle-height": H = 60,
-    "data-enable-title-popup": I = "false",
+    "data-subtitle-width": C = 250,
+    "data-subtitle-height": S = 60,
+    "data-enable-title-popup": W = "false",
     "data-enable-circle-popup": h = "true",
-    "data-enable-default-popup": O = "false",
-    "data-close-popup-on-mouse-out": k = "false",
-    editing: S,
+    "data-enable-default-popup": H = "false",
+    "data-close-popup-on-mouse-out": I = "false",
+    editing: O,
     parent: _,
     unique: g
-  } = T, Y = T.intl.locale, C = {
+  } = T, V = T.intl.locale, x = {
     unique: g || Math.random().toString(36).substring(2, 9),
     marginLeft: R,
     marginTop: b,
-    marginRight: D,
-    marginBottom: W,
+    marginRight: k,
+    marginBottom: D,
     lineWidth: y,
-    height: U,
+    height: q,
     position: N,
     lineColor: decodeURIComponent(L),
-    config: JSON.parse(decodeURIComponent(J)),
-    fontSize: V,
-    titleWidth: X,
+    config: JSON.parse(decodeURIComponent(G)),
+    fontSize: U,
+    titleWidth: J,
     titleHeight: u,
-    subtitleWidth: x,
-    subtitleHeight: H,
-    enableTitlePopup: I == !0 || I == "true",
+    subtitleWidth: C,
+    subtitleHeight: S,
+    enableTitlePopup: W == !0 || W == "true",
     enableCirclePopup: h == !0 || h == "true",
-    enableDefaultPopup: O == !0 || O == "true",
-    closePopupOnMouseOut: k == !0 || k == "true"
+    enableDefaultPopup: H == !0 || H == "true",
+    closePopupOnMouseOut: I == !0 || I == "true"
   };
-  return /* @__PURE__ */ a(
-    vt,
+  return /* @__PURE__ */ r(
+    bt,
     {
       style: { height: "auto" },
-      className: `viz time line ${S ? "editing" : ""} mobile`,
+      className: `viz time line ${O ? "editing" : ""} mobile`,
       fluid: !0,
-      children: /* @__PURE__ */ a(
-        bt,
+      children: /* @__PURE__ */ r(
+        gt,
         {
-          locale: Y,
+          locale: V,
           type: s,
           taxonomy: P,
           categories: $,
           store: `carousel_${_}_${g}`,
           page: 1,
           perPage: c,
-          children: /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(Wt, { ...C }) })
+          children: /* @__PURE__ */ r(mt, { children: /* @__PURE__ */ r(Tt, { ...x }) })
         }
       )
     }
   );
 };
 export {
-  Lt as default
+  It as default
 };

package/dist/esm/index.js

@@ -1,31 +1,75 @@
-import { components as s, customizer as p, getComponentByNameIgnoreCase as n, reducers as m } from "./embeddable/index.js";
-import { withTracker as f } from "./tracker/withGoogleAnalytics.js";
-import { store as x } from "./redux/store.js";
-import { useAppDispatch as u, useAppSelector as d } from "./redux/hooks.js";
-import { UPDATE as h, initialState as g, intlReducer as A, updateIntl as I } from "./lib/react-intl-redux/index.js";
-import { combineReducers as k } from "./lib/redux-immutable/index.js";
-import * as r from "./translations/en.json.js";
-import * as e from "./translations/fr.json.js";
+import { components as f, customizer as p, getComponentByNameIgnoreCase as s, reducers as m } from "./embeddable/index.js";
+import { Config as l } from "./conf/index.js";
+import { default as u } from "./layout/ResponsiveContainer.js";
+import { default as d } from "./layout/ScrollTop.js";
+import { default as C } from "./layout/containers/PreviewPageContainer.js";
+import { default as g } from "./layout/containers/PreviewTypeContainer.js";
+import { default as P } from "./layout/containers/SlugContainer.js";
+import { default as h } from "./layout/containers/SlugPostContainer.js";
+import { CustomizerWrapper as w } from "./layout/Customizer.js";
+import { default as I } from "./layout/Layout.js";
+import { default as A } from "./layout/PreviewComponent.js";
+import { default as H } from "./layout/Favicon.js";
+import { default as N } from "./layout/SSRFavicon.js";
+import { default as k } from "./layout/Loading.js";
+import { default as U } from "./layout/CustomSemanticSearch.js";
+import { default as b } from "./layout/Header.js";
+import { default as E } from "./layout/SearchControl.js";
+import { default as Y } from "./layout/LangSwitcher.js";
+import { default as j } from "./layout/Footer.js";
+import { default as G } from "./layout/ClassicHeader.js";
+import { default as K } from "./layout/FlexWrapDetector.js";
+import { default as V } from "./layout/FloatingMenuHeader.js";
+import { withTracker as Z } from "./tracker/withGoogleAnalytics.js";
+import { store as ee } from "./redux/store.js";
+import { useAppDispatch as oe, useAppSelector as te } from "./redux/hooks.js";
+import { UPDATE as fe, initialState as pe, intlReducer as se, updateIntl as me } from "./lib/react-intl-redux/index.js";
+import { combineReducers as le } from "./lib/redux-immutable/index.js";
+import * as e from "./translations/en.json.js";
+import * as r from "./translations/fr.json.js";
 import * as o from "./translations/af.json.js";
-import { default as C } from "./lib/react-intl-redux/providers/Provider.js";
-import { default as R } from "./lib/react-intl-redux/providers/IntlProvider.js";
+import { COUNTRY_OPTIONS as ue } from "./countries.js";
+import { default as de } from "./lib/react-intl-redux/providers/Provider.js";
+import { default as Ce } from "./lib/react-intl-redux/providers/IntlProvider.js";
 export {
-  R as IntlProvider,
-  C as Provider,
-  h as UPDATE,
+  ue as COUNTRY_OPTIONS,
+  G as ClassicHeader,
+  l as Config,
+  U as CustomSemanticSearch,
+  w as CustomizerWrapper,
+  H as Favicon,
+  K as FlexWrapDetector,
+  V as FloatingMenuHeader,
+  j as Footer,
+  b as Header,
+  Ce as IntlProvider,
+  Y as LangSwitcher,
+  k as Loading,
+  A as PreviewComponent,
+  C as PreviewPageContainer,
+  g as PreviewTypeContainer,
+  de as Provider,
+  u as ResponsiveContainer,
+  I as RootLayout,
+  N as SSRFavicon,
+  d as ScrollToTop,
+  E as SearchControl,
+  P as SlugContainer,
+  h as SlugPostContainer,
+  fe as UPDATE,
   o as afrikaansTranslations,
-  k as combineReducers,
-  s as components,
+  le as combineReducers,
+  f as components,
   p as customizer,
-  r as englishTranslations,
-  e as frenchTranslations,
-  n as getComponentByNameIgnoreCase,
-  g as initialState,
-  A as intlReducer,
+  e as englishTranslations,
+  r as frenchTranslations,
+  s as getComponentByNameIgnoreCase,
+  pe as initialState,
+  se as intlReducer,
   m as reducers,
-  x as store,
-  I as updateIntl,
-  u as useAppDispatch,
-  d as useAppSelector,
-  f as withTracker
+  ee as store,
+  me as updateIntl,
+  oe as useAppDispatch,
+  te as useAppSelector,
+  Z as withTracker
 };

package/dist/types/dvz-ui/src/embeddable/time-line/mobile.d.ts

@@ -1,3 +1,2 @@
-import { default as React } from 'react';
 export default PostCarousel;
-declare function PostCarousel(props: any): React.JSX.Element;
+declare function PostCarousel(props: any): import("react").JSX.Element;

package/dist/types/dvz-ui/src/index.d.ts

@@ -1,5 +1,8 @@
 export { getComponentByNameIgnoreCase, components, reducers, customizer } from './embeddable/index';
+export * from './conf';
+export * from './layout';
 export * from './tracker';
 export * from './redux';
 export * from './lib';
 export * from './translations';
+export * from './countries';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -56,6 +56,7 @@
     "html-react-parser": "^5.2.6",
     "immutable": "^5.1.3",
     "lodash": "^4.17.21",
+    "lodash.isequal": "^4.5.0",
     "papaparse": "^5.5.3",
     "pure-react-carousel": "^1.32.0",
     "query-string": "^9.3.1",
@@ -78,8 +79,7 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "string-template": "^1.0.0",
     "topojson-client": "^3.1.0",
-    "uuid": "^11.1.0",
-    "@devgateway/wp-react-lib": "0.5.1"
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",
@@ -88,6 +88,7 @@
     "@types/d3-shape": "^3.1.7",
     "@types/file-saver": "^2.0.7",
     "@types/lodash": "^4.17.16",
+    "@types/lodash.isequal": "^4.5.8",
     "@types/node": "^22.15.18",
     "@types/papaparse": "^5.3.16",
     "@types/react": "^18.3.11",
@@ -114,7 +115,8 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-env-compatible": "^2.0.1",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^5.1.4",
+    "@devgateway/wp-react-lib": "0.5.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;

package/dist/cjs/_virtual/_nodeUtil.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/cjs/_virtual/isBuffer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/cjs/_virtual/isEqual.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.js"),r=require("../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isEqual.js");var t=r.__require();const s=e.getDefaultExportFromCjs(t);exports.default=s;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_DataView.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./_getNative.js"),o=require("./_root.js");var e,r;function _(){if(r)return e;r=1;var t=u.__require(),a=o.__require(),i=t(a,"DataView");return e=i,e}exports.__require=_;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Hash.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./_hashClear.js"),c=require("./_hashDelete.js"),p=require("./_hashGet.js"),v=require("./_hashHas.js"),y=require("./_hashSet.js");var t,s;function H(){if(s)return t;s=1;var i=q.__require(),o=c.__require(),u=p.__require(),_=v.__require(),l=y.__require();function e(r){var h=-1,n=r==null?0:r.length;for(this.clear();++h<n;){var a=r[h];this.set(a[0],a[1])}}return e.prototype.clear=i,e.prototype.delete=o,e.prototype.get=u,e.prototype.has=_,e.prototype.set=l,t=e,t}exports.__require=H;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_ListCache.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./_listCacheClear.js"),n=require("./_listCacheDelete.js"),q=require("./_listCacheGet.js"),p=require("./_listCacheHas.js"),v=require("./_listCacheSet.js");var r,s;function y(){if(s)return r;s=1;var c=C.__require(),l=n.__require(),h=q.__require(),o=p.__require(),u=v.__require();function e(t){var i=-1,_=t==null?0:t.length;for(this.clear();++i<_;){var a=t[i];this.set(a[0],a[1])}}return e.prototype.clear=c,e.prototype.delete=l,e.prototype.get=h,e.prototype.has=o,e.prototype.set=u,r=e,r}exports.__require=y;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Map.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./_getNative.js"),o=require("./_root.js");var e,r;function _(){if(r)return e;r=1;var t=u.__require(),a=o.__require(),i=t(a,"Map");return e=i,e}exports.__require=_;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_MapCache.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./_mapCacheClear.js"),n=require("./_mapCacheDelete.js"),q=require("./_mapCacheGet.js"),s=require("./_mapCacheHas.js"),m=require("./_mapCacheSet.js");var a,p;function v(){if(p)return a;p=1;var h=l.__require(),i=n.__require(),o=q.__require(),u=s.__require(),_=m.__require();function e(r){var t=-1,C=r==null?0:r.length;for(this.clear();++t<C;){var c=r[t];this.set(c[0],c[1])}}return e.prototype.clear=h,e.prototype.delete=i,e.prototype.get=o,e.prototype.has=u,e.prototype.set=_,a=e,a}exports.__require=v;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Promise.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./_getNative.js"),_=require("./_root.js");var e,r;function s(){if(r)return e;r=1;var i=u.__require(),t=_.__require(),o=i(t,"Promise");return e=o,e}exports.__require=s;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Set.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_getNative.js"),_=require("./_root.js");var e,r;function a(){if(r)return e;r=1;var t=o.__require(),i=_.__require(),u=t(i,"Set");return e=u,e}exports.__require=a;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_SetCache.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./_MapCache.js"),o=require("./_setCacheAdd.js"),s=require("./_setCacheHas.js");var t,i;function d(){if(i)return t;i=1;var h=u.__require(),_=o.__require(),c=s.__require();function e(r){var a=-1,n=r==null?0:r.length;for(this.__data__=new h;++a<n;)this.add(r[a])}return e.prototype.add=e.prototype.push=_,e.prototype.has=c,t=e,t}exports.__require=d;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Stack.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./_ListCache.js"),k=require("./_stackClear.js"),p=require("./_stackDelete.js"),l=require("./_stackGet.js"),S=require("./_stackHas.js"),y=require("./_stackSet.js");var t,r;function d(){if(r)return t;r=1;var a=q.__require(),s=k.__require(),c=p.__require(),i=l.__require(),_=S.__require(),o=y.__require();function e(u){var n=this.__data__=new a(u);this.size=n.size}return e.prototype.clear=s,e.prototype.delete=c,e.prototype.get=i,e.prototype.has=_,e.prototype.set=o,t=e,t}exports.__require=d;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Symbol.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./_root.js");var r,e;function i(){if(e)return r;e=1;var o=u.__require(),t=o.Symbol;return r=t,r}exports.__require=i;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_Uint8Array.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./_root.js");var r,e;function n(){if(e)return r;e=1;var t=a.__require(),i=t.Uint8Array;return r=i,r}exports.__require=n;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_WeakMap.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./_getNative.js"),o=require("./_root.js");var e,r;function _(){if(r)return e;r=1;var a=u.__require(),t=o.__require(),i=a(t,"WeakMap");return e=i,e}exports.__require=_;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_arrayFilter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t,l;function f(){if(l)return t;l=1;function u(r,a){for(var e=-1,o=r==null?0:r.length,d=0,i=[];++e<o;){var n=r[e];a(n,e,r)&&(i[d++]=n)}return i}return t=u,t}exports.__require=f;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_arrayLikeKeys.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./_baseTimes.js"),L=require("./isArguments.js"),O=require("./isArray.js"),l=require("./isBuffer.js"),K=require("./_isIndex.js"),P=require("./isTypedArray.js");var u,_;function $(){if(_)return u;_=1;var f=m.__require(),q=L.__require(),y=O.__require(),c=l.__require(),g=K.__require(),p=P.__require(),b=Object.prototype,h=b.hasOwnProperty;function d(e,A){var i=y(e),s=!i&&q(e),t=!i&&!s&&c(e),a=!i&&!s&&!t&&p(e),o=i||s||t||a,n=o?f(e.length,String):[],T=n.length;for(var r in e)(A||h.call(e,r))&&!(o&&(r=="length"||t&&(r=="offset"||r=="parent")||a&&(r=="buffer"||r=="byteLength"||r=="byteOffset")||g(r,T)))&&n.push(r);return n}return u=d,u}exports.__require=$;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_arrayPush.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t,n;function o(){if(n)return t;n=1;function i(r,u){for(var e=-1,a=u.length,h=r.length;++e<a;)r[h+e]=u[e];return r}return t=i,t}exports.__require=o;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_arraySome.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t,n;function a(){if(n)return t;n=1;function u(e,i){for(var r=-1,o=e==null?0:e.length;++r<o;)if(i(e[r],r,e))return!0;return!1}return t=u,t}exports.__require=a;

package/dist/cjs/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_assocIndexOf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./eq.js");var r,t;function a(){if(t)return r;t=1;var u=o.__require();function i(n,s){for(var e=n.length;e--;)if(u(n[e][0],s))return e;return-1}return r=i,r}exports.__require=a;