@m4l/graphics 7.5.0 → 7.6.0

package/contexts/ThemeSettingsContext/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/store.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAI9B,MAAM,SAAS,CAAC;AAwGjB;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,cAAc,8BAA8B;;;;;;;;CAwKpF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAI9B,MAAM,SAAS,CAAC;AAkHjB;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,cAAc,8BAA8B;;;;;;;;CA2LpF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

package/contexts/ThemeSettingsContext/store.js

@@ -1,46 +1,54 @@
-import { createStore as c } from "zustand";
-import { devtools as d } from "zustand/middleware";
-import { immer as u } from "zustand/middleware/immer";
-import { getPaletteByPreset as a, createCustomShadows as x, shadows as s, typographyOld as U, getColorPresets as m } from "@m4l/styles";
-import { alpha as p } from "@mui/system";
-import { defaultThemeSettings as g } from "./constants.js";
-function l(o, r = "m4l") {
+import { createStore as d } from "zustand";
+import { devtools as u } from "zustand/middleware";
+import { immer as U } from "zustand/middleware/immer";
+import { EmitEvents as f } from "@m4l/core";
+import { getPaletteByPreset as x, createCustomShadows as C, shadows as l, typographyOld as T, getColorPresets as i } from "@m4l/styles";
+import { alpha as s } from "@mui/system";
+import { defaultThemeSettings as S } from "./constants.js";
+function c(r, o = "m4l") {
   const n = document.querySelector("[data-mui-color-scheme]");
-  n && Object.keys(o).forEach((t) => {
-    const e = o[t];
+  n && Object.keys(r).forEach((t) => {
+    const e = r[t];
     if (typeof e == "string" || typeof e == "number") {
-      const S = `--${r}-${t}`;
-      n.style.setProperty(S, e.toString());
-    } else typeof e == "object" && e !== null && l(e, `${r}-${t}`);
+      const p = `--${o}-${t}`;
+      n.style.setProperty(p, e.toString());
+    } else typeof e == "object" && e !== null && c(e, `${o}-${t}`);
   });
 }
-const h = (o) => {
-  const r = o.themeUserSettings || g, n = r.themeMode === "light", t = a(r.themeColor), e = n ? t.light : t.dark;
-  o.themeOptions = {
-    ...o.themeOptions,
-    ...U,
+const m = (r) => {
+  const o = r.themeUserSettings || S, n = o.themeMode === "light", t = x(o.themeColor), e = n ? t.light : t.dark;
+  r.themeOptions = {
+    ...r.themeOptions,
+    ...T,
     palette: {
-      ...o.themeOptions?.palette ?? {},
+      ...r.themeOptions?.palette ?? {},
       ...e
     },
     shape: { borderRadius: 8 },
-    direction: r.themeDirection,
-    shadows: n ? s.light : s.dark,
+    direction: o.themeDirection,
+    shadows: n ? l.light : l.dark,
     customShadows: {
-      primary: n ? `0 4px 8px -4px ${p(m(r.themeColor)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${p(m(r.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${p(m(r.themeColor)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${p(m(r.themeColor)?.enabledDark, 0.02)}`,
-      ...x(r.themeMode),
-      primary2: n ? `0px 2px 3px 0px ${p(m(r.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${p(m(r.themeColor)?.hoverOpacityDark, 0.2)}`
+      primary: n ? `0 4px 8px -4px ${s(i(o.themeColor)?.enabledLight, 0.12)},
+       0 2px 27px 2px ${s(i(o.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${s(i(o.themeColor)?.enabledDark, 0.12)},
+       0 2px 27px 2px ${s(i(o.themeColor)?.enabledDark, 0.02)}`,
+      ...C(o.themeMode),
+      primary2: n ? `0px 2px 3px 0px ${s(i(o.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${s(i(o.themeColor)?.hoverOpacityDark, 0.2)}`
     },
-    stretch: r.themeStretch
-  }, l(o.themeOptions);
-}, i = (o) => {
-  o.themeSettingsPersistFn?.(o.themeUserSettings);
-}, T = (o) => c(
-  d(
-    u((r, n) => ({
-      ...o,
+    stretch: o.themeStretch
+  }, c(r.themeOptions);
+}, h = (r) => {
+  r.themeSettingsPersistFn?.(r.themeUserSettings);
+};
+function g(r) {
+  r.hostToolsEventsEmit?.(
+    f.EMMIT_EVENT_HOST_THEME_CHANGE,
+    r.themeUserSettings.themeMode
+  );
+}
+const b = (r) => d(
+  u(
+    U((o, n) => ({
+      ...r,
       settingsActions: {
         /**
          * Inicializa la tienda de configuración del tema
@@ -50,8 +58,8 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         init: () => {
-          r((t) => {
-            h(t);
+          o((t) => {
+            m(t);
           });
         },
         /**
@@ -62,8 +70,9 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         setThemeSettings: (t) => {
-          r((e) => {
-            e.themeUserSettings = { ...e.themeUserSettings, ...t }, i(e), h(e);
+          o((e) => {
+            const p = e.themeUserSettings.themeMode;
+            e.themeUserSettings = { ...e.themeUserSettings, ...t }, h(e), m(e), p !== e.themeUserSettings.themeMode && g(e);
           });
         },
         /**
@@ -74,11 +83,19 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         onChangeMode: (t) => {
-          r((e) => {
+          o((e) => {
             t !== e.themeUserSettings.themeMode && (e.themeUserSettings = {
               ...e.themeUserSettings,
               themeMode: t
-            }, i(e), h(e));
+            }, h(e), m(e), g(e));
+          });
+        },
+        /**
+         * Register the host-tools emitter used to broadcast theme-mode changes.
+         */
+        registerHostToolsEventsEmit: (t) => {
+          o((e) => {
+            e.hostToolsEventsEmit = t;
           });
         },
         /**
@@ -89,7 +106,7 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         handleOpen: () => {
-          r((t) => {
+          o((t) => {
             t.open = !t.open;
           });
         },
@@ -101,11 +118,11 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         onChangeDirection: (t) => {
-          r((e) => {
+          o((e) => {
             t !== e.themeUserSettings.themeDirection && (e.themeUserSettings = {
               ...e.themeUserSettings,
               themeDirection: t
-            }, i(e), h(e));
+            }, h(e), m(e));
           });
         },
         /**
@@ -116,11 +133,11 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         onChangeColor: (t) => {
-          r((e) => {
+          o((e) => {
             t !== e.themeUserSettings.themeColor && (e.themeUserSettings = {
               ...e.themeUserSettings,
               themeColor: t
-            }, i(e), h(e));
+            }, h(e), m(e));
           });
         },
         /**
@@ -131,11 +148,11 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         onChangeLayout: (t) => {
-          r((e) => {
+          o((e) => {
             e.themeUserSettings = {
               ...e.themeUserSettings,
               themeLayout: t.target.value
-            }, i(e), h(e);
+            }, h(e), m(e);
           });
         },
         /**
@@ -146,11 +163,11 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         onToggleStretch: () => {
-          r((t) => {
+          o((t) => {
             t.themeUserSettings = {
               ...t.themeUserSettings,
               themeStretch: !t.themeUserSettings.themeStretch
-            }, i(t), h(t);
+            }, h(t), m(t);
           });
         },
         /**
@@ -161,10 +178,11 @@ const h = (o) => {
          * @updatedUser Juan Escobar - automatic
          */
         onResetSetting: () => {
-          r((t) => {
+          o((t) => {
+            const e = t.themeUserSettings.themeMode;
             t.themeUserSettings = {
-              ...g
-            }, i(t), h(t);
+              ...S
+            }, h(t), m(t), e !== t.themeUserSettings.themeMode && g(t);
           });
         }
       }
@@ -173,5 +191,5 @@ const h = (o) => {
   )
 );
 export {
-  T as createThemeSettingsStore
+  b as createThemeSettingsStore
 };

package/contexts/ThemeSettingsContext/types.d.ts

@@ -1,3 +1,4 @@
+import { EmmitFunction } from '@m4l/core';
 import { PresetsOptionsColorMain, ThemeUserColor } from '@m4l/styles';
 import { Theme } from '@mui/material/styles';
 import { ReactNode } from 'react';
@@ -41,6 +42,11 @@ export interface ThemeSettingsStore {
      * @updatedUser Juan Escobar - automatic
      */
     themeSettingsPersistFn?: (newValue: ThemeUserSettings) => void;
+    /**
+     * Host-owned event emitter injected when this store should broadcast mode changes
+     * through the shared host-tools contract.
+     */
+    hostToolsEventsEmit?: EmmitFunction;
     /**
      * "open" es una variable que se encarga de abrir o cerrar el formulario
      * @createdAt 2024-10-08 13:22:53 - automatic
@@ -59,6 +65,7 @@ export interface ThemeSettingsStateWithActions extends ThemeSettingsStore {
         onChangeColor: (color: ThemeUserColor) => void;
         onChangeLayout: (event: React.ChangeEvent<HTMLInputElement>) => void;
         handleOpen: () => void;
+        registerHostToolsEventsEmit: (eventsEmit?: EmmitFunction) => void;
         setThemeSettings: (newValue: Partial<ThemeUserSettings>) => void;
     };
 }

package/contexts/ThemeSettingsContext/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,uBAAuB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAG,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,eAAe,CAAC;CAE9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,YAAY,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IACjD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAChE,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;QAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAG,uBAAuB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAG,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,eAAe,CAAC;CAE9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,YAAY,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IACjD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAChE,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;QAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,2BAA2B,EAAE,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QAClE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.5.0",
+  "version": "7.6.0",
   "publishConfig": {
     "access": "public"
   },