highsoft-ui 1.0.46 → 1.0.47

package/dist/components/GPTInput/index.js

@@ -34,8 +34,7 @@ function I({
 }) {
   const e = h(null), [o, i] = b(""), c = o.trim(), u = !!c;
   x(() => {
-    var t;
-    a && ((t = e.current) == null || t.focus());
+    a && e.current?.focus();
   }, [a]);
   const p = () => {
     const t = e.current;
@@ -47,8 +46,7 @@ function I({
   }, d = (t) => {
     t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
   }, f = () => {
-    var t;
-    (t = e.current) == null || t.focus();
+    e.current?.focus();
   };
   return /* @__PURE__ */ l(
     "form",

package/dist/components/Header/index.js

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as o, Fragment as I } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
 import { useState as S, useEffect as q } from "react";
-import { J as z } from "../../index-CMegByeX.js";
-import { _ as d, B as l } from "../../index-DKE1ODpv.js";
-import { N as J, X as A } from "../../index-BFhQ-SSv.js";
-import { c as g } from "../../clsx-OuTLNxxd.js";
-import { Container as O } from "../Container/index.js";
+import { J as z } from "../../index-DAWHN3cH.js";
+import { _ as m, B as l } from "../../index-DKE1ODpv.js";
+import { N as J, X as A } from "../../index-CRjV8IBy.js";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { Container as I } from "../Container/index.js";
 import { ThemedLogo as L } from "../Logo/index.js";
 import { PrefPanel as T } from "../PrefPanel/index.js";
 import { useMediaQuery as M } from "../../utils.js";
 var G = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -25,7 +25,7 @@ var G = function(n) {
     })
   }));
 }, F = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -41,7 +41,7 @@ var G = function(n) {
     })
   }));
 }, Q = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -57,7 +57,7 @@ var G = function(n) {
     })
   }));
 }, R = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -73,7 +73,7 @@ var G = function(n) {
     })
   }));
 }, X = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -89,7 +89,7 @@ var G = function(n) {
     })
   }));
 }, $ = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -105,7 +105,7 @@ var G = function(n) {
     })
   }));
 }, D = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -121,7 +121,7 @@ var G = function(n) {
     })
   }));
 }, B = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -137,7 +137,7 @@ var G = function(n) {
     })
   }));
 }, H = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -153,7 +153,7 @@ var G = function(n) {
     })
   }));
 }, W = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -169,7 +169,7 @@ var G = function(n) {
     })
   }));
 }, j = function(n) {
-  return /* @__PURE__ */ e("svg", d({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -185,7 +185,7 @@ var G = function(n) {
     })
   }));
 };
-const E = "_header_1mm0v_270", K = "_outer_1mm0v_281", Y = "_main_1mm0v_290", Z = "_container_1mm0v_294", e1 = "_links_1mm0v_300", t1 = "_buttons_1mm0v_301", n1 = "_menu_1mm0v_309", r1 = "_logo_1mm0v_314", o1 = "_subContainer_1mm0v_326", s1 = "_selected_1mm0v_354", i1 = "_icons_1mm0v_357", c1 = "_subTag_1mm0v_377", a1 = "_selectedIcon_1mm0v_390", l1 = "_selectableIcon_1mm0v_394", h1 = "_icon_1mm0v_357", d1 = "_mobileOverlay_1mm0v_408", m1 = "_show_1mm0v_1", u1 = "_open_1mm0v_420", w1 = "_mobile_1mm0v_408", p1 = "_slideUp_1mm0v_1", v1 = "_sub_1mm0v_326", g1 = "_gpt_1mm0v_484", t = {
+const E = "_header_1mm0v_270", K = "_outer_1mm0v_281", Y = "_main_1mm0v_290", Z = "_container_1mm0v_294", e1 = "_links_1mm0v_300", t1 = "_buttons_1mm0v_301", n1 = "_menu_1mm0v_309", r1 = "_logo_1mm0v_314", o1 = "_subContainer_1mm0v_326", s1 = "_selected_1mm0v_354", i1 = "_icons_1mm0v_357", c1 = "_subTag_1mm0v_377", a1 = "_selectedIcon_1mm0v_390", l1 = "_selectableIcon_1mm0v_394", h1 = "_icon_1mm0v_357", m1 = "_mobileOverlay_1mm0v_408", d1 = "_show_1mm0v_1", u1 = "_open_1mm0v_420", w1 = "_mobile_1mm0v_408", p1 = "_slideUp_1mm0v_1", v1 = "_sub_1mm0v_326", g1 = "_gpt_1mm0v_484", t = {
   header: E,
   outer: K,
   main: Y,
@@ -203,8 +203,8 @@ const E = "_header_1mm0v_270", K = "_outer_1mm0v_281", Y = "_main_1mm0v_290", Z
   selectedIcon: a1,
   selectableIcon: l1,
   icon: h1,
-  mobileOverlay: d1,
-  show: m1,
+  mobileOverlay: m1,
+  show: d1,
   open: u1,
   mobile: w1,
   slideUp: p1,
@@ -245,34 +245,34 @@ const E = "_header_1mm0v_270", K = "_outer_1mm0v_281", Y = "_main_1mm0v_290", Z
 function h(r, n) {
   return n ? r.replace(n, "") : r;
 }
-function _1({
+function f1({
   items: r,
   link: n = "a",
-  host: p = "https://www.highcharts.com",
+  host: w = "https://www.highcharts.com",
   pathname: i = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: g(t.sub, t.outer), children: /* @__PURE__ */ e(O, { className: t.subContainer, as: "ul", children: r.map(
-    ({ title: c, url: _, icon: f, selectedIcon: k, tag: C, tagVariant: u = "success" }, x) => {
-      const w = typeof window < "u" && window.location.origin || "http://example.com", v = new URL(_, w), b = v.origin === w && v.pathname === i;
+  return /* @__PURE__ */ e("div", { className: v(t.sub, t.outer), children: /* @__PURE__ */ e(I, { className: t.subContainer, as: "ul", children: r.map(
+    ({ title: c, url: f, icon: _, selectedIcon: k, tag: C, tagVariant: u = "success" }, x) => {
+      const g = typeof window < "u" && window.location.origin || "http://example.com", p = new URL(f, g), b = p.origin === g && p.pathname === i;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
         n,
         {
-          href: h(_, p),
-          className: g({
+          href: h(f, w),
+          className: v({
             [t.selectableIcon]: k,
             [t.selected]: b
           }),
           children: [
             /* @__PURE__ */ o("span", { className: t.icons, children: [
               /* @__PURE__ */ e("span", { className: t.selectedIcon, children: k }),
-              /* @__PURE__ */ e("span", { className: t.icon, children: f })
+              /* @__PURE__ */ e("span", { className: t.icon, children: _ })
             ] }),
             /* @__PURE__ */ o("span", { children: [
               c,
               C && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: g(
+                  className: v(
                     t.subTag,
                     t[`subTag-${u}`]
                   ),
@@ -289,34 +289,34 @@ function _1({
 function B1({
   subItems: r,
   children: n,
-  notifications: p = [],
+  notifications: w = [],
   // TODO: Fetch these from the internets
   link: i = "a",
   host: c = "https://www.highcharts.com",
-  pathname: _ = typeof window < "u" ? window.location.pathname : ""
+  pathname: f = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const f = M("(max-width: 374px)"), k = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [u, x] = S(!1), [w, v] = S([]);
+  const _ = M("(max-width: 374px)"), k = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [u, x] = S(!1), [g, p] = S([]);
   q(() => {
-    if (p.length) {
+    if (w.length) {
       const a = localStorage.getItem("notifications");
       if (a) {
-        const m = JSON.parse(a);
-        v(
-          p.filter(
-            (s) => !s.id || !m.closed.includes(s.id)
+        const d = JSON.parse(a);
+        p(
+          w.filter(
+            (s) => !s.id || !d.closed.includes(s.id)
           )
         );
       } else
-        v(p);
+        p(w);
     }
-  }, [p]);
+  }, [w]);
   const b = () => {
     x(!u);
-  }, P = (a) => {
-    v(w.filter((s) => !s.id || s.id !== a));
-    const m = localStorage.getItem("notifications");
-    if (m) {
-      const s = JSON.parse(m);
+  }, O = (a) => {
+    p(g.filter((s) => !s.id || s.id !== a));
+    const d = localStorage.getItem("notifications");
+    if (d) {
+      const s = JSON.parse(d);
       s.closed.includes(a) || (s.closed.push(a), localStorage.setItem("notifications", JSON.stringify(s)));
     } else
       localStorage.setItem(
@@ -327,35 +327,35 @@ function B1({
       );
   };
   return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: t.header, children: [
-    w == null ? void 0 : w.map(
-      ({ id: a, title: m, description: s, variant: N, closable: U }, V) => /* @__PURE__ */ e(
+    g?.map(
+      ({ id: a, title: d, description: s, variant: N, closable: P }, U) => /* @__PURE__ */ e(
         J,
         {
           description: s,
           variant: N,
-          closable: U,
-          onClose: () => P(a),
-          children: m
+          closable: P,
+          onClose: () => O(a),
+          children: d
         },
-        V
+        U
       )
     ),
-    /* @__PURE__ */ e("div", { className: g(t.main, t.outer), children: /* @__PURE__ */ o(O, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: v(t.main, t.outer), children: /* @__PURE__ */ o(I, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         i,
         {
           className: t.logo,
           href: h("https://www.highcharts.com/", c),
-          children: /* @__PURE__ */ e(L, { showText: !C && !f })
+          children: /* @__PURE__ */ e(L, { showText: !C && !_ })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: m }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: d }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         l,
         {
           variant: "plain",
           size: 300,
           as: i,
-          href: h(m, c),
+          href: h(d, c),
           children: a
         }
       ) }, s)) }),
@@ -416,28 +416,28 @@ function B1({
         )
       ] })
     ] }) }),
-    !!(r != null && r.length) && /* @__PURE__ */ e(
-      _1,
+    !!r?.length && /* @__PURE__ */ e(
+      f1,
       {
         items: r,
         link: i,
         host: c,
-        pathname: _
+        pathname: f
       }
     ),
     n,
-    k && /* @__PURE__ */ o(I, { children: [
+    k && /* @__PURE__ */ o(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: g(t.mobileOverlay, { [t.open]: u }),
+          className: v(t.mobileOverlay, { [t.open]: u }),
           onClick: b
         }
       ),
       /* @__PURE__ */ o(
         "nav",
         {
-          className: g(t.mobile, {
+          className: v(t.mobile, {
             [t.open]: u
           }),
           children: [
@@ -447,7 +447,7 @@ function B1({
                 {
                   className: t.logo,
                   href: h("https://www.highcharts.com/", c),
-                  children: /* @__PURE__ */ e(L, { showText: !f })
+                  children: /* @__PURE__ */ e(L, { showText: !_ })
                 }
               ),
               /* @__PURE__ */ o("div", { className: t.buttons, children: [
@@ -504,14 +504,14 @@ function B1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: m, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: d, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
               l,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
                 as: i,
-                href: h(m, c),
+                href: h(d, c),
                 children: [
                   s,
                   a
@@ -526,5 +526,5 @@ function B1({
 }
 export {
   B1 as Header,
-  _1 as SubHeader
+  f1 as SubHeader
 };

package/dist/components/Logo/index.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { z as h } from "../../index-CMegByeX.js";
+import { z as h } from "../../index-DAWHN3cH.js";
 import { useMounted as d } from "../../utils.js";
 function n({
   title: s = "Highcharts",

package/dist/components/Notification/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as f } from "../../index-BFhQ-SSv.js";
+import { N as f } from "../../index-CRjV8IBy.js";
 import "../../clsx-OuTLNxxd.js";
 import "../../index-DKE1ODpv.js";
 import "../Container/index.js";