@m4l/layouts 1.0.5 → 2.0.0

package/components/MFHostApp/{index.401a303e.js → index.6286a793.js}

@@ -1,8 +1,7 @@
 import { unstable_HistoryRouter } from "react-router-dom";
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, DomainCountryProvider } from "@m4l/core";
 import { LocalesProvider, HostThemeProvider, ResponsiveContainerProvider, FormatterProvider } from "@m4l/graphics";
-import { WindowToolsMFProvider, DynamicMFParmsProvider } from "@m4l/components";
-import { B as BaseModule } from "../BaseModule/index.8ff0193e.js";
+import { BaseModule, WindowToolsMFProvider, DynamicMFParmsProvider } from "@m4l/components";
 import { jsx } from "react/jsx-runtime";
 function MFHostApp(props) {
   const {

package/components/MFHostApp/types.d.ts

@@ -1,7 +1,6 @@
 import type { AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
 import { Formatters, LocaleType } from '@m4l/graphics';
-import { DynamicMFStore, WindowToolsMF } from '@m4l/components';
-import { BaseModuleProps } from '../BaseModule/types';
+import { DynamicMFStore, WindowToolsMF, BaseModuleProps } from '@m4l/components';
 import { HostThemeType } from '@m4l/graphics';
 export interface ByHostProps {
     environment: EnvironmentType;

package/components/MFNoAuthApp/types.d.ts

@@ -1,6 +1,5 @@
 import { Formatters } from '@m4l/graphics';
-import { WindowToolsMF } from '@m4l/components';
-import { BaseModuleProps } from '../BaseModule/types';
+import { WindowToolsMF, BaseModuleProps } from '@m4l/components';
 export interface ByHostProps {
     formatters: Formatters;
     windowTools: WindowToolsMF;

package/components/{index.7006a30d.js → index.56bd7864.js}

@@ -1,6 +1,6 @@
 import { DomainCountryProvider } from "@m4l/core";
 import { FormatterProvider, ResponsiveContainerProvider } from "@m4l/graphics";
-import { B as BaseModule } from "./BaseModule/index.8ff0193e.js";
+import { BaseModule } from "@m4l/components";
 import { jsx } from "react/jsx-runtime";
 function MFNoAuthApp(props) {
   const {

package/components/index.d.ts

@@ -1,6 +1,3 @@
-export { MFIsolationApp } from './MFIsolationApp';
 export { MFNoAuthApp } from './MFNoAuthApp';
 export { MFHostApp } from './MFHostApp';
-export { BaseModule } from './BaseModule';
 export type { ByHostProps } from './MFHostApp/types';
-export type { BaseModuleProps } from './BaseModule/types';

package/contexts/AuthContext/{index.6f966215.js → index.59755369.js}

@@ -155,6 +155,6 @@ function AuthProvider(props) {
   });
 }
 export {
-  AuthProvider as A,
-  AuthContext as a
+  AuthContext as A,
+  AuthProvider as a
 };

package/hooks/useAuth/{index.cb6a3420.js → index.ae68bf71.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as AuthContext } from "../../contexts/AuthContext/index.6f966215.js";
+import { A as AuthContext } from "../../contexts/AuthContext/index.59755369.js";
 const useAuth = () => {
   const context = useContext(AuthContext);
   if (!context)

package/index.js

@@ -1,36 +1,26 @@
-import { M } from "./components/MFIsolationApp/index.e733d368.js";
-import { M as M2 } from "./components/index.7006a30d.js";
-import { M as M3 } from "./components/MFHostApp/index.401a303e.js";
-import { B } from "./components/BaseModule/index.8ff0193e.js";
-import { a, A } from "./contexts/AuthContext/index.6f966215.js";
+import { M } from "./components/index.56bd7864.js";
+import { M as M2 } from "./components/MFHostApp/index.6286a793.js";
+import { A, a } from "./contexts/AuthContext/index.59755369.js";
 import { a as a2, d, g } from "./layouts/ModuleLayout/index.e7218171.js";
 import { a as a3, d as d2, g as g2 } from "./layouts/MasterDetailLayout/index.748f7ada.js";
 import { N, d as d3, g as g3 } from "./layouts/NoAuthModuleLayout/index.83cd3ea3.js";
 import { u } from "./hooks/useMasterDetail/index.d45f2a86.js";
-import { u as u2 } from "./hooks/useAuth/index.cb6a3420.js";
+import { u as u2 } from "./hooks/useAuth/index.ae68bf71.js";
 import { u as u3 } from "./hooks/useModule/index.b5f598b1.js";
-import "react";
-import "react-router-dom";
-import "react-toastify";
-import "@m4l/graphics";
 import "@m4l/core";
-import "history";
-import "eventemitter3";
-import "date-fns";
-import "@m4l/styles";
-import "react/jsx-runtime";
-import "nprogress";
+import "@m4l/graphics";
 import "@m4l/components";
+import "react/jsx-runtime";
+import "react-router-dom";
+import "react";
 import "@mui/material/styles";
 import "@mui/material";
 import "@mui/base";
 export {
-  a as AuthContext,
-  A as AuthProvider,
-  B as BaseModule,
-  M3 as MFHostApp,
-  M as MFIsolationApp,
-  M2 as MFNoAuthApp,
+  A as AuthContext,
+  a as AuthProvider,
+  M2 as MFHostApp,
+  M as MFNoAuthApp,
   a3 as MasterDetailLayout,
   a2 as ModuleLayout,
   N as NoAuthModuleLayout,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "1.0.5",
+  "version": "2.0.0",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "private": false,
@@ -19,7 +19,7 @@
     "nprogress": "^0.2.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-toastify": "9.0.5"
+    "react-toastify": "10.0.5"
   },
   "files": [
     "*"

package/components/BaseModule/index.8ff0193e.js

@@ -1,39 +0,0 @@
-import { ModalProvider } from "@m4l/components";
-import { FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, ModulePrivilegesProvider } from "@m4l/core";
-import { useLocales } from "@m4l/graphics";
-import { jsx } from "react/jsx-runtime";
-function BaseModule(props) {
-  const {
-    children,
-    isAuth = true,
-    moduleId,
-    moduleNameField,
-    skeletonFlags,
-    privileges,
-    componentsDictionary
-  } = props;
-  const localeString = useLocales().currentLocale?.localeString;
-  return /* @__PURE__ */ jsx(FlagsProvider, {
-    children: /* @__PURE__ */ jsx(ModuleDictionaryProvider, {
-      isAuth,
-      moduleId,
-      moduleNameField,
-      componentsDictionary,
-      currentLang: localeString,
-      children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, {
-        flags: skeletonFlags,
-        children: isAuth ? /* @__PURE__ */ jsx(ModulePrivilegesProvider, {
-          queryPrivileges: privileges,
-          children: /* @__PURE__ */ jsx(ModalProvider, {
-            children
-          })
-        }) : /* @__PURE__ */ jsx(ModalProvider, {
-          children
-        })
-      })
-    })
-  });
-}
-export {
-  BaseModule as B
-};

package/components/BaseModule/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModuleProps } from './types';
-export declare function BaseModule(props: BaseModuleProps): import("react").JSX.Element;
-export default BaseModule;

package/components/BaseModule/types.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-export declare type BaseModuleProps = {
-    moduleId: string;
-    skeletonFlags: string[];
-    moduleNameField?: string;
-    privileges: string[];
-    componentsDictionary: string[];
-    isAuth?: boolean;
-    children: ReactNode;
-};

package/components/MFIsolationApp/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { MFIsolationAppProps } from './types';
-export declare function MFIsolationApp(props: MFIsolationAppProps): import("react").JSX.Element;
-export default MFIsolationApp;

package/components/MFIsolationApp/index.e733d368.js

@@ -1,181 +0,0 @@
-import { useEffect, useMemo, useCallback } from "react";
-import { unstable_HistoryRouter } from "react-router-dom";
-import { ToastContainer, toast } from "react-toastify";
-import { HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
-import { A as AuthProvider } from "../../contexts/AuthContext/index.6f966215.js";
-import { DomainCountryProvider, EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation } from "@m4l/core";
-import { createBrowserHistory } from "history";
-import EventEmitter from "eventemitter3";
-import { format } from "date-fns";
-import { defaultThemeOptions, fnComponentsOverrides } from "@m4l/styles";
-import { u as useAuth } from "../../hooks/useAuth/index.cb6a3420.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import NProgress from "nprogress";
-import { B as BaseModule } from "../BaseModule/index.8ff0193e.js";
-import { AreasProvider } from "@m4l/components";
-function MFAuthApp(props) {
-  const {
-    children,
-    user,
-    pwd
-  } = props;
-  const {
-    isAuthenticated,
-    isInitialized,
-    login,
-    user: authUser
-  } = useAuth();
-  useEffect(() => {
-    if (isInitialized && isAuthenticated === false) {
-      login(user, pwd, false);
-    }
-  }, [isInitialized, isAuthenticated]);
-  if (!isAuthenticated)
-    return /* @__PURE__ */ jsx("div", {
-      children: "Pendiente x atenticar"
-    });
-  const domianCountry = {
-    id: 1,
-    currency: "USD",
-    currency_decimal_digits: 2,
-    decimal_symbol: ".",
-    thousands_symbol: ","
-  };
-  if (authUser?.domain_country) {
-    domianCountry.id = authUser?.domain_country.id ?? domianCountry.id;
-    domianCountry.currency = authUser?.domain_country.currency ?? domianCountry.currency;
-    domianCountry.currency_decimal_digits = authUser?.domain_country.currency_decimal_digits ?? domianCountry.currency_decimal_digits;
-    domianCountry.decimal_symbol = authUser?.domain_country.decimal_symbol ?? domianCountry.decimal_symbol;
-    domianCountry.thousands_symbol = authUser?.domain_country?.thousands_symbol ?? domianCountry.thousands_symbol;
-  }
-  return /* @__PURE__ */ jsxs(HostThemeProvider, {
-    hostThemeOptions: defaultThemeOptions,
-    fnComponentsOverrides,
-    isMicroFrontEnd: true,
-    children: [/* @__PURE__ */ jsx(ToastContainer, {}), /* @__PURE__ */ jsx(DomainCountryProvider, {
-      ...domianCountry,
-      isMicroFrontEnd: false,
-      children: /* @__PURE__ */ jsx(FormatterProvider, {
-        isMicroFrontEnd: false,
-        dateFormatter: {
-          formatDate: format
-        },
-        currencyFormatter: {
-          code: domianCountry.currency,
-          decimalDigits: domianCountry.currency_decimal_digits
-        },
-        children
-      })
-    })]
-  });
-}
-const history = createBrowserHistory({
-  window
-});
-function MFIsolationApp(props) {
-  const {
-    children,
-    user,
-    pwd,
-    database = "domain",
-    host_api_local,
-    host_api_remote,
-    host_static_assets,
-    environment_assets,
-    moduleId,
-    skeletonFlags,
-    moduleNameField,
-    privileges,
-    componentsDictionary,
-    onLoad,
-    activeAreasNetwork = false,
-    activeCookiesFromNetwork = false,
-    observedDivRef
-  } = props;
-  const eventEmitter = useMemo(() => new EventEmitter(), []);
-  const events_add_listener = useCallback((eventName, handler) => {
-    eventEmitter.on(eventName, handler);
-  }, [eventEmitter]);
-  const events_remove_listener = useCallback((eventName, handler) => {
-    if (handler === null) {
-      eventEmitter.removeListener(eventName);
-      return;
-    }
-    eventEmitter.removeListener(eventName, handler);
-  }, [eventEmitter]);
-  const events_emit = useCallback((eventName, arg) => {
-    eventEmitter.emit(eventName, arg);
-  }, [eventEmitter]);
-  const startProgress = () => {
-    NProgress.configure({
-      showSpinner: true
-    });
-    NProgress.start();
-  };
-  const stopProgress = () => {
-    NProgress.done();
-  };
-  const environment = useMemo(() => ({
-    host: "",
-    isLocalhost: true,
-    domain_token: "lab1",
-    database,
-    host_api_local,
-    host_api_remote,
-    host_static_assets,
-    environment_assets
-  }), []);
-  const hostTools = useMemo(() => ({
-    history,
-    toast,
-    startProgress,
-    stopProgress,
-    events_add_listener,
-    events_remove_listener,
-    events_emit
-  }), []);
-  return /* @__PURE__ */ jsx(EnvironmentProvider, {
-    ...environment,
-    children: /* @__PURE__ */ jsx(HostToolsProvider, {
-      ...hostTools,
-      children: /* @__PURE__ */ jsx(NetworkProvider, {
-        axiosOperation,
-        children: /* @__PURE__ */ jsx(unstable_HistoryRouter, {
-          history,
-          children: /* @__PURE__ */ jsx(LocalesProvider, {
-            isMicroFrontEnd: false,
-            getLocaleFromNetwork,
-            children: /* @__PURE__ */ jsx(AuthProvider, {
-              children: /* @__PURE__ */ jsx(MFAuthApp, {
-                user,
-                pwd,
-                children: /* @__PURE__ */ jsx(BaseModule, {
-                  moduleId,
-                  privileges,
-                  skeletonFlags,
-                  componentsDictionary,
-                  moduleNameField,
-                  children: /* @__PURE__ */ jsx(AreasProvider, {
-                    onLoad,
-                    loadAreasFromNetwork: activeAreasNetwork,
-                    loadCookiesFromNetwork: activeCookiesFromNetwork,
-                    onSelectLayout: (modId) => {
-                      console.log("onSelectLayout", modId);
-                    },
-                    children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, {
-                      observedDivRef,
-                      children
-                    })
-                  })
-                })
-              })
-            })
-          })
-        })
-      })
-    })
-  });
-}
-export {
-  MFIsolationApp as M
-};

package/components/MFIsolationApp/subcomponents/MFAuthApp/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { MFAuthAppProps } from './types';
-export declare function MFAuthApp(props: MFAuthAppProps): import("react").JSX.Element;
-export default MFAuthApp;

package/components/MFIsolationApp/subcomponents/MFAuthApp/types.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export declare type MFAuthAppProps = {
-    user: string;
-    pwd: string;
-    children: ReactNode;
-};

package/components/MFIsolationApp/types.d.ts

@@ -1,14 +0,0 @@
-import { BaseModuleProps } from '../BaseModule/types';
-export declare type MFIsolationAppProps = BaseModuleProps & {
-    user: string;
-    pwd: string;
-    host_api_local: string;
-    database?: string;
-    host_api_remote: string;
-    host_static_assets: string;
-    environment_assets: string;
-    onLoad: () => void;
-    activeAreasNetwork?: boolean;
-    activeCookiesFromNetwork?: boolean;
-    observedDivRef: Element | Text | null;
-};