@devgateway/dvz-ui-react 1.3.2 → 1.3.4

package/dist/esm/layout/ClassicHeader.js

@@ -0,0 +1,116 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { Menu as a, Container as h, Image as j } from "semantic-ui-react";
+import I, { useEffect as p, useState as M } from "react";
+import { utils as C, MenuProvider as S, MediaProvider as y, MediaConsumer as z, MenuConsumer as _ } from "@devgateway/wp-react-lib";
+import { injectIntl as v } from "react-intl";
+import { useParams as x, Link as g, NavLink as E } from "react-router";
+import F from "./SearchControl.js";
+import $ from "./LangSwitcher.js";
+const D = (r, l) => {
+  const i = [];
+  return r.items.forEach((s) => {
+    s.child_items ? s.child_items.forEach((t) => {
+      t.slug == l.slug && (i.push(s), i.push(t));
+    }) : s.slug == l.slug && s.url != "/" && i.push(s);
+  }), i;
+}, H = (r, l) => r ? r.substr(r.indexOf("/wp") + 3).startsWith("/" + l) ? r.substr(r.indexOf("/wp") + 3) : "/" + l + r.substr(r.indexOf("/wp") + 3) : "", R = v(({ menu: r, intl: l }) => {
+  const i = x(), s = D(r, i);
+  return /* @__PURE__ */ e(I.Fragment, { children: s.filter((t) => t.url != "#wpm-languages").map((t) => t.child_items ? /* @__PURE__ */ m("span", { children: [
+    t.post_title,
+    " "
+  ] }) : /* @__PURE__ */ m(
+    "a",
+    {
+      className: t.slug == i.slug ? "active" : "",
+      href: C.replaceLink(t.url, l.locale),
+      children: [
+        " ",
+        t.post_title
+      ]
+    }
+  )) });
+}), w = v(({
+  settings: r,
+  withIcons: l,
+  active: i,
+  menu: s,
+  onSetSelected: t,
+  selected: u,
+  intl: { locale: d }
+}) => {
+  const k = x();
+  p(() => {
+    if (!u) {
+      const o = D(s, k).filter((c) => c.menu_item_parent == 0);
+      o && t(o[0]);
+    }
+  }, [s, t, u]);
+  const [f, N] = M(null);
+  return p(() => {
+    N(s);
+  }, [s]), p(() => {
+    if (r && r.menu_settings && f) {
+      const n = [], o = s.items.map((c) => (r.menu_settings && r.menu_settings["nav_menu_item[" + c.ID + "]"] === !1 && n.push(c.ID), r.menu_settings && r.menu_settings["nav_menu_item[" + c.ID + "]"] ? (r.menu_settings["nav_menu_item[" + c.ID + "]"], { ...c, ...r.menu_settings["nav_menu_item[" + c.ID + "]"] }) : c));
+      Object.keys(r.menu_settings).map((c) => {
+        const b = r.menu_settings[c];
+        if (b.type == "nav_menu_item") {
+          const L = /(-)?[0-9]+/g.exec(c), O = parseInt(L[0]);
+          o.find((P) => P.ID == O) || o.push(b.value);
+        }
+      }), N({ ...s, items: o.filter((c) => n.indexOf(c.ID) === -1) });
+    }
+  }, [r]), f && /* @__PURE__ */ e(I.Fragment, { children: f.items.filter((n) => n.url != "#wpm-languages").map((n) => /* @__PURE__ */ e(
+    a.Item,
+    {
+      as: g,
+      className: `divided ${n.child_items ? "has-child-items" : ""} ${u && u.ID == n.ID ? "selected" : ""}  ${i == n.slug ? "active" : ""}`,
+      children: n.child_items ? /* @__PURE__ */ e("span", { onClick: (o) => t(n), children: n.title }) : /* @__PURE__ */ e(
+        g,
+        {
+          onClick: (o) => t(n),
+          to: n.type === "custom" ? C.replaceLink(n.url, d) : H(n.url, d),
+          children: n.title
+        }
+      )
+    }
+  )) });
+}), B = ({ intl: r, settings: l }) => {
+  const [i, s] = M(), { slug: t } = x(), u = ({ media: d }) => d ? /* @__PURE__ */ e(j, { src: d.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" });
+  return /* @__PURE__ */ e(I.Fragment, { children: /* @__PURE__ */ m(S, { slug: "main", locale: r.locale, children: [
+    /* @__PURE__ */ m(h, { fluid: !0, className: "header classic", children: [
+      /* @__PURE__ */ e(h, { fluid: !0, className: "background", children: /* @__PURE__ */ m(a, { className: "branding", text: !0, children: [
+        /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ m(E, { to: "/", children: [
+          l.site_logo != 0 && /* @__PURE__ */ e(y, { id: l.site_logo, children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(u, {}) }) }),
+          !window.isCustomizedPreview && l.site_logo == 0 && /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/dc-logo_01.png" })
+        ] }) }),
+        /* @__PURE__ */ e(a.Item, { className: "divider", children: /* @__PURE__ */ e("div", {}) }),
+        /* @__PURE__ */ e(a.Item, { as: g, fitted: !0, href: "/", children: /* @__PURE__ */ e("div", { className: "site name", children: l.name }) }),
+        /* @__PURE__ */ e(a.Menu, { className: "pages", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+          w,
+          {
+            settings: l,
+            active: t,
+            selected: i,
+            onSetSelected: s
+          }
+        ) }) }),
+        /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e($, { locale: r.locale }) }) }),
+        /* @__PURE__ */ e(a.Item, { fitted: !0, children: /* @__PURE__ */ e(F, {}) })
+      ] }) }),
+      /* @__PURE__ */ e(h, { fluid: !0, className: "child", children: i && i.child_items && /* @__PURE__ */ e(a, { fluid: !0, text: !0, children: /* @__PURE__ */ e(
+        w,
+        {
+          active: t,
+          locale: r.locale,
+          withIcons: !0,
+          onSetSelected: (d) => null,
+          menu: { items: i.child_items }
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ e(h, { className: "url breadcrumbs", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(R, {}) }) })
+  ] }) });
+}, X = v(B);
+export {
+  X as default
+};

package/dist/esm/layout/FloatingMenuHeader.js

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Menu as n, Image as p, Popup as f } from "semantic-ui-react";
+import { useState as I } from "react";
+import { MenuProvider as N, MediaProvider as v, MediaConsumer as w, MenuConsumer as u } from "@devgateway/wp-react-lib";
+import { injectIntl as _ } from "react-intl";
+import x from "./SearchControl.js";
+import M from "./LangSwitcher.js";
+import { useParams as S } from "react-router";
+const g = (r, i) => r ? r.substr(r.indexOf("/wp") + 3).startsWith("/" + i) ? r.substr(r.indexOf("/wp") + 3) : "/" + i + r.substr(r.indexOf("/wp") + 3) : "", b = (r) => {
+  const {
+    settings: i,
+    withIcons: m,
+    active: a,
+    menu: d,
+    onSetSelected: c,
+    selected: s,
+    locale: h
+  } = r;
+  return d.items.filter((t) => t.url != "#wpm-languages").map((t) => /* @__PURE__ */ o(
+    n.Item,
+    {
+      className: `divided ${t.child_items ? "has-child-items" : ""} ${s && s.ID == t.ID ? "selected" : ""}  ${a == t.slug ? "active" : ""}`,
+      children: [
+        !t.child_items && /* @__PURE__ */ e("a", { onClick: (l) => c(t), href: g(t.url, h), children: t.title }),
+        t.child_items && /* @__PURE__ */ e(
+          f,
+          {
+            position: "top center",
+            className: "floating child",
+            positionFixed: !0,
+            hoverable: !0,
+            trigger: /* @__PURE__ */ e("span", { children: t.title }),
+            children: t.child_items.map((l) => /* @__PURE__ */ o(n.Item, { children: [
+              l.icon && /* @__PURE__ */ e("img", { className: "child icon", src: l.icon.url }),
+              /* @__PURE__ */ o("span", { children: [
+                " ",
+                /* @__PURE__ */ e("a", { onClick: (P) => c(t), href: g(l.url, h), children: l.title })
+              ] })
+            ] }))
+          }
+        )
+      ]
+    }
+  ));
+}, C = ({
+  intl: { locale: r },
+  settings: i
+}) => {
+  const [m, a] = I(), { slug: d } = S(), c = ({ media: s }) => s ? /* @__PURE__ */ e(p, { src: s.guid.rendered }) : /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/logo_full.png" });
+  return /* @__PURE__ */ e(N, { slug: "main", locale: r, children: /* @__PURE__ */ o(n, { className: "header floating branding", text: !0, children: [
+    /* @__PURE__ */ e(n.Item, { className: "logo", children: /* @__PURE__ */ o("a", { href: `/${r}`, children: [
+      i.site_logo != 0 && /* @__PURE__ */ e(v, { id: i.site_logo, children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(c, {}) }) }),
+      !window.isCustomizedPreview && i.site_logo == 0 && /* @__PURE__ */ e("img", { className: "brand logo", size: "large", src: "/dc-logo_01.png" })
+    ] }) }),
+    /* @__PURE__ */ e(n.Item, { className: "divider", children: /* @__PURE__ */ e("div", {}) }),
+    /* @__PURE__ */ e(n.Item, { className: "site name", fitted: !0, href: "/", children: i.name }),
+    /* @__PURE__ */ e(n.Item, { className: "pages", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
+      b,
+      {
+        settings: i,
+        active: d,
+        selected: m,
+        onSetSelected: a,
+        locale: r
+      }
+    ) }) }),
+    /* @__PURE__ */ e(n.Item, { className: "lang switcher", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(M, { locale: r }) }) }),
+    /* @__PURE__ */ e(n.Item, { fitted: !0, children: /* @__PURE__ */ e(x, {}) })
+  ] }) });
+}, L = _(C);
+export {
+  L as default
+};

package/dist/esm/layout/Layout.js

@@ -1,45 +1,49 @@
-import { jsx as e, Fragment as p, jsxs as f } from "react/jsx-runtime";
-import { useEffect as m } from "react";
-import { useParams as d, useLocation as u, Navigate as a, Outlet as g } from "react-router";
-import { getComponentByNameIgnoreCase as h } from "../embeddable/index.js";
-import { injectIntl as v, IntlProvider as w } from "react-intl";
-import { AppContextProvider as C, SettingProvider as I, SettingsConsumer as L } from "@devgateway/wp-react-lib";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useState as u, useEffect as m } from "react";
+import { useParams as d, useLocation as g, Navigate as a, Outlet as h } from "react-router";
+import { getComponentByNameIgnoreCase as v } from "../embeddable/index.js";
+import { IntlProvider as C } from "react-intl";
+import { AppContextProvider as w, SettingProvider as I, SettingsConsumer as L } from "@devgateway/wp-react-lib";
 import { Provider as P } from "react-redux";
 import "semantic-ui-react";
 import "../utils/AppMedia.js";
 import "./Footer.js";
 import "./Header.js";
-import { CustomizerWrapper as E } from "./Customizer.js";
-import "./Favicon.js";
-import { Config as j } from "../conf/index.js";
-import * as b from "../translations/en.json.js";
-import * as x from "../translations/fr.json.js";
-import * as y from "../translations/af.json.js";
-import { updateIntl as N } from "../lib/react-intl-redux/index.js";
+import { CustomizerWrapper as y } from "./Customizer.js";
+import { Config as E } from "../conf/index.js";
+import * as N from "../translations/en.json.js";
+import * as O from "../translations/fr.json.js";
+import * as b from "../translations/af.json.js";
+import { updateIntl as x } from "../lib/react-intl-redux/index.js";
 import "immutable";
-import { store as n } from "../redux/store.js";
-const i = {
-  en: b,
-  fr: x,
-  am: y
-}, O = v((t) => (document.title = t.settings.description, /* @__PURE__ */ e(p, {}))), J = () => {
-  const t = d(), l = u(), r = j.DEFAULT_LOCALE;
-  console.log("defaultLocale", r);
-  const o = t.lan, c = l.pathname;
-  return console.log("pathParams", t), m(() => {
-    process.env.NODE_ENV === "development" && (console.log("----------.env-----------"), console.log(process.env), console.log("----------.env-----------")), window && window.setTimeout(() => {
-      if (window && window.location.hash) {
+import { store as r } from "../redux/store.js";
+import "./Favicon.js";
+import "./CustomSemanticSearch.js";
+import "./SearchControl.js";
+import "./ClassicHeader.js";
+import "./FloatingMenuHeader.js";
+const n = {
+  en: N,
+  fr: O,
+  am: b
+}, X = () => {
+  const i = d(), l = g(), t = E.DEFAULT_LOCALE, [S, p] = u(!1);
+  console.log("defaultLocale", t);
+  const o = i.lan, c = l.pathname;
+  return console.log("pathParams", JSON.stringify(i.lan)), m(() => {
+    p(!0), process.env.NODE_ENV === "development" && (console.log("----------.env-----------"), console.log(process.env), console.log("----------.env-----------")), typeof window < "u" && window.setTimeout(() => {
+      if (window.location.hash) {
         const s = document.getElementById(window.location.hash.substring(1));
         s && s.scrollIntoView({ behavior: "auto", block: "start" });
       }
     }, 2e3);
   }, []), m(() => {
-    n.dispatch(N({ locale: o, formats: {}, messages: i[o ?? "en"] }));
-  }, [o]), o ? Object.keys(i).includes(o) ? /* @__PURE__ */ e(P, { store: n, children: /* @__PURE__ */ e(w, { locale: o, messages: i[o], children: /* @__PURE__ */ e(C, { getComponent: h, store: n, locale: o, children: /* @__PURE__ */ e(I, { locale: o, changeUUID: null, children: /* @__PURE__ */ f(L, { children: [
-    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(O, {}) }),
-    /* @__PURE__ */ e(g, {})
-  ] }) }) }) }, o) }) : /* @__PURE__ */ e(a, { to: `/${r}${c}`, replace: !0 }) : /* @__PURE__ */ e(a, { to: r, replace: !0 });
+    r.dispatch(x({ locale: o, formats: {}, messages: n[o ?? "en"] }));
+  }, [o]), o ? Object.keys(n).includes(o) ? /* @__PURE__ */ e(P, { store: r, children: /* @__PURE__ */ e(C, { locale: o, messages: n[o], children: /* @__PURE__ */ e(w, { getComponent: v, store: r, locale: o, children: /* @__PURE__ */ e(I, { locale: o, changeUUID: null, children: /* @__PURE__ */ f(L, { children: [
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(h, {})
+  ] }) }) }) }, o) }) : /* @__PURE__ */ e(a, { to: `/${t}${c}`, replace: !0 }) : /* @__PURE__ */ e(a, { to: t, replace: !0 });
 };
 export {
-  J as default
+  X as default
 };

package/dist/esm/layout/SSRFavicon.js

@@ -0,0 +1,11 @@
+import { jsx as n, Fragment as e, jsxs as l } from "react/jsx-runtime";
+function i({ siteLogo: r }) {
+  return /* @__PURE__ */ n(e, { children: r && /* @__PURE__ */ l(e, { children: [
+    /* @__PURE__ */ n("link", { rel: "icon", type: "image/x-icon", href: r }),
+    /* @__PURE__ */ n("link", { rel: "apple-touch-icon", href: r }),
+    /* @__PURE__ */ n("link", { rel: "shortcut", href: r })
+  ] }) });
+}
+export {
+  i as default
+};

package/dist/esm/layout/SearchControl.js

@@ -1,10 +1,9 @@
 import { jsx as t, jsxs as S, Fragment as C } from "react/jsx-runtime";
 import { useState as v, useEffect as w, useRef as L } from "react";
 import { utils as y, SearchProvider as E, SearchConsumer as T } from "@devgateway/wp-react-lib";
-import b from "./CustomSemanticSearch.js";
-import { createPortal as z } from "react-dom";
-import { Icon as P } from "semantic-ui-react";
-import { injectIntl as I, IntlProvider as _ } from "react-intl";
+import { createPortal as b } from "react-dom";
+import { Icon as z } from "semantic-ui-react";
+import { injectIntl as I, IntlProvider as P } from "react-intl";
 const x = (r, a) => {
   if (!a) return r;
   const s = new RegExp(`(${a})`, "gi");
@@ -40,7 +39,7 @@ const x = (r, a) => {
           "div",
           {
             className: "has-standard-12-font-size",
-            onClick: (H) => document.location.href = m,
+            onClick: (D) => document.location.href = m,
             children: [
               /* @__PURE__ */ t(
                 "h5",
@@ -75,7 +74,7 @@ const x = (r, a) => {
       }
     );
   }
-), F = ({ results: r, meta: a, perPage: s, intl: i, searchTerm: e }) => {
+), _ = ({ results: r, meta: a, perPage: s, intl: i, searchTerm: e }) => {
   const o = a ? a["x-wp-total"] : 0;
   return a && a["x-wp-totalpages"], /* @__PURE__ */ S("div", { id: "float-results-container", children: [
     /* @__PURE__ */ t("span", { className: "float-results-header", children: i.formatMessage(
@@ -87,7 +86,7 @@ const x = (r, a) => {
     ) }),
     r.map((c) => /* @__PURE__ */ t(N, { ...c, searchTerm: e }, c.ID))
   ] });
-}, j = ({
+}, F = ({
   onSearch: r,
   perPage: a,
   loading: s,
@@ -108,7 +107,7 @@ const x = (r, a) => {
       r(c.target.value);
     }
   }
-)), k = ({
+)), j = ({
   onSearch: r,
   onSetSelected: a,
   perPage: s,
@@ -143,13 +142,13 @@ const x = (r, a) => {
         id: "ui-float-search",
         className: "ui float-search",
         onMouseOver: h,
-        children: /* @__PURE__ */ t(P, { name: "search", size: "small" })
+        children: /* @__PURE__ */ t(z, { name: "search", size: "small" })
       }
     ),
-    n.current && z(
+    n.current && b(
       p ? /* @__PURE__ */ S("div", { onMouseLeave: g, children: [
         /* @__PURE__ */ t("div", { className: "float-search-container", children: /* @__PURE__ */ t(
-          j,
+          F,
           {
             onSearch: r,
             perPage: s,
@@ -160,8 +159,8 @@ const x = (r, a) => {
             searchTerm: l
           }
         ) }),
-        e && e.length > 0 && /* @__PURE__ */ t(_, { locale: c, children: /* @__PURE__ */ t(
-          F,
+        e && e.length > 0 && /* @__PURE__ */ t(P, { locale: c, children: /* @__PURE__ */ t(
+          _,
           {
             results: e,
             meta: o,
@@ -174,7 +173,7 @@ const x = (r, a) => {
       n.current
     )
   ] });
-}, D = ({ onSearch: r, perPage: a, loading: s, results: i, meta: e, intl: o }) => {
+}, k = ({ onSearch: r, perPage: a, loading: s, results: i, meta: e, intl: o }) => {
   const c = e ? e["x-wp-total"] : 0, u = e ? e["x-wp-totalpages"] : 0, [l, p] = v("");
   w(() => {
     const n = setTimeout(() => {
@@ -184,7 +183,7 @@ const x = (r, a) => {
   }, [l]);
   const f = (n) => /* @__PURE__ */ t(N, { ...n, searchTerm: l });
   return /* @__PURE__ */ t(
-    b,
+    CustomSemanticSearch,
     {
       value: l,
       loading: s,
@@ -206,7 +205,7 @@ const x = (r, a) => {
       searchTerm: l
     }
   );
-}, G = I((r) => {
+}, Q = I((r) => {
   const { intl: a, onSetSelected: s } = r, [i, e] = v(""), [o, c] = v(!1);
   w(() => {
     const l = () => {
@@ -215,7 +214,7 @@ const x = (r, a) => {
     return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
   }, []);
   const u = r.settings.react_search_type === "floating" || o ? /* @__PURE__ */ t(
-    k,
+    j,
     {
       onSetSelected: s,
       onSearch: e,
@@ -224,7 +223,7 @@ const x = (r, a) => {
       searchTerm: i
     }
   ) : /* @__PURE__ */ t(
-    D,
+    k,
     {
       onSetSelected: s,
       onSearch: e,
@@ -235,5 +234,5 @@ const x = (r, a) => {
   return /* @__PURE__ */ t(E, { search: i, perPage: 5, locale: a.locale, children: /* @__PURE__ */ t(T, { children: u }) });
 });
 export {
-  G as default
+  Q as default
 };

package/dist/esm/layout/containers/PreviewTypeContainer.js

@@ -1,23 +1,23 @@
 import { jsx as r } from "react/jsx-runtime";
-import c from "../ResponsiveContainer.js";
-import { PostProvider as m, PostConsumer as w, Post as v } from "@devgateway/wp-react-lib";
-import { useLocation as P, useParams as l } from "react-router";
-const y = ({ header: t, footer: s }) => {
-  const n = P(), e = l(), o = new URLSearchParams(n.search), i = o.get("preview"), p = e.type == "post" ? "posts" : e.type, a = o.get("_wpnonce");
-  return /* @__PURE__ */ r(c, { header: t, footer: s, children: /* @__PURE__ */ r(
-    m,
+import m from "../ResponsiveContainer.js";
+import { PostProvider as w, PostConsumer as v, Post as P } from "@devgateway/wp-react-lib";
+import { useLocation as d, useParams as h } from "react-router";
+const g = (t) => {
+  const { header: s, footer: n } = t, i = d(), e = h(), o = new URLSearchParams(i.search), a = o.get("preview"), p = e.type == "post" ? "posts" : e.type, c = o.get("_wpnonce");
+  return /* @__PURE__ */ r(m, { header: s, footer: n, children: /* @__PURE__ */ r(
+    w,
     {
       type: p,
       store: "preview",
       perPage: 1,
-      view: i,
+      view: a,
       locale: e.lan,
-      previewNonce: a,
+      previewNonce: c,
       previewId: e.id,
-      children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(v, { preview: !0, showIntro: !0 }) })
+      children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(P, { preview: !0, showIntro: !0 }) })
     }
   ) });
 };
 export {
-  y as default
+  g as default
 };

package/dist/esm/layout/containers/SlugContainer.js

@@ -1,19 +1,19 @@
 import { jsx as r } from "react/jsx-runtime";
-import { PageProvider as a, PageConsumer as i, Page as s } from "@devgateway/wp-react-lib";
-import { useParams as m } from "react-router";
+import { Page as i, PageProvider as s, PageConsumer as a } from "@devgateway/wp-react-lib";
+import { useParams as c } from "react-router";
 import l from "../ResponsiveContainer.js";
-const f = ({ header: o, footer: n }) => {
-  const { lan: t, slug: e } = m();
-  return /* @__PURE__ */ r(
-    a,
+const P = ({ header: e, footer: n, pages: o } = {}) => {
+  const { lan: m, slug: t } = c();
+  return o ? /* @__PURE__ */ r(l, { header: e, footer: n, children: /* @__PURE__ */ r(i, { pages: typeof o == "object" ? [o] : o }) }) : /* @__PURE__ */ r(
+    s,
     {
-      locale: t,
-      slug: e,
-      store: e,
-      children: /* @__PURE__ */ r(l, { header: o, footer: n, children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(s, {}) }) })
+      locale: m,
+      slug: t,
+      store: t,
+      children: /* @__PURE__ */ r(l, { header: e, footer: n, children: /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(i, {}) }) })
     }
   );
 };
 export {
-  f as default
+  P as default
 };

package/dist/esm/layout/containers/SlugPostContainer.js

@@ -1,19 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useParams as n } from "react-router";
-import i from "../ResponsiveContainer.js";
-import { PostProvider as m, PostConsumer as l, Post as a } from "@devgateway/wp-react-lib";
-const d = ({ header: t, footer: e }) => {
-  const { lan: s, slug: r } = n();
-  return /* @__PURE__ */ o(
-    m,
-    {
-      slug: r,
-      store: r,
-      locale: s,
-      children: /* @__PURE__ */ o(i, { header: t, footer: e, children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, {}) }) })
-    }
-  );
+import { jsx as r } from "react/jsx-runtime";
+import { useParams as t } from "react-router";
+import "semantic-ui-react";
+import { Post as m } from "@devgateway/wp-react-lib";
+import "../../utils/AppMedia.js";
+import "../Footer.js";
+import "../Header.js";
+import "react";
+const g = ({ header: i, footer: e, posts: o } = {}) => {
+  const { lan: a, slug: p } = t();
+  if (o)
+    return /* @__PURE__ */ r(m, { posts: o });
 };
 export {
-  d as default
+  g as default
 };

package/dist/esm/layout/index.js

@@ -1,24 +1,43 @@
-import e from "./ResponsiveContainer.js";
-import { default as a } from "./ScrollTop.js";
+import o from "./ResponsiveContainer.js";
+import { default as t } from "./ScrollTop.js";
 import { default as p } from "./containers/PreviewPageContainer.js";
-import { default as l } from "./containers/PreviewTypeContainer.js";
-import { default as s } from "./containers/SlugContainer.js";
-import { default as i } from "./containers/SlugPostContainer.js";
-import { CustomizerWrapper as x } from "./Customizer.js";
-import { default as v } from "./Layout.js";
+import { default as s } from "./containers/PreviewTypeContainer.js";
+import { default as u } from "./containers/SlugContainer.js";
+import { default as n } from "./containers/SlugPostContainer.js";
+import { CustomizerWrapper as i } from "./Customizer.js";
+import { default as c } from "./Layout.js";
 import { default as g } from "./PreviewComponent.js";
-import { default as S } from "./Favicon.js";
-import { default as c } from "./Loading.js";
+import { default as F } from "./Favicon.js";
+import { default as w } from "./SSRFavicon.js";
+import { default as H } from "./Loading.js";
+import { default as R } from "./CustomSemanticSearch.js";
+import { default as y } from "./Header.js";
+import { default as z } from "./SearchControl.js";
+import { default as M } from "./LangSwitcher.js";
+import { default as j } from "./Footer.js";
+import { default as q } from "./ClassicHeader.js";
+import { default as B } from "./FlexWrapDetector.js";
+import { default as G } from "./FloatingMenuHeader.js";
 export {
-  x as CustomizerWrapper,
-  S as Favicon,
-  c as Loading,
+  q as ClassicHeader,
+  R as CustomSemanticSearch,
+  i as CustomizerWrapper,
+  F as Favicon,
+  B as FlexWrapDetector,
+  G as FloatingMenuHeader,
+  j as Footer,
+  y as Header,
+  M as LangSwitcher,
+  H as Loading,
   g as PreviewComponent,
   p as PreviewPageContainer,
-  l as PreviewTypeContainer,
-  v as RootLayout,
-  a as ScrollToTop,
-  s as SlugContainer,
-  i as SlugPostContainer,
-  e as default
+  s as PreviewTypeContainer,
+  o as ResponsiveContainer,
+  c as RootLayout,
+  w as SSRFavicon,
+  t as ScrollToTop,
+  z as SearchControl,
+  u as SlugContainer,
+  n as SlugPostContainer,
+  o as default
 };

package/dist/types/dvz-ui/src/layout/SSRFavicon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+declare function SSRFavicon({ siteLogo }: {
+    siteLogo: string;
+}): React.JSX.Element;
+export default SSRFavicon;

package/dist/types/{layout → dvz-ui/src/layout}/containers/PreviewTypeContainer.d.ts

@@ -3,5 +3,5 @@ interface PreviewTypeContainerProps {
     header?: React.ReactNode;
     footer?: React.ReactNode;
 }
-declare const PreviewTypeContainer: ({ header, footer }: PreviewTypeContainerProps) => React.JSX.Element;
+declare const PreviewTypeContainer: React.FC<PreviewTypeContainerProps>;
 export default PreviewTypeContainer;

package/dist/types/dvz-ui/src/layout/containers/SlugContainer.d.ts

@@ -0,0 +1,9 @@
+import { PostType } from '@devgateway/wp-react-lib';
+import { default as React } from 'react';
+interface SlugContainerProps {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    pages?: PostType;
+}
+declare const SlugContainer: ({ header, footer, pages }?: SlugContainerProps) => React.JSX.Element;
+export default SlugContainer;

package/dist/types/dvz-ui/src/layout/containers/SlugPostContainer.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { PostType } from '@devgateway/wp-react-lib';
+interface SlugPostContainerProps {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    posts?: PostType;
+}
+declare const SlugPostContainer: ({ header, footer, posts }?: SlugPostContainerProps) => React.JSX.Element | undefined;
+export default SlugPostContainer;

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

@@ -0,0 +1,21 @@
+import { default as ResponsiveContainer } from './ResponsiveContainer';
+import { default as ScrollToTop } from './ScrollTop';
+export * from './containers';
+export * from './Customizer';
+export default ResponsiveContainer;
+export { ScrollToTop };
+export { default as RootLayout } from './Layout';
+export { default as PreviewComponent } from './PreviewComponent';
+export { default as Favicon } from './Favicon';
+export { default as SSRFavicon } from './SSRFavicon';
+export { default as Loading } from './Loading';
+export { default as ResponsiveContainer } from './ResponsiveContainer';
+export { default as CustomSemanticSearch } from './CustomSemanticSearch';
+export { default as Header } from './Header';
+export { default as SearchControl } from './SearchControl';
+export { default as LangSwitcher } from './LangSwitcher';
+export { default as Footer } from './Footer';
+export { default as ClassicHeader } from './ClassicHeader';
+export * from './Customizer';
+export { default as FlexWrapDetector } from './FlexWrapDetector';
+export { default as FloatingMenuHeader } from './FloatingMenuHeader';