@m4l/components 9.3.21 → 9.3.22

package/components/DataGrid/subcomponents/editors/TextEditor/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as InputTextEditorStyled } from "../../../slots/DataGridSlot.js";
+import { O as InputTextEditorStyled } from "../../../slots/DataGridSlot.js";
 function autoFocusAndSelect(input) {
   input?.focus();
   input?.select();

package/components/DataGrid/tests/components/CardDetails.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/CardHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/CardRow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/Cards.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/CheckboxCellAdapter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/ColumnsConfigCards.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/IntersectCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/components/ViewMode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/helpers/useCardsViewConfig.d.ts

@@ -0,0 +1,24 @@
+import { CardsViewConfig } from '../../types';
+interface UseCardsViewConfigProps {
+    /**
+     * Si es true, retorna cardsViewConfig con columnsConfig básica
+     */
+    withBasicConfig?: boolean;
+    /**
+     * Si es true, retorna cardsViewConfig con customRender
+     */
+    withCustomRender?: boolean;
+    /**
+     * Si es true, retorna cardsViewConfig solo con enabled=true (para demostrar error)
+     */
+    withEnabledOnly?: boolean;
+    /**
+     * Si es true, retorna cardsViewConfig con columnKey inválido (para demostrar error)
+     */
+    withInvalidColumnKey?: boolean;
+}
+/**
+ * Hook helper que genera configuraciones de cardsViewConfig para testing
+ */
+export declare const useCardsViewConfigHelper: <TRow = any>(props?: UseCardsViewConfigProps) => CardsViewConfig<TRow> | undefined;
+export {};

package/components/DataGrid/tests/helpers/useCustomCardExample.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook helper que retorna un ejemplo de renderizado custom de cards
+ */
+export declare const useCustomCardExample: () => {
+    renderContent: (row: any) => import("react/jsx-runtime").JSX.Element;
+    minHeight: number;
+};

package/components/DataGrid/tests/hooks/useCardContent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/hooks/useModalDetail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/hooks/useModalSettingsCards.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/tests/hooks/useProcessedColumns.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/types.d.ts

@@ -5,7 +5,7 @@ import { MenuAction } from '../MenuActions/types';
 import { ActionsSlots, ColumnIconFormatterSlots, ColumnsConfigSlots, ControlNavigateSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from './slots/DataGridEnum';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { DATAGRID_PREFIX_NAME } from './constants';
-import { IGridConfig } from './contexts/DataGridContext/types';
+import { IGridConfigExtended, ViewMode } from './contexts/DataGridContext/types';
 import { Sizes } from '@m4l/styles';
 import { PagerProps } from '../Pager';
 import { SettingsProps } from './subcomponents/HeaderActions/subcomponents/Settings/types';
@@ -61,10 +61,10 @@ export interface ColumnConfig {
     position?: number;
     frozen?: Maybe<boolean>;
 }
-type KeyUserColumns = keyof IGridConfig;
+type KeyUserColumns = keyof IGridConfigExtended;
 export interface ChangeUserColumn<T extends KeyUserColumns = KeyUserColumns> {
     reason: T;
-    userConfig: IGridConfig[T];
+    userConfig: IGridConfigExtended[T];
 }
 export type OnChangeUserColumns = (props: ChangeUserColumn) => void;
 export type SortApplied = {
@@ -139,7 +139,7 @@ export interface GridProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> exte
     /**
      * Propiedad opcional que recibe la configuración de las columnas
      */
-    defaultUserColumns?: IGridConfig;
+    defaultUserColumns?: IGridConfigExtended;
     /**
      * Propiedad que recibe la función que se ejecuta cuando se cambian
      * las configuraciones de las columnas.
@@ -150,6 +150,15 @@ export interface GridProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> exte
      * @default 'medium'
      */
     size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Modo por defecto de visualización
+     */
+    defaultViewMode?: ViewMode;
+    /**
+     * Configuración de la vista de "cards"
+     * Incluye habilitación, configuración de columnas y renderizado personalizado
+     */
+    cardsViewConfig?: CardsViewConfig<TRow>;
 }
 export declare const DATAGRID_TEST_ID = "m4ldatagrid";
 export declare const PREFIX_TEST_ATTRIBUTE = "data-testid";
@@ -170,6 +179,79 @@ export interface ActionsProps {
     leftActions?: React.ReactNode;
     rightActions?: React.ReactNode;
 }
-export type DataGridOwnerState<TRow, TSummaryRow, TKey extends RowKey = RowKey> = Pick<DataGridProps<TRow, TSummaryRow, TKey>, 'visibleCustomHeader'>;
+/**
+ * Props para el hook useModalDetail
+ */
+export interface UseModalDetailProps<TRow> {
+    row: TRow;
+    columns: readonly Column<TRow, any>[];
+    viewMode: ViewMode;
+    onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
+}
+/**
+ * Configuración de una columna específica en vista "cards"
+ */
+export interface CardColumnConfig {
+    /**
+     * Key de la columna (debe coincidir con la key de la columna)
+     */
+    columnKey: string;
+    /**
+     * Si se debe mostrar el título/label de esta columna en la card (Solo si no existe una config previa)
+     */
+    showTitle: boolean;
+}
+/**
+ * Cards con columnsConfig
+ */
+export interface CardsViewConfigWithColumns {
+    columnsConfig: CardColumnConfig[];
+    customRender?: never;
+}
+/**
+ * Cards con customRender
+ */
+export interface CardsViewConfigWithCustomRender<TRow> {
+    columnsConfig?: never;
+    customRender: {
+        renderContent: (row: TRow) => React.ReactNode;
+        minHeight: number;
+    };
+}
+/**
+ * Configuración para la vista de "cards"
+ *
+ * IMPORTANTE:
+ * Es OBLIGATORIO configurar al menos 1 columna cuando customRender=undefined
+ * Se ignora completamente si customRender está definido
+ * @throws Error si customRender=undefined y array está vacío
+ */
+export type CardsViewConfig<TRow> = CardsViewConfigWithColumns | CardsViewConfigWithCustomRender<TRow>;
+/**
+ * Opciones para el procesamiento de columnas
+ */
+export interface ProcessedColumnsOptions {
+    /**
+     * Si es true, aplica el filtro de visibilidad configurado por el usuario.
+     * Si es false, muestra TODAS las columnas.
+     * @default true
+     */
+    applyVisibilityFilter?: boolean;
+}
+/**
+ * Props para el hook useCardContent
+ */
+export interface CardContentProps<TRow> {
+    row: TRow;
+    columns: readonly Column<TRow, any>[];
+    originalColumns: readonly Column<TRow, any>[];
+    onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
+}
+export type DataGridOwnerState<TRow, TSummaryRow, TKey extends RowKey = RowKey> = Pick<DataGridProps<TRow, TSummaryRow, TKey>, 'visibleCustomHeader'> & {
+    viewMode?: ViewMode;
+    isActive?: boolean;
+    hasActions?: boolean;
+    hasCheckedRows?: boolean;
+};
 export type DataGridSlotsType = DataGridSlots | TextEditorSlots | ActionsSlots | RowsCountSlots | ColumnsConfigSlots | TableSlots | ControlNavigateSlots | ColumnIconFormatterSlots;
 export type DataGridStyles = OverridesStyleRules<DataGridSlotsType, typeof DATAGRID_PREFIX_NAME, Theme>;

package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.d.ts

@@ -0,0 +1,5 @@
+import { MFIsolationAppStorybookProps } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare function MFIsolationAppStorybook(props: MFIsolationAppStorybookProps): import("react/jsx-runtime").JSX.Element;

package/components/MFIsolationAppStorybook/constants.d.ts

@@ -0,0 +1 @@
+export declare const TOAST_CONTAINER_ID = "toast-host";

package/components/MFIsolationAppStorybook/icons.d.ts

@@ -0,0 +1,3 @@
+export declare const PATH_ICONS: {
+    SETTINGS: string;
+};

package/components/MFIsolationAppStorybook/index.d.ts

@@ -0,0 +1 @@
+export { MFIsolationAppStorybook } from './MFIsolationAppStorybook';

package/components/MFIsolationAppStorybook/subcomponents/AppBarSettings/AppBarSettings.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente base para la aplicación en modo de aislamiento
+ */
+export declare function AppBarSettings(): import("react/jsx-runtime").JSX.Element;

package/components/MFIsolationAppStorybook/subcomponents/AppBarSettings/index.d.ts

@@ -0,0 +1 @@
+export { AppBarSettings } from './AppBarSettings';

package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/MFAuthAppStorybook.d.ts

@@ -0,0 +1,5 @@
+import { MFAuthAppStorybookProps } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare function MFAuthAppStorybook(props: MFAuthAppStorybookProps): import("react/jsx-runtime").JSX.Element;

package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/index.d.ts

@@ -0,0 +1 @@
+export { MFAuthAppStorybook } from './MFAuthAppStorybook';

package/components/MFIsolationAppStorybook/subcomponents/MFAuthAppStorybook/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export type MFAuthAppStorybookProps = {
+    children: ReactNode;
+};

package/components/MFIsolationAppStorybook/types.d.ts

@@ -0,0 +1,31 @@
+import { ModuleDictionary } from '@m4l/core';
+import { BaseModuleProps } from '../BaseModule';
+import { DeviceType } from '@m4l/graphics';
+export type MFIsolationAppStorybookProps = BaseModuleProps & {
+    host_api_local: string;
+    host_api_icons?: string;
+    database?: string;
+    host_api_remote: string;
+    host_static_assets: string;
+    environment_assets: string;
+    onLoad: () => void;
+    activeAreasNetwork?: boolean;
+    activeCookiesFromNetwork?: boolean;
+    appBarSettings?: boolean;
+    /**
+     * Diccionario de componentes, se puede proporcionar ya el diccionario cargado, para evitar que se llame al endpoint nuevamente.
+     */
+    moduleDictionaryLoaded?: ModuleDictionary;
+    /**
+     * Tipo de dispositivo forzado, si no se proporciona se determina automáticamente. Normalmente se usa esta propieadad para pruebas en storybook.
+     */
+    forcedDeviceType?: DeviceType;
+    /**
+     * Id del store de las áreas
+     */
+    areasStoreId?: string;
+    /**
+     * Determina si se debe usar devtools para el store de las áreas
+     */
+    areasStoreDevtoolsEnabled?: boolean;
+};

package/components/MenuActions/MenuActions.js

@@ -34,6 +34,7 @@ function MenuActions(props) {
     className,
     onOpen,
     slots = {},
+    variant = "text",
     ...other
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -41,11 +42,14 @@ function MenuActions(props) {
   const { getLabel } = useModuleDictionary();
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(externalOpen ?? anchorEl);
-  const ownerState = useMemo(() => ({
-    iconSize: currentSize,
-    selected: open,
-    paletteColor: color
-  }), [currentSize, open, color]);
+  const ownerState = useMemo(
+    () => ({
+      iconSize: currentSize,
+      selected: open,
+      paletteColor: color
+    }),
+    [currentSize, open, color]
+  );
   useEffect(() => {
     if (onOpen) {
       onOpen(open);
@@ -60,21 +64,27 @@ function MenuActions(props) {
   const finalIcon = useMemo(() => {
     return icon || urlIcon || `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
   }, [urlIcon, icon, host_static_assets, environment_assets]);
-  const handleClick = useCallback((e, menuAction) => {
-    e.stopPropagation();
-    setAnchorEl(null);
-    if (onOpen) {
-      onOpen(false);
-    }
-    menuAction.onClick && menuAction.onClick(e);
-  }, [onOpen]);
-  const handleButtonClick = useCallback((e) => {
-    e.stopPropagation();
-    setAnchorEl(e.currentTarget);
-    if (onOpen) {
-      onOpen(true);
-    }
-  }, [onOpen]);
+  const handleClick = useCallback(
+    (e, menuAction) => {
+      e.stopPropagation();
+      setAnchorEl(null);
+      if (onOpen) {
+        onOpen(false);
+      }
+      menuAction.onClick && menuAction.onClick(e);
+    },
+    [onOpen]
+  );
+  const handleButtonClick = useCallback(
+    (e) => {
+      e.stopPropagation();
+      setAnchorEl(e.currentTarget);
+      if (onOpen) {
+        onOpen(true);
+      }
+    },
+    [onOpen]
+  );
   const renderMenuContent = useCallback(() => {
     let processedActions = [];
     let finalActions = [];
@@ -89,7 +99,16 @@ function MenuActions(props) {
       finalActions = processedActions;
     }
     if (finalActions.length === 0) {
-      return /* @__PURE__ */ jsx(MenuItem, { disabled: true, role: "menu-no-actions", label: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)) });
+      return /* @__PURE__ */ jsx(
+        MenuItem,
+        {
+          disabled: true,
+          role: "menu-no-actions",
+          label: getLabel(
+            getMenuActionsDictionary(DICTIONARY.no_actions_label)
+          )
+        }
+      );
     }
     const RenderHeader = () => {
       return /* @__PURE__ */ jsx(HeaderMenuActionsStyled, { children: header });
@@ -104,7 +123,14 @@ function MenuActions(props) {
         const key = actionKey ?? index;
         switch (menuAction.type ?? "menuItem") {
           case "divider":
-            return /* @__PURE__ */ jsx(MenuDivider, { variant: "solid", size }, `divider-${key}`);
+            return /* @__PURE__ */ jsx(
+              MenuDivider,
+              {
+                variant: "solid",
+                size
+              },
+              `divider-${key}`
+            );
           case "loader":
             return /* @__PURE__ */ jsx(MenuLoaderStyled, { size, children: /* @__PURE__ */ jsx(CircularProgress, { size }) }, `loader-${key}`);
           case "customNode":
@@ -115,7 +141,9 @@ function MenuActions(props) {
               {
                 size,
                 ...menuAction,
-                label: menuAction.label ?? getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)),
+                label: menuAction.label ?? getLabel(
+                  getMenuActionsDictionary(DICTIONARY.no_actions_label)
+                ),
                 onClick: menuAction.onClick ? (e) => handleClick(e, menuAction) : void 0
               },
               `${MENU_ACTIONS_}${menuAction.label ?? key}`
@@ -128,38 +156,60 @@ function MenuActions(props) {
       footer && /* @__PURE__ */ jsx(RenderFooter, {}),
       endListElement && endListElement
     ] });
-  }, [menuActions, header, size, footer, endListElement, objItem, getLabel, actionKey, handleClick]);
-  return /* @__PURE__ */ jsxs(RootStyled, { className: clsx(className, MENU_ACTIONS_CLASSES.root, ownerState.selected && MENU_ACTIONS_CLASSES.selected), ownerState: { ownerState }, children: [
-    /* @__PURE__ */ jsx(
-      IconButtonStyled,
-      {
-        ownerState: { ...ownerState },
-        tooltip: toolTip,
-        size,
-        icon: finalIcon,
-        onClick: handleButtonClick,
-        className: iconButtonClassName,
-        selected: open,
-        disabled,
-        badgeProps: { badgeContent },
-        "aria-label": "menu-actions"
-      }
-    ),
-    open && /* @__PURE__ */ jsx(
-      Popover,
-      {
-        id: "Popover",
-        open,
-        anchorEl,
-        onClose: handleOpenClose,
-        arrowType,
-        ...other,
-        slots: { ...slots },
-        slotProps: { paper: { ...paperProps } },
-        children: renderMenuContent()
-      }
-    )
-  ] });
+  }, [
+    menuActions,
+    header,
+    size,
+    footer,
+    endListElement,
+    objItem,
+    getLabel,
+    actionKey,
+    handleClick
+  ]);
+  return /* @__PURE__ */ jsxs(
+    RootStyled,
+    {
+      className: clsx(
+        className,
+        MENU_ACTIONS_CLASSES.root,
+        ownerState.selected && MENU_ACTIONS_CLASSES.selected
+      ),
+      ownerState: { ownerState },
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButtonStyled,
+          {
+            ownerState: { ...ownerState },
+            tooltip: toolTip,
+            size,
+            icon: finalIcon,
+            onClick: handleButtonClick,
+            className: iconButtonClassName,
+            selected: open,
+            disabled,
+            badgeProps: { badgeContent },
+            "aria-label": "menu-actions",
+            variant
+          }
+        ),
+        open && /* @__PURE__ */ jsx(
+          Popover,
+          {
+            id: "Popover",
+            open,
+            anchorEl,
+            onClose: handleOpenClose,
+            arrowType,
+            ...other,
+            slots: { ...slots },
+            slotProps: { paper: { ...paperProps } },
+            children: renderMenuContent()
+          }
+        )
+      ]
+    }
+  );
 }
 const MemonizedMenuActions = React.memo(MenuActions);
 export {

package/components/areas/contexts/AreasContext/store.js

@@ -441,8 +441,8 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
                   bounds: {
                     left: MARGIN_GRIDLAYOUT,
                     top: MARGIN_GRIDLAYOUT,
-                    right: -10,
-                    bottom: -10
+                    right: -MARGIN_GRIDLAYOUT,
+                    bottom: -MARGIN_GRIDLAYOUT
                   }
                 });
               }

package/components/hook-form/RHFormContext/index.d.ts

@@ -3,7 +3,7 @@ import { CustomFormArguments, FormProviderCustomProps, FormProviderProps } from
 /**
  * TODO: Documentar
  */
-export declare function useCustomForm({ validationSchema, values, statusLoad, mode, }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, undefined>;
+export declare function useCustomForm({ validationSchema, values, statusLoad, mode, }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
 /**
  * TODO: Documentar
  */

package/hooks/useDataGridPersistence/helpers.d.ts

@@ -1,5 +1,5 @@
-import { IGridConfig } from '../../components/DataGrid';
+import { IGridConfigExtended } from '../../components/DataGrid';
 /**
  * Obtiene el sort de la cookie
  */
-export declare const getColumnsConfigCookie: (cookie: Record<string, any> | undefined | Array<any>) => IGridConfig["columnsConfig"];
+export declare const getColumnsConfigCookie: (cookie: Record<string, any> | undefined | Array<any>) => IGridConfigExtended["columnsConfig"];

package/hooks/useDataGridPersistence/useDataGridPersistence.d.ts

@@ -1,9 +1,9 @@
 import { UseDataGridPersistenceProps } from './types';
-import { ChangeUserColumn, IGridConfig } from '../../components/DataGrid';
+import { ChangeUserColumn, IGridConfigExtended } from '../../components/DataGrid';
 /**
  * Hook para manejar los filtros y ordenamientos dinamicos
  */
 export declare const useDataGridPersistence: (props: UseDataGridPersistenceProps) => {
     onChangeUserColumns: (newProps: ChangeUserColumn) => void;
-    defaultUserColumns: IGridConfig;
+    defaultUserColumns: IGridConfigExtended;
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -13,10 +13,15 @@ const useDataGridPersistence = (props) => {
   });
   const onChangeUserColumns = useCallback((newProps) => {
     const { reason, userConfig } = newProps;
+    if (userConfig === void 0) {
+      return;
+    }
     if (reason === "columnsConfig") {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG, "window", userConfig);
     } else if (reason === "columnsWidths") {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS, "window", userConfig);
+    } else {
+      setCookie(prefixCookie ? `${prefixCookie}_${reason}` : reason, "window", userConfig);
     }
   }, [setCookie, prefixCookie]);
   return {

package/index.js

@@ -35,7 +35,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, a as a4, e } from "./components/DataGrid/constants.js";
+import { b as b3, a as a4, f } from "./components/DataGrid/constants.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
@@ -127,7 +127,7 @@ import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, e as e2, d as d3 } 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";
@@ -207,7 +207,7 @@ import { S as S17 } from "./components/Stepper/subcomponents/StepperButtons/Step
 import { S as S18 } from "./components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js";
 import { S as S19 } from "./components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js";
 import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js";
-import { e as e3 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
+import { e as e2 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
 import { g as g29 } from "./components/Stepper/dictionary.js";
 import { F as F3, R as R23, u as u18 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
@@ -239,7 +239,7 @@ import { g as g35 } from "./utils/getIconColor.js";
 import { a as a16, g as g36 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
 import { g as g37, a as a17 } from "./utils/getComponentSlotRoot.js";
-import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
+import { f as f2 } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g38 } from "./utils/getValidDate.js";
 import { g as g39 } from "./utils/getNullGuard.js";
 import { c as c5, d as d4 } from "./utils/deepShallow.js";
@@ -289,7 +289,7 @@ export {
   C3 as ContainerFlow,
   b3 as DATAGRID_ROW_HEADER_HEIGHTS,
   a4 as DATAGRID_ROW_HEIGHTS,
-  e as DATAGRID_SEMANTIC_WIDTHS,
+  f as DATAGRID_SEMANTIC_WIDTHS,
   D as DICTIONARY,
   D2 as DataGrid,
   D8 as DateFormatter,
@@ -428,7 +428,7 @@ export {
   W3 as WindowToolsMFContext,
   a12 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
-  e2 as addLayoutItemToBreakPoints,
+  e as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
   d3 as cloneLayouts,
   c5 as createCustomDeepShallow,
@@ -437,8 +437,8 @@ export {
   d4 as deepShallow,
   d as defaultCommonActionsDictionary,
   d2 as dragResizeWindowRNDClasses,
-  e3 as evaluateVisibilityStepCondition,
-  f as formatDistanceToNow,
+  e2 as evaluateVisibilityStepCondition,
+  f2 as formatDistanceToNow,
   g as getAccountPopoverDictionary,
   g2 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.21",
+  "version": "9.3.22",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {