@m4l/graphics 7.2.2 → 7.2.3-beta.0

package/contexts/HostThemeContext/index.js

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

package/contexts/HostThemeContext/types.d.ts

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

package/contexts/LocalesContext/helper.d.ts

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

package/contexts/LocalesContext/helper.js

@@ -1,35 +0,0 @@
-import o from "date-fns/locale/en-US";
-async function g(n, e, s) {
-  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}/${s}/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 {
-  g,
-  l as j,
-  a as s
-};

package/contexts/LocalesContext/index.d.ts

@@ -1,11 +0,0 @@
-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("react").JSX.Element | null;
-export { LocalesProvider, LocalesContext };

package/contexts/LocalesContext/index.js

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

package/contexts/LocalesContext/types.d.ts

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

package/contexts/ResponsiveContainerContext/constants.d.ts

@@ -1,2 +0,0 @@
-import { BreakPointsType } from './types';
-export declare const BREAKPOINTS: BreakPointsType;

package/contexts/ResponsiveContainerContext/constants.js

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

package/contexts/ResponsiveContainerContext/index.d.ts

@@ -1,16 +0,0 @@
-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').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("react").JSX.Element;
-export { ResponsiveContainerProvider, ResponsiveContainerContext };

package/contexts/ResponsiveContainerContext/index.js

@@ -1,51 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as p, useRef as v, useCallback as u, useMemo as d, useLayoutEffect as R } from "react";
-import { B as i } from "./constants.js";
-import b from "lodash-es/throttle";
-import { c as h } from "./store.js";
-const k = p(null), y = (l) => {
-  const { children: f, observedDivRef: s } = l, o = v();
-  o.current || (o.current = h({
-    breakPoint: "md",
-    isUpSm: !1,
-    isXs: !1
-  }));
-  const c = u(() => {
-    const n = s;
-    if (n instanceof HTMLElement && n.clientWidth) {
-      const e = Object.keys(
-        i
-      );
-      for (let t = 0; t < e.length; t++) {
-        const r = e[t];
-        if (n.clientWidth <= i[r]) {
-          o.current?.getState().responsiveContainerActions.setBreakpoint(r);
-          break;
-        } else t === e.length - 1 && n.clientWidth >= i[r] && o.current?.getState().responsiveContainerActions.setBreakpoint(r);
-      }
-    }
-  }, [s]), a = d(
-    () => b(c, 200, {
-      leading: !1,
-      trailing: !0
-    }),
-    [c]
-  );
-  return R(() => {
-    const n = () => {
-      a();
-    }, e = s;
-    if (e && e instanceof Element) {
-      const t = new ResizeObserver((r) => {
-        n();
-      });
-      return t.observe(e), () => {
-        t.disconnect();
-      };
-    }
-  }, [s, a]), /* @__PURE__ */ m(k.Provider, { value: o.current, children: f });
-};
-export {
-  k as R,
-  y as a
-};

package/contexts/ResponsiveContainerContext/store.d.ts

@@ -1,18 +0,0 @@
-import { InitialResponsiveContainerProps, ResponsiveContainerStateWithActions } 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 createResponsiveContainerStore: (initProps: InitialResponsiveContainerProps) => Omit<Omit<import('zustand').StoreApi<ResponsiveContainerStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ResponsiveContainerStateWithActions | Partial<ResponsiveContainerStateWithActions> | ((state: ResponsiveContainerStateWithActions) => ResponsiveContainerStateWithActions | Partial<ResponsiveContainerStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: ResponsiveContainerStateWithActions | Partial<ResponsiveContainerStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<ResponsiveContainerStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export type ResponsiveContainerStore = ReturnType<typeof createResponsiveContainerStore>;

package/contexts/ResponsiveContainerContext/store.js

@@ -1,33 +0,0 @@
-import { createStore as i } from "zustand";
-import { devtools as m } from "zustand/middleware";
-import { immer as n } from "zustand/middleware/immer";
-const S = (r) => {
-  const s = {
-    ...r
-  };
-  return i(
-    m(
-      n((t, p) => ({
-        ...s,
-        responsiveContainerActions: {
-          /**
-           * 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
-           */
-          setBreakpoint: (e) => {
-            t((o) => {
-              o.breakPoint = e, o.isUpSm = e !== "xs" && e !== "sm", o.isXs = e === "xs";
-            });
-          }
-        }
-      })),
-      { name: "Responsive Relative Store" }
-    )
-  );
-};
-export {
-  S as c
-};

package/contexts/ResponsiveContainerContext/types.d.ts

@@ -1,26 +0,0 @@
-export type BreakpointType = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type BreakPointsType = Record<BreakpointType, number>;
-export interface ResponsiveRelativeContextProps {
-    breakPoint: BreakpointType;
-}
-export interface ResponsiveContainerProviderProps {
-    observedDivRef: Element | Text | null;
-    children: React.ReactNode;
-}
-export type CurrentState = {
-    width: number;
-    height: number;
-    mounted: boolean;
-    breakpoint: BreakpointType;
-};
-export interface ResponsiveContainerState {
-    breakPoint: BreakpointType;
-    isUpSm: boolean;
-    isXs: boolean;
-}
-export type InitialResponsiveContainerProps = Pick<ResponsiveContainerState, 'breakPoint' | 'isUpSm' | 'isXs'>;
-export interface ResponsiveContainerStateWithActions extends ResponsiveContainerState {
-    responsiveContainerActions: {
-        setBreakpoint: (breakPoint: BreakpointType) => void;
-    };
-}

package/contexts/ThemeSettingsContext/ThemeSettingsContext.d.ts

@@ -1,19 +0,0 @@
-import { ThemeSettingsProviderProps } from './types';
-declare const ThemeSettingsContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./types').ThemeSettingsStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import('./types').ThemeSettingsStateWithActions | Partial<import('./types').ThemeSettingsStateWithActions> | ((state: import('./types').ThemeSettingsStateWithActions) => import('./types').ThemeSettingsStateWithActions | Partial<import('./types').ThemeSettingsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import('./types').ThemeSettingsStateWithActions | Partial<import('./types').ThemeSettingsStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('./types').ThemeSettingsStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-}) | null>;
-/**
- * Theme settings 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 ThemeSettingsProvider({ children, themeSettingsForced }: ThemeSettingsProviderProps): import("react").JSX.Element;
-export { ThemeSettingsProvider, ThemeSettingsContext };

package/contexts/ThemeSettingsContext/ThemeSettingsContext.js

@@ -1,32 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as a, useRef as c } from "react";
-import { useLocalStorageWithListener as p } from "@m4l/core";
-import { getUserThemeOptions as f, presetsOptionsMainColor as g } from "@m4l/styles";
-import { c as h } from "./store.js";
-import { d as r } from "./constants.js";
-const l = a(null);
-function x({ children: s, themeSettingsForced: t }) {
-  const [n, i] = p(
-    "theme_setting",
-    r
-  ), o = {
-    ...r,
-    //Por si hay algo en el local storage incopatible con el default
-    ...n,
-    ...t || {}
-    //Si es forzado, se sobreescribe y por eso es el último
-  }, e = c();
-  return e.current || (e.current = h({
-    themeUserSettings: o,
-    themeOptions: f(o.themeMode, o.themeColor),
-    presetsOptionsColorMain: g,
-    //Para visibilidad de los colores en el radiogroup de SettingsLayout
-    open: !1,
-    themeSettingsPersistFn: t ? void 0 : i
-    // Solo se instancia cuando esta en host, cuando esta storybook no se instancia, evitando guardar en localStorage
-  }), e.current.getState().settingsActions.init()), /* @__PURE__ */ m(l.Provider, { value: e.current, children: s });
-}
-export {
-  l as T,
-  x as a
-};

package/contexts/ThemeSettingsContext/constants.d.ts

@@ -1,2 +0,0 @@
-import { ThemeUserSettings } from './types';
-export declare const defaultThemeSettings: ThemeUserSettings;

package/contexts/ThemeSettingsContext/constants.js

@@ -1,10 +0,0 @@
-const e = {
-  themeMode: "light",
-  themeDirection: "ltr",
-  themeColor: "patronus",
-  themeLayout: "horizontal",
-  themeStretch: !1
-};
-export {
-  e as d
-};

package/contexts/ThemeSettingsContext/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ThemeSettingsContext';
-export type { ThemeUserSettings as ThemeSettingsType, ThemeUserMode as ThemeMode, ThemeUserDirection as ThemeDirection, ThemeUserLayout as ThemeLayout, ThemeUserStretch as ThemeStretch, ThemeSettingsStore, ThemeSettingsStateWithActions, } from './types';
-export { defaultThemeSettings } from './constants';

package/contexts/ThemeSettingsContext/index.js

@@ -1 +0,0 @@
-

package/contexts/ThemeSettingsContext/store.d.ts

@@ -1,19 +0,0 @@
-import { InitialThemeSettingsStoreProps, ThemeSettingsStateWithActions } from './types';
-import { WritableDraft } from 'immer/dist/internal';
-/**
- * Crea la tienda de configuración del tema
- * @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 createThemeSettingsStore: (initialState: InitialThemeSettingsStoreProps) => Omit<Omit<import('zustand').StoreApi<ThemeSettingsStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ThemeSettingsStateWithActions | Partial<ThemeSettingsStateWithActions> | ((state: ThemeSettingsStateWithActions) => ThemeSettingsStateWithActions | Partial<ThemeSettingsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: ThemeSettingsStateWithActions | Partial<ThemeSettingsStateWithActions> | ((state: WritableDraft<ThemeSettingsStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export type ThemeSettingsStore = ReturnType<typeof createThemeSettingsStore>;