highsoft-ui 1.0.27 → 1.0.28

package/dist/components/Header/index.js

@@ -3,7 +3,7 @@ import { useState as N, useEffect as V } from "react";
 import { J as q } from "../../index-CMegByeX.js";
 import { _ as d } from "../../extends-hS2Bh-Yp.js";
 import { N as J, X as A } from "../../index-ChurKizy.js";
-import { c as f } from "../../clsx-OuTLNxxd.js";
+import { c as _ } 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";
@@ -245,20 +245,20 @@ function l(n, t) {
 function w1({
   items: n,
   link: t = "a",
-  host: p = "https://www.highcharts.com"
+  host: g = "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: g, icon: k, tag: x, tagVariant: m = "success" }, C) => {
+  const o = G();
+  return console.log("header", o), /* @__PURE__ */ e("div", { className: _(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: v, 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;
+      const p = window.location.origin, f = new URL(v, p);
+      console.log(f, o, p), w = (v.startsWith("/") || f.origin === p) && f.pathname === o;
     }
     return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
       t,
       {
-        href: l(g, p),
-        className: f({
+        href: l(v, g),
+        className: _({
           [r.selected]: w
         }),
         children: [
@@ -268,7 +268,7 @@ function w1({
             x && /* @__PURE__ */ e(
               "span",
               {
-                className: f(
+                className: _(
                   r.subTag,
                   r[`subTag-${m}`]
                 ),
@@ -284,34 +284,34 @@ function w1({
 function z1({
   subItems: n,
   children: t,
-  notifications: p = [],
+  notifications: g = [],
   // TODO: Fetch these from the internets
-  link: i = "a",
+  link: o = "a",
   host: a = "https://www.highcharts.com"
 }) {
-  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([]);
+  const v = M("(max-width: 374px)"), k = M("(max-width: 849px)"), x = M("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [w, p] = N([]);
   V(() => {
-    if (p.length) {
+    if (g.length) {
       const c = localStorage.getItem("notifications");
       if (c) {
         const u = JSON.parse(c);
-        v(
-          p.filter(
-            (o) => !o.id || !u.closed.includes(o.id)
+        p(
+          g.filter(
+            (i) => !i.id || !u.closed.includes(i.id)
           )
         );
       } else
-        v(p);
+        p(g);
     }
-  }, [p]);
-  const _ = () => {
+  }, [g]);
+  const f = () => {
     C(!m);
   }, y = (c) => {
-    v(w.filter((o) => !o.id || o.id !== c));
+    p(w.filter((i) => !i.id || i.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
-      const o = JSON.parse(u);
-      o.closed.includes(c) || (o.closed.push(c), localStorage.setItem("notifications", JSON.stringify(o)));
+      const i = JSON.parse(u);
+      i.closed.includes(c) || (i.closed.push(c), localStorage.setItem("notifications", JSON.stringify(i)));
     } else
       localStorage.setItem(
         "notifications",
@@ -322,10 +322,10 @@ function z1({
   };
   return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
     w == null ? void 0 : w.map(
-      ({ id: c, title: u, description: o, variant: b, closable: O }, P) => /* @__PURE__ */ e(
+      ({ id: c, title: u, description: i, variant: b, closable: O }, P) => /* @__PURE__ */ e(
         J,
         {
-          description: o,
+          description: i,
           variant: b,
           closable: O,
           onClose: () => y(c),
@@ -334,31 +334,31 @@ function z1({
         P
       )
     ),
-    /* @__PURE__ */ e("div", { className: f(r.main, r.outer), children: /* @__PURE__ */ s(j, { as: "nav", className: r.container, children: [
+    /* @__PURE__ */ e("div", { className: _(r.main, r.outer), children: /* @__PURE__ */ s(j, { as: "nav", className: r.container, children: [
       /* @__PURE__ */ e(
-        i,
+        o,
         {
           className: r.logo,
           href: l("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(z, { showText: !x && !g })
+          children: /* @__PURE__ */ e(z, { showText: !x && !v })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: r.links, children: H.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 }, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
           size: 300,
-          as: i,
+          as: o,
           href: l(u, a),
           children: c
         }
-      ) }, o)) }),
+      ) }, i)) }),
       /* @__PURE__ */ s("div", { className: r.buttons, children: [
         /* @__PURE__ */ s(
           h,
           {
             variant: "transparent",
-            as: i,
+            as: o,
             href: l(
               "https://www.highcharts.com/chat/gpt/",
               a
@@ -375,7 +375,7 @@ function z1({
           h,
           {
             variant: "brand",
-            as: i,
+            as: o,
             href: l("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
             children: /* @__PURE__ */ e(W, {})
@@ -385,7 +385,7 @@ function z1({
           h,
           {
             variant: "success",
-            as: i,
+            as: o,
             href: l(
               "https://www.highcharts.com/download/",
               a
@@ -401,7 +401,7 @@ function z1({
           {
             variant: m ? "white" : "transparent",
             className: r.menu,
-            onClick: _,
+            onClick: f,
             children: [
               m ? "Close" : "Menu",
               m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
@@ -410,30 +410,30 @@ function z1({
         )
       ] })
     ] }) }),
-    !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: i, host: a }),
+    !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: o, host: a }),
     t,
     k && /* @__PURE__ */ s(U, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: f(r.mobileOverlay, { [r.open]: m }),
-          onClick: _
+          className: _(r.mobileOverlay, { [r.open]: m }),
+          onClick: f
         }
       ),
       /* @__PURE__ */ s(
         "nav",
         {
-          className: f(r.mobile, {
+          className: _(r.mobile, {
             [r.open]: m
           }),
           children: [
             /* @__PURE__ */ s("div", { className: r.container, children: [
               /* @__PURE__ */ e(
-                i,
+                o,
                 {
                   className: r.logo,
                   href: l("https://www.highcharts.com/", a),
-                  children: /* @__PURE__ */ e(z, { showText: !g })
+                  children: /* @__PURE__ */ e(z, { showText: !v })
                 }
               ),
               /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -441,7 +441,7 @@ function z1({
                   h,
                   {
                     variant: "transparent",
-                    as: i,
+                    as: o,
                     href: l(
                       "https://www.highcharts.com/chat/gpt/",
                       a
@@ -462,7 +462,7 @@ function z1({
                 {
                   variant: "brand",
                   fullWidth: !0,
-                  as: i,
+                  as: o,
                   href: l(
                     "https://shop.highcharts.com/account",
                     a
@@ -478,7 +478,7 @@ function z1({
                 {
                   variant: "success",
                   fullWidth: !0,
-                  as: i,
+                  as: o,
                   href: l(
                     "https://www.highcharts.com/download/",
                     a
@@ -490,16 +490,16 @@ function z1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: r.links, children: H.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: i }, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
               h,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
-                as: i,
+                as: o,
                 href: l(u, a),
                 children: [
-                  o,
+                  i,
                   c
                 ]
               }

package/dist/utils.js

@@ -1,15 +1,15 @@
 import { _ as $ } from "./extends-hS2Bh-Yp.js";
 import { useState as E, useEffect as k } from "react";
 var p;
-(function(n) {
-  n.Pop = "POP", n.Push = "PUSH", n.Replace = "REPLACE";
+(function(e) {
+  e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
 })(p || (p = {}));
-var A = process.env.NODE_ENV !== "production" ? function(n) {
-  return Object.freeze(n);
-} : function(n) {
-  return n;
+var A = process.env.NODE_ENV !== "production" ? function(e) {
+  return Object.freeze(e);
+} : function(e) {
+  return e;
 };
-function U(n, o) {
+function U(e, o) {
   {
     typeof console < "u" && console.warn(o);
     try {
@@ -19,13 +19,13 @@ function U(n, o) {
   }
 }
 var H = "beforeunload", j = "popstate";
-function z(n) {
-  n === void 0 && (n = {});
-  var o = n, a = o.window, r = a === void 0 ? document.defaultView : a, i = r.history;
+function z(e) {
+  e === void 0 && (e = {});
+  var o = e, a = o.window, t = a === void 0 ? document.defaultView : a, i = t.history;
   function f() {
-    var e = r.location, t = e.pathname, c = e.search, l = e.hash, u = i.state || {};
+    var n = t.location, r = n.pathname, c = n.search, l = n.hash, u = i.state || {};
     return [u.idx, A({
-      pathname: t,
+      pathname: r,
       search: c,
       hash: l,
       state: u.usr || null,
@@ -37,12 +37,12 @@ function z(n) {
     if (s)
       d.call(s), s = null;
     else {
-      var e = p.Pop, t = f(), c = t[0], l = t[1];
+      var n = p.Pop, r = f(), c = r[0], l = r[1];
       if (d.length)
         if (c != null) {
           var u = h - c;
           u && (s = {
-            action: e,
+            action: n,
             location: l,
             retry: function() {
               y(u * -1);
@@ -57,76 +57,76 @@ 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(e);
+        b(n);
     }
   }
-  r.addEventListener(j, D);
+  t.addEventListener(j, D);
   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(e) {
-    return typeof e == "string" ? e : K(e);
+  function O(n) {
+    return typeof n == "string" ? n : K(n);
   }
-  function S(e, t) {
-    return t === void 0 && (t = null), A($({
+  function S(n, r) {
+    return r === void 0 && (r = null), A($({
       pathname: m.pathname,
       hash: "",
       search: ""
-    }, typeof e == "string" ? Q(e) : e, {
-      state: t,
+    }, typeof n == "string" ? Q(n) : n, {
+      state: r,
       key: C()
     }));
   }
-  function _(e, t) {
+  function _(n, r) {
     return [{
-      usr: e.state,
-      key: e.key,
-      idx: t
-    }, O(e)];
+      usr: n.state,
+      key: n.key,
+      idx: r
+    }, O(n)];
   }
-  function M(e, t, c) {
+  function M(n, r, c) {
     return !d.length || (d.call({
-      action: e,
-      location: t,
+      action: n,
+      location: r,
       retry: c
     }), !1);
   }
-  function b(e) {
-    w = e;
-    var t = f();
-    h = t[0], m = t[1], L.call({
+  function b(n) {
+    w = n;
+    var r = f();
+    h = r[0], m = r[1], L.call({
       action: w,
       location: m
     });
   }
-  function T(e, t) {
-    var c = p.Push, l = S(e, t);
+  function T(n, r) {
+    var c = p.Push, l = S(n, r);
     function u() {
-      T(e, t);
+      T(n, r);
     }
     if (M(c, l, u)) {
       var v = _(l, h + 1), P = v[0], g = v[1];
       try {
         i.pushState(P, "", g);
       } catch {
-        r.location.assign(g);
+        t.location.assign(g);
       }
       b(c);
     }
   }
-  function N(e, t) {
-    var c = p.Replace, l = S(e, t);
+  function N(n, r) {
+    var c = p.Replace, l = S(n, r);
     function u() {
-      N(e, t);
+      N(n, r);
     }
     if (M(c, l, u)) {
       var v = _(l, h), P = v[0], g = v[1];
       i.replaceState(P, "", g), b(c);
     }
   }
-  function y(e) {
-    i.go(e);
+  function y(n) {
+    i.go(n);
   }
   var R = {
     get action() {
@@ -145,37 +145,37 @@ function z(n) {
     forward: function() {
       y(1);
     },
-    listen: function(t) {
-      return L.push(t);
+    listen: function(r) {
+      return L.push(r);
     },
-    block: function(t) {
-      var c = d.push(t);
-      return d.length === 1 && r.addEventListener(H, V), function() {
-        c(), d.length || r.removeEventListener(H, V);
+    block: function(r) {
+      var c = d.push(r);
+      return d.length === 1 && t.addEventListener(H, V), function() {
+        c(), d.length || t.removeEventListener(H, V);
       };
     }
   };
   return R;
 }
-function V(n) {
-  n.preventDefault(), n.returnValue = "";
+function V(e) {
+  e.preventDefault(), e.returnValue = "";
 }
 function B() {
-  var n = [];
+  var e = [];
   return {
     get length() {
-      return n.length;
+      return e.length;
     },
     push: function(a) {
-      return n.push(a), function() {
-        n = n.filter(function(r) {
-          return r !== a;
+      return e.push(a), function() {
+        e = e.filter(function(t) {
+          return t !== a;
         });
       };
     },
     call: function(a) {
-      n.forEach(function(r) {
-        return r && r(a);
+      e.forEach(function(t) {
+        return t && t(a);
       });
     }
   };
@@ -183,45 +183,45 @@ function B() {
 function C() {
   return Math.random().toString(36).substr(2, 8);
 }
-function K(n) {
-  var o = n.pathname, a = o === void 0 ? "/" : o, r = n.search, i = r === void 0 ? "" : r, f = n.hash, s = f === void 0 ? "" : f;
+function K(e) {
+  var o = e.pathname, a = o === void 0 ? "/" : o, t = e.search, i = t === void 0 ? "" : t, f = e.hash, s = f === void 0 ? "" : f;
   return i && i !== "?" && (a += i.charAt(0) === "?" ? i : "?" + i), s && s !== "#" && (a += s.charAt(0) === "#" ? s : "#" + s), a;
 }
-function Q(n) {
+function Q(e) {
   var o = {};
-  if (n) {
-    var a = n.indexOf("#");
-    a >= 0 && (o.hash = n.substr(a), n = n.substr(0, a));
-    var r = n.indexOf("?");
-    r >= 0 && (o.search = n.substr(r), n = n.substr(0, r)), n && (o.pathname = n);
+  if (e) {
+    var a = e.indexOf("#");
+    a >= 0 && (o.hash = e.substr(a), e = e.substr(0, a));
+    var t = e.indexOf("?");
+    t >= 0 && (o.search = e.substr(t), e = e.substr(0, t)), e && (o.pathname = e);
   }
   return o;
 }
-function J(n) {
+function J(e) {
   const [o, a] = E(!1);
   return k(() => {
-    const r = window.matchMedia(n);
-    a(r.matches);
+    const t = window.matchMedia(e);
+    a(t.matches);
     const i = (f) => {
       a(f.matches);
     };
-    return r.addEventListener("change", i), () => r.removeEventListener("change", i);
-  }, [n]), o;
+    return t.addEventListener("change", i), () => t.removeEventListener("change", i);
+  }, [e]), o;
 }
 function W() {
-  const [n, o] = E(!1);
+  const [e, o] = E(!1);
   return k(() => {
     o(!0);
-  }, []), n;
+  }, []), e;
 }
 function X() {
-  const [n, o] = E("");
+  const [e, o] = E("");
   return k(() => {
     const a = z();
-    return o(a.location.pathname), a.listen(({ location: r }) => {
-      o(r.pathname);
+    return o(a.location.pathname), a.listen(({ location: t }) => {
+      console.log("listener", t.pathname), o(t.pathname);
     });
-  }, []), n;
+  }, []), e;
 }
 export {
   J as useMediaQuery,

package/package.json

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