@m4l/components 9.4.6-BE20251226-beta.1 → 9.4.6-BE20260105-beta.1

package/components/mui_extended/Popper/PopperStyles.js

@@ -3,254 +3,257 @@ const popperStyles = {
    * Styles for the root element of the popper component.
    */
   popperRoot: ({ theme, ownerState }) => ({
-    position: "relative",
-    display: "flex",
-    backgroundColor: theme.vars.palette.background.default,
-    borderRadius: theme.vars.size.borderRadius.r1,
-    boxShadow: theme.vars.shadows[3],
-    ...ownerState?.arrow && {
-      // Top-Center
-      '&[data-popper-placement="top"]': {
-        "&.M4LPopperClass-root": {
-          marginBottom: theme.vars.size.baseSpacings.sp2 + "!important"
+    "&&&": {
+      position: "relative",
+      display: "flex",
+      backgroundColor: theme.vars.palette.background.default,
+      borderRadius: theme.vars.size.borderRadius.r1,
+      boxShadow: theme.vars.shadows[3],
+      zIndex: `calc(${theme.vars.zIndex.modal} + 1)`,
+      ...ownerState?.arrow && {
+        // Top-Center
+        '&[data-popper-placement="top"]': {
+          "&.M4LPopperClass-root": {
+            marginBottom: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            bottom: -12,
+            left: "50%",
+            transform: "translateX(-50%)",
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(100% 100%, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          bottom: -12,
-          left: "50%",
-          transform: "translateX(-50%)",
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(100% 100%, 100% 0, 0 100%)"
-        }
-      },
-      // Top-Start
-      '&[data-popper-placement="top-start"]': {
-        "&.M4LPopperClass-root": {
-          marginBottom: theme.vars.size.baseSpacings.sp2 + "!important"
-        },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          bottom: -6,
-          left: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(100% 100%, 100% 0, 0 100%)"
-        }
-      },
-      // Top-End
-      '&[data-popper-placement="top-end"]': {
-        "&.M4LPopperClass-root": {
-          marginBottom: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Top-Start
+        '&[data-popper-placement="top-start"]': {
+          "&.M4LPopperClass-root": {
+            marginBottom: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            bottom: -6,
+            left: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(100% 100%, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          bottom: -6,
-          right: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(100% 100%, 100% 0, 0 100%)"
-        }
-      },
-      // Bottom-Center
-      '&[data-popper-placement="bottom"]': {
-        "&.M4LPopperClass-root": {
-          marginTop: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Top-End
+        '&[data-popper-placement="top-end"]': {
+          "&.M4LPopperClass-root": {
+            marginBottom: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            bottom: -6,
+            right: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(100% 100%, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          top: 0,
-          left: "50%",
-          transform: "translateX(-50%)",
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 0, 0 100%)"
-        }
-      },
-      // Bottom-Start
-      '&[data-popper-placement="bottom-start"]': {
-        "&.M4LPopperClass-root": {
-          marginTop: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Bottom-Center
+        '&[data-popper-placement="bottom"]': {
+          "&.M4LPopperClass-root": {
+            marginTop: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: "50%",
+            transform: "translateX(-50%)",
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          top: -5,
-          left: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 0, 0 100%)"
-        }
-      },
-      // Bottom-End
-      '&[data-popper-placement="bottom-end"]': {
-        "&.M4LPopperClass-root": {
-          marginTop: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Bottom-Start
+        '&[data-popper-placement="bottom-start"]': {
+          "&.M4LPopperClass-root": {
+            marginTop: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            top: -5,
+            left: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          top: -5,
-          right: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 0, 0 100%)"
-        }
-      },
-      // Left-Center
-      '&[data-popper-placement="left"]': {
-        "&.M4LPopperClass-root": {
-          marginRight: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Bottom-End
+        '&[data-popper-placement="bottom-end"]': {
+          "&.M4LPopperClass-root": {
+            marginTop: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            top: -5,
+            right: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          right: -0,
-          top: "50%",
-          transform: "translateY(-50%)",
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 100%, 100% 0)"
-        }
-      },
-      // Left-Start
-      '&[data-popper-placement="left-start"]': {
-        "&.M4LPopperClass-root": {
-          marginRight: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Left-Center
+        '&[data-popper-placement="left"]': {
+          "&.M4LPopperClass-root": {
+            marginRight: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            right: -0,
+            top: "50%",
+            transform: "translateY(-50%)",
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 100%, 100% 0)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          right: -5,
-          top: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 100%, 100% 0)"
-        }
-      },
-      // Left-end
-      '&[data-popper-placement="left-end"]': {
-        "&.M4LPopperClass-root": {
-          marginRight: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Left-Start
+        '&[data-popper-placement="left-start"]': {
+          "&.M4LPopperClass-root": {
+            marginRight: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            right: -5,
+            top: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 100%, 100% 0)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          right: -5,
-          bottom: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "45deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 100%, 100% 0)"
-        }
-      },
-      // Right-Center
-      '&[data-popper-placement="right"]': {
-        "&.M4LPopperClass-root": {
-          marginLeft: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Left-end
+        '&[data-popper-placement="left-end"]': {
+          "&.M4LPopperClass-root": {
+            marginRight: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            right: -5,
+            bottom: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "45deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 100%, 100% 0)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          left: -1,
-          top: "50%",
-          transform: "translateY(-50%)",
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "315deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 0, 0 100%)"
-        }
-      },
-      // Right-Start
-      '&[data-popper-placement="right-start"]': {
-        "&.M4LPopperClass-root": {
-          marginLeft: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Right-Center
+        '&[data-popper-placement="right"]': {
+          "&.M4LPopperClass-root": {
+            marginLeft: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            left: -1,
+            top: "50%",
+            transform: "translateY(-50%)",
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "315deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          left: -6,
-          top: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "315deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 0, 0 100%)"
-        }
-      },
-      // Right-End
-      '&[data-popper-placement="right-end"]': {
-        "&.M4LPopperClass-root": {
-          marginLeft: theme.vars.size.baseSpacings.sp2 + "!important"
+        // Right-Start
+        '&[data-popper-placement="right-start"]': {
+          "&.M4LPopperClass-root": {
+            marginLeft: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            left: -6,
+            top: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "315deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 0, 0 100%)"
+          }
         },
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          left: -6,
-          bottom: 10,
-          borderRadius: theme.vars.size.baseSpacings.sp1,
-          zIndex: -1,
-          width: theme.vars.size.baseSpacings.sp4,
-          height: theme.vars.size.baseSpacings.sp4,
-          rotate: "315deg",
-          boxShadow: theme.vars.shadows[4],
-          backgroundColor: theme.vars.palette.background.default,
-          clipPath: "polygon(0 0, 100% 0, 0 100%)"
+        // Right-End
+        '&[data-popper-placement="right-end"]': {
+          "&.M4LPopperClass-root": {
+            marginLeft: theme.vars.size.baseSpacings.sp2 + "!important"
+          },
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            left: -6,
+            bottom: 10,
+            borderRadius: theme.vars.size.baseSpacings.sp1,
+            zIndex: -1,
+            width: theme.vars.size.baseSpacings.sp4,
+            height: theme.vars.size.baseSpacings.sp4,
+            rotate: "315deg",
+            boxShadow: theme.vars.shadows[4],
+            backgroundColor: theme.vars.palette.background.default,
+            clipPath: "polygon(0 0, 100% 0, 0 100%)"
+          }
         }
       }
     }

package/components/mui_extended/Select/Select.js

@@ -7,7 +7,7 @@ import { forwardRef, useMemo, useState, useRef, useCallback, useEffect } from "r
 import { A as ArrowDownStyled, a as AdormentStyled, S as SelectRootStyled, b as SkeletonSelectStyled, M as MenuItemListStyled, c as MenuItemNoOptionStyled, L as LabelPlaceholerStyled, R as RenderValueContainerStyled, d as RenderValueTypography } from "./slots/SelectSlots.js";
 import { I as ICON_ARROW_DOWN, S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT } from "./constants.js";
 import { S as SELECT_DICTIONARY } from "./dictionary.js";
-import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { s as selectStyles } from "./Select.styles.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 import { C as Chip } from "../../Chip/Chip.js";

package/components/mui_extended/Select/Select.styles.js

@@ -173,6 +173,8 @@ const selectStyles = {
    */
   menuPaper: ({ theme, selectRef }) => ({
     "&": {
+      zIndex: `calc(${theme.vars.zIndex.modal} + 1)`,
+      // Asegura que el menú del Select esté por encima del Dialog (modal: 1300) cuando se usa dentro de un Dialog
       "& .MuiPaper-root": {
         backgroundColor: theme.vars.palette.background.default,
         marginTop: theme.vars.size.baseSpacings.sp1,

package/components/mui_extended/Stack/Stack.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { S as STACK_KEY_COMPONENT } from "./constant.js";
 import { M as MUISTackRootStyled } from "./slots/StackSlot.js";
 import { S as StackSlots } from "./slots/StackEnum.js";

package/components/mui_extended/TextField/TextField.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import clsx from "clsx";
 import { S as SkeletonStyled, T as TextFieldRootStyled, L as LimitContainerStyled, a as LimitTextFirstStyled, b as LimitTextSeparatorStyled, c as LimitTextSecondStyled } from "./slots/TextFieldSlots.js";
-import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { T as TEXT_FIELD_CLASSES, a as TEXT_FIELD_KEY_COMPONENT } from "./constants.js";
 import { T as TextFieldSlots } from "./slots/TextFieldEnum.js";
 import { useTheme } from "@mui/material";

package/components/mui_extended/ToggleButton/ToggleButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { w as withToggle } from "../../../hocs/withToggle/index.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import clsx from "clsx";
 import { T as TOGGLE_BUTTON_KEY_COMPONENT } from "./constants.js";
 import { T as ToggleButtonRootStyled } from "./slots/ToggleButtonSlots.js";

package/components/mui_extended/ToggleIconButton/ToggleIconButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { T as TOGGLE_ICON_BUTTON_KEY_COMPONENT, a as TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY } from "./constants.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.js";

package/components/mui_extended/Typography/Typography.js

@@ -5,7 +5,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { T as TYPOGRAPHY_CLASSES, a as TYPOGRAPHY_KEY_COMPONENT, b as TYPOGRAPHY_CLASS_NAME_SPECIFY } from "./constants.js";
 import { T as TypographySlots } from "./slots/typographyEnum.js";
 import { S as StyledMUITypography, a as StyledSkeleton } from "./slots/typographySlots.js";
-import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const Typography = forwardRef(function Typography2(props, ref) {
   const {

package/components/popups/components/PopupsViewer/subcomponents/Popup/Popup.js

@@ -6,7 +6,7 @@ import { P as PopupDragWindowRootStyled } from "../../slots/popupsViewerSlots.js
 import { u as usePopups } from "../../../PopupsProvider/hooks/usePopups.js";
 import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock.js";
 import { a as POPUPS_VIEWER_CLASS_NAME } from "../../constants.js";
-import { g as getNameDataTestId } from "../../../../../../test/getNameDataTestId.js";
+import { a as getNameDataTestId } from "../../../../../../test/getNameDataTestId.js";
 import { M as MemonizedWindowBaseMicroFrontend } from "../../../../../WindowBase/subcomponents/MicroFrontend/MicroFrontend.js";
 import { W as WindowBaseComponent } from "../../../../../WindowBase/subcomponents/Component/index.js";
 import { d as deepShallow } from "../../../../../../utils/deepShallow.js";

package/hooks/useDataGridPersistence/helpers.d.ts

@@ -1,4 +1,4 @@
-import { IGridConfigExtended } from '../../components/DataGrid';
+import { IGridConfigExtended } from '../../components/datagrids';
 /**
  * Obtiene la configuración de columnas de tabla desde la cookie
  */

package/hooks/useDataGridPersistence/useDataGridPersistence.d.ts

@@ -1,5 +1,5 @@
 import { UseDataGridPersistenceProps } from './types';
-import { ChangeConfig, IGridConfigExtended } from '../../components/DataGrid';
+import { ChangeConfig, IGridConfigExtended } from '../../components/datagrids';
 /**
  * Hook para manejar la persistencia de configuración del DataGrid en cookies de red.
  *

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.d.ts

@@ -1,5 +1,5 @@
 import { UseDynamicFilterAndSortProps } from './types';
-import { SortSettings, FilterSettings } from '../../components/DataGrid/types';
+import { SortSettings, FilterSettings } from '../../components/datagrids/types';
 /**
  * Hook para manejar los filtros y ordenamientos dinamicos
  */

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js

@@ -4,7 +4,7 @@ import { useState, useRef, useMemo, useCallback, useReducer } from "react";
 import { D as DynamicFilter } from "../../components/DynamicFilter/DynamicFilter.js";
 import { D as DynamicSort } from "../../components/DynamicSort/DynamicSort.js";
 import { T as ToggleIconButton } from "../../components/mui_extended/ToggleIconButton/ToggleIconButton.js";
-import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { C as COOKIE_APPLIED_FILTERS, a as COOKIE_APPLIED_SORTS, M as M4LDYNAMIC_KEY_FILTER_AND_SORT } from "./constants.js";
 import { I as ICON_PATH_FILTER, a as ICON_PATH_SORT, A as ASSETS } from "./icons.js";
 import { D as DynamicFilterAndSortSlots } from "./slots/DynamicFilterAndSortEnum.js";