@m4l/graphics 7.5.0-beta-feature-731-code-editor.0 → 7.5.0

package/contexts/FormatterContext/helpers.d.ts

@@ -0,0 +1,7 @@
+import { UserPreferencesSource } from '@m4l/core';
+import { Formatters } from './types';
+/**
+ * Build the shared formatter contract from the effective user-preferences source.
+ */
+export declare function buildFormattersFromUserPreferences(source?: UserPreferencesSource | null): Formatters;
+//# sourceMappingURL=helpers.d.ts.map

package/contexts/FormatterContext/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/FormatterContext/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAGjF,OAAO,KAAK,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAoCjE;;GAEG;AACH,wBAAgB,kCAAkC,CAChD,MAAM,CAAC,EAAE,qBAAqB,GAAG,IAAI,GACpC,UAAU,CAwBZ"}

package/contexts/FormatterContext/helpers.js

@@ -0,0 +1,39 @@
+import { normalizeUserPreferences as o } from "@m4l/core";
+import { format as i } from "date-fns";
+import { formatInTimeZone as n } from "date-fns-tz";
+function a(t) {
+  return t.replace(/[A-Za-z]/g, "_");
+}
+function c(t) {
+  return t ? (r, e, m) => n(
+    r,
+    t,
+    e,
+    m
+  ) : i;
+}
+function F(t) {
+  const r = o(t), e = `${r.dateFormat} ${r.timeFormat}`, m = c(r.timeZone?.name);
+  return {
+    currencyFormatter: {
+      code: r.currency,
+      decimalDigits: r.currencyDecimalDigits
+    },
+    numberFormatter: {
+      decimalSymbol: r.decimalSymbol,
+      thousandsSymbol: r.thousandsSymbol
+    },
+    dateFormatter: {
+      dateFormat: r.dateFormat,
+      dateMask: a(r.dateFormat),
+      datetimeFormat: e,
+      datetimeMask: a(e),
+      timeFormat: r.timeFormat,
+      timeMask: a(r.timeFormat),
+      formatDate: m
+    }
+  };
+}
+export {
+  F as buildFormattersFromUserPreferences
+};

package/contexts/FormatterContext/index.d.ts

@@ -1,5 +1,5 @@
-import { FormatterProviderProps, Formatters } from './types';
-declare const FormatterContext: import('react').Context<Formatters | null>;
+import { FormatterProviderProps, FormatterContextProps } from './types';
+declare const FormatterContext: import('react').Context<FormatterContextProps | null>;
 /**
  * Componente encargado de proveer un contexto que permita saber los diferentes forrmatos,
  * Segunda linea

package/contexts/FormatterContext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/FormatterContext/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAyB,UAAU,EAAE,MAAM,SAAS,CAAC;AAKpF,QAAA,MAAM,gBAAgB,4CAAoD,CAAC;AAC3E;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDA2GvD;AAED,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/FormatterContext/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAc,MAAM,SAAS,CAAC;AAMpF,QAAA,MAAM,gBAAgB,uDAAoD,CAAC;AAC3E;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDAuHvD;AAED,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}

package/contexts/FormatterContext/index.js

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

package/contexts/FormatterContext/types.d.ts

@@ -1,5 +1,6 @@
 import { Locale } from 'date-fns';
 import { ReactNode } from 'react';
+import { ResolveNumberPresentationOptions } from '@m4l/core';
 export interface CurrencyFormatter {
     code: string;
     decimalDigits: number;
@@ -55,5 +56,7 @@ export interface FormatterProviderProps extends OptionalFormatters {
     isMicroFrontEnd: boolean;
     children: ReactNode;
 }
-export type FormatterContextProps = Formatters;
+export interface FormatterContextProps extends Formatters {
+    formatNumber: (options: ResolveNumberPresentationOptions) => string;
+}
 //# sourceMappingURL=types.d.ts.map

package/contexts/FormatterContext/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/FormatterContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IAGb,aAAa,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AACD;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAGjB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CAC5E;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,EAAE,CACV,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,2BAA2B,CAAC,EAAE,OAAO,CAAC;QACtC,4BAA4B,CAAC,EAAE,OAAO,CAAC;KACxC,KACE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,UAAU;IACzB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IAEjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAEtC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AACD;GACG;AACH,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAEhE,eAAe,EAAE,OAAO,CAAC;IAGzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/FormatterContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,WAAW,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IAGb,aAAa,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AACD;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAGjB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CAC5E;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,EAAE,CACV,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,2BAA2B,CAAC,EAAE,OAAO,CAAC;QACtC,4BAA4B,CAAC,EAAE,OAAO,CAAC;KACxC,KACE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,UAAU;IACzB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IAEjC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAEtC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AACD;GACG;AACH,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAEhE,eAAe,EAAE,OAAO,CAAC;IAGzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,YAAY,EAAE,CAAC,OAAO,EAAE,gCAAgC,KAAK,MAAM,CAAC;CACrE"}

package/contexts/LocalesContext/helper.d.ts

@@ -1,4 +1,4 @@
-import { BaseLocale, LocaleType, NetworkLocaleType } from './types';
+import { BaseLocale, LocaleType, NetworkLocaleType, SupportedLocales } from './types';
 /**
  * Obtiene el locale de la red
  * @author Juan Escobar - automatic
@@ -7,6 +7,10 @@ import { BaseLocale, LocaleType, NetworkLocaleType } from './types';
  * @updatedUser Juan Escobar - automatic
  */
 export declare function getLocaleFromNetwork(locale: NetworkLocaleType, host_static_assets: string, environment_assets: string): Promise<LocaleType>;
+/**
+ * Collapse one locale string into the closest locale currently supported by the host.
+ */
+export declare function normalizeSupportedLocaleString(locale?: string | null): SupportedLocales | null;
 /**
  * Une los elementos de un locale
  * @author Juan Escobar - automatic

package/contexts/LocalesContext/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/LocalesContext/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIpE;;;;;;GAMG;AACH,wBAAsB,oBAAoB,CACxC,MAAM,EAAE,iBAAiB,EACzB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,GACzB,OAAO,CAAC,UAAU,CAAC,CA0BrB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAYzD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAgBtD"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/LocalesContext/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMtF;;;;;;GAMG;AACH,wBAAsB,oBAAoB,CACxC,MAAM,EAAE,iBAAiB,EACzB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,GACzB,OAAO,CAAC,UAAU,CAAC,CA0BrB;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GACrB,gBAAgB,GAAG,IAAI,CAoBzB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAYzD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAgBtD"}

package/contexts/LocalesContext/helper.js

@@ -1,24 +1,31 @@
 import o from "date-fns/locale/en-US";
-async function s(n, e, c) {
-  const r = l(n), t = { ...n };
-  let i;
-  return r === "es" ? i = (await import("date-fns/locale/es")).default : r === "fr" ? i = (await import("date-fns/locale/fr")).default : r === "en-US" ? i = o : (i = o, t.lang = "en", t.script = void 0, t.region = "US", t.urlIcon = `${e}/${c}/frontend/commons/assets/icons/langs/lang_en.svg`, t.name = "English US*"), {
-    ...t,
-    module: i,
-    localeString: l(t)
+const s = "en-US";
+async function f(r, n, c) {
+  const i = l(r), e = { ...r };
+  let t;
+  return i === "es" ? t = (await import("date-fns/locale/es")).default : i === "fr" ? t = (await import("date-fns/locale/fr")).default : i === "en-US" ? t = o : (t = o, e.lang = "en", e.script = void 0, e.region = "US", e.urlIcon = `${n}/${c}/frontend/commons/assets/icons/langs/lang_en.svg`, e.name = "English US*"), {
+    ...e,
+    module: t,
+    localeString: l(e)
   };
 }
-function l(n) {
-  let e = n.lang;
-  return n.script && n.script !== "" && (e = e + "-" + n.script), n.region && n.region !== "" && (e = e + "-" + n.region), e;
+function a(r) {
+  if (!r)
+    return null;
+  const { lang: n } = g(r);
+  return n === "es" ? "es" : n === "fr" ? "fr" : n === "en" ? "en-US" : s;
 }
-function a(n) {
+function l(r) {
+  let n = r.lang;
+  return r.script && r.script !== "" && (n = n + "-" + r.script), r.region && r.region !== "" && (n = n + "-" + r.region), n;
+}
+function g(r) {
   try {
-    const e = new Intl.Locale(n);
+    const n = new Intl.Locale(r);
     return {
-      lang: e.language || "",
-      script: e.script,
-      region: e.region
+      lang: n.language || "",
+      script: n.script,
+      region: n.region
     };
   } catch {
     return {
@@ -29,7 +36,8 @@ function a(n) {
   }
 }
 export {
-  s as getLocaleFromNetwork,
+  f as getLocaleFromNetwork,
   l as joinLocale,
-  a as splitLocale
+  a as normalizeSupportedLocaleString,
+  g as splitLocale
 };

package/contexts/ThemeSettingsContext/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAI9B,MAAM,SAAS,CAAC;AAkHjB;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,cAAc,8BAA8B;;;;;;;;CA2LpF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/store.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAI9B,MAAM,SAAS,CAAC;AAwGjB;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,cAAc,8BAA8B;;;;;;;;CAwKpF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

package/contexts/ThemeSettingsContext/store.js

@@ -1,54 +1,46 @@
-import { createStore as d } from "zustand";
-import { devtools as u } from "zustand/middleware";
-import { immer as U } from "zustand/middleware/immer";
-import { EmitEvents as f } from "@m4l/core";
-import { getPaletteByPreset as x, createCustomShadows as C, shadows as l, typographyOld as T, getColorPresets as i } from "@m4l/styles";
-import { alpha as s } from "@mui/system";
-import { defaultThemeSettings as S } from "./constants.js";
-function c(r, o = "m4l") {
+import { createStore as c } from "zustand";
+import { devtools as d } from "zustand/middleware";
+import { immer as u } from "zustand/middleware/immer";
+import { getPaletteByPreset as a, createCustomShadows as x, shadows as s, typographyOld as U, getColorPresets as m } from "@m4l/styles";
+import { alpha as p } from "@mui/system";
+import { defaultThemeSettings as g } from "./constants.js";
+function l(o, r = "m4l") {
   const n = document.querySelector("[data-mui-color-scheme]");
-  n && Object.keys(r).forEach((t) => {
-    const e = r[t];
+  n && Object.keys(o).forEach((t) => {
+    const e = o[t];
     if (typeof e == "string" || typeof e == "number") {
-      const p = `--${o}-${t}`;
-      n.style.setProperty(p, e.toString());
-    } else typeof e == "object" && e !== null && c(e, `${o}-${t}`);
+      const S = `--${r}-${t}`;
+      n.style.setProperty(S, e.toString());
+    } else typeof e == "object" && e !== null && l(e, `${r}-${t}`);
   });
 }
-const m = (r) => {
-  const o = r.themeUserSettings || S, n = o.themeMode === "light", t = x(o.themeColor), e = n ? t.light : t.dark;
-  r.themeOptions = {
-    ...r.themeOptions,
-    ...T,
+const h = (o) => {
+  const r = o.themeUserSettings || g, n = r.themeMode === "light", t = a(r.themeColor), e = n ? t.light : t.dark;
+  o.themeOptions = {
+    ...o.themeOptions,
+    ...U,
     palette: {
-      ...r.themeOptions?.palette ?? {},
+      ...o.themeOptions?.palette ?? {},
       ...e
     },
     shape: { borderRadius: 8 },
-    direction: o.themeDirection,
-    shadows: n ? l.light : l.dark,
+    direction: r.themeDirection,
+    shadows: n ? s.light : s.dark,
     customShadows: {
-      primary: n ? `0 4px 8px -4px ${s(i(o.themeColor)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${s(i(o.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${s(i(o.themeColor)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${s(i(o.themeColor)?.enabledDark, 0.02)}`,
-      ...C(o.themeMode),
-      primary2: n ? `0px 2px 3px 0px ${s(i(o.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${s(i(o.themeColor)?.hoverOpacityDark, 0.2)}`
+      primary: n ? `0 4px 8px -4px ${p(m(r.themeColor)?.enabledLight, 0.12)},
+       0 2px 27px 2px ${p(m(r.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${p(m(r.themeColor)?.enabledDark, 0.12)},
+       0 2px 27px 2px ${p(m(r.themeColor)?.enabledDark, 0.02)}`,
+      ...x(r.themeMode),
+      primary2: n ? `0px 2px 3px 0px ${p(m(r.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${p(m(r.themeColor)?.hoverOpacityDark, 0.2)}`
     },
-    stretch: o.themeStretch
-  }, c(r.themeOptions);
-}, h = (r) => {
-  r.themeSettingsPersistFn?.(r.themeUserSettings);
-};
-function g(r) {
-  r.hostToolsEventsEmit?.(
-    f.EMMIT_EVENT_HOST_THEME_CHANGE,
-    r.themeUserSettings.themeMode
-  );
-}
-const b = (r) => d(
-  u(
-    U((o, n) => ({
-      ...r,
+    stretch: r.themeStretch
+  }, l(o.themeOptions);
+}, i = (o) => {
+  o.themeSettingsPersistFn?.(o.themeUserSettings);
+}, T = (o) => c(
+  d(
+    u((r, n) => ({
+      ...o,
       settingsActions: {
         /**
          * Inicializa la tienda de configuración del tema
@@ -58,8 +50,8 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         init: () => {
-          o((t) => {
-            m(t);
+          r((t) => {
+            h(t);
           });
         },
         /**
@@ -70,9 +62,8 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         setThemeSettings: (t) => {
-          o((e) => {
-            const p = e.themeUserSettings.themeMode;
-            e.themeUserSettings = { ...e.themeUserSettings, ...t }, h(e), m(e), p !== e.themeUserSettings.themeMode && g(e);
+          r((e) => {
+            e.themeUserSettings = { ...e.themeUserSettings, ...t }, i(e), h(e);
           });
         },
         /**
@@ -83,19 +74,11 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         onChangeMode: (t) => {
-          o((e) => {
+          r((e) => {
             t !== e.themeUserSettings.themeMode && (e.themeUserSettings = {
               ...e.themeUserSettings,
               themeMode: t
-            }, h(e), m(e), g(e));
-          });
-        },
-        /**
-         * Register the host-tools emitter used to broadcast theme-mode changes.
-         */
-        registerHostToolsEventsEmit: (t) => {
-          o((e) => {
-            e.hostToolsEventsEmit = t;
+            }, i(e), h(e));
           });
         },
         /**
@@ -106,7 +89,7 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         handleOpen: () => {
-          o((t) => {
+          r((t) => {
             t.open = !t.open;
           });
         },
@@ -118,11 +101,11 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         onChangeDirection: (t) => {
-          o((e) => {
+          r((e) => {
             t !== e.themeUserSettings.themeDirection && (e.themeUserSettings = {
               ...e.themeUserSettings,
               themeDirection: t
-            }, h(e), m(e));
+            }, i(e), h(e));
           });
         },
         /**
@@ -133,11 +116,11 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         onChangeColor: (t) => {
-          o((e) => {
+          r((e) => {
             t !== e.themeUserSettings.themeColor && (e.themeUserSettings = {
               ...e.themeUserSettings,
               themeColor: t
-            }, h(e), m(e));
+            }, i(e), h(e));
           });
         },
         /**
@@ -148,11 +131,11 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         onChangeLayout: (t) => {
-          o((e) => {
+          r((e) => {
             e.themeUserSettings = {
               ...e.themeUserSettings,
               themeLayout: t.target.value
-            }, h(e), m(e);
+            }, i(e), h(e);
           });
         },
         /**
@@ -163,11 +146,11 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         onToggleStretch: () => {
-          o((t) => {
+          r((t) => {
             t.themeUserSettings = {
               ...t.themeUserSettings,
               themeStretch: !t.themeUserSettings.themeStretch
-            }, h(t), m(t);
+            }, i(t), h(t);
           });
         },
         /**
@@ -178,11 +161,10 @@ const b = (r) => d(
          * @updatedUser Juan Escobar - automatic
          */
         onResetSetting: () => {
-          o((t) => {
-            const e = t.themeUserSettings.themeMode;
+          r((t) => {
             t.themeUserSettings = {
-              ...S
-            }, h(t), m(t), e !== t.themeUserSettings.themeMode && g(t);
+              ...g
+            }, i(t), h(t);
           });
         }
       }
@@ -191,5 +173,5 @@ const b = (r) => d(
   )
 );
 export {
-  b as createThemeSettingsStore
+  T as createThemeSettingsStore
 };

package/contexts/ThemeSettingsContext/types.d.ts

@@ -1,4 +1,3 @@
-import { EmmitFunction } from '@m4l/core';
 import { PresetsOptionsColorMain, ThemeUserColor } from '@m4l/styles';
 import { Theme } from '@mui/material/styles';
 import { ReactNode } from 'react';
@@ -42,11 +41,6 @@ export interface ThemeSettingsStore {
      * @updatedUser Juan Escobar - automatic
      */
     themeSettingsPersistFn?: (newValue: ThemeUserSettings) => void;
-    /**
-     * Host-owned event emitter injected when this store should broadcast mode changes
-     * through the shared host-tools contract.
-     */
-    hostToolsEventsEmit?: EmmitFunction;
     /**
      * "open" es una variable que se encarga de abrir o cerrar el formulario
      * @createdAt 2024-10-08 13:22:53 - automatic
@@ -65,7 +59,6 @@ export interface ThemeSettingsStateWithActions extends ThemeSettingsStore {
         onChangeColor: (color: ThemeUserColor) => void;
         onChangeLayout: (event: React.ChangeEvent<HTMLInputElement>) => void;
         handleOpen: () => void;
-        registerHostToolsEventsEmit: (eventsEmit?: EmmitFunction) => void;
         setThemeSettings: (newValue: Partial<ThemeUserSettings>) => void;
     };
 }

package/contexts/ThemeSettingsContext/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAG,uBAAuB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAG,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,eAAe,CAAC;CAE9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,YAAY,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IACjD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAChE,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;QAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,2BAA2B,EAAE,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QAClE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ThemeSettingsContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,uBAAuB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAG,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,EAAE,eAAe,CAAC;CAE9B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,YAAY,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,uBAAuB,EAAE,uBAAuB,CAAC;IACjD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/D;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,8BAA8B,GAAG,kBAAkB,CAAC;AAChE,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAC;AAE5E,MAAM,WAAW,6BAA8B,SAAQ,kBAAkB;IACvE,eAAe,EAAE;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC;QAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACrE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KAClE,CAAC;CACH;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/contexts/index.d.ts

@@ -1,11 +1,12 @@
 export * from './FormatterContext';
+export { buildFormattersFromUserPreferences } from './FormatterContext/helpers';
 export type { Formatters, DateFormatter, NumberFormatter, CurrencyFormatter, } from './FormatterContext/types';
 export * from './AppearanceComponentContext';
 export * from './LocalesContext';
 export * from './ResponsiveContainerContext';
 export type { BreakpointType } from './ResponsiveContainerContext/types';
 export type { NetworkLocaleType, LocaleType } from './LocalesContext/types';
-export { getLocaleFromNetwork } from './LocalesContext/helper';
+export { getLocaleFromNetwork, normalizeSupportedLocaleString, splitLocale, } from './LocalesContext/helper';
 export * from './HostThemeContext';
 export * from './DeviceTypeContext';
 export * from './ThemeSettingsContext';

package/contexts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,YAAY,EACV,UAAU,EACV,aAAa,EACb,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAElC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,cAAc,oBAAoB,CAAC;AAEnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AAEvC,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,kCAAkC,EAAE,MAAM,4BAA4B,CAAC;AAChF,YAAY,EACV,UAAU,EACV,aAAa,EACb,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAElC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,8BAA8B,EAC9B,WAAW,GACZ,MAAM,yBAAyB,CAAC;AAEjC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AAEvC,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC"}

package/decorators/MFIsolationAppStorybook/constants.d.ts

@@ -1,7 +1,7 @@
-import { DomainCountry } from '@m4l/core';
+import { UserPreferences } from '@m4l/core';
 import { LocaleType } from '../../contexts';
 export declare const STORYBOOK_LOCALE_HOST_EN: LocaleType;
-export declare const STORYBOOK_DOMAIN_COUNTRY: DomainCountry;
+export declare const STORYBOOK_USER_PREFERENCES: UserPreferences;
 export declare const STORYBOOK_THEME_MODE = "light";
 export declare const STORYBOOK_THEME_COLOR = "patronus";
 //# sourceMappingURL=constants.d.ts.map

package/decorators/MFIsolationAppStorybook/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/decorators/MFIsolationAppStorybook/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,wBAAwB,EAAE,UAStC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAMtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAC5C,eAAO,MAAM,qBAAqB,aAAa,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/decorators/MFIsolationAppStorybook/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,wBAAwB,EAAE,UAStC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,eAkBxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAC5C,eAAO,MAAM,qBAAqB,aAAa,CAAC"}

package/decorators/MFIsolationAppStorybook/constants.js

@@ -1,22 +1,34 @@
-import n from "date-fns/locale/en-US";
+import e from "date-fns/locale/en-US";
 const o = {
   lang: "en",
   script: void 0,
   region: "US",
   name: "English US",
   urlIcon: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/commons/assets/icons/langs/lang_en.svg",
-  module: n,
+  module: e,
   localeString: "en-US"
-}, e = {
-  id: 1,
+}, n = {
+  decimalSymbol: ".",
+  thousandsSymbol: ",",
+  dateFormat: "yyyy-MM-dd",
+  timeFormat: "HH:mm:ss",
+  timeZone: {
+    id: 1,
+    name: "America/Bogota",
+    title: "Bogota",
+    baseOffset: -5,
+    dstOffset: -5,
+    countryCode: "CO"
+  },
+  locale: o.localeString,
+  magnitudesSystemId: -1,
+  properties: [],
   currency: "USD",
-  currency_decimal_digits: 2,
-  decimal_symbol: ".",
-  thousands_symbol: ","
-}, t = "light", O = "patronus";
+  currencyDecimalDigits: 2
+}, s = "light", a = "patronus";
 export {
-  e as STORYBOOK_DOMAIN_COUNTRY,
   o as STORYBOOK_LOCALE_HOST_EN,
-  O as STORYBOOK_THEME_COLOR,
-  t as STORYBOOK_THEME_MODE
+  a as STORYBOOK_THEME_COLOR,
+  s as STORYBOOK_THEME_MODE,
+  n as STORYBOOK_USER_PREFERENCES
 };

package/decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.d.ts

@@ -1,6 +1,6 @@
 import { MFAuthAppStorybookProps } from './types';
 /**
- * Provide the shared Storybook theme, formatter, and domain-country layer.
+ * Provide the shared Storybook theme plus the same effective-preferences seam used by runtime shells.
  */
 export declare function MFAppStorybook(props: MFAuthAppStorybookProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MFAppStorybook.d.ts.map

package/decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFAppStorybook.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/graphics/src/decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,oDAyB5D"}
+{"version":3,"file":"MFAppStorybook.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/graphics/src/decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,oDAsB5D"}

package/decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.js

@@ -1,35 +1,30 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { format as i } from "date-fns";
-import { DomainCountryProvider as m } from "@m4l/core";
-import { fnComponentsOverrides as n, getUserThemeOptions as c } from "@m4l/styles";
-import { STORYBOOK_DOMAIN_COUNTRY as o, STORYBOOK_THEME_MODE as O, STORYBOOK_THEME_COLOR as s } from "../../constants.js";
-import { HostThemeProvider as d } from "../../../../contexts/HostThemeContext/index.js";
-import { FormatterProvider as f } from "../../../../contexts/FormatterContext/index.js";
-function l(t) {
-  const { children: e } = t;
+import { UserPreferencesProvider as m } from "@m4l/core";
+import { fnComponentsOverrides as s, getUserThemeOptions as n } from "@m4l/styles";
+import { useMemo as O } from "react";
+import { STORYBOOK_USER_PREFERENCES as o, STORYBOOK_THEME_MODE as f, STORYBOOK_THEME_COLOR as p } from "../../constants.js";
+import { buildFormattersFromUserPreferences as E } from "../../../../contexts/FormatterContext/helpers.js";
+import { HostThemeProvider as c } from "../../../../contexts/HostThemeContext/index.js";
+import { FormatterProvider as d } from "../../../../contexts/FormatterContext/index.js";
+function S(e) {
+  const { children: t } = e, i = O(() => E(o), []);
   return /* @__PURE__ */ r(
-    d,
+    c,
     {
-      hostThemeOptions: c(O, s),
-      fnComponentsOverrides: n,
+      hostThemeOptions: n(f, p),
+      fnComponentsOverrides: s,
       isMicroFrontEnd: !0,
-      children: /* @__PURE__ */ r(m, { ...o, isMicroFrontEnd: !1, children: /* @__PURE__ */ r(
-        f,
+      children: /* @__PURE__ */ r(
+        m,
         {
           isMicroFrontEnd: !1,
-          dateFormatter: {
-            formatDate: i
-          },
-          currencyFormatter: {
-            code: o.currency,
-            decimalDigits: o.currency_decimal_digits
-          },
-          children: e
+          ...o,
+          children: /* @__PURE__ */ r(d, { isMicroFrontEnd: !1, ...i, children: t })
         }
-      ) })
+      )
     }
   );
 }
 export {
-  l as MFAppStorybook
+  S as MFAppStorybook
 };

package/hooks/useFormatter/index.d.ts

@@ -5,5 +5,5 @@
  * @updatedAt 2024-10-06 20:07:18 - automatic
  * @updatedUser Juan Escobar - automatic
  */
-export declare const useFormatter: () => import('../..').Formatters;
+export declare const useFormatter: () => import('../../contexts/FormatterContext/types').FormatterContextProps;
 //# sourceMappingURL=index.d.ts.map

package/hooks/useFormatter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useFormatter/index.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,kCAOxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/hooks/useFormatter/index.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,6EAOxB,CAAC"}

package/index.js

@@ -1,83 +1,87 @@
-import { GlobalStyles as t } from "./components/GlobalStyles/index.js";
+import { GlobalStyles as r } from "./components/GlobalStyles/index.js";
 import { M4L_CHROMATIC_AUTOFILL as p, getInputAutofillBodyNestedStyles as m, getInputAutofillKeyframeStyles as n } from "./components/GlobalStyles/getInputAutofillGlobalStyles.js";
-import { getLocaleFromNetwork as x } from "./contexts/LocalesContext/helper.js";
-import { FormatterContext as i, FormatterProvider as a } from "./contexts/FormatterContext/index.js";
-import { AppearanceComponentContext as u, AppearanceComponentProvider as S } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { createAppearanceComponentStore as T } from "./contexts/AppearanceComponentContext/AppearanceComponentStore.js";
-import { useAppearanceComponentStore as A } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
-import { LocalesContext as d, LocalesProvider as h } from "./contexts/LocalesContext/index.js";
-import { ResponsiveContainerContext as y, ResponsiveContainerProvider as R } from "./contexts/ResponsiveContainerContext/index.js";
-import { HostThemeContext as P, HostThemeProvider as F } from "./contexts/HostThemeContext/index.js";
-import { DeviceTypeContext as b, DeviceTypeProvider as M } from "./contexts/DeviceTypeContext/index.js";
-import { KEY_LOCAL_STORAGE_THEME_SETTINGS as E, defaultThemeSettings as O } from "./contexts/ThemeSettingsContext/constants.js";
-import { ThemeSettingsContext as H, ThemeSettingsProvider as W } from "./contexts/ThemeSettingsContext/ThemeSettingsContext.js";
-import { WithAppearanceContext as z } from "./decorators/WithAppearanceContext/WithAppearanceContext.js";
-import { MFIsolationAppStorybook as G } from "./decorators/MFIsolationAppStorybook/MFIsolationAppStorybook.js";
-import { MFAppStorybook as K } from "./decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.js";
-import { WithStorybookThemeContext as B, createWithStorybookThemeContext as Y } from "./decorators/WithStorybookThemeContext/WithStorybookThemeContext.js";
-import { useFirstRender as q } from "./hooks/useFirstRender/index.js";
-import { useComponentSize as Q } from "./hooks/useComponentSize/useComponentSize.js";
-import { useFormatter as X } from "./hooks/useFormatter/index.js";
-import { useIsMountedRef as $ } from "./hooks/useIsMountedRef/index.js";
-import { useLocales as oe } from "./hooks/useLocales/index.js";
-import { useResponsiveContainerStore as re } from "./hooks/useResponsiveContainer/index.js";
-import { useUserAgent as me } from "./hooks/useUserAgent/index.js";
-import { useIsMobile as se } from "./hooks/useIsMobile/index.js";
-import { useOffSetTop as fe } from "./hooks/useOffSetTop.js";
-import { useHostTheme as ae } from "./hooks/useHostTheme/index.js";
-import { useResizeObserver as ue } from "./hooks/useResizeObserver/index.js";
-import { useResponsiveDesktop as le } from "./hooks/useResponsive/index.js";
-import { useThemeSettingsStore as ce } from "./hooks/useThemSettingsStore/index.js";
-import { usePaginate as ve } from "./hooks/usePaginate/index.js";
-import { useRows as he } from "./hooks/useRows/index.js";
-import { capitalize as ye } from "./utils/strings.js";
-import { getAnchorElPositionWindow as Le } from "./utils/anchorEl.js";
-import { getContrastTextColor as Fe } from "./utils/getContrastTextColor/getContrastTextColor.js";
+import { buildFormattersFromUserPreferences as x } from "./contexts/FormatterContext/helpers.js";
+import { getLocaleFromNetwork as i, normalizeSupportedLocaleString as a, splitLocale as l } from "./contexts/LocalesContext/helper.js";
+import { FormatterContext as C, FormatterProvider as S } from "./contexts/FormatterContext/index.js";
+import { AppearanceComponentContext as c, AppearanceComponentProvider as d } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
+import { createAppearanceComponentStore as v } from "./contexts/AppearanceComponentContext/AppearanceComponentStore.js";
+import { useAppearanceComponentStore as g } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
+import { LocalesContext as L, LocalesProvider as F } from "./contexts/LocalesContext/index.js";
+import { ResponsiveContainerContext as R, ResponsiveContainerProvider as b } from "./contexts/ResponsiveContainerContext/index.js";
+import { HostThemeContext as M, HostThemeProvider as k } from "./contexts/HostThemeContext/index.js";
+import { DeviceTypeContext as O, DeviceTypeProvider as _ } from "./contexts/DeviceTypeContext/index.js";
+import { KEY_LOCAL_STORAGE_THEME_SETTINGS as z, defaultThemeSettings as W } from "./contexts/ThemeSettingsContext/constants.js";
+import { ThemeSettingsContext as D, ThemeSettingsProvider as G } from "./contexts/ThemeSettingsContext/ThemeSettingsContext.js";
+import { WithAppearanceContext as U } from "./decorators/WithAppearanceContext/WithAppearanceContext.js";
+import { MFIsolationAppStorybook as B } from "./decorators/MFIsolationAppStorybook/MFIsolationAppStorybook.js";
+import { MFAppStorybook as j } from "./decorators/MFIsolationAppStorybook/subcomponents/MFAppStorybook/MFAppStorybook.js";
+import { WithStorybookThemeContext as J, createWithStorybookThemeContext as Q } from "./decorators/WithStorybookThemeContext/WithStorybookThemeContext.js";
+import { useFirstRender as X } from "./hooks/useFirstRender/index.js";
+import { useComponentSize as $ } from "./hooks/useComponentSize/useComponentSize.js";
+import { useFormatter as oe } from "./hooks/useFormatter/index.js";
+import { useIsMountedRef as te } from "./hooks/useIsMountedRef/index.js";
+import { useLocales as me } from "./hooks/useLocales/index.js";
+import { useResponsiveContainerStore as se } from "./hooks/useResponsiveContainer/index.js";
+import { useUserAgent as fe } from "./hooks/useUserAgent/index.js";
+import { useIsMobile as ae } from "./hooks/useIsMobile/index.js";
+import { useOffSetTop as ue } from "./hooks/useOffSetTop.js";
+import { useHostTheme as Se } from "./hooks/useHostTheme/index.js";
+import { useResizeObserver as ce } from "./hooks/useResizeObserver/index.js";
+import { useResponsiveDesktop as Ae } from "./hooks/useResponsive/index.js";
+import { useThemeSettingsStore as he } from "./hooks/useThemSettingsStore/index.js";
+import { usePaginate as ye } from "./hooks/usePaginate/index.js";
+import { useRows as Fe } from "./hooks/useRows/index.js";
+import { capitalize as Re } from "./utils/strings.js";
+import { getAnchorElPositionWindow as Ie } from "./utils/anchorEl.js";
+import { getContrastTextColor as ke } from "./utils/getContrastTextColor/getContrastTextColor.js";
 export {
-  u as AppearanceComponentContext,
-  S as AppearanceComponentProvider,
-  b as DeviceTypeContext,
-  M as DeviceTypeProvider,
-  i as FormatterContext,
-  a as FormatterProvider,
-  t as GlobalStyles,
-  P as HostThemeContext,
-  F as HostThemeProvider,
-  E as KEY_LOCAL_STORAGE_THEME_SETTINGS,
-  d as LocalesContext,
-  h as LocalesProvider,
+  c as AppearanceComponentContext,
+  d as AppearanceComponentProvider,
+  O as DeviceTypeContext,
+  _ as DeviceTypeProvider,
+  C as FormatterContext,
+  S as FormatterProvider,
+  r as GlobalStyles,
+  M as HostThemeContext,
+  k as HostThemeProvider,
+  z as KEY_LOCAL_STORAGE_THEME_SETTINGS,
+  L as LocalesContext,
+  F as LocalesProvider,
   p as M4L_CHROMATIC_AUTOFILL,
-  K as MFAppStorybook,
-  G as MFIsolationAppStorybook,
-  y as ResponsiveContainerContext,
-  R as ResponsiveContainerProvider,
-  H as ThemeSettingsContext,
-  W as ThemeSettingsProvider,
-  z as WithAppearanceContext,
-  B as WithStorybookThemeContext,
-  ye as capitalize,
-  T as createAppearanceComponentStore,
-  Y as createWithStorybookThemeContext,
-  O as defaultThemeSettings,
-  Le as getAnchorElPositionWindow,
-  Fe as getContrastTextColor,
+  j as MFAppStorybook,
+  B as MFIsolationAppStorybook,
+  R as ResponsiveContainerContext,
+  b as ResponsiveContainerProvider,
+  D as ThemeSettingsContext,
+  G as ThemeSettingsProvider,
+  U as WithAppearanceContext,
+  J as WithStorybookThemeContext,
+  x as buildFormattersFromUserPreferences,
+  Re as capitalize,
+  v as createAppearanceComponentStore,
+  Q as createWithStorybookThemeContext,
+  W as defaultThemeSettings,
+  Ie as getAnchorElPositionWindow,
+  ke as getContrastTextColor,
   m as getInputAutofillBodyNestedStyles,
   n as getInputAutofillKeyframeStyles,
-  x as getLocaleFromNetwork,
-  A as useAppearanceComponentStore,
-  Q as useComponentSize,
-  q as useFirstRender,
-  X as useFormatter,
-  ae as useHostTheme,
-  se as useIsMobile,
-  $ as useIsMountedRef,
-  oe as useLocales,
-  fe as useOffSetTop,
-  ve as usePaginate,
-  ue as useResizeObserver,
-  re as useResponsiveContainerStore,
-  le as useResponsiveDesktop,
-  he as useRows,
-  ce as useThemeSettingsStore,
-  me as useUserAgent
+  i as getLocaleFromNetwork,
+  a as normalizeSupportedLocaleString,
+  l as splitLocale,
+  g as useAppearanceComponentStore,
+  $ as useComponentSize,
+  X as useFirstRender,
+  oe as useFormatter,
+  Se as useHostTheme,
+  ae as useIsMobile,
+  te as useIsMountedRef,
+  me as useLocales,
+  ue as useOffSetTop,
+  ye as usePaginate,
+  ce as useResizeObserver,
+  se as useResponsiveContainerStore,
+  Ae as useResponsiveDesktop,
+  Fe as useRows,
+  he as useThemeSettingsStore,
+  fe as useUserAgent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.5.0-beta-feature-731-code-editor.0",
+  "version": "7.5.0",
   "publishConfig": {
     "access": "public"
   },
@@ -43,6 +43,7 @@
     "@emotion/react": "11.14.0",
     "@mui/material": "5.16.7",
     "date-fns": "2.30.0",
+    "date-fns-tz": "2.0.0",
     "react": "19.2.4",
     "zustand": "4.3.6",
     "@mui/x-date-pickers": "6.20.2",