@m4l/components 9.1.28 → 9.1.30

package/components/AccountPopover/classes/index.js

@@ -1,59 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "containerUserName",
-    "containerUserEmail",
-    "containerlogOut",
-    "containerUserInfo",
-    "containerSetting",
-    "labelUserName",
-    "labelUserEmail",
-    "labelVersion",
-    "containerAvatarPopover",
-    "myAvatar",
-    "popover",
-    "containerAppVersion",
-    "containerMenuItems",
-    "containerProgress",
-    "logOut",
-    "menuItem"
-    /* states or variants of elements */
-  ]
-);
-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
-  };
-};
-export {
-  getAccountPopoverClassesUtilityClass as g,
-  useAccountPopoverUtilityClasses as u
-};

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

@@ -1,32 +0,0 @@
-import { useAccountPopoverUtilityClasses } from '.';
-/**
- * Tipos de datos para las clases del componente AccountPopover.
- */
-export interface AccountPopoverClassesType {
-    root: string;
-    containerUserName: string;
-    containerUserEmail: string;
-    containerlogOut: string;
-    containerUserInfo: string;
-    containerSetting: string;
-    labelUserName: string;
-    labelUserEmail: string;
-    labelVersion: string;
-    containerAvatarPopover: string;
-    myAvatar: string;
-    popover: string;
-    containerAppVersion: string;
-    containerMenuItems: string;
-    containerProgress: string;
-    logOut: string;
-    menuItem: string;
-}
-/**
- * Tipo de dato para las claves de las clases del componente AccountPopover.
- * Utilizado para construir overrides en el objeto del tema.
- */
-export type AccountPopoverClassesKey = keyof AccountPopoverClassesType;
-/**
- * Tipo para las clases del componente AccountPopover.
- */
-export type AccountPopoverClasses = ReturnType<typeof useAccountPopoverUtilityClasses>;

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

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { A as Avatar } from "../../../mui_extended/Avatar/Avatar.js";
-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
-    }
-  );
-}
-export {
-  MyAvatar as M
-};

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

@@ -1,7 +0,0 @@
-import { PopOverProps } from './types';
-/**
- * MenuPopOver: Es el subcomponente de AccountPopover encargado de crear el menú popover y su contenido.
- * Se debe refactorizar el componente PopOver para recibir la propr de size.
- * @param props
- */
-export declare const MenuPopOver: (props: PopOverProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,207 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-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";
-import { C as CircularProgress } from "../../../mui_extended/CircularProgress/CircularProgress.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: "small" })
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__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

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

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

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

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

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

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

@@ -1 +0,0 @@
-export declare const COMMONACTIONS_PREFIX = "M4LCommonActions";

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

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

package/components/mui_extended/CircularProgress/CircularProgress.test.d.ts

@@ -1 +0,0 @@
-export {};