@m4l/graphics 0.1.6 → 0.1.8

package/components/ProgressBarStyle/index.fb6fd9ed.js

@@ -0,0 +1,36 @@
+import { useTheme as e } from "@mui/material/styles";
+import { GlobalStyles as r } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+function n() {
+  const t = e();
+  return /* @__PURE__ */ o(r, {
+    styles: {
+      "#nprogress": {
+        pointerEvents: "none",
+        "& .bar": {
+          top: 0,
+          left: 0,
+          height: 2,
+          width: "100%",
+          position: "fixed",
+          zIndex: t.zIndex.snackbar,
+          backgroundColor: t.palette.primary.main,
+          boxShadow: `0 0 2px ${t.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 ${t.palette.primary.main}, 0 0 5px ${t.palette.primary.main}`
+        }
+      }
+    }
+  });
+}
+export {
+  n as P
+};

package/contexts/HostThemeContext/index.c6db12d4.js

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

package/contexts/LocalesContext/index.c10c0bb5.js

@@ -0,0 +1,53 @@
+import { createContext as f, useMemo as u, useState as L } from "react";
+import { AdapterDateFns as d } from "@mui/x-date-pickers/AdapterDateFns";
+import { LocalizationProvider as v } from "@mui/x-date-pickers";
+import p from "date-fns/locale/es";
+import h from "date-fns/locale/fr";
+import S from "date-fns/locale/en-US";
+import { useLocalStorage as _, useEnvironment as $ } from "@m4l/core";
+import { jsx as t } from "react/jsx-runtime";
+const x = f(null);
+function D({
+  children: r
+}) {
+  const [l, c] = _("langStorage", "en"), {
+    host_static_assets: a,
+    environment_assets: n
+  } = $(), o = u(() => [{
+    label: "English",
+    value: "en",
+    locale: S,
+    icon: `${a}/${n}/frontend/commons/assets/icons/langs/lang_en.svg`
+  }, {
+    label: "Espa\xF1ol",
+    value: "es",
+    locale: p,
+    icon: `${a}/${n}/frontend/commons/assets/icons/langs/lang_es.svg`
+  }, {
+    label: "French",
+    value: "fr",
+    locale: h,
+    icon: `${a}/${n}/frontend/commons/assets/icons/langs/lang_fr.svg`
+  }], []), [s, i] = L(o.find((e) => e.value === l) || o[0]), m = (e) => {
+    c(e), i(o.find((g) => g.value === e) || o[0]);
+  };
+  return /* @__PURE__ */ t(x.Provider, {
+    value: {
+      currentLang: s,
+      onChangeLang: m,
+      allLang: o
+    },
+    children: /* @__PURE__ */ t(v, {
+      dateAdapter: d,
+      adapterLocale: s.locale,
+      dateFormats: {
+        hours24h: "23"
+      },
+      children: r
+    })
+  });
+}
+export {
+  x as L,
+  D as a
+};

package/contexts/index.993249c2.js

@@ -0,0 +1,2 @@
+import "./LocalesContext/index.c10c0bb5.js";
+import "./HostThemeContext/index.c6db12d4.js";

package/hooks/index.9ec64bcf.js

@@ -0,0 +1,26 @@
+import { useRef as n, useEffect as s, useState as r } from "react";
+import "@mui/material/styles";
+import "@mui/material/useMediaQuery";
+import "../contexts/LocalesContext/index.c10c0bb5.js";
+import "../contexts/HostThemeContext/index.c6db12d4.js";
+function a() {
+  const e = n(!0);
+  return s(
+    () => () => {
+      e.current = !1;
+    },
+    []
+  ), e;
+}
+function m(e) {
+  const [f, t] = r(!1), o = e || 100;
+  return s(() => (window.onscroll = () => {
+    window.pageYOffset > o ? t(!0) : t(!1);
+  }, () => {
+    window.onscroll = null;
+  }), [o]), f;
+}
+export {
+  m as a,
+  a as u
+};

package/hooks/useHostTheme/index.b3063684.js

@@ -0,0 +1,11 @@
+import { useContext as t } from "react";
+import { H as o } from "../../contexts/HostThemeContext/index.c6db12d4.js";
+const m = () => {
+  const e = t(o);
+  if (!e)
+    throw new Error("useHostTheme context must be use inside HostThemeProvider");
+  return e;
+};
+export {
+  m as u
+};

package/hooks/useLocales/index.680b143a.js

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

@@ -0,0 +1,20 @@
+import { useTheme as m } from "@mui/material/styles";
+import o from "@mui/material/useMediaQuery";
+function c(e, t, s, i) {
+  const n = m(), r = o(n.breakpoints.up(t)), p = o(n.breakpoints.down(t)), u = o(n.breakpoints.between(s, i)), a = o(n.breakpoints.only(t));
+  if (e === "up")
+    return r;
+  if (e === "down")
+    return p;
+  if (e === "between")
+    return u;
+  if (e === "only")
+    return a;
+}
+function b() {
+  return c("up", "sm");
+}
+export {
+  b as a,
+  c as u
+};

package/index.js

@@ -1,15 +1,15 @@
-export { P as ProgressBarStyle } from "./components/ProgressBarStyle/index.js";
-export { L as LocalesContext, a as LocalesProvider } from "./contexts/LocalesContext/index.js";
-export { H as HostThemeContext, a as HostThemeProvider } from "./contexts/HostThemeContext/index.js";
-export { u as useResponsive, a as useResponsiveDesktop } from "./hooks/useResponsive/index.js";
-export { u as useIsMountedRef, a as useOffSetTop } from "./hooks/index.js";
-export { u as useLocales } from "./hooks/useLocales/index.js";
-export { u as useHostTheme } from "./hooks/useHostTheme/index.js";
-export { d as defaultThemeOptions } from "./theme/defaultThemeOptions.js";
-export { c as customShadows, s as shadows } from "./theme/shadows.js";
-export { p as palette } from "./theme/palette.js";
-export { C as Capitalize, a as GetFontValue, c as colorPresets, d as defaultPreset, g as getColorPresets } from "./utils/index.js";
-export { f as fnComponentsOverrides } from "./theme/overrides.js";
+import { P as n } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
+import { L as P, a as h } from "./contexts/LocalesContext/index.c10c0bb5.js";
+import { H as v, a as T } from "./contexts/HostThemeContext/index.c6db12d4.js";
+import { u as L, a as g } from "./hooks/useResponsive/index.fc5e1b4f.js";
+import { u as R, a as S } from "./hooks/index.9ec64bcf.js";
+import { u as k } from "./hooks/useLocales/index.680b143a.js";
+import { u as z } from "./hooks/useHostTheme/index.b3063684.js";
+import { d as D } from "./theme/defaultThemeOptions.9b9e7503.js";
+import { c as G, s as I } from "./theme/shadows.bf8dc290.js";
+import { p as V } from "./theme/palette.2baf72f5.js";
+import { C as j, a as q, c as A, d as E, g as J } from "./utils/index.d8b24456.js";
+import { f as N } from "./theme/overrides.7958c0ab.js";
 import "@mui/material/styles";
 import "@mui/material";
 import "react/jsx-runtime";
@@ -21,4 +21,27 @@ import "date-fns/locale/fr";
 import "date-fns/locale/en-US";
 import "@m4l/core";
 import "@mui/material/useMediaQuery";
-import "./theme/typography.js";
+import "./theme/typography.f5eadf47.js";
+export {
+  j as Capitalize,
+  q as GetFontValue,
+  v as HostThemeContext,
+  T as HostThemeProvider,
+  P as LocalesContext,
+  h as LocalesProvider,
+  n as ProgressBarStyle,
+  A as colorPresets,
+  G as customShadows,
+  E as defaultPreset,
+  D as defaultThemeOptions,
+  N as fnComponentsOverrides,
+  J as getColorPresets,
+  V as palette,
+  I as shadows,
+  z as useHostTheme,
+  R as useIsMountedRef,
+  k as useLocales,
+  S as useOffSetTop,
+  L as useResponsive,
+  g as useResponsiveDesktop
+};

package/package.json

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

package/theme/defaultThemeOptions.9b9e7503.js

@@ -0,0 +1,34 @@
+import { alpha as t } from "@mui/material/styles";
+import { t as a } from "./typography.f5eadf47.js";
+import { p as r, G as e } from "./palette.2baf72f5.js";
+import { s as o, c as s } from "./shadows.bf8dc290.js";
+import { g as i } from "../utils/index.d8b24456.js";
+const c = {
+  typography: a,
+  shadows: o.light,
+  customShadows: {
+    ...s.light,
+    primary: `0 8px 16px 0 ${t(i("default").main, 0.24)}`
+  },
+  palette: {
+    ...r.light,
+    primary: {
+      lighter: "#283829",
+      light: "#26372b",
+      main: "#00AB55",
+      dark: "#007B55",
+      darker: "#005249",
+      LightSelected: "#EBF9F1",
+      LightSelectedHover: "#D6F2E3",
+      DarkSelected: "#142827",
+      DarkSelectedHover: "#12342B"
+    },
+    text: { primary: e[800], secondary: e[700], disabled: e[500] },
+    secondary: {
+      main: "#34ac4e"
+    }
+  }
+};
+export {
+  c as d
+};

package/theme/overrides/Autocomplete.d.ts

@@ -18,7 +18,7 @@ export default function Autocomplete(theme: Theme): {
                 '& .MuiAutocomplete-option': {
                     padding: string;
                     margin: string;
-                    borderRadius: string | number;
+                    borderRadius: number;
                 };
             };
         };

package/theme/overrides/DataGrid.d.ts

@@ -36,7 +36,7 @@ export default function DataGrid(theme: Theme): {
             root: {
                 '& .MuiDataGrid-gridMenuList': {
                     boxShadow: string;
-                    borderRadius: string | number;
+                    borderRadius: number;
                 };
                 '& .MuiMenuItem-root': {
                     [x: string]: unknown;
@@ -847,7 +847,7 @@ export default function DataGrid(theme: Theme): {
                     };
                     '& .MuiNativeSelect-select, .MuiInput-input': {
                         padding: string;
-                        borderRadius: string | number;
+                        borderRadius: number;
                         backgroundColor: string;
                         '@font-face'?: import("@mui/material/styles/createTypography").Fontface | import("@mui/material/styles/createTypography").Fontface[] | undefined;
                         accentColor?: import("csstype").Property.AccentColor | undefined;

package/theme/overrides/Table.d.ts

@@ -22,14 +22,14 @@ export default function Table(theme: Theme): {
                 backgroundColor: string;
                 '&:first-of-type': {
                     paddingLeft: string;
-                    borderTopLeftRadius: string | number;
-                    borderBottomLeftRadius: string | number;
+                    borderTopLeftRadius: number;
+                    borderBottomLeftRadius: number;
                     boxShadow: string;
                 };
                 '&:last-of-type': {
                     paddingRight: string;
-                    borderTopRightRadius: string | number;
-                    borderBottomRightRadius: string | number;
+                    borderTopRightRadius: number;
+                    borderBottomRightRadius: number;
                     boxShadow: string;
                 };
             };
@@ -3226,7 +3226,7 @@ export default function Table(theme: Theme): {
             select: {
                 paddingBottom: number;
                 '&:focus': {
-                    borderRadius: string | number;
+                    borderRadius: number;
                 };
             };
             selectIcon: {

package/theme/overrides/Tabs.d.ts

@@ -5,8 +5,8 @@ export default function Tabs(theme: Theme): {
             root: {
                 padding: number;
                 fontWeight: import("csstype").Property.FontWeight | undefined;
-                borderTopLeftRadius: string | number;
-                borderTopRightRadius: string | number;
+                borderTopLeftRadius: number;
+                borderTopRightRadius: number;
                 '&.Mui-selected': {
                     color: string;
                 };

package/theme/overrides/ToggleButton.d.ts

@@ -29,7 +29,7 @@ export default function ToggleButton(theme: Theme): {
     MuiToggleButtonGroup: {
         styleOverrides: {
             root: {
-                borderRadius: string | number;
+                borderRadius: number;
                 backgroundColor: string;
                 border: string;
                 '& .MuiToggleButton-root': {