@m4l/graphics 0.1.42 → 0.1.44

package/components/GlobalStyle/index.fff91e86.js

@@ -0,0 +1,63 @@
+import { useTheme as o } from "@mui/material/styles";
+import { GlobalStyles as a } from "@mui/material";
+import { globalRemSize as t } from "@m4l/styles";
+import { jsx as e } from "react/jsx-runtime";
+function s() {
+  const r = o();
+  return /* @__PURE__ */ e(a, {
+    styles: {
+      body: {
+        backgroundColor: `${r.palette.background.background}!important`,
+        "*::-webkit-scrollbar": {
+          width: "7px",
+          height: "7px",
+          borderRadius: "3px",
+          backgroundColor: "transparent"
+        },
+        "*::-webkit-scrollbar-track": {
+          backgroundColor: "transparent",
+          border: "0px solid transparent"
+        },
+        "*::-webkit-scrollbar-corner": {
+          backgroundColor: "transparent"
+        },
+        "*::-webkit-scrollbar-thumb": {
+          background: r.palette.state.scrollBar,
+          borderRadius: "2px!important"
+        }
+      },
+      "#nprogress": {
+        pointerEvents: "none",
+        "& .bar": {
+          top: 0,
+          left: 0,
+          height: 2,
+          width: "100%",
+          position: "fixed",
+          zIndex: r.zIndex.snackbar,
+          backgroundColor: r.palette.primary.main,
+          boxShadow: `0 0 2px ${r.palette.primary.main}`
+        },
+        "& .peg": {
+          right: 0,
+          opacity: 1,
+          width: 100,
+          height: "100%",
+          display: "block",
+          position: "absolute",
+          transform: "rotate(3deg) translate(0px, -4px)",
+          boxShadow: `0 0 10px ${r.palette.primary.main}, 0 0 5px ${r.palette.primary.main}`
+        }
+      },
+      "& html": {
+        fontSize: t.desktop,
+        [r.breakpoints.down("sm")]: {
+          fontSize: t.mobile
+        }
+      }
+    }
+  });
+}
+export {
+  s as G
+};

package/components/index.8083534b.js

@@ -0,0 +1,4 @@
+import "@mui/material/styles";
+import "@mui/material";
+import "@m4l/styles";
+import "react/jsx-runtime";

package/contexts/HostThemeContext/{index.a6a62c70.js → index.4291ba89.js}

@@ -1,7 +1,7 @@
 import { createContext as H, useState as E, useMemo as v, useCallback as M, useEffect as c } from "react";
 import { CssBaseline as C } from "@mui/material";
 import { createTheme as O, StyledEngineProvider as N, ThemeProvider as S } from "@mui/material/styles";
-import { useHostTools as x, EmitEvents as o } from "@m4l/core";
+import { useHostTools as x, EmitEvents as r } from "@m4l/core";
 import { jsx as n, jsxs as F } from "react/jsx-runtime";
 const I = H(null);
 function b(l) {
@@ -10,27 +10,31 @@ function b(l) {
     hostThemeOptions: t,
     fnComponentsOverrides: i,
     isMicroFrontEnd: s
-  } = l, [r, m] = E(t), {
+  } = l, [o, m] = E(t), {
     events_add_listener: a,
-    events_remove_listener: _,
-    events_emit: f
-  } = x(), [d, u] = E(!0), p = v(() => {
-    const e = O(r);
+    events_remove_listener: u,
+    events_emit: _
+  } = x(), [f, d] = E(!0), p = v(() => {
+    const e = O(o);
     return e.components = i(e), e;
-  }, [r]), T = M((e) => {
-    m(e);
+  }, [o]), T = M((e) => {
+    setTimeout(() => {
+      m(e);
+    }, 0);
   }, []);
-  return c(() => (s && a(o.EMMIT_EVENT_HOST_THEME_CHANGE, T), () => {
-    s && _(o.EMMIT_EVENT_HOST_THEME_CHANGE, T);
+  return c(() => (s && a(r.EMMIT_EVENT_HOST_THEME_CHANGE, T), () => {
+    s && u(r.EMMIT_EVENT_HOST_THEME_CHANGE, T);
   }), []), c(() => {
-    if (d) {
-      u(!1);
+    if (f) {
+      d(!1);
       return;
     }
-    s || (m(t), f(o.EMMIT_EVENT_HOST_THEME_CHANGE, t));
+    s || (setTimeout(() => {
+      m(t);
+    }, 0), _(r.EMMIT_EVENT_HOST_THEME_CHANGE, t));
   }, [t]), /* @__PURE__ */ n(I.Provider, {
     value: {
-      hostThemeOptions: r,
+      hostThemeOptions: o,
       fnComponentsOverrides: i
     },
     children: /* @__PURE__ */ n(N, {

package/contexts/index.8396304d.js

@@ -0,0 +1,4 @@
+import "./FormatterContext/index.92336f4c.js";
+import "./LocalesContext/index.53f0b702.js";
+import "date-fns/locale/en-US";
+import "./HostThemeContext/index.4291ba89.js";

package/hooks/index.0b942257.js

@@ -0,0 +1,48 @@
+import { useRef as r, useEffect as n, useState as f, useContext as i, useLayoutEffect as c } from "react";
+import { H as m } from "../contexts/HostThemeContext/index.4291ba89.js";
+import "../contexts/FormatterContext/index.92336f4c.js";
+import "../contexts/LocalesContext/index.53f0b702.js";
+import "@m4l/styles";
+function T() {
+  const e = r(!0);
+  return n(
+    () => () => {
+      e.current = !1;
+    },
+    []
+  ), e;
+}
+function b(e) {
+  const [s, t] = f(!1), o = e || 100;
+  return n(() => (window.onscroll = () => {
+    window.pageYOffset > o ? t(!0) : t(!1);
+  }, () => {
+    window.onscroll = null;
+  }), [o]), s;
+}
+const h = () => {
+  const e = i(m);
+  if (!e)
+    throw new Error("useHostTheme context must be use inside HostThemeProvider");
+  return e;
+};
+function v(e) {
+  const s = r(null);
+  return c(() => {
+    const t = s?.current;
+    if (!t)
+      return;
+    const o = new ResizeObserver((u) => {
+      e(t, u[0]);
+    });
+    return o.observe(t), () => {
+      o.disconnect();
+    };
+  }, [e, s.current]), s;
+}
+export {
+  b as a,
+  h as b,
+  v as c,
+  T as u
+};

package/index.js

@@ -1,10 +1,10 @@
-import { G as x } from "./components/GlobalStyle/index.2c5d07c1.js";
-import { L as n, a as c, g as d } from "./contexts/LocalesContext/index.53f0b702.js";
-import { F as v, a as C } from "./contexts/FormatterContext/index.92336f4c.js";
-import { H as g, a as h } from "./contexts/HostThemeContext/index.a6a62c70.js";
+import { G as x } from "./components/GlobalStyle/index.fff91e86.js";
+import { F as n, a as c } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as F, a as v, g as C } from "./contexts/LocalesContext/index.53f0b702.js";
+import { H as g, a as h } from "./contexts/HostThemeContext/index.4291ba89.js";
 import { u as P } from "./hooks/useFirstRender/index.1e9b02fb.js";
 import { u as T } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as k, u as w, a as z, c as G } from "./hooks/index.6d70bb97.js";
+import { b as k, u as w, a as z, c as G } from "./hooks/index.0b942257.js";
 import { u as S } from "./hooks/useLocales/index.d5a80aff.js";
 import { u as A } from "./hooks/useResponsive/index.1409e387.js";
 import { C as E, g as I } from "./utils/index.6909c662.js";
@@ -13,21 +13,21 @@ import "@mui/material";
 import "@m4l/styles";
 import "react/jsx-runtime";
 import "react";
+import "@m4l/core";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
-import "@m4l/core";
 import "date-fns/locale/en-US";
 export {
   E as Capitalize,
-  v as FormatterContext,
-  C as FormatterProvider,
+  n as FormatterContext,
+  c as FormatterProvider,
   x as GlobalStyles,
   g as HostThemeContext,
   h as HostThemeProvider,
-  n as LocalesContext,
-  c as LocalesProvider,
+  F as LocalesContext,
+  v as LocalesProvider,
   I as getAnchorElPositionWindow,
-  d as getLocaleFromNetwork,
+  C as getLocaleFromNetwork,
   P as useFirstRender,
   T as useFormatter,
   k as useHostTheme,

package/m4l_graphics/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

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

package/components/GlobalStyle/index.2c5d07c1.js

@@ -1,46 +0,0 @@
-import { useTheme as e } from "@mui/material/styles";
-import { GlobalStyles as a } from "@mui/material";
-import { globalRemSize as t } from "@m4l/styles";
-import { jsx as r } from "react/jsx-runtime";
-function s() {
-  const o = e();
-  return console.log("test spacing formula ", o.spacing(1)), /* @__PURE__ */ r(a, {
-    styles: {
-      body: {
-        backgroundColor: `${o.palette.background.background}!important`
-      },
-      "#nprogress": {
-        pointerEvents: "none",
-        "& .bar": {
-          top: 0,
-          left: 0,
-          height: 2,
-          width: "100%",
-          position: "fixed",
-          zIndex: o.zIndex.snackbar,
-          backgroundColor: o.palette.primary.main,
-          boxShadow: `0 0 2px ${o.palette.primary.main}`
-        },
-        "& .peg": {
-          right: 0,
-          opacity: 1,
-          width: 100,
-          height: "100%",
-          display: "block",
-          position: "absolute",
-          transform: "rotate(3deg) translate(0px, -4px)",
-          boxShadow: `0 0 10px ${o.palette.primary.main}, 0 0 5px ${o.palette.primary.main}`
-        }
-      },
-      "& html": {
-        fontSize: t.desktop,
-        [o.breakpoints.down("sm")]: {
-          fontSize: t.mobile
-        }
-      }
-    }
-  });
-}
-export {
-  s as G
-};

package/components/index.d8d41b1b.js

@@ -1 +0,0 @@
-

package/contexts/index.ee173661.js

@@ -1 +0,0 @@
-

package/hooks/index.6d70bb97.js

@@ -1,45 +0,0 @@
-import { useRef as n, useEffect as r, useState as f, useContext as c, useLayoutEffect as i } from "react";
-import { H as l } from "../contexts/HostThemeContext/index.a6a62c70.js";
-function w() {
-  const e = n(!0);
-  return r(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-function d(e) {
-  const [s, t] = f(!1), o = e || 100;
-  return r(() => (window.onscroll = () => {
-    window.pageYOffset > o ? t(!0) : t(!1);
-  }, () => {
-    window.onscroll = null;
-  }), [o]), s;
-}
-const p = () => {
-  const e = c(l);
-  if (!e)
-    throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-function T(e) {
-  const s = n(null);
-  return i(() => {
-    const t = s?.current;
-    if (!t)
-      return;
-    const o = new ResizeObserver((u) => {
-      e(t, u[0]);
-    });
-    return o.observe(t), () => {
-      o.disconnect();
-    };
-  }, [e, s.current]), s;
-}
-export {
-  d as a,
-  p as b,
-  T as c,
-  w as u
-};