@m4l/components 7.0.0 → 7.1.2

package/components/AccountPopover/subcomponents/PopOver/index.js

@@ -0,0 +1,207 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { C as CircularProgress } from "../../../mui_extended/CircularProgress/index.js";
+import { useTheme, ButtonBase } from "@mui/material";
+import { g as getAccountPopoverClassesUtilityClass } from "../../classes/index.js";
+import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
+import { M as MyAvatar } from "../MyAvatar/index.js";
+import { useState } from "react";
+import { P as Popover } from "../../../mui_extended/Popover/Popover.js";
+import { I as Icon } from "../../../Icon/Icon.js";
+const MenuPopOver = (props) => {
+  const {
+    data,
+    itemHandleClick,
+    version,
+    handleLogOut,
+    classes,
+    userData,
+    settingsHandleOpen: settingHandleOpen,
+    asyncState
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { avatarUrl, firstName, lastName, email } = userData || {};
+  const { getLabel } = useModuleDictionary();
+  const [open, 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,
+            firstName: firstName || "",
+            lastName: lastName || "",
+            onClick: handleOpen
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: Boolean(open),
+            anchorEl: open,
+            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: `${firstName} ${lastName}` })
+                    ] }),
+                    /* @__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();
+                        },
+                        onKeyDown: (event) => {
+                          if (event.key === "Enter" || event.key === " ") {
+                            settingHandleOpen();
+                            handleClose();
+                            event.preventDefault();
+                          }
+                        },
+                        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")
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  MenuPopOver as M
+};

package/components/AccountPopover/subcomponents/PopOver/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const ACCOUNTPOPOVER_PREFIX = "M4LAccountPopover";

package/components/AccountPopover/subcomponents/PopOver/tests/utils.d.ts

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

package/components/AccountPopover/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const ACCOUNTPOPOVER_PREFIX = "M4LAccountPopover";

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

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

package/components/AccountPopover/types.d.ts

@@ -1,12 +1,14 @@
 import { UserAuth } from '@m4l/core';
 export interface RightMenuData {
-    /** Esta propiedad hace referencia al título del módulo.
+    /**
+     * Esta propiedad hace referencia al título del módulo.
      * Tiene utilidades como:
      * - Definir el nombre en el encabezado del modulo cuando se agrega en la interfaz de la aplicación web.
      * ...
-     * */
+     */
     title: string;
-    /** Esta propiedad define el identificador para el tipo de módulo.
+    /**
+     * Esta propiedad define el identificador para el tipo de módulo.
      * Tiene utiidades como:
      * - 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.
@@ -23,8 +25,9 @@ export interface RightMenuData {
     debug_port?: number;
 }
 /** Lista posibles valores usados para definr el estado actual en la solicitud de red para el endpoint GET Menus param 1 */
-export declare type AsyncTypes = 'unLoad' | 'loading' | 'loaded';
-/** Colección de datos que representa el valor del menú de administrativo propio del usuario.
+export 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 {

package/components/AppBar/AppBar.d.ts

@@ -1,26 +1,27 @@
 import { AppBarProps } from './types';
 /**
  * Componente de la interfaz de usuario que se encuentra en la parte superior de una aplicación móvil o de escritorio. Por lo general, contiene elementos de navegación, como botones para ir hacia atrás o hacia adelante, un botón de menú para acceder a opciones adicionales y un campo de búsqueda. También puede mostrar información relevante, como el título de la página actual o el nombre del usuario conectado.
- *
  * @param {AppBarProps} props - Propiedades del componente.
  * @returns {JSX.Element} Elemento que se retorna.
- *
  * @example
  *
  * // Ejemplo de uso:
  *
  * <AppBar onToggleVisible={onToggleVisible}>
-    <AreasAdmin />
-    <div style={{display: 'flex', gap: '10px', alignItems: 'center'}}>
-        <LanguagePopover />
-        <AccountPopover
-            itemHandleClick={itemHandleClick}
-            handleLogOut={handleLogOut}
-            version={APP_VERSION}
-            userData={user}
-            settingsHandleOpen={handleOpen}
-        />
-    </div>
-    </AppBar>
+ * <AreasAdmin />
+ * <div style={{display: 'flex', gap: '10px', alignItems: 'center'}}>
+ * <LanguagePopover />
+ * <AccountPopover
+ * itemHandleClick={itemHandleClick}
+ * handleLogOut={handleLogOut}
+ * version={APP_VERSION}
+ * userData={user}
+ * settingsHandleOpen={handleOpen}
+ * />
+ * </div>
+ * </AppBar>
+ */
+/**
+ * TODO: Documentar
  */
 export declare const AppBar: (props: AppBarProps) => import("react/jsx-runtime").JSX.Element;

package/components/AppBar/AppBar.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { A as AppBarRoot } from "./styles.js";
+import { useResponsiveContainerStore } from "@m4l/graphics";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
+import { g as getNameDataTestId } from "./tests/utils.js";
+import { u as useAppBarUtilityClasses } from "./classes/index.js";
+import { T as Typography } from "../mui_extended/Typography/Typography.js";
+import { I as IconButton } from "../mui_extended/IconButton/IconButton.js";
+import { I as Image } from "../Image/Image.js";
+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
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  AppBar as A
+};

package/components/AppBar/classes/constants.js

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

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

@@ -1,10 +1,9 @@
 import { AppBarClassesType } from './types';
 /**
- * @typedef {Object} AppBarClassesType
- * @property {string} root - Clase para el contenedor raíz del AppBar.
- * @property {string} containerChilds - Clase para el contenedor de elementos secundarios del AppBar.
- * @property {string} containerIconMenuToggle - Clase para el contenedor del icono de menú del AppBar.
- * @property {string} iconMenuToggle - Clase para el icono de menú del AppBar.
+ * root - Clase para el contenedor raíz del AppBar.
+ * containerChilds - Clase para el contenedor de elementos secundarios del AppBar.
+ * containerIconMenuToggle - Clase para el contenedor del icono de menú del AppBar.
+ * iconMenuToggle - Clase para el icono de menú del AppBar.
  */
 /**Inventario completo de clases del componente. */
 export declare const appBarClasses: AppBarClassesType;
@@ -20,9 +19,9 @@ export declare function getAppBarClassesUtilityClass(slot: string): string;
  */
 export declare const useAppBarUtilityClasses: () => {
     root: string;
+    containerLogo: string;
     containerChilds: string;
     containerIconMenuToggle: string;
     iconMenuToggle: string;
-    containerLogo: string;
     containerImageTypography: string;
 };

package/components/AppBar/classes/index.js

@@ -0,0 +1,33 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants.js";
+generateUtilityClasses(componentName, [
+  /* elements */
+  "root",
+  "containerChilds",
+  "containerIconMenuToggle",
+  "iconMenuToggle",
+  "containerLogo",
+  "containerImageTypography"
+  /* states or variants of elements */
+]);
+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
+  };
+};
+export {
+  useAppBarUtilityClasses as u
+};

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

@@ -7,5 +7,5 @@ export interface AppBarClassesType {
     containerLogo: string;
     containerImageTypography: string;
 }
-export declare type AppBarClassesKey = keyof AppBarClassesType;
-export declare type Classes = ReturnType<typeof useAppBarUtilityClasses>;
+export type AppBarClassesKey = keyof AppBarClassesType;
+export type Classes = ReturnType<typeof useAppBarUtilityClasses>;

package/components/AppBar/dictionary.js

@@ -0,0 +1,6 @@
+function getAppBarDictionary() {
+  return ["appbar"];
+}
+export {
+  getAppBarDictionary as g
+};

package/components/AppBar/index.js

@@ -0,0 +1 @@
+

package/components/AppBar/styles.d.ts

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

package/components/AppBar/styles.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material/styles";
+const AppBarRoot = styled("header")(({ theme }) => ({
+  ...theme.components?.M4LAppBar?.styleOverrides || {}
+}));
+export {
+  AppBarRoot as A
+};

package/components/AppBar/tests/constants.js

@@ -0,0 +1,4 @@
+const APPBAR_PREFIX = "M4LAppBar";
+export {
+  APPBAR_PREFIX as A
+};

package/components/AppBar/tests/index.test.d.ts

@@ -0,0 +1,5 @@
+export type OptionsTest = {
+    id: number;
+    name: string;
+    url: string;
+};

package/components/AppBar/tests/utils.js

@@ -0,0 +1,7 @@
+import { A as APPBAR_PREFIX } from "./constants.js";
+const getNameDataTestId = (KEY) => {
+  return `${APPBAR_PREFIX}-${KEY}`;
+};
+export {
+  getNameDataTestId as g
+};

package/components/AppBar/types.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 /**
  * Propiedades de estilo para el componente raíz de la barra de aplicaciones.
  */
-export declare type RootStyleProps = {
+export type RootStyleProps = {
     /** Indica si la barra de aplicaciones está colapsada. */
     isCollapse: boolean;
     /** Indica si hay un desplazamiento (offset) aplicado a la barra de aplicaciones. */

package/components/BaseModule/BaseModule.d.ts

@@ -1,2 +1,5 @@
-import type { BaseModuleProps } from './types';
+import { BaseModuleProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare function BaseModule(props: BaseModuleProps): import("react/jsx-runtime").JSX.Element;

package/components/BaseModule/BaseModule.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, ModulePrivilegesProvider } from "@m4l/core";
+import { useLocales } from "@m4l/graphics";
+import { M as ModalProvider } from "../../contexts/ModalContext/index.js";
+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.js

@@ -0,0 +1 @@
+

package/components/BaseModule/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type BaseModuleProps = {
+export type BaseModuleProps = {
     moduleId: string;
     skeletonFlags: string[];
     moduleNameField?: string;

package/components/CommonActions/classes/constants.js

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

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

@@ -1,4 +1,7 @@
 import { CommonActionsClassesType } from './types';
 export declare const commonActionsClasses: CommonActionsClassesType;
 export declare function getCommonActionsUtilityClass(slot: string): string;
+/**
+ * TODO: Documentar
+ */
 export declare const useCommonActionsUtilityClasses: () => Record<"root" | "skeleton" | "actionCancel" | "actionFormCancel" | "actionFormIntro" | "actionIntro" | "wrapperActions", string>;

package/components/CommonActions/classes/index.js

@@ -0,0 +1,33 @@
+import { generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.js";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root",
+    "skeleton",
+    "actionCancel",
+    "actionFormCancel",
+    "actionFormIntro",
+    "actionIntro",
+    "wrapperActions"
+    /* states or variants of elements */
+  ]
+);
+const useCommonActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"],
+    actionCancel: ["actionCancel"],
+    actionFormCancel: ["actionFormCancel"],
+    actionFormIntro: ["actionFormIntro"],
+    actionIntro: ["actionIntro"],
+    wrapperActions: ["wrapperActions"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+export {
+  useCommonActionsUtilityClasses as u
+};

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

@@ -8,5 +8,5 @@ export interface CommonActionsClassesType {
     wrapperActions: string;
     skeleton: string;
 }
-export declare type CommonActionsClassesKey = keyof CommonActionsClassesType;
-export declare type Classes = ReturnType<typeof useCommonActionsUtilityClasses>;
+export type CommonActionsClassesKey = keyof CommonActionsClassesType;
+export type Classes = ReturnType<typeof useCommonActionsUtilityClasses>;

package/components/CommonActions/components/ActionCancel/index.d.ts

@@ -1,2 +1,5 @@
 import { ButtonProps } from '../../../mui_extended/Button';
+/**
+ * TODO: Documentar
+ */
 export declare const ActionCancel: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/CommonActions/components/ActionCancel/index.js

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

package/components/CommonActions/components/ActionFormCancel/index.d.ts

@@ -1 +1,4 @@
+/**
+ * TODO: Documentar
+ */
 export declare function ActionFormCancel(): import("react/jsx-runtime").JSX.Element;