@m4l/components 3.0.0 → 3.0.2

package/components/Image/{index.ae542f70.js → index-By5vsRzf.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { g as ImageRoot } from "../../styles/index.db9e7ddb.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as ImageRoot } from "../../styles/index-C-MsxWtr.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.800a7957.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index-DJmGF2SQ.js";
 import QRCode from "qrcode.react";
 const ratioOptions = {
   "1.168:1": {
@@ -74,8 +74,10 @@ const getNameDataTestId = (KEY) => {
 };
 const componentName = "M4LImage";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "img"
+  /* states or variants of elements */
 ]);
 function getImagenClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -94,24 +96,28 @@ function Image(props) {
   const { src, alt, width, height, ratio = "1:1", className } = props;
   const ratioImage = getRatioValues(ratio);
   const classes2 = useUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    ImageRoot,
-    {
-      className: clsx(classes2.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      style: width && height ? { minWidth: width, minHeight: height, width, height } : { width: "100%", height: "100%" },
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          alt,
-          src,
-          className: classes2.img,
-          width: !width ? "100%" : ratioImage.width,
-          height: !height ? "100%" : ratioImage.height,
-          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("img") } : {}
-        }
-      )
-    }
+  return (
+    /* BaseProvider: Es el contexto de valores propio del componente, se usa para propagar información dentro de su estructura evitando así implementar
+        una asignación por propiedades. */
+    /* @__PURE__ */ jsx(
+      ImageRoot,
+      {
+        className: clsx(classes2.root, className),
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+        style: width && height ? { minWidth: width, minHeight: height, width, height } : { width: "100%", height: "100%" },
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt,
+            src,
+            className: classes2.img,
+            width: !width ? "100%" : ratioImage.width,
+            height: !height ? "100%" : ratioImage.height,
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("img") } : {}
+          }
+        )
+      }
+    )
   );
 }
 const ImageNode = (props) => {
@@ -119,17 +125,20 @@ const ImageNode = (props) => {
   const { unitSize, sourceData } = useBase();
   const { host_static_assets, environment_assets } = useEnvironment();
   const resourceImg = evaluateWithContext(sourceData, src);
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
-      className: clsx(classes.imageNodeRoot, className),
-      style: {
-        width: getSize(width, unitSize),
-        height: getSize(height, unitSize),
-        ...style
+  return (
+    // eslint-disable-next-line jsx-a11y/alt-text
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
+        className: clsx(classes.imageNodeRoot, className),
+        style: {
+          width: getSize(width, unitSize),
+          height: getSize(height, unitSize),
+          ...style
+        }
       }
-    }
+    )
   );
 };
 const convertToPx = (size, magnitud) => {

package/components/LanguagePopover/index-Dn2JPzf1.js

@@ -0,0 +1,179 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
+import { I as Image } from "../Image/index-By5vsRzf.js";
+import { useLocales } from "@m4l/graphics";
+import { L as LanguagePopoverRoot, h as ContainerMenuItems, i as ContainerProgress, j as ContainerImage, k as LabelItem } from "../../styles/index-C-MsxWtr.js";
+import { I as ImageButton } from "../mui_extended/Button/index-CksGG1B8.js";
+import { useEnvironment, useNetwork } from "@m4l/core";
+import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { C as CircularProgress } from "../mui_extended/CircularProgress/index-Bnnti_G6.js";
+import { P as Popover } from "../mui_extended/Popover/index-BnKsmvtw.js";
+const componentName = "M4LanguagePopover";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root",
+    "containerItems",
+    "containerProgress",
+    "labelItem",
+    "imageButton"
+    /* states or variants of elements */
+  ]
+);
+function getM4LanguagePopoverClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerItems: ["containerItems"],
+    containerProgress: ["containerProgress"],
+    labelItem: ["labelItem"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getM4LanguagePopoverClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";
+const getNameDataTestId = (KEY) => {
+  return `${LANGUAGEPOPOVER_PREFIX}-${KEY}`;
+};
+function LanguagePopover(props) {
+  const { testingProps } = props;
+  const { currentLocale, onChangeLocale } = useLocales();
+  const { domain_token } = useEnvironment();
+  const { networkOperation } = useNetwork();
+  const [open, setOpen] = useState(testingProps?.open || null);
+  const [loading, setLoading] = useState(testingProps?.loading || false);
+  const [allLocales, setAllLocales] = useState(
+    testingProps?.allLocales || []
+  );
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const handleClose = () => {
+    setOpen(null);
+  };
+  useEffect(() => {
+    let mounted = true;
+    if (open === null || loading || allLocales.length > 0) {
+      return;
+    }
+    setLoading(true);
+    networkOperation({
+      method: "GET",
+      endPoint: `na/locales`,
+      parms: { domain_token }
+    }).then((response) => {
+      if (mounted) {
+        !testingProps && setAllLocales(response.data);
+      }
+    }).finally(() => {
+      setLoading(false);
+    });
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [open]);
+  const classes = useUtilityClasses();
+  return (
+    /* LanguagePopoverRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
+        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a otros componentes
+        de la plataforna web. */
+    /* @__PURE__ */ jsxs(
+      LanguagePopoverRoot,
+      {
+        className: classes.root,
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+        children: [
+          /* @__PURE__ */ jsx(
+            ImageButton,
+            {
+              className: classes.imageButton,
+              onClick: handleOpen,
+              sx: {
+                width: 28,
+                height: 28,
+                ...open && { bgcolor: "action.selected" }
+              },
+              src: currentLocale?.url_icon || "",
+              alt: currentLocale?.name,
+              width: "24px",
+              height: "24px",
+              ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("imageButton") } : {}
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              arrowType: "top-right",
+              open: Boolean(open),
+              anchorEl: open,
+              anchorOrigin: { vertical: "bottom", horizontal: "right" },
+              onClose: handleClose,
+              sx: {
+                mt: 1.5,
+                ml: 0.75,
+                width: 180,
+                rowGap: "100px",
+                "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 }
+              },
+              children: /* @__PURE__ */ jsxs(
+                ContainerMenuItems,
+                {
+                  className: classes.containerItems,
+                  ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerItems") } : {},
+                  children: [
+                    allLocales.length === 0 && /* CircularProgress: Componente extendido que proporciona una animación de carga circular, el cual
+                    será visible hasta que se complete la operación de red asociada a la lista de idiomas disponibles. */
+                    /* @__PURE__ */ jsx(
+                      ContainerProgress,
+                      {
+                        className: classes.containerProgress,
+                        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerProgress") } : {},
+                        children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
+                      }
+                    ),
+                    allLocales.length > 0 && /* Stack, MenuItem, Image, LabelItem: El grupo de componentes conforma las opciones del menú de idioma,
+                    se replica dependiendo de la cantidad de elementos que existan en la lista allLocales */
+                    /* @__PURE__ */ jsx(Stack, { spacing: 0.75, children: allLocales.map((option) => /* @__PURE__ */ jsxs(
+                      MenuItem,
+                      {
+                        selected: option.lang === currentLocale?.lang && option?.script === currentLocale?.script && option?.region === currentLocale?.region,
+                        onClick: () => {
+                          onChangeLocale(option);
+                          handleClose();
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(ContainerImage, { children: /* @__PURE__ */ jsx(Image, { alt: option.name, src: option.url_icon, ratio: "1:1" }) }),
+                          /* @__PURE__ */ jsx(
+                            LabelItem,
+                            {
+                              className: classes.labelItem,
+                              ...process.env.NODE_ENV !== "production" ? {
+                                [TEST_PROP_ID]: getNameDataTestId("labelItem")
+                              } : {},
+                              children: option.name
+                            }
+                          )
+                        ]
+                      },
+                      option.lang || option.script || option.region
+                    )) })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+export {
+  LanguagePopover as L
+};

package/components/LinearProgressIndeterminate/{index.ca78fd37.js → index-CTlvokQp.js}

@@ -2,15 +2,17 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
-import { l as LinearProgressIndeterminateRoot } from "../../styles/index.db9e7ddb.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as getComponentUtilityClass } from "../../utils/index-DiMrtgIu.js";
+import { l as LinearProgressIndeterminateRoot } from "../../styles/index-C-MsxWtr.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
 generateUtilityClasses(
   LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME,
   [
+    /* elements */
     "root",
     "windowLinearProgressBar"
+    /* states or variants of elements */
   ],
   LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME
 );

package/components/Loadable/{index.e83cdb4e.js → index-BMbi9ISF.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { P as PropagateLoader } from "../animate/PropagateLoader/index.a9da8d00.js";
+import { P as PropagateLoader } from "../animate/PropagateLoader/index-Bkq8V2SN.js";
 const Loadable = (Component) => function EmbededLoadable(props) {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PropagateLoader, {}), children: /* @__PURE__ */ jsx(Component, { ...props }) });
 };

package/components/LoadingError/{index.765ff885.js → index-CXVOiscg.js}

@@ -1,15 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.01fa3bcc.js";
+import { I as ICONS } from "../areas/icons-CwFr-alN.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { m as LoadingErrorRoot } from "../../styles/index.db9e7ddb.js";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.ca78fd37.js";
-import { I as Icon } from "../Icon/index.c06685f4.js";
-import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
-import { B as Button } from "../mui_extended/Button/index.3d14e3e9.js";
+import { m as LoadingErrorRoot } from "../../styles/index-C-MsxWtr.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index-CTlvokQp.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
+import { T as Typography } from "../mui_extended/Typography/index-W88rbpsJ.js";
+import { B as Button } from "../mui_extended/Button/index-CksGG1B8.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "loadingErrorLoading",
   "loadingError",
@@ -19,6 +20,7 @@ generateUtilityClasses(componentName, [
   "loadingErrorDivider",
   "loadingErrorTextAction",
   "titleDescription"
+  /* states or variants of elements */
 ]);
 function getLoadingErrorUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);

package/components/MFIsolationApp/{index.677d9e93.js → index-BfFMo2Q2.js}

@@ -6,11 +6,11 @@ import EventEmitter from "eventemitter3";
 import NProgress from "nprogress";
 import { HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
 import { useAuth, DomainCountryProvider, EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
-import { c as createToaster, T as ToastContainer } from "../ToastContainer/index.c1657bde.js";
+import { c as createToaster, T as ToastContainer } from "../ToastContainer/index-DN3ZHpBT.js";
 import { format } from "date-fns";
 import { defaultThemeOptions, fnComponentsOverrides } from "@m4l/styles";
-import { B as BaseModule } from "../BaseModule/index.f7a04fe7.js";
-import { A as AreasProvider } from "../areas/contexts/AreasContext/index.9edd84c3.js";
+import { B as BaseModule } from "../BaseModule/index-CtN6b__U.js";
+import { A as AreasProvider } from "../areas/contexts/AreasContext/index-spCQnOlk.js";
 function MFAuthApp(props) {
   const { children, user, pwd } = props;
   const { isAuthenticated, isInitialized, login, user: authUser } = useAuth();
@@ -19,8 +19,7 @@ function MFAuthApp(props) {
       login(user, pwd, false);
     }
   }, [isInitialized, isAuthenticated]);
-  if (!isAuthenticated)
-    return /* @__PURE__ */ jsx("div", { children: "Pendiente por autenticarse" });
+  if (!isAuthenticated) return /* @__PURE__ */ jsx("div", { children: "Pendiente por autenticarse" });
   const domianCountry = {
     id: 1,
     currency: "USD",
@@ -66,6 +65,7 @@ function MFIsolationApp(props) {
     user,
     pwd,
     database = "domain",
+    // 'domain
     host_api_local,
     host_api_remote,
     host_static_assets,

package/components/MFLoader/{index.6af7729c.js → index-CCtU6zwR.js}

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, useEnvironment, useHostTools, axiosOperation } from "@m4l/core";
@@ -11,13 +8,15 @@ import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/gra
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { L as LinearProgress } from "../mui_extended/LinearProgress/index.4092bb69.js";
-import { L as LoadingError } from "../LoadingError/index.765ff885.js";
-import { M as MFLoaderRoot } from "../../styles/index.db9e7ddb.js";
+import { L as LinearProgress } from "../mui_extended/LinearProgress/index-CGgW8jq2.js";
+import { L as LoadingError } from "../LoadingError/index-CXVOiscg.js";
+import { M as MFLoaderRoot } from "../../styles/index-C-MsxWtr.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "containerLinearProgress"
+  /* states or variants of elements */
 ]);
 function getMFLoaderUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -47,6 +46,8 @@ class ObservableLoaderMF {
     __publicField(this, "host");
     __publicField(this, "isRemote");
     __publicField(this, "eventStatus");
+    // private prefix: string;
+    // private moduleId: string;
     __publicField(this, "scriptId");
     __publicField(this, "networkOperation");
     __publicField(this, "subscribers");
@@ -73,6 +74,7 @@ class ObservableLoaderMF {
       });
     }
   }
+  //Metodo para arrancar la ejecución
   async start() {
     let percentCompleted = 0;
     this.notify("progress", percentCompleted);
@@ -92,14 +94,14 @@ class ObservableLoaderMF {
       endPoint: urlFile,
       isRemote: this.isRemote,
       headers: { "Content-Type": "application/json" },
+      // La propiedad es un método nativo de axios usado para conocer el estado descarga para una solicitud de red.
       onDownloadProgress: (progressEvent) => {
         try {
           if (progressEvent.lengthComputable) {
             percentCompleted = 10 + Math.round(progressEvent.loaded * 90 / progressEvent.total);
           } else {
             percentCompleted = 10 + progressEvent.loaded / 15e5 * 90;
-            if (percentCompleted > 95)
-              percentCompleted = 95;
+            if (percentCompleted > 95) percentCompleted = 95;
           }
         } catch (error) {
         }
@@ -116,7 +118,7 @@ class ObservableLoaderMF {
     });
     if (ret == "ok") {
       const script = document.createElement("script");
-      const startTime = new Date().getTime();
+      const startTime = (/* @__PURE__ */ new Date()).getTime();
       script.id = this.scriptId;
       script.crossOrigin = "";
       script.type = "module";
@@ -128,16 +130,19 @@ class ObservableLoaderMF {
       console.debug("Script appened", startTime);
     }
   }
+  // Método para suscribirse al objeto observable
   subscribe(subscriber) {
     this.subscribers.push(subscriber);
     this.tryAgain();
   }
+  // Método para cancelar la suscripción a objeto observable
   unsubscribe(subscriber) {
     const index = this.subscribers.indexOf(subscriber);
     if (index !== -1) {
       this.subscribers.splice(index, 1);
     }
   }
+  // Método para notificar a los suscriptores cuando algo cambie
   notify(newEvent, progress) {
     this.eventStatus = newEvent;
     this.subscribers.forEach((subscriber) => {
@@ -146,12 +151,23 @@ class ObservableLoaderMF {
   }
 }
 function getDivScritId(prefix, moduleId) {
-  const rotational_id = `${Math.round(new Date().getTime() / 1e3)}_rnd_${Math.round(
+  const rotational_id = `${Math.round((/* @__PURE__ */ new Date()).getTime() / 1e3)}_rnd_${Math.round(
     Math.random() * 1e3
   )}`;
   return {
+    // Esta propiedad es usada para asociarse al elemento div que retorna el componente MFLoader.
+    // Nota: este valor es importante porque cuando se requiera cargar el microfrontend, se utilizará la referencia id del elemento para crear un react render de la aplicación foranea.
+    /**
+     * Identificador único del contenedor HTML donde se renderizará el microfrontend.
+     */
     divContainerId: `container_${prefix}_${moduleId}_${rotational_id}`,
+    /**
+     * Identificador único del script HTML asociado al microfrontend.
+     */
     scriptId: `script_${moduleId}_${rotational_id}`,
+    /**
+     * Identificador único del módulo del microfrontend.
+     */
     moduleId
   };
 }
@@ -222,8 +238,7 @@ function MFLoader(props) {
   useEffect(() => {
     if (!isFirstRender) {
       debouncedSetDivScript(moduleId + "");
-      if (moduleId !== divScript.moduleId)
-        ;
+      if (moduleId !== divScript.moduleId) ;
     }
     return () => {
     };
@@ -265,8 +280,14 @@ function MFLoader(props) {
     }
   }, [statusLoader]);
   return /* @__PURE__ */ jsxs(MFLoaderRoot, { id: divScript.divContainerId, className: classes.root, children: [
-    statusLoader === "progress" ? /* @__PURE__ */ jsx(ProggessLoadingMF, { loadingProgress }) : null,
-    statusLoader === "error" ? /* @__PURE__ */ jsx(LoadingError, { status: statusLoader, action: tryAgainOnError }) : null
+    statusLoader === "progress" ? /* @__PURE__ */ jsx(ProggessLoadingMF, { loadingProgress }) : (
+      // <div>{networkProgress}</div>
+      null
+    ),
+    statusLoader === "error" ? /* @__PURE__ */ jsx(LoadingError, { status: statusLoader, action: tryAgainOnError }) : (
+      // <div>{networkProgress}</div>
+      null
+    )
   ] });
 }
 function getMFLoaderComponentsDictionary() {

package/components/ModalDialog/{index.a57ee020.js → index-KryIxH_j.js}

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.079122b0.js";
-import { u as useModal } from "../../hooks/useModal/index.eb857f6e.js";
-import { R as ResizeableWindow } from "../Resizeable/index.df2f3bb8.js";
+import { a as Draggable } from "../../react-draggable-DsCPdgQP.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
+import { R as ResizeableWindow } from "../Resizeable/index-BwQ6EKCK.js";
 import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.81eb6def.js";
+import { m as modalUtilityClasses } from "../modal/index-CydPIpKZ.js";
 import { useState, useEffect } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f674be30.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index-ChW1FuFf.js";
 const DragabblePaperComponent = (props) => {
-  return /* @__PURE__ */ jsx(cjs.exports, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });
+  return /* @__PURE__ */ jsx(Draggable, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });
 };
 function PaperComponent(props) {
   return /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset", height: "100%" }, ...props });

package/components/NavLink/{index.dd723dfd.js → index-D6eiKlc0.js}

@@ -2,12 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { N as NavLinkRoot } from "../../styles/index.db9e7ddb.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
+import { N as NavLinkRoot } from "../../styles/index-C-MsxWtr.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { T as Typography } from "../mui_extended/Typography/index-W88rbpsJ.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getNavLinkClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);

package/components/NoItemSelected/{index.b3e365b1.js → index-DKhhgTAH.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { n as WrapperNoItemSelected, o as Label, p as Img, q as WrapperSKTNoItemSelected } from "../../styles/index.db9e7ddb.js";
+import { n as WrapperNoItemSelected, o as Label, p as Img, q as WrapperSKTNoItemSelected } from "../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
@@ -8,7 +8,9 @@ const componentName = "M4LNoItemSelected";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root"
+    /* states or variants of elements */
   ]
 );
 function getNoItemSelectedUtilityClass(slot) {

package/components/ObjectLogs/{index.54fdee14.js → index-CpBmanv0.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
-import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index.db9e7ddb.js";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.b37d6cab.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.2ef6f261.js";
+import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index-C-MsxWtr.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index-EgaRUtbL.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index-CGcRZ8BA.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
-import { R as ReactJson } from "../../react-json-view.57125fcf.js";
-import { S as ScrollBar } from "../ScrollBar/index.11feff65.js";
-import { u as useModal } from "../../hooks/useModal/index.eb857f6e.js";
-import { I as Icon } from "../Icon/index.c06685f4.js";
-import { S as Stack } from "../mui_extended/Stack/index.99de8138.js";
-import { W as WindowBase } from "../modal/WindowBase.00b9e5f1.js";
-import { D as DynamicFilter } from "../DynamicFilter/index.b07b567a.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.94a74eb3.js";
+import { R as ReactJson } from "../../react-json-view-bhqIAaNg.js";
+import { S as ScrollBar } from "../ScrollBar/index-P3SkjYOy.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
+import { S as Stack } from "../mui_extended/Stack/index-C9YEChZB.js";
+import { W as WindowBase } from "../modal/WindowBase-Ce6yRLcN.js";
+import { D as DynamicFilter } from "../DynamicFilter/index-BLjn97jC.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary-B2qYGLOx.js";
 function DetailDialog(props) {
   const { log_id } = props;
   const { networkOperation } = useNetwork();
@@ -56,6 +56,7 @@ function DetailFormatter(props) {
   const isDesktop = useResponsiveDesktop();
   const onClickDetail = () => {
     openModal({
+      // onQueryClose: () => closeModal(),
       window: /* @__PURE__ */ jsx(WindowBase, { title: getLabel("data_grid.settings_title"), children: /* @__PURE__ */ jsx(Stack, { direction: "column", flexGrow: 1, children: /* @__PURE__ */ jsx(DetailDialog, { log_id }) }) }),
       fullScreen: !isDesktop ? true : false
     });
@@ -147,6 +148,8 @@ function ObjectLogs(props) {
                 multiple: false,
                 presence: "fixed",
                 urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
+                // defaultOperand1: startOfMonth(now),
+                // defaultOperand2: endOfDay(new Date()),
               },
               {
                 name: "users.email",
@@ -155,6 +158,8 @@ function ObjectLogs(props) {
                 multiple: true,
                 presence: "optional",
                 urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
+                // defaultOperand1: startOfMonth(now),
+                // defaultOperand2: endOfDay(new Date()),
               },
               {
                 name: "user_logs.log_preview",
@@ -163,6 +168,8 @@ function ObjectLogs(props) {
                 multiple: true,
                 presence: "optional",
                 urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_preview.svg`
+                // defaultOperand1: startOfMonth(now),
+                // defaultOperand2: endOfDay(new Date()),
               },
               {
                 name: "user_logs.log_detail",