@m4l/graphics 0.1.38 → 0.1.40

package/components/GlobalStyles/index.d.ts

@@ -1 +1,2 @@
-export declare function GlobalStyles(): JSX.Element;
+/// <reference types="react" />
+export declare function GlobalStyles(): import("react").JSX.Element;

package/contexts/FormatterContext/index.d.ts

@@ -12,5 +12,5 @@ declare const FormatterContext: import("react").Context<Formatters | null>;
  * @beta
  * @link
  */
-declare function FormatterProvider(props: FormatterProviderProps): JSX.Element;
+declare function FormatterProvider(props: FormatterProviderProps): import("react").JSX.Element;
 export { FormatterProvider, FormatterContext };

package/contexts/HostThemeContext/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { HostThemeProviderProps } from './types';
 declare const HostThemeContext: import("react").Context<import("./types").HostThemeType | null>;
-declare function HostThemeProvider(props: HostThemeProviderProps): JSX.Element;
+declare function HostThemeProvider(props: HostThemeProviderProps): import("react").JSX.Element;
 export { HostThemeProvider, HostThemeContext };

package/contexts/LocalesContext/{index.3fcfbe02.js → index.53f0b702.js}

@@ -1,19 +1,19 @@
-import { createContext as k, useState as _, useCallback as x, useEffect as L } from "react";
+import { createContext as k, useState as E, useCallback as x, useEffect as _ } from "react";
 import { AdapterDateFns as F } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as U } from "@mui/x-date-pickers";
 import { useEnvironment as P, useNetwork as I, useHostTools as j, useLocalStorageWithListener as w, EmitEvents as u } from "@m4l/core";
-import S from "date-fns/locale/en-US";
-import { jsx as g } from "react/jsx-runtime";
+import L from "date-fns/locale/en-US";
+import { jsx as S } from "react/jsx-runtime";
 async function B(t, e, o) {
-  const s = f(t), r = { ...t };
+  const s = g(t), r = { ...t };
   let i;
-  return s === "es" ? i = (await import("date-fns/locale/es")).default : s === "fr" ? i = (await import("date-fns/locale/fr")).default : s === "en-US" ? i = S : (i = S, r.lang = "en", r.script = void 0, r.region = "US", r.url_icon = `${e}/${o}/frontend/commons/assets/icons/langs/lang_en.svg`, r.name = "English US*"), {
+  return s === "es" ? i = (await import("date-fns/locale/es")).default : s === "fr" ? i = (await import("date-fns/locale/fr")).default : s === "en-US" ? i = L : (i = L, r.lang = "en", r.script = void 0, r.region = "US", r.url_icon = `${e}/${o}/frontend/commons/assets/icons/langs/lang_en.svg`, r.name = "English US*"), {
     ...r,
     module: i,
-    localeString: f(r)
+    localeString: g(r)
   };
 }
-function f(t) {
+function g(t) {
   let e = t.lang;
   return t.script && t.script !== "" && (e = e + "-" + t.script), t.region && t.region !== "" && (e = e + "-" + t.region), e;
 }
@@ -55,15 +55,15 @@ function J(t) {
     events_add_listener: N,
     events_remove_listener: T,
     events_emit: H
-  } = j(), [a, d] = _(() => {
+  } = j(), [a, f] = E(() => {
     if (o)
       return s;
-  }), [l, m] = w("localeHost", navigator.language), [M, A] = _(""), p = x((n) => {
-    d(n);
+  }), [l, m] = w("localeHost", navigator.language), [M, A] = E(""), d = x((n) => {
+    f(n);
   }, []);
-  if (L(() => (o && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p), () => {
-    o && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p);
-  }), []), L(() => {
+  if (_(() => (o && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, d), () => {
+    o && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, d);
+  }), []), _(() => {
     let n = !0;
     if (!o && !!r && !(l === M && l !== ""))
       return C({
@@ -73,25 +73,25 @@ function J(t) {
           ...y(l),
           domain_token: i
         }
-      }).then((E) => {
-        n && r(E.data, v, h).then((c) => {
-          d(c), A(c.localeString), l !== c.localeString && m(c.localeString), H(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, c);
+      }).then((p) => {
+        n && r(p.data, v, h).then((c) => {
+          f(c), A(c.localeString), l !== c.localeString && m(c.localeString), H(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, c);
         });
       }).finally(() => {
       }), function() {
         n = !1;
       };
   }, [l]), !a)
-    return /* @__PURE__ */ g("div", {});
+    return null;
   const O = (n) => {
-    (n.lang !== a.lang || n.script !== a.script || n.region !== a.region) && m(f(n));
+    (n.lang !== a.lang || n.script !== a.script || n.region !== a.region) && m(g(n));
   };
-  return /* @__PURE__ */ g(G.Provider, {
+  return /* @__PURE__ */ S(G.Provider, {
     value: {
       currentLocale: a,
       onChangeLocale: O
     },
-    children: /* @__PURE__ */ g(U, {
+    children: /* @__PURE__ */ S(U, {
       dateAdapter: F,
       adapterLocale: a.module,
       dateFormats: {

package/contexts/LocalesContext/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { LocalesProviderProps, LocalesContextProps } from './types';
 declare const LocalesContext: import("react").Context<LocalesContextProps | null>;
-declare function LocalesProvider(props: LocalesProviderProps): JSX.Element;
+declare function LocalesProvider(props: LocalesProviderProps): import("react").JSX.Element | null;
 export { LocalesProvider, LocalesContext };

package/contexts/{index.84089632.js → index.798d4696.js}

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

package/hooks/index.5c8cfbbc.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.a6a62c70.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/hooks/index.d.ts

@@ -4,4 +4,5 @@ export { useIsMountedRef } from './useIsMountedRef';
 export { useLocales } from './useLocales';
 export { useOffSetTop } from './useOffSetTop';
 export { useHostTheme } from './useHostTheme';
-export { useResponsive, useResponsiveDesktop } from './useResponsive';
+export { useResizeObserver } from './useResizeObserver';
+export { useResponsiveDesktop } from './useResponsive';

package/hooks/useLocales/{index.8154a401.js → index.d5a80aff.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { L as t } from "../../contexts/LocalesContext/index.3fcfbe02.js";
+import { L as t } from "../../contexts/LocalesContext/index.53f0b702.js";
 const n = () => {
   const e = o(t);
   if (!e)

package/hooks/useResizeObserver/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void): import("react").RefObject<T>;
+export default useResizeObserver;

package/hooks/useResponsive/index.1409e387.js

@@ -0,0 +1,7 @@
+import { useResponsive as s } from "@m4l/styles";
+function p() {
+  return s("up", "sm");
+}
+export {
+  p as u
+};

package/hooks/useResponsive/index.d.ts

@@ -1,8 +1 @@
-import { Breakpoint } from '@mui/material';
-declare type Query = 'up' | 'down' | 'between' | 'only';
-declare type Key = Breakpoint | number;
-declare type Start = Breakpoint | number;
-declare type End = Breakpoint | number;
-export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
 export declare function useResponsiveDesktop(): boolean | undefined;
-export {};

package/index.js

@@ -1,13 +1,13 @@
-import { G as n } from "./components/GlobalStyle/index.30beab6e.js";
-import { F as d, a as F } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as v, a as C, g as L } from "./contexts/LocalesContext/index.3fcfbe02.js";
-import { H as h, a as H } from "./contexts/HostThemeContext/index.a6a62c70.js";
-import { u as R } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as b } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as w, u as G, a as S } from "./hooks/index.a4ef9776.js";
-import { u as z } from "./hooks/useLocales/index.8154a401.js";
-import { u as D, a as E } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { C as M, g as N } from "./utils/index.6909c662.js";
+import { G as x } from "./components/GlobalStyle/index.30beab6e.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.a6a62c70.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.5c8cfbbc.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";
 import "@mui/material/styles";
 import "@mui/material";
 import "@m4l/styles";
@@ -17,24 +17,23 @@ import "@m4l/core";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
 import "date-fns/locale/en-US";
-import "@mui/material/useMediaQuery";
 export {
-  M as Capitalize,
-  d as FormatterContext,
-  F as FormatterProvider,
-  n as GlobalStyles,
-  h as HostThemeContext,
-  H as HostThemeProvider,
-  v as LocalesContext,
-  C as LocalesProvider,
-  N as getAnchorElPositionWindow,
-  L as getLocaleFromNetwork,
-  R as useFirstRender,
-  b as useFormatter,
-  w as useHostTheme,
-  G as useIsMountedRef,
-  z as useLocales,
-  S as useOffSetTop,
-  D as useResponsive,
-  E as useResponsiveDesktop
+  E as Capitalize,
+  n as FormatterContext,
+  c as FormatterProvider,
+  x as GlobalStyles,
+  g as HostThemeContext,
+  h as HostThemeProvider,
+  F as LocalesContext,
+  v as LocalesProvider,
+  I as getAnchorElPositionWindow,
+  C as getLocaleFromNetwork,
+  P as useFirstRender,
+  T as useFormatter,
+  k as useHostTheme,
+  w as useIsMountedRef,
+  S as useLocales,
+  z as useOffSetTop,
+  G as useResizeObserver,
+  A as useResponsiveDesktop
 };

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@m4l/graphics",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "license": "UNLICENSED",
-  "author": "M4L Team",
+  "author": "M4L Team*",
   "dependencies": {
     "@m4l/core": "*",
-    "@mui/x-date-pickers": "6.2.0",
-    "date-fns": "^2.29.2"
+    "@m4l/styles": "*",
+    "date-fns": "^2.30.0"
   },
   "peerDependencies": {
-    "@mui/material": "5.10.4",
-    "@mui/system": "5.10.4",
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-toastify": "9.0.5"

package/hooks/index.a4ef9776.js

@@ -1,34 +0,0 @@
-import { useRef as n, useEffect as s, useState as u, useContext as f } from "react";
-import { H as i } from "../contexts/HostThemeContext/index.a6a62c70.js";
-import "../contexts/FormatterContext/index.92336f4c.js";
-import "../contexts/LocalesContext/index.3fcfbe02.js";
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-function T() {
-  const e = n(!0);
-  return s(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-function d(e) {
-  const [r, t] = u(!1), o = e || 100;
-  return s(() => (window.onscroll = () => {
-    window.pageYOffset > o ? t(!0) : t(!1);
-  }, () => {
-    window.onscroll = null;
-  }), [o]), r;
-}
-const h = () => {
-  const e = f(i);
-  if (!e)
-    throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-export {
-  d as a,
-  h as b,
-  T as u
-};

package/hooks/useResponsive/index.fc5e1b4f.js

@@ -1,20 +0,0 @@
-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
-};