@m4l/layouts 9.2.1-beta.1 → 9.2.2

package/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export * from './useMasterDetail';
-export * from './useAuth';
 export * from './useModule';
 export * from './useDynamicAccordions';
 export * from './useDynamicPaperForm';

package/index.d.ts

@@ -1,5 +1,4 @@
 export * from './components';
-export * from './contexts';
 export * from './layouts';
 export * from './hooks';
 export * from './utils';

package/index.js

@@ -3,7 +3,6 @@ import { M } from "./components/MFNoAuthApp/index.js";
 import { M as M2 } from "./components/MFHostApp/MFHostApp.js";
 import { M as M3 } from "./components/ModuleDetailTabs/ModuleDetailTabs.js";
 import { D } from "./components/DynamicTabs/DynamicTabs.js";
-import { A, a } from "./contexts/AuthContext/index.js";
 import { M as M4 } from "./layouts/ModuleLayout/ModuleLayout.js";
 import { N } from "./layouts/NoAuthModuleLayout/index.js";
 import { d, g } from "./layouts/ModuleLayout/dicctionary.js";
@@ -11,15 +10,12 @@ import { M as M5 } from "./layouts/MasterDetailLayout/MasterDetailLayout.js";
 import { g as g2 } from "./layouts/MasterDetailLayout/dicctionary.js";
 import { d as d2, g as g3 } from "./layouts/NoAuthModuleLayout/dicctionary.js";
 import { u } from "./hooks/useMasterDetail/index.js";
-import { u as u2 } from "./hooks/useAuth/index.js";
-import { u as u3 } from "./hooks/useModule/index.js";
-import { u as u4 } from "./hooks/useDynamicAccordions/useDynamicAccordions.js";
-import { c, u as u5 } from "./hooks/useDynamicPaperForm/useDynamicPaperForm.js";
-import { u as u6 } from "./hooks/useNetworkActionConfirm/useNetworkActionConfirm.js";
+import { u as u2 } from "./hooks/useModule/index.js";
+import { u as u3 } from "./hooks/useDynamicAccordions/useDynamicAccordions.js";
+import { c, u as u4 } from "./hooks/useDynamicPaperForm/useDynamicPaperForm.js";
+import { u as u5 } from "./hooks/useNetworkActionConfirm/useNetworkActionConfirm.js";
 import { c as c2 } from "./utils/createAppMF.js";
 export {
-  A as AuthContext,
-  a as AuthProvider,
   D as DynamicTabs,
   L as LIMIT_RECORDS_500_CONFIG,
   M2 as MFHostApp,
@@ -35,10 +31,9 @@ export {
   g2 as getMasterDetailLayoutComponentsDictionary,
   g as getModuleLayoutComponentsDictionary,
   g3 as getNoAuthModuleLayoutComponentsDictionary,
-  u2 as useAuth,
-  u4 as useDynamicAccordions,
-  u5 as useDynamicPaperForm,
+  u3 as useDynamicAccordions,
+  u4 as useDynamicPaperForm,
   u as useMasterDetail,
-  u3 as useModule,
-  u6 as useNetworkActionConfirm
+  u2 as useModule,
+  u5 as useNetworkActionConfirm
 };

package/layouts/MasterDetailLayout/MasterDetailLayout.js

@@ -16,15 +16,16 @@ function MasterDetailLayout(props) {
     masterComponent,
     detailComponent,
     moduleActions,
-    version
+    version,
+    splitPosition
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
-  const [splitPosition, setSplitPosition] = useState("vertical");
+  const [splitPositionState, setSplitPositionState] = useState(splitPosition ?? "vertical");
   const isMobile = useIsMobile();
   const moduleLayoutRef = useRef(null);
   const { getLabel } = useModuleDictionary();
   const onChangePostionInternal = useCallback((newPostion) => {
-    setSplitPosition(newPostion);
+    setSplitPositionState(newPostion);
   }, []);
   const splitActions = useMemo(
     () => [
@@ -35,7 +36,7 @@ function MasterDetailLayout(props) {
         label: getLabel(dictionary.LABEL_SPLIT_VERTICAL),
         tag: "vertical",
         className: "splitactions",
-        disabled: splitPosition === "vertical",
+        disabled: splitPositionState === "vertical",
         key: "vertical"
       },
       {
@@ -45,7 +46,7 @@ function MasterDetailLayout(props) {
         label: getLabel(dictionary.LABEL_SPLIT_HORIZONTAL),
         tag: "horizontal",
         className: "splitactions",
-        disabled: splitPosition === "horizontal",
+        disabled: splitPositionState === "horizontal",
         key: "horizontal"
       },
       {
@@ -55,11 +56,11 @@ function MasterDetailLayout(props) {
         label: getLabel(dictionary.LABEL_NO_SPLIT),
         tag: "none",
         className: "splitactions",
-        disabled: splitPosition === "none",
+        disabled: splitPositionState === "none",
         key: "none"
       }
     ],
-    [getLabel, splitPosition, environment_assets, host_static_assets, onChangePostionInternal]
+    [getLabel, splitPositionState, environment_assets, host_static_assets, onChangePostionInternal]
   );
   const onClickViewDetail = useCallback(() => {
     moduleLayoutRef.current?.openModal({
@@ -95,7 +96,7 @@ function MasterDetailLayout(props) {
       children: /* @__PURE__ */ jsx(
         SplitLayout,
         {
-          splitPosition: isMobile ? "none" : splitPosition,
+          splitPosition: isMobile ? "none" : splitPositionState,
           firstPart: masterComponent,
           secondPart: detailComponent
         }

package/layouts/MasterDetailLayout/types.d.ts

@@ -4,10 +4,12 @@ import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { MasterDetailLayoutSlots } from './slots/MasterDetailLayoutEnum';
 import { MASTER_DETAIL_LAYOUT_PREFIX } from './constants';
 import { Theme } from '@mui/material/styles';
+import { SplitPosition } from '@m4l/components';
 export interface ContainerProps {
     vertical: boolean;
 }
 export interface MasterDetailLayoutProps extends Omit<ModuleLayoutProps, 'children'> {
+    splitPosition?: SplitPosition;
     masterComponent: ((props?: any) => JSX.Element) | ReactNode;
     detailComponent: ((props?: any) => JSX.Element) | ReactNode;
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.2.1-beta.1",
+  "version": "9.2.2",
   "license": "UNLICENSED",
   "author": "M4L Team ",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "9.2.51-beta.1",
+    "@m4l/components": "^9.0.0",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0"

package/storybook/layouts/MasterDetailLayout/MasterDetailLayout.stories.d.ts

@@ -3,4 +3,5 @@ import { AreasAdmin, PaperForm } from '@m4l/components';
 declare const meta: Meta<typeof AreasAdmin>;
 type Story = StoryObj<typeof PaperForm>;
 export declare const Default: Story;
+export declare const SplitHorizontal: Story;
 export default meta;

package/storybook/layouts/MasterDetailLayout/subcomponents/RenderMasterDetailLayout.d.ts

@@ -1,6 +1,10 @@
+import { SplitPosition } from '@m4l/components';
+interface RenderMasterDetailLayoutProps {
+    splitPosition?: SplitPosition;
+}
 /**
  * Render para utilizar el componente ModuleLayout
  * en AreasViewer en el storybook
  */
-declare const RenderMasterDetailLayout: () => import("react/jsx-runtime").JSX.Element;
+declare const RenderMasterDetailLayout: (props: RenderMasterDetailLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export default RenderMasterDetailLayout;

package/contexts/AuthContext/index.d.ts

@@ -1,7 +0,0 @@
-import { AuthProviderProps, SessionContextType } from './types';
-declare const AuthContext: import('react').Context<SessionContextType | null>;
-/**
- * Proveedor de autenticación
- */
-declare function AuthProvider(props: AuthProviderProps): import("react/jsx-runtime").JSX.Element;
-export { AuthContext, AuthProvider };

package/contexts/AuthContext/index.js

@@ -1,142 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useReducer, useEffect } from "react";
-import { useHostTools, useNetwork, useEnvironment, useLocalStorageWithListener, EmitEvents, getLocalStorage, setLocalStorage } from "@m4l/core";
-import { E as EnumTypes } from "./types.js";
-const initialState = {
-  isAuthenticated: false,
-  isInitialized: false,
-  user: null
-};
-const JWTReducer = (state, action) => {
-  switch (action.type) {
-    case "INITIALIZE":
-      return {
-        isAuthenticated: action.payload.isAuthenticated,
-        isInitialized: true,
-        user: action.payload.user
-      };
-    case "LOGIN":
-      return {
-        ...state,
-        isAuthenticated: true,
-        user: action.payload.user
-      };
-    case "LOGOUT":
-      return {
-        ...state,
-        isAuthenticated: false,
-        user: null
-      };
-    default:
-      return state;
-  }
-};
-const AuthContext = createContext(null);
-function dispatchInitial(dispatch) {
-  dispatch({
-    type: EnumTypes.Initial,
-    payload: {
-      isAuthenticated: false,
-      user: null
-    }
-  });
-}
-function AuthProvider(props) {
-  const { children } = props;
-  const [state, dispatch] = useReducer(JWTReducer, initialState);
-  const { events_add_listener } = useHostTools();
-  const { networkOperation } = useNetwork();
-  const { domain_token } = useEnvironment();
-  const [nextValSession, setNextValSession] = useLocalStorageWithListener(
-    //Variable para saber si ha cambiado la session en otro navegador
-    "vSession",
-    (/* @__PURE__ */ new Date()).getTime() + ""
-  );
-  useEffect(() => {
-    const initialize = async () => {
-      networkOperation({
-        method: "GET",
-        endPoint: `auth/login`,
-        parms: { user_data: true },
-        checkUnAuthorized: false
-      }).then((response) => {
-        dispatch({
-          type: EnumTypes.Initial,
-          payload: {
-            isAuthenticated: true,
-            user: response.user
-          }
-        });
-        const useSaved = getLocalStorage("userData", {
-          email: response.user.email,
-          remember: true
-        });
-        if (useSaved?.email !== response.user.email) {
-          setLocalStorage("userData", { email: response.user.email }, true);
-        }
-      }).catch(() => {
-        dispatchInitial(dispatch);
-      });
-    };
-    initialize();
-  }, [nextValSession]);
-  const login = async (email, password, remember) => {
-    await networkOperation({
-      endPoint: `auth/login`,
-      method: "POST",
-      data: {
-        email,
-        password,
-        domain_token
-      }
-    }).then((response) => {
-      const user = response.data;
-      if (remember) {
-        setLocalStorage("userData", { email, remember });
-      } else {
-        setLocalStorage("userData", { email: "", remember });
-      }
-      dispatch({
-        type: EnumTypes.Login,
-        payload: {
-          user
-        }
-      });
-      setNextValSession((/* @__PURE__ */ new Date()).getTime() + "");
-    });
-  };
-  const logout = async (isAuthenticated) => {
-    if (isAuthenticated) {
-      await networkOperation({
-        endPoint: `auth/logout`,
-        method: "POST"
-      });
-    }
-    dispatch({ type: EnumTypes.Logout });
-    setNextValSession((/* @__PURE__ */ new Date()).getTime() + "");
-  };
-  const onNetserviceUnautorized = () => {
-    logout(false);
-  };
-  useEffect(() => {
-    events_add_listener(
-      EmitEvents.EMMIT_EVENT_NET_SERVICE_UNAUTHORIZED,
-      onNetserviceUnautorized
-    );
-  }, []);
-  return /* @__PURE__ */ jsx(
-    AuthContext.Provider,
-    {
-      value: {
-        ...state,
-        login,
-        logout
-      },
-      children
-    }
-  );
-}
-export {
-  AuthContext as A,
-  AuthProvider as a
-};

package/contexts/AuthContext/types.d.ts

@@ -1,51 +0,0 @@
-import { DomainCountry, Maybe } from '@m4l/core';
-import { ReactNode } from 'react';
-export declare enum EnumTypes {
-    Initial = "INITIALIZE",
-    Login = "LOGIN",
-    Logout = "LOGOUT"
-}
-export type AuthProviderProps = {
-    children: ReactNode;
-};
-export type ActionMap<M extends {
-    [index: string]: any;
-}> = {
-    [Key in keyof M]: M[Key] extends undefined ? {
-        type: Key;
-    } : {
-        type: Key;
-        payload: M[Key];
-    };
-};
-export type SessionAuthPayload = {
-    [EnumTypes.Initial]: {
-        isAuthenticated: boolean;
-        user: AuthUser;
-    };
-    [EnumTypes.Login]: {
-        user: AuthUser;
-    };
-    [EnumTypes.Logout]: undefined;
-};
-export type SessionActions = ActionMap<SessionAuthPayload>[keyof ActionMap<SessionAuthPayload>];
-export interface User {
-    email: string;
-    id: number;
-    first_name: string;
-    last_name: string;
-    account_id: number;
-    domain_country: DomainCountry;
-    avatar_url?: Maybe<string>;
-    user_type_id?: number;
-}
-export type AuthUser = Maybe<User>;
-export type AuthState = {
-    isAuthenticated: boolean;
-    isInitialized: boolean;
-    user: AuthUser;
-};
-export interface SessionContextType extends AuthState {
-    login: (email: string, password: string, remember: boolean) => object | undefined;
-    logout: (isAuthenticated: boolean) => Promise<void>;
-}

package/contexts/AuthContext/types.js

@@ -1,9 +0,0 @@
-var EnumTypes = /* @__PURE__ */ ((EnumTypes2) => {
-  EnumTypes2["Initial"] = "INITIALIZE";
-  EnumTypes2["Login"] = "LOGIN";
-  EnumTypes2["Logout"] = "LOGOUT";
-  return EnumTypes2;
-})(EnumTypes || {});
-export {
-  EnumTypes as E
-};

package/contexts/index.d.ts

@@ -1 +0,0 @@
-export * from './AuthContext';

package/contexts/index.js

@@ -1 +0,0 @@
-

package/hooks/useAuth/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Hook para obtener el contexto de autenticación
- */
-export declare const useAuth: () => import('../../contexts/AuthContext/types').SessionContextType;
-export default useAuth;

package/hooks/useAuth/index.js

@@ -1,12 +0,0 @@
-import { useContext } from "react";
-import { A as AuthContext } from "../../contexts/AuthContext/index.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
-};