@m4l/layouts 7.0.0 → 7.0.2

package/layouts/MasterDetailLayout/components/ButtonDetail/index.d.ts

@@ -0,0 +1,9 @@
+import { ComponentActionProps } from '@m4l/components';
+/**
+ * Botón de detalle
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function ButtonDetail(props: ComponentActionProps): import("react/jsx-runtime").JSX.Element;

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts

@@ -1,5 +1,11 @@
-/// <reference types="react" />
 import { MasterDetailContextProps, MasterDetailProviderProps } from './types';
-declare const MasterDetailContext: import("react").Context<MasterDetailContextProps>;
-declare function MasterDetailProvider(props: MasterDetailProviderProps): import("react").JSX.Element;
+declare const MasterDetailContext: import('react').Context<MasterDetailContextProps>;
+/**
+ * Proveedor de contexto para el layout de maestro detalle
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+declare function MasterDetailProvider(props: MasterDetailProviderProps): import("react/jsx-runtime").JSX.Element;
 export { MasterDetailProvider, MasterDetailContext };

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState } from "react";
+import { voidFunction } from "@m4l/core";
+const initialState = {
+  masterSelection: void 0,
+  onChangeMasterSelection: voidFunction,
+  onClickViewDetail: voidFunction
+};
+const MasterDetailContext = createContext(initialState);
+function MasterDetailProvider(props) {
+  const { children, onClickViewDetail } = props;
+  const [masterSelection, setMasterSelection] = useState(void 0);
+  return /* @__PURE__ */ jsx(
+    MasterDetailContext.Provider,
+    {
+      value: {
+        masterSelection,
+        onChangeMasterSelection: setMasterSelection,
+        onClickViewDetail
+      },
+      children
+    }
+  );
+}
+export {
+  MasterDetailContext as M,
+  MasterDetailProvider as a
+};

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type MasterSelecion = any | any[] | undefined;
+export type MasterSelecion = any | any[] | undefined;
 export interface MasterDetailContextStateProps {
     masterSelection?: MasterSelecion;
 }

package/layouts/MasterDetailLayout/dicctionary.d.ts

@@ -1,3 +1,3 @@
-import type { Dictionary } from '@m4l/core';
+import { Dictionary } from '@m4l/core';
 export declare function getMasterDetailLayoutComponentsDictionary(): string[];
 export declare const defaultMasterDetailDictionary: Dictionary;

package/layouts/MasterDetailLayout/dicctionary.js

@@ -0,0 +1,17 @@
+import { g as getModuleLayoutComponentsDictionary } from "../ModuleLayout/dicctionary.js";
+function getMasterDetailLayoutComponentsDictionary() {
+  return ["master_detail_layout"].concat(getModuleLayoutComponentsDictionary());
+}
+const defaultMasterDetailDictionary = {
+  master_detail_layout: {
+    split_vertical: "Split vertically",
+    split_horizontal: "Split horizontally",
+    no_split: "No split",
+    view_detail: "View detail"
+  }
+  //...defaultModuleLayoutDictionary,
+};
+export {
+  defaultMasterDetailDictionary as d,
+  getMasterDetailLayoutComponentsDictionary as g
+};

package/layouts/MasterDetailLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { MasterDetailLayout } from './MasterDetailLayout';
+export type { MasterDetailLayoutProps } from './types';

package/layouts/MasterDetailLayout/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const MasterDetailLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MasterDetailLayoutRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/MasterDetailLayout/styles.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material";
+const MasterDetailLayoutRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LMasterDetailLayout?.styleOverrides
+}));
+export {
+  MasterDetailLayoutRoot as M
+};

package/layouts/ModuleLayout/ModuleLayout.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import type { ModuleLayoutProps, ModuleLayoutRef } from './types';
-export declare const ModuleLayout: import("react").ForwardRefExoticComponent<ModuleLayoutProps & import("react").RefAttributes<ModuleLayoutRef>>;
+import { ModuleLayoutProps, ModuleLayoutRef } from './types';
+export declare const ModuleLayout: import('react').ForwardRefExoticComponent<ModuleLayoutProps & import('react').RefAttributes<ModuleLayoutRef>>;

package/layouts/ModuleLayout/ModuleLayout.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { ModalProvider } from "@m4l/components";
+import { forwardRef, useRef, useImperativeHandle } from "react";
+import { I as InnerModule } from "./subcomponents/InnerModule/index.js";
+import { a as ModuleProvider } from "./contexts/ModuleContext/index.js";
+const ModuleLayout = forwardRef((props, ref) => {
+  const { moduleId, moduleActions, version, children } = props;
+  const moduleRef = useRef(null);
+  const openModal = (modalOpenProps) => {
+    moduleRef.current?.openModal(modalOpenProps);
+  };
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: moduleRef.current
+  }));
+  return /* @__PURE__ */ jsx(ModuleProvider, { moduleId, moduleActions, version, children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(InnerModule, { ref: moduleRef, children }) }) });
+});
+ModuleLayout.displayName = "ModuleLayout";
+export {
+  ModuleLayout as M
+};

package/layouts/ModuleLayout/classes/constants.js

@@ -0,0 +1,4 @@
+const componentName = "M4LModuleLayout";
+export {
+  componentName as c
+};

package/layouts/ModuleLayout/classes/index.d.ts

@@ -1,6 +1,13 @@
 import { ModuleLayoutClassesType } from './types';
 export declare const moduleLayoutClasses: ModuleLayoutClassesType;
 export declare function getModuleLayoutUtilityClass(slot: string): string;
+/**
+ * Hook para obtener las clases del componente ModuleLayout
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
 export declare const useModuleLayoutUtilityClasses: () => {
     root: string;
     moduleContent: string;

package/layouts/ModuleLayout/classes/index.js

@@ -0,0 +1,25 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants.js";
+generateUtilityClasses(componentName, [
+  /* elements */
+  "root",
+  "moduleContent"
+  /* states or variants of elements */
+]);
+function getModuleLayoutUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useModuleLayoutUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    moduleContent: ["moduleContent"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getModuleLayoutUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  useModuleLayoutUtilityClasses as u
+};

package/layouts/ModuleLayout/classes/types.d.ts

@@ -1,7 +1,7 @@
-import { useModuleLayoutUtilityClasses } from ".";
+import { useModuleLayoutUtilityClasses } from '.';
 export interface ModuleLayoutClassesType {
     root: string;
     moduleContent: string;
 }
-export declare type ModuleLayoutClassesKey = keyof ModuleLayoutClassesType;
-export declare type Classes = ReturnType<typeof useModuleLayoutUtilityClasses>;
+export type ModuleLayoutClassesKey = keyof ModuleLayoutClassesType;
+export type Classes = ReturnType<typeof useModuleLayoutUtilityClasses>;

package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts

@@ -1,5 +1,11 @@
-/// <reference types="react" />
 import { ModuleLayoutContextProps, ModuleLayoutProviderProps } from './types';
-declare const ModuleContext: import("react").Context<ModuleLayoutContextProps | null>;
-declare function ModuleProvider(props: ModuleLayoutProviderProps): import("react").JSX.Element;
+declare const ModuleContext: import('react').Context<ModuleLayoutContextProps | null>;
+/**
+ * Proveedor de contexto para el layout de modulo
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+declare function ModuleProvider(props: ModuleLayoutProviderProps): import("react/jsx-runtime").JSX.Element;
 export { ModuleProvider, ModuleContext };

package/layouts/ModuleLayout/contexts/ModuleContext/index.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { useWindowToolsMF } from "@m4l/components";
+import { createContext, useState, useMemo, useEffect } from "react";
+const ModuleContext = createContext(null);
+function ModuleProvider(props) {
+  const { children, moduleActions, moduleId, version } = props;
+  const [configOptions] = useState(() => ({
+    moduleId,
+    dictionary: void 0
+  }));
+  const { setActions } = useWindowToolsMF();
+  const [dynamicActions, setDynamicActions] = useState([]);
+  const finalModuleActions = useMemo(() => {
+    return (moduleActions || []).concat(dynamicActions);
+  }, [moduleActions, dynamicActions]);
+  useEffect(() => {
+    setActions(finalModuleActions, version);
+  }, [finalModuleActions]);
+  return /* @__PURE__ */ jsx(
+    ModuleContext.Provider,
+    {
+      value: {
+        // moduleActions: finalModuleActions,
+        // dynamicActions,
+        setDynamicActions,
+        moduleId: configOptions.moduleId
+        // moduleNameField: configOptions.moduleNameField,
+        // urlIcon: configOptions.urlIcon,
+        // breadcrumbLinks: configOptions.breadcrumbLinks,
+      },
+      children
+    }
+  );
+}
+export {
+  ModuleContext as M,
+  ModuleProvider as a
+};

package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts

@@ -1,5 +1,5 @@
 import { ModuleAction } from '@m4l/components';
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface ModuleLayoutContextStateProps {
     moduleId: string;
 }

package/layouts/ModuleLayout/dicctionary.d.ts

@@ -1,3 +1,3 @@
-import type { Dictionary } from '@m4l/core';
+import { Dictionary } from '@m4l/core';
 export declare function getModuleLayoutComponentsDictionary(): string[];
 export declare const defaultModuleLayoutDictionary: Dictionary;

package/layouts/ModuleLayout/dicctionary.js

@@ -0,0 +1,11 @@
+import { getModalDialogComponentsDictionary } from "@m4l/components";
+function getModuleLayoutComponentsDictionary() {
+  return ["module_layout"].concat(getModalDialogComponentsDictionary());
+}
+const defaultModuleLayoutDictionary = {
+  module_layout: {}
+};
+export {
+  defaultModuleLayoutDictionary as d,
+  getModuleLayoutComponentsDictionary as g
+};

package/layouts/ModuleLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { ModuleLayout } from './ModuleLayout';
+export type { ModuleLayoutProps } from './types';

package/layouts/ModuleLayout/subcomponents/InnerModule/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ModuleProps, ModuleRef } from './types';
-export declare const InnerModule: import("react").ForwardRefExoticComponent<ModuleProps & import("react").RefAttributes<ModuleRef>>;
+export declare const InnerModule: import('react').ForwardRefExoticComponent<ModuleProps & import('react').RefAttributes<ModuleRef>>;

package/layouts/ModuleLayout/subcomponents/InnerModule/index.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle } from "react";
+import { I as InnerModuleRoot } from "./styles.js";
+import { useModal } from "@m4l/components";
+import { u as useModuleLayoutUtilityClasses } from "../../classes/index.js";
+const InnerModule = forwardRef((props, ref) => {
+  const { children } = props;
+  const { openModal } = useModal();
+  const divRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: divRef.current
+  }));
+  const classes = useModuleLayoutUtilityClasses();
+  return /* @__PURE__ */ jsx(InnerModuleRoot, { className: classes.root, ref: divRef, children: /* @__PURE__ */ jsx("div", { className: classes.moduleContent, children }) });
+});
+InnerModule.displayName = "InnerModule";
+export {
+  InnerModule as I
+};

package/layouts/ModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const InnerModuleRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerModuleRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/ModuleLayout/subcomponents/InnerModule/styles.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material/styles";
+const InnerModuleRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LModuleLayout?.styleOverrides
+}));
+export {
+  InnerModuleRoot as I
+};

package/layouts/ModuleLayout/subcomponents/InnerModule/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ModalOpenOptions } from '@m4l/components';
-export declare type ModuleRef = {
+export type ModuleRef = {
     openModal: (modalOpenProps: ModalOpenOptions) => void;
     current: HTMLDivElement | null;
 };

package/layouts/ModuleLayout/types.d.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-import type { ModalOpenOptions, ModuleAction } from '@m4l/components';
-import type { ModuleRef } from './subcomponents/InnerModule/types';
+import { ReactNode } from 'react';
+import { ModalOpenOptions, ModuleAction } from '@m4l/components';
+import { ModuleRef } from './subcomponents/InnerModule/types';
 export interface ContainerProps {
     vertical: boolean;
 }
-export declare type ModuleLayoutRef = {
+export type ModuleLayoutRef = {
     openModal: (modalOpenProps: ModalOpenOptions) => void;
     current: ModuleRef | null;
 };

package/layouts/NoAuthModuleLayout/dicctionary.d.ts

@@ -1,3 +1,3 @@
-import type { Dictionary } from '@m4l/core';
+import { Dictionary } from '@m4l/core';
 export declare function getNoAuthModuleLayoutComponentsDictionary(): string[];
 export declare const defaultNoAuthModuleLayoutDictionary: Dictionary;

package/layouts/NoAuthModuleLayout/dicctionary.js

@@ -0,0 +1,10 @@
+function getNoAuthModuleLayoutComponentsDictionary() {
+  return ["no_auth_module_layout"];
+}
+const defaultNoAuthModuleLayoutDictionary = {
+  no_auth_module_layout: {}
+};
+export {
+  defaultNoAuthModuleLayoutDictionary as d,
+  getNoAuthModuleLayoutComponentsDictionary as g
+};

package/layouts/NoAuthModuleLayout/index.d.ts

@@ -1,3 +1,9 @@
-/// <reference types="react" />
 import { NoAuthModuleLayoutProps } from './types';
-export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => import("react").JSX.Element;
+/**
+ * Layout de modulo sin autenticación
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/index.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { I as InnerModule } from "./subcomponents/InnerModule/index.js";
+import { useEnvironment, BaseProvider, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
+import { useLocales, ResponsiveContainerProvider } from "@m4l/graphics";
+const NoAuthModuleLayout = (props) => {
+  const {
+    moduleId,
+    moduleNameField,
+    children,
+    componentsDictionary,
+    skeletonFlags,
+    subtitle,
+    companyLogoSmallUrl,
+    companyLogoNormalUrl,
+    moduleIlustrationUrl,
+    handleSetting,
+    observedDivRef
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const localeString = useLocales().currentLocale?.localeString;
+  const finalCompanyLogoNormalUrl = companyLogoNormalUrl || `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/logotipo_m4l.svg`;
+  const finalCompanyLogoSmallUrl = companyLogoSmallUrl || `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/isotipo_m4l.svg`;
+  const finalIllustrationUrl = moduleIlustrationUrl || `${host_static_assets}/${environment_assets}/frontend/domain/host/commons/assets/img/illustration_noauth.png`;
+  const finalSkeletonFlags = skeletonFlags;
+  if (finalSkeletonFlags.findIndex((f) => f === "dictionary_loaded") < 0) {
+    finalSkeletonFlags.push("dictionary_loaded");
+  }
+  return /* @__PURE__ */ jsx(
+    BaseProvider,
+    {
+      value: {
+        subtitle,
+        companyLogoSmallUrl: finalCompanyLogoSmallUrl,
+        companyLogoNormalUrl: finalCompanyLogoNormalUrl,
+        moduleIlustrationUrl: finalIllustrationUrl,
+        children,
+        handleSetting
+      },
+      children: /* @__PURE__ */ jsx(FlagsProvider, { children: /* @__PURE__ */ jsx(
+        ModuleDictionaryProvider,
+        {
+          isAuth: false,
+          moduleId,
+          moduleNameField,
+          componentsDictionary,
+          currentLang: localeString,
+          children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, { flags: finalSkeletonFlags, children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children: /* @__PURE__ */ jsx(InnerModule, {}) }) })
+        }
+      ) })
+    }
+  );
+};
+export {
+  NoAuthModuleLayout as N
+};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts

@@ -1,2 +1,8 @@
-/// <reference types="react" />
-export declare const InnerModule: () => import("react").JSX.Element;
+/**
+ * Componente que contiene el contenido de la vista de escritorio/ móvil
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const InnerModule: () => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.js

@@ -0,0 +1,16 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { HelmetPage } from "@m4l/components";
+import { I as InnerModuleRoot } from "./styles.js";
+import { useModuleDictionary, useBase } from "@m4l/core";
+import { D as DesktopContent } from "./subcomponents/DesktopContent/index.js";
+import { M as MobileContent } from "./subcomponents/MobileContent/index.js";
+const InnerModule = () => {
+  const { getModuleLabel } = useModuleDictionary();
+  const isDesktop = useResponsiveDesktop();
+  const { subtitle } = useBase();
+  return /* @__PURE__ */ jsx(HelmetPage, { title: getModuleLabel(), subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InnerModuleRoot, { id: "modulerootnouth", children: isDesktop ? /* @__PURE__ */ jsx(DesktopContent, {}) : /* @__PURE__ */ jsx(MobileContent, {}) }) }) });
+};
+export {
+  InnerModule as I
+};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const InnerModuleRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerModuleRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.js

@@ -0,0 +1,15 @@
+import { styled } from "@mui/material";
+const InnerModuleRoot = styled("div")(({ theme }) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  height: "100vh",
+  padding: "20px",
+  backgroundColor: theme.vars.palette.background.neutral,
+  [theme.breakpoints.down("md")]: {
+    padding: "0px"
+  }
+}));
+export {
+  InnerModuleRoot as I
+};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.d.ts

@@ -1,2 +1,8 @@
-/// <reference types="react" />
-export declare const DesktopContent: () => import("react").JSX.Element;
+/**
+ * Componente que contiene el contenido de la vista de escritorio
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-09 19:56:26 - automatic
+ * @updatedAt 2024-10-09 20:00:30 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare const DesktopContent: () => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { LanguagePopover, Image, Typography, Stack, ScrollBar } from "@m4l/components";
+import { D as DesktopContentRoot, a as DesktopBanner, C as ContainerLogo, b as CompanyName, c as CompanyLeyend, W as WrapperFormContent, F as FormContent, d as ContainerModuleName } from "./styles.js";
+import { useBase, useModuleDictionary, useDomain } from "@m4l/core";
+const DesktopContent = () => {
+  const { children, companyLogoSmallUrl } = useBase();
+  const { getLabel } = useModuleDictionary();
+  const { name, slogan } = useDomain();
+  return /* @__PURE__ */ jsxs(DesktopContentRoot, { children: [
+    /* @__PURE__ */ jsx(LanguagePopover, {}),
+    /* @__PURE__ */ jsxs(DesktopBanner, { children: [
+      /* @__PURE__ */ jsx(ContainerLogo, { children: /* @__PURE__ */ jsx(Image, { src: companyLogoSmallUrl, ratio: "1:1", width: "64px", height: "64px" }) }),
+      /* @__PURE__ */ jsxs(CompanyName, { children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "subtitleDens",
+            skeletonWidth: "70%",
+            skeletonHeight: "24px",
+            children: name
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", skeletonHeight: "20px", children: getLabel("company_name_subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxs(CompanyLeyend, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "50%", skeletonHeight: "36px", children: getLabel("module_leyend") }),
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle", skeletonWidth: "80%", skeletonHeight: "24px", children: slogan })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(WrapperFormContent, { children: /* @__PURE__ */ jsxs(FormContent, { children: [
+      /* @__PURE__ */ jsxs(ContainerModuleName, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", skeletonHeight: "36px", children: getLabel("module_name") }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "paragraph",
+            skeletonWidth: "40%",
+            skeletonHeight: "20px",
+            children: getLabel("module_description")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Stack, { direction: "column", height: "auto", children: /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(Fragment, { children }) }) })
+    ] }) })
+  ] });
+};
+export {
+  DesktopContent as D
+};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-export declare const DesktopContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DesktopBanner: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CompanyName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CompanyLeyend: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperFormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerModuleName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContentForm: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DesktopContentRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DesktopBanner: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerLogo: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompanyName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompanyLeyend: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperFormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerModuleName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentForm: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;