@devgateway/dvz-ui-react 1.0.6 → 1.1.0

package/dist/esm/embeddable/time-line/mobile.js

@@ -1,49 +1,52 @@
-import { jsx as d, jsxs as st } from "react/jsx-runtime";
-import { PostProvider as mt, PostConsumer as yt } from "@devgateway/wp-react-lib";
-import bt from "../connected-templates/PostIntro.js";
-import { useRef as rt, useState as F, useEffect as xt } from "react";
-import { Container as Ct, Modal as G } from "semantic-ui-react";
-import * as f from "d3";
-import wt from "../../utils/deviceType.js";
-const Tt = {
+import { jsx as a, jsxs as at } from "react/jsx-runtime";
+import { PostProvider as bt, PostConsumer as xt } from "@devgateway/wp-react-lib";
+import Ct from "../connected-templates/PostIntro.js";
+import { useRef as st, useState as q, useCallback as G, useLayoutEffect as wt } from "react";
+import { Container as Tt, Modal as U } from "semantic-ui-react";
+import * as p from "d3";
+import { useWindowDimensionsAndDevice as vt } from "../../lib/hooks/window-dimensions.js";
+import { useScreenOrientation as Pt } from "../../lib/hooks/screen-orientation.js";
+const $t = {
   visibility: "visible",
   position: "relative",
   height: "auto",
   width: "auto"
-}, at = 0, vt = (I) => {
+}, Dt = 0, Wt = (T) => {
   let {
-    posts: p,
-    lineWidth: W,
-    lineColor: M,
-    height: w,
-    config: s,
-    marginLeft: U,
-    marginTop: L,
+    posts: s,
+    lineWidth: v,
+    lineColor: P,
+    config: c,
+    marginLeft: L,
+    marginTop: N,
     marginRight: J,
-    marginBottom: _,
-    fontSize: T,
-    subtitleWidth: $,
-    subtitleHeight: v,
-    enableTitlePopup: P,
-    enableCirclePopup: H,
-    enableDefaultPopup: B,
-    closePopupOnMouseOut: V,
-    unique: S
-  } = I;
-  w = window.innerHeight, $ = 250;
-  const O = rt(), D = rt(), [k, g] = F(!1), [A, N] = F(0), [E, y] = F(null), b = (t) => "circle" + S + t, X = (t) => "title" + S + t, j = (t) => {
+    marginBottom: R,
+    fontSize: y,
+    subtitleWidth: _,
+    subtitleHeight: b,
+    enableTitlePopup: $,
+    enableCirclePopup: D,
+    enableDefaultPopup: V,
+    closePopupOnMouseOut: X,
+    unique: u
+  } = T;
+  _ = 250;
+  const x = st(), W = st(), [H, f] = q(!1), [I, O] = q(0), [k, B] = q(null), { orientation: g } = Pt(), { width: Y, deviceType: h, height: S } = vt({
+    getDeviceType: !0,
+    getHeight: !0
+  }), j = G((t) => `circle${u}${t}`, [u]), ct = G((t) => `title${u}${t}`, [u]), dt = (t) => {
     var i;
-    return ((i = s[t]) == null ? void 0 : i.size) || 10;
-  }, ct = ({ content: t, isOpen: i, style: n }) => {
-    const C = (l) => (l = l.replace(
+    return ((i = c[t]) == null ? void 0 : i.size) || 10;
+  }, pt = ({ content: t, isOpen: i, style: l }) => {
+    const m = (n) => (n = n.replace(
       /<ul(.*?)>/g,
       '<ul class="has-white-color has-text-color has-standard-14-font-size" style="list-style-type:disc !important; list-style: initial !important; padding-left:20px; color:#fefefe;">'
-    ), l = l.replace(/<a(.*?)>/g, '<a$1 style="color:#fefefe;">'), l);
-    return /* @__PURE__ */ st(
-      G,
+    ), n = n.replace(/<a(.*?)>/g, '<a$1 style="color:#fefefe;">'), n);
+    return /* @__PURE__ */ at(
+      U,
       {
         open: i,
-        onClose: () => g(!1),
+        onClose: () => f(!1),
         size: "fullscreen",
         closeIcon: !0,
         centered: !0,
@@ -51,17 +54,17 @@ const Tt = {
           maxHeight: "80vh",
           overflowY: "auto",
           padding: "0.5rem",
-          ...n
+          ...l
         },
         children: [
-          /* @__PURE__ */ d(G.Header, { style: { ...n, borderBottom: "none" } }),
-          /* @__PURE__ */ d(
-            G.Content,
+          /* @__PURE__ */ a(U.Header, { style: { ...l, borderBottom: "none" } }),
+          /* @__PURE__ */ a(
+            U.Content,
             {
               className: "styled-list-content",
-              style: { ...n },
+              style: { ...l },
               dangerouslySetInnerHTML: {
-                __html: C(
+                __html: m(
                   t.props.children.props.post.content.rendered
                 )
               }
@@ -69,204 +72,199 @@ const Tt = {
           )
         ]
       },
-      t.props.children.key + "modal"
+      `${t.props.children.key}modal`
     );
-  }, Y = (t) => {
+  }, K = (t) => {
     var i;
-    return (i = s[t]) == null ? void 0 : i.circleColor;
-  }, K = (t) => s[t].titleColor, Q = (t) => s[t].lineColor, Z = (t) => s[t].tooltipFontColor || "#fff", dt = (t) => s[t].readMoreLabel, x = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, tt = (t, i) => {
-    if (t.preventDefault(), x()) {
-      let l = [0, 0];
-      if (t) {
-        const r = t.target.getBoundingClientRect(), m = t.target.closest(".time").getBoundingClientRect(), u = r.left - m.left, a = r.top + m.top;
-        l = [u + 260, a + 50];
-        let h = 400;
-        r.left + u + h + 260 > window.innerWidth && (l[0] = u - h * 0.6);
-      }
-      g(!0), y({ data: i, id: i.id, position: l }), ot(i.id);
+    return (i = c[t]) == null ? void 0 : i.circleColor;
+  }, Q = (t) => c[t].titleColor, Z = (t) => c[t].lineColor, tt = (t) => c[t].tooltipFontColor || "#fff", ut = (t) => c[t].readMoreLabel, et = G((t, i) => {
+    t.preventDefault();
+    const l = 260, m = 50;
+    let n = [0, 0];
+    if (t) {
+      const C = t.target.getBoundingClientRect(), A = t.target.closest(".time").getBoundingClientRect(), r = C.left - A.left, w = C.top + A.top;
+      n = [r + l, w + m];
+      const M = 400;
+      C.left + r + M + l > window.innerWidth && (n[0] = r - M * 0.6);
     }
-  }, et = (t, i) => {
-    if (t.preventDefault(), !x()) {
-      let l = [0, 0];
-      if (t) {
-        const r = t.target.getBoundingClientRect(), m = t.target.closest(".time").getBoundingClientRect(), u = r.left - m.left, a = r.top + m.top;
-        l = [u + 260, a + 50];
-        const h = 400;
-        r.left + u + h + 260 > window.innerWidth && (l[0] = u - h * 0.6);
-      }
-      g(!0), y({ data: i, id: i.id, position: l }), ot(i.id);
-    }
-  }, pt = (t, i, n) => {
-    t.preventDefault(), q(i.id);
-  }, ut = () => {
-    g(!1);
-  }, q = (t) => {
-    f.selectAll("#" + b(t)).style("stroke", "none").style("fill", Y(t)), f.selectAll("#label" + t).style("font-weight", "normal");
-  }, ot = (t) => {
-    q(at), f.selectAll("#" + b(t)).style("stroke", Y(t)).style("fill", "#fff"), f.selectAll("#label" + t).style("font-weight", "bold");
+    f(!0), B({ data: i, id: i.id, position: n }), gt(i.id);
+  }, []), ht = () => {
+    f(!1);
+  }, ft = (t) => {
+    p.selectAll(`#${j(t)}`).style("stroke", "none").style("fill", K(t)), p.selectAll(`#label${t}`).style("font-weight", "normal");
+  }, gt = (t) => {
+    ft(Dt), p.selectAll(`#${j(t)}`).style("stroke", K(t)).style("fill", "#fff"), p.selectAll(`#label${t}`).style("font-weight", "bold");
   };
-  return xt(() => {
-    var lt;
+  return wt(() => {
+    var nt;
     const t = {
-      top: L,
-      bottom: _
-    }, i = O.current.clientWidth, n = D.current.clientWidth;
-    n > 0 && N(n);
-    const C = w, l = wt(), r = {
+      top: N,
+      bottom: R
+    }, i = x.current.clientWidth, l = W.current.clientWidth;
+    l > 0 && O(l);
+    const m = S, n = {
       mobile: "75",
       tablet: "150",
       midTablet: "150",
       laptop: "150"
-    }, m = {
+    }, C = {
       mobile: "250",
       tablet: "350",
       midTablet: "350",
       laptop: "400"
-    }, u = {
+    }, A = {
       mobile: 20,
       tablet: 30,
       midTablet: 30,
       laptop: 40
-    }, a = f.scaleLinear().domain([0, p.length - 1]).range([t.top, C - t.bottom]), h = f.select(O.current);
-    h.attr("width", i).attr("height", C);
-    const ft = f.line(), ht = [
-      [0, a(0)],
-      [0, a(p.length - 1)]
-    ], gt = ft(ht);
-    let it = `translate(${r[l]},0)`;
-    ((lt = process.env.REACT_APP_THEME) == null ? void 0 : lt.startsWith("cd")) && (it = `translate(${r[l]},20)`);
-    const R = h.append("g").attr("transform", it);
-    M = "#E4E5EA", W = 6, R.append("path").attr("d", gt).attr("stroke-width", W).attr("stroke", M), R.selectAll(".circle").data(p).enter().append("circle").attr("id", (o, e) => b(e)).attr("cx", 0).attr("cy", (o, e) => a(e)).attr("r", (o, e) => j(e)).style("fill", (o, e) => {
-      var c;
-      return ((c = s[e]) == null ? void 0 : c.circleColor) || "#000";
-    }).style("cursor", H ? "pointer" : "default").on(x() ? "touchstart" : "mouseover", (o, e) => {
-      o.preventDefault(), H && (x() ? tt(o, e) : et(o, e));
-    }).on("mouseout", (o, e) => {
-      o.preventDefault(), q(e.id);
-    }), R.selectAll(".title").data(p).enter().append("foreignObject").attr("x", u[l]).attr("y", (o, e) => a(e) - parseInt(v) / 2).attr("width", parseInt(m[l])).attr("height", parseInt(v)).append("xhtml:div").attr("id", (o, e) => X(e)).style("font-size", parseInt(T) + 1 + "px").style("color", (o, e) => K(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", P ? "pointer" : "default").style("overflow", "hidden").style("display", "-webkit-box").style("-webkit-line-clamp", "2").style("-webkit-box-orient", "vertical").style("text-overflow", "ellipsis").style("overflow-wrap", "break-word").html((o, e) => {
-      const c = dt(e);
-      let z = o.title.rendered;
-      return c && (z += `<br><span style="font-size:${parseInt(T) - 3}px;color:${K(
+    }, r = p.scaleLinear().domain([0, s.length - 1]).range([t.top, m - t.bottom]), w = p.select(x.current);
+    w.selectAll("*").remove(), w.attr("width", i).attr("height", m);
+    const M = p.line(), mt = [
+      [0, r(0)],
+      [0, r(s.length - 1)]
+    ], yt = M(mt);
+    let ot = `translate(${n[h]},0)`;
+    ((nt = process.env.REACT_APP_THEME) == null ? void 0 : nt.startsWith("cd")) && (ot = `translate(${n[h]},20)`);
+    const z = w.append("g").attr("transform", ot);
+    P = "#E4E5EA", v = 6, z.append("path").attr("d", yt).attr("stroke-width", v).attr("stroke", P).attr("class", "timeline-path"), z.selectAll(".circle").data(s).enter().append("circle").attr("id", (o, e) => j(e)).attr("cx", 0).attr("class", "timeline-circle").attr("cy", (o, e) => r(e)).attr("r", (o, e) => dt(e)).style("fill", (o, e) => {
+      var d;
+      return ((d = c[e]) == null ? void 0 : d.circleColor) || "#000";
+    }).style("cursor", D ? "pointer" : "default").on("click", (o, e) => {
+      o.preventDefault(), D && et(o, e);
+    }), z.selectAll(".title").data(s).enter().append("foreignObject").attr("x", A[h]).attr("y", (o, e) => r(e) - Number.parseInt(b) / 2).attr("width", Number.parseInt(C[h])).attr("height", Number.parseInt(b)).attr("class", "timeline-title").append("xhtml:div").attr("id", (o, e) => ct(e)).style("font-size", `${Number.parseInt(y) + 1}px`).style("color", (o, e) => Q(e)).style("font-weight", "bold").style("line-height", "1.2rem").style("text-align", "left").style("cursor", $ ? "pointer" : "default").style("overflow", "hidden").style("display", "-webkit-box").style("-webkit-line-clamp", "2").style("-webkit-box-orient", "vertical").style("text-overflow", "ellipsis").style("overflow-wrap", "break-word").html((o, e) => {
+      const d = ut(e);
+      let E = o.title.rendered;
+      return d && (E += `<br><span style="font-size:${Number.parseInt(y) - 3}px;color:${Q(
         e
-      )};text-decoration:underline;text-underline-offset:3px">${c}</span>`), z;
+      )};text-decoration:underline;text-underline-offset:3px">${d}</span>`), E;
     }).each(function(o, e) {
-      const c = f.select(this.parentNode);
+      const d = p.select(this.parentNode);
       setTimeout(() => {
-        const z = this.getBoundingClientRect(), nt = Math.min(z.height, parseInt(v) * 2);
-        c.attr("height", nt), c.attr("y", a(e) - nt / 2);
+        const E = this.getBoundingClientRect(), rt = Math.min(
+          E.height,
+          Number.parseInt(b) * 2
+        );
+        d.attr("height", rt), d.attr("y", r(e) - rt / 2);
       }, 0);
-    }).on(x() ? "touchstart" : "mouseover", (o, e, c) => {
-      o.preventDefault(), P && (x() ? tt(o, e) : et(o, e));
-    }).on("mouseout", (o, e, c) => {
-      o.preventDefault(), P && pt(o, e, e.id);
-    }), R.selectAll(".year").data(p).enter().append("text").attr("x", -40).attr("y", (o, e) => a(e)).attr("dy", "0.35em").style("text-anchor", "end").style("font-size", `${parseInt(T) + 1}px`).style("font-weight", "400").style("fill", "#4C4D50").text((o) => o.meta_fields.subtitle), B && f.select("#" + b(at)).dispatch(
-      "mouseover"
-    );
-  }, []), /* @__PURE__ */ st("div", { className: "time line", style: { position: "relative" }, ref: D, children: [
-    p.filter((t) => E && E.id === t.id).map((t) => {
-      const i = t.slug || "unknown-slug", n = p.indexOf(t);
-      return /* @__PURE__ */ d(
-        ct,
-        {
-          isOpen: k,
-          content: /* @__PURE__ */ d(
-            "div",
+    }).on("click", (o, e, d) => {
+      o.preventDefault(), $ && et(o, e);
+    });
+    const it = +y + 1, lt = 60, F = it * 0.9;
+    z.selectAll(".year-fo").data(s).enter().append("foreignObject").attr("class", "year-fo").attr("x", -70).attr("y", (o, e) => r(e) - F / 2).attr("width", lt).attr("height", F).append("xhtml:div").style("display", "flex").style("align-items", "center").style("justify-content", "flex-end").style("width", `${lt}px`).style("height", `${F}px`).style("font-size", `${it}px`).style("line-height", "1em").style("font-weight", "400").style("color", "#4C4D50").html((o) => o.meta_fields.subtitle);
+  }, [h, g]), /* @__PURE__ */ at(
+    "div",
+    {
+      className: "time line",
+      style: { position: "relative" },
+      ref: W,
+      children: [
+        s.filter((t) => k && k.id === t.id).map((t) => {
+          const i = t.slug || "unknown-slug", l = s.indexOf(t);
+          return /* @__PURE__ */ a(
+            pt,
             {
-              style: {
-                backgroundColor: Q(n),
-                color: Z(n)
-              },
-              children: /* @__PURE__ */ d(
-                bt,
+              isOpen: H,
+              content: /* @__PURE__ */ a(
+                "div",
                 {
-                  post: t,
-                  style: Tt
-                },
-                i
-              )
-            }
-          ),
-          closeTooltip: ut,
-          style: {
-            backgroundColor: Q(n),
-            color: Z(n)
-          }
-        },
-        i + "_modal"
-      );
-    }),
-    /* @__PURE__ */ d("svg", { height: w, width: A, ref: O })
-  ] });
-}, St = (I) => {
+                  style: {
+                    backgroundColor: Z(l),
+                    color: tt(l)
+                  },
+                  children: /* @__PURE__ */ a(
+                    Ct,
+                    {
+                      post: t,
+                      style: $t
+                    },
+                    i
+                  )
+                }
+              ),
+              closeTooltip: ht,
+              style: {
+                backgroundColor: Z(l),
+                color: tt(l)
+              }
+            },
+            `${i}_modal`
+          );
+        }),
+        /* @__PURE__ */ a("svg", { height: S, width: I, ref: x })
+      ]
+    },
+    u + h + g
+  );
+}, Et = (T) => {
   const {
-    "data-type": p,
-    "data-taxonomy": W,
-    "data-categories": M,
-    "data-items": w,
-    "data-height": s,
-    "data-line-color": U = "#000",
-    "data-config": L = "{}",
-    "data-position": J = "middle",
-    "data-line-width": _ = "1",
-    "data-margin-left": T = 50,
-    "data-margin-top": $ = 25,
-    "data-margin-right": v = 50,
-    "data-margin-bottom": P = 25,
-    "data-font-size": H = 14,
-    "data-title-width": B = 100,
-    "data-title-height": V = 50,
-    "data-subtitle-width": S = 250,
-    "data-subtitle-height": O = 60,
-    "data-enable-title-popup": D = "false",
-    "data-enable-circle-popup": k = "true",
-    "data-enable-default-popup": g = "false",
-    "data-close-popup-on-mouse-out": A = "false",
-    editing: N,
-    parent: E,
-    unique: y
-  } = I, b = I.intl.locale, j = {
-    unique: y || Math.random().toString(36).substring(2, 9),
-    marginLeft: T,
-    marginTop: $,
-    marginRight: v,
-    marginBottom: P,
-    lineWidth: _,
-    height: s,
-    position: J,
-    lineColor: decodeURIComponent(U),
-    config: JSON.parse(decodeURIComponent(L)),
-    fontSize: H,
-    titleWidth: B,
-    titleHeight: V,
-    subtitleWidth: S,
-    subtitleHeight: O,
-    enableTitlePopup: D == !0 || D == "true",
-    enableCirclePopup: k == !0 || k == "true",
-    enableDefaultPopup: g == !0 || g == "true",
-    closePopupOnMouseOut: A == !0 || A == "true"
+    "data-type": s,
+    "data-taxonomy": v,
+    "data-categories": P,
+    "data-items": c,
+    "data-height": L,
+    "data-line-color": N = "#000",
+    "data-config": J = "{}",
+    "data-position": R = "middle",
+    "data-line-width": y = "1",
+    "data-margin-left": _ = 50,
+    "data-margin-top": b = 25,
+    "data-margin-right": $ = 50,
+    "data-margin-bottom": D = 25,
+    "data-font-size": V = 14,
+    "data-title-width": X = 100,
+    "data-title-height": u = 50,
+    "data-subtitle-width": x = 250,
+    "data-subtitle-height": W = 60,
+    "data-enable-title-popup": H = "false",
+    "data-enable-circle-popup": f = "true",
+    "data-enable-default-popup": I = "false",
+    "data-close-popup-on-mouse-out": O = "false",
+    editing: k,
+    parent: B,
+    unique: g
+  } = T, Y = T.intl.locale, S = {
+    unique: g || Math.random().toString(36).substring(2, 9),
+    marginLeft: _,
+    marginTop: b,
+    marginRight: $,
+    marginBottom: D,
+    lineWidth: y,
+    height: L,
+    position: R,
+    lineColor: decodeURIComponent(N),
+    config: JSON.parse(decodeURIComponent(J)),
+    fontSize: V,
+    titleWidth: X,
+    titleHeight: u,
+    subtitleWidth: x,
+    subtitleHeight: W,
+    enableTitlePopup: H == !0 || H == "true",
+    enableCirclePopup: f == !0 || f == "true",
+    enableDefaultPopup: I == !0 || I == "true",
+    closePopupOnMouseOut: O == !0 || O == "true"
   };
-  return /* @__PURE__ */ d(
-    Ct,
+  return /* @__PURE__ */ a(
+    Tt,
     {
-      style: { height: `${s}px` },
-      className: `viz time line ${N ? "editing" : ""}`,
+      style: { height: `${L}px` },
+      className: `viz time line ${k ? "editing" : ""}`,
       fluid: !0,
-      children: /* @__PURE__ */ d(
-        mt,
+      children: /* @__PURE__ */ a(
+        bt,
         {
-          locale: b,
-          type: p,
-          taxonomy: W,
-          categories: M,
-          store: "carousel_" + E + "_" + y,
+          locale: Y,
+          type: s,
+          taxonomy: v,
+          categories: P,
+          store: `carousel_${B}_${g}`,
           page: 1,
-          perPage: w,
-          children: /* @__PURE__ */ d(yt, { children: /* @__PURE__ */ d(vt, { ...j }) })
+          perPage: c,
+          children: /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(Wt, { ...S }) })
         }
       )
     }
   );
 };
 export {
-  St as default
+  Et as default
 };

package/dist/esm/layout/CustomSemanticSearch.js

@@ -2,12 +2,10 @@ 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 { 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 S } from "@devgateway/wp-react-lib";
-const y = (s, n) => {
+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>");
@@ -15,35 +13,35 @@ const y = (s, n) => {
   title: s,
   slug: n,
   parent_link: c,
-  extract: g,
+  extract: f,
   link: m,
   searchTerm: i,
   metadata: r,
   bread_crumbs: a = [],
   intl: { locale: u }
 }) => {
-  let l = c ? S.replaceLink(c, u) + `#${n}` : S.replaceLink(m, 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 p = y(String(s), i), d = y(g, i);
+  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 ? y(a.join(" / "), i) : "" }
+        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: p } }) }),
+    /* @__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: S.replaceHTMLinks(d, u) }
+        dangerouslySetInnerHTML: { __html: y.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 ? [{
+}), 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",
@@ -64,7 +62,7 @@ const y = (s, n) => {
       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) => {
+  }, 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);
@@ -75,15 +73,15 @@ const y = (s, n) => {
     w && "active",
     B,
     I,
-    f(D, "category"),
-    f(H, "focus"),
-    f(j, "fluid"),
-    f(r, "loading"),
+    g(D, "category"),
+    g(H, "focus"),
+    g(j, "fluid"),
+    g(r, "loading"),
     V(C, "aligned"),
     "search",
     _
-  ), k = J(x, s), [Z, b] = q(k, {
-    htmlProps: G
+  ), k = q(x, s), [Z, b] = G(k, {
+    htmlProps: J
   });
   return /* @__PURE__ */ t(
     x,
@@ -100,7 +98,7 @@ const y = (s, n) => {
       onSearchChange: c,
       results: P,
       input: F(),
-      value: g,
+      value: f,
       showNoResults: m,
       onResultSelect: i,
       loading: r,
@@ -109,5 +107,5 @@ const y = (s, n) => {
   );
 };
 export {
-  ue as default
+  ce as default
 };

package/dist/esm/lib/hooks/screen-orientation.js

@@ -0,0 +1,25 @@
+import { useState as u, useEffect as w, useCallback as t } from "react";
+function p() {
+  const n = typeof window < "u" && "screen" in window && "orientation" in window.screen, r = () => {
+    if (n) {
+      const { type: e, angle: a } = window.screen.orientation;
+      return { type: e, angle: a };
+    }
+    return { type: "portrait-primary", angle: 0 };
+  }, [o, i] = u(r);
+  w(() => {
+    if (!n) return;
+    const e = () => i(r());
+    return window.screen.orientation.addEventListener("change", e), e(), () => {
+      window.screen.orientation.removeEventListener("change", e);
+    };
+  }, [n]);
+  const c = t(
+    (e = "portrait") => n && window.screen.orientation.lock ? window.screen.orientation.lock(e) : Promise.reject(new Error("Screen Orientation lock unsupported")),
+    [n]
+  ), s = t(() => n && window.screen.orientation.unlock ? window.screen.orientation.unlock() : Promise.reject(new Error("Screen Orientation unlock unsupported")), [n]);
+  return { orientation: o, lock: c, unlock: s };
+}
+export {
+  p as useScreenOrientation
+};