@m4l/graphics 0.1.11 → 0.1.12

package/components/ProgressBarStyle/index.d.ts

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

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): any;
+declare function HostThemeProvider(props: HostThemeProviderProps): JSX.Element;
 export { HostThemeProvider, HostThemeContext };

package/contexts/LocalesContext/index.3fcfbe02.js

@@ -0,0 +1,108 @@
+import { createContext as k, useState as _, useCallback as x, useEffect as L } 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";
+async function B(t, e, o) {
+  const s = f(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*"), {
+    ...r,
+    module: i,
+    localeString: f(r)
+  };
+}
+function f(t) {
+  let e = t.lang;
+  return t.script && t.script !== "" && (e = e + "-" + t.script), t.region && t.region !== "" && (e = e + "-" + t.region), e;
+}
+function y(t) {
+  try {
+    const e = new Intl.Locale(t);
+    return {
+      lang: e.language || "",
+      script: e.script,
+      region: e.region
+    };
+  } catch {
+    return {
+      lang: "en",
+      script: void 0,
+      region: "US"
+    };
+  }
+}
+const G = k(null);
+function J(t) {
+  const {
+    children: e,
+    isMicroFrontEnd: o,
+    localeHost: s,
+    getLocaleFromNetwork: r
+  } = t;
+  if (o && !s)
+    throw Error("Must set localeHost in microfrontend");
+  if (!o && !r)
+    throw Error("Must set getLocaleFromNetwork in host");
+  const {
+    domain_token: i,
+    host_static_assets: v,
+    environment_assets: h
+  } = P(), {
+    networkOperation: C
+  } = I(), {
+    events_add_listener: N,
+    events_remove_listener: T,
+    events_emit: H
+  } = j(), [a, d] = _(() => {
+    if (o)
+      return s;
+  }), [l, m] = w("localeHost", navigator.language), [M, A] = _(""), p = x((n) => {
+    d(n);
+  }, []);
+  if (L(() => (o && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p), () => {
+    o && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, p);
+  }), []), L(() => {
+    let n = !0;
+    if (!o && !!r && !(l === M && l !== ""))
+      return C({
+        method: "POST",
+        endPoint: "na/locales",
+        data: {
+          ...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);
+        });
+      }).finally(() => {
+      }), function() {
+        n = !1;
+      };
+  }, [l]), !a)
+    return /* @__PURE__ */ g("div", {});
+  const O = (n) => {
+    (n.lang !== a.lang || n.script !== a.script || n.region !== a.region) && m(f(n));
+  };
+  return /* @__PURE__ */ g(G.Provider, {
+    value: {
+      currentLocale: a,
+      onChangeLocale: O
+    },
+    children: /* @__PURE__ */ g(U, {
+      dateAdapter: F,
+      adapterLocale: a.module,
+      dateFormats: {
+        hours24h: "23"
+      },
+      children: e
+    })
+  });
+}
+export {
+  G as L,
+  J as a,
+  B as g
+};

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): any;
+declare function LocalesProvider(props: LocalesProviderProps): JSX.Element;
 export { LocalesProvider, LocalesContext };

package/contexts/{index.a0e7894e.js → index.7975256a.js}

@@ -1,3 +1,3 @@
-import "./LocalesContext/index.ca1e2149.js";
+import "./LocalesContext/index.3fcfbe02.js";
 import "date-fns/locale/en-US";
 import "./HostThemeContext/index.a6a62c70.js";

package/hooks/{index.2942e1ab.js → index.c9dba2ff.js}

@@ -1,7 +1,7 @@
 import { useRef as n, useEffect as s, useState as r } from "react";
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../contexts/LocalesContext/index.ca1e2149.js";
+import "../contexts/LocalesContext/index.3fcfbe02.js";
 import "../contexts/HostThemeContext/index.a6a62c70.js";
 function a() {
   const e = n(!0);

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

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

package/index.js

@@ -1,9 +1,9 @@
 import { P as l } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { L as n, a as c, g as P } from "./contexts/LocalesContext/index.ca1e2149.js";
+import { L as n, a as c, g as P } from "./contexts/LocalesContext/index.3fcfbe02.js";
 import { H as C, a as g } from "./contexts/HostThemeContext/index.a6a62c70.js";
 import { u as L, a as T } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { u as w, a as O } from "./hooks/index.2942e1ab.js";
-import { u as S } from "./hooks/useLocales/index.ca679977.js";
+import { u as w, a as O } from "./hooks/index.c9dba2ff.js";
+import { u as S } from "./hooks/useLocales/index.8154a401.js";
 import { u as F } from "./hooks/useHostTheme/index.1c8e4ad7.js";
 import { d as z } from "./theme/defaultThemeOptions.9b9e7503.js";
 import { c as D, s as G } from "./theme/shadows.bf8dc290.js";

package/package.json

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

package/contexts/LocalesContext/index.ca1e2149.js

@@ -1,111 +0,0 @@
-import { createContext as T, useState as k, useCallback as w, useEffect as E } from "react";
-import { AdapterDateFns as A } from "@mui/x-date-pickers/AdapterDateFns";
-import { LocalizationProvider as F } from "@mui/x-date-pickers";
-import { useEnvironment as O, useNetwork as P, useHostTools as U, useLocalStorage as j, EmitEvents as h, setLocalStorage as x } from "@m4l/core";
-import v from "date-fns/locale/en-US";
-import { jsx as g } from "react/jsx-runtime";
-async function q(o, t, n) {
-  const l = u(o), e = { ...o };
-  console.log("baseLocale initia", o, t, n);
-  let i;
-  return l === "es" ? i = (await import("date-fns/locale/es")).default : l === "fr" ? i = (await import("date-fns/locale/fr")).default : l === "en-US" ? i = v : (i = v, e.lang = "en", e.script = void 0, e.region = "US", e.url_icon = `${t}/${n}/frontend/commons/assets/icons/langs/lang_en.svg`, e.name = "English US*"), console.log("getLocale", l, e, i), {
-    ...e,
-    module: i,
-    localeString: u(e)
-  };
-}
-function u(o) {
-  let t = o.lang;
-  return o.script && o.script !== "" && (t = t + "-" + o.script), o.region && o.region !== "" && (t = t + "-" + o.region), console.log(
-    "joinLocale",
-    o.region && o.region !== "",
-    o.region,
-    t + "-" + o.region,
-    t,
-    o
-  ), t;
-}
-function $(o) {
-  console.log("splitLocale", o);
-  const t = new Intl.Locale(o);
-  return {
-    lang: t.language || "",
-    script: t.script,
-    region: t.region
-  };
-}
-const I = T(null);
-function B(o) {
-  const {
-    children: t,
-    isMicroFrontEnd: n,
-    localeHost: l,
-    getLocaleFromNetwork: e
-  } = o;
-  if (n && !l)
-    throw Error("Must set localeHost in microfrontend");
-  if (!n && !e)
-    throw Error("Must set getLocaleFromNetwork in host");
-  const {
-    domain_token: i,
-    host_static_assets: f,
-    environment_assets: d
-  } = O(), {
-    networkOperation: S
-  } = P(), {
-    events_add_listener: L,
-    events_remove_listener: H,
-    events_emit: C
-  } = U(), [s, m] = k(() => {
-    if (n)
-      return l;
-  }), [p, N] = j("localeHost", navigator.language), _ = w((r) => {
-    m(r);
-  }, []);
-  if (E(() => (n && L(h.EMMIT_EVENT_HOST_LOCALE_CHANGE, _), () => {
-    n && H("host_theme_change", _);
-  }), []), E(() => {
-    let r = !0;
-    if (!n && !!e)
-      return console.log("newLocaleString", `${f}/${d}/frontend/commons/assets/icons/langs/lang_en.svg`), S({
-        method: "POST",
-        endPoint: "na/locales",
-        data: {
-          ...$(p),
-          domain_token: i
-        }
-      }).then((c) => {
-        console.log("Response", c), r && e(c.data, f, d).then((a) => {
-          m(a), x("localeHost", a.localeString), console.log("Set localeHost", a.localeString), C(h.EMMIT_EVENT_HOST_LOCALE_CHANGE, a);
-        });
-      }).finally(() => {
-      }), function() {
-        r = !1;
-      };
-  }, [p]), !s)
-    return /* @__PURE__ */ g("div", {
-      children: "Cargando localeHost"
-    });
-  const M = (r) => {
-    (r.lang !== s.lang || r.script !== s.script || r.region !== s.region) && N(u(r));
-  };
-  return /* @__PURE__ */ g(I.Provider, {
-    value: {
-      currentLocale: s,
-      onChangeLocale: M
-    },
-    children: /* @__PURE__ */ g(F, {
-      dateAdapter: A,
-      adapterLocale: s.module,
-      dateFormats: {
-        hours24h: "23"
-      },
-      children: t
-    })
-  });
-}
-export {
-  I as L,
-  B as a,
-  q as g
-};