@m4l/components 0.2.36 → 1.0.0

package/components/{hook-form/RHFUpload/index.c5e5c61c.js → Image/index.36a3d440.js}

@@ -1,29 +1,182 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useCallback } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import { generateUtilityClasses, generateUtilityClass, IconButton, Tooltip, Skeleton, styled as styled$1 } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+import { v as IMAGE_PREFIX, T as TEST_PROP_ID, w as componentName$1, x as IMAGEBUTTON_PREFIX, y as ICON_PREFIX, z as componentName$2 } from "../areas/constants.5387d83e.js";
 import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.8cc036b1.js";
-import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index.a1e774a2.js";
-import { B as Button } from "../../mui_extended/Button/index.5395d101.js";
-import { H as HelperText } from "../../HelperText/index.81c5d349.js";
+import clsx from "clsx";
+import { useEnvironment, useModuleDictionary, useModuleSkeleton, useBase, evaluateWithContext } from "@m4l/core";
+import { T as Typography, B as Button } from "../../vendor.a1ce6777.js";
+import { H as HelperText } from "../HelperText/index.be949cdf.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.fb176a93.js";
+import QRCode from "qrcode.react";
+const ImageRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LImage?.styleOverrides
+}));
+const ratioOptions = {
+  "1.168:1": {
+    width: 1.168,
+    height: 1
+  },
+  "16:9": {
+    width: 16,
+    height: 9
+  },
+  "1:1": {
+    width: 1,
+    height: 1
+  },
+  "1:1.168": {
+    width: 1,
+    height: 1.168
+  },
+  "2:1": {
+    width: 2,
+    height: 1
+  },
+  "2:3": {
+    width: 2,
+    height: 3
+  },
+  "3:1": {
+    width: 3,
+    height: 1
+  },
+  "3:2": {
+    width: 3,
+    height: 2
+  },
+  "3:4": {
+    width: 3,
+    height: 4
+  },
+  "4:3": {
+    width: 4,
+    height: 3
+  },
+  "5:2": {
+    width: 5,
+    height: 2
+  }
+};
+const getRatioValues = (ratio) => {
+  const numType = ratioOptions[ratio];
+  const numRef = numType.width / numType.height;
+  if (numRef >= 1) {
+    return {
+      width: "100%",
+      height: `${Math.trunc(numRef * 100)}%`
+    };
+  } else {
+    return {
+      width: `${Math.trunc(numRef * 100)}%`,
+      height: "100%"
+    };
+  }
+};
+const getNameDataTestId$1 = (KEY) => {
+  return `${IMAGE_PREFIX}-${KEY}`;
+};
+const componentName = "M4LImage";
+generateUtilityClasses(componentName, [
+  "root",
+  "img"
+]);
+function getImagenClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses$1 = () => {
+  const slots = {
+    root: ["root"],
+    img: ["img"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getImagenClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function Image(props) {
+  const { src, alt, width, height, ratio = "1:1", className } = props;
+  const ratioImage = getRatioValues(ratio);
+  const classes2 = useUtilityClasses$1();
+  return /* @__PURE__ */ jsx(
+    ImageRoot,
+    {
+      className: clsx(classes2.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$1("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$1("img") } : {}
+        }
+      )
+    }
+  );
+}
+const WrapperImageButton = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LImageButton?.styleOverrides
+}));
+generateUtilityClasses(componentName$1, [
+  "root"
+]);
+function getImageButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const getNameDataTestId = (KEY) => {
+  return `${IMAGEBUTTON_PREFIX}-${KEY}`;
+};
+function ImageButton({
+  src,
+  width,
+  height,
+  tooltip,
+  sx = { width, height },
+  ...other
+}) {
+  const finalTooltip = tooltip;
+  const classes2 = useUtilityClasses();
+  const imageButton = useMemo(() => {
+    return /* @__PURE__ */ jsx(IconButton, { sx, ...other, children: /* @__PURE__ */ jsx(Image, { src }) });
+  }, [src, width, height, sx]);
+  return /* @__PURE__ */ jsx(
+    WrapperImageButton,
+    {
+      className: classes2.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: imageButton }) : imageButton
+    }
+  );
+}
 const UploadImageRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LRHFUploadImage?.styleOverrides
 }));
-const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;
 };
 const SkeletonUploadImage = (props) => {
-  const { classes } = props;
+  const { classes: classes2 } = props;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classes,
+      className: classes2,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("skeleton")
       } : {},
@@ -34,9 +187,8 @@ const SkeletonUploadImage = (props) => {
     }
   );
 };
-const componentName = "M4LRHFUploadImage";
 generateUtilityClasses(
-  componentName,
+  componentName$2,
   [
     "root",
     "dropZoneStyle",
@@ -56,7 +208,7 @@ generateUtilityClasses(
   ]
 );
 function getRHFUploadImagebUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
+  return generateUtilityClass(componentName$2, slot);
 }
 const RHFUploadImageUtilityClasses = (ownerState) => {
   const slots = {
@@ -97,25 +249,25 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
     isDragActive,
     hasFile: file
   };
-  const classes = RHFUploadImageUtilityClasses(ownerSate);
+  const classes2 = RHFUploadImageUtilityClasses(ownerSate);
   return /* @__PURE__ */ jsx(
     UploadImageRoot,
     {
-      className: classes.root,
+      className: classes2.root,
       ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("root") } : {},
       children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "est\xE1 sin skeleton",
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: classes.containerUploadImage,
+            className: classes2.containerUploadImage,
             ...process.env.NODE_ENV !== "production" ? {
               [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadImage")
             } : {},
             children: /* @__PURE__ */ jsxs(
               "div",
               {
-                className: classes.dropZoneStyle,
+                className: classes2.dropZoneStyle,
                 ...getRootProps(),
                 ...process.env.NODE_ENV !== "production" ? {
                   [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("dropZoneStyle")
@@ -125,7 +277,7 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
                     "input",
                     {
                       ...getInputProps(),
-                      className: classes.inputDropZone,
+                      className: classes2.inputDropZone,
                       ...process.env.NODE_ENV !== "production" ? {
                         [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("inputDropZone")
                       } : {}
@@ -134,7 +286,7 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
                   file && /* @__PURE__ */ jsx(
                     "div",
                     {
-                      className: classes.containerFileImage,
+                      className: classes2.containerFileImage,
                       ...process.env.NODE_ENV !== "production" ? {
                         [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerFileImage")
                       } : {},
@@ -151,14 +303,14 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
                   /* @__PURE__ */ jsx(
                     "div",
                     {
-                      className: classes.placeHolder,
+                      className: classes2.placeHolder,
                       ...process.env.NODE_ENV !== "production" ? {
                         [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("placeHolder")
                       } : {},
                       children: /* @__PURE__ */ jsxs(
                         "div",
                         {
-                          className: classes.containerUploadBoddy,
+                          className: classes2.containerUploadBoddy,
                           ...process.env.NODE_ENV !== "production" ? {
                             [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadBoddy")
                           } : {},
@@ -166,7 +318,7 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
                             /* @__PURE__ */ jsx(
                               "div",
                               {
-                                className: classes.containerBodyImage,
+                                className: classes2.containerBodyImage,
                                 ...process.env.NODE_ENV !== "production" ? {
                                   [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerBodyImage")
                                 } : {},
@@ -182,7 +334,7 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
                             /* @__PURE__ */ jsxs(
                               "div",
                               {
-                                className: classes.containerMessage,
+                                className: classes2.containerMessage,
                                 ...process.env.NODE_ENV !== "production" ? {
                                   [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerMessage")
                                 } : {},
@@ -190,14 +342,14 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
                                   /* @__PURE__ */ jsx(
                                     Typography,
                                     {
-                                      className: classes.containerTitle,
+                                      className: classes2.containerTitle,
                                       variant: "subtitle",
                                       skeletonWidth: "150px",
                                       children: getLabel("upload_image.title_upload")
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx(Typography, { className: classes.containerDescription, variant: "body", children: getLabel("upload_image.description") }),
-                                  /* @__PURE__ */ jsx(Typography, { className: classes.containerConditions, variant: "body", children: getLabel("upload_image.conditions") }),
+                                  /* @__PURE__ */ jsx(Typography, { className: classes2.containerDescription, variant: "body", children: getLabel("upload_image.description") }),
+                                  /* @__PURE__ */ jsx(Typography, { className: classes2.containerConditions, variant: "body", children: getLabel("upload_image.conditions") }),
                                   /* @__PURE__ */ jsx(Button, { onClick: open, children: getLabel("upload_image.label_button") })
                                 ]
                               }
@@ -213,11 +365,11 @@ function UploadImage({ error, file, helperText, sx, ...other }) {
           }
         ),
         helperText && helperText
-      ] }) : /* @__PURE__ */ jsx(SkeletonUploadImage, { classes: classes.skeleton })
+      ] }) : /* @__PURE__ */ jsx(SkeletonUploadImage, { classes: classes2.skeleton })
     }
   );
 }
-const WrapperRHFUploadImage = styled("div")(() => ({
+const WrapperRHFUploadImage = styled$1("div")(() => ({
   width: "inherit",
   height: "inherit",
   padding: "1px"
@@ -253,6 +405,55 @@ function RHFUploadImage({ name, ...other }) {
     }
   );
 }
+const ImageNode = (props) => {
+  const { className, style, src, width = "100%", height = "100%" } = 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
+      }
+    }
+  );
+};
+const convertToPx = (size, magnitud) => {
+  if (isNaN(size)) {
+    return 0;
+  }
+  if (magnitud === "px") {
+    return size;
+  }
+  switch (magnitud) {
+    case "cm":
+      return size * 37.8;
+    case "mm":
+      return size * 3.78;
+    case "in":
+      return size * 96;
+    case "pt":
+      return size * 1.33;
+    case "pc":
+      return size * 16;
+    default:
+      return 100;
+  }
+};
+const QRImageNode = (props) => {
+  const { url, size = 8, color } = props;
+  const { unitSize } = useBase();
+  return /* @__PURE__ */ jsx(QRCode, { value: url, size: convertToPx(size, unitSize), fgColor: color, renderAs: "canvas" });
+};
 export {
-  RHFUploadImage as R
+  Image as I,
+  QRImageNode as Q,
+  RHFUploadImage as R,
+  ImageButton as a,
+  ImageNode as b
 };

package/components/Image/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const ImageRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ImageRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/LanguagePopover/{index.72f316fc.js → index.e6fa2336.js}

@@ -1,14 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.8cc036b1.js";
+import { generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
+import { a as ImageButton, I as Image } from "../Image/index.36a3d440.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.5395d101.js";
+import { styled } from "@mui/material/styles";
 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.4e7340b4.js";
+import { E as componentName, F as LANGUAGEPOPOVER_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { P as Popover, C as CircularProgress } from "../../vendor.a1ce6777.js";
 const LanguagePopoverRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LanguagePopover?.styleOverrides
 }));
@@ -29,7 +28,6 @@ const ContainerImage = styled("div")(() => ({
   width: "16px",
   height: "16px"
 }));
-const componentName = "M4LanguagePopover";
 generateUtilityClasses(
   componentName,
   [
@@ -55,7 +53,6 @@ const useUtilityClasses = () => {
     ...composedClasses
   };
 };
-const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";
 const getNameDataTestId = (KEY) => {
   return `${LANGUAGEPOPOVER_PREFIX}-${KEY}`;
 };

package/components/LanguagePopover/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const LanguagePopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const LabelItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerProgress: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerMenuItems: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LanguagePopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LabelItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerProgress: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerMenuItems: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/LinearProgressIndeterminate/{index.2ecd571e.js → index.de9d447c.js}

@@ -2,9 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.0718eeac.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
+import { G as LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME, J as ICON_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { g as getComponentUtilityClass } from "../../utils/index.9ee4c99a.js";
 generateUtilityClasses(
   LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME,
   [
@@ -27,7 +26,6 @@ const useLinearProgressIndeterminateUtilityClasses = () => {
 const LinearProgressIndeterminateRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LinearProgressIndeterminate?.styleOverrides
 }));
-const ICON_PREFIX = "M4LinearProgressIndeterminate";
 const getNameLinearProgressIndeterminateDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;
 };

package/components/Loadable/{index.97fe63f9.js → index.e83cdb4e.js}

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

package/components/LoadingError/{index.7aaba1cf.js → index.9f00c83c.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
+import { I as ICONS } from "../areas/icons.504ec098.js";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.2ecd571e.js";
-import { I as Icon } from "../Icon/index.ee7b85c9.js";
-import { T as Typography } from "../mui_extended/Typography/index.a1e774a2.js";
-import { B as Button } from "../mui_extended/Button/index.5395d101.js";
-const componentName = "M4LoadingError";
+import { K as componentName } from "../areas/constants.5387d83e.js";
+import { styled } from "@mui/material/styles";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.de9d447c.js";
+import { I as Icon } from "../Icon/index.d5fed418.js";
+import { T as Typography, B as Button } from "../../vendor.a1ce6777.js";
 generateUtilityClasses(componentName, [
   "root",
   "loadingErrorLoading",
@@ -80,10 +80,6 @@ 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,
-  getLoadingErrorComponentsDictionary as g
+  LoadingError as L
 };

package/components/LoadingError/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const LoadingErrorRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingErrorRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/MFLoader/{index.40c419c0.js → index.402c1acc.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 { L as LinearProgress } from "../mui_extended/LinearProgress/index.4092bb69.js";
-import { L as LoadingError } from "../LoadingError/index.7aaba1cf.js";
-const componentName = "M4LMFLoader";
+import { O as componentName } from "../areas/constants.5387d83e.js";
+import { L as LinearProgress } from "../../vendor.a1ce6777.js";
+import { L as LoadingError } from "../LoadingError/index.9f00c83c.js";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
   "containerLinearProgress"
@@ -275,10 +275,6 @@ MFLoader.defaultProps = {
   document,
   window
 };
-function getMFLoaderComponentsDictionary() {
-  return ["mf_loader"];
-}
 export {
-  MFLoader as M,
-  getMFLoaderComponentsDictionary as g
+  MFLoader as M
 };

package/components/ModalDialog/{index.42349189.js → index.ea9189c3.js}

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.79b4c69a.js";
-import { u as useModal } from "../../hooks/useModal/index.30674bb7.js";
-import { R as ResizeableWindow } from "../Resizeable/index.5e8e48b1.js";
+import { c as cjs } from "../../react-draggable.5331add7.js";
+import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
+import { R as ResizeableWindow } from "../Resizeable/index.1f0c1359.js";
 import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.81eb6def.js";
+import { m as modalUtilityClasses } from "../modal/index.a0e30c8b.js";
 import { useState, useEffect } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.273645af.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 }) });
 };
@@ -64,14 +63,6 @@ const ModalDialog = () => {
     }
   );
 };
-function getModalDialogComponentsDictionary() {
-  return ["modal_dialog"].concat(getCommonActionsDictionary());
-}
-const defaultModalDialogDictionary = {
-  modal_dialog: {}
-};
 export {
-  ModalDialog as M,
-  defaultModalDialogDictionary as d,
-  getModalDialogComponentsDictionary as g
+  ModalDialog as M
 };

package/components/NavLink/{index.9e847eb5.js → index.4e548cee.js}

@@ -1,9 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { NavLink as NavLink$1 } from "react-router-dom";
-import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { T as Typography } from "../mui_extended/Typography/index.a1e774a2.js";
+import { styled } from "@mui/material/styles";
+import { P as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { T as Typography } from "../../vendor.a1ce6777.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"
@@ -23,7 +24,6 @@ const useUtilityClasses = () => {
 const NavLinkRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LNavLink?.styleOverrides
 }));
-const NAVLINK_PREFIX = "Navlink";
 const getNameDataTestId = (KEY) => {
   return `${NAVLINK_PREFIX}-${KEY}`;
 };

package/components/NavLink/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const NavLinkRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavLinkRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/NoItemSelected/{index.5a8160fd.js → index.418c8316.js}

@@ -1,9 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { I as Image } from "../Image/index.8cc036b1.js";
+import { I as Image } from "../Image/index.36a3d440.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 { Q as componentName } from "../areas/constants.5387d83e.js";
 const WrapperNoItemSelected = styled("div")(({ theme }) => ({
   ...theme.components?.M4LNoItemSelected?.styleOverrides
 }));
@@ -11,7 +13,7 @@ const Img = styled(Image)(() => ({
   display: "flex"
 }));
 const Label = styled("span")(({ theme }) => ({
-  ...theme.typography.body,
+  ...theme.colorSchemes.finalTheme.typography.body,
   padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`
 }));
 const WrapperSKTNoItemSelected = styled("div")(() => ({
@@ -22,7 +24,6 @@ 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,
   [
@@ -55,16 +56,6 @@ 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,
-  defaultNoItemSelectedDictionary as d,
-  getNoItemSelectedComponentsDictionary as g
+  NoItemSelected as N
 };