@crystaltech/hsms-shared-ui 0.5.29 → 0.5.30

package/dist/components/ColorSettings.d.ts

@@ -1,2 +1,5 @@
-declare const ColorSettings: () => import("react/jsx-runtime").JSX.Element;
+import { Theme } from '@mui/material';
+declare const ColorSettings: ({ onColorSubmit, }: {
+    onColorSubmit: (theme: Theme) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ColorSettings;

package/dist/components/ThemeSetting.d.ts

@@ -1,2 +1,6 @@
-declare const ThemeSetting: () => import("react/jsx-runtime").JSX.Element;
+import { Theme } from '@mui/material';
+declare const ThemeSetting: ({ onColorSubmit, onTypographySubmit, }: {
+    onColorSubmit: (theme: Theme) => void;
+    onTypographySubmit: (theme: Theme) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ThemeSetting;

package/dist/components/TypographySettings.d.ts

@@ -1,3 +1,5 @@
-import { default as React } from 'react';
-declare const TypographySettings: React.FC;
+import { Theme } from '@mui/material';
+declare const TypographySettings: ({ onTypographySubmit, }: {
+    onTypographySubmit: (theme: Theme) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TypographySettings;

package/dist/index.es.js

@@ -15566,36 +15566,38 @@ const ll = ({
       foreground: s.foreground
     }
   }
-}), q3 = () => {
-  const [e, t] = ht(
+}), q3 = ({
+  onColorSubmit: e
+}) => {
+  const [t, n] = ht(
     JSON.parse(localStorage.getItem("theme") || "{}").palette.primary.main
-  ), [n, r] = ht(
+  ), [r, s] = ht(
     JSON.parse(localStorage.getItem("theme") || "{}").palette.secondary.main
-  ), [s, i] = ht(
+  ), [i, a] = ht(
     JSON.parse(localStorage.getItem("theme") || "{}").palette.navbar
-  ), [a, l] = ht(
+  ), [l, c] = ht(
     JSON.parse(localStorage.getItem("theme") || "{}").palette.sidebar
-  ), c = (g) => {
-    t(g);
-  }, u = (g) => {
-    r(g);
-  }, d = (g) => {
-    i({ ...s, background: g });
-  }, A = (g) => {
-    i({ ...s, foreground: g });
-  }, f = (g) => {
-    l({ ...a, background: g });
-  }, h = (g) => {
-    l({ ...a, foreground: g });
-  }, v = () => {
-    const g = JSON.parse(localStorage.getItem("theme") || "{}"), w = U3(
-      g,
-      e,
-      n,
-      s,
-      a
+  ), u = (w) => {
+    n(w);
+  }, d = (w) => {
+    s(w);
+  }, A = (w) => {
+    a({ ...i, background: w });
+  }, f = (w) => {
+    a({ ...i, foreground: w });
+  }, h = (w) => {
+    c({ ...l, background: w });
+  }, v = (w) => {
+    c({ ...l, foreground: w });
+  }, g = () => {
+    const w = JSON.parse(localStorage.getItem("theme") || "{}"), C = U3(
+      w,
+      t,
+      r,
+      i,
+      l
     );
-    localStorage.setItem("theme", JSON.stringify(w)), window.location.reload();
+    localStorage.setItem("theme", JSON.stringify(C)), e(C);
   };
   return /* @__PURE__ */ p.jsxs(
     Tr,
@@ -15615,8 +15617,8 @@ const ll = ({
             so,
             {
               label: "Color",
-              initialColor: e,
-              onChange: c
+              initialColor: t,
+              onChange: u
             }
           ) })
         ] }),
@@ -15626,8 +15628,8 @@ const ll = ({
             so,
             {
               label: "Color",
-              initialColor: n,
-              onChange: u
+              initialColor: r,
+              onChange: d
             }
           ) })
         ] }),
@@ -15638,16 +15640,16 @@ const ll = ({
               so,
               {
                 label: "Background",
-                initialColor: s.background,
-                onChange: d
+                initialColor: i.background,
+                onChange: A
               }
             ),
             /* @__PURE__ */ p.jsx(
               so,
               {
                 label: "Foreground",
-                initialColor: s.foreground,
-                onChange: A
+                initialColor: i.foreground,
+                onChange: f
               }
             )
           ] })
@@ -15659,21 +15661,21 @@ const ll = ({
               so,
               {
                 label: "Background",
-                initialColor: a.background,
-                onChange: f
+                initialColor: l.background,
+                onChange: h
               }
             ),
             /* @__PURE__ */ p.jsx(
               so,
               {
                 label: "Foreground",
-                initialColor: a.foreground,
-                onChange: h
+                initialColor: l.foreground,
+                onChange: v
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ p.jsx(ll, { onClick: v, children: "Apply" })
+        /* @__PURE__ */ p.jsx(ll, { onClick: g, children: "Apply" })
       ]
     }
   );
@@ -26641,33 +26643,35 @@ const yM = ({
 ], DM = () => JSON.parse(localStorage.getItem("theme") || "{}").typography.fontFamily.split(",").map((s) => s.trim()).map((s) => ({
   value: s,
   title: s.replace(/['"]/g, "")
-})), xM = () => {
-  const [e, t] = ht(() => {
-    const c = localStorage.getItem("theme");
-    return c ? JSON.parse(c).typography : {};
-  }), [n, r] = ht(DM()), s = (c, u, d) => {
-    t((A) => ({
-      ...A,
-      [c]: {
-        ...A[c],
-        [u]: u === "fontWeight" ? Number(d) : `${d}rem`
+})), xM = ({
+  onTypographySubmit: e
+}) => {
+  const [t, n] = ht(() => {
+    const u = localStorage.getItem("theme");
+    return u ? JSON.parse(u).typography : {};
+  }), [r, s] = ht(DM()), i = (u, d, A) => {
+    n((f) => ({
+      ...f,
+      [u]: {
+        ...f[u],
+        [d]: d === "fontWeight" ? Number(A) : `${A}rem`
       }
     }));
-  }, i = (c, u, d) => {
-    if (d === "0") return;
-    const A = d.replace(/[^\d.]/g, "");
-    s(c, u, A);
-  }, a = () => {
-    const c = JSON.parse(localStorage.getItem("theme") || "{}"), d = n.map((f) => f.value).join(",").replace(/"/g, "'"), A = {
-      ...c,
+  }, a = (u, d, A) => {
+    if (A === "0") return;
+    const f = A.replace(/[^\d.]/g, "");
+    i(u, d, f);
+  }, l = () => {
+    const u = JSON.parse(localStorage.getItem("theme") || "{}"), A = r.map((h) => h.value).join(",").replace(/"/g, "'"), f = {
+      ...u,
       typography: {
-        ...e,
-        fontFamily: d
+        ...t,
+        fontFamily: A
       }
     };
-    localStorage.setItem("theme", JSON.stringify(A)), window.location.reload(), console.log(e, A, d);
-  }, l = (c) => {
-    Array.isArray(c) ? r(c) : r(c ? [c] : []);
+    localStorage.setItem("theme", JSON.stringify(f)), e(f);
+  }, c = (u) => {
+    Array.isArray(u) ? s(u) : s(u ? [u] : []);
   };
   return /* @__PURE__ */ p.jsxs(Je, { children: [
     /* @__PURE__ */ p.jsx(Ge, { variant: "h4", gutterBottom: !0, children: "Typography Settings" }),
@@ -26678,24 +26682,24 @@ const yM = ({
           yM,
           {
             label: "Select Font Families",
-            defaultValue: n,
+            defaultValue: r,
             options: EM,
-            getOptionLabel: (c) => c.title,
-            onChange: l,
+            getOptionLabel: (u) => u.title,
+            onChange: c,
             multiple: !0
           }
         )
       ] }),
-      e && Object.keys(e).map((c) => {
-        if (c !== "fontFamily")
+      t && Object.keys(t).map((u) => {
+        if (u !== "fontFamily")
           return /* @__PURE__ */ p.jsxs(Fs, { size: { xs: 12, sm: 6, md: 4 }, children: [
-            /* @__PURE__ */ p.jsx(Ge, { variant: "h6", gutterBottom: !0, children: c }),
+            /* @__PURE__ */ p.jsx(Ge, { variant: "h6", gutterBottom: !0, children: u }),
             /* @__PURE__ */ p.jsx(
               Sl,
               {
                 label: "Font Size (rem)",
-                value: e[c].fontSize.replace(/rem$/, ""),
-                onChange: (u) => i(c, "fontSize", u.target.value),
+                value: t[u].fontSize.replace(/rem$/, ""),
+                onChange: (d) => a(u, "fontSize", d.target.value),
                 fullWidth: !0,
                 inputProps: { inputMode: "numeric", pattern: "[0-9]*" }
               }
@@ -26704,8 +26708,8 @@ const yM = ({
               Sl,
               {
                 label: "Font Weight",
-                value: e[c].fontWeight,
-                onChange: (u) => s(c, "fontWeight", u.target.value),
+                value: t[u].fontWeight,
+                onChange: (d) => i(u, "fontWeight", d.target.value),
                 fullWidth: !0,
                 margin: "normal"
               }
@@ -26714,18 +26718,18 @@ const yM = ({
               Sl,
               {
                 label: "Line Height (rem)",
-                value: e[c].lineHeight.replace(/rem$/, ""),
-                onChange: (u) => i(
-                  c,
+                value: t[u].lineHeight.replace(/rem$/, ""),
+                onChange: (d) => a(
+                  u,
                   "lineHeight",
-                  u.target.value
+                  d.target.value
                 ),
                 fullWidth: !0,
                 margin: "normal",
                 inputProps: { inputMode: "numeric", pattern: "[0-9]*" }
               }
             )
-          ] }, c);
+          ] }, u);
       })
     ] }),
     /* @__PURE__ */ p.jsx(
@@ -26733,7 +26737,7 @@ const yM = ({
       {
         variant: "contained",
         color: "primary",
-        onClick: a,
+        onClick: l,
         sx: { marginTop: 2 },
         children: "Apply Settings"
       }
@@ -28011,16 +28015,19 @@ const WM = ({
 }, Gi = [
   { label: "Color", value: "color" },
   { label: "Typography", value: "typography" }
-], Jk = () => {
-  const [e, t] = ht(
+], Jk = ({
+  onColorSubmit: e,
+  onTypographySubmit: t
+}) => {
+  const [n, r] = ht(
     JSON.parse(localStorage.getItem("tabs") || JSON.stringify(Gi[0].value))
-  ), n = (r, s) => {
-    t(s), localStorage.setItem("tabs", JSON.stringify(s)), console.log(r);
+  ), s = (i, a) => {
+    r(a), localStorage.setItem("tabs", JSON.stringify(a)), console.log(i);
   };
   return /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
-    /* @__PURE__ */ p.jsx(WM, { tabs: Gi, value: e, onChange: n }),
-    e === Gi[0].value && /* @__PURE__ */ p.jsx(q3, {}),
-    e === Gi[1].value && /* @__PURE__ */ p.jsx(xM, {})
+    /* @__PURE__ */ p.jsx(WM, { tabs: Gi, value: n, onChange: s }),
+    n === Gi[0].value && /* @__PURE__ */ p.jsx(q3, { onColorSubmit: e }),
+    n === Gi[1].value && /* @__PURE__ */ p.jsx(xM, { onTypographySubmit: t })
   ] });
 }, KM = rt(/* @__PURE__ */ p.jsx("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"