@m4l/components 0.1.92 → 0.1.94

package/@types/export.d.ts

@@ -59,8 +59,8 @@ import { StackClassesKey } from '../components/mui_extended/Stack/classes/types'
 import { TabsClassesKey } from '../components/mui_extended/Tabs/classes/types';
 import { NoItemSelectedClassesKey } from '../components/NoItemSelected/classes/types';
 import { ScrollBarClassesKey } from '../components/ScrollBar/classes/types';
-import { ToolkitPageClassesKey } from '../components/PringtToolkit/subcomponents/Page/classes/types';
-import { ToolkitSectionClassesKey } from '../components/PringtToolkit/subcomponents/Section/classes/types';
+import { ToolkitPageClassesKey } from '../components/PrintingSystem/subcomponents/PageNode/classes/types';
+import { ToolkitSectionClassesKey } from '../components/PrintingSystem/subcomponents/SectionNode/classes/types';
 
 declare module '@mui/material/styles' {
     /* ----------------------------- Augmentation overrides theme -----------------------------  */
@@ -360,21 +360,18 @@ declare module '@mui/material/styles' {
         M4LMenuActions?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
         };
-
-        /* PrintgToolkit */
-
-        /* M4LToolkitPage?: {
-            styleOverrides?: ComponentsOverrides<Theme>['M4LToolkitPage'];
+        M4LPrintingSystem?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPrintingSystem'];
         };
-
-        M4LToolkitSection?: {
-            styleOverrides?: ComponentsOverrides<Theme>['M4LToolkitSection'];
+        M4LFormatter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LFormatter'];
+        };
+        M4LoadingError?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LoadingError'];
+        };
+        M4LMFLoader?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LMFLoader'];
         };
-
-        M4LToolkitDivider?: {
-            styleOverrides?: ComponentsOverrides<Theme>['M4LToolkitDivider'];
-        }; */
-
         
     }
 }

package/components/AccountPopover/AccountPopover.d.ts

@@ -7,12 +7,13 @@ import { AccountPopoverProps } from './types';
  * @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 {RightMenuData} 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"

package/components/AccountPopover/{index.eebea1c5.js → index.2ef0bf6d.js}

@@ -1,30 +1,14 @@
 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, ButtonBase } from "@mui/material";
-import { I as Icon } from "../Icon/index.a70c4729.js";
+import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.76624519.js";
-import clsx from "clsx";
-import "@m4l/graphics";
-import "../mui_extended/Accordion/index.cdedddba.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.f79eb74e.js";
-import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.7669b8af.js";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import { unstable_composeClasses } from "@mui/base";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [
   "root",
@@ -103,17 +87,19 @@ function MyAvatar(props) {
 const MenuPopOver = (props) => {
   const {
     data,
-    handleClick: onClick,
+    itemHandleClick,
     version,
     handleLogOut,
     classes,
     userData,
-    settingHandleOpen
+    settingsHandleOpen: settingHandleOpen,
+    asyncState
   } = props;
   const {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  console.log("MenuPopOver", data);
   const {
     avatar_url,
     first_name,
@@ -126,7 +112,7 @@ const MenuPopOver = (props) => {
   const [open2, setOpen] = useState(null);
   const theme = useTheme();
   const handleClick = (item) => {
-    onClick(item);
+    itemHandleClick(item);
     handleClose();
   };
   const handleClose = () => {
@@ -135,6 +121,8 @@ const MenuPopOver = (props) => {
   const handleOpen = (event) => {
     setOpen(event.currentTarget);
   };
+  const dataIsArray = Array.isArray(data) && data.length > 0;
+  console.log("dataIsArray", dataIsArray);
   return /* @__PURE__ */ jsxs("div", {
     role: "presentation",
     className: classes.containerAvatarPopover,
@@ -220,7 +208,7 @@ const MenuPopOver = (props) => {
             className: classes.menuItem,
             children: getLabel("account_popover.label_settings")
           })]
-        }), data ? data.length !== 0 && data.map((option) => /* @__PURE__ */ jsx("div", {
+        }), asyncState === "loaded" ? data.map((option) => /* @__PURE__ */ jsx("div", {
           role: "presentation",
           onClick: () => handleClick(option),
           className: classes.menuItem,
@@ -256,13 +244,12 @@ const MenuPopOver = (props) => {
 };
 const AccountPopover = (props) => {
   const {
-    handleClick,
+    itemHandleClick,
     version,
     handleLogOut,
     userData,
     className,
-    settingOpen,
-    settingHandleOpen
+    settingsHandleOpen: settingHandleOpen
   } = props;
   const [asyncState, setAsyncState] = useState("unLoad");
   const [menuData, setMenuData] = useState([]);
@@ -286,6 +273,7 @@ const AccountPopover = (props) => {
         }
       }).catch((_error) => {
         console.error("AccountData network request error - get menus", _error);
+        setMenuData([]);
       });
     }
     return function cleanUp() {
@@ -293,6 +281,7 @@ const AccountPopover = (props) => {
     };
   }, [open]);
   const accountPopoverClasses = useAccountPopoverUtilityClasses();
+  console.log("user data", userData);
   return /* @__PURE__ */ jsx(AcountPopOverRoot, {
     className: clsx(accountPopoverClasses.root, className),
     ...process.env.NODE_ENV !== "production" ? {
@@ -300,13 +289,13 @@ const AccountPopover = (props) => {
     } : {},
     children: /* @__PURE__ */ jsx(MenuPopOver, {
       data: menuData,
-      handleClick,
+      asyncState,
+      itemHandleClick,
       version,
       handleLogOut,
       classes: accountPopoverClasses,
       userData,
-      settingOpen,
-      settingHandleOpen
+      settingsHandleOpen: settingHandleOpen
     })
   });
 };

package/components/AccountPopover/index.d.ts

@@ -1,3 +1,2 @@
 export { AccountPopover } from './AccountPopover';
-export type { UserMenuData } from './types';
 export { getAccountPopoverDictionary } from './dictionary';

package/components/AccountPopover/subcomponents/PopOver/types.d.ts

@@ -1,7 +1,8 @@
 import { AccountPopoverClasses } from "../../classes/types";
-import { AccountPopoverProps, User, UserMenuData } from "../../types";
+import { AccountPopoverProps, AsyncTypes, RightMenuData, UserAuth } from "../../types";
 export interface PopOverProps extends Omit<AccountPopoverProps, 'userData'> {
-    data: Array<UserMenuData> | [];
+    data: Array<RightMenuData> | [];
     classes: AccountPopoverClasses;
-    userData: User | null | undefined;
+    userData: UserAuth | null | undefined;
+    asyncState: AsyncTypes;
 }

package/components/AccountPopover/types.d.ts

@@ -1,42 +1,66 @@
-import { Maybe } from "@m4l/core";
-import { DomainCountry } from "@m4l/core";
-export declare type asyncTypes = 'unLoad' | 'loading' | 'loaded';
-export interface UserMenuData {
+import type { DomainCountry, Maybe } from "@m4l/core";
+export interface RightMenuData {
+    /** Esta propiedad hace referencia al título del módulo.
+     * Tiene utilidades como:
+     * - Definir el nombre en el encabezado del modulo cuando se agrega en la interfaz de la aplicación web.
+     * ...
+     * */
     title: string;
-    children?: Array<UserMenuData>;
+    /** Esta propiedad define el identificador para el tipo de módulo.
+     * Tiene utiidades como:
+     * - Define a la aplicación web cual de todos los módulos disponibles debe agregar en la interfaz de la aplicación web.
+     * - Permite almacenar información del usuario basado en la interacción del módulo tomando en cuenta el identificador.
+     * ...
+    */
     module_id?: string;
+    /**
+     * Esta propiedad define la ubicación del icono representativo del módulo.
+     * Tiene utiidades como:
+     * - Mostrar el icono representativo en el encabezado del módulo.
+     * ...
+     */
     icon_url?: string;
     debug_port?: number;
 }
+/** Lista posibles valores usados para definr el estado actual en la solicitud de red para el endpoint GET Menus param 1 */
+export declare type AsyncTypes = 'unLoad' | 'loading' | 'loaded';
+/** Colección de datos que representa el valor del menú de administrativo propio del usuario.
+ * Para obtener el detalle de la información del tipo de dato RightMenuData, se debe validar en la documentación de la librería @m4l/core.
+*/
 export interface MenuDataProvider {
-    value: UserMenuData;
+    value: RightMenuData;
 }
-export interface userData {
-    id: number;
-    email: string;
-    first_name: string;
-    last_name: string;
-    account_id: number;
-    domain_country: DomainCountry;
-    user_type_id: number;
-    entry_application_id: number;
-    avatar_url: string;
+/** Objeto de propiedades que puede recibir el componente AccountPopover. */
+export interface AccountPopoverProps {
+    /** Procedimiento definido desde la instancia, va a ser activado por alguno de elementos del listado dinámico por medio del evento click.  */
+    itemHandleClick: (item: RightMenuData) => void;
+    /** Procedimiento encargado finalizar la sesión del cliente autenticado. */
+    handleLogOut: VoidFunction;
+    /** Dato que representa la versión actual de la aplicación web. */
+    version: string;
+    /** Es una colección de datos relacionados al cliente autenticado, puede contener datos como: nombre, apellido, módulos activos entre otros. */
+    userData: UserAuth | null | undefined;
+    /** Es un texto que permite cambiar los estilos gráficos del componente. */
+    className?: string;
+    /** Procedimiento definido desde la instancia, el cual tiene como propósito permitir visualizar el configurador de apariencia en la aplicación web. */
+    settingsHandleOpen: () => void;
 }
-export interface User {
+/** Colección de valores propios del usuario autenticado en la aplicación web.
+ * Consulta la información en detalle del endpoint en:
+ * @see {@link https://www.notion.so/made4labs/Validate-auth-a78c52d74dde49f3ac2be57f7e2639c2}
+ */
+export interface UserAuth {
+    /** Correo electrónico del usuario autenticado. */
     email: string;
+    /** Identificador único del usuario autenticado. */
     id: number;
+    /** Nombre del usuario autenticado. */
     first_name: string;
+    /** Apellido del usuairo autenticado. */
     last_name: string;
     account_id: number;
+    /** Es una coleccion de datos determinada por el país del usuario autenticado. Esto permite datos como divisas y simbolos de puntuación numéricos. */
     domain_country: DomainCountry;
+    /** Es un texto que representa la ubicación de la imagen representativa para el usuario autenticado. */
     avatar_url?: Maybe<string>;
 }
-export interface AccountPopoverProps {
-    handleClick: (item: UserMenuData) => void;
-    handleLogOut: VoidFunction;
-    version: string;
-    userData: User | null | undefined;
-    className?: string;
-    settingOpen?: boolean;
-    settingHandleOpen: () => void;
-}

package/components/AppBar/{index.90cceb7d.js → index.16fe42a1.js}

@@ -1,30 +1,11 @@
+import { styled } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } 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.76624519.js";
-import "../mui_extended/Accordion/index.cdedddba.js";
-import "../Icon/index.a70c4729.js";
-import "react";
-import "clsx";
-import { jsxs, jsx } from "react/jsx-runtime";
-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.f79eb74e.js";
-import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.b09524fe.js";
-import "../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.7669b8af.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.5f09e16a.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.54588e5b.js → index.c3e23ad4.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
+import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.7907e6f4.js → index.6da52418.js}

@@ -1,43 +1,13 @@
 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.f79eb74e.js";
+import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.fa6dfaa1.js";
-import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.676c96fe.js";
+import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
-import "@m4l/graphics";
-import "../../../modal/index.b434146b.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.7a9c12c0.js";
-import "../../../Icon/index.a70c4729.js";
-import "clsx";
-import "../../../mui_extended/IconButton/index.76624519.js";
-import "../../../mui_extended/Accordion/index.cdedddba.js";
-import "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../../../mui_extended/MenuActions/index.7669b8af.js";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.5f09e16a.js";
-import "../../../mui_extended/Pager/index.ac2a21f0.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "zustand";
-import "../../../areas/contexts/AreasContext/index.d528f6e7.js";
-import "../../../areas/components/AreasAdmin/index.cd054608.js";
-import "zustand/shallow";
-import "../../../ScrollBar/index.65bb2930.js";
-import "../../../areas/components/AreasViewer/index.62abf0bb.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.7a196c44.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.7eed7c35.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.f7cd515b.js → index.c3af6d1d.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.f79eb74e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.94fec33c.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.f20cffae.js → index.49631fcb.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
+import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.7a196c44.js → index.ccf731c1.js}

@@ -1,45 +1,9 @@
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
 import { styled } from "@mui/material/styles";
-import "@m4l/core";
-import "@mui/material/Button";
-import "../../../mui_extended/Button/index.f79eb74e.js";
-import "clsx";
-import "react-hook-form";
-import "react";
-import "../../../../contexts/ModalContext/index.347f6738.js";
-import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.676c96fe.js";
-import "@m4l/graphics";
-import "../../../modal/index.b434146b.js";
-import "@mui/lab";
-import "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../Image/index.c18ebf5a.js";
-import "../../../Icon/index.a70c4729.js";
-import "../../../mui_extended/IconButton/index.76624519.js";
-import "../../../mui_extended/Accordion/index.cdedddba.js";
-import "../../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../mui_extended/MenuActions/index.7669b8af.js";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.5f09e16a.js";
-import "../../../mui_extended/Pager/index.ac2a21f0.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "zustand";
-import "../../../areas/contexts/AreasContext/index.d528f6e7.js";
-import "../../../areas/components/AreasAdmin/index.cd054608.js";
-import "zustand/shallow";
-import "../../../ScrollBar/index.65bb2930.js";
-import "../../../areas/components/AreasViewer/index.62abf0bb.js";
-import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { jsx } from "react/jsx-runtime";
 const componentName = "M4LCommonActions";
 generateUtilityClasses(componentName, [
   "root",

package/components/DataGrid/classes/index.d.ts

@@ -24,5 +24,6 @@ export declare const dataGridUtilityClasses: (ownerState: OwnerState) => {
     skeletonFormatter: string;
     actionsFormatter: string;
     actionsConfigContainer: string;
+    booleanFormatter: string;
     actionSettings: string;
 };

package/components/DataGrid/classes/types.d.ts

@@ -22,6 +22,7 @@ export interface DataGridClassesType {
     skeletonFormatter: string;
     actionsFormatter: string;
     actionsConfigContainer: string;
+    booleanFormatter: string;
     withActions: string;
 }
 export declare type BadgeClassesKey = keyof DataGridClassesType;

package/components/DataGrid/formatters/columnConcatenatedValueFormatter/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { ColumnConcatenatedValuesFormatterProps } from './types';
 /**
  * Función especial para el DataGrid que concatena un array de strings
  * @param props
  * @returns
  */
-export declare function columnConcatenatedValuesFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => React.JSX.Element;
+export declare function columnConcatenatedValuesFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => import("react").JSX.Element;

package/components/DataGrid/{index.95cea2ca.js → index.fefdb1af.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.99745527.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.ac2a21f0.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.ec55087e.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.de0bd62c.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { S as SELECT_COLUMN_KEY, u as useRowSelection, a as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.d46d625e.js";
@@ -8,16 +8,13 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.5b0b1fbf.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.6b528d76.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.e14dec76.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.a013b080.js";
-import "@m4l/graphics";
-import "../Icon/index.a70c4729.js";
-import "clsx";
+import { g as getNameDataTestId } from "../../vendor.d0158973.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.a495c91e.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.576922c9.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.c4ce2c83.js";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({
@@ -682,11 +679,18 @@ const useSortColumnsRows = (sourceColumns, sourceRows) => {
         const columnKey = entry[0];
         const columnFilter = entry[1];
         let valCell;
+        const valueMaybeString = getPropertyByString(r, columnKey);
+        let fixedValue;
+        if (typeof valueMaybeString === "string") {
+          fixedValue = valueMaybeString;
+        } else {
+          fixedValue = "";
+        }
         try {
           if (columnFilter.customFilter) {
             valReturn = valReturn && columnFilter.customFilter(r, columnFilter.value);
           } else {
-            valCell = getPropertyByString(r, columnKey) || "";
+            valCell = fixedValue;
             valReturn = valReturn && valCell.includes(columnFilter.value);
           }
         } catch (error) {
@@ -832,6 +836,7 @@ const dataGridClasses = generateUtilityClasses(componentName, [
   "skeletonFormatter",
   "actionsFormatter",
   "actionsConfigContainer",
+  "booleanFormatter",
   "withActions"
 ]);
 function getDataGridUtilityClass(slot) {
@@ -860,7 +865,8 @@ const dataGridUtilityClasses = (ownerState) => {
     formatterColumn: ["formatterColumn"],
     skeletonFormatter: ["skeletonFormatter"],
     actionsFormatter: ["actionsFormatter"],
-    actionsConfigContainer: ["actionsConfigContainer"]
+    actionsConfigContainer: ["actionsConfigContainer"],
+    booleanFormatter: ["booleanFormatter"]
   };
   const composedClasses = unstable_composeClasses(slots, getDataGridUtilityClass, {});
   return {
@@ -898,6 +904,7 @@ function DataGrid(props) {
     onCheckedRowsChange,
     dataTestId = ""
   } = props;
+  console.log("test columns", columns);
   const ownerState = {
     actionsProps,
     withActions
@@ -948,9 +955,16 @@ function columnBooleanFormatter(props) {
     Component
   } = props;
   return (obProps) => {
+    const valueMaybeString = getPropertyByString(obProps, fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeString === "boolean") {
+      fixedValue = valueMaybeString;
+    } else {
+      fixedValue = void 0;
+    }
     return /* @__PURE__ */ jsx(BooleanFormatter, {
       presentationType,
-      value: getPropertyByString(obProps, fieldValue),
+      value: fixedValue,
       Component
     });
   };
@@ -962,9 +976,16 @@ function columnDateFormatter(props) {
     Component
   } = props;
   return (obProps) => {
+    const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeDateStringNumber === "string" || typeof valueMaybeDateStringNumber === "number" || valueMaybeDateStringNumber instanceof Date) {
+      fixedValue = valueMaybeDateStringNumber;
+    } else {
+      fixedValue = "";
+    }
     return /* @__PURE__ */ jsx(DateFormatter, {
       presentationType,
-      value: getPropertyByString(obProps, fieldValue),
+      value: fixedValue,
       Component
     });
   };
@@ -976,7 +997,16 @@ function columnConcatenatedValuesFormatter(props) {
     Component
   } = props;
   return (obProps) => {
-    const values = fieldValue.map((element) => getPropertyByString(obProps, element));
+    const values = fieldValue.map((element) => {
+      const valueMaybeString = getPropertyByString(obProps, element);
+      let fixedValue;
+      if (typeof valueMaybeString === "string" || typeof valueMaybeString === "number") {
+        fixedValue = valueMaybeString;
+      } else {
+        fixedValue = "";
+      }
+      return fixedValue;
+    });
     return /* @__PURE__ */ jsx(ConcatenatedFormatter, {
       values,
       separator: fieldSeparator,