highsoft-ui 1.0.40 → 1.0.41

package/dist/components/Header/index.d.ts

@@ -4,6 +4,7 @@ export interface SubHeaderItem {
     title: string;
     url: string;
     icon?: ReactNode;
+    selectedIcon?: ReactNode;
     tag?: ReactNode;
     tagVariant?: 'success' | 'brand';
 }

package/dist/components/Header/index.js

@@ -3,11 +3,11 @@ import { useState as N, useEffect as z } from "react";
 import { J } from "../../index-CMegByeX.js";
 import { _ as d, B as h } from "../../index-BIyJbk_U.js";
 import { N as A, X as G } from "../../index-C5TH1DPz.js";
-import { c as g } from "../../clsx-OuTLNxxd.js";
+import { c as v } from "../../clsx-OuTLNxxd.js";
 import { Container as y } from "../Container/index.js";
 import { ThemedLogo as q } from "../Logo/index.js";
 import { PrefPanel as S } from "../PrefPanel/index.js";
-import { useMediaQuery as j } from "../../utils.js";
+import { useMediaQuery as M } from "../../utils.js";
 var F = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -247,34 +247,36 @@ function w1({
   host: p = "https://www.highcharts.com",
   pathname: a = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: g(n.sub, n.outer), children: /* @__PURE__ */ e(y, { className: n.subContainer, as: "ul", children: r.map(({ title: i, url: f, icon: _, tag: k, tagVariant: b = "success" }, m) => {
-    const C = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, C), v = w.origin === C && w.pathname === a;
-    return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
-      t,
-      {
-        href: l(f, p),
-        className: g({
-          [n.selected]: v
-        }),
-        children: [
-          _,
-          /* @__PURE__ */ o("span", { children: [
-            i,
-            k && /* @__PURE__ */ e(
-              "span",
-              {
-                className: g(
-                  n.subTag,
-                  n[`subTag-${b}`]
-                ),
-                children: k
-              }
-            )
-          ] })
-        ]
-      }
-    ) }, m);
-  }) }) });
+  return /* @__PURE__ */ e("div", { className: v(n.sub, n.outer), children: /* @__PURE__ */ e(y, { className: n.subContainer, as: "ul", children: r.map(
+    ({ title: i, url: _, icon: k, selectedIcon: b, tag: C, tagVariant: m = "success" }, x) => {
+      const w = typeof window < "u" && window.location.origin || "http://example.com", g = new URL(_, w), f = g.origin === w && g.pathname === a;
+      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+        t,
+        {
+          href: l(_, p),
+          className: v({
+            [n.selected]: f
+          }),
+          children: [
+            f && b || k,
+            /* @__PURE__ */ o("span", { children: [
+              i,
+              C && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: v(
+                    n.subTag,
+                    n[`subTag-${m}`]
+                  ),
+                  children: C
+                }
+              )
+            ] })
+          ]
+        }
+      ) }, x);
+    }
+  ) }) });
 }
 function M1({
   subItems: r,
@@ -283,27 +285,27 @@ function M1({
   // TODO: Fetch these from the internets
   link: a = "a",
   host: i = "https://www.highcharts.com",
-  pathname: f = typeof window < "u" ? window.location.pathname : ""
+  pathname: _ = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const _ = j("(max-width: 374px)"), k = j("(max-width: 849px)"), b = j("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [w, v] = N([]);
+  const k = M("(max-width: 374px)"), b = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [m, x] = N(!1), [w, g] = N([]);
   z(() => {
     if (p.length) {
       const c = localStorage.getItem("notifications");
       if (c) {
         const u = JSON.parse(c);
-        v(
+        g(
           p.filter(
             (s) => !s.id || !u.closed.includes(s.id)
           )
         );
       } else
-        v(p);
+        g(p);
     }
   }, [p]);
-  const M = () => {
-    C(!m);
+  const f = () => {
+    x(!m);
   }, O = (c) => {
-    v(w.filter((s) => !s.id || s.id !== c));
+    g(w.filter((s) => !s.id || s.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
       const s = JSON.parse(u);
@@ -318,11 +320,11 @@ function M1({
   };
   return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ o("header", { className: n.header, children: [
     w == null ? void 0 : w.map(
-      ({ id: c, title: u, description: s, variant: x, closable: P }, U) => /* @__PURE__ */ e(
+      ({ id: c, title: u, description: s, variant: j, closable: P }, U) => /* @__PURE__ */ e(
         A,
         {
           description: s,
-          variant: x,
+          variant: j,
           closable: P,
           onClose: () => O(c),
           children: u
@@ -330,13 +332,13 @@ function M1({
         U
       )
     ),
-    /* @__PURE__ */ e("div", { className: g(n.main, n.outer), children: /* @__PURE__ */ o(y, { as: "nav", className: n.container, children: [
+    /* @__PURE__ */ e("div", { className: v(n.main, n.outer), children: /* @__PURE__ */ o(y, { as: "nav", className: n.container, children: [
       /* @__PURE__ */ e(
         a,
         {
           className: n.logo,
           href: l("https://www.highcharts.com/", i),
-          children: /* @__PURE__ */ e(q, { showText: !b && !_ })
+          children: /* @__PURE__ */ e(q, { showText: !C && !k })
         }
       ),
       /* @__PURE__ */ e("ul", { className: n.links, children: W.map(({ title: c, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
@@ -397,7 +399,7 @@ function M1({
           {
             variant: m ? "white" : "transparent",
             className: n.menu,
-            onClick: M,
+            onClick: f,
             children: [
               m ? "Close" : "Menu",
               m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e($, {})
@@ -412,22 +414,22 @@ function M1({
         items: r,
         link: a,
         host: i,
-        pathname: f
+        pathname: _
       }
     ),
     t,
-    k && /* @__PURE__ */ o(V, { children: [
+    b && /* @__PURE__ */ o(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: g(n.mobileOverlay, { [n.open]: m }),
-          onClick: M
+          className: v(n.mobileOverlay, { [n.open]: m }),
+          onClick: f
         }
       ),
       /* @__PURE__ */ o(
         "nav",
         {
-          className: g(n.mobile, {
+          className: v(n.mobile, {
             [n.open]: m
           }),
           children: [
@@ -437,7 +439,7 @@ function M1({
                 {
                   className: n.logo,
                   href: l("https://www.highcharts.com/", i),
-                  children: /* @__PURE__ */ e(q, { showText: !_ })
+                  children: /* @__PURE__ */ e(q, { showText: !k })
                 }
               ),
               /* @__PURE__ */ o("div", { className: n.buttons, children: [
@@ -494,7 +496,7 @@ function M1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: n.links, children: W.map(({ title: c, url: u, icon: s }, x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ e("ul", { className: n.links, children: W.map(({ title: c, url: u, icon: s }, j) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
               h,
               {
                 variant: "plain",
@@ -507,7 +509,7 @@ function M1({
                   c
                 ]
               }
-            ) }, x)) })
+            ) }, j)) })
           ]
         }
       )

package/package.json

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