@m4l/components 0.1.95 → 0.1.97

package/components/Icon/index.4e424a81.js

@@ -0,0 +1,248 @@
+import React__default, { useState, useEffect } from "react";
+import { useEnvironment } from "@m4l/core";
+import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.ed0211ba.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { jsx } from "react/jsx-runtime";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+const IconRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LIcon?.styleOverrides
+}));
+const DivIcon = styled("div", {
+  shouldForwardProp: (props) => props !== "src" && props !== "rotationAngle"
+})(({
+  src,
+  rotationAngle
+}) => ({
+  maskPosition: "center",
+  maskRepeat: "no-repeat",
+  maskSize: "cover",
+  WebkitMaskRepeat: "no-repeat",
+  mask: `url('data:image/svg+xml;base64,${src}')`,
+  WebkitMask: `url('data:image/svg+xml;base64,${src}')`,
+  WebkitMaskSize: "cover",
+  ...rotationAngle && {
+    transform: `rotate(${rotationAngle}deg)`
+  }
+}));
+const componentName = "M4LIcon";
+generateUtilityClasses(componentName, [
+  "root",
+  "icon",
+  "variantSkeleton",
+  "sizeExtraSmall",
+  "sizeSmall",
+  "sizeMedium",
+  "sizeLarge",
+  "sizeExtraLarge",
+  "rotationAngle"
+]);
+function getIconClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root"],
+    icon: ["icon", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge", ownerState.rotationAngle ? "rotationAngle" : ""],
+    variantSkeleton: ["variantSkeleton", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getIconClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const ICON_PREFIX = "Icon";
+const getNameDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+function Icon(props) {
+  const {
+    src,
+    size = "small",
+    rotationAngle,
+    testingProps,
+    className,
+    memorizeResource = true
+  } = props;
+  const [resource, setResource] = useState(testingProps?.resource || void 0);
+  const isDesktop = useResponsiveDesktop();
+  if (memorizeResource) {
+    useEffect(() => {
+      let mounted = true;
+      (async function networkOperation() {
+        await fetch(src).then((response) => {
+          return response.text() || "";
+        }).then((xml) => {
+          xml = xml.match(
+            /(<svg\b[^>]*\s*(viewBox="(\b[^"]*)").*?>([\s\S]*?)<\/svg>|<svg>([\s\S]*?)<\/svg>)/g
+          )?.toString() || "";
+          if (mounted) {
+            setResource(window.btoa(xml));
+          }
+        }).catch((_err) => {
+        });
+      })();
+      return function clenUp() {
+        mounted = false;
+      };
+    }, [src]);
+  }
+  const ownerState = {
+    size: isDesktop ? size : "medium",
+    rotationAngle
+  };
+  const classes = useUtilityClasses(ownerState);
+  if (!memorizeResource) {
+    return /* @__PURE__ */ jsx(IconRoot, {
+      className: clsx(classes.root, className),
+      children: /* @__PURE__ */ jsx("img", {
+        src,
+        alt: src,
+        className: ""
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx(IconRoot, {
+    className: clsx(classes.root, className),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
+    children: resource ? /* @__PURE__ */ jsx(DivIcon, {
+      className: classes.icon,
+      src: resource,
+      rotationAngle,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId("icon")
+      } : {}
+    }) : /* @__PURE__ */ jsx(Skeleton, {
+      variant: "rectangular",
+      className: classes.variantSkeleton,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId("variantSkeleton")
+      } : {}
+    })
+  });
+}
+var UnfoldMoreHorizontalIcon = {};
+Object.defineProperty(UnfoldMoreHorizontalIcon, "__esModule", {
+  value: true
+});
+var _extends$1 = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+  return target;
+};
+var _react$1 = React__default;
+var _react2$1 = _interopRequireDefault$1(_react$1);
+function _interopRequireDefault$1(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+function _objectWithoutProperties$1(obj, keys) {
+  var target = {};
+  for (var i in obj) {
+    if (keys.indexOf(i) >= 0)
+      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i))
+      continue;
+    target[i] = obj[i];
+  }
+  return target;
+}
+var DEFAULT_SIZE$1 = 24;
+var _default$1 = UnfoldMoreHorizontalIcon.default = function(_ref) {
+  var _ref$fill = _ref.fill, fill = _ref$fill === void 0 ? "currentColor" : _ref$fill, _ref$width = _ref.width, width = _ref$width === void 0 ? DEFAULT_SIZE$1 : _ref$width, _ref$height = _ref.height, height = _ref$height === void 0 ? DEFAULT_SIZE$1 : _ref$height, _ref$style = _ref.style, style = _ref$style === void 0 ? {} : _ref$style, props = _objectWithoutProperties$1(_ref, ["fill", "width", "height", "style"]);
+  return _react2$1.default.createElement(
+    "svg",
+    _extends$1({
+      viewBox: "0 0 " + DEFAULT_SIZE$1 + " " + DEFAULT_SIZE$1,
+      style: _extends$1({ fill, width, height }, style)
+    }, props),
+    _react2$1.default.createElement("path", { d: "M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" })
+  );
+};
+var CheckIcon = {};
+Object.defineProperty(CheckIcon, "__esModule", {
+  value: true
+});
+var _extends = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+  return target;
+};
+var _react = React__default;
+var _react2 = _interopRequireDefault(_react);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+function _objectWithoutProperties(obj, keys) {
+  var target = {};
+  for (var i in obj) {
+    if (keys.indexOf(i) >= 0)
+      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i))
+      continue;
+    target[i] = obj[i];
+  }
+  return target;
+}
+var DEFAULT_SIZE = 24;
+var _default = CheckIcon.default = function(_ref) {
+  var _ref$fill = _ref.fill, fill = _ref$fill === void 0 ? "currentColor" : _ref$fill, _ref$width = _ref.width, width = _ref$width === void 0 ? DEFAULT_SIZE : _ref$width, _ref$height = _ref.height, height = _ref$height === void 0 ? DEFAULT_SIZE : _ref$height, _ref$style = _ref.style, style = _ref$style === void 0 ? {} : _ref$style, props = _objectWithoutProperties(_ref, ["fill", "width", "height", "style"]);
+  return _react2.default.createElement(
+    "svg",
+    _extends({
+      viewBox: "0 0 " + DEFAULT_SIZE + " " + DEFAULT_SIZE,
+      style: _extends({ fill, width, height }, style)
+    }, props),
+    _react2.default.createElement("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+  );
+};
+const ArrowIconRoot = styled("div")(() => ({
+  display: "flex",
+  alignSelf: "center",
+  lineHeight: 0
+}));
+function ArrowIcon(props) {
+  const {
+    openState
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    classes
+  } = useSideBar();
+  return /* @__PURE__ */ jsx(ArrowIconRoot, {
+    className: classes.arrowIconRoot,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId$1("arrowIconRoot")
+    } : {},
+    children: /* @__PURE__ */ jsx(Icon, {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
+      rotationAngle: openState ? 90 : 0
+    })
+  });
+}
+export {
+  ArrowIcon as A,
+  Icon as I,
+  _default$1 as _,
+  _default as a
+};

package/components/Icon/types.d.ts

@@ -8,6 +8,7 @@ export interface IconProps {
     rotationAngle?: number;
     testingProps?: TestingProps;
     className?: string;
+    memorizeResource?: boolean;
 }
 export declare type DivIconProps = Pick<IconProps, 'src' | 'rotationAngle'>;
 export declare type WrapperPlaceHolderProps = {

package/components/Image/{index.9799dfc0.js → index.8b134b95.js}

@@ -5,7 +5,8 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { g as getEvalValue, c as classes, a as getSize } from "../PrintingSystem/index.d1fd7818.js";
+import { g as getEvalValue, c as classes, a as getSize } from "../PrintingSystem/index.2147b2c3.js";
+import { Q as QRCode } from "../../node_modules.a40403af.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }
@@ -278,7 +279,9 @@ function Image(props) {
       ...width && height ? {
         style: {
           minWidth: width,
-          minHeight: height
+          minHeight: height,
+          width,
+          height
         }
       } : {
         sx: {
@@ -344,7 +347,46 @@ const ImageNode = (props) => {
     }
   });
 };
+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 {
   Image as I,
+  QRImageNode as Q,
   ImageNode as a
 };

package/components/Image/types.d.ts

@@ -12,8 +12,8 @@ export interface TestingProps {
     isVisible?: boolean;
 }
 export interface BaseImageProps {
-    width?: string;
-    height?: string;
+    width?: string | number;
+    height?: string | number;
 }
 export interface IntersectComponentProps extends BaseImageProps {
     setIsVisible: (visible: boolean) => void;

package/components/LanguagePopover/{index.087b430d.js → index.c5eb0191.js}

@@ -1,8 +1,8 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.9799dfc0.js";
+import { I as Image } from "../Image/index.8b134b95.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.857c2dfe.js";
+import { I as ImageButton } from "../mui_extended/Button/index.158a9a65.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";

package/components/LinearProgressIndeterminate/{index.c46da124.js → index.a0ad2d9e.js}

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";

package/components/LoadingError/{index.08cf9728.js → index.536db030.js}

@@ -3,10 +3,10 @@ import { I as ICONS } from "../areas/icons.8266ccc8.js";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.c46da124.js";
-import { I as Icon } from "../Icon/index.11a7a77c.js";
+import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import { I as Icon } from "../Icon/index.4e424a81.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.857c2dfe.js";
+import { B as Button } from "../mui_extended/Button/index.158a9a65.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.4b531d2d.js → index.3ba9d320.js}

@@ -12,7 +12,7 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { L as LoadingError } from "../LoadingError/index.08cf9728.js";
+import { L as LoadingError } from "../LoadingError/index.536db030.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/ModalDialog/{index.ec55087e.js → index.89e26413.js}

@@ -1,11 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.e4725f3a.js";
-import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
-import { R as ResizeableWindow } from "../Resizeable/index.8c53c1fa.js";
+import { c as cjs } from "../../react-draggable.ee21cb7e.js";
+import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
+import { R as ResizeableWindow } from "../Resizeable/index.6478d7d8.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { m as modalUtilityClasses } from "../modal/index.61389369.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ccf731c1.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2f6286eb.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NoItemSelected/{index.8a2a13f8.js → index.216d87c8.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.9799dfc0.js";
+import { I as Image } from "../Image/index.8b134b95.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";

package/components/ObjectLogs/{index.55b5c933.js → index.882325f1.js}

@@ -1,18 +1,18 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.47a152d0.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.227eb189.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
-import { R as ReactJson } from "../../react-json-view.57125fcf.js";
+import { R as ReactJson } from "../../react-json-view.5636414a.js";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
-import { I as Icon } from "../Icon/index.11a7a77c.js";
+import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
+import { I as Icon } from "../Icon/index.4e424a81.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.beb2fb3e.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.a50a1483.js";
+import { W as WindowBase } from "../modal/WindowBase.b1f12376.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.91f911cc.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/Page/{index.49d18c85.js → index.c100afa4.js}

@@ -1,5 +1,5 @@
 import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, a as getSize, F as FactoryRender } from "../PrintingSystem/index.d1fd7818.js";
+import { c as classes, a as getSize, F as FactoryRender } from "../PrintingSystem/index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/{index.a2b69977.js → index.b7918854.js}

@@ -1,7 +1,7 @@
 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.11a7a77c.js";
+import { I as Icon } from "../Icon/index.4e424a81.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.8cccbb4b.js → index.5f3af84b.js}

@@ -1,8 +1,8 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.11a7a77c.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ccf731c1.js";
+import { I as Icon } from "../Icon/index.4e424a81.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2f6286eb.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";

package/components/PrintingSystem/{index.d1fd7818.js → index.2147b2c3.js}

@@ -1,21 +1,21 @@
 import { getPropertyByString } from "@m4l/core";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { styled, useTheme } from "@mui/material/styles";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.dcac3bc0.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.622df623.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.f06ac3d5.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.48e8769c.js";
-import { a as ImageNode } from "../Image/index.9799dfc0.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.f6410daa.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.dd21921e.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.ccec72dc.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.807e0343.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.eb5ebe06.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.6b30abe0.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.49d18c85.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.007d01ab.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.13e656ad.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.0c3db261.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.01ae9ede.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.8b134b95.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.7bed0f05.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.72ef9241.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.cfd86519.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.c4fa3813.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.2fac7376.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.c552eb03.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.c100afa4.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 const componentName = "M4LPrintingSystem";
@@ -145,6 +145,7 @@ const FactoryRender = (props) => {
     grid: GridNode,
     chart: ChartNode,
     pager: PagerNode,
+    qrImage: QRImageNode,
     __default__: () => {
       throw new Error("Type no defined");
     }

package/components/PrintingSystem/subcomponents/BodyNode/{index.f6410daa.js → index.7bed0f05.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, a as getSize } from "../../index.d1fd7818.js";
+import { c as classes, a as getSize } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BodyNode = (props) => {

package/components/PrintingSystem/subcomponents/ChartNode/{index.6b30abe0.js → index.c552eb03.js}

@@ -1,4 +1,4 @@
-import { g as getEvalValue, c as classes } from "../../index.d1fd7818.js";
+import { g as getEvalValue, c as classes } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.dcac3bc0.js → index.007d01ab.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.d1fd7818.js";
+import { c as classes } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const DividerNode = (props) => {

package/components/PrintingSystem/subcomponents/FooterNode/{index.dd21921e.js → index.72ef9241.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, a as getSize } from "../../index.d1fd7818.js";
+import { c as classes, a as getSize } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const FooterNode = (props) => {

package/components/PrintingSystem/subcomponents/GridNode/{index.eb5ebe06.js → index.2fac7376.js}

@@ -1,5 +1,5 @@
 import { useBase, getPropertyByString } from "@m4l/core";
-import { c as classes, a as getSize, g as getEvalValue } from "../../index.d1fd7818.js";
+import { c as classes, a as getSize, g as getEvalValue } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {

package/components/PrintingSystem/subcomponents/HeaderNode/{index.48e8769c.js → index.01ae9ede.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, a as getSize } from "../../index.d1fd7818.js";
+import { c as classes, a as getSize } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const HeaderNode = (props) => {

package/components/PrintingSystem/subcomponents/PaperNode/{index.ccec72dc.js → index.cfd86519.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { g as getEvalValue, c as classes } from "../../index.d1fd7818.js";
+import { g as getEvalValue, c as classes } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.807e0343.js → index.c4fa3813.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, a as getSize } from "../../index.d1fd7818.js";
+import { c as classes, a as getSize } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {

package/components/PrintingSystem/subcomponents/QRImageNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { QRImageNodeProps } from './types';
+export declare const QRImageNode: (props: QRImageNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/QRImageNode/types.d.ts

@@ -0,0 +1,3 @@
+import { QRImageNode } from "../../types";
+export interface QRImageNodeProps extends QRImageNode {
+}

package/components/PrintingSystem/subcomponents/SectionNode/{index.622df623.js → index.13e656ad.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, a as getSize } from "../../index.d1fd7818.js";
+import { c as classes, a as getSize } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.f06ac3d5.js → index.0c3db261.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { g as getEvalValue, c as classes } from "../../index.d1fd7818.js";
+import { g as getEvalValue, c as classes } from "../../index.2147b2c3.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/components/PrintingSystem/types.d.ts

@@ -115,6 +115,15 @@ export interface ImageNode extends BaseNode {
     width?: number;
     height?: number;
 }
+/**
+ * QReNode: Componente para visualizar una imagen qr.
+ */
+export interface QRImageNode extends BaseNode {
+    type: 'qrImage';
+    url: string;
+    size?: number;
+    color?: string;
+}
 /**
  * HeaderNode: Componente para visualizar la cabecera del documento.
  */
@@ -201,7 +210,7 @@ export interface ChartNode extends Omit<BaseNode, 'children'> {
     messageX: string;
     messageY: string;
 }
-export declare type NodePrint = SectionNode | TextBoxNode | ImageNode | HeaderNode | BodyNode | FooterNode | PaperNode | PropertyValue | DividerNode | GridNode | ChartNode | PagerNode;
+export declare type NodePrint = SectionNode | TextBoxNode | ImageNode | HeaderNode | BodyNode | FooterNode | PaperNode | PropertyValue | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
 export declare type NodePrintComponent = ((props: PageNodeProps) => React.JSX.Element) | ((props: SectionNodeProps) => React.JSX.Element) | ((props: HeaderNodeProps) => React.JSX.Element) | ((props: BodyNodeProps) => React.JSX.Element) | ((props: FooterNodeProps) => React.JSX.Element) | ((props: PaperNodeProps) => React.JSX.Element) | ((props: PropertyValueNodeProps) => React.JSX.Element) | ((props: GridNodeProps) => React.JSX.Element) | ((props: ChartNodeProps) => React.JSX.Element);
 export interface PrintingSystemProps {
     templateData: RootNode;

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

@@ -6,5 +6,5 @@ export declare const propertyValueUtilityClasses: (ownerState: OwnerState) => {
     value: string;
     root: string;
     property: string;
-    skeletonProperty: string;
+    iconProperty: string;
 };