@m4l/layouts 1.0.5 → 2.0.1

package/components/MFHostApp/{index.401a303e.js → index-CKsHsRY8.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-BydiHRF0.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-DARkRRM4.js}

@@ -61,8 +61,9 @@ function AuthProvider(props) {
     domain_token
   } = useEnvironment();
   const [nextValSession, setNextValSession] = useLocalStorageWithListener(
+    //Variable para saber si ha cambiado la session en otro navegador
     "vSession",
-    new Date().getTime() + ""
+    (/* @__PURE__ */ new Date()).getTime() + ""
   );
   useEffect(() => {
     const initialize = async () => {
@@ -124,7 +125,7 @@ function AuthProvider(props) {
           user
         }
       });
-      setNextValSession(new Date().getTime() + "");
+      setNextValSession((/* @__PURE__ */ new Date()).getTime() + "");
     });
   };
   const logout = async (isAuthenticated) => {
@@ -137,7 +138,7 @@ function AuthProvider(props) {
     dispatch({
       type: EnumTypes.Logout
     });
-    setNextValSession(new Date().getTime() + "");
+    setNextValSession((/* @__PURE__ */ new Date()).getTime() + "");
   };
   const onNetserviceUnautorized = () => {
     logout(false);
@@ -155,6 +156,6 @@ function AuthProvider(props) {
   });
 }
 export {
-  AuthProvider as A,
-  AuthContext as a
+  AuthContext as A,
+  AuthProvider as a
 };

package/hooks/useAuth/index-8hAi3guc.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { A as AuthContext } from "../../contexts/AuthContext/index-DARkRRM4.js";
+const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) throw new Error("Auth context must be use inside AuthProvider");
+  return context;
+};
+export {
+  useAuth as u
+};

package/hooks/useMasterDetail/{index.d45f2a86.js → index-D4QUQYYc.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as MasterDetailContext } from "../../layouts/MasterDetailLayout/index.748f7ada.js";
+import { M as MasterDetailContext } from "../../layouts/MasterDetailLayout/index-DeC4RoBs.js";
 const useMasterDetail = () => useContext(MasterDetailContext);
 export {
   useMasterDetail as u

package/hooks/useModule/{index.b5f598b1.js → index-FY5nsBmE.js}

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { M as ModuleContext } from "../../layouts/ModuleLayout/index.e7218171.js";
+import { M as ModuleContext } from "../../layouts/ModuleLayout/index-DAtDuh6s.js";
 const useModule = () => {
   const context = useContext(ModuleContext);
-  if (!context)
-    throw new Error("useModule context must be use inside ModuleContext");
+  if (!context) throw new Error("useModule context must be use inside ModuleContext");
   return context;
 };
 export {

package/index.js

@@ -1,36 +1,17 @@
-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 { 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 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/components";
-import "@mui/material/styles";
-import "@mui/material";
-import "@mui/base";
+import { M } from "./components/index-BydiHRF0.js";
+import { M as M2 } from "./components/MFHostApp/index-CKsHsRY8.js";
+import { A, a } from "./contexts/AuthContext/index-DARkRRM4.js";
+import { a as a2, d, g } from "./layouts/ModuleLayout/index-DAtDuh6s.js";
+import { a as a3, d as d2, g as g2 } from "./layouts/MasterDetailLayout/index-DeC4RoBs.js";
+import { N, d as d3, g as g3 } from "./layouts/NoAuthModuleLayout/index-BxJ0vCUq.js";
+import { u } from "./hooks/useMasterDetail/index-D4QUQYYc.js";
+import { u as u2 } from "./hooks/useAuth/index-8hAi3guc.js";
+import { u as u3 } from "./hooks/useModule/index-FY5nsBmE.js";
 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/layouts/MasterDetailLayout/{index.748f7ada.js → index-DeC4RoBs.js}

@@ -1,7 +1,7 @@
 import { createContext, useState, useRef, useMemo, useCallback } from "react";
 import { voidFunction, useEnvironment, useModuleDictionary } from "@m4l/core";
 import { WindowBase, SplitLayout } from "@m4l/components";
-import { a as ModuleLayout, g as getModuleLayoutComponentsDictionary } from "../ModuleLayout/index.e7218171.js";
+import { a as ModuleLayout, g as getModuleLayoutComponentsDictionary } from "../ModuleLayout/index-DAtDuh6s.js";
 import { jsx } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
@@ -29,7 +29,9 @@ function MasterDetailProvider(props) {
 }
 const componentName = "M4LMasterDetailLayout";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getMasterDetailLayoutUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -58,6 +60,7 @@ function MasterDetailLayout(props) {
     detailComponent,
     moduleActions,
     version
+    // defaultDictionary,
   } = props;
   const {
     host_static_assets,
@@ -111,6 +114,7 @@ function MasterDetailLayout(props) {
           children: typeof detailComponent === "function" ? detailComponent({}) : detailComponent
         }
       )
+      // actions: undefined,
     });
   }, [detailComponent, getLabel]);
   const finalModuleActions = useMemo(() => {
@@ -146,6 +150,7 @@ const defaultMasterDetailDictionary = {
     no_split: "No split",
     view_detail: "View detail"
   }
+  //...defaultModuleLayoutDictionary,
 };
 export {
   MasterDetailContext as M,

package/layouts/ModuleLayout/{index.e7218171.js → index-DAtDuh6s.js}

@@ -11,8 +11,10 @@ const InnerModuleRoot = styled("div")(({
 }));
 const componentName = "M4LModuleLayout";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "moduleContent"
+  /* states or variants of elements */
 ]);
 function getModuleLayoutUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -74,8 +76,13 @@ function ModuleProvider(props) {
   }, [finalModuleActions]);
   return /* @__PURE__ */ jsx(ModuleContext.Provider, {
     value: {
+      // moduleActions: finalModuleActions,
+      // dynamicActions,
       setDynamicActions,
       moduleId: configOptions.moduleId
+      // moduleNameField: configOptions.moduleNameField,
+      // urlIcon: configOptions.urlIcon,
+      // breadcrumbLinks: configOptions.breadcrumbLinks,
     },
     children
   });

package/layouts/NoAuthModuleLayout/{index.83cd3ea3.js → index-BxJ0vCUq.js}

@@ -269,6 +269,8 @@ const CompanyName = styled$1("div")(() => ({
 const FormContent = styled$1("div")(() => ({
   display: "flex",
   flexDirection: "column",
+  /*     justifyContent: 'flex-start',
+      alignItems: 'center', */
   padding: "12px",
   margin: "auto 0",
   width: "100%",

package/m4l_layouts/types.d.ts

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "1.0.5",
+  "version": "2.0.1",
   "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/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />

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;
-};

package/hooks/useAuth/index.cb6a3420.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { a as AuthContext } from "../../contexts/AuthContext/index.6f966215.js";
-const useAuth = () => {
-  const context = useContext(AuthContext);
-  if (!context)
-    throw new Error("Auth context must be use inside AuthProvider");
-  return context;
-};
-export {
-  useAuth as u
-};