highsoft-ui 1.0.24 → 1.0.27

package/dist/components/Header/index.js

@@ -7,8 +7,8 @@ import { c as f } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
 import { Container as j } from "../Container/index.js";
 import { ThemedLogo as z } from "../Logo/index.js";
-import { PrefPanel as L } from "../PrefPanel/index.js";
-import { useMediaQuery as M, useLocation as G } from "../../utils.js";
+import { PrefPanel as S } from "../PrefPanel/index.js";
+import { useMediaQuery as M, usePathname as G } from "../../utils.js";
 var F = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -121,7 +121,7 @@ var F = function(t) {
       d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
     })
   }));
-}, S = function(t) {
+}, L = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -169,7 +169,7 @@ var F = function(t) {
       d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
     })
   }));
-}, H = function(t) {
+}, W = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -207,7 +207,7 @@ const I = "_header_1vxsz_270", K = "_outer_1vxsz_281", Y = "_main_1vxsz_290", Z
   slideUp: d1,
   sub: u1,
   gpt: m1
-}, W = [
+}, H = [
   {
     title: "Products",
     url: "https://highcharts.com/products/",
@@ -245,22 +245,21 @@ function l(n, t) {
 function w1({
   items: n,
   link: t = "a",
-  host: g = "https://www.highcharts.com"
+  host: p = "https://www.highcharts.com"
 }) {
   const i = G();
-  return /* @__PURE__ */ e("div", { className: f(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: w, icon: k, tag: x, tagVariant: m = "success" }, C) => {
-    w = l(w, g);
-    let p = !1;
-    if (typeof window < "u" && i) {
-      const v = window.location.origin, _ = new URL(w, v);
-      p = _.origin === v && _.pathname === i.pathname;
+  return /* @__PURE__ */ e("div", { className: f(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: g, icon: k, tag: x, tagVariant: m = "success" }, C) => {
+    let w = !1;
+    if (typeof window < "u") {
+      const v = window.location.origin, _ = new URL(g, v);
+      w = (g.startsWith("/") || _.origin === v) && _.pathname === i;
     }
     return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
       t,
       {
-        href: w,
+        href: l(g, p),
         className: f({
-          [r.selected]: p
+          [r.selected]: w
         }),
         children: [
           k,
@@ -285,30 +284,30 @@ function w1({
 function z1({
   subItems: n,
   children: t,
-  notifications: g = [],
+  notifications: p = [],
   // TODO: Fetch these from the internets
   link: i = "a",
   host: a = "https://www.highcharts.com"
 }) {
-  const w = M("(max-width: 374px)"), k = M("(max-width: 849px)"), x = M("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [p, v] = N([]);
+  const g = M("(max-width: 374px)"), k = M("(max-width: 849px)"), x = M("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [w, v] = N([]);
   V(() => {
-    if (g.length) {
+    if (p.length) {
       const c = localStorage.getItem("notifications");
       if (c) {
         const u = JSON.parse(c);
         v(
-          g.filter(
+          p.filter(
             (o) => !o.id || !u.closed.includes(o.id)
           )
         );
       } else
-        v(g);
+        v(p);
     }
-  }, [g]);
+  }, [p]);
   const _ = () => {
     C(!m);
   }, y = (c) => {
-    v(p.filter((o) => !o.id || o.id !== c));
+    v(w.filter((o) => !o.id || o.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
       const o = JSON.parse(u);
@@ -322,7 +321,7 @@ function z1({
       );
   };
   return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
-    p == null ? void 0 : p.map(
+    w == null ? void 0 : w.map(
       ({ id: c, title: u, description: o, variant: b, closable: O }, P) => /* @__PURE__ */ e(
         J,
         {
@@ -341,10 +340,10 @@ function z1({
         {
           className: r.logo,
           href: l("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(z, { showText: !x && !w })
+          children: /* @__PURE__ */ e(z, { showText: !x && !g })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
@@ -370,8 +369,8 @@ function z1({
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ e(L, {}),
+        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
+        /* @__PURE__ */ e(S, {}),
         /* @__PURE__ */ e(
           h,
           {
@@ -379,7 +378,7 @@ function z1({
             as: i,
             href: l("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(H, {})
+            children: /* @__PURE__ */ e(W, {})
           }
         ),
         /* @__PURE__ */ s(
@@ -434,7 +433,7 @@ function z1({
                 {
                   className: r.logo,
                   href: l("https://www.highcharts.com/", a),
-                  children: /* @__PURE__ */ e(z, { showText: !w })
+                  children: /* @__PURE__ */ e(z, { showText: !g })
                 }
               ),
               /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -453,8 +452,8 @@ function z1({
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
-                /* @__PURE__ */ e(L, {})
+                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
+                /* @__PURE__ */ e(S, {})
               ] })
             ] }),
             /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -469,7 +468,7 @@ function z1({
                     a
                   ),
                   children: [
-                    /* @__PURE__ */ e(H, {}),
+                    /* @__PURE__ */ e(W, {}),
                     "Login"
                   ]
                 }
@@ -491,7 +490,7 @@ function z1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u, icon: o }, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+            /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u, icon: o }, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
               h,
               {
                 variant: "plain",

package/dist/utils.d.ts

@@ -1,4 +1,3 @@
-import { Location } from 'history';
 export declare function useMediaQuery(query: string): boolean;
 export declare function useMounted(): boolean;
-export declare function useLocation(): Location | undefined;
+export declare function usePathname(): string;

package/dist/utils.js

@@ -1,5 +1,5 @@
 import { _ as $ } from "./extends-hS2Bh-Yp.js";
-import { useState as P, useEffect as k } from "react";
+import { useState as E, useEffect as k } from "react";
 var p;
 (function(n) {
   n.Pop = "POP", n.Push = "PUSH", n.Replace = "REPLACE";
@@ -23,9 +23,9 @@ function z(n) {
   n === void 0 && (n = {});
   var o = n, a = o.window, r = a === void 0 ? document.defaultView : a, i = r.history;
   function f() {
-    var t = r.location, e = t.pathname, c = t.search, l = t.hash, u = i.state || {};
+    var e = r.location, t = e.pathname, c = e.search, l = e.hash, u = i.state || {};
     return [u.idx, A({
-      pathname: e,
+      pathname: t,
       search: c,
       hash: l,
       state: u.usr || null,
@@ -37,12 +37,12 @@ function z(n) {
     if (s)
       d.call(s), s = null;
     else {
-      var t = p.Pop, e = f(), c = e[0], l = e[1];
+      var e = p.Pop, t = f(), c = t[0], l = t[1];
       if (d.length)
         if (c != null) {
           var u = h - c;
           u && (s = {
-            action: t,
+            action: e,
             location: l,
             retry: function() {
               y(u * -1);
@@ -57,83 +57,83 @@ function z(n) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        b(t);
+        b(e);
     }
   }
   r.addEventListener(j, D);
-  var m = p.Pop, L = f(), h = L[0], g = L[1], x = B(), d = B();
+  var w = p.Pop, x = f(), h = x[0], m = x[1], L = B(), d = B();
   h == null && (h = 0, i.replaceState($({}, i.state, {
     idx: h
   }), ""));
-  function O(t) {
-    return typeof t == "string" ? t : K(t);
+  function O(e) {
+    return typeof e == "string" ? e : K(e);
   }
-  function S(t, e) {
-    return e === void 0 && (e = null), A($({
-      pathname: g.pathname,
+  function S(e, t) {
+    return t === void 0 && (t = null), A($({
+      pathname: m.pathname,
       hash: "",
       search: ""
-    }, typeof t == "string" ? Q(t) : t, {
-      state: e,
+    }, typeof e == "string" ? Q(e) : e, {
+      state: t,
       key: C()
     }));
   }
-  function _(t, e) {
+  function _(e, t) {
     return [{
-      usr: t.state,
-      key: t.key,
-      idx: e
-    }, O(t)];
+      usr: e.state,
+      key: e.key,
+      idx: t
+    }, O(e)];
   }
-  function M(t, e, c) {
+  function M(e, t, c) {
     return !d.length || (d.call({
-      action: t,
-      location: e,
+      action: e,
+      location: t,
       retry: c
     }), !1);
   }
-  function b(t) {
-    m = t;
-    var e = f();
-    h = e[0], g = e[1], x.call({
-      action: m,
-      location: g
+  function b(e) {
+    w = e;
+    var t = f();
+    h = t[0], m = t[1], L.call({
+      action: w,
+      location: m
     });
   }
-  function T(t, e) {
-    var c = p.Push, l = S(t, e);
+  function T(e, t) {
+    var c = p.Push, l = S(e, t);
     function u() {
-      T(t, e);
+      T(e, t);
     }
     if (M(c, l, u)) {
-      var v = _(l, h + 1), E = v[0], w = v[1];
+      var v = _(l, h + 1), P = v[0], g = v[1];
       try {
-        i.pushState(E, "", w);
+        i.pushState(P, "", g);
       } catch {
-        r.location.assign(w);
+        r.location.assign(g);
       }
       b(c);
     }
   }
-  function N(t, e) {
-    var c = p.Replace, l = S(t, e);
+  function N(e, t) {
+    var c = p.Replace, l = S(e, t);
     function u() {
-      N(t, e);
+      N(e, t);
     }
     if (M(c, l, u)) {
-      var v = _(l, h), E = v[0], w = v[1];
-      i.replaceState(E, "", w), b(c);
+      var v = _(l, h), P = v[0], g = v[1];
+      i.replaceState(P, "", g), b(c);
     }
   }
-  function y(t) {
-    i.go(t);
+  function y(e) {
+    i.go(e);
   }
   var R = {
     get action() {
-      return m;
+      return w;
     },
     get location() {
-      return g;
+      return m;
     },
     createHref: O,
     push: T,
@@ -145,11 +145,11 @@ function z(n) {
     forward: function() {
       y(1);
     },
-    listen: function(e) {
-      return x.push(e);
+    listen: function(t) {
+      return L.push(t);
     },
-    block: function(e) {
-      var c = d.push(e);
+    block: function(t) {
+      var c = d.push(t);
       return d.length === 1 && r.addEventListener(H, V), function() {
         c(), d.length || r.removeEventListener(H, V);
       };
@@ -198,7 +198,7 @@ function Q(n) {
   return o;
 }
 function J(n) {
-  const [o, a] = P(!1);
+  const [o, a] = E(!1);
   return k(() => {
     const r = window.matchMedia(n);
     a(r.matches);
@@ -209,19 +209,22 @@ function J(n) {
   }, [n]), o;
 }
 function W() {
-  const [n, o] = P(!1);
+  const [n, o] = E(!1);
   return k(() => {
     o(!0);
   }, []), n;
 }
 function X() {
-  const [n, o] = P();
-  return k(() => z().listen(({ location: r }) => {
-    o(r);
-  }), []), n;
+  const [n, o] = E("");
+  return k(() => {
+    const a = z();
+    return o(a.location.pathname), a.listen(({ location: r }) => {
+      o(r.pathname);
+    });
+  }, []), n;
 }
 export {
-  X as useLocation,
   J as useMediaQuery,
-  W as useMounted
+  W as useMounted,
+  X as usePathname
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.24",
+  "version": "1.0.27",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",