@m4l/components 1.0.11 → 1.0.13

package/components/Icon/{index.8ecfb193.js → index.83867398.js}

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
-import { s as componentName, I as ICON_PREFIX, T as TEST_PROP_ID, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT } from "../areas/constants.0d3ba950.js";
-import { m as mapClasses } from "../maps/index.a1bf63f2.js";
+import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.c37f3304.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.d221254d.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.4075c562.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -27,6 +27,7 @@ const DivIcon = styled("div", {
     transform: `rotate(${rotationAngle}deg)`
   }
 }));
+const componentName = "M4LIcon";
 generateUtilityClasses(componentName, [
   "root",
   "icon",
@@ -67,6 +68,7 @@ const useUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
+const ICON_PREFIX = "Icon";
 const getNameDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;
 };
@@ -160,17 +162,17 @@ const MarkerIconLabel = (props) => {
     Math.random()
   );
 };
-const ArrowIconRoot$1 = styled$1("div")(() => ({
+const ArrowIconRoot = styled$1("div")(() => ({
   display: "flex",
   alignSelf: "center",
   lineHeight: 0
 }));
-function ArrowIcon$1(props) {
+function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const { classes } = useSideBar();
   return /* @__PURE__ */ jsx(
-    ArrowIconRoot$1,
+    ArrowIconRoot,
     {
       className: classes.arrowIconRoot,
       ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$1("arrowIconRoot") } : {},
@@ -184,26 +186,8 @@ function ArrowIcon$1(props) {
     }
   );
 }
-const ArrowIconRoot = styled$1("div")(() => ({
-  display: "flex",
-  alignSelf: "center",
-  lineHeight: 0
-}));
-function ArrowIcon(props) {
-  const { openState } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsx(ArrowIconRoot, { className: "", children: /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
-      rotationAngle: openState ? 270 : 90,
-      size: "medium"
-    }
-  ) });
-}
 export {
-  ArrowIcon$1 as A,
+  ArrowIcon as A,
   Icon as I,
-  MarkerIconLabel as M,
-  ArrowIcon as a
+  MarkerIconLabel as M
 };

package/components/Image/{index.4a822ede.js → index.19aa7ff5.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
-import { u as IMAGE_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.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.9fdae551.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.a69a9d85.js";
 import QRCode from "qrcode.react";
 const ImageRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LImage?.styleOverrides
@@ -71,6 +71,7 @@ const getRatioValues = (ratio) => {
     };
   }
 };
+const IMAGE_PREFIX = "Image";
 const getNameDataTestId = (KEY) => {
   return `${IMAGE_PREFIX}-${KEY}`;
 };

package/components/LanguagePopover/index.921efd11.js

@@ -0,0 +1,188 @@
+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.19aa7ff5.js";
+import { useLocales } from "@m4l/graphics";
+import { styled } from "@mui/material/styles";
+import { I as ImageButton } from "../mui_extended/Button/index.d742e9ee.js";
+import { useEnvironment, useNetwork } from "@m4l/core";
+import { unstable_composeClasses } from "@mui/base";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
+import { P as Popover } from "../mui_extended/Popover/index.2348fc4f.js";
+const LanguagePopoverRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LanguagePopover?.styleOverrides
+}));
+const LabelItem = styled("div")(({ theme }) => ({
+  marginLeft: theme.spacing(1)
+}));
+const ContainerProgress = styled("div")(({ theme }) => ({
+  padding: theme.spacing(0.75, 0),
+  margin: theme.spacing(0, 1.25)
+}));
+const ContainerMenuItems = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column"
+}));
+const ContainerImage = styled("div")(() => ({
+  display: "flex",
+  gap: "4px",
+  width: "16px",
+  height: "16px"
+}));
+const componentName = "M4LanguagePopover";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "containerItems",
+    "containerProgress",
+    "labelItem",
+    "imageButton"
+  ]
+);
+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 /* @__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 && /* @__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 && /* @__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/{mui_extended/LinearProgress/index.e9455b2e.js → LinearProgressIndeterminate/index.ea9c8518.js}

@@ -1,13 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { LinearProgress as LinearProgress$1, generateUtilityClasses, styled } from "@mui/material";
 import clsx from "clsx";
+import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.c64c2dd1.js";
-import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
-const LinearProgress = (props) => {
-  const { ...other } = props;
-  return /* @__PURE__ */ jsx(LinearProgress$1, { ...other });
-};
+import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
 generateUtilityClasses(
   LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME,
@@ -55,6 +51,5 @@ const LinearProgressIndeterminate = () => {
   );
 };
 export {
-  LinearProgressIndeterminate as L,
-  LinearProgress as a
+  LinearProgressIndeterminate as L
 };

package/components/LoadingError/{index.9e829e8d.js → index.aee18b24.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.504ec098.js";
+import { I as ICONS } from "../areas/icons.8266ccc8.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { v as componentName } from "../areas/constants.0d3ba950.js";
 import { styled } from "@mui/material/styles";
-import { L as LinearProgressIndeterminate } from "../mui_extended/LinearProgress/index.e9455b2e.js";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
-import { B as Button } from "../mui_extended/Button/index.52852c42.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.ea9c8518.js";
+import { I as Icon } from "../Icon/index.83867398.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
+import { B as Button } from "../mui_extended/Button/index.d742e9ee.js";
+const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",
   "loadingErrorLoading",
@@ -81,6 +81,10 @@ const LoadingError = (props) => {
     /* @__PURE__ */ jsx(Button, { onClick: action, children: introMessage ? introMessage : getLabel("loading_error.label_error_intro") })
   ] }) });
 };
+const getLoadingErrorComponentsDictionary = () => {
+  return ["loading_error"];
+};
 export {
-  LoadingError as L
+  LoadingError as L,
+  getLoadingErrorComponentsDictionary as g
 };

package/components/MFLoader/{index.29f445e2.js → index.c975666e.js}

@@ -11,9 +11,9 @@ import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/gra
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { w as componentName } from "../areas/constants.0d3ba950.js";
-import { a as LinearProgress } from "../mui_extended/LinearProgress/index.e9455b2e.js";
-import { L as LoadingError } from "../LoadingError/index.9e829e8d.js";
+import { L as LinearProgress } from "../mui_extended/LinearProgress/index.4092bb69.js";
+import { L as LoadingError } from "../LoadingError/index.aee18b24.js";
+const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
   "containerLinearProgress"
@@ -275,6 +275,10 @@ MFLoader.defaultProps = {
   document,
   window
 };
+function getMFLoaderComponentsDictionary() {
+  return ["mf_loader"];
+}
 export {
-  MFLoader as M
+  MFLoader as M,
+  getMFLoaderComponentsDictionary as g
 };

package/components/ModalDialog/{index.96c4aba3.js → index.0dd5af28.js}

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.0cc9b257.js";
-import { u as useModal } from "../../hooks/useModal/index.d14c7e46.js";
-import { R as ResizeableWindow } from "../Resizeable/index.414ff687.js";
+import { c as cjs } from "../../react-draggable.1c1ba224.js";
+import { u as useModal } from "../../hooks/useModal/index.2003c854.js";
+import { R as ResizeableWindow } from "../Resizeable/index.4f75c0b5.js";
 import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.5bce430d.js";
+import { m as modalUtilityClasses } from "../modal/index.81eb6def.js";
 import { useState, useEffect } from "react";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.258bf919.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 }) });
 };
@@ -63,6 +64,14 @@ const ModalDialog = () => {
     }
   );
 };
+function getModalDialogComponentsDictionary() {
+  return ["modal_dialog"].concat(getCommonActionsDictionary());
+}
+const defaultModalDialogDictionary = {
+  modal_dialog: {}
+};
 export {
-  ModalDialog as M
+  ModalDialog as M,
+  defaultModalDialogDictionary as d,
+  getModalDialogComponentsDictionary as g
 };

package/components/NavLink/{index.9f5d5670.js → index.ad039baf.js}

@@ -3,8 +3,8 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
-import { x as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"
@@ -24,6 +24,7 @@ const useUtilityClasses = () => {
 const NavLinkRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LNavLink?.styleOverrides
 }));
+const NAVLINK_PREFIX = "Navlink";
 const getNameDataTestId = (KEY) => {
   return `${NAVLINK_PREFIX}-${KEY}`;
 };

package/components/NoItemSelected/{index.0ae9f28f.js → index.d10603d7.js}

@@ -1,11 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { I as Image } from "../Image/index.4a822ede.js";
+import { I as Image } from "../Image/index.19aa7ff5.js";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
-import { y as componentName } from "../areas/constants.0d3ba950.js";
 const WrapperNoItemSelected = styled("div")(({ theme }) => ({
   ...theme.components?.M4LNoItemSelected?.styleOverrides
 }));
@@ -24,6 +23,7 @@ const WrapperSKTNoItemSelected = styled("div")(() => ({
   mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
   WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`
 }));
+const componentName = "M4LNoItemSelected";
 generateUtilityClasses(
   componentName,
   [
@@ -56,6 +56,16 @@ function NoItemSelected(props) {
     !image ? /* @__PURE__ */ jsx(Img, { src: defaultImage }) : /* @__PURE__ */ jsx(Img, { src: image })
   ] }) : /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, { id: "WrapperSKTNoItemSelected", children: /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", width: "100%", height: "100%" }) }) });
 }
+function getNoItemSelectedComponentsDictionary() {
+  return ["no_item_selected"];
+}
+const defaultNoItemSelectedDictionary = {
+  no_item_selected: {
+    message: "Please select a item to show detail"
+  }
+};
 export {
-  NoItemSelected as N
+  NoItemSelected as N,
+  defaultNoItemSelectedDictionary as d,
+  getNoItemSelectedComponentsDictionary as g
 };

package/components/ObjectLogs/{index.40c5047f.js → index.a3e42b21.js}

@@ -2,17 +2,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DateFormatter, a as DataGrid } from "../../vendor.5b266106.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.68e19254.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.2ef6f261.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.1e89bb44.js";
-import { u as useModal } from "../../hooks/useModal/index.d14c7e46.js";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
+import { S as ScrollBar } from "../ScrollBar/index.21bc5025.js";
+import { u as useModal } from "../../hooks/useModal/index.2003c854.js";
+import { I as Icon } from "../Icon/index.83867398.js";
 import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
-import { W as WindowBase } from "../modal/WindowBase.390b0910.js";
-import { a as DynamicFilter } from "../DynamicFilter/index.0f04f223.js";
-import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { W as WindowBase } from "../modal/WindowBase.cfbb0c9e.js";
+import { a as DynamicFilter } from "../DynamicFilter/index.056a99c7.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.d28d39ef.js";
 const Container = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -232,6 +234,22 @@ function ObjectLogs(props) {
     }
   );
 }
+function getObjectLogsComponentsDictionary() {
+  return ["object_logs"].concat(getDataGridComponentsDictionary()).concat(getDynamicFilterComponentsDictionary());
+}
+const defaultObjectLogDictionary = {
+  object_logs: {
+    created_at: "Start date",
+    user: "User/email",
+    resource_name: "Resource",
+    privilege_name: "Privilege",
+    log_preview: "Log",
+    log_detail: "Detail",
+    ip: "Ip"
+  }
+};
 export {
-  ObjectLogs as O
+  ObjectLogs as O,
+  defaultObjectLogDictionary as d,
+  getObjectLogsComponentsDictionary as g
 };

package/components/PDFViewer/{index.651cc4b6.js → index.35f68e67.js}

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { z as componentName } from "../areas/constants.0d3ba950.js";
-import { B as Button } from "../mui_extended/Button/index.52852c42.js";
+import { B as Button } from "../mui_extended/Button/index.d742e9ee.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));
+const componentName = "M4LPDFViewer";
 generateUtilityClasses(componentName, [
   "root",
   "buttonDownload"

package/components/Page/{index.1d08818c.js → index.f4755eba.js}

@@ -1,10 +1,25 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.9fdae551.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.a69a9d85.js";
 import clsx from "clsx";
 import React__default from "react";
 import { Helmet } from "react-helmet-async";
 import { useLocales } from "@m4l/graphics";
+const PagerNode = (props) => {
+  const { style = {}, className = "" } = props;
+  const { mainColor, countPages, pageId } = useBase();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(classes.pagerNodeRoot, className),
+      style: {
+        ...style,
+        color: mainColor
+      },
+      children: ` ${pageId} / ${countPages}`
+    }
+  );
+};
 const PageNode = (props) => {
   const {
     children,
@@ -94,5 +109,6 @@ const HelmetPage = (props) => {
 HelmetPage.displayName = "Page";
 export {
   HelmetPage as H,
-  PageRender as P
+  PagerNode as P,
+  PageRender as a
 };

package/components/PaperForm/{index.1a8b10d4.js → index.007ef4cf.js}

@@ -2,9 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
+import { I as Icon } from "../Icon/index.83867398.js";
 import { unstable_composeClasses } from "@mui/base";
-import { E as componentName } from "../areas/constants.0d3ba950.js";
 const PaperFormRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPaperForm?.styleOverrides
 }));
@@ -55,6 +54,7 @@ const Header = (props) => {
     /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 68, height: 14 })
   ] }) });
 };
+const componentName = "M4LPaperForm";
 generateUtilityClasses(componentName, [
   "root",
   "headerContainer",