@m4l/components 9.2.53 → 9.2.54-beta.1

package/components/mui_extended/Popover/Popover.styles.js

@@ -9,7 +9,11 @@ const popoverStyles = {
         borderRadius: theme.vars.size.borderRadius.r1
       }
     }
-  })
+  }),
+  /**
+   * Styles applied to the Popover arrow element.
+   */
+  arrow: () => ({})
 };
 export {
   popoverStyles as p

package/components/mui_extended/Popover/constants.js

@@ -2,7 +2,7 @@ const POPOVER_KEY_COMPONENT = "M4LPopover";
 const POPOVER_PREFIX = "Popover";
 const POPOVER_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 export {
-  POPOVER_PREFIX as P,
-  POPOVER_CLASS_NAME_SPECIFY as a,
+  POPOVER_CLASS_NAME_SPECIFY as P,
+  POPOVER_PREFIX as a,
   POPOVER_KEY_COMPONENT as b
 };

package/components/mui_extended/Select/Select.js

@@ -4,7 +4,7 @@ import { useTheme } from "@mui/material";
 import clsx from "clsx";
 import { forwardRef, useMemo, useState, useCallback } from "react";
 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_CLASSES, a as SELECT_KEY_COMPONENT, I as ICON_ARROW_DOWN } from "./constants.js";
 import { S as SELECT_DICTIONARY } from "./dictionary.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";

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

@@ -1,5 +1,5 @@
 import { S as SELECT_CLASSES } from "./constants.js";
-import { g as getSizeStyles, a as getHeightSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
+import { a as getHeightSizeStyles, g as getSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
 const selectStyles = {
   /**
    * Estilos para el componente Select

package/components/mui_extended/Select/constants.js

@@ -1,5 +1,5 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { a as SelectComplementaryClasses, S as SelectSlots } from "./slots/SelectEnum.js";
+import { S as SelectSlots, a as SelectComplementaryClasses } from "./slots/SelectEnum.js";
 const SELECT_KEY_COMPONENT = "M4LSelect";
 const ICON_ARROW_DOWN = "frontend/components/select/arrow_down.svg";
 const COMBINATED_TEXTFIELD_ENUMS = {

package/components/mui_extended/Select/slots/SelectSlots.js

@@ -4,8 +4,8 @@ import { a as SELECT_KEY_COMPONENT } from "../constants.js";
 import { s as selectStyles } from "../Select.styles.js";
 import { S as SelectSlots } from "./SelectEnum.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { M as MenuItem } from "../../MenuItem/MenuItem.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { T as Typography } from "../../Typography/Typography.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const SelectRootStyled = () => styled(Select, {

package/components/mui_extended/Tab/Tab.js

@@ -5,7 +5,7 @@ import { T as TabSlots } from "./Slots/TabEnum.js";
 import { T as TAB_KEY_COMPONENT } from "./constants.js";
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { R as RootStyled, I as IconStyled, T as TypographyStyled } from "./Slots/TabSlots.js";
+import { R as RootStyled, T as TypographyStyled, I as IconStyled } from "./Slots/TabSlots.js";
 function Tab(props) {
   const {
     size = "medium",

package/components/mui_extended/TextField/constants.js

@@ -1,5 +1,5 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { a as TexFieldComplementaryClasses, T as TextFieldSlots } from "./slots/TextFieldEnum.js";
+import { T as TextFieldSlots, a as TexFieldComplementaryClasses } from "./slots/TextFieldEnum.js";
 const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";
 const COMBINATED_TEXTFIELD_ENUMS = {
   ...TextFieldSlots,

package/components/mui_extended/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { R as RootStyled, T as TooltipStyled, a as TextStyled } from "./slots/TooltipSlots.js";
-import { D as DEFAULT_TOOLTIP_OFFSET, T as TOOLTIP_CLASSES } from "./constants.js";
+import { R as RootStyled, T as TextStyled, a as TooltipStyled } from "./slots/TooltipSlots.js";
+import { T as TOOLTIP_CLASSES, D as DEFAULT_TOOLTIP_OFFSET } from "./constants.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const Tooltip = (props) => {

package/components/mui_extended/Tooltip/slots/TooltipSlots.js

@@ -17,6 +17,6 @@ const TooltipStyled = styled("div", {
 })(tooltipStyles?.tooltip);
 export {
   RootStyled as R,
-  TooltipStyled as T,
-  TextStyled as a
+  TextStyled as T,
+  TooltipStyled as a
 };

package/components/mui_extended/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 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 TYPOGRAPHY_CLASS_NAME_SPECIFY, a as TYPOGRAPHY_CLASSES, b as TYPOGRAPHY_KEY_COMPONENT } from "./constants.js";
 import { T as TypographySlots } from "./slots/typographyEnum.js";
 import { S as StyledMUITypography, a as StyledSkeleton } from "./slots/typographySlots.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";

package/components/mui_extended/Typography/constants.js

@@ -4,7 +4,7 @@ const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
 const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 const TYPOGRAPHY_CLASSES = getComponentClasses(TYPOGRAPHY_KEY_COMPONENT, TypographySlots);
 export {
-  TYPOGRAPHY_CLASSES as T,
-  TYPOGRAPHY_KEY_COMPONENT as a,
-  TYPOGRAPHY_CLASS_NAME_SPECIFY as b
+  TYPOGRAPHY_CLASS_NAME_SPECIFY as T,
+  TYPOGRAPHY_CLASSES as a,
+  TYPOGRAPHY_KEY_COMPONENT as b
 };

package/components/mui_extended/Typography/slots/typographySlots.js

@@ -1,6 +1,6 @@
 import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { a as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
+import { b as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
 import { T as TypographySlots } from "./typographyEnum.js";
 import { t as typographyStyles } from "../typography.styles.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";

package/components/popups/components/PopupsViewer/icons.js

@@ -1,4 +1,5 @@
 const POPUPS_ICONS = {
+  CLOSE: "close.svg",
   EDITION_INFO: "edition_info.svg"
 };
 export {

package/hooks/useDataGridPersistence/constants.js

@@ -1,6 +1,6 @@
 const COOKIE_COLUMNS_WIDTHS = "columns_widths";
 const COOKIE_COLUMNS_CONFIG = "columns_config";
 export {
-  COOKIE_COLUMNS_CONFIG as C,
-  COOKIE_COLUMNS_WIDTHS as a
+  COOKIE_COLUMNS_WIDTHS as C,
+  COOKIE_COLUMNS_CONFIG as a
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -1,6 +1,6 @@
 import { useState, useCallback } from "react";
 import { g as getColumnsConfigCookie } from "./helpers.js";
-import { C as COOKIE_COLUMNS_CONFIG, a as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
+import { C as COOKIE_COLUMNS_WIDTHS, a as COOKIE_COLUMNS_CONFIG } from "./constants.js";
 import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
 const useDataGridPersistence = (props) => {
   const { prefixCookie } = props;

package/hooks/useSvgColor/constants.js

@@ -31,8 +31,8 @@ const SVG_ICON_ERROR = "data:image/svg+xml;base64," + btoa(`<svg viewBox="0 0 64
 </svg>`);
 export {
   REPLACEMENT_PRYMARY_COLOR as R,
-  SKELETON_SVG_ICON as S,
-  SVG_CACHE_PREFIX as a,
+  SVG_CACHE_PREFIX as S,
+  SKELETON_SVG_ICON as a,
   SVG_ICON_ERROR as b,
   REPLACEMENT_SECONDARY_COLOR as c
 };

package/hooks/useSvgColor/helpers.js

@@ -1,4 +1,4 @@
-import { S as SKELETON_SVG_ICON, a as SVG_CACHE_PREFIX } from "./constants.js";
+import { S as SVG_CACHE_PREFIX, a as SKELETON_SVG_ICON } from "./constants.js";
 function purgedColor(color) {
   return color.replace(/[#\s]/g, "");
 }

package/hooks/useSvgColor/useSvgColor.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { b as SVG_ICON_ERROR, a as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
+import { b as SVG_ICON_ERROR, S as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
 import { g as getSVG, p as purgedColor } from "./helpers.js";
 function useSvgColor(props) {
   const { src, cacheKey, primaryColor, secondaryColor = "#FFFFFF", skeletonIcon, fallBackIcon = SVG_ICON_ERROR } = props;

package/index.js

@@ -9,7 +9,7 @@ import { A as A2 } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
 import { v as v3 } from "./components/animate/variants/container.js";
-import { a, v as v4, b } from "./components/animate/variants/transition.js";
+import { v as v4, a, b } from "./components/animate/variants/transition.js";
 import { A as A3 } from "./components/AppBar/AppBar.js";
 import { g as g2 } from "./components/AppBar/dictionary.js";
 import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
@@ -34,7 +34,7 @@ import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
-import { b as b3 } from "./components/DataGrid/constants.js";
+import { c as c2 } from "./components/DataGrid/constants.js";
 import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
@@ -121,7 +121,7 @@ import { D as D8 } from "./components/formatters/DistanceToNowFormatter/Distance
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c3, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
@@ -180,7 +180,7 @@ import { W } from "./components/WindowBase/WindowBase.js";
 import { u as u15 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
 import { a as a9, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
 import { M as M6, W as W2, a as a10 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
-import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
+import { c as c4 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
 import { D as D9, a as a11, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a12, g as g27 } from "./components/ModalDialog/dictionary.js";
@@ -199,20 +199,20 @@ import { u as u23 } from "./hooks/useInterval/index.js";
 import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u26 } from "./hooks/useStateRef/index.js";
-import { S as S9 } from "./hooks/useSvgColor/constants.js";
+import { a as a14 } from "./hooks/useSvgColor/constants.js";
 import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
 import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
 import { u as u30 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
-import { c as c4 } from "./utils/capitalizeFirstLetter.js";
+import { c as c5 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
 import { g as g30 } from "./utils/getComponentUtilityClass.js";
 import { g as g31 } from "./utils/getPaletteColor.js";
 import { g as g32 } from "./utils/getTypographyStyles.js";
 import { g as g33 } from "./utils/getIconColor.js";
-import { a as a14 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { a as a15 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g34, a as a15 } from "./utils/getComponentSlotRoot.js";
+import { g as g34, a as a16 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g35 } from "./utils/getValidDate.js";
 import { g as g36 } from "./utils/getNullGuard.js";
@@ -257,7 +257,7 @@ export {
   C10 as ColumnSetCheckFormatter,
   C11 as ColumnUncertaintyFormatter,
   C15 as ConcatenatedFormatter,
-  b3 as DATAGRID_SEMANTIC_WIDTHS,
+  c2 as DATAGRID_SEMANTIC_WIDTHS,
   D as DICTIONARY,
   D2 as DataGrid,
   D7 as DateFormatter,
@@ -341,7 +341,7 @@ export {
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  S9 as SKELETON_SVG_ICON,
+  a14 as SKELETON_SVG_ICON,
   S7 as ScrollBar,
   S as SectionCommercial,
   S6 as SelectStyled,
@@ -376,11 +376,11 @@ export {
   W3 as WindowConfirm,
   W2 as WindowToolsMFContext,
   a10 as WindowToolsMFProvider,
-  c2 as addLayoutItemToBreakPointIfNoExists,
-  e as addLayoutItemToBreakPoints,
-  c4 as capitalizeFirstLetter,
-  d3 as cloneLayouts,
-  c3 as createDynamicMFStore,
+  c3 as addLayoutItemToBreakPointIfNoExists,
+  d3 as addLayoutItemToBreakPoints,
+  c5 as capitalizeFirstLetter,
+  e as cloneLayouts,
+  c4 as createDynamicMFStore,
   c as createToaster,
   d as defaultCommonActionsDictionary,
   d2 as dragResizeWindowRNDClasses,
@@ -391,7 +391,7 @@ export {
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
   g34 as getComponentClasses,
-  a15 as getComponentSlotRoot,
+  a16 as getComponentSlotRoot,
   g30 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
@@ -405,7 +405,7 @@ export {
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
-  a14 as getHeightSizeStyles,
+  a15 as getHeightSizeStyles,
   g33 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
@@ -467,8 +467,8 @@ export {
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,
-  a as varTranEnter,
-  v4 as varTranExit,
+  v4 as varTranEnter,
+  a as varTranExit,
   b as varTranHover,
   w as withSizeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.53",
+  "version": "9.2.54-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "^2.9.5",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
-    "@m4l/styles": "^7.0.0",
+    "@m4l/graphics": "7.1.2-beta.1",
+    "@m4l/styles": "7.1.29-beta.1",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",