@m4l/graphics 0.1.12 → 0.1.14

package/contexts/FormatterContext/index.06536651.js

@@ -0,0 +1,77 @@
+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/contexts/FormatterContext/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { FormatterProviderProps, Formatters } from './types';
+declare const FormatterContext: import("react").Context<Formatters | null>;
+/**
+ * @function
+ * Componente encargado de proveer un contexto que permita saber los diferentes forrmatos,
+ * Segunda linea
+ * @param props Objeto de propiedades
+ * @version 1.0.0
+ * @author Juan Andrés Escobar
+ * @date 2023-02-11
+ * @beta
+ * @link
+ */
+declare function FormatterProvider(props: FormatterProviderProps): JSX.Element;
+export { FormatterProvider, FormatterContext };

package/contexts/FormatterContext/types.d.ts

@@ -0,0 +1,55 @@
+import type { Locale } from 'date-fns';
+import { ReactNode } from 'react';
+export interface CurrencyFormatter {
+    symbol: string;
+    decimalDigits: number;
+}
+export interface NumberFormatter {
+    decimalSymbol: string;
+    thousandsSymbol: string;
+}
+/**
+ * @author
+ */
+export interface DateFormatter {
+    dateFormat: string;
+    datetimeFormat: string;
+    dateMask: string;
+    datetimeMask: string;
+    timeFormat: string;
+    timeMask: string;
+    formatDate: (date: Date | number, format: string, options?: any) => string;
+}
+export interface OptionalDateFormatter {
+    dateFormat?: string;
+    datetimeFormat?: string;
+    dateMask?: string;
+    datetimeMask?: string;
+    timeFormat?: string;
+    timeMask?: string;
+    formatDate: (date: Date | number, format: string, options?: {
+        locale?: Locale;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        firstWeekContainsDate?: number;
+        useAdditionalWeekYearTokens?: boolean;
+        useAdditionalDayOfYearTokens?: boolean;
+    }) => string;
+}
+export interface Formatters {
+    currencyFormatter: CurrencyFormatter;
+    dateFormatter: DateFormatter;
+    numberFormatter: NumberFormatter;
+}
+export interface OptionalFormatters {
+    currencyFormatter?: CurrencyFormatter;
+    dateFormatter?: OptionalDateFormatter;
+    numberFormatter?: NumberFormatter;
+}
+/**
+ * @interface
+ */
+export interface FormatterProviderProps extends OptionalFormatters {
+    isMicroFrontEnd: boolean;
+    children: ReactNode;
+}
+export declare type FormatterContextProps = Formatters;

package/contexts/index.d.ts

@@ -1,3 +1,5 @@
+export * from './FormatterContext';
+export type { Formatters, DateFormatter, NumberFormatter, CurrencyFormatter, } from './FormatterContext/types';
 export * from './LocalesContext';
 export type { NetworkLocaleType, LocaleType } from './LocalesContext/types';
 export { getLocaleFromNetwork } from './LocalesContext/helper';

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

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

package/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { useFormatter } from './useFormatter';
 export { useResponsive, useResponsiveDesktop } from './useResponsive';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLocales } from './useLocales';

package/hooks/index.f7923b00.js

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

package/hooks/useFirstRender/index.d.ts

@@ -0,0 +1 @@
+export declare function useFirstRender(): boolean;

package/hooks/useFormatter/index.d.ts

@@ -0,0 +1 @@
+export declare const useFormatter: () => import("../..").Formatters;

package/hooks/useFormatter/index.d30c615c.js

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

@@ -1,46 +1,51 @@
 import { P as l } from "./components/ProgressBarStyle/index.fb6fd9ed.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.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";
-import { p as M } from "./theme/palette.2baf72f5.js";
-import { C as V, a as b, c as j, d as q, g as A } from "./utils/index.d8b24456.js";
-import { f as J } from "./theme/overrides.7958c0ab.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 { 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 "@mui/material/styles";
 import "@mui/material";
 import "react/jsx-runtime";
 import "react";
+import "@m4l/core";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
-import "@m4l/core";
 import "date-fns/locale/en-US";
 import "@mui/material/useMediaQuery";
 import "./theme/typography.f5eadf47.js";
 export {
-  V as Capitalize,
-  b as GetFontValue,
-  C as HostThemeContext,
-  g as HostThemeProvider,
-  n as LocalesContext,
-  c as LocalesProvider,
+  E as Capitalize,
+  n as FormatterContext,
+  c as FormatterProvider,
+  J as GetFontValue,
+  g as HostThemeContext,
+  L as HostThemeProvider,
+  C as LocalesContext,
+  h as LocalesProvider,
   l as ProgressBarStyle,
-  j as colorPresets,
-  D as customShadows,
-  q as defaultPreset,
-  z as defaultThemeOptions,
-  J as fnComponentsOverrides,
-  A as getColorPresets,
-  P as getLocaleFromNetwork,
-  M as palette,
-  G as shadows,
-  F as useHostTheme,
-  w as useIsMountedRef,
-  S as useLocales,
-  O as useOffSetTop,
-  L as useResponsive,
-  T as useResponsiveDesktop
+  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
 };

package/package.json

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

package/hooks/index.c9dba2ff.js

@@ -1,26 +0,0 @@
-import { useRef as n, useEffect as s, useState as r } from "react";
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import "../contexts/LocalesContext/index.3fcfbe02.js";
-import "../contexts/HostThemeContext/index.a6a62c70.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
-};