@m4l/graphics 3.0.3 → 6.0.1

package/contexts/index-DEyJidab.js

@@ -1,262 +0,0 @@
-import { jsx as S } from "react/jsx-runtime";
-import { createContext as f, useRef as T, useMemo as R, useLayoutEffect as k, useEffect as P } from "react";
-import { c as C, d as v, i as y, l as O } from "../node_modules-BHhXVwYT.js";
-import { useNetwork as x, useLocalStorageWithListener as M } from "@m4l/core";
-import { getPaletteByPreset as w, typography as E, shadows as d, getColorPresets as L, createCustomShadows as B, defaultThemeOptions as A, presetsOptions as D } from "@m4l/styles";
-import { alpha as z } from "@mui/system";
-import { u as $ } from "../hooks/useIsMobile/index-Bro0dV28.js";
-const g = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, j = (r) => {
-  const n = {
-    ...r
-  };
-  return C(
-    v(
-      y((o, t) => ({
-        ...n,
-        responsiveContainerActions: {
-          setBreakpoint: (e) => {
-            o((i) => {
-              i.breakPoint = e, i.isUpSm = e !== "xs" && e !== "sm", i.isXs = e == "xs";
-            });
-          }
-        }
-      })),
-      { name: "Responsive Relative Store" }
-    )
-  );
-}, W = f(null), F = (r) => {
-  const { children: n, observedDivRef: o } = r, t = T();
-  t.current || (t.current = j({
-    breakPoint: "md",
-    isUpSm: !1,
-    isXs: !1
-  }));
-  const e = () => {
-    const s = o;
-    if (s instanceof HTMLElement && s.clientWidth) {
-      const h = Object.keys(
-        g
-      );
-      for (let a = 0; a < h.length; a++) {
-        const u = h[a];
-        if (s.clientWidth <= g[u]) {
-          t.current?.getState().responsiveContainerActions.setBreakpoint(u);
-          break;
-        } else a === h.length - 1 && s.clientWidth >= g[u] && t.current?.getState().responsiveContainerActions.setBreakpoint(u);
-      }
-    }
-  }, i = R(
-    () => O.throttle(e, 200, {
-      leading: !1,
-      trailing: !0
-    }),
-    [e]
-  );
-  return k(() => {
-    const s = () => {
-      i();
-    }, h = o;
-    if (h && h instanceof Element) {
-      const a = new ResizeObserver((u) => {
-        s();
-      });
-      return a.observe(h), () => {
-        a.disconnect();
-      };
-    }
-  }, [o]), /* @__PURE__ */ S(W.Provider, { value: t.current, children: n });
-}, p = {
-  themeMode: "light",
-  themeDirection: "ltr",
-  themeColorPresets: "patronus",
-  themeLayout: "horizontal",
-  themeStretch: !1,
-  isMobile: !1
-};
-function b(r, n = "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((t) => {
-    const e = r[t];
-    if (typeof e == "string" || typeof e == "number") {
-      const i = `--${n}-${t}`;
-      o.style.setProperty(i, e.toString());
-    } else typeof e == "object" && e !== null && b(e, `${n}-${t}`);
-  });
-}
-const l = {
-  mainChannel: "",
-  lightChannel: "",
-  darkChannel: "",
-  contrastTextChannel: ""
-}, c = (r) => {
-  const n = r.currentThemeSettings || p, o = n.themeMode === "light", t = w(n.themeColorPresets), e = o ? t.light : t.dark;
-  r.themeOptions = {
-    ...r.themeOptions,
-    typography: E,
-    palette: {
-      ...r.themeOptions?.palette ?? {},
-      ...e,
-      primary: {
-        ...e.primary,
-        ...l
-      },
-      secondary: {
-        ...e.secondary,
-        ...l
-      },
-      info: {
-        ...e.info,
-        ...l
-      },
-      error: {
-        ...e.error,
-        ...l
-      },
-      success: {
-        ...e.success,
-        ...l
-      },
-      warning: {
-        ...e.warning,
-        ...l
-      },
-      text: {
-        ...e.text,
-        primaryChannel: "",
-        secondaryChannel: ""
-      },
-      background: {
-        ...e.background,
-        defaultChannel: "",
-        paperChannel: ""
-      },
-      common: {
-        ...e.common,
-        background: "",
-        backgroundChannel: "",
-        onBackground: "",
-        onBackgroundChannel: ""
-      },
-      action: {
-        ...e.action,
-        activeChannel: "",
-        selectedChannel: ""
-      }
-    },
-    shape: { borderRadius: 8 },
-    direction: n.themeDirection,
-    shadows: o ? d.light : d.dark,
-    customShadows: {
-      primary: `0 8px 16px 0 ${z(
-        L(n.themeColorPresets)?.main || "#fff",
-        0.2
-      )}`,
-      ...B(n.themeMode)
-    },
-    stretch: n.themeStretch
-  }, b(r.themeOptions);
-}, m = (r) => {
-  r.setterThemeSettings && r.setterThemeSettings(r.currentThemeSettings);
-}, _ = (r) => C(
-  v(
-    y((n, o) => ({
-      ...r,
-      settingsActions: {
-        init: () => {
-          n((t) => {
-            c(t);
-          });
-        },
-        setThemeSettings: (t) => {
-          n((e) => {
-            e.currentThemeSettings = { ...e.currentThemeSettings, ...t }, m(e), c(e);
-          });
-        },
-        onChangeMode: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeMode: t.target.value
-            }, m(e), c(e);
-          });
-        },
-        handleOpen: () => {
-          n((t) => {
-            t.open = !t.open;
-          });
-        },
-        onChangeDirection: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeDirection: t.target.value
-            }, m(e), c(e);
-          });
-        },
-        onChangeColor: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeColorPresets: t.target.value
-            }, m(e), c(e);
-          });
-        },
-        onChangeLayout: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeLayout: t.target.value
-            }, m(e), c(e);
-          });
-        },
-        onToggleStretch: () => {
-          n((t) => {
-            t.currentThemeSettings = {
-              ...t.currentThemeSettings,
-              themeStretch: !t.currentThemeSettings.themeStretch
-            }, m(t), c(t);
-          });
-        },
-        onResetSetting: () => {
-          n((t) => {
-            t.currentThemeSettings = {
-              ...p
-            }, m(t), c(t);
-          });
-        }
-      }
-    })),
-    { name: "ThemeSettingsStore" }
-  )
-), N = f(null);
-function G({ children: r, themeSettings: n }) {
-  const { networkOperation: o } = x(), t = $(), [e, i] = M(
-    "theme_setting",
-    {}
-  ), s = T();
-  return s.current || (s.current = _({
-    networkOperation: o,
-    currentThemeSettings: {
-      ...p,
-      ...n,
-      ...e
-    },
-    themeOptions: A,
-    colorOption: D,
-    open: !1,
-    setterThemeSettings: n ? void 0 : i
-  }), s.current.getState().settingsActions.init()), P(() => {
-    s.current?.getState().settingsActions.setThemeSettings({ isMobile: t });
-  }, [t]), /* @__PURE__ */ S(N.Provider, { value: s.current, children: r });
-}
-export {
-  W as R,
-  N as T,
-  F as a,
-  G as b,
-  p as d
-};

package/hooks/index-Y3uj_IzK.js

@@ -1,52 +0,0 @@
-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-BMSwOCtA.js";
-import { u as a } from "../node_modules-BHhXVwYT.js";
-import { T as l } from "../contexts/index-DEyJidab.js";
-function S() {
-  const e = n(!0);
-  return r(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-function x(e) {
-  const [s, t] = i(!1), o = e || 100;
-  return r(() => (window.onscroll = () => {
-    window.pageYOffset > o ? t(!0) : t(!1);
-  }, () => {
-    window.onscroll = null;
-  }), [o]), s;
-}
-const h = () => {
-  const e = u(m);
-  if (!e) throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-function b(e) {
-  const s = n(null);
-  return c(() => {
-    const t = s?.current;
-    if (!t)
-      return;
-    const o = new ResizeObserver((f) => {
-      e(t, f[0]);
-    });
-    return o.observe(t), () => {
-      o.disconnect();
-    };
-  }, [e, s.current]), s;
-}
-function g(e, s) {
-  const t = u(l);
-  if (!t) throw new Error("useSettingsStore context must be use inside SettignsContext");
-  return a(t, e, s);
-}
-export {
-  x as a,
-  h as b,
-  b as c,
-  g as d,
-  S as u
-};

package/hooks/useFormatter/index-BBgQ4lJL.js

@@ -1,10 +0,0 @@
-import { useContext as r } from "react";
-import { F as e } from "../../contexts/FormatterContext/index-Ch6IW7j8.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-_thMBNE7.js

@@ -1,10 +0,0 @@
-import { useContext as o } from "react";
-import { L as t } from "../../contexts/LocalesContext/index-C89UlO0s.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
-};

package/hooks/useResponsive/index-Dki-WJi8.js

@@ -1,16 +0,0 @@
-import { useContext as t } from "react";
-import { u as r } from "../../node_modules-BHhXVwYT.js";
-import { R as n } from "../../contexts/index-DEyJidab.js";
-import { useResponsive as i } from "@m4l/styles";
-function f(e, s) {
-  const o = t(n);
-  if (!o) throw new Error("useAreasStore context must be use inside AreasContext");
-  return r(o, e, s);
-}
-function c() {
-  return i("up", "sm");
-}
-export {
-  c as a,
-  f as u
-};