@m4l/graphics 7.1.3 → 7.1.4

package/contexts/ThemeSettingsContext/index.d.ts

@@ -1,3 +1,3 @@
 export * from './ThemeSettingsContext';
-export type { ThemeUserSettings as ThemeSettingsType, ThemeUserMode as ThemeMode } from './types';
+export type { ThemeUserSettings as ThemeSettingsType, ThemeUserMode as ThemeMode, ThemeUserDirection as ThemeDirection, ThemeUserLayout as ThemeLayout, ThemeUserStretch as ThemeStretch, ThemeSettingsStore, ThemeSettingsStateWithActions, } from './types';
 export { defaultThemeSettings } from './constants';

package/contexts/ThemeSettingsContext/store.js

@@ -1,7 +1,7 @@
-import { createStore as S } from "zustand";
-import { devtools as a } from "zustand/middleware";
-import { immer as d } from "zustand/middleware/immer";
-import { getPaletteByPreset as u, createCustomShadows as x, shadows as p, typographyOld as y, getColorPresets as m } from "@m4l/styles";
+import { createStore as c } from "zustand";
+import { devtools as d } from "zustand/middleware";
+import { immer as a } from "zustand/middleware/immer";
+import { getPaletteByPreset as u, createCustomShadows as x, shadows as p, typographyOld as U, getColorPresets as m } from "@m4l/styles";
 import { alpha as s } from "@mui/system";
 import { d as g } from "./constants.js";
 function l(r, o = "m4l") {
@@ -9,8 +9,8 @@ function l(r, o = "m4l") {
   n && Object.keys(r).forEach((t) => {
     const e = r[t];
     if (typeof e == "string" || typeof e == "number") {
-      const c = `--${o}-${t}`;
-      n.style.setProperty(c, e.toString());
+      const S = `--${o}-${t}`;
+      n.style.setProperty(S, e.toString());
     } else typeof e == "object" && e !== null && l(e, `${o}-${t}`);
   });
 }
@@ -18,7 +18,7 @@ const h = (r) => {
   const o = r.themeUserSettings || g, n = o.themeMode === "light", t = u(o.themeColor), e = n ? t.light : t.dark;
   r.themeOptions = {
     ...r.themeOptions,
-    ...y,
+    ...U,
     palette: {
       ...r.themeOptions?.palette ?? {},
       ...e
@@ -37,9 +37,9 @@ const h = (r) => {
   }, l(r.themeOptions);
 }, i = (r) => {
   r.themeSettingsPersistFn && r.themeSettingsPersistFn(r.themeUserSettings);
-}, T = (r) => S(
-  a(
-    d((o, n) => ({
+}, T = (r) => c(
+  d(
+    a((o, n) => ({
       ...r,
       settingsActions: {
         /**
@@ -75,10 +75,10 @@ const h = (r) => {
          */
         onChangeMode: (t) => {
           o((e) => {
-            e.themeUserSettings = {
+            t !== e.themeUserSettings.themeMode && (e.themeUserSettings = {
               ...e.themeUserSettings,
-              themeMode: t.target.value
-            }, i(e), h(e);
+              themeMode: t
+            }, i(e), h(e));
           });
         },
         /**
@@ -102,10 +102,10 @@ const h = (r) => {
          */
         onChangeDirection: (t) => {
           o((e) => {
-            e.themeUserSettings = {
+            t !== e.themeUserSettings.themeDirection && (e.themeUserSettings = {
               ...e.themeUserSettings,
-              themeDirection: t.target.value
-            }, i(e), h(e);
+              themeDirection: t
+            }, i(e), h(e));
           });
         },
         /**
@@ -117,10 +117,10 @@ const h = (r) => {
          */
         onChangeColor: (t) => {
           o((e) => {
-            e.themeUserSettings = {
+            t !== e.themeUserSettings.themeColor && (e.themeUserSettings = {
               ...e.themeUserSettings,
-              themeColor: t.target.value
-            }, i(e), h(e);
+              themeColor: t
+            }, i(e), h(e));
           });
         },
         /**

package/contexts/ThemeSettingsContext/types.d.ts

@@ -54,9 +54,9 @@ export interface ThemeSettingsStateWithActions extends ThemeSettingsStore {
         init: () => void;
         onToggleStretch: VoidFunction;
         onResetSetting: VoidFunction;
-        onChangeMode: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        onChangeDirection: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        onChangeColor: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onChangeMode: (mode: ThemeUserMode) => void;
+        onChangeDirection: (direction: ThemeUserDirection) => void;
+        onChangeColor: (color: ThemeUserColor) => void;
         onChangeLayout: (event: React.ChangeEvent<HTMLInputElement>) => void;
         handleOpen: () => void;
         setThemeSettings: (newValue: Partial<ThemeUserSettings>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.1.3",
+  "version": "7.1.4",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "type": "module",