@devgateway/dvz-ui-react 1.4.0 → 1.5.0

package/dist/esm/layout/ClassicHeader.js

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

package/dist/esm/layout/CustomSemanticSearch.js

@@ -1,111 +1,49 @@
-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 g, useValueAndKey as V, getUnhandledProps as q, partitionHTMLProps as G, htmlInputAttrs as J } from "../utils/semanticUtils.js";
-import { injectIntl as Q, useIntl as W } from "react-intl";
-import { utils as y } from "@devgateway/wp-react-lib";
-const p = (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: f,
-  link: m,
-  searchTerm: i,
-  metadata: r,
-  bread_crumbs: a = [],
-  intl: { locale: u }
-}) => {
-  let l = c ? y.replaceLink(c, u) + `#${n}` : y.replaceLink(m, u);
-  l = r != null && r.redirect_url ? (r == null ? void 0 : r.redirect_url) + `#${n}` : l;
-  const S = p(String(s), i), d = p(f, 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 ? p(a.join(" / "), i) : "" }
-      }
-    ),
-    /* @__PURE__ */ t("div", { className: "has-standard-14-font-size", children: /* @__PURE__ */ t("h4", { className: "search-title", dangerouslySetInnerHTML: { __html: S } }) }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: "has-standard-12-font-size search-content",
-        dangerouslySetInnerHTML: { __html: y.replaceHTMLinks(d, u) }
-      }
-    )
-  ] }) });
-}), ce = (s) => {
-  const { results: n, onSearchChange: c, value: f, showNoResults: m, onResultSelect: i, loading: r, placeholder: a, perPage: u, total: l, searchTerm: S } = 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: S }) })), 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(
+import { jsx as c, Fragment as z } from "react/jsx-runtime";
+import { Search as u } from "semantic-ui-react";
+import o from "react";
+import A from "clsx";
+import { useKeyOnly as n, useValueAndKey as H, getUnhandledProps as I, partitionHTMLProps as K, htmlInputAttrs as O } from "../utils/semanticUtils.js";
+const G = (e) => {
+  const { results: r, resultRenderer: i, onSearchChange: d, value: h, showNoResults: m, onResultSelect: f, loading: a } = e, [g, T] = o.useState(""), [b, l] = o.useState(!1), [S, y] = o.useState(!1), F = (s, t) => {
+    l(!1), e.onBlur && e.onBlur(s, t);
+  }, w = (s, t) => {
+    l(!0), e.onFocus && e.onFocus(s, t);
+  }, M = (s) => {
+    y(!0), e.onMouseDown && e.onMouseDown(s);
+  }, { aligned: x, category: B, className: C, fluid: D, size: P, searchTextHandler: j } = e, R = A(
     "ui",
-    w && "active",
-    B,
-    I,
-    g(D, "category"),
-    g(H, "focus"),
-    g(j, "fluid"),
-    g(r, "loading"),
-    V(C, "aligned"),
+    S && "active visible",
+    P,
+    g,
+    n(B, "category"),
+    n(D, "fluid"),
+    n(a, "loading"),
+    H(x, "aligned"),
     "search",
-    _
-  ), k = q(x, s), [Z, b] = G(k, {
-    htmlProps: J
+    C
+  ), v = I(u, e), [L, N] = K(v, {
+    htmlProps: O
   });
-  return /* @__PURE__ */ t(
-    x,
+  return /* @__PURE__ */ c(z, { children: /* @__PURE__ */ c(
+    u,
     {
-      ...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: f,
+      ...N,
+      className: R,
+      placeholder: e.placeholder,
+      onBlur: F,
+      size: "tiny",
+      onFocus: w,
+      onMouseDown: M,
+      resultRenderer: i,
+      onSearchChange: d,
+      results: r,
+      value: h,
       showNoResults: m,
-      onResultSelect: i,
-      loading: r,
-      header: R()
+      onResultSelect: f,
+      loading: a
     }
-  );
+  ) });
 };
 export {
-  ce as default
+  G as default
 };