@m4l/components 0.1.80 → 0.1.82

package/@types/export.d.ts

@@ -56,7 +56,6 @@ import { BadgeProps } from '../components/mui_extended/Badge';
 import { BadgeClassesKey } from '../components/DataGrid/classes/types';
 import { CheckboxClassesKey } from '../components/mui_extended/CheckBox/classes/types';
 
-
 export {};
 
 declare module '@mui/material/styles' {
@@ -145,6 +144,7 @@ declare module '@mui/material/styles' {
         M4LPaperForm: PaperFormClassesKey;
         M4LTooltip: TooltipClassesKey;
         M4LPager: PagerClassesKey;
+        M4LPagerMenuPopover: PagerClassesKey,
         
     }
 
@@ -374,6 +374,14 @@ 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'];
+            defaultProps?: ComponentsProps['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.00d1d15f.js → index.0ba26726.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.a6447bf8.js";
+import "../mui_extended/Accordion/index.42cef1c7.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.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.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.c85b100d.js → index.fadcefc6.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.a6447bf8.js";
-import "../Icon/index.9fcd1476.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/Accordion/index.42cef1c7.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.c39a6681.js";
+import "../mui_extended/Pager/index.da26e9d4.js";
+import "../mui_extended/Tab/index.0d5f96e6.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.1051a117.js → index.6cf96d04.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.19d67bc6.js";
+import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5abb6ac4.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.a0d727b2.js → index.a0335cbf.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.e1c5c31e.js";
+import { u as useModal } from "../../../../hooks/useModal/index.9b0cc3fe.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.b0a7236c.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.12a9608a.js";
-import "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../../modal/index.e9fece72.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.f148e495.js";
+import "../../../mui_extended/IconButton/index.a318316e.js";
+import "../../../mui_extended/Accordion/index.42cef1c7.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.c39a6681.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.0a08a08b.js";
-import "../../../areas/components/AreasAdmin/index.7a0dabbe.js";
+import "../../../areas/contexts/AreasContext/index.9820bc7f.js";
+import "../../../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.fd49f06c.js";
+import "../../../ScrollBar/index.d4410cb5.js";
+import "../../../areas/components/AreasViewer/index.51a52736.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.19d67bc6.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5abb6ac4.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.a20dc88d.js → index.273b1b9f.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.19d67bc6.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.40af964e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5abb6ac4.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.bfe3256c.js → index.856df8ef.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.19d67bc6.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5abb6ac4.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.19d67bc6.js → index.5abb6ac4.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.89805978.js";
+import "../../../../contexts/ModalContext/index.efc1135a.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../../../Icon/index.9fcd1476.js";
-import "../../../modal/index.b0a7236c.js";
+import "../../../Icon/index.2414ff25.js";
+import "../../../modal/index.e9fece72.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.a6447bf8.js";
+import "../../../mui_extended/IconButton/index.a318316e.js";
+import "../../../mui_extended/Accordion/index.42cef1c7.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.c39a6681.js";
+import "../../../mui_extended/Pager/index.da26e9d4.js";
+import "../../../mui_extended/Tab/index.0d5f96e6.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.0a08a08b.js";
-import "../../../areas/components/AreasAdmin/index.7a0dabbe.js";
+import "../../../areas/contexts/AreasContext/index.9820bc7f.js";
+import "../../../areas/components/AreasAdmin/index.f011d49d.js";
 import "zustand/shallow";
-import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.fd49f06c.js";
+import "../../../ScrollBar/index.d4410cb5.js";
+import "../../../areas/components/AreasViewer/index.51a52736.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";