highsoft-ui 1.0.24 → 1.0.25

package/dist/components/Header/index.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as s, Fragment as U } from "react/jsx-runtime";
-import { useState as N, useEffect as V } from "react";
+import { jsx as e, jsxs as s, Fragment as P } from "react/jsx-runtime";
+import { useState as z, 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 v } 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 { Container as y } from "../Container/index.js";
+import { ThemedLogo as L } from "../Logo/index.js";
+import { PrefPanel as S } from "../PrefPanel/index.js";
+import { useMediaQuery as N, useLocation 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) {
+}, T = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -137,7 +137,7 @@ var F = function(t) {
       d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
     })
   }));
-}, T = function(t) {
+}, B = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -153,7 +153,7 @@ var F = function(t) {
       d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
     })
   }));
-}, B = 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 = [
+}, j = [
   {
     title: "Products",
     url: "https://highcharts.com/products/",
@@ -245,31 +245,31 @@ 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;
+  return /* @__PURE__ */ e("div", { className: v(r.sub, r.outer), children: /* @__PURE__ */ e(y, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: f, icon: C, tag: x, tagVariant: m = "success" }, b) => {
+    const w = l(f, p);
+    let g = !1;
     if (typeof window < "u" && i) {
-      const v = window.location.origin, _ = new URL(w, v);
-      p = _.origin === v && _.pathname === i.pathname;
+      const _ = window.location.origin, k = new URL(w, _);
+      g = (f.startsWith("/") || k.origin === _) && k.pathname === i.pathname;
     }
     return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
       t,
       {
         href: w,
-        className: f({
-          [r.selected]: p
+        className: v({
+          [r.selected]: g
         }),
         children: [
-          k,
+          C,
           /* @__PURE__ */ s("span", { children: [
             a,
             x && /* @__PURE__ */ e(
               "span",
               {
-                className: f(
+                className: v(
                   r.subTag,
                   r[`subTag-${m}`]
                 ),
@@ -279,36 +279,36 @@ function w1({
           ] })
         ]
       }
-    ) }, C);
+    ) }, b);
   }) }) });
 }
 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 f = N("(max-width: 374px)"), C = N("(max-width: 849px)"), x = N("(min-width: 850px) and (max-width: 999px)"), [m, b] = z(!1), [w, g] = z([]);
   V(() => {
-    if (g.length) {
+    if (p.length) {
       const c = localStorage.getItem("notifications");
       if (c) {
         const u = JSON.parse(c);
-        v(
-          g.filter(
+        g(
+          p.filter(
             (o) => !o.id || !u.closed.includes(o.id)
           )
         );
       } else
-        v(g);
+        g(p);
     }
-  }, [g]);
+  }, [p]);
   const _ = () => {
-    C(!m);
-  }, y = (c) => {
-    v(p.filter((o) => !o.id || o.id !== c));
+    b(!m);
+  }, k = (c) => {
+    g(w.filter((o) => !o.id || o.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
       const o = JSON.parse(u);
@@ -322,29 +322,29 @@ function z1({
       );
   };
   return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
-    p == null ? void 0 : p.map(
-      ({ id: c, title: u, description: o, variant: b, closable: O }, P) => /* @__PURE__ */ e(
+    w == null ? void 0 : w.map(
+      ({ id: c, title: u, description: o, variant: M, closable: O }, U) => /* @__PURE__ */ e(
         J,
         {
           description: o,
-          variant: b,
+          variant: M,
           closable: O,
-          onClose: () => y(c),
+          onClose: () => k(c),
           children: u
         },
-        P
+        U
       )
     ),
-    /* @__PURE__ */ e("div", { className: f(r.main, r.outer), children: /* @__PURE__ */ s(j, { as: "nav", className: r.container, children: [
+    /* @__PURE__ */ e("div", { className: v(r.main, r.outer), children: /* @__PURE__ */ s(y, { as: "nav", className: r.container, children: [
       /* @__PURE__ */ e(
         i,
         {
           className: r.logo,
           href: l("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(z, { showText: !x && !w })
+          children: /* @__PURE__ */ e(L, { showText: !x && !f })
         }
       ),
-      /* @__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: j.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
@@ -366,12 +366,12 @@ function z1({
             ),
             children: [
               /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(T, {})
+              /* @__PURE__ */ e(B, {})
             ]
           }
         ),
-        /* @__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(T, {}) }),
+        /* @__PURE__ */ e(S, {}),
         /* @__PURE__ */ e(
           h,
           {
@@ -392,7 +392,7 @@ function z1({
               a
             ),
             children: [
-              /* @__PURE__ */ e(B, {}),
+              /* @__PURE__ */ e(W, {}),
               "Get started"
             ]
           }
@@ -413,18 +413,18 @@ function z1({
     ] }) }),
     !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: i, host: a }),
     t,
-    k && /* @__PURE__ */ s(U, { children: [
+    C && /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: f(r.mobileOverlay, { [r.open]: m }),
+          className: v(r.mobileOverlay, { [r.open]: m }),
           onClick: _
         }
       ),
       /* @__PURE__ */ s(
         "nav",
         {
-          className: f(r.mobile, {
+          className: v(r.mobile, {
             [r.open]: m
           }),
           children: [
@@ -434,7 +434,7 @@ function z1({
                 {
                   className: r.logo,
                   href: l("https://www.highcharts.com/", a),
-                  children: /* @__PURE__ */ e(z, { showText: !w })
+                  children: /* @__PURE__ */ e(L, { showText: !f })
                 }
               ),
               /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -449,12 +449,12 @@ function z1({
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(T, {})
+                      /* @__PURE__ */ e(B, {})
                     ]
                   }
                 ),
-                /* @__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(T, {}) }),
+                /* @__PURE__ */ e(S, {})
               ] })
             ] }),
             /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -485,13 +485,13 @@ function z1({
                     a
                   ),
                   children: [
-                    /* @__PURE__ */ e(B, {}),
+                    /* @__PURE__ */ e(W, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__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: j.map(({ title: c, url: u, icon: o }, M) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
               h,
               {
                 variant: "plain",
@@ -504,7 +504,7 @@ function z1({
                   c
                 ]
               }
-            ) }, b)) })
+            ) }, M)) })
           ]
         }
       )

package/package.json

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