@devgateway/dvz-ui-react 1.0.0

package/dist/esm/layout/SearchControl.js

@@ -0,0 +1,239 @@
+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";
+const x = (r, a) => {
+  if (!a) return r;
+  const s = new RegExp(`(${a})`, "gi");
+  return r.replace(s, "<strong>$1</strong>");
+}, N = I(
+  ({
+    ID: r,
+    title: a,
+    slug: s,
+    parent_title: i,
+    parent_slug: e,
+    parent_link: o,
+    extract: c,
+    type: u,
+    link: l,
+    terms: p,
+    subtype: f,
+    bread_crumbs: n = [],
+    metadata: { redirect_url: h },
+    intl: { locale: g },
+    searchTerm: d
+    // Added searchTerm prop
+  }) => {
+    let m = o ? y.replaceLink(o, g) + `#${s}` : y.replaceLink(l, g);
+    m = h ? h + `#${s}` : m;
+    const M = x(String(a), d), R = x(c, d);
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "search-results-wrapper searching-results",
+        style: { display: "flex", flexDirection: "column" },
+        children: /* @__PURE__ */ S(
+          "div",
+          {
+            className: "has-standard-12-font-size",
+            onClick: (H) => document.location.href = m,
+            children: [
+              /* @__PURE__ */ t(
+                "h5",
+                {
+                  className: "breadcrumbs-search",
+                  dangerouslySetInnerHTML: {
+                    __html: n && n.length > 0 ? x(n.join(" / "), d) : ""
+                  }
+                }
+              ),
+              /* @__PURE__ */ t("div", { className: "has-standard-14-font-size", children: /* @__PURE__ */ t(
+                "h4",
+                {
+                  className: "search-title",
+                  dangerouslySetInnerHTML: {
+                    __html: M
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "search-content",
+                  dangerouslySetInnerHTML: {
+                    __html: y.replaceHTMLinks(R, g)
+                  }
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+), F = ({ 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(
+      {
+        id: "search.results.summary",
+        defaultMessage: "{count} of {total} Results"
+      },
+      { count: o < s ? o : s, total: o }
+    ) }),
+    r.map((c) => /* @__PURE__ */ t(N, { ...c, searchTerm: e }, c.ID))
+  ] });
+}, j = ({
+  onSearch: r,
+  perPage: a,
+  loading: s,
+  results: i,
+  meta: e,
+  intl: o
+}) => (e && e["x-wp-total"], e && e["x-wp-totalpages"], /* @__PURE__ */ t(
+  "input",
+  {
+    placeholder: o.formatMessage({
+      id: "search.placeholder",
+      defaultMessage: "Search..."
+    }),
+    type: "text",
+    className: "input search",
+    name: "search",
+    onChange: (c) => {
+      r(c.target.value);
+    }
+  }
+)), k = ({
+  onSearch: r,
+  onSetSelected: a,
+  perPage: s,
+  loading: i,
+  results: e,
+  meta: o,
+  locale: c,
+  intl: u,
+  searchTerm: l
+  // Added search from SearchConsumer
+}) => {
+  const [p, f] = v(!1), n = L(null);
+  w(() => {
+    const d = document.createElement("div");
+    d.setAttribute("id", "float-input-container"), d.setAttribute("class", "input container"), d.style.display = "none";
+    const m = document.getElementById("root");
+    return m && (m.appendChild(d), n.current = d), () => {
+      n.current && n.current.parentNode && n.current.parentNode.removeChild(n.current);
+    };
+  }, []), w(() => {
+    n.current && (n.current.style.display = p ? "block" : "none");
+  }, [p]);
+  const h = () => {
+    a(null), f(!0);
+  }, g = () => {
+    f(!1);
+  };
+  return /* @__PURE__ */ S(C, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        id: "ui-float-search",
+        className: "ui float-search",
+        onMouseOver: h,
+        children: /* @__PURE__ */ t(P, { name: "search", size: "small" })
+      }
+    ),
+    n.current && z(
+      p ? /* @__PURE__ */ S("div", { onMouseLeave: g, children: [
+        /* @__PURE__ */ t("div", { className: "float-search-container", children: /* @__PURE__ */ t(
+          j,
+          {
+            onSearch: r,
+            perPage: s,
+            loading: i,
+            results: e,
+            meta: o,
+            intl: u,
+            searchTerm: l
+          }
+        ) }),
+        e && e.length > 0 && /* @__PURE__ */ t(_, { locale: c, children: /* @__PURE__ */ t(
+          F,
+          {
+            results: e,
+            meta: o,
+            perPage: s,
+            intl: u,
+            searchTerm: l
+          }
+        ) })
+      ] }) : null,
+      n.current
+    )
+  ] });
+}, D = ({ 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(() => {
+      r(l);
+    }, 300);
+    return () => clearTimeout(n);
+  }, [l]);
+  const f = (n) => /* @__PURE__ */ t(N, { ...n, searchTerm: l });
+  return /* @__PURE__ */ t(
+    b,
+    {
+      value: l,
+      loading: s,
+      placeholder: o.formatMessage({
+        id: "search.placeholder",
+        defaultMessage: "Search..."
+      }),
+      onResultSelect: (n, h) => null,
+      total: c,
+      perPage: a,
+      totalPages: u,
+      onSearchChange: (n, h) => {
+        p(h.value);
+      },
+      resultRenderer: f,
+      results: i,
+      showNoResults: !1,
+      intl: o,
+      searchTerm: l
+    }
+  );
+}, G = I((r) => {
+  const { intl: a, onSetSelected: s } = r, [i, e] = v(""), [o, c] = v(!1);
+  w(() => {
+    const l = () => {
+      c(window.innerWidth <= 1365);
+    };
+    return l(), window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
+  }, []);
+  const u = r.settings.react_search_type === "floating" || o ? /* @__PURE__ */ t(
+    k,
+    {
+      onSetSelected: s,
+      onSearch: e,
+      perPage: 5,
+      ...r,
+      searchTerm: i
+    }
+  ) : /* @__PURE__ */ t(
+    D,
+    {
+      onSetSelected: s,
+      onSearch: e,
+      perPage: 5,
+      ...r
+    }
+  );
+  return /* @__PURE__ */ t(E, { search: i, perPage: 5, locale: a.locale, children: /* @__PURE__ */ t(T, { children: u }) });
+});
+export {
+  G as default
+};

package/dist/esm/layout/TopNavigator.js

@@ -0,0 +1,21 @@
+import { jsx as o, Fragment as l } from "react/jsx-runtime";
+import i, { useEffect as a } from "react";
+import { Menu as r } from "semantic-ui-react";
+const f = () => {
+  const [n, e] = i.useState(!1);
+  a(() => {
+    const t = () => {
+      window.pageYOffset > 150 ? e(!0) : e(!1);
+    };
+    return window.addEventListener("scroll", t), () => {
+      window.removeEventListener("scroll", t);
+    };
+  }, [window.scroll]);
+  const s = () => {
+    document.body.scrollIntoView({ behavior: "smooth", block: "start", inline: "start" });
+  };
+  return /* @__PURE__ */ o(l, { children: n && /* @__PURE__ */ o("div", { id: "top-navigator", className: "top-navigator", children: /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(r.Item, { onClick: s, children: "Back to the top" }) }) }) });
+};
+export {
+  f as default
+};

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

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "../ResponsiveContainer.js";
+import { PageProvider as s, PageConsumer as c, Page as p } from "@devgateway/wp-react-lib";
+import { useLocation as m, useParams as v } from "react-router";
+const h = () => {
+  const o = m(), { id: i } = v(), r = new URLSearchParams(o.search), n = r.get("preview"), t = r.get("_wpnonce");
+  return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+    s,
+    {
+      store: "preview",
+      perPage: 1,
+      view: n,
+      previewNonce: t,
+      previewId: i,
+      children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(p, { preview: !0 }) })
+    }
+  ) });
+};
+export {
+  h as default
+};

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PageProvider as n, PageConsumer as t, Page as a } from "@devgateway/wp-react-lib";
+import { useParams as i } from "react-router";
+import s from "../ResponsiveContainer.js";
+const u = () => {
+  const { lan: o, slug: e } = i();
+  return /* @__PURE__ */ r(
+    n,
+    {
+      locale: o,
+      slug: e,
+      store: e,
+      children: /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(a, {}) }) })
+    }
+  );
+};
+export {
+  u as default
+};

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

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useParams as e } from "react-router";
+import s from "../ResponsiveContainer.js";
+import { PostProvider as n, PostConsumer as i, Post as m } from "@devgateway/wp-react-lib";
+const u = () => {
+  const { lan: t, slug: r } = e();
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
+    n,
+    {
+      slug: r,
+      store: r,
+      locale: t,
+      children: /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(m, {}) })
+    }
+  ) });
+};
+export {
+  u as default
+};

package/dist/esm/layout/index.js

@@ -0,0 +1,16 @@
+import o from "./ResponsiveContainer.js";
+import { default as a } from "./ScrollTop.js";
+import { default as p } from "./containers/PreviewPageContainer.js";
+import { default as i } from "./containers/PreviewTypeContainer.js";
+import { default as s } from "./containers/SlugContainer.js";
+import { default as u } from "./containers/SlugPostContainer.js";
+import { CustomizerWrapper as d } from "./Customizer.js";
+export {
+  d as CustomizerWrapper,
+  p as PreviewPageContainer,
+  i as PreviewTypeContainer,
+  a as ScrollToTop,
+  s as SlugContainer,
+  u as SlugPostContainer,
+  o as default
+};

package/dist/esm/lib/hooks/window-dimensions.js

@@ -0,0 +1,25 @@
+import t from "../../utils/deviceType.js";
+import { useState as s, useEffect as r } from "react";
+const c = (f) => {
+  const { getDeviceType: e, getHeight: i } = {}, [d, o] = s(() => ({
+    width: typeof window < "u" ? window.innerWidth : 0,
+    ...i && { height: typeof window < "u" ? window.innerHeight : 0 },
+    ...e && { deviceType: typeof window < "u" ? t() : "desktop" }
+  }));
+  return r(() => {
+    const n = () => {
+      o((w) => ({
+        ...w,
+        width: window.innerWidth,
+        ...i && { height: window.innerHeight },
+        ...e && { deviceType: t() }
+      }));
+    };
+    return typeof window < "u" && (window.addEventListener("resize", n), n()), () => {
+      typeof window < "u" && window.removeEventListener("resize", n);
+    };
+  }, [i, e]), d;
+};
+export {
+  c as useWindowDimensionsAndDevice
+};

package/dist/esm/lib/react-intl-redux/index.js

@@ -0,0 +1,20 @@
+import { default as p } from "./providers/IntlProvider.js";
+import { default as u } from "./providers/Provider.js";
+const r = "@@intl/UPDATE", a = ({ locale: e, formats: t, messages: o }) => ({
+  type: r,
+  payload: { locale: e, formats: t, messages: o }
+}), n = {
+  locale: "en",
+  messages: {}
+};
+function l(e = n, t) {
+  return t.type !== r ? e : { ...e, ...t.payload };
+}
+export {
+  p as IntlProvider,
+  u as Provider,
+  r as UPDATE,
+  n as initialState,
+  l as intlReducer,
+  a as updateIntl
+};

package/dist/esm/lib/react-intl-redux/providers/IntlProvider.js

@@ -0,0 +1,13 @@
+import { connect as r } from "react-redux";
+import { IntlProvider as e } from "react-intl";
+function n(o) {
+  const { intl: t } = o;
+  return {
+    key: t.locale,
+    ...t
+  };
+}
+const l = (o, { intlSelector: t = n }) => t(o), i = r(l)(e);
+export {
+  i as default
+};

package/dist/esm/lib/react-intl-redux/providers/Provider.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Provider as i } from "react-redux";
+import p from "prop-types";
+import m from "./IntlProvider.js";
+const s = ({ store: e, children: o }) => /* @__PURE__ */ r(i, { store: e, children: /* @__PURE__ */ r(m, { locale: process.env.VITE_REACT_APP_DEFAULT_LOCALE, children: o }) });
+s.propTypes = {
+  children: p.element.isRequired
+};
+export {
+  s as default
+};

package/dist/esm/lib/redux-immutable/index.js

@@ -0,0 +1,27 @@
+import { getUnexpectedInvocationParameterMessage as u } from "./utils/getUnexpectedInvocationParameterMessage.js";
+const g = (t, i) => {
+  const c = Object.keys(t);
+  return (n, r) => {
+    if (typeof n > "u" && (n = i()), process.env.NODE_ENV !== "production") {
+      const e = u(
+        n,
+        t,
+        r
+      );
+      e && console.error(e);
+    }
+    return n.withMutations((e) => {
+      c.forEach((o) => {
+        const f = t[o], d = e.get(o), s = f(d, r);
+        if (s === void 0)
+          throw new Error(
+            'Reducer "' + o + '" returned undefined when handling "' + r.type + '" action. To ignore an action, you must explicitly return the previous state.'
+          );
+        e.set(o, s);
+      });
+    });
+  };
+};
+export {
+  g as combineReducers
+};

package/dist/esm/lib/redux-immutable/utils/getStateName.js

@@ -0,0 +1,4 @@
+const t = (e) => e && e.type === "@@redux/INIT" ? "initialState argument passed to createStore" : "previous state received by the reducer";
+export {
+  t as getStateName
+};

package/dist/esm/lib/redux-immutable/utils/getUnexpectedInvocationParameterMessage.js

@@ -0,0 +1,21 @@
+import * as t from "immutable";
+import { getStateName as p } from "./getStateName.js";
+const u = (e, n, i) => {
+  const o = Object.keys(n);
+  if (!o.length)
+    return "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.";
+  const a = p(i);
+  if (t.isImmutable ? !t.isImmutable(e) : !t.isCollection(e))
+    return "The " + a + ' is of unexpected type. Expected argument to be an instance of Immutable.Collection or Immutable.Record with the following properties: "' + o.join('", "') + '".';
+  if (t.isMap(e)) {
+    const r = e.filter(
+      (m, s) => !Object.prototype.hasOwnProperty.call(n, s)
+    );
+    if (r.size > 0)
+      return "Unexpected " + (r.size === 1 ? "property" : "properties") + ' "' + [r.keys()].join('", "') + '" found in ' + a + '. Expected to find one of the known reducer property names instead: "' + o.join('", "') + '". Unexpected properties will be ignored.';
+  }
+  return null;
+};
+export {
+  u as getUnexpectedInvocationParameterMessage
+};

package/dist/esm/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

@@ -0,0 +1,5 @@
+const s = (e, n) => e && n, t = (e, n) => e && e !== !0 && `${e} ${n}`;
+export {
+  s as useKeyOnly,
+  t as useValueAndKey
+};

package/dist/esm/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

@@ -0,0 +1,7 @@
+const f = (d, t) => {
+  const { handledProps: r = [] } = d;
+  return Object.keys(t).reduce((n, e) => (e === "childKey" || e === "innerRef" || r.indexOf(e) === -1 && (n[e] = t[e]), n), {});
+};
+export {
+  f as default
+};

package/dist/esm/redux/hooks.js

@@ -0,0 +1,6 @@
+import { useDispatch as e, useSelector as p } from "react-redux";
+const t = () => e(), o = p;
+export {
+  t as useAppDispatch,
+  o as useAppSelector
+};

package/dist/esm/redux/reducer.js

@@ -0,0 +1,13 @@
+import { combineReducers as r } from "../lib/redux-immutable/index.js";
+import { wordpress as e } from "@devgateway/wp-react-lib";
+import { reducers as o } from "../embeddable/index.js";
+import { intlReducer as t } from "../lib/react-intl-redux/index.js";
+import * as m from "immutable";
+const i = {
+  ...o,
+  wordpress: e,
+  intl: t
+}, c = () => m.Map(), n = () => r(i, c);
+export {
+  n as default
+};

package/dist/esm/redux/store.js

@@ -0,0 +1,14 @@
+import * as t from "immutable";
+import r from "./reducer.js";
+import { configureStore as o } from "@reduxjs/toolkit";
+const a = t.Map(), i = () => r(), l = o({
+  reducer: i(),
+  preloadedState: a,
+  middleware: (e) => e({
+    serializableCheck: !1,
+    immutableCheck: !1
+  })
+});
+export {
+  l as store
+};