@devgateway/dvz-ui-react 1.0.0

package/dist/esm/layout/CustomSemanticSearch.js

@@ -0,0 +1,113 @@
+import { jsx as t, jsxs as K } from "react/jsx-runtime";
+import { Search as x, Segment as O, Input as U } from "semantic-ui-react";
+import h from "react";
+import N from "clsx";
+import { useKeyOnly as f, useValueAndKey as V } from "../node_modules/.pnpm/semantic-ui-react@3.0.0-beta.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/semantic-ui-react/src/lib/classNameBuilders.js";
+import { partitionHTMLProps as q, htmlInputAttrs as G } from "../utils/semanticUtils.js";
+import J from "../node_modules/.pnpm/semantic-ui-react@3.0.0-beta.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/semantic-ui-react/src/lib/getUnhandledProps.js";
+import { injectIntl as Q, useIntl as W } from "react-intl";
+import { utils as S } from "@devgateway/wp-react-lib";
+const y = (s, n) => {
+  if (!n) return s;
+  const c = new RegExp(`(${n})`, "gi");
+  return s.replace(c, "<strong>$1</strong>");
+}, X = Q(({
+  title: s,
+  slug: n,
+  parent_link: c,
+  extract: g,
+  link: m,
+  searchTerm: i,
+  metadata: r,
+  bread_crumbs: a = [],
+  intl: { locale: u }
+}) => {
+  let l = c ? S.replaceLink(c, u) + `#${n}` : S.replaceLink(m, u);
+  l = r != null && r.redirect_url ? (r == null ? void 0 : r.redirect_url) + `#${n}` : l;
+  const p = y(String(s), i), d = y(g, i);
+  return /* @__PURE__ */ t("div", { className: "search-results-wrapper searching-results", style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ K("div", { className: "has-standard-12-font-size", onClick: () => document.location.href = l, children: [
+    /* @__PURE__ */ t(
+      "h5",
+      {
+        className: "breadcrumbs-search",
+        dangerouslySetInnerHTML: { __html: Array.isArray(a) && a.length > 0 ? y(a.join(" / "), i) : "" }
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "has-standard-14-font-size", children: /* @__PURE__ */ t("h4", { className: "search-title", dangerouslySetInnerHTML: { __html: p } }) }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "has-standard-12-font-size search-content",
+        dangerouslySetInnerHTML: { __html: S.replaceHTMLinks(d, u) }
+      }
+    )
+  ] }) });
+}), ue = (s) => {
+  const { results: n, onSearchChange: c, value: g, showNoResults: m, onResultSelect: i, loading: r, placeholder: a, perPage: u, total: l, searchTerm: p } = s, d = W(), [I, Y] = h.useState(""), [H, M] = h.useState(!1), [w, L] = h.useState(!1), P = n && n.length > 0 ? [{
+    isHeader: !0,
+    headerText: d.formatMessage({
+      id: "search.results.summary",
+      defaultMessage: "{count} of {} Results"
+    }, {
+      count: l < u ? l : u,
+      total: l
+    })
+  }, ...n] : [], R = () => {
+    const { perPage: e, total: o } = s, E = N(
+      "results header",
+      o === 1 && "single"
+    );
+    return /* @__PURE__ */ t(O, { basic: !0, textAlign: "left", className: E, children: d.formatMessage({
+      id: "search.results.summary",
+      defaultMessage: "{count} of {} Results"
+    }, {
+      count: o < e ? o : e,
+      total: o
+    }) });
+  }, v = (e) => e.isHeader ? R() : (console.log("res", e), /* @__PURE__ */ t(h.Fragment, { children: /* @__PURE__ */ t(X, { ...e, searchTerm: p }) })), F = (e) => /* @__PURE__ */ t(U, { icon: "search", placeholder: a, ...e }), T = (e, o) => {
+    M(!1), s.onBlur && s.onBlur(e, o);
+  }, z = (e, o) => {
+    M(!0), s.onFocus && s.onFocus(e, o);
+  }, A = (e) => {
+    L(!0), s.onMouseDown && s.onMouseDown(e);
+  }, { aligned: C, category: D, className: _, fluid: j, size: B } = s, $ = N(
+    "ui",
+    w && "active",
+    B,
+    I,
+    f(D, "category"),
+    f(H, "focus"),
+    f(j, "fluid"),
+    f(r, "loading"),
+    V(C, "aligned"),
+    "search",
+    _
+  ), k = J(x, s), [Z, b] = q(k, {
+    htmlProps: G
+  });
+  return /* @__PURE__ */ t(
+    x,
+    {
+      ...b,
+      className: $,
+      onBlur: T,
+      size: "mini",
+      aligned: "right",
+      placeholder: a,
+      onFocus: z,
+      onMouseDown: A,
+      resultRenderer: (e) => v(e),
+      onSearchChange: c,
+      results: P,
+      input: F(),
+      value: g,
+      showNoResults: m,
+      onResultSelect: i,
+      loading: r,
+      header: R()
+    }
+  );
+};
+export {
+  ue as default
+};

package/dist/esm/layout/Customizer.js

@@ -0,0 +1,23 @@
+import i, { useState as c, useRef as p, useEffect as g } from "react";
+const o = {
+  blogname: "name",
+  custom_logo: "site_logo"
+}, d = (n) => {
+  const [m, u] = c(n.settings), s = p({}), a = (r) => {
+    const e = r.data;
+    if (e.messageType && e.messageType === "partial-update") {
+      const t = s.current;
+      o[e.property] ? t[o[e.property]] = e.value : e.property.indexOf("menu") > -1 && (t.menu_settings || (t.menu_settings = {}), t.menu_settings[e.property] = e.value), s.current = t, u({ ...s.current, random: Math.random() });
+    }
+  };
+  return g(() => (window.addEventListener("message", a, !1), () => {
+    window.removeEventListener("message", a);
+  }), []), i.Children.map(n.children, (r, e) => i.cloneElement(r, {
+    ...n,
+    settings: { ...m },
+    key: `customizer-child-${e}`
+  }));
+};
+export {
+  d as CustomizerWrapper
+};

package/dist/esm/layout/FlexWrapDetector.js

@@ -0,0 +1,37 @@
+import { jsxs as x } from "react/jsx-runtime";
+import { useRef as b, useState as h, useCallback as p, useEffect as c } from "react";
+import l from "../utils/deviceType.js";
+const R = ({ children: f, onWrapChange: o, className: u }) => {
+  const e = b(null), [t, d] = h(0), a = l() === "mobile" || l() === "tablet" || l() === "midTablet", i = p(() => {
+    e.current && (e.current.style.setProperty("display", "flex", "important"), t > 0 || a ? e.current.style.setProperty(
+      "flex-wrap",
+      "wrap",
+      "important"
+    ) : e.current.style.setProperty(
+      "flex-wrap",
+      "nowrap",
+      "important"
+    ));
+  }, [t, a]), r = p(() => {
+    const n = e.current;
+    let s = 0;
+    if (n && n.children.length > 1) {
+      const m = n.children[0].getBoundingClientRect().top;
+      Array.from(n.children).forEach((w, y) => {
+        y > 0 && w.getBoundingClientRect().top > m && s++;
+      });
+    }
+    s !== t && d(s);
+  }, [t]);
+  return c(() => (r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r)), [r]), c(() => {
+    o && o(t);
+  }, [t, o]), c(() => {
+    i();
+  }, [i]), /* @__PURE__ */ x("div", { ref: e, className: u, children: [
+    i(),
+    f
+  ] });
+};
+export {
+  R as default
+};

package/dist/esm/layout/Footer.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Component as e } from "react";
+import { Container as t } from "semantic-ui-react";
+import { PageProvider as n, PageConsumer as i, Page as l } from "@devgateway/wp-react-lib";
+import { injectIntl as m } from "react-intl";
+class s extends e {
+  componentDidMount() {
+  }
+  render() {
+    const { children: a, fixed: d, location: f, intl: { locale: r } } = this.props;
+    return /* @__PURE__ */ o(t, { fluid: !0, className: "viz footer", children: /* @__PURE__ */ o(n, { locale: r, slug: "footer", store: "footer", children: /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(l, {}) }) }) });
+  }
+}
+const P = m(s);
+export {
+  P as default
+};

package/dist/esm/layout/Header.js

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

package/dist/esm/layout/LangSwitcher.js

@@ -0,0 +1,93 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Config as h } from "../conf/index.js";
+import { useState as p, useEffect as f } from "react";
+import { Dropdown as w, Image as _ } from "semantic-ui-react";
+const g = (s) => {
+  window.location = window.location.origin + "/" + s.toLowerCase() + window.location.pathname.toString().substring(3);
+}, u = (s, t, c) => Object.keys(s).map((n) => ({
+  key: n,
+  text: t === "name" || t === "both" ? s[n].name : n.toUpperCase(),
+  value: n,
+  selected: n.toUpperCase() === c.toUpperCase(),
+  icon: t === "flag" || t === "both" ? /* @__PURE__ */ o(_, { src: "/wp/wp-content/plugins/wp-multilang/flags/" + s[n].flag }) : null
+})), C = (s) => {
+  const { menu: { menu_item_languages_show: t }, settings: { languages: c }, locale: n } = s, l = u(c, t, n);
+  return /* @__PURE__ */ o(
+    w,
+    {
+      button: !0,
+      className: "icon language selector",
+      floating: !0,
+      labeled: !0,
+      icon: "world",
+      options: l,
+      onChange: (e, { name: r, value: a }) => {
+        g(a);
+      },
+      text: "Language"
+    }
+  );
+}, L = (s) => {
+  const { menu: { menu_item_languages_show: t }, settings: { languages: c }, locale: n } = s, l = u(c, t, n);
+  return /* @__PURE__ */ o("p", { className: "inline language selector", children: l.map((e) => /* @__PURE__ */ m("span", { className: e.selected ? "selected" : "", children: [
+    e.icon,
+    /* @__PURE__ */ o("a", { onClick: (r) => g(e.value), children: e.text }),
+    "  "
+  ] })) });
+}, N = (s) => {
+  const { menu: { menu_item_languages_show: t }, settings: { languages: c }, locale: n } = s, l = u(c, t, n);
+  return /* @__PURE__ */ o("p", { className: "single language selector", children: l.map((e) => /* @__PURE__ */ o("a", { className: e.selected ? "selected" : "", onClick: (r) => g(e.value), children: e.value })) });
+}, b = (s) => {
+  const { menu: { menu_item_languages_show: t }, settings: { languages: c }, locale: n } = s;
+  u(c, t, n);
+  const [l, e] = p(n);
+  return /* @__PURE__ */ m("div", { className: "toggler language selector", children: [
+    /* @__PURE__ */ o("a", { className: `language-label ${l === "en" ? "active" : ""}`, onClick: () => {
+      g("en"), e("en");
+    }, children: "EN" }),
+    /* @__PURE__ */ o("button", { className: "toggle-button", onClick: () => {
+      const a = l === "en" ? "fr" : "en";
+      e(a);
+      const i = document.querySelector(".circle");
+      i.classList.toggle("en"), i.classList.toggle("fr"), setTimeout(() => {
+        g(a);
+      }, 300);
+    }, children: /* @__PURE__ */ o("div", { className: `circle ${l === "en" ? "en" : "fr"}` }) }),
+    /* @__PURE__ */ o("a", { className: `language-label ${l === "fr" ? "active" : ""}`, onClick: () => {
+      g("fr"), e("fr");
+    }, children: "FR" })
+  ] });
+}, S = (s) => {
+  const { locale: t, menu: c } = s, n = c.items.filter((a) => a.url === "#wpm-languages"), l = n.length > 0, [e, r] = p(null);
+  return f(() => {
+    async function a() {
+      const d = await (await fetch(
+        h.REACT_APP_WP_API + "/dg/v1/settings",
+        {
+          headers: {
+            "Content-Type": "application/json"
+            // 'Content-Type': 'application/x-www-form-urlencoded',
+          }
+        }
+      )).json();
+      r(d);
+    }
+    a();
+  }, []), l && e ? n.map((a) => {
+    const i = a.menu_item_languages_type;
+    switch (a.menu_item_languages_show, i) {
+      case "dropdown":
+        return /* @__PURE__ */ o(C, { locale: t, menu: a, settings: e });
+      case "inline":
+        return /* @__PURE__ */ o(L, { locale: t, menu: a, settings: e });
+      case "single":
+        return /* @__PURE__ */ o(N, { locale: t, menu: a, settings: e });
+      case "toggler":
+        return /* @__PURE__ */ o(b, { locale: t, menu: a, settings: e });
+    }
+    return null;
+  }) : null;
+};
+export {
+  S as default
+};

package/dist/esm/layout/ResponsiveContainer.js

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { Container as p } from "semantic-ui-react";
+import { SettingsConsumer as l } from "@devgateway/wp-react-lib";
+import { Media as f } from "../utils/AppMedia.js";
+import d from "./Footer.js";
+import c from "./Header.js";
+import u from "./TopNavigator.js";
+import { CustomizerWrapper as h } from "./Customizer.js";
+const x = ({ children: o, fixed: t = !1, header: r }) => /* @__PURE__ */ s(p, { fluid: !0, children: [
+  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(h, { children: r || /* @__PURE__ */ e(c, {}) }) }),
+  /* @__PURE__ */ e(p, { className: "desktop", children: o }),
+  /* @__PURE__ */ e(u, {})
+] });
+function D(o) {
+  const { children: t, fixed: r, locale: C, pages: i, header: a, footer: n } = o, m = i ? i[0] : null;
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ e("style", { children: f.mediaStyles }),
+    /* @__PURE__ */ e(x, { fixed: r, header: a, children: t }),
+    n || (m && m.template === "noofoter.php" ? "" : /* @__PURE__ */ e(d, {}))
+  ] });
+}
+export {
+  D as default
+};

package/dist/esm/layout/ScrollTop.js

@@ -0,0 +1,13 @@
+import { useEffect as o } from "react";
+import { useLocation as n } from "react-router";
+const l = () => {
+  const { pathname: t } = n();
+  return o(() => {
+    window.scrollTo(0, 0);
+  }, []), o(() => {
+    window.setTimeout(() => window.scrollTo(0, 0), 200);
+  }, [t]), null;
+};
+export {
+  l as default
+};