@devgateway/dvz-ui-react 1.7.15 → 1.8.0

package/dist/esm/layout/Header.js

@@ -1,31 +1,31 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { Menu as d, Container as b, Flag as P, Image as U } from "semantic-ui-react";
-import L, { useEffect as _, useState as p, useRef as y } from "react";
-import { utils as j, MenuProvider as H, MediaProvider as A, MediaConsumer as V, MenuConsumer as E } from "@devgateway/wp-react-lib";
-import { injectIntl as R } from "react-intl";
-import { useParams as $ } from "react-router";
-import B from "./SearchControl.js";
-import K from "./LangSwitcher.js";
-const W = (r, s) => {
+import { Menu as d, Container as N, Flag as U, Image as j } from "semantic-ui-react";
+import E, { useEffect as p, useState as g, useRef as W } from "react";
+import { utils as H, MenuProvider as A, MediaProvider as V, MediaConsumer as B, MenuConsumer as b } from "@devgateway/wp-react-lib";
+import { injectIntl as T } from "react-intl";
+import { useParams as y } from "react-router";
+import K from "./SearchControl.js";
+import q from "./LangSwitcher.js";
+const F = (r, l) => {
   const t = [];
   return r.items.forEach((i) => {
     i.child_items ? i.child_items.forEach((a) => {
-      a.slug == s.slug && (t.push(i), t.push(a));
-    }) : i.slug == s.slug && i.url != "/" && t.push(i);
+      a.slug == l.slug && (t.push(i), t.push(a));
+    }) : i.slug == l.slug && i.url != "/" && t.push(i);
   }), t;
-}, x = (r, s) => {
+}, S = (r, l) => {
   if (r) {
     const t = r.indexOf("/wp");
     if (t !== -1) {
       const i = r.substr(t + 3);
-      return i.startsWith("/" + s) ? i : "/" + s + i;
+      return i.startsWith("/" + l) ? i : "/" + l + i;
     } else
-      return r.startsWith("/" + s) ? r : "/" + s + r;
+      return r.startsWith("/" + l) ? r : "/" + l + r;
   }
   return "";
-}, q = R(({ menu: r, intl: s }) => {
-  const t = $(), i = W(r, t);
-  return /* @__PURE__ */ e(L.Fragment, { children: i.filter((a) => a.url != "#wpm-languages").map(
+}, G = T(({ menu: r, intl: l }) => {
+  const t = y(), i = F(r, t);
+  return /* @__PURE__ */ e(E.Fragment, { children: i.filter((a) => a.url != "#wpm-languages").map(
     (a) => a.child_items ? /* @__PURE__ */ u("span", { children: [
       a.post_title,
       " "
@@ -33,7 +33,7 @@ const W = (r, s) => {
       "a",
       {
         className: a.slug == t.slug ? "active" : "",
-        href: j.replaceLink(a.url, s.locale),
+        href: H.replaceLink(a.url, l.locale),
         children: [
           " ",
           a.post_title
@@ -41,53 +41,53 @@ const W = (r, s) => {
       }
     )
   ) });
-}), C = R(
+}), O = T(
   ({
     settings: r,
-    withIcons: s,
+    withIcons: l,
     active: t,
     menu: i,
     onSetSelected: a,
     selected: o,
-    intl: { locale: g },
-    isSmallScreen: D
+    intl: { locale: f },
+    isSmallScreen: L
   }) => {
-    const z = $();
-    _(
+    const z = y();
+    p(
       (n) => {
-        const l = W(i, z).filter((f) => f.menu_item_parent == 0);
-        l && l.length > 0 ? a(l[0]) : a(null);
+        const s = F(i, z).filter((_) => _.menu_item_parent == 0);
+        s && s.length > 0 ? a(s[0]) : a(null);
       },
       [i, a, z.slug]
     );
-    const [v, I] = p(null);
-    _(() => {
-      I(i);
-    }, [i]), _(() => {
+    const [v, w] = g(null);
+    p(() => {
+      w(i);
+    }, [i]), p(() => {
       if (r && r.menu_settings && v) {
-        const n = [], h = i.items.map((l) => (r.menu_settings && r.menu_settings["nav_menu_item[" + l.ID + "]"] === !1 && n.push(l.ID), r.menu_settings && r.menu_settings["nav_menu_item[" + l.ID + "]"] ? (r.menu_settings["nav_menu_item[" + l.ID + "]"], {
-          ...l,
-          ...r.menu_settings["nav_menu_item[" + l.ID + "]"]
-        }) : l));
-        Object.keys(r.menu_settings).map((l) => {
-          const f = r.menu_settings[l];
-          if (f.type == "nav_menu_item") {
-            const S = /(-)?[0-9]+/g.exec(l), k = parseInt(S[0]);
-            h.find((c) => c.ID == k) || h.push(f.value);
+        const n = [], m = i.items.map((s) => (r.menu_settings && r.menu_settings["nav_menu_item[" + s.ID + "]"] === !1 && n.push(s.ID), r.menu_settings && r.menu_settings["nav_menu_item[" + s.ID + "]"] ? (r.menu_settings["nav_menu_item[" + s.ID + "]"], {
+          ...s,
+          ...r.menu_settings["nav_menu_item[" + s.ID + "]"]
+        }) : s));
+        Object.keys(r.menu_settings).map((s) => {
+          const _ = r.menu_settings[s];
+          if (_.type == "nav_menu_item") {
+            const D = /(-)?[0-9]+/g.exec(s), C = parseInt(D[0]);
+            m.find(($) => $.ID == C) || m.push(_.value);
           }
-        }), I({
+        }), w({
           ...i,
-          items: h.filter((l) => n.indexOf(l.ID) === -1)
+          items: m.filter((s) => n.indexOf(s.ID) === -1)
         });
       }
     }, [r]);
-    const [w, M] = p(!1);
-    return _(() => {
+    const [k, I] = g(!1);
+    return p(() => {
       const n = () => {
-        M(window.innerWidth <= 1200);
+        I(window.innerWidth <= 1200);
       };
       return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-    }, []), v && /* @__PURE__ */ e(L.Fragment, { children: v.items.filter((n) => n.url !== "#wpm-languages").map((n, h) => /* @__PURE__ */ u(L.Fragment, { children: [
+    }, []), v && /* @__PURE__ */ e(E.Fragment, { children: v.items.filter((n) => n.url !== "#wpm-languages").map((n, m) => /* @__PURE__ */ u(E.Fragment, { children: [
       /* @__PURE__ */ u(
         d.Item,
         {
@@ -95,84 +95,84 @@ const W = (r, s) => {
                             ${o && o.ID === n.ID ? "selected" : ""}
                             ${t === n.slug ? "active" : ""}`,
           children: [
-            s && /* @__PURE__ */ e("a", { href: x(n.url, g), children: /* @__PURE__ */ e("div", { className: "mark", children: /* @__PURE__ */ e("span", { className: "sr-only", children: n.title }) }) }),
-            D ? n.child_items ? /* @__PURE__ */ e(
+            l && /* @__PURE__ */ e("a", { href: S(n.url, f), children: /* @__PURE__ */ e("div", { className: "mark", children: /* @__PURE__ */ e("span", { className: "sr-only", children: n.title }) }) }),
+            L ? n.child_items ? /* @__PURE__ */ e(
               "span",
               {
                 onClick: () => a(o === n ? null : n),
                 children: n.title
               }
-            ) : /* @__PURE__ */ e("a", { href: x(n.url, g), children: n.title }) : n.child_items ? /* @__PURE__ */ e(
+            ) : /* @__PURE__ */ e("a", { href: S(n.url, f), children: n.title }) : n.child_items ? /* @__PURE__ */ e(
               "span",
               {
-                onMouseOver: (l) => a(n),
+                onMouseOver: (s) => a(n),
                 onClick: () => a(o === n ? null : n),
                 children: n.title
               }
             ) : /* @__PURE__ */ e(
               "a",
               {
-                onMouseOut: (l) => a(null),
-                onMouseOver: (l) => a(n),
-                href: x(n.url, g),
+                onMouseOut: (s) => a(null),
+                onMouseOver: (s) => a(n),
+                href: S(n.url, f),
                 children: n.title
               }
             )
           ]
         }
       ),
-      w && o && o.ID === n.ID && o.child_items && /* @__PURE__ */ e(L.Fragment, { children: o.child_items.map((l) => /* @__PURE__ */ u(
+      k && o && o.ID === n.ID && o.child_items && /* @__PURE__ */ e(E.Fragment, { children: o.child_items.map((s) => /* @__PURE__ */ u(
         d.Item,
         {
-          className: `divided child-item ${t === l.slug ? "active" : ""}`,
+          className: `divided child-item ${t === s.slug ? "active" : ""}`,
           children: [
             /* @__PURE__ */ e("div", { className: "mark" }),
-            /* @__PURE__ */ e("a", { href: x(l.url, g), children: l.title })
+            /* @__PURE__ */ e("a", { href: S(s.url, f), children: s.title })
           ]
         },
-        l.ID
+        s.ID
       )) })
     ] }, n.ID)) });
   }
-), G = ({ intl: r, settings: s }) => {
-  const [t, i] = p(), [a, o] = p(!1), [g, D] = p(!1), [z, v] = p(!1), [I, w] = p(!1), { slug: M } = $(), n = y(null), h = y(null), l = () => {
-    w(!I), o(!a);
+), J = ({ intl: r, settings: l, logoSmallSrc: t = "/logo_small.png" }) => {
+  const [i, a] = g(), [o, f] = g(!1), [L, z] = g(!1), [v, w] = g(!1), [k, I] = g(!1), { slug: n } = y(), m = W(null), s = W(null), _ = () => {
+    I(!k), f(!o);
   };
-  _(() => {
-    const c = (m) => {
-      (n.current && !n.current.contains(m.target) && !h.current.contains(m.target) || m.target.closest(".desktop") || m.target.closest(".breadcrumbs")) && (o(!1), w(!1));
-    }, N = (m) => {
-      m.key === "Escape" && (o(!1), w(!1));
+  p(() => {
+    const c = (h) => {
+      (m.current && !m.current.contains(h.target) && !s.current.contains(h.target) || h.target.closest(".desktop") || h.target.closest(".breadcrumbs")) && (f(!1), I(!1));
+    }, M = (h) => {
+      h.key === "Escape" && (f(!1), I(!1));
     };
-    return document.addEventListener("mousedown", c), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", M);
     };
-  }, []), _(() => {
+  }, []), p(() => {
     let c;
-    const N = () => {
-      const F = window.innerWidth <= 1200;
-      D(F), v(!1);
-    }, m = () => {
-      v(!0), clearTimeout(c), c = setTimeout(N, 300);
+    const M = () => {
+      const P = window.innerWidth <= 1200;
+      z(P), w(!1);
+    }, h = () => {
+      w(!0), clearTimeout(c), c = setTimeout(M, 300);
     };
-    return N(), window.addEventListener("resize", m), () => {
-      clearTimeout(c), window.removeEventListener("resize", m);
+    return M(), window.addEventListener("resize", h), () => {
+      clearTimeout(c), window.removeEventListener("resize", h);
     };
   }, []);
-  const [f, T] = p(!1);
-  _(() => {
+  const [x, D] = g(!1);
+  p(() => {
     const c = () => {
-      T(window.innerWidth <= 1364);
+      D(window.innerWidth <= 1364);
     };
     return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, []);
-  const S = ({ media: c }) => c ? /* @__PURE__ */ e(U, { src: c.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" }), k = (s == null ? void 0 : s.landing_page_url) && s.landing_page_url !== !1 && s.landing_page_url !== void 0 && s.landing_page_url !== "", O = k ? s.landing_page_url : `/${r.locale}`;
-  return /* @__PURE__ */ e(L.Fragment, { children: /* @__PURE__ */ u(H, { slug: "main", locale: r.locale, children: [
-    /* @__PURE__ */ u(b, { fluid: !0, className: "header", children: [
-      /* @__PURE__ */ e(b, { fluid: !0, className: "background", ref: n, children: /* @__PURE__ */ u(d, { className: "branding", text: !0, children: [
-        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ u("a", { href: `${O}`, target: k ? "_blank" : "_self", rel: "noopener noreferrer", id: "site_url", children: [
-          s.site_logo !== 0 && !f && /* @__PURE__ */ e(A, { id: s.site_logo, children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(S, {}, "logo") }) }),
-          s.site_logo === 0 && !f && /* @__PURE__ */ e(
+  const C = ({ media: c }) => c ? /* @__PURE__ */ e(j, { src: c.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" }), R = (l == null ? void 0 : l.landing_page_url) && l.landing_page_url !== !1 && l.landing_page_url !== void 0 && l.landing_page_url !== "", $ = R ? l.landing_page_url : `/${r.locale}`;
+  return /* @__PURE__ */ e(E.Fragment, { children: /* @__PURE__ */ u(A, { slug: "main", locale: r.locale, children: [
+    /* @__PURE__ */ u(N, { fluid: !0, className: "header", children: [
+      /* @__PURE__ */ e(N, { fluid: !0, className: "background", ref: m, children: /* @__PURE__ */ u(d, { className: "branding", text: !0, children: [
+        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ u("a", { href: `${$}`, target: R ? "_blank" : "_self", rel: "noopener noreferrer", id: "site_url", children: [
+          l.site_logo !== 0 && !x && /* @__PURE__ */ e(V, { id: l.site_logo, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(C, {}, "logo") }) }),
+          l.site_logo === 0 && !x && /* @__PURE__ */ e(
             "img",
             {
               className: "brand logo",
@@ -180,60 +180,60 @@ const W = (r, s) => {
               src: "/logo_full.png"
             }
           ),
-          f && /* @__PURE__ */ e(
+          x && /* @__PURE__ */ e(
             "img",
             {
               className: "brand logo small",
               size: "small",
-              src: "/wp-media/TCDI-Icon-small_02.png"
+              src: t
             }
           )
         ] }) }),
         /* @__PURE__ */ e(d.Item, { className: "divider", children: /* @__PURE__ */ e("div", {}) }),
         /* @__PURE__ */ u(d.Item, { fitted: !0, href: "/", children: [
-          /* @__PURE__ */ e(P, { name: "za" }),
-          /* @__PURE__ */ e("div", { className: "site name", children: s.name })
+          /* @__PURE__ */ e(U, { name: "za" }),
+          /* @__PURE__ */ e("div", { className: "site name", children: l.name })
         ] }),
-        !z && (g ? /* @__PURE__ */ e(d, { className: `pages ${a ? "show" : ""}`, children: /* @__PURE__ */ e(b, { fluid: !0, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
-          C,
+        !v && (L ? /* @__PURE__ */ e(d, { className: `pages ${o ? "show" : ""}`, children: /* @__PURE__ */ e(N, { fluid: !0, children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+          O,
           {
-            settings: s,
-            active: M,
-            selected: t,
-            onSetSelected: i,
-            isSmallScreen: g
+            settings: l,
+            active: n,
+            selected: i,
+            onSetSelected: a,
+            isSmallScreen: L
           },
           "items"
-        ) }) }) }) : /* @__PURE__ */ e(d.Menu, { className: "pages", children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
-          C,
+        ) }) }) }) : /* @__PURE__ */ e(d.Menu, { className: "pages", children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+          O,
           {
-            settings: s,
-            active: M,
-            selected: t,
-            onSetSelected: i
+            settings: l,
+            active: n,
+            selected: i,
+            onSetSelected: a
           },
           "items"
         ) }) })),
-        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
-          K,
+        /* @__PURE__ */ e(d.Item, { children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+          q,
           {
             locale: r.locale
           },
           "lang"
         ) }) }),
-        /* @__PURE__ */ e(d.Item, { fitted: !0, children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
-          B,
+        /* @__PURE__ */ e(d.Item, { fitted: !0, children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+          K,
           {
-            onSetSelected: i,
-            settings: s
+            onSetSelected: a,
+            settings: l
           }
         ) }) }),
         /* @__PURE__ */ u(
           "div",
           {
-            ref: h,
-            className: `hamburger-menu ${I ? "animate" : ""} ${a ? "open" : "close"}`,
-            onClick: l,
+            ref: s,
+            className: `hamburger-menu ${k ? "animate" : ""} ${o ? "open" : "close"}`,
+            onClick: _,
             children: [
               /* @__PURE__ */ e("div", {}),
               /* @__PURE__ */ e("div", { className: "middle-line" }),
@@ -242,20 +242,20 @@ const W = (r, s) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ e(b, { fluid: !0, className: "child", children: t && t.child_items && /* @__PURE__ */ e(d, { fluid: !0, text: !0, children: /* @__PURE__ */ e(
-        C,
+      /* @__PURE__ */ e(N, { fluid: !0, className: "child", children: i && i.child_items && /* @__PURE__ */ e(d, { fluid: !0, text: !0, children: /* @__PURE__ */ e(
+        O,
         {
-          active: M,
+          active: n,
           locale: r.locale,
           withIcons: !0,
           onSetSelected: (c) => null,
-          menu: { items: t.child_items }
+          menu: { items: i.child_items }
         }
       ) }) })
     ] }, "header-container"),
-    /* @__PURE__ */ e(b, { className: "url breadcrumbs", children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(q, {}) }) })
+    /* @__PURE__ */ e(N, { className: "url breadcrumbs", children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) }) })
   ] }) });
-}, se = R(G);
+}, le = T(J);
 export {
-  se as default
+  le as default
 };

package/dist/types/layout/Header.d.ts

@@ -2,10 +2,12 @@ import { default as React } from 'react';
 declare const _default: React.FC<import('react-intl').WithIntlProps<{
     intl: any;
     settings: any;
+    logoSmallSrc?: string | undefined;
 }>> & {
     WrappedComponent: React.ComponentType<{
         intl: any;
         settings: any;
+        logoSmallSrc?: string | undefined;
     }>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.7.15",
+  "version": "1.8.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -20,8 +20,11 @@
     "react-ui-library",
     "react-ui-components"
   ],
-  "author": "Timothy Mugo",
-  "license": "MIT",
+  "author": "Sebastian Dimunzio <sdimunzio@gmail.com>",
+  "contributors": [
+    "Timothy Gachengo (https://github.com/timothygachengo)"
+  ],
+  "license": "Apache-2.0",
   "description": "A modular, embeddable React component library for data visualization and UI, built with TypeScript. Provides reusable components for charts, maps, dashboards, and more, with built-in support for internationalization and Redux integration.",
   "repository": {
     "type": "git",