@m4l/graphics 1.0.9 → 1.0.10

package/contexts/ResponsiveContainerContext/constants.d.ts

@@ -1,2 +1,2 @@
-import { BreakPointsType } from "./types";
+import { BreakPointsType } from './types';
 export declare const BREAKPOINTS: BreakPointsType;

package/contexts/ResponsiveContainerContext/types.d.ts

@@ -19,8 +19,7 @@ export interface ResponsiveContainerState {
     isUpSm: boolean;
     isXs: boolean;
 }
-export interface InitialResponsiveContainerProps extends Pick<ResponsiveContainerState, 'breakPoint' | 'isUpSm' | 'isXs'> {
-}
+export declare type InitialResponsiveContainerProps = Pick<ResponsiveContainerState, 'breakPoint' | 'isUpSm' | 'isXs'>;
 export interface ResponsiveContainerStateWithActions extends ResponsiveContainerState {
     responsiveContainerActions: {
         setBreakpoint: (breakPoint: BreakpointType) => void;

package/contexts/{index.1d935da9.js → index.955e2da6.js}

@@ -1,8 +1,8 @@
 import { createContext as f, useRef as T, useMemo as k, useLayoutEffect as y, useEffect as b } from "react";
-import { c as v, d as R, i as P, l as M } from "../node_modules.7cdb697c.js";
+import { c as v, d as R, i as P, l as E } from "../node_modules.7cdb697c.js";
 import { jsx as x } from "react/jsx-runtime";
-import { useNetwork as E, useLocalStorageWithListener as w } from "@m4l/core";
-import { getColorPresets as m, getColorState as d, typography as L, palette as S, SECONDARY as A, COMMON as N, ERROR as D, WARNING as z, INFO as W, SUCCESS as B, shadows as p, createCustomShadows as $, defaultThemeOptions as j, defaultPreset as _, colorPresets as F } from "@m4l/styles";
+import { useNetwork as M, useLocalStorageWithListener as w } from "@m4l/core";
+import { getColorPresets as m, getColorState as d, typography as L, palette as S, SECONDARY as A, COMMON as N, ERROR as D, WARNING as z, INFO as B, SUCCESS as $, shadows as p, createCustomShadows as j, defaultThemeOptions as W, defaultPreset as _, colorPresets as F } from "@m4l/styles";
 import { alpha as I } from "@mui/system";
 import { u as U } from "../hooks/useFirstRender/index.1e9b02fb.js";
 const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
@@ -15,11 +15,9 @@ const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
         ...t,
         responsiveContainerActions: {
           setBreakpoint: (e) => {
-            o(
-              (i) => {
-                console.log("current breakpoint", e), i.breakPoint = e, i.isUpSm = e !== "xs" && e !== "sm", i.isXs = e == "xs";
-              }
-            );
+            o((i) => {
+              i.breakPoint = e, i.isUpSm = e !== "xs" && e !== "sm", i.isXs = e == "xs";
+            });
           }
         }
       })),
@@ -39,29 +37,28 @@ const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
   const e = () => {
     const s = o;
     if (s instanceof HTMLElement && s.clientWidth) {
-      const c = Object.keys(C);
-      for (let l = 0; l < c.length; l++) {
-        const g = c[l];
+      const a = Object.keys(C);
+      for (let l = 0; l < a.length; l++) {
+        const g = a[l];
         if (s.clientWidth <= C[g]) {
           n.current?.getState().responsiveContainerActions.setBreakpoint(g);
           break;
         }
       }
-      console.log("node.clientWidth", s.clientWidth), console.log("onResizeMemo", n.current?.getState().breakPoint);
     }
-  }, i = k(() => M.exports.throttle(e, 200, {
+  }, i = k(() => E.exports.throttle(e, 200, {
     leading: !1,
     trailing: !0
   }), [e]);
   return y(() => {
     const s = () => {
       i();
-    }, c = o;
-    if (c && c instanceof Element) {
+    }, a = o;
+    if (a && a instanceof Element) {
       const l = new ResizeObserver((g) => {
         s();
       });
-      return l.observe(c), () => {
+      return l.observe(a), () => {
         l.disconnect();
       };
     }
@@ -91,7 +88,7 @@ function O(r, t = "m4l") {
       typeof e == "object" && e !== null && O(e, `${t}-${n}`);
   });
 }
-const a = (r) => {
+const c = (r) => {
   const t = r.currentThemeSettings || u;
   console.log("getColorPresets", m(t.themeColorPresets)), console.log(
     "getColorState",
@@ -141,7 +138,7 @@ const a = (r) => {
         contrastTextChannel: ""
       },
       info: {
-        ...W,
+        ...B,
         contrastText: "",
         mainChannel: "",
         lightChannel: "",
@@ -149,7 +146,7 @@ const a = (r) => {
         contrastTextChannel: ""
       },
       success: {
-        ...B,
+        ...$,
         contrastText: "",
         mainChannel: "",
         lightChannel: "",
@@ -165,7 +162,7 @@ const a = (r) => {
         m(t.themeColorPresets)?.main || "#fff",
         0.2
       )}`,
-      ...$(t.themeMode)
+      ...j(t.themeMode)
     },
     stretch: t.themeStretch
   }, console.log("state.themeOptions", r.themeOptions), O(r.themeOptions);
@@ -178,12 +175,12 @@ const a = (r) => {
       settingsActions: {
         init: () => {
           t((n) => {
-            a(n);
+            c(n);
           });
         },
         setThemeSettings: (n) => {
           t((e) => {
-            e.currentThemeSettings = { ...e.currentThemeSettings, ...n }, h(e), a(e);
+            e.currentThemeSettings = { ...e.currentThemeSettings, ...n }, h(e), c(e);
           });
         },
         onChangeMode: (n) => {
@@ -191,7 +188,7 @@ const a = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeMode: n.target.value
-            }, h(e), a(e);
+            }, h(e), c(e);
           });
         },
         handleOpen: () => {
@@ -204,7 +201,7 @@ const a = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeDirection: n.target.value
-            }, h(e), a(e);
+            }, h(e), c(e);
           });
         },
         onChangeColor: (n) => {
@@ -212,7 +209,7 @@ const a = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeColorPresets: n.target.value
-            }, h(e), a(e);
+            }, h(e), c(e);
           });
         },
         onChangeLayout: (n) => {
@@ -220,7 +217,7 @@ const a = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeLayout: n.target.value
-            }, h(e), a(e);
+            }, h(e), c(e);
           });
         },
         onToggleStretch: () => {
@@ -228,14 +225,14 @@ const a = (r) => {
             n.currentThemeSettings = {
               ...n.currentThemeSettings,
               themeStretch: !n.currentThemeSettings.themeStretch
-            }, h(n), a(n);
+            }, h(n), c(n);
           });
         },
         onResetSetting: () => {
           t((n) => {
             n.currentThemeSettings = {
               ...u
-            }, h(n), a(n);
+            }, h(n), c(n);
           });
         }
       }
@@ -249,17 +246,17 @@ function ne({
 }) {
   const {
     networkOperation: o
-  } = E(), [n, e] = w("theme_setting", u), i = U([t]), s = T();
+  } = M(), [n, e] = w("theme_setting", u), i = U([t]), s = T();
   return s.current || (s.current = q({
     networkOperation: o,
     currentThemeSettings: {
       ...t ?? n
     },
-    themeOptions: j,
+    themeOptions: W,
     currentPreset: _,
-    colorOption: F.map((c) => ({
-      name: c.name,
-      value: c.main
+    colorOption: F.map((a) => ({
+      name: a.name,
+      value: a.main
     })),
     open: !1,
     setterThemeSettings: t ? void 0 : e

package/hooks/{index.e4fb3c4e.js → index.91cf59db.js}

@@ -1,7 +1,7 @@
 import { useRef as n, useEffect as r, useState as i, useContext as u, useLayoutEffect as c } from "react";
 import { H as m } from "../contexts/HostThemeContext/index.02e36f38.js";
 import { u as a } from "../node_modules.7cdb697c.js";
-import { T as l } from "../contexts/index.1d935da9.js";
+import { T as l } from "../contexts/index.955e2da6.js";
 function S() {
   const e = n(!0);
   return r(

package/hooks/useIsMobile/{index.1afbcd66.js → index.028b5710.js}

@@ -3,9 +3,15 @@ import { t as s } from "../../node_modules.7cdb697c.js";
 const t = () => typeof navigator > "u" ? !1 : /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), l = () => {
   const [i, r] = n(t());
   return o(() => {
-    const e = s(() => {
-      r(t());
-    }, 200);
+    const e = s(
+      () => {
+        r(t());
+      },
+      200,
+      {
+        trailing: !0
+      }
+    );
     return window.addEventListener("resize", e), e(), () => {
       window.removeEventListener("resize", e), e.cancel();
     };

package/hooks/useResponsive/{index.0881f166.js → index.d09000d7.js}

@@ -1,6 +1,6 @@
 import { useContext as t } from "react";
 import { u as r } from "../../node_modules.7cdb697c.js";
-import { R as n } from "../../contexts/index.1d935da9.js";
+import { R as n } from "../../contexts/index.955e2da6.js";
 import { useResponsive as i } from "@m4l/styles";
 function f(e, s) {
   const o = t(n);

package/index.js

@@ -1,14 +1,14 @@
 import { G as l } from "./components/GlobalStyle/index.b7393a44.js";
 import { L as C, a as T, g } from "./contexts/LocalesContext/index.53f0b702.js";
 import { F as R, a as S } from "./contexts/FormatterContext/index.92336f4c.js";
-import { R as F, a as P, T as b, b as L, d as H } from "./contexts/index.1d935da9.js";
+import { R as F, a as P, T as b, b as L, d as H } from "./contexts/index.955e2da6.js";
 import { H as w, a as z } from "./contexts/HostThemeContext/index.02e36f38.js";
 import { u as I } from "./hooks/useFirstRender/index.1e9b02fb.js";
 import { u as O } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as A, u as D, a as E, c as N, d as W } from "./hooks/index.e4fb3c4e.js";
+import { b as A, u as D, a as E, c as N, d as W } from "./hooks/index.91cf59db.js";
 import { u as q } from "./hooks/useLocales/index.d5a80aff.js";
-import { u as J, a as K } from "./hooks/useResponsive/index.0881f166.js";
-import { u as U } from "./hooks/useIsMobile/index.1afbcd66.js";
+import { u as J, a as K } from "./hooks/useResponsive/index.d09000d7.js";
+import { u as U } from "./hooks/useIsMobile/index.028b5710.js";
 import { C as X, g as Y } from "./utils/index.6909c662.js";
 import "@mui/material/styles";
 import "@mui/material";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {