@m4l/components 9.2.54-beta.1 → 9.2.54

package/components/mui_extended/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-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 { 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 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,
-  TextStyled as T,
-  TooltipStyled as a
+  TooltipStyled as T,
+  TextStyled 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_CLASS_NAME_SPECIFY, a as TYPOGRAPHY_CLASSES, b as TYPOGRAPHY_KEY_COMPONENT } from "./constants.js";
+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 { 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_CLASS_NAME_SPECIFY as T,
-  TYPOGRAPHY_CLASSES as a,
-  TYPOGRAPHY_KEY_COMPONENT as b
+  TYPOGRAPHY_CLASSES as T,
+  TYPOGRAPHY_KEY_COMPONENT as a,
+  TYPOGRAPHY_CLASS_NAME_SPECIFY 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 { b as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
+import { a 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/PopupsProvider/contexts/PopupsContext/store.js

@@ -273,11 +273,12 @@ const createPopupsStore = (initProps, storeDevtoolsEnabled = false) => {
           /**
            * setActions: Establece las acciones del popup
            */
-          setActions: (popupId, actions, version) => {
+          setActions: (popupId, actions, version, buildTime) => {
             set((state) => {
               if (state.hashPopups[popupId]) {
                 state.hashPopups[popupId].moduleActions = actions;
                 state.hashPopups[popupId].version = version;
+                state.hashPopups[popupId].buildTime = buildTime;
               }
             });
           },

package/components/popups/components/PopupsProvider/contexts/PopupsContext/types.d.ts

@@ -73,9 +73,13 @@ export interface PopupStorePropsBase extends PartialExcept<Pick<DragResizeWindow
      */
     moduleActions?: ModuleAction[];
     /**
-     * "version" Versión de la ventana
+     * "version" Versión del Microfrontend
      */
     version?: string;
+    /**
+     * "buildTime" BuildTime del Microfrontend
+     */
+    buildTime?: string;
     /**
      * "fnQueryClose" Función de cierre de la consulta
      */
@@ -312,7 +316,7 @@ export interface PopupsProviderStoreStateWithActions extends PopupsProviderStore
         /**
          * setActions: Establece las acciones del popup
          */
-        setActions: (popupId: string, actions: ModuleAction[], version?: string) => void;
+        setActions: (popupId: string, actions: ModuleAction[], version?: string, buildTime?: string) => void;
     };
 }
 export type DefaultPopupsStoreProps = PopupsProviderStoreState;

package/components/popups/components/PopupsProvider/hooks/useHeaderActionsPopups.js

@@ -18,9 +18,7 @@ const useHeaderActionsPopups = ({
   const leftActions = useMemo(() => {
     return getLeftActions(isMobile, moduleActions).map((action) => ({
       ...action,
-      place: "left",
-      iconUrl: action.iconUrl || "",
-      label: action.label || ""
+      place: "left"
     }));
   }, [isMobile, moduleActions]);
   const windowOptions = usePopupsStore(

package/components/popups/components/PopupsProvider/hooks/usePopups.d.ts

@@ -21,6 +21,7 @@ export declare const usePopups: (popupId: string) => {
     loading: boolean | undefined;
     status: import('../../PopupsViewer/types').PopupStatus;
     version: string | undefined;
+    buildTime: string | undefined;
     dynamicMFStore: Omit<import('zustand').StoreApi<import('../../../../WindowBase/contexts/DynamicMFParmsContext/store').DynamicMFStateWithActions>, "setState"> & {
         setState(nextStateOrUpdater: import('../../../../WindowBase/contexts/DynamicMFParmsContext/store').DynamicMFStateWithActions | Partial<import('../../../../WindowBase/contexts/DynamicMFParmsContext/store').DynamicMFStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('../../../../WindowBase/contexts/DynamicMFParmsContext/store').DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
     };

package/components/popups/components/PopupsProvider/hooks/usePopups.js

@@ -13,6 +13,7 @@ const usePopups = (popupId) => {
     dynamicMFStore,
     loading,
     version,
+    buildTime,
     subTitle,
     editionInfo,
     zIndex,
@@ -61,8 +62,8 @@ const usePopups = (popupId) => {
   const windowTools = useMemo(
     () => ({
       getWindowId: () => popupId,
-      setActions: (newActions, newVersion) => {
-        setActions(popupId, newActions, newVersion);
+      setActions: (newActions, newVersion, newBuildTime) => {
+        setActions(popupId, newActions, newVersion, newBuildTime);
       },
       getCookie: () => {
         throw new Error("getCookie not implemented");
@@ -88,6 +89,7 @@ const usePopups = (popupId) => {
     [
       popupId,
       version,
+      buildTime,
       setActions,
       //getCookie,
       //getCookies,
@@ -113,6 +115,7 @@ const usePopups = (popupId) => {
     loading,
     status,
     version,
+    buildTime,
     dynamicMFStore,
     windowTools,
     //onTouch,

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

@@ -1,5 +1,4 @@
 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_WIDTHS as C,
-  COOKIE_COLUMNS_CONFIG as a
+  COOKIE_COLUMNS_CONFIG as C,
+  COOKIE_COLUMNS_WIDTHS 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_WIDTHS, a as COOKIE_COLUMNS_CONFIG } from "./constants.js";
+import { C as COOKIE_COLUMNS_CONFIG, a as COOKIE_COLUMNS_WIDTHS } 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,
-  SVG_CACHE_PREFIX as S,
-  SKELETON_SVG_ICON as a,
+  SKELETON_SVG_ICON as S,
+  SVG_CACHE_PREFIX as a,
   SVG_ICON_ERROR as b,
   REPLACEMENT_SECONDARY_COLOR as c
 };

package/hooks/useSvgColor/helpers.js

@@ -1,4 +1,4 @@
-import { S as SVG_CACHE_PREFIX, a as SKELETON_SVG_ICON } from "./constants.js";
+import { S as SKELETON_SVG_ICON, a as SVG_CACHE_PREFIX } 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, S as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
+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 { 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 { v as v4, a, b } from "./components/animate/variants/transition.js";
+import { a, v as v4, 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 { c as c2 } from "./components/DataGrid/constants.js";
+import { b as b3 } 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 c3, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c2, e, d as d3 } 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 c4 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
+import { c as c3 } 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 { a as a14 } from "./hooks/useSvgColor/constants.js";
+import { S as S9 } 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 c5 } from "./utils/capitalizeFirstLetter.js";
+import { c as c4 } 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 a15 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { a as a14 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g34, a as a16 } from "./utils/getComponentSlotRoot.js";
+import { g as g34, a as a15 } 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,
-  c2 as DATAGRID_SEMANTIC_WIDTHS,
+  b3 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,
-  a14 as SKELETON_SVG_ICON,
+  S9 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,
-  c3 as addLayoutItemToBreakPointIfNoExists,
-  d3 as addLayoutItemToBreakPoints,
-  c5 as capitalizeFirstLetter,
-  e as cloneLayouts,
-  c4 as createDynamicMFStore,
+  c2 as addLayoutItemToBreakPointIfNoExists,
+  e as addLayoutItemToBreakPoints,
+  c4 as capitalizeFirstLetter,
+  d3 as cloneLayouts,
+  c3 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,
-  a16 as getComponentSlotRoot,
+  a15 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,
-  a15 as getHeightSizeStyles,
+  a14 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,
-  v4 as varTranEnter,
-  a as varTranExit,
+  a as varTranEnter,
+  v4 as varTranExit,
   b as varTranHover,
   w as withSizeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.54-beta.1",
+  "version": "9.2.54",
   "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.1.2-beta.1",
-    "@m4l/styles": "7.1.29-beta.1",
+    "@m4l/graphics": "^7.0.0",
+    "@m4l/styles": "^7.0.0",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",