@m4l/components 0.2.34 → 0.2.36

package/@types/types.d.ts

@@ -0,0 +1,25 @@
+import { ComponentsOverrides, ComponentsVariants, Theme as MuiTheme } from '@mui/material/styles';
+
+import { DynamicFilterSlotsType, DynamicFilterOwnerState } from '../components/DynamicFilter/types';
+
+type Theme = Omit<MuiTheme, 'components'>;
+
+declare module '@mui/material/styles' {
+  // Define the slots in the theme
+  interface ComponentNameToClassKey {
+    M4LDynamicFilter: DynamicFilterSlotsType;
+  }
+
+  interface ComponentsPropsList {
+    // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
+    M4LDynamicFilter: Partial<DynamicFilterOwnerState>;
+  }
+
+  interface Components {
+    M4LDynamicFilter?: {
+      defaultProps?: ComponentsPropsList['M4LDynamicFilter'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
+      variants?: ComponentsVariants['M4LDynamicFilter'];
+    };
+  }
+}

package/assets/Logo/index.109a182d.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+import { useTheme } from "@mui/material/styles";
+import { Box } from "@mui/material";
+function Logo({ disabledLink = false, sx }) {
+  const theme = useTheme();
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+  const PRIMARY_MAIN = theme.palette.primary.main;
+  const PRIMARY_DARK = theme.palette.primary.dark;
+  const logo = /* @__PURE__ */ jsx(Box, { sx: { width: 40, height: 40, ...sx }, children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 512 512", children: [
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs("linearGradient", { id: "BG1", x1: "100%", x2: "50%", y1: "9.946%", y2: "50%", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: PRIMARY_DARK }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: PRIMARY_MAIN })
+      ] }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "BG2", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: PRIMARY_LIGHT }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: PRIMARY_MAIN })
+      ] }),
+      /* @__PURE__ */ jsxs("linearGradient", { id: "BG3", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: PRIMARY_LIGHT }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: PRIMARY_MAIN })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("g", { fillRule: "evenodd", clipRule: "evenodd", children: [
+      /* @__PURE__ */ jsx("path", { fill: "url(#BG1)", d: "m1.9 136.9 208.3 120.3v240.5L1.9 377.5z" }),
+      /* @__PURE__ */ jsx("path", { fill: "url(#BG2)", d: "m226.8 257.2 208.5-120.3v240.6L226.8 497.8z" }),
+      /* @__PURE__ */ jsx("path", { fill: "url(#BG3)", d: "M218.6 242.8 10.2 122.5 218.6 2.2 427 122.5z" })
+    ] })
+  ] }) });
+  if (disabledLink) {
+    return /* @__PURE__ */ jsx(Fragment, { children: logo });
+  }
+  return /* @__PURE__ */ jsx(Link, { to: "/", children: logo });
+}
+export {
+  Logo as L
+};

package/components/AccountPopover/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useAccountPopoverUtilityClasses } from ".";
+import { useAccountPopoverUtilityClasses } from '.';
 /**
  * Tipos de datos para las clases del componente AccountPopover.
  */

package/components/AccountPopover/index.a9dc9f92.js

@@ -0,0 +1,332 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
+import { useState, useEffect } from "react";
+import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.fb9ad158.js";
+import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
+import { P as Popover } from "../mui_extended/Popover/index.4e7340b4.js";
+import { I as Icon } from "../Icon/index.ee7b85c9.js";
+import clsx from "clsx";
+const componentName = "M4LAccountPopover";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "containerUserName",
+    "containerUserEmail",
+    "containerlogOut",
+    "containerUserInfo",
+    "containerSetting",
+    "labelUserName",
+    "labelUserEmail",
+    "labelVersion",
+    "containerAvatarPopover",
+    "myAvatar",
+    "popover",
+    "containerAppVersion",
+    "containerMenuItems",
+    "containerProgress",
+    "logOut",
+    "menuItem"
+  ]
+);
+function getAccountPopoverClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useAccountPopoverUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerUserName: ["containerUserName"],
+    containerUserEmail: ["containerUserEmail"],
+    containerUserInfo: ["containerUserInfo"],
+    containerlogOut: ["containerlogOut"],
+    containerSetting: ["containerSetting"],
+    labelUserName: ["labelUserName"],
+    labelUserEmail: ["labelUserEmail"],
+    labelVersion: ["labelVersion"],
+    myAvatar: ["myAvatar"],
+    containerAvatarPopover: ["containerAvatarPopover"],
+    popover: ["popover"],
+    containerAppVersion: ["containerAppVersion"],
+    containerMenuItems: ["containerMenuItems"],
+    containerProgress: ["containerProgress"],
+    logOut: ["logOut"],
+    menuItem: ["menuItem"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAccountPopoverClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const AcountPopOverRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LAccountPopover?.styleOverrides
+}));
+function MyAvatar(props) {
+  const { avatarUrl, firstName = "", lastName = "arreee", ...other } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      alt: "full_name",
+      color: "default",
+      ...avatarUrl ? {
+        src: `${host_static_assets}/${environment_assets}/frontend/domain/${avatarUrl}`
+      } : { children: `${firstName[0]}${lastName[0]}` },
+      ...other
+    }
+  );
+}
+const MenuPopOver = (props) => {
+  const {
+    data,
+    itemHandleClick,
+    version,
+    handleLogOut,
+    classes,
+    userData,
+    settingsHandleOpen: settingHandleOpen,
+    asyncState
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { avatar_url, first_name, last_name, email } = userData || {};
+  const { getLabel } = useModuleDictionary();
+  const [open2, setOpen] = useState(null);
+  const theme = useTheme();
+  const handleClick = (item) => {
+    itemHandleClick(item);
+    handleClose();
+  };
+  const handleClose = () => {
+    setOpen(null);
+  };
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "presentation",
+      className: classes.containerAvatarPopover,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAvatarPopover") } : {},
+      children: [
+        /* @__PURE__ */ jsx(ButtonBase, { children: /* @__PURE__ */ jsx(
+          MyAvatar,
+          {
+            className: classes.myAvatar,
+            avatarUrl: avatar_url,
+            firstName: first_name || "",
+            lastName: last_name || "",
+            onClick: handleOpen
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: Boolean(open2),
+            anchorEl: open2,
+            onClose: handleClose,
+            className: classes.popover,
+            arrowType: "no-arrow",
+            anchorOrigin: { vertical: "bottom", horizontal: "right" },
+            transformOrigin: { vertical: "top", horizontal: "right" },
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("popover") } : {},
+            sx: {
+              mt: "5px",
+              ...theme.components?.M4LAccountPopoverPopover?.styleOverrides
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classes.containerUserInfo,
+                  ...process.env.NODE_ENV !== "production" ? {
+                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerUserInfo")
+                  } : {},
+                  children: [
+                    " ",
+                    /* @__PURE__ */ jsxs("div", { className: classes.containerUserName, children: [
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/users.svg`
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: classes.labelUserName, children: `${first_name} ${last_name}` })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: classes.containerUserEmail, children: [
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/email.svg`
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: classes.labelUserEmail, children: email })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classes.containerAppVersion,
+                  ...process.env.NODE_ENV !== "production" ? {
+                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAppVersion")
+                  } : {},
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/version.svg`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: classes.labelVersion, children: `${getLabel("account_popover.label_version")} ${version}` })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classes.containerMenuItems,
+                  ...process.env.NODE_ENV !== "production" ? {
+                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerMenuItems")
+                  } : {},
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        role: "button",
+                        tabIndex: 0,
+                        className: classes.containerSetting,
+                        onClick: () => {
+                          settingHandleOpen();
+                          handleClose();
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/configuration.svg`
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("div", { className: classes.menuItem, children: getLabel("account_popover.label_settings") })
+                        ]
+                      }
+                    ),
+                    asyncState === "loaded" ? data.map((option) => /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        role: "presentation",
+                        onClick: () => handleClick(option),
+                        className: classes.menuItem,
+                        ...process.env.NODE_ENV !== "production" ? {
+                          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("menuItem")
+                        } : {},
+                        children: option.title
+                      },
+                      option.title
+                    )) : /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: classes.containerProgress,
+                        ...process.env.NODE_ENV !== "production" ? {
+                          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerProgress")
+                        } : {},
+                        children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { role: "button", tabIndex: 0, className: classes.containerlogOut, onClick: handleLogOut, children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/sign_off.svg`
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "presentation",
+                    className: classes.logOut,
+                    ...process.env.NODE_ENV !== "production" ? {
+                      [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("logOut")
+                    } : {},
+                    children: getLabel("account_popover.label_logout")
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const AccountPopover = (props) => {
+  const {
+    itemHandleClick,
+    version,
+    handleLogOut,
+    userData,
+    className,
+    settingsHandleOpen: settingHandleOpen
+  } = props;
+  const [asyncState, setAsyncState] = useState("unLoad");
+  const [menuData, setMenuData] = useState([]);
+  const { networkOperation } = useNetwork();
+  useEffect(() => {
+    let mounted = true;
+    if (asyncState === "unLoad") {
+      setAsyncState("loading");
+      networkOperation({
+        method: "GET",
+        endPoint: `menus`,
+        parms: {
+          position: 1
+        }
+      }).then((response) => {
+        if (mounted) {
+          setAsyncState("loaded");
+          setMenuData(response.data);
+        }
+      }).catch((_error) => {
+        console.error("AccountData network request error - get menus", _error);
+        setMenuData([]);
+      });
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [open]);
+  const accountPopoverClasses = useAccountPopoverUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    AcountPopOverRoot,
+    {
+      className: clsx(accountPopoverClasses.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("root") } : {},
+      children: /* @__PURE__ */ jsx(
+        MenuPopOver,
+        {
+          data: menuData,
+          asyncState,
+          itemHandleClick,
+          version,
+          handleLogOut,
+          classes: accountPopoverClasses,
+          userData,
+          settingsHandleOpen: settingHandleOpen
+        }
+      )
+    }
+  );
+};
+function getAccountPopoverDictionary() {
+  return ["account_popover"];
+}
+export {
+  AccountPopover as A,
+  getAccountPopoverDictionary as g
+};

package/components/AccountPopover/style.d.ts

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

package/components/AccountPopover/subcomponents/MyAvatar/types.d.ts

@@ -1,16 +1,16 @@
-import { Maybe } from "@m4l/core";
-import { AvatarProps } from "@mui/material";
+import { Maybe } from '@m4l/core';
+import { AvatarProps } from '@mui/material';
 /**
  * Propiedades del componente MyAvatar.
  */
 export interface MyAvatarProps extends AvatarProps {
     /**
-    * La URL del avatar.
-    */
+     * La URL del avatar.
+     */
     avatarUrl: Maybe<string>;
     /**
-   * El primer nombre del usuario.
-   */
+     * El primer nombre del usuario.
+     */
     firstName: string;
     /**
      * El apellido del usuario.

package/components/AccountPopover/subcomponents/PopOver/types.d.ts

@@ -1,5 +1,5 @@
-import { AccountPopoverClasses } from "../../classes/types";
-import { AccountPopoverProps, AsyncTypes, RightMenuData, UserAuth } from "../../types";
+import { AccountPopoverClasses } from '../../classes/types';
+import { AccountPopoverProps, AsyncTypes, RightMenuData, UserAuth } from '../../types';
 /**
  * Propiedades extendidas para el componente PopOver.
  */
@@ -9,15 +9,15 @@ export interface PopOverProps extends Omit<AccountPopoverProps, 'userData'> {
      */
     data: Array<RightMenuData> | [];
     /**
-   * Clases personalizadas para el componente.
-   */
+     * Clases personalizadas para el componente.
+     */
     classes: AccountPopoverClasses;
     /**
-    * Datos del usuario para el popover.
-    */
+     * Datos del usuario para el popover.
+     */
     userData: UserAuth | null | undefined;
     /**
-    * Estado de carga asíncrona.
-    */
+     * Estado de carga asíncrona.
+     */
     asyncState: AsyncTypes;
 }

package/components/AccountPopover/types.d.ts

@@ -1,4 +1,4 @@
-import type { DomainCountry, Maybe } from "@m4l/core";
+import type { DomainCountry, Maybe } from '@m4l/core';
 export interface RightMenuData {
     /** Esta propiedad hace referencia al título del módulo.
      * Tiene utilidades como:
@@ -11,7 +11,7 @@ export interface RightMenuData {
      * - Define a la aplicación web cual de todos los módulos disponibles debe agregar en la interfaz de la aplicación web.
      * - Permite almacenar información del usuario basado en la interacción del módulo tomando en cuenta el identificador.
      * ...
-    */
+     */
     module_id?: string;
     /**
      * Esta propiedad define la ubicación del icono representativo del módulo.
@@ -26,7 +26,7 @@ export interface RightMenuData {
 export declare type AsyncTypes = 'unLoad' | 'loading' | 'loaded';
 /** Colección de datos que representa el valor del menú de administrativo propio del usuario.
  * Para obtener el detalle de la información del tipo de dato RightMenuData, se debe validar en la documentación de la librería @m4l/core.
-*/
+ */
 export interface MenuDataProvider {
     value: RightMenuData;
 }

package/components/AppBar/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useAppBarUtilityClasses } from ".";
+import { useAppBarUtilityClasses } from '.';
 export interface AppBarClassesType {
     root: string;
     containerChilds: string;

package/components/AppBar/index.7dee7427.js

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { useResponsiveContainerStore } from "@m4l/graphics";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { unstable_composeClasses } from "@mui/base";
+import { I as Image } from "../Image/index.8cc036b1.js";
+import { T as Typography } from "../mui_extended/Typography/index.a1e774a2.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b0ee4965.js";
+const AppBarRoot = styled("header")(({ theme }) => ({
+  ...theme.components?.M4LAppBar?.styleOverrides
+}));
+const APPBAR_PREFIX = "M4LAppBar";
+const getNameDataTestId = (KEY) => {
+  return `${APPBAR_PREFIX}-${KEY}`;
+};
+const componentName = "M4LAppBar";
+generateUtilityClasses(componentName, [
+  "root",
+  "containerChilds",
+  "containerIconMenuToggle",
+  "iconMenuToggle",
+  "containerLogo",
+  "containerImageTypography"
+]);
+function getAppBarClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useAppBarUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerChilds: ["containerChilds"],
+    containerIconMenuToggle: ["containerIconMenuToggle"],
+    iconMenuToggle: ["iconMenuToggle"],
+    containerLogo: ["containerLogo"],
+    containerImageTypography: ["containerImageTypography"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAppBarClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const AppBar = (props) => {
+  const { onToggleVisible, children, companyLogo, companyName } = props;
+  const { isUpSm } = useResponsiveContainerStore((state) => state);
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const classes = useAppBarUtilityClasses();
+  const { getLabel } = useModuleDictionary();
+  return /* @__PURE__ */ jsxs(
+    AppBarRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: [
+        companyLogo && isUpSm ? /* @__PURE__ */ jsx("div", { className: classes.containerLogo, children: /* @__PURE__ */ jsxs("div", { className: classes.containerImageTypography, children: [
+          /* @__PURE__ */ jsx(Image, { src: companyLogo, alt: "logo" }, "Logo"),
+          /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", skeletonWidth: "100px", children: companyName })
+        ] }) }) : null,
+        !isUpSm ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classes.containerIconMenuToggle,
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerIconMenuToggle") } : {},
+            children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                tooltip: getLabel("appbar.tooltip_toogle_menu"),
+                className: classes.iconMenuToggle,
+                src: `${host_static_assets}/${environment_assets}/frontend/components/settings/assets/icons/options.svg`,
+                onClick: onToggleVisible
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classes.containerChilds,
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerChilds") } : {},
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+function getAppBarDictionary() {
+  return ["appbar"];
+}
+export {
+  AppBar as A,
+  getAppBarDictionary as g
+};

package/components/AppBar/styles.d.ts

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

package/components/AppBar/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { AppBarClassesKey } from "../classes/types";
+import { AppBarClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: AppBarClassesKey) => string;

package/components/AppBar/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 /**
  * Propiedades de estilo para el componente raíz de la barra de aplicaciones.
  */
@@ -12,19 +12,19 @@ export declare type RootStyleProps = {
 };
 export interface AppBarProps {
     /**
-    * Función que activa la visualización del menú de la aplicación en la vista móvil.
-    */
+     * Función que activa la visualización del menú de la aplicación en la vista móvil.
+     */
     onToggleVisible: VoidFunction;
     /**
-    * Puede ser cualquier cosa, desde un solo elemento hasta un array de elementos. Los elementos secundarios pueden ser componentes de React, elementos HTML, o incluso otros tipos de datos, como cadenas o números.
-    */
+     * Puede ser cualquier cosa, desde un solo elemento hasta un array de elementos. Los elementos secundarios pueden ser componentes de React, elementos HTML, o incluso otros tipos de datos, como cadenas o números.
+     */
     children: ReactNode;
     /**
-    * companyLogo: Enlace de acceso para el recurso gráfico de logo.
-    */
+     * companyLogo: Enlace de acceso para el recurso gráfico de logo.
+     */
     companyLogo?: string;
     /**
-    * companyName: Nombre de la compañía
-    */
+     * companyName: Nombre de la compañía
+     */
     companyName?: string;
 }

package/components/CommonActions/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useCommonActionsUtilityClasses } from ".";
+import { useCommonActionsUtilityClasses } from '.';
 export interface CommonActionsClassesType {
     root: string;
     actionCancel: string;

package/components/CommonActions/components/ActionCancel/{index.416cbf9b.js → index.46f636e9.js}

@@ -1,19 +1,11 @@
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
 import { jsx } from "react/jsx-runtime";
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.5395d101.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.273645af.js";
 const ActionCancel = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
+  const { getLabel } = useModuleDictionary();
   const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "outlined",
-    color: "inherit",
-    ...props,
-    className: classes.actionCancel,
-    children: getLabel("common_actions.cancel")
-  });
+  return /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "inherit", ...props, className: classes.actionCancel, children: getLabel("common_actions.cancel") });
 };
 export {
   ActionCancel as A