@m4l/components 0.1.81 → 0.1.83

package/@types/export.d.ts

@@ -144,6 +144,8 @@ declare module '@mui/material/styles' {
         M4LPaperForm: PaperFormClassesKey;
         M4LTooltip: TooltipClassesKey;
         M4LPager: PagerClassesKey;
+        M4LPagerMenuPopover: PagerClassesKey,
+        
     }
 
     interface Components {
@@ -372,6 +374,10 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LPager'];
             defaultProps?: ComponentsProps['M4LPager'];
         };
+        M4LPagerMenuPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPagerMenuPopover'];
+            defaultProps?: ComponentsProps['M4LPagerMenuPopover'];
+        };
 
         M4LGridLayout?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LGridLayout'];

package/components/AccountPopover/AccountPopover.d.ts

@@ -1,3 +1,24 @@
 /// <reference types="react" />
 import { AccountPopoverProps } from './types';
+/**
+ * Componente que muestra el avatar del usuario y un menú desplegable.
+ *
+ * @param {AccountPopoverProps} props - Propiedades del componente.
+ * @param {Function} props.handleClick - Manejador para hacer clic en el componente.
+ * @param {string} props.version - Versión de la aplicación.
+ * @param {Function} props.handleLogOut - Manejador para cerrar la sesión del usuario.
+ * @param {UserMenuData} props.userData - Datos del usuario.
+ * @param {string} props.className - Clases CSS adicionales para el componente.
+ * @returns {JSX.Element} Elemento JSX que representa el componente.
+ *
+ * @example
+ * // Ejemplo de uso:
+ * <AccountPopover
+ *   handleClick={handleClick}
+ *   version="1.0"
+ *   handleLogOut={handleLogOut}
+ *   userData={userData}
+ *   className="mi-clase-css"
+ * />
+ */
 export declare const AccountPopover: (props: AccountPopoverProps) => import("react").JSX.Element;

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

@@ -15,4 +15,4 @@ export interface AccountPopoverClassesType {
     menuItem: string;
 }
 export declare type AccountPopoverClassesKey = keyof AccountPopoverClassesType;
-export declare type Classes = ReturnType<typeof useAccountPopoverUtilityClasses>;
+export declare type AccountPopoverClasses = ReturnType<typeof useAccountPopoverUtilityClasses>;

package/components/AccountPopover/{index.fea740a5.js → index.2677fe77.js}

@@ -1,27 +1,27 @@
-import { useModuleDictionary, useNetwork } from "@m4l/core";
+import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { generateUtilityClasses, generateUtilityClass, styled, useTheme } from "@mui/material";
-import "../Icon/index.9fcd1476.js";
-import "clsx";
+import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
+import "../Icon/index.2414ff25.js";
+import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/IconButton/index.a318316e.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.fa658639.js";
+import "../mui_extended/Accordion/index.5111314b.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.f94d233e.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0989d15d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";
@@ -69,46 +69,32 @@ const AcountPopOverRoot = styled("div")(({
 }) => ({
   ...theme.components?.M4LAccountPopover?.styleOverrides
 }));
-const PRIMARY_NAME = ["A", "N", "H", "L", "Q", "9", "8"];
-const INFO_NAME = ["F", "G", "T", "I", "J", "1", "2", "3"];
-const SUCCESS_NAME = ["K", "D", "Y", "B", "O", "4", "5"];
-const WARNING_NAME = ["P", "E", "R", "S", "C", "U", "6", "7"];
-const ERROR_NAME = ["V", "W", "X", "M", "Z"];
-function getFirstCharacter(name) {
-  return name && name.charAt(0).toUpperCase();
-}
-function getAvatarColor(name) {
-  if (PRIMARY_NAME.includes(getFirstCharacter(name)))
-    return "primary";
-  if (INFO_NAME.includes(getFirstCharacter(name)))
-    return "info";
-  if (SUCCESS_NAME.includes(getFirstCharacter(name)))
-    return "success";
-  if (WARNING_NAME.includes(getFirstCharacter(name)))
-    return "warning";
-  if (ERROR_NAME.includes(getFirstCharacter(name)))
-    return "error";
-  return "default";
-}
-function createAvatar(name) {
-  return {
-    name: getFirstCharacter(name),
-    color: getAvatarColor(name)
-  };
-}
-function MyAvatar({
-  ...other
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      src: "",
-      alt: "full_name",
-      color: "default",
-      ...other,
-      children: createAvatar("").name
-    }
-  );
+function MyAvatar(props) {
+  const {
+    avatarUrl,
+    firstName,
+    lastName,
+    ...other
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  function stringAvatar(name) {
+    return {
+      children: `${name.split(" ")[0][0]}${name.split(" ")[1][0]}`
+    };
+  }
+  return /* @__PURE__ */ jsx(Avatar, {
+    alt: "full_name",
+    color: "default",
+    ...avatarUrl ? {
+      src: `${host_static_assets}/${environment_assets}/frontend/domain/${avatarUrl}`
+    } : {
+      ...stringAvatar(`${lastName} ${lastName}`)
+    },
+    ...other
+  });
 }
 const MenuPopOver = (props) => {
   const {
@@ -119,6 +105,13 @@ const MenuPopOver = (props) => {
     classes,
     userData
   } = props;
+  const {
+    avatar_url,
+    first_name,
+    last_name,
+    email
+  } = userData || {};
+  console.log("sidebar MenuPopOver");
   const {
     getLabel
   } = useModuleDictionary();
@@ -140,14 +133,18 @@ const MenuPopOver = (props) => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAvatarPopover")
     } : {},
-    children: [/* @__PURE__ */ jsx(MyAvatar, {
-      className: classes.myAvatar,
-      onClick: handleOpen
+    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,
-      onBlur: handleClose,
       className: classes.popover,
       arrowType: "no-arrow",
       anchorOrigin: {
@@ -172,10 +169,10 @@ const MenuPopOver = (props) => {
         } : {},
         children: [/* @__PURE__ */ jsx("span", {
           className: classes.labelUserName,
-          children: `${userData?.first_name} ${userData?.last_name}`
+          children: `${first_name} ${last_name}`
         }), /* @__PURE__ */ jsx("span", {
           className: classes.labelUserEmail,
-          children: userData?.email
+          children: email
         })]
       }), /* @__PURE__ */ jsx("div", {
         className: classes.containerAppVersion,
@@ -225,7 +222,8 @@ const AccountPopover = (props) => {
     handleClick,
     version,
     handleLogOut,
-    userData
+    userData,
+    className
   } = props;
   const [asyncState, setAsyncState] = useState("unLoad");
   const [menuData, setMenuData] = useState([]);
@@ -255,21 +253,19 @@ const AccountPopover = (props) => {
       mounted = false;
     };
   }, [open]);
-  const classes = useAccountPopoverUtilityClasses();
-  return /* @__PURE__ */ jsx("div", {
-    children: /* @__PURE__ */ jsx(AcountPopOverRoot, {
-      className: classes.root,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("root")
-      } : {},
-      children: /* @__PURE__ */ jsx(MenuPopOver, {
-        data: menuData,
-        handleClick,
-        version,
-        handleLogOut,
-        classes,
-        userData
-      })
+  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,
+      handleClick,
+      version,
+      handleLogOut,
+      classes: accountPopoverClasses,
+      userData
     })
   });
 };

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { AvatarProps } from '../../../mui_extended';
-export default function MyAvatar({ ...other }: AvatarProps): import("react").JSX.Element;
+import { MyAvatarProps } from './types';
+export default function MyAvatar(props: MyAvatarProps): import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Maybe } from "@m4l/core";
+import { AvatarProps } from "@mui/material";
+export interface MyAvatarProps extends AvatarProps {
+    avatarUrl: Maybe<string>;
+    firstName: string;
+    lastName: string;
+}

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

@@ -1,3 +1,9 @@
 /// <reference types="react" />
 import { PopOverProps } from './types';
+/**
+ * MenuPopOver: Es el subcomponente de AccountPopover encargado de crear el menú popover y su contenido.
+ * @param props
+ * @type {PopOverProps}
+ *
+ */
 export declare const MenuPopOver: (props: PopOverProps) => import("react").JSX.Element;

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

@@ -1,6 +1,7 @@
-import { Classes } from "../../classes/types";
-import { AccountPopoverProps, UserMenuData } from "../../types";
-export interface PopOverProps extends AccountPopoverProps {
+import { AccountPopoverClasses } from "../../classes/types";
+import { AccountPopoverProps, User, UserMenuData } from "../../types";
+export interface PopOverProps extends Omit<AccountPopoverProps, 'userData'> {
     data: Array<UserMenuData> | [];
-    classes: Classes;
+    classes: AccountPopoverClasses;
+    userData: User | null | undefined;
 }

package/components/AccountPopover/types.d.ts

@@ -22,7 +22,7 @@ export interface userData {
     entry_application_id: number;
     avatar_url: string;
 }
-interface User {
+export interface User {
     email: string;
     id: number;
     first_name: string;
@@ -31,11 +31,10 @@ interface User {
     domain_country: DomainCountry;
     avatar_url?: Maybe<string>;
 }
-declare type AuthUser = Maybe<User>;
 export interface AccountPopoverProps {
     handleClick: (item: UserMenuData) => void;
     handleLogOut: VoidFunction;
     version: string;
-    userData: AuthUser;
+    userData: User | null | undefined;
+    className?: string;
 }
-export {};

package/components/AppBar/{index.6bdee075.js → index.ad2a6f0e.js}

@@ -2,9 +2,9 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.fa658639.js";
-import "../Icon/index.9fcd1476.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.5111314b.js";
+import "../Icon/index.2414ff25.js";
 import "react";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -12,15 +12,15 @@ import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Button/index.40af964e.js";
 import "../mui_extended/CheckBox.5f6c78b0.js";
 import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.82e89328.js";
-import "../mui_extended/Tab/index.f94d233e.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0989d15d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";

package/components/CommonActions/components/ActionCancel/{index.6928b5ae.js → index.b2fc495d.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
+import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.23a2d6ae.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.28d32483.js → index.60d8963e.js}

@@ -1,19 +1,19 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
+import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.61968b84.js";
+import { u as useModal } from "../../../../hooks/useModal/index.7a07c208.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../../../Icon/index.9fcd1476.js";
+import "../../../Icon/index.2414ff25.js";
 import "clsx";
-import "../../../modal/index.c8e23b8d.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.1a8c8c21.js";
-import "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.fa658639.js";
+import "../../../modal/index.1bd35bd5.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.4c3d2cd7.js";
+import "../../../mui_extended/IconButton/index.a318316e.js";
+import "../../../mui_extended/Accordion/index.5111314b.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -21,22 +21,22 @@ import "../../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../../mui_extended/Badge/index.cad260fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.82e89328.js";
-import "../../../mui_extended/Tab/index.f94d233e.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0989d15d.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.4bf1eabe.js";
-import "../../../areas/components/AreasAdmin/index.5562f65f.js";
+import "../../../areas/contexts/AreasContext/index.36fe6953.js";
+import "../../../areas/components/AreasAdmin/index.7bfec13f.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.1004b7a0.js";
+import "../../../ScrollBar/index.d4410cb5.js";
+import "../../../areas/components/AreasViewer/index.9ed7dfd7.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.23a2d6ae.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.f044e93c.js → index.fde4ea51.js}

@@ -1,8 +1,8 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.4288f9fc.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.40af964e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.23a2d6ae.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.8b1b3afc.js → index.724d8e17.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
+import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.23a2d6ae.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.265d99c8.js → index.23a2d6ae.js}

@@ -6,36 +6,36 @@ import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.
 import { styled } from "@mui/material/styles";
 import "@m4l/core";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.4288f9fc.js";
+import "../../../mui_extended/Button/index.40af964e.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.66e060a3.js";
+import "../../../../contexts/ModalContext/index.577bf36b.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.9fcd1476.js";
-import "../../../modal/index.c8e23b8d.js";
+import "../../../Icon/index.2414ff25.js";
+import "../../../modal/index.1bd35bd5.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
-import "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.fa658639.js";
+import "../../../mui_extended/IconButton/index.a318316e.js";
+import "../../../mui_extended/Accordion/index.5111314b.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../../mui_extended/CheckBox.5f6c78b0.js";
 import "../../../mui_extended/Badge/index.cad260fe.js";
-import "../../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../../mui_extended/MenuActions/index.f6bfdd40.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.82e89328.js";
-import "../../../mui_extended/Tab/index.f94d233e.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0989d15d.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.4bf1eabe.js";
-import "../../../areas/components/AreasAdmin/index.5562f65f.js";
+import "../../../areas/contexts/AreasContext/index.36fe6953.js";
+import "../../../areas/components/AreasAdmin/index.7bfec13f.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.1004b7a0.js";
+import "../../../ScrollBar/index.d4410cb5.js";
+import "../../../areas/components/AreasViewer/index.9ed7dfd7.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

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

@@ -23,5 +23,6 @@ export declare const dataGridUtilityClasses: (ownerState: OwnerState) => {
     formatterColumn: string;
     skeletonFormatter: string;
     actionsFormatter: string;
+    actionsConfigContainer: string;
     actionSettings: string;
 };

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

@@ -21,6 +21,7 @@ export interface DataGridClassesType {
     formatterColumn: string;
     skeletonFormatter: string;
     actionsFormatter: string;
+    actionsConfigContainer: string;
     withActions: string;
 }
 export declare type BadgeClassesKey = keyof DataGridClassesType;

package/components/DataGrid/constants.d.ts

@@ -0,0 +1 @@
+export declare const DATAGRID_PREFIX_NAME = "M4LDataGrid";

package/components/DataGrid/{index.820e0043.js → index.d5d0d62f.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.62ffad3a.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.82e89328.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.fb148f76.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.da26e9d4.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { S as SELECT_COLUMN_KEY, u as useRowSelection, a as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.d46d625e.js";
@@ -8,14 +8,16 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.43325b59.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.201394f5.js";
 import { unstable_composeClasses } from "@mui/base";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.e8de8e4c.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../vendor.5365cc7e.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.32de0803.js";
 import "@m4l/graphics";
-import "../Icon/index.9fcd1476.js";
+import "../Icon/index.2414ff25.js";
 import "clsx";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.67aeb049.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.d16d2331.js";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({
@@ -828,6 +830,7 @@ const dataGridClasses = generateUtilityClasses(componentName, [
   "formatterColumn",
   "skeletonFormatter",
   "actionsFormatter",
+  "actionsConfigContainer",
   "withActions"
 ]);
 function getDataGridUtilityClass(slot) {
@@ -855,7 +858,8 @@ const dataGridUtilityClasses = (ownerState) => {
     columnsConfigActions: ["columnsConfigActions"],
     formatterColumn: ["formatterColumn"],
     skeletonFormatter: ["skeletonFormatter"],
-    actionsFormatter: ["actionsFormatter"]
+    actionsFormatter: ["actionsFormatter"],
+    actionsConfigContainer: ["actionsConfigContainer"]
   };
   const composedClasses = unstable_composeClasses(slots, getDataGridUtilityClass, {});
   return {
@@ -873,6 +877,7 @@ const dictionary = {
 const DATAGRID_TEST_ID = "m4ldatagrid";
 const PREFIX_TEST_ATTRIBUTE = "data-testid";
 const TEST_PROP_COLUMNS = `${PREFIX_TEST_ATTRIBUTE}-${DATAGRID_TEST_ID}-columns`;
+const DATAGRID_PREFIX_NAME = "M4LDataGrid";
 function DataGrid(props) {
   const {
     id,
@@ -890,7 +895,7 @@ function DataGrid(props) {
     initialRowHeightVariant,
     checkedRows,
     onCheckedRowsChange,
-    dataTestId
+    dataTestId = ""
   } = props;
   const ownerState = {
     actionsProps,
@@ -902,7 +907,7 @@ function DataGrid(props) {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_COLUMNS]: JSON.stringify(columns),
-      [PREFIX_TEST_ATTRIBUTE]: `m4ldatagrid-${dataTestId}`
+      [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId)
     } : {},
     children: /* @__PURE__ */ jsx(DataGridProvider, {
       id: props.id,