@m4l/graphics 7.2.3-beta.1 → 7.2.3-beta.2

package/components/index.d.ts

@@ -0,0 +1,2 @@
+export { GlobalStyles } from './GlobalStyles';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/graphics/src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/contexts/DeviceTypeContext/helper.d.ts

@@ -0,0 +1,10 @@
+import { DeviceType } from './types';
+/**
+ * Check if the device type
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-08 19:28:36 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const getDeviceType: (userAgent: string | undefined) => DeviceType;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/DeviceTypeContext/helper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,GAAG,SAAS,KAAG,UAM7D,CAAC"}

package/contexts/DeviceTypeContext/helper.js

@@ -0,0 +1,4 @@
+const i = (e) => typeof e > "u" ? "desktop" : /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(e) ? "mobile" : "desktop";
+export {
+  i as getDeviceType
+};

package/contexts/DeviceTypeContext/index.d.ts

@@ -0,0 +1,16 @@
+import { DeviceTypePrivderProps } from './types';
+declare const DeviceTypeContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./types').DeviceTypeWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import('./types').DeviceTypeWithActions | Partial<import('./types').DeviceTypeWithActions> | ((state: import('./types').DeviceTypeWithActions) => import('./types').DeviceTypeWithActions | Partial<import('./types').DeviceTypeWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import('./types').DeviceTypeWithActions | Partial<import('./types').DeviceTypeWithActions> | ((state: import('immer/dist/internal.js').WritableDraft<import('./types').DeviceTypeWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}) | null>;
+/**
+ * Proveedor de contenedor responsivo
+ */
+declare const DeviceTypeProvider: (props: DeviceTypePrivderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { DeviceTypeProvider, DeviceTypeContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/DeviceTypeContext/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKjD,QAAA,MAAM,iBAAiB;;;;;;;;UAA8C,CAAC;AAEtE;;GAEG;AACH,QAAA,MAAM,kBAAkB,GAAI,OAAO,sBAAsB,qDA6BxD,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAG,iBAAiB,EAAI,CAAC"}

package/contexts/DeviceTypeContext/index.js

@@ -0,0 +1,18 @@
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { createContext as v, useRef as f, useEffect as u } from "react";
+import { createDeviceTypeStore as d } from "./store.js";
+import { getDeviceType as m } from "./helper.js";
+import { useUserAgent as y } from "../../hooks/useUserAgent/index.js";
+const T = v(null), S = (r) => {
+  const { children: o, forcedDeviceType: c, storeId: i, storeDevtoolsEnabled: n } = r, s = y(), e = f(void 0), t = c ?? m(s);
+  return e.current || (e.current = d({
+    deviceType: t,
+    storeId: i
+  }, n)), u(() => {
+    e.current?.getState().deviceType !== t && e.current?.getState().actions.setDeviceType(t);
+  }, [t]), /* @__PURE__ */ p(T.Provider, { value: e.current, children: o });
+};
+export {
+  T as DeviceTypeContext,
+  S as DeviceTypeProvider
+};

package/contexts/DeviceTypeContext/store.d.ts

@@ -0,0 +1,19 @@
+import { InitialDeviceTypeProps, DeviceTypeWithActions } from './types';
+/**
+ * Crea la tienda de contenedor responsivo
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const createDeviceTypeStore: (initProps: InitialDeviceTypeProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<DeviceTypeWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: DeviceTypeWithActions | Partial<DeviceTypeWithActions> | ((state: DeviceTypeWithActions) => DeviceTypeWithActions | Partial<DeviceTypeWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: DeviceTypeWithActions | Partial<DeviceTypeWithActions> | ((state: import('immer/dist/internal.js').WritableDraft<DeviceTypeWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
+export type DeviceTypeStore = ReturnType<typeof createDeviceTypeStore>;
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/DeviceTypeContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,sBAAsB,EAEtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAgBjB;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,WAAW,sBAAsB,EAAE,8BAA4B;;;;;;;;CA+BpG,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/contexts/DeviceTypeContext/store.js

@@ -0,0 +1,36 @@
+import { createStore as n } from "zustand";
+import { devtools as a } from "zustand/middleware";
+import { immer as p } from "zustand/middleware/immer";
+const m = (e, t) => {
+  const { enabled: o = !1 } = t;
+  return o && process.env.NODE_ENV === "development" ? a(e, t) : e;
+}, D = (e, t = !1) => {
+  const o = {
+    ...e
+  };
+  return n(
+    m(
+      p((r, v) => ({
+        ...o,
+        actions: {
+          /**
+           * Establece el punto de interrupción
+           * @author Juan Escobar - automatic
+           * @createdAt 2024-10-06 20:07:18 - automatic
+           * @updatedAt 2024-10-06 20:07:18 - automatic
+           * @updatedUser Juan Escobar - automatic
+           */
+          setDeviceType: (s) => {
+            r((c) => {
+              c.deviceType = s;
+            });
+          }
+        }
+      })),
+      { name: `DeviceTypeStore: ${e.storeId}`, enabled: t }
+    )
+  );
+};
+export {
+  D as createDeviceTypeStore
+};

package/contexts/DeviceTypeContext/types.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export type DeviceType = 'mobile' | 'desktop';
+export interface DeviceTypeState {
+    /**
+     * "storeId" Id del store
+     */
+    storeId?: string;
+    /**
+     * "deviceType" Tipo de dispositivo detectado
+     */
+    deviceType: DeviceType;
+}
+export type InitialDeviceTypeProps = Pick<DeviceTypeState, 'deviceType' | 'storeId'>;
+export interface DeviceTypePrivderProps {
+    /**
+     * "storeId" Id del store
+     */
+    storeId?: string;
+    /**
+     * "storeDevtoolsEnabled" Determina si se debe usar devtools para el store
+     */
+    storeDevtoolsEnabled?: boolean;
+    /**
+     * "forcedDeviceType" Tipo de dispositivo forzado, para no usar el detectado del userAgent
+     */
+    forcedDeviceType?: DeviceType;
+    /**
+     * "children" Componentes hijos
+     */
+    children: React.ReactNode;
+}
+export interface DeviceTypeWithActions extends DeviceTypeState {
+    actions: {
+        setDeviceType: (newDeviceType: DeviceType) => void;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/DeviceTypeContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9C,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,eAAe,EACf,YAAY,GAAG,SAAS,CACzB,CAAC;AAGF,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAC,UAAU,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAE3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,OAAO,EAAE;QACP,aAAa,EAAE,CAAC,aAAa,EAAC,UAAU,KAAK,IAAI,CAAC;KACnD,CAAC;CACH"}

package/contexts/FormatterContext/index.d.ts

@@ -0,0 +1,13 @@
+import { FormatterProviderProps, Formatters } from './types';
+declare const FormatterContext: import('react').Context<Formatters | null>;
+/**
+ * Componente encargado de proveer un contexto que permita saber los diferentes forrmatos,
+ * Segunda linea
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+declare function FormatterProvider(props: FormatterProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { FormatterProvider, FormatterContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/contexts/FormatterContext/index.js

@@ -0,0 +1,74 @@
+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 || (() => {
+    throw new Error("Incorrect use of formatDate");
+  }), y = V(), { events_emit: g } = R(), [H, E] = k({
+    currencyFormatter: {
+      decimalDigits: r,
+      code: o
+    },
+    numberFormatter: { decimalSymbol: a, thousandsSymbol: s },
+    dateFormatter: {
+      dateFormat: m,
+      dateMask: n,
+      datetimeFormat: c,
+      datetimeMask: i,
+      timeFormat: _,
+      timeMask: d,
+      formatDate: u
+    }
+  }), S = p((e) => {
+    E(e);
+  }, []);
+  return h({
+    isMicroFrontEnd: F,
+    event: f.EMMIT_EVENT_HOST_FORMATTER_CHANGE,
+    setHandler: S
+  }), v(() => {
+    if (F || y)
+      return;
+    const e = {
+      currencyFormatter: { decimalDigits: r, code: o },
+      numberFormatter: { decimalSymbol: a, thousandsSymbol: s },
+      dateFormatter: {
+        dateFormat: m,
+        dateMask: n,
+        datetimeFormat: c,
+        datetimeMask: i,
+        timeFormat: _,
+        timeMask: d,
+        formatDate: u
+      }
+    };
+    E(e), g(f.EMMIT_EVENT_HOST_FORMATTER_CHANGE, e);
+  }, [
+    y,
+    o,
+    r,
+    a,
+    s,
+    m,
+    n,
+    c,
+    i,
+    _,
+    d,
+    u
+  ]), /* @__PURE__ */ D(
+    x.Provider,
+    {
+      value: {
+        ...H
+      },
+      children: b
+    }
+  );
+}
+export {
+  x as FormatterContext,
+  I as FormatterProvider
+};

package/contexts/FormatterContext/types.d.ts

@@ -0,0 +1,59 @@
+import { Locale } from 'date-fns';
+import { ReactNode } from 'react';
+export interface CurrencyFormatter {
+    code: string;
+    decimalDigits: number;
+}
+export interface NumberFormatter {
+    decimalSymbol: string;
+    thousandsSymbol: string;
+}
+/**
+ * Formateador de fechas
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+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;
+}
+/**
+ */
+export interface FormatterProviderProps extends OptionalFormatters {
+    isMicroFrontEnd: boolean;
+    children: ReactNode;
+}
+export type FormatterContextProps = Formatters;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

package/contexts/HostThemeContext/index.d.ts

@@ -0,0 +1,12 @@
+import { HostThemeProviderProps } from './types';
+declare const HostThemeContext: import('react').Context<import('./types').HostThemeType | null>;
+/**
+ * Host theme provider
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-08 19:28:36 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+declare function HostThemeProvider(props: HostThemeProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { HostThemeProvider, HostThemeContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/HostThemeContext/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAwB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGvE,QAAA,MAAM,gBAAgB,iEAAmD,CAAC;AAE1E;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDA6CvD;AAED,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}

package/contexts/HostThemeContext/index.js

@@ -0,0 +1,46 @@
+import { jsxs as m, jsx as o } from "@emotion/react/jsx-runtime";
+import { createContext as d, useMemo as p } from "react";
+import { CssBaseline as a } from "@mui/material";
+import { deepmerge as t } from "@mui/utils";
+import { GlobalStyles as f } from "../../components/GlobalStyles/index.js";
+import { experimental_extendTheme as x, Experimental_CssVarsProvider as u, StyledEngineProvider as v } from "@mui/material/styles";
+import { useIsMobile as C } from "../../hooks/useIsMobile/index.js";
+const S = d(null);
+function E(l) {
+  const { children: c, hostThemeOptions: n, fnComponentsOverrides: s } = l, i = C(), h = p(() => {
+    const e = {
+      ...n
+    }, r = x({
+      cssVarPrefix: "m4l",
+      colorSchemes: {
+        light: t({}, e),
+        finalTheme: t({}, e),
+        dark: t({}, e)
+      },
+      generalSettings: {
+        isMobile: i
+      }
+    });
+    return r.components = s(r), r;
+  }, [i]);
+  return /* @__PURE__ */ m(u, { theme: h, children: [
+    /* @__PURE__ */ o(f, {}),
+    /* @__PURE__ */ o(
+      S.Provider,
+      {
+        value: {
+          hostThemeOptions: n,
+          fnComponentsOverrides: s
+        },
+        children: /* @__PURE__ */ m(v, { injectFirst: !0, children: [
+          /* @__PURE__ */ o(a, { enableColorScheme: !0 }),
+          c
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  S as HostThemeContext,
+  E as HostThemeProvider
+};

package/contexts/HostThemeContext/types.d.ts

@@ -0,0 +1,18 @@
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+import { ReactNode } from 'react';
+export type EventFunListener = (...args: any[]) => void;
+export interface HostThemeType {
+    /**
+     * "dataTestId" es una variable que se encarga de asignar un id a un componente
+     * @createdAt 2024-10-08 18:52:29 - automatic
+     */
+    dataTestId?: string;
+    hostThemeOptions: Theme;
+    fnComponentsOverrides: (theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme) => any;
+}
+export interface HostThemeProviderProps extends HostThemeType {
+    isMicroFrontEnd: boolean;
+    children: ReactNode;
+}
+export type HostThemeContextType = HostThemeType;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/HostThemeContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gBAAgB,EAAE,KAAK,CAAC;IACxB,qBAAqB,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,aAAa,CAAC,GAAG,YAAY,KAAK,GAAG,CAAC;CAC9F;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CAErB;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC"}

package/contexts/LocalesContext/helper.d.ts

@@ -0,0 +1,26 @@
+import { BaseLocale, LocaleType, NetworkLocaleType } from './types';
+/**
+ * Obtiene el locale de la red
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function getLocaleFromNetwork(locale: NetworkLocaleType, host_static_assets: string, environment_assets: string): Promise<LocaleType>;
+/**
+ * Une los elementos de un locale
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function joinLocale(baseLocale: BaseLocale): string;
+/**
+ * Divide un locale en sus partes
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function splitLocale(locale: string): BaseLocale;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +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"}

package/contexts/LocalesContext/helper.js

@@ -0,0 +1,35 @@
+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)
+  };
+}
+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(n) {
+  try {
+    const e = new Intl.Locale(n);
+    return {
+      lang: e.language || "",
+      script: e.script,
+      region: e.region
+    };
+  } catch {
+    return {
+      lang: "en",
+      script: void 0,
+      region: "US"
+    };
+  }
+}
+export {
+  s as getLocaleFromNetwork,
+  l as joinLocale,
+  a as splitLocale
+};

package/contexts/LocalesContext/index.d.ts

@@ -0,0 +1,12 @@
+import { LocalesProviderProps, LocalesContextProps } from './types';
+declare const LocalesContext: import('react').Context<LocalesContextProps | null>;
+/**
+ * Proveedor de locales
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 20:07:18 - automatic
+ * @updatedAt 2024-10-06 20:07:18 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+declare function LocalesProvider(props: LocalesProviderProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export { LocalesProvider, LocalesContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/LocalesContext/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAc,oBAAoB,EAAc,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK5F,QAAA,MAAM,cAAc,qDAAkD,CAAC;AAEvE;;;;;;GAMG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2DAsInD;AAED,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/contexts/LocalesContext/index.js

@@ -0,0 +1,71 @@
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { createContext as A, useState as d, useCallback as O, useEffect as E } from "react";
+import { AdapterDateFns as k } from "@mui/x-date-pickers/AdapterDateFns";
+import { LocalizationProvider as x } from "@mui/x-date-pickers";
+import { useEnvironment as F, useNetwork as P, useHostTools as G, useLocalStorageWithListener as I, EmitEvents as i } from "@m4l/core";
+import { splitLocale as V, joinLocale as b } from "./helper.js";
+const j = A(null);
+function B(_) {
+  const { children: g, isMicroFrontEnd: e, localeHost: a, getLocaleFromNetwork: s } = _;
+  if (e && !a)
+    throw Error("Must set localeHost in microfrontend");
+  if (!e && !s)
+    throw Error("Must set getLocaleFromNetwork in host");
+  const { domain_token: p, host_static_assets: L, environment_assets: C } = F(), { networkOperation: S } = P(), { events_add_listener: h, events_remove_listener: v, events_emit: T } = G(), [r, l] = d(() => {
+    if (e)
+      return a;
+  }), [o, c] = I(
+    "localeHost",
+    navigator.language
+  ), [H, N] = d(""), u = O((t) => {
+    l(t);
+  }, []);
+  if (E(() => (e && h(i.EMMIT_EVENT_HOST_LOCALE_CHANGE, u), () => {
+    e && v(i.EMMIT_EVENT_HOST_LOCALE_CHANGE, u);
+  }), []), E(() => {
+    let t = !0;
+    if (!e && s && !(o === H && o !== ""))
+      return S({
+        method: "POST",
+        endPoint: "na/locales",
+        data: { ...V(o), domain_token: p },
+        responseToCamelCase: !0,
+        bodyToSnakeCase: !0
+      }).then((m) => {
+        t && s(m.data, L, C).then(
+          (n) => {
+            l(n), N(n.localeString), o !== n.localeString && c(n.localeString), T(i.EMMIT_EVENT_HOST_LOCALE_CHANGE, n);
+          }
+        );
+      }).finally(() => {
+      }), function() {
+        t = !1;
+      };
+  }, [o]), !r)
+    return null;
+  const M = (t) => {
+    (t.lang !== r.lang || t.script !== r.script || t.region !== r.region) && c(b(t));
+  };
+  return /* @__PURE__ */ f(
+    j.Provider,
+    {
+      value: {
+        currentLocale: r,
+        onChangeLocale: M
+      },
+      children: /* @__PURE__ */ f(
+        x,
+        {
+          dateAdapter: k,
+          adapterLocale: r.module,
+          dateFormats: { hours24h: "23" },
+          children: g
+        }
+      )
+    }
+  );
+}
+export {
+  j as LocalesContext,
+  B as LocalesProvider
+};

package/contexts/LocalesContext/types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { Locale } from 'date-fns';
+export type SupportedLocales = 'en-US' | 'es' | 'fr';
+export interface BaseLocale {
+    lang: string;
+    script?: string;
+    region?: string;
+}
+export interface NetworkLocaleType extends BaseLocale {
+    name: string;
+    urlIcon: string;
+}
+export interface LocaleType extends NetworkLocaleType {
+    module: Locale;
+    localeString: string;
+}
+export type LocalesProviderProps = {
+    isMicroFrontEnd: boolean;
+    localeHost?: LocaleType;
+    getLocaleFromNetwork?: (locale: NetworkLocaleType, host_static_assets: string, environment_assets: string) => Promise<LocaleType>;
+    children: ReactNode;
+};
+export type LocalesContextProps = {
+    currentLocale?: LocaleType;
+    onChangeLocale: (newLocaleString: BaseLocale) => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/LocalesContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,MAAM,EAAE,iBAAiB,EACzB,kBAAkB,EAAE,MAAM,EAC1B,kBAAkB,EAAE,MAAM,KACvB,OAAO,CAAC,UAAU,CAAC,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,cAAc,EAAE,CAAC,eAAe,EAAE,UAAU,KAAK,IAAI,CAAC;CACvD,CAAC"}

package/contexts/ResponsiveContainerContext/constants.d.ts

@@ -0,0 +1,3 @@
+import { BreakPointsType } from './types';
+export declare const BREAKPOINTS: BreakPointsType;
+//# sourceMappingURL=constants.d.ts.map

package/contexts/ResponsiveContainerContext/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ResponsiveContainerContext/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,WAAW,EAAE,eAAoE,CAAC"}

package/contexts/ResponsiveContainerContext/constants.js

@@ -0,0 +1,4 @@
+const s = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 };
+export {
+  s as BREAKPOINTS
+};

package/contexts/ResponsiveContainerContext/index.d.ts

@@ -0,0 +1,17 @@
+import { ResponsiveContainerProviderProps } from './types';
+declare const ResponsiveContainerContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./types').ResponsiveContainerStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import('./types').ResponsiveContainerStateWithActions | Partial<import('./types').ResponsiveContainerStateWithActions> | ((state: import('./types').ResponsiveContainerStateWithActions) => import('./types').ResponsiveContainerStateWithActions | Partial<import('./types').ResponsiveContainerStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import('./types').ResponsiveContainerStateWithActions | Partial<import('./types').ResponsiveContainerStateWithActions> | ((state: import('immer/dist/internal.js').WritableDraft<import('./types').ResponsiveContainerStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}) | null>;
+/**
+ * Proveedor de contenedor responsivo
+ * @deprecated usar useIsMobile
+ */
+declare const ResponsiveContainerProvider: (props: ResponsiveContainerProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { ResponsiveContainerProvider, ResponsiveContainerContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/contexts/ResponsiveContainerContext/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkB,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAE3E,QAAA,MAAM,0BAA0B;;;;;;;;UAAuD,CAAC;AAExF;;;GAGG;AACH,QAAA,MAAM,2BAA2B,GAAI,OAAO,gCAAgC,qDAmE3E,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAC"}