@m4l/components 0.1.94 → 0.1.95

package/components/AccountPopover/{index.2ef0bf6d.js → index.3711d526.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.3211023d.js";
+import { I as Icon } from "../Icon/index.11a7a77c.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [

package/components/AppBar/{index.16fe42a1.js → index.512042a9.js}

@@ -5,7 +5,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.5499ffdb.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.c3e23ad4.js → index.bb383946.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
+import { B as Button } from "../../../mui_extended/Button/index.857c2dfe.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {

package/components/CommonActions/components/ActionFormCancel/{index.6da52418.js → index.97ecdeef.js}

@@ -1,13 +1,13 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
+import { B as Button } from "../../../mui_extended/Button/index.857c2dfe.js";
 import { useCallback, useEffect } from "react";
 import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.7eed7c35.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.477e6f63.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.c3af6d1d.js → index.3deddb07.js}

@@ -1,7 +1,7 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.94fec33c.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.857c2dfe.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {

package/components/CommonActions/components/ActionIntro/{index.49631fcb.js → index.4bc5780e.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.94fec33c.js";
+import { B as Button } from "../../../mui_extended/Button/index.857c2dfe.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.ccf731c1.js";
 import { jsx } from "react/jsx-runtime";

package/components/DataGrid/{index.fefdb1af.js → index.47a152d0.js}

@@ -1,5 +1,5 @@
 import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.ec55087e.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.de0bd62c.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.47343062.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { S as SELECT_COLUMN_KEY, u as useRowSelection, a as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.d46d625e.js";
@@ -8,13 +8,13 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.6b528d76.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.8d9feca6.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.d0158973.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.a495c91e.js";
+import { g as getNameDataTestId } from "../../vendor.6019bf6e.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.00596be3.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.c4ce2c83.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.1906141f.js";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({

package/components/DataGrid/subcomponents/Actions/{index.6b528d76.js → index.8d9feca6.js}

@@ -1,18 +1,18 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.dd9f65a2.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.fefdb1af.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.d8d0c00e.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.47a152d0.js";
 import { useTheme, Checkbox, Skeleton } from "@mui/material";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.de0bd62c.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.53cd6388.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.47343062.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.5499ffdb.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
 import { styled } from "@mui/material/styles";
 import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3e23ad4.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.49631fcb.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bb383946.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.4bc5780e.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.161ec78a.js";
+import { W as WindowBase } from "../../../modal/WindowBase.beb2fb3e.js";
 import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {

package/components/DynamicFilter/{index.62658ee6.js → index.a50a1483.js}

@@ -8,25 +8,25 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.ccf731c1.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.52387f0f.js";
-import { g as getNameDataTestId } from "../../vendor.d0158973.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.a5f1034a.js";
+import { g as getNameDataTestId } from "../../vendor.6019bf6e.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.66e334b0.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.25b3627e.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.a273293c.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.5801338a.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { styled, useTheme } from "@mui/material/styles";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.dd9f65a2.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.5499ffdb.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.d8d0c00e.js";
 import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.3211023d.js";
+import { I as Icon } from "../Icon/index.11a7a77c.js";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.c3e23ad4.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.49631fcb.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bb383946.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.4bc5780e.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";

package/components/GridLayout/{index.1421f0d4.js → index.4a245d9e.js}

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.b2342897.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.ea745285.js";
 import { styled, alpha } from "@mui/material/styles";
 import { r as react_resizable_css } from "../../react-resizable.c07d63fb.js";
 import { generateUtilityClasses } from "@mui/material";

package/components/GridLayout/subcomponents/Griditem/{index.b2342897.js → index.ea745285.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { D as DraggableCore_1 } from "../../../../react-draggable.e4725f3a.js";
 import { R as Resizable } from "../../../../react-resizable.c07d63fb.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.1421f0d4.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.4a245d9e.js";
 import clsx from "clsx";
-import { d as deepEqual } from "../../../../node_modules.b55d04d9.js";
+import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";
 function GridItem(props) {
   const {

package/components/GridLayout/subcomponents/Responsive/{index.f459804c.js → index.edb59c22.js}

@@ -1,7 +1,7 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.1421f0d4.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.4a245d9e.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { d as deepEqual } from "../../../../node_modules.b55d04d9.js";
+import { deepEqual } from "fast-equals";
 import { jsx } from "react/jsx-runtime";
 function getBreakpointFromWidth(breakpoints, width) {
   const sorted = sortBreakpoints(breakpoints);

package/components/Icon/{index.3211023d.js → index.11a7a77c.js}

@@ -1,6 +1,6 @@
 import { useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.5fd648d2.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.ce301edd.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";

package/components/Image/{index.611cd930.js → index.9799dfc0.js}

@@ -5,7 +5,7 @@ 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.e18a2fa8.js";
+import { g as getEvalValue, c as classes, a as getSize } from "../PrintingSystem/index.d1fd7818.js";
 function isIntersectionObserverAvailable() {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
 }

package/components/LanguagePopover/{index.b6dc03d0.js → index.087b430d.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.611cd930.js";
+import { I as Image } from "../Image/index.9799dfc0.js";
 import { useLocales } from "@m4l/graphics";
-import { I as ImageButton } from "../mui_extended/Button/index.94fec33c.js";
+import { I as ImageButton } from "../mui_extended/Button/index.857c2dfe.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/LoadingError/{index.96bdc803.js → index.08cf9728.js}

@@ -4,9 +4,9 @@ import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/mater
 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.3211023d.js";
+import { I as Icon } from "../Icon/index.11a7a77c.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../mui_extended/Button/index.94fec33c.js";
+import { B as Button } from "../mui_extended/Button/index.857c2dfe.js";
 const componentName = "M4LoadingError";
 generateUtilityClasses(componentName, [
   "root",

package/components/MFLoader/{index.caee87dd.js → index.4b531d2d.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.96bdc803.js";
+import { L as LoadingError } from "../LoadingError/index.08cf9728.js";
 const componentName = "M4LMFLoader";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",

package/components/NoItemSelected/{index.3e29c208.js → index.8a2a13f8.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.611cd930.js";
+import { I as Image } from "../Image/index.9799dfc0.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";

package/components/ObjectLogs/{index.3024336f.js → index.55b5c933.js}

@@ -1,7 +1,7 @@
 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.fefdb1af.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.47a152d0.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
@@ -9,10 +9,10 @@ import { R as ReactJson } from "../../react-json-view.57125fcf.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.3211023d.js";
+import { I as Icon } from "../Icon/index.11a7a77c.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.161ec78a.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.62658ee6.js";
+import { W as WindowBase } from "../modal/WindowBase.beb2fb3e.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.a50a1483.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/Page/{index.c4642a29.js → index.49d18c85.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.e18a2fa8.js";
+import { c as classes, a as getSize, F as FactoryRender } from "../PrintingSystem/index.d1fd7818.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";

package/components/PaperForm/{index.cce9ed39.js → index.a2b69977.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.3211023d.js";
+import { I as Icon } from "../Icon/index.11a7a77c.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

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

@@ -1,7 +1,7 @@
 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.3211023d.js";
+import { I as Icon } from "../Icon/index.11a7a77c.js";
 import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ccf731c1.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";

package/components/PrintingSystem/index.d1fd7818.js

@@ -0,0 +1,223 @@
+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 { 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 { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle } from "react";
+const componentName = "M4LPrintingSystem";
+const classes = generateUtilityClasses(componentName, [
+  "root",
+  "pageNodeRoot",
+  "sectionNodeRoot",
+  "dividerNodeRoot",
+  "dividerNodeVertical",
+  "dividerNodeHorizontal",
+  "textBoxNodeVariant",
+  "textBoxNodeRoot",
+  "headerNodeRoot",
+  "imageNodeRoot",
+  "paperNodeRoot",
+  "paperNodeTitle",
+  "paperNodeContent",
+  "propertyValueNodeRoot",
+  "propertyValueNodeTitle",
+  "propertyValueNodeContent",
+  "propertyValueNodeHorizontal",
+  "propertyValueNodeVertical",
+  "gridNodeRoot",
+  "footerNodeRoot",
+  "bodyNodeRoot",
+  "paperNodeContainerTitles",
+  "paperNodeTitleSecondary",
+  "pagerNodeRoot",
+  "gridNodeTh",
+  "gridNodeTr",
+  "gridNodeTd",
+  "chartNodeRoot"
+]);
+const printingSystemUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    pageNodeRoot: ["pageNodeRoot"],
+    sectionNodeRoot: ["sectionNodeRoot"],
+    dividerNodeRoot: ["dividerNodeRoot"],
+    dividerNodeVertical: ["dividerNodeVertical"],
+    dividerNodeHorizontal: ["dividerNodeHorizontal"],
+    textBoxNodeVariant: ["textBoxNodeVariant"],
+    textBoxNodeRoot: ["textBoxNodeRoot"],
+    headerNodeRoot: ["headerNodeRoot"],
+    imageNodeRoot: ["imageNodeRoot"],
+    paperNodeRoot: ["paperNodeRoot"],
+    paperNodeTitle: ["paperNodeTitle"],
+    paperNodeContent: ["paperNodeContent"],
+    propertyValueNodeRoot: ["propertyValueNodeRoot"],
+    propertyValueNodeTitle: ["propertyValueNodeTitle"],
+    propertyValueNodeContent: ["propertyValueNodeContent"],
+    propertyValueNodeHorizontal: ["propertyValueNodeHorizontal"],
+    propertyValueNodeVertical: ["propertyValueNodeVertical"],
+    gridNodeRoot: ["gridNodeRoot"],
+    footerNodeRoot: ["footerNodeRoot"],
+    bodyNodeRoot: ["bodyNodeRoot"],
+    paperNodeContainerTitles: ["paperNodeContainerTitles"],
+    paperNodeTitleSecondary: ["paperNodeTitleSecondary"],
+    pagerNodeRoot: ["pagerNodeRoot"],
+    gridNodeTh: ["gridNodeTh"],
+    gridNodeTr: ["gridNodeTr"],
+    gridNodeTd: ["gridNodeTd"],
+    chartNodeRoot: ["chartNodeRoot"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+  return {
+    ...composedClasses
+  };
+};
+const PrintingSystemRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LPrintingSystem?.styleOverrides
+}));
+const getSize = (value, unitSize) => {
+  if (typeof value === "number") {
+    return `${value}${unitSize}`;
+  } else {
+    return value;
+  }
+};
+const getEvalValue = (sourceData, key) => {
+  const regexPattern = /\${([^${}]+(?:\${[^{}]*}[^${}]*)*)}/g;
+  if (regexPattern.test(key)) {
+    const matches = [];
+    let match;
+    let localRegex = new RegExp(regexPattern);
+    while ((match = localRegex.exec(key)) !== null) {
+      matches.push(match[1]);
+    }
+    const finalValue = new Array();
+    matches.map((findMatch) => {
+      const nestedRegex = /\${([^${}]+(?:\${[^{}]*}[^${}]*)*)}/g;
+      if (nestedRegex.test(findMatch)) {
+        const regexKeyReady = /([^ ${]+)/;
+        let matchKeyReady = regexKeyReady.exec(findMatch) || "";
+        let nestedKey = findMatch.match(regexPattern) || "";
+        finalValue.push(getPropertyByString(sourceData, matchKeyReady[1]));
+        finalValue.push(getEvalValue(sourceData, nestedKey[0]));
+      } else {
+        finalValue.push(getPropertyByString(sourceData, findMatch));
+      }
+    });
+    return finalValue.join(" ");
+  } else {
+    return key;
+  }
+};
+const FactoryRender = (props) => {
+  const {
+    data: parent
+  } = props;
+  const {
+    children,
+    ...otherProps
+  } = parent || {};
+  const strategiesComponents = {
+    section: SectionNode,
+    textBox: TextBoxNode,
+    divider: DividerNode,
+    image: ImageNode,
+    header: HeaderNode,
+    body: BodyNode,
+    footer: FooterNode,
+    paper: PaperNode,
+    propertyValue: PropertyValueNode,
+    grid: GridNode,
+    chart: ChartNode,
+    pager: PagerNode,
+    __default__: () => {
+      throw new Error("Type no defined");
+    }
+  };
+  const Component = strategiesComponents[parent.type] ?? strategiesComponents.__default__;
+  return /* @__PURE__ */ jsxs(Component, {
+    ...otherProps,
+    children: [Array.isArray(children) && children.length > 0 ? children.map((subComponent, _id) => {
+      return /* @__PURE__ */ jsx(FactoryRender, {
+        data: subComponent
+      }, `${subComponent.key}-${Math.random().toString(36).substring(7)}`);
+    }) : null, typeof children === "string" ? children : null]
+  });
+};
+const PrintingSystem = forwardRef((props, ref) => {
+  const {
+    templateData: nodeRoot,
+    sourceData,
+    className
+  } = props;
+  const theme = useTheme();
+  console.log("sourceData", sourceData);
+  const classes2 = printingSystemUtilityClasses();
+  const listPages = Array.isArray(nodeRoot.pages) && nodeRoot.pages.length > 0 ? nodeRoot.pages : [];
+  const rootRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    GoPrint: async () => {
+      if (rootRef.current) {
+        const content = rootRef.current;
+        const printWindow = window.open("", "_blank");
+        if (printWindow) {
+          const printDocument = printWindow.document;
+          printDocument.write("<html><head><title>Contenido a imprimir</title></head><body></body></html>");
+          printDocument.body.appendChild(content.cloneNode(true));
+          const styleElement = printDocument.createElement("style");
+          styleElement.textContent = `
+                        ${theme.components?.M4LPrintingSystem?.styleOverrides} 
+                    `;
+          printDocument.head.appendChild(styleElement);
+          printDocument.close();
+          printWindow.print();
+        }
+      }
+    }
+  }));
+  const Header = () => /* @__PURE__ */ jsx(FactoryRender, {
+    data: nodeRoot.header[0]
+  });
+  const Footer = () => /* @__PURE__ */ jsx(FactoryRender, {
+    data: nodeRoot.footer[0]
+  });
+  return /* @__PURE__ */ jsx(PrintingSystemRoot, {
+    className: clsx(classes2.root, className),
+    ref: rootRef,
+    children: listPages.map((page, id) => {
+      return /* @__PURE__ */ jsx(PageRender, {
+        data: page,
+        id: id + 1,
+        unitSize: nodeRoot.unitSizes,
+        mainColor: nodeRoot.mainColor,
+        countPages: listPages.length,
+        HeaderGeneral: Header,
+        FooterGeneral: Footer,
+        sourceData,
+        templateData: nodeRoot
+      }, page.key);
+    })
+  });
+});
+export {
+  FactoryRender as F,
+  PrintingSystem as P,
+  getSize as a,
+  classes as c,
+  getEvalValue as g
+};

package/components/PrintingSystem/subcomponents/BodyNode/index.f6410daa.js

@@ -0,0 +1,48 @@
+import { useBase } from "@m4l/core";
+import { c as classes, a as getSize } from "../../index.d1fd7818.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+const BodyNode = (props) => {
+  const {
+    children,
+    className,
+    direction = "row",
+    gap = "unset",
+    style,
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    alignX = "unset",
+    alignY = "unset",
+    grow = false
+  } = props;
+  const {
+    unitSize
+  } = useBase();
+  return /* @__PURE__ */ jsx("div", {
+    className: clsx(classes.bodyNodeRoot, className),
+    style: {
+      flexDirection: direction,
+      gap: getSize(gap, unitSize),
+      width: getSize(width, unitSize),
+      height: getSize(height, unitSize),
+      minWidth: getSize(width, unitSize),
+      minHeight: getSize(height, unitSize),
+      paddingTop: getSize(paddingTop, unitSize),
+      paddingRight: getSize(paddingRight, unitSize),
+      paddingBottom: getSize(paddingBottom, unitSize),
+      paddingLeft: getSize(paddingLeft, unitSize),
+      justifyContent: direction === "row" ? alignX : alignY,
+      alignItems: direction === "row" ? alignY : alignX,
+      flex: grow ? 1 : "unset",
+      ...style
+    },
+    children
+  });
+};
+export {
+  BodyNode as B
+};