@m4l/graphics 2.0.2 → 2.0.4

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@m4l/graphics",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {
-    "@m4l/core": "*",
-    "@m4l/styles": "*",
+    "@m4l/core": "^2.0.0",
+    "@m4l/styles": "^2.0.0",
     "date-fns": "^2.30.0",
     "zustand": "4.3.6",
     "immer": "^9.0.21"

package/components/index.8083534b.js

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

package/contexts/index.d4e2c292.js

@@ -1,281 +0,0 @@
-import "./FormatterContext/index.92336f4c.js";
-import "./LocalesContext/index.53f0b702.js";
-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 E } from "../node_modules.9690bbee.js";
-import { jsx as x } from "react/jsx-runtime";
-import "date-fns/locale/en-US";
-import "./HostThemeContext/index.89c85eb6.js";
-import { useNetwork as M, useLocalStorageWithListener as w } from "@m4l/core";
-import { getColorPresets as g, getColorState as d, typography as A, palette as S, SECONDARY as L, COMMON as N, ERROR as D, WARNING as B, INFO as z, SUCCESS as W, shadows as C, createCustomShadows as $, defaultThemeOptions as j, 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 u = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
-  const t = {
-    ...r
-  };
-  return v(
-    R(
-      P((o, n) => ({
-        ...t,
-        responsiveContainerActions: {
-          setBreakpoint: (e) => {
-            o((a) => {
-              a.breakPoint = e, a.isUpSm = e !== "xs" && e !== "sm", a.isXs = e == "xs";
-            });
-          }
-        }
-      })),
-      { name: "Responsive Relative Store" }
-    )
-  );
-}, X = f(null), se = (r) => {
-  const {
-    children: t,
-    observedDivRef: o
-  } = r, n = T();
-  n.current || (n.current = K({
-    breakPoint: "md",
-    isUpSm: !1,
-    isXs: !1
-  }));
-  const e = () => {
-    const s = o;
-    if (s instanceof HTMLElement && s.clientWidth) {
-      const i = Object.keys(u);
-      for (let h = 0; h < i.length; h++) {
-        const m = i[h];
-        if (s.clientWidth <= u[m]) {
-          n.current?.getState().responsiveContainerActions.setBreakpoint(m);
-          break;
-        } else
-          h === i.length - 1 && s.clientWidth >= u[m] && n.current?.getState().responsiveContainerActions.setBreakpoint(m);
-      }
-    }
-  }, a = k(() => E.exports.throttle(e, 200, {
-    leading: !1,
-    trailing: !0
-  }), [e]);
-  return y(() => {
-    const s = () => {
-      a();
-    }, i = o;
-    if (i && i instanceof Element) {
-      const h = new ResizeObserver((m) => {
-        s();
-      });
-      return h.observe(i), () => {
-        h.disconnect();
-      };
-    }
-  }, [o]), /* @__PURE__ */ x(X.Provider, {
-    value: n.current,
-    children: t
-  });
-}, p = {
-  themeMode: "light",
-  themeDirection: "ltr",
-  themeColorPresets: "patronus",
-  themeLayout: "horizontal",
-  themeStretch: !1
-};
-function O(r, t = "m4l") {
-  const o = document.querySelector('[data-mui-color-scheme="light"]');
-  if (!o) {
-    console.error('Element with data-mui-color-scheme="light" not found.');
-    return;
-  }
-  Object.keys(r).forEach((n) => {
-    const e = r[n];
-    if (typeof e == "string" || typeof e == "number") {
-      const a = `--${t}-${n}`;
-      o.style.setProperty(a, e.toString());
-    } else
-      typeof e == "object" && e !== null && O(e, `${t}-${n}`);
-  });
-}
-const c = (r) => {
-  const t = r.currentThemeSettings || p;
-  console.log("getColorPresets", g(t.themeColorPresets)), console.log(
-    "getColorState",
-    d(t.themeColorPresets, t.themeMode)
-  );
-  const o = t.themeMode === "light";
-  r.themeOptions = {
-    ...r.themeOptions,
-    typography: A,
-    palette: {
-      ...r.themeOptions.palette,
-      ...o ? S.light : S.dark,
-      primary: g(t.themeColorPresets),
-      state: d(t.themeColorPresets, t.themeMode),
-      representative: t.themeMode === "light" ? g(t.themeColorPresets)?.light : g(t.themeColorPresets)?.darker,
-      secondary: {
-        ...L,
-        contrastText: "",
-        mainChannel: "",
-        lightChannel: "",
-        darkChannel: "",
-        contrastTextChannel: ""
-      },
-      common: {
-        ...N,
-        black: "#000",
-        white: "#fff",
-        background: "",
-        backgroundChannel: "",
-        onBackground: "",
-        onBackgroundChannel: ""
-      },
-      error: {
-        ...D,
-        contrastText: "",
-        mainChannel: "",
-        lightChannel: "",
-        darkChannel: "",
-        contrastTextChannel: ""
-      },
-      warning: {
-        ...B,
-        contrastText: "",
-        mainChannel: "",
-        lightChannel: "",
-        darkChannel: "",
-        contrastTextChannel: ""
-      },
-      info: {
-        ...z,
-        contrastText: "",
-        mainChannel: "",
-        lightChannel: "",
-        darkChannel: "",
-        contrastTextChannel: ""
-      },
-      success: {
-        ...W,
-        contrastText: "",
-        mainChannel: "",
-        lightChannel: "",
-        darkChannel: "",
-        contrastTextChannel: ""
-      }
-    },
-    shape: { borderRadius: 8 },
-    direction: t.themeDirection,
-    shadows: o ? C.light : C.dark,
-    customShadows: {
-      primary: `0 8px 16px 0 ${I(
-        g(t.themeColorPresets)?.main || "#fff",
-        0.2
-      )}`,
-      ...$(t.themeMode)
-    },
-    stretch: t.themeStretch
-  }, console.log("state.themeOptions", r.themeOptions), O(r.themeOptions);
-}, l = (r) => {
-  r.setterThemeSettings && r.setterThemeSettings(r.currentThemeSettings);
-}, q = (r) => v(
-  R(
-    P((t, o) => ({
-      ...r,
-      settingsActions: {
-        init: () => {
-          t((n) => {
-            c(n);
-          });
-        },
-        setThemeSettings: (n) => {
-          t((e) => {
-            e.currentThemeSettings = { ...e.currentThemeSettings, ...n }, l(e), c(e);
-          });
-        },
-        onChangeMode: (n) => {
-          t((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeMode: n.target.value
-            }, l(e), c(e);
-          });
-        },
-        handleOpen: () => {
-          t((n) => {
-            n.open = !n.open;
-          });
-        },
-        onChangeDirection: (n) => {
-          t((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeDirection: n.target.value
-            }, l(e), c(e);
-          });
-        },
-        onChangeColor: (n) => {
-          t((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeColorPresets: n.target.value
-            }, l(e), c(e);
-          });
-        },
-        onChangeLayout: (n) => {
-          t((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeLayout: n.target.value
-            }, l(e), c(e);
-          });
-        },
-        onToggleStretch: () => {
-          t((n) => {
-            n.currentThemeSettings = {
-              ...n.currentThemeSettings,
-              themeStretch: !n.currentThemeSettings.themeStretch
-            }, l(n), c(n);
-          });
-        },
-        onResetSetting: () => {
-          t((n) => {
-            n.currentThemeSettings = {
-              ...p
-            }, l(n), c(n);
-          });
-        }
-      }
-    })),
-    { name: "ExampleStore" }
-  )
-), G = f(null);
-function ie({
-  children: r,
-  themeSettings: t
-}) {
-  const {
-    networkOperation: o
-  } = M(), [n, e] = w("theme_setting", p), a = U([t]), s = T();
-  return s.current || (s.current = q({
-    networkOperation: o,
-    currentThemeSettings: {
-      ...t ?? n
-    },
-    themeOptions: j,
-    currentPreset: _,
-    colorOption: F.map((i) => ({
-      name: i.name,
-      value: i.main
-    })),
-    open: !1,
-    setterThemeSettings: t ? void 0 : e
-  }), s.current.getState().settingsActions.init()), b(() => {
-    !a && s.current && t && s.current.getState().settingsActions.setThemeSettings(t);
-  }, [t]), /* @__PURE__ */ x(G.Provider, {
-    value: s.current,
-    children: r
-  });
-}
-export {
-  X as R,
-  G as T,
-  se as a,
-  ie as b,
-  p as d
-};

package/hooks/index.953df5ed.js

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

package/hooks/useFormatter/index.57ac8cca.js

@@ -1,11 +0,0 @@
-import { useContext as r } from "react";
-import { F as e } from "../../contexts/FormatterContext/index.92336f4c.js";
-const m = () => {
-  const t = r(e);
-  if (!t)
-    throw new Error("useFormatter context must be use inside FormatterProvider");
-  return t;
-};
-export {
-  m as u
-};

package/hooks/useLocales/index.d5a80aff.js

@@ -1,11 +0,0 @@
-import { useContext as o } from "react";
-import { L as t } from "../../contexts/LocalesContext/index.53f0b702.js";
-const n = () => {
-  const e = o(t);
-  if (!e)
-    throw new Error("useLocales context must be use inside LocalesProvider");
-  return e;
-};
-export {
-  n as u
-};