@m4l/graphics 0.1.15 → 0.1.17

package/contexts/FormatterContext/index.0a135b60.js

@@ -0,0 +1,75 @@
+import { createContext as D, useState as k, useCallback as C, useEffect as p } from "react";
+import { useHostTools as v, usePropageteMF as R, EmitEvents as b } from "@m4l/core";
+import { u as h } from "../../hooks/useFirstRender/index.1e9b02fb.js";
+import { jsx as V } from "react/jsx-runtime";
+const x = D(null);
+function I(f) {
+  const {
+    children: T,
+    isMicroFrontEnd: l,
+    currencyFormatter: F,
+    numberFormatter: y,
+    dateFormatter: t
+  } = f, r = F?.decimalDigits || 0, o = F?.symbol || "$", a = y?.decimalSymbol || 0.1 .toLocaleString().substring(1, 2), s = y?.thousandsSymbol || 1e3 .toLocaleString().substring(1, 2), m = t?.dateFormat || "yyyy-MM-dd", n = t?.dateMask || "____-__-__", c = t?.datetimeFormat || "yyyy-MM-dd HH:mm:ss", i = t?.datetimeMask || "____-__-__ __:__:__", _ = t?.timeFormat || "HH:mm:ss", u = t?.timeMask || "__:__:__", d = t?.formatDate || (() => {
+    throw new Error("Incorrect use of formatDate");
+  }), M = h(), {
+    events_emit: g
+  } = v(), [H, E] = k({
+    currencyFormatter: {
+      decimalDigits: r,
+      symbol: o
+    },
+    numberFormatter: {
+      decimalSymbol: a,
+      thousandsSymbol: s
+    },
+    dateFormatter: {
+      dateFormat: m,
+      dateMask: n,
+      datetimeFormat: c,
+      datetimeMask: i,
+      timeFormat: _,
+      timeMask: u,
+      formatDate: d
+    }
+  }), S = C((e) => {
+    E(e);
+  }, []);
+  return R({
+    isMicroFrontEnd: l,
+    event: b.EMMIT_EVENT_HOST_FORMATTER_CHANGE,
+    setHandler: S
+  }), p(() => {
+    if (l || M)
+      return;
+    const e = {
+      currencyFormatter: {
+        decimalDigits: r,
+        symbol: o
+      },
+      numberFormatter: {
+        decimalSymbol: a,
+        thousandsSymbol: s
+      },
+      dateFormatter: {
+        dateFormat: m,
+        dateMask: n,
+        datetimeFormat: c,
+        datetimeMask: i,
+        timeFormat: _,
+        timeMask: u,
+        formatDate: d
+      }
+    };
+    E(e), g(b.EMMIT_EVENT_HOST_FORMATTER_CHANGE, e);
+  }, [M, o, r, a, s, m, n, c, i, _, u, d]), /* @__PURE__ */ V(x.Provider, {
+    value: {
+      ...H
+    },
+    children: T
+  });
+}
+export {
+  x as F,
+  I as a
+};

package/contexts/{index.f665068e.js → index.78a814ce.js}

@@ -1,4 +1,4 @@
-import "./FormatterContext/index.06536651.js";
+import "./FormatterContext/index.0a135b60.js";
 import "./LocalesContext/index.3fcfbe02.js";
 import "date-fns/locale/en-US";
 import "./HostThemeContext/index.a6a62c70.js";

package/hooks/index.54438d3f.js

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

package/hooks/index.d.ts

@@ -1,6 +1,7 @@
+export { useFirstRender } from './useFirstRender';
 export { useFormatter } from './useFormatter';
-export { useResponsive, useResponsiveDesktop } from './useResponsive';
+export { useHostTheme } from './useHostTheme';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLocales } from './useLocales';
 export { useOffSetTop } from './useOffSetTop';
-export { useHostTheme } from './useHostTheme';
+export { useResponsive, useResponsiveDesktop } from './useResponsive';

package/hooks/useFirstRender/index.1e9b02fb.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as u } from "react";
+function s(r = []) {
+  const e = t(!0);
+  return u(() => (e.current = !1, () => {
+    e.current = !0;
+  }), r), e.current;
+}
+export {
+  s as u
+};

package/hooks/useFirstRender/index.d.ts

@@ -1 +1 @@
-export declare function useFirstRender(): boolean;
+export declare function useFirstRender(dependencies?: Array<any>): boolean;

package/hooks/useFormatter/{index.d30c615c.js → index.6463a320.js}

@@ -1,5 +1,5 @@
 import { useContext as r } from "react";
-import { F as e } from "../../contexts/FormatterContext/index.06536651.js";
+import { F as e } from "../../contexts/FormatterContext/index.0a135b60.js";
 const m = () => {
   const t = r(e);
   if (!t)

package/index.js

@@ -1,17 +1,18 @@
-import { P as l } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { F as n, a as c } from "./contexts/FormatterContext/index.06536651.js";
-import { L as C, a as h, g as v } from "./contexts/LocalesContext/index.3fcfbe02.js";
+import { P as d } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
+import { F as n, a as c } from "./contexts/FormatterContext/index.0a135b60.js";
+import { L as C, a as F, g as h } from "./contexts/LocalesContext/index.3fcfbe02.js";
 import { H as g, a as L } from "./contexts/HostThemeContext/index.a6a62c70.js";
-import { u as H } from "./hooks/useFormatter/index.d30c615c.js";
-import { u as O, a as R } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { a as k, b } from "./hooks/index.f7923b00.js";
-import { u as z } from "./hooks/useLocales/index.8154a401.js";
-import { u as D } from "./hooks/useHostTheme/index.1c8e4ad7.js";
-import { d as I } from "./theme/defaultThemeOptions.9b9e7503.js";
-import { c as N, s as V } from "./theme/shadows.bf8dc290.js";
-import { p as q } from "./theme/palette.2baf72f5.js";
-import { C as E, a as J, c as K, d as Q, g as U } from "./utils/index.d8b24456.js";
-import { f as X } from "./theme/overrides.7958c0ab.js";
+import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as w } from "./hooks/useFormatter/index.6463a320.js";
+import { u as S } from "./hooks/useHostTheme/index.1c8e4ad7.js";
+import { u as y, a as z } from "./hooks/index.54438d3f.js";
+import { u as D } from "./hooks/useLocales/index.8154a401.js";
+import { u as I, a as M } from "./hooks/useResponsive/index.fc5e1b4f.js";
+import { d as V } from "./theme/defaultThemeOptions.9b9e7503.js";
+import { c as j, s as q } from "./theme/shadows.bf8dc290.js";
+import { p as E } from "./theme/palette.2baf72f5.js";
+import { C as K, a as Q, c as U, d as W, g as X } from "./utils/index.d8b24456.js";
+import { f as Z } from "./theme/overrides.7958c0ab.js";
 import "@mui/material/styles";
 import "@mui/material";
 import "react/jsx-runtime";
@@ -23,29 +24,30 @@ import "date-fns/locale/en-US";
 import "@mui/material/useMediaQuery";
 import "./theme/typography.f5eadf47.js";
 export {
-  E as Capitalize,
+  K as Capitalize,
   n as FormatterContext,
   c as FormatterProvider,
-  J as GetFontValue,
+  Q as GetFontValue,
   g as HostThemeContext,
   L as HostThemeProvider,
   C as LocalesContext,
-  h as LocalesProvider,
-  l as ProgressBarStyle,
-  K as colorPresets,
-  N as customShadows,
-  Q as defaultPreset,
-  I as defaultThemeOptions,
-  X as fnComponentsOverrides,
-  U as getColorPresets,
-  v as getLocaleFromNetwork,
-  q as palette,
-  V as shadows,
-  H as useFormatter,
-  D as useHostTheme,
-  k as useIsMountedRef,
-  z as useLocales,
-  b as useOffSetTop,
-  O as useResponsive,
-  R as useResponsiveDesktop
+  F as LocalesProvider,
+  d as ProgressBarStyle,
+  U as colorPresets,
+  j as customShadows,
+  W as defaultPreset,
+  V as defaultThemeOptions,
+  Z as fnComponentsOverrides,
+  X as getColorPresets,
+  h as getLocaleFromNetwork,
+  E as palette,
+  q as shadows,
+  H as useFirstRender,
+  w as useFormatter,
+  S as useHostTheme,
+  y as useIsMountedRef,
+  D as useLocales,
+  z as useOffSetTop,
+  I as useResponsive,
+  M as useResponsiveDesktop
 };

package/package.json

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

package/contexts/FormatterContext/index.06536651.js

@@ -1,77 +0,0 @@
-import { createContext as D, useState as k, useCallback as v, useEffect as C } from "react";
-import { useHostTools as p, usePropageteMF as R, EmitEvents as b } from "@m4l/core";
-import { u as h } from "../../hooks/index.f7923b00.js";
-import { jsx as V } from "react/jsx-runtime";
-const x = D(null);
-function w(g) {
-  const {
-    children: T,
-    isMicroFrontEnd: r,
-    currencyFormatter: F,
-    numberFormatter: y,
-    dateFormatter: t
-  } = g, o = F?.decimalDigits || 0, a = F?.symbol || "$", s = y?.decimalSymbol || 0.1 .toLocaleString().substring(1, 2), m = y?.thousandsSymbol || 1e3 .toLocaleString().substring(1, 2), n = t?.dateFormat || "yyyy-MM-dd", c = t?.dateMask || "____-__-__", i = t?.datetimeFormat || "yyyy-MM-dd HH:mm:ss", _ = t?.datetimeMask || "____-__-__ __:__:__", d = t?.timeFormat || "HH:mm:ss", u = t?.timeMask || "__:__:__", l = t?.formatDate || (() => {
-    throw new Error("Incorrect use of formatDate");
-  }), M = h(), {
-    events_emit: H
-  } = p(), [f, E] = k({
-    currencyFormatter: {
-      decimalDigits: o,
-      symbol: a
-    },
-    numberFormatter: {
-      decimalSymbol: s,
-      thousandsSymbol: m
-    },
-    dateFormatter: {
-      dateFormat: n,
-      dateMask: c,
-      datetimeFormat: i,
-      datetimeMask: _,
-      timeFormat: d,
-      timeMask: u,
-      formatDate: l
-    }
-  });
-  console.log("FormatterProvider", r, f.dateFormatter.formatDate);
-  const S = v((e) => {
-    E(e);
-  }, []);
-  return R({
-    isMicroFrontEnd: r,
-    event: b.EMMIT_EVENT_HOST_FORMATTER_CHANGE,
-    setHandler: S
-  }), C(() => {
-    if (r || M)
-      return;
-    const e = {
-      currencyFormatter: {
-        decimalDigits: o,
-        symbol: a
-      },
-      numberFormatter: {
-        decimalSymbol: s,
-        thousandsSymbol: m
-      },
-      dateFormatter: {
-        dateFormat: n,
-        dateMask: c,
-        datetimeFormat: i,
-        datetimeMask: _,
-        timeFormat: d,
-        timeMask: u,
-        formatDate: l
-      }
-    };
-    E(e), H(b.EMMIT_EVENT_HOST_FORMATTER_CHANGE, e);
-  }, [M, a, o, s, m, n, c, i, _, d, u, l]), /* @__PURE__ */ V(x.Provider, {
-    value: {
-      ...f
-    },
-    children: T
-  });
-}
-export {
-  x as F,
-  w as a
-};

package/hooks/index.f7923b00.js

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