@m4l/components 3.0.0 → 3.0.2

package/components/PDFViewer/{index.7932d07b.js → index-3PBUibum.js}

@@ -1,12 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { P as PDFVeiwerRoot } from "../../styles/index.db9e7ddb.js";
+import { P as PDFVeiwerRoot } from "../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Button } from "../mui_extended/Button/index.3d14e3e9.js";
+import { B as Button } from "../mui_extended/Button/index-CksGG1B8.js";
 const componentName = "M4LPDFViewer";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "buttonDownload"
+  /* states or variants of elements */
 ]);
 function getPDFViewerUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);

package/components/Page/{index.5f2963f3.js → index-PXQkJn7v.js}

@@ -1,6 +1,6 @@
 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.800a7957.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index-DJmGF2SQ.js";
 import clsx from "clsx";
 import React__default from "react";
 import { Helmet } from "react-helmet-async";
@@ -81,13 +81,16 @@ const PageRender = (props) => {
         sourceData
       },
       children: /* @__PURE__ */ jsxs(PageNode, { ...otherProps, children: [
-        Array.isArray(children) && children.length > 0 ? children.map((subComponent, id2) => {
-          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-            id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, { ancestor: parent }, `${parent.key}-header`) : null : null,
-            /* @__PURE__ */ jsx(FactoryRender, { data: subComponent }, `${parent.type}-${subComponent.key}`),
-            id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, { ancestor: parent }, `${parent.key}-footer`) : null : null
-          ] }, `fragment-page-${id2}`);
-        }) : null,
+        Array.isArray(children) && children.length > 0 ? (
+          // eslint-disable-next-line @typescript-eslint/no-shadow
+          children.map((subComponent, id2) => {
+            return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+              id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, { ancestor: parent }, `${parent.key}-header`) : null : null,
+              /* @__PURE__ */ jsx(FactoryRender, { data: subComponent }, `${parent.type}-${subComponent.key}`),
+              id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, { ancestor: parent }, `${parent.key}-footer`) : null : null
+            ] }, `fragment-page-${id2}`);
+          })
+        ) : null,
         typeof children === "string" ? children : null
       ] })
     }

package/components/PaperForm/{index.cdb1f846.js → index-B6a3-CZt.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index.db9e7ddb.js";
+import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index-C-MsxWtr.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.c06685f4.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
 import { unstable_composeClasses } from "@mui/base";
 const Header = (props) => {
   const { urlIcon, title, classes } = props;
@@ -17,11 +17,13 @@ const Header = (props) => {
 };
 const componentName = "M4LPaperForm";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "headerContainer",
   "iconTitleContainer",
   "iconHeaderContainer",
   "skeletonContainer",
+  /* states or variants of elements */
   "isForm"
 ]);
 function getPaperFormUtilityClass(slot) {

package/components/Period/{index.b0b2a03b.js → index-DtFWU3y5.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { z as ContainerPeriod } from "../../styles/index.db9e7ddb.js";
+import { z as ContainerPeriod } from "../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useState, useMemo } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f674be30.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index-ChW1FuFf.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.7b6c1ee3.js";
+import { T as Typography } from "../mui_extended/Typography/index-W88rbpsJ.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-OMq0pPK0.js";
 var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
   ETimePeriods2[ETimePeriods2["YEARS"] = 0] = "YEARS";
   ETimePeriods2[ETimePeriods2["MONTHS"] = 1] = "MONTHS";
@@ -25,6 +25,7 @@ function getPeriodComponetsDictionary() {
 }
 const componentName = "M4LPeriod";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "containerDateLabel",
   "containerDateValue",
@@ -32,6 +33,7 @@ generateUtilityClasses(componentName, [
   "skeletonFieldPrimary",
   "skeletonFieldSecondary",
   "skeletonFieldSecondary",
+  /* states or variants of elements */
   "stateError",
   "stateReadOnly",
   "variantMonoperiod",
@@ -81,29 +83,19 @@ const SkeletonPeriod = (props) => {
   ] });
 };
 const getSelPeriodTime = (period) => {
-  if (!period)
-    return ETimePeriods.YEARS;
-  if (period.selPeriodTime)
-    return period.selPeriodTime;
-  if (period.years && period.years > 0)
-    return ETimePeriods.YEARS;
-  if (period.months && period.months > 0)
-    return ETimePeriods.MONTHS;
-  if (period.days && period.days > 0)
-    return ETimePeriods.DAYS;
+  if (!period) return ETimePeriods.YEARS;
+  if (period.selPeriodTime) return period.selPeriodTime;
+  if (period.years && period.years > 0) return ETimePeriods.YEARS;
+  if (period.months && period.months > 0) return ETimePeriods.MONTHS;
+  if (period.days && period.days > 0) return ETimePeriods.DAYS;
   return ETimePeriods.YEARS;
 };
 const getSingleValue = (period) => {
-  if (!period)
-    return "";
-  if (period.singleValue !== void 0)
-    return period.singleValue;
-  if (period.years && period.years > 0)
-    return period.years;
-  if (period.months && period.months > 0)
-    return period.months;
-  if (period.days && period.days > 0)
-    return period.days;
+  if (!period) return "";
+  if (period.singleValue !== void 0) return period.singleValue;
+  if (period.years && period.years > 0) return period.years;
+  if (period.months && period.months > 0) return period.months;
+  if (period.days && period.days > 0) return period.days;
   return "";
 };
 const Period = (props) => {
@@ -139,12 +131,9 @@ const Period = (props) => {
       newPeriod.years = 0;
       newPeriod.months = 0;
       newPeriod.days = 0;
-      if (newPeriodTime === ETimePeriods.YEARS)
-        newPeriod.years = newValue;
-      if (newPeriodTime === ETimePeriods.MONTHS)
-        newPeriod.months = newValue;
-      if (newPeriodTime === ETimePeriods.DAYS)
-        newPeriod.days = newValue;
+      if (newPeriodTime === ETimePeriods.YEARS) newPeriod.years = newValue;
+      if (newPeriodTime === ETimePeriods.MONTHS) newPeriod.months = newValue;
+      if (newPeriodTime === ETimePeriods.DAYS) newPeriod.days = newValue;
     }
     onChange(newPeriod);
   };

package/components/PrintingSystem/{index.800a7957.js → index-DJmGF2SQ.js}

@@ -1,26 +1,27 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
-import { B as PrintingSystemRoot } from "../../styles/index.db9e7ddb.js";
+import { g as getComponentUtilityClass } from "../../utils/index-DiMrtgIu.js";
+import { B as PrintingSystemRoot } from "../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.142bbf1a.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.642ab1b7.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.d8a2a0af.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.5581a84d.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.ae542f70.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.60ad80bd.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.d16d2c5e.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.2994c128.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.166d7264.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.044363bf.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.d4aa116e.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.5f2963f3.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index-Dm-RAH_l.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index-Banh4UxX.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index-OBnZLPEc.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index-C7eFFsTN.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index-By5vsRzf.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index-DorXm6AO.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index-BPg-NpDf.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index-D7M4YL4C.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index-Drjfhq-n.js";
+import { G as GridNode } from "./subcomponents/GridNode/index-u0ZSP6s4.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index-Cd9H-_3i.js";
+import { P as PagerNode, a as PageRender } from "../Page/index-PXQkJn7v.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { useTheme } from "@mui/material/styles";
 const componentName = "M4LPrintingSystem";
 const classes = generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "pageNodeRoot",
   "sectionNodeRoot",
@@ -49,6 +50,7 @@ const classes = generateUtilityClasses(componentName, [
   "gridNodeTr",
   "gridNodeTd",
   "chartNodeRoot"
+  /* states or variants of elements */
 ]);
 const printingSystemUtilityClasses = () => {
   const slots = {

package/components/PrintingSystem/subcomponents/BodyNode/{index.60ad80bd.js → index-DorXm6AO.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.800a7957.js";
+import { c as classes, g as getSize } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const BodyNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/ChartNode/{index.d4aa116e.js → index-Cd9H-_3i.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.800a7957.js";
+import { c as classes } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";
@@ -34,6 +34,7 @@ const ChartNode = (props) => {
   const data = Array.isArray(adjustedPoints) && adjustedPoints.length > 0 ? adjustedPoints.map((point) => {
     return {
       x: point.avg,
+      // Usar el valor promedio como el punto x
       y: point.correction,
       yMin: point.correction !== null && point.uncertainty !== null ? point.correction - point.uncertainty : 0,
       yMax: point.correction !== null && point.uncertainty !== null ? point.correction + point.uncertainty : 0
@@ -74,6 +75,7 @@ const ChartNode = (props) => {
                   text: evaluateWithContext(sourceData, messageX)
                 },
                 beginAtZero: false
+                // No empezar en 0 en el eje x
               },
               y: {
                 title: {

package/components/PrintingSystem/subcomponents/DividerNode/{index.142bbf1a.js → index-Dm-RAH_l.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.800a7957.js";
+import { c as classes } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const DividerNode = (props) => {
   const { direction = "vertical", className = "", style = {} } = props;

package/components/PrintingSystem/subcomponents/FooterNode/{index.d16d2c5e.js → index-BPg-NpDf.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.800a7957.js";
+import { c as classes, g as getSize } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const FooterNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/GridNode/{index.044363bf.js → index-u0ZSP6s4.js}

@@ -1,13 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.800a7957.js";
+import { c as classes, g as getSize } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const GridNode = (props) => {
   const { style = {}, className = "", rows, columns } = props;
   const regexPattern = /\$\{([^{}]+)\}/g;
   const rowMaybeString = typeof rows === "string" && regexPattern.exec(rows) || "";
   const dataColumns = Array.isArray(columns) && columns.length > 0 ? columns : [];
-  const { unitSize, sourceData } = useBase();
+  const {
+    unitSize,
+    sourceData
+    /* templateData */
+  } = useBase();
   const result = getPropertyByString(sourceData, typeof rows === "string" ? rowMaybeString[1] : "");
   const rowEval = Array.isArray(result) ? result : typeof result === "object" ? [{ ...result }] : [];
   const rowsFormated = typeof rows === "string" ? rowEval : rows;

package/components/PrintingSystem/subcomponents/HeaderNode/{index.5581a84d.js → index-C7eFFsTN.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.800a7957.js";
+import { c as classes, g as getSize } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const HeaderNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/PaperNode/{index.2994c128.js → index-D7M4YL4C.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.800a7957.js";
+import { c as classes } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const PaperNode = (props) => {
   const { children, style = {}, className = "", title, titleSecondary } = props;

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.166d7264.js → index-Drjfhq-n.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.800a7957.js";
+import { c as classes, g as getSize } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const PropertyValueNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/SectionNode/{index.642ab1b7.js → index-Banh4UxX.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.800a7957.js";
+import { c as classes, g as getSize } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const SectionNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.d8a2a0af.js → index-OBnZLPEc.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.800a7957.js";
+import { c as classes } from "../../index-DJmGF2SQ.js";
 import clsx from "clsx";
 const TextBoxNode = (props) => {
   const { variant = "body", style, className, textAlign = "start", children } = props;

package/components/PropertyValue/{index.d81eae0a.js → index-Cc7y20oI.js}

@@ -1,22 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { E as PropertyValueRoot } from "../../styles/index.db9e7ddb.js";
+import { E as PropertyValueRoot } from "../../styles/index-C-MsxWtr.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../test/getNameDataTestId.0faeade8.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { g as getNameDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
 import { useState } from "react";
-import { F as FieldLabel } from "../FieldLabel/index.9a979def.js";
-import { I as Icon } from "../Icon/index.c06685f4.js";
+import { F as FieldLabel } from "../FieldLabel/index-DCAMDJoJ.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
 const componentName = "M4LPropertyValue";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root",
     "property",
     "iconProperty",
     "value",
+    /* states or variants of elements */
     "isDisabled",
     "isFocus",
     "variantIsForm",

package/components/Resizeable/{index.df2f3bb8.js → index-BwQ6EKCK.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { J as WrapperResizeable } from "../../styles/index.db9e7ddb.js";
+import { J as WrapperResizeable } from "../../styles/index-C-MsxWtr.js";
 function ResizeableWindow(props) {
   const { children, width = 600, height = 400, maxHeigth, onResize, maxWidth, ...other } = props;
   return /* @__PURE__ */ jsx(

package/components/ScrollBar/{index.11feff65.js → index-P3SkjYOy.js}

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Box } from "@mui/material";
-import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index.db9e7ddb.js";
+import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LScrollBar";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getScrollBarUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);