@m4l/components 1.0.11 → 1.0.13

package/components/Period/{index.236971ae.js → index.9647181b.js}

@@ -3,13 +3,12 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useState, useMemo } from "react";
-import { d as dictionary, a as dictionary$1 } from "../areas/dictionary.6168209a.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.258bf919.js";
 import { unstable_composeClasses } from "@mui/base";
-import { F as componentName, P as PERIOD_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d5b273e6.js";
-import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b4532b85.js";
 const ContainerPeriod = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPeriod?.styleOverrides
 }));
@@ -57,6 +56,15 @@ var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
   ETimePeriods2[ETimePeriods2["DAYS"] = 2] = "DAYS";
   return ETimePeriods2;
 })(ETimePeriods || {});
+const dictionary = {
+  LABEL_YEARS: "period.label_years",
+  LABEL_MONTHS: "period.label_months",
+  LABEL_DAYS: "period.label_days"
+};
+function getPeriodComponetsDictionary() {
+  return ["period"].concat(getCommonActionsDictionary());
+}
+const componentName = "M4LPeriod";
 generateUtilityClasses(componentName, [
   "root",
   "containerDateLabel",
@@ -102,6 +110,7 @@ const periodUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
+const PERIOD_PREFIX = "M4LPeriod";
 const getNamePeriodDataTestId = (KEY) => {
   return `${PERIOD_PREFIX}-${KEY}`;
 };
@@ -275,55 +284,7 @@ const Period = (props) => {
     }
   );
 };
-function getFormatPeriod(years, months, days) {
-  const { getLabel } = useModuleDictionary();
-  let period = "";
-  const separator = ", ";
-  switch (years) {
-    case 0:
-      break;
-    case 1:
-      period = "1 " + getLabel(dictionary$1.LABEL_YEAR);
-      break;
-    default:
-      period = years.toString() + " " + getLabel(dictionary$1.LABEL_YEARS);
-  }
-  switch (months) {
-    case 0:
-      break;
-    case 1:
-      if (years > 0)
-        period += separator;
-      period += "1 " + getLabel(dictionary$1.LABEL_MONTH);
-      break;
-    default:
-      if (years > 0)
-        period += separator;
-      period += months.toString() + " " + getLabel(dictionary$1.LABEL_MONTHS);
-  }
-  switch (days) {
-    case 0:
-      break;
-    case 1:
-      if (years > 0 || months > 0)
-        period += separator;
-      period += "1 " + getLabel(dictionary$1.LABEL_DAY);
-      break;
-    default:
-      if (years > 0 || months > 0)
-        period += separator;
-      period += days.toString() + " " + getLabel(dictionary$1.LABEL_DAYS);
-  }
-  if (period == "")
-    period = "-";
-  return period;
-}
-function PeriodFormatter(props) {
-  const { years = 0, months = 0, days = 0, Component = WrapperComponent } = props;
-  return /* @__PURE__ */ jsx(Component, { children: getFormatPeriod(years, months, days) });
-}
 export {
   Period as P,
-  PeriodFormatter as a,
-  getFormatPeriod as g
+  getPeriodComponetsDictionary as g
 };

package/components/PrintingSystem/{index.9fdae551.js → index.a69a9d85.js}

@@ -1,25 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { G as componentName } from "../areas/constants.0d3ba950.js";
-import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
+import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.015a2212.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.89b3a4e0.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.dc6e9dc2.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.3fa36620.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.4a822ede.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.794dbc69.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.08eeb1d2.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.8b7d43f4.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.9856c572.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.23995699.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.6bbf7d75.js";
-import { P as PagerNode } from "../mui_extended/Pager/index.8960227c.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.f5adab1d.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.61babb47.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.4d0e67a3.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.a8140332.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.19aa7ff5.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.528fcfbf.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.f42ca7dc.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.aabde2bb.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.7f75ca46.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.041b9cff.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.fbe87257.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.f4755eba.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { P as PageRender } from "../Page/index.1d08818c.js";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { useTheme } from "@mui/material/styles";
+const componentName = "M4LPrintingSystem";
 const classes = generateUtilityClasses(componentName, [
   "root",
   "pageNodeRoot",

package/components/PrintingSystem/subcomponents/BodyNode/{index.794dbc69.js → index.528fcfbf.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.9fdae551.js";
+import { c as classes, g as getSize } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 const BodyNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/ChartNode/{index.6bbf7d75.js → index.fbe87257.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.9fdae551.js";
+import { c as classes } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.015a2212.js → index.f5adab1d.js}

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

package/components/PrintingSystem/subcomponents/FooterNode/{index.08eeb1d2.js → index.f42ca7dc.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.9fdae551.js";
+import { c as classes, g as getSize } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 const FooterNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/GridNode/{index.23995699.js → index.041b9cff.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9fdae551.js";
+import { c as classes, g as getSize } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 const GridNode = (props) => {
   const { style = {}, className = "", rows, columns } = props;

package/components/PrintingSystem/subcomponents/HeaderNode/{index.3fa36620.js → index.a8140332.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.9fdae551.js";
+import { c as classes, g as getSize } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 const HeaderNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/PaperNode/{index.8b7d43f4.js → index.aabde2bb.js}

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

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.9856c572.js → index.7f75ca46.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.9fdae551.js";
+import { c as classes, g as getSize } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 const PropertyValueNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/SectionNode/{index.89b3a4e0.js → index.61babb47.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.9fdae551.js";
+import { c as classes, g as getSize } from "../../index.a69a9d85.js";
 import clsx from "clsx";
 const SectionNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.dc6e9dc2.js → index.4d0e67a3.js}

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

package/components/PropertyValue/{index.646a7e8b.js → index.51faabb5.js}

@@ -2,15 +2,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
-import { J as componentName, K as TEST_PROPS_DATA, T as TEST_PROP_ID, O as COMPONENT_PREFIX } from "../areas/constants.0d3ba950.js";
 import clsx from "clsx";
-import { a as getNameDataTestId } from "../../test/getNameDataTestId.aee44365.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../test/getNameDataTestId.0faeade8.js";
 import { useState } from "react";
-import { F as FieldLabel } from "../FieldLabel/index.1577ac9c.js";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
+import { F as FieldLabel } from "../FieldLabel/index.6b6f708e.js";
+import { I as Icon } from "../Icon/index.83867398.js";
 const PropertyValueRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPropertyValue?.styleOverrides
 }));
+const componentName = "M4LPropertyValue";
 generateUtilityClasses(
   componentName,
   [
@@ -47,6 +48,8 @@ const propertyValueUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
+const COMPONENT_PREFIX = "m4l-property-value";
+const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
 function PropertyValue(props) {
   const {
     property,

package/components/Resizeable/{index.414ff687.js → index.4f75c0b5.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
-import { a as ResizableBox } from "../../react-resizable.837c446d.js";
+import { a as ResizableBox } from "../../react-resizable.a59c14f4.js";
 const WrapperResizeable = styled(ResizableBox)(({ theme }) => ({
   "&.react-resizable": {
     position: "relative",

package/components/ScrollBar/{index.1e89bb44.js → index.21bc5025.js}

@@ -3,7 +3,6 @@ import { generateUtilityClasses, generateUtilityClass, Box } from "@mui/material
 import { styled, alpha } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
 import { unstable_composeClasses } from "@mui/base";
-import { Q as componentName } from "../areas/constants.0d3ba950.js";
 const RootStyle = styled("div")(({ theme }) => ({
   flexGrow: "1",
   height: "100%",
@@ -74,6 +73,7 @@ styled(SimpleBarReact)(({ theme }) => ({
     }
   }
 }));
+const componentName = "M4LScrollBar";
 generateUtilityClasses(componentName, [
   "root"
 ]);

package/components/SideBar/{index.d221254d.js → index.4075c562.js}

@@ -3,17 +3,16 @@ import { styled, alpha } from "@mui/material/styles";
 import { createContext, useState, useContext, useEffect } from "react";
 import { generateUtilityClasses, ListItemText, styled as styled$1, ListItemButton, Collapse, Drawer as Drawer$1, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { R as componentName, U as SIDEBAR_PREFIX, T as TEST_PROP_ID, V as MENU_COLLAPSED_CONTAINER_SIZE, W as MENU_COLLAPSED_SIZE } from "../areas/constants.0d3ba950.js";
-import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
+import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.8ecfb193.js";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.83867398.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { F as FooterSidebar } from "../mui_extended/Button/index.52852c42.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d5b273e6.js";
-import { I as Image } from "../Image/index.4a822ede.js";
+import { I as Image } from "../Image/index.19aa7ff5.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b4532b85.js";
 import { useResponsive } from "@m4l/styles";
 const SideBarRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LSideBar?.styleOverrides
@@ -27,6 +26,7 @@ styled("div", {
   alignItems: props.collapsed ? "center" : "normal",
   padding: props.theme.spacing(3, 2.5, 2, 2.5)
 }));
+const componentName = "M4LSideBar";
 generateUtilityClasses(
   componentName,
   [
@@ -202,6 +202,7 @@ const SideBarProvider = (props) => {
 };
 const useSideBar = () => useContext(SideBarContext);
 const useSideBar$1 = useSideBar;
+const SIDEBAR_PREFIX = "M4LSideBar";
 const getNameDataTestId = (KEY) => {
   return `${SIDEBAR_PREFIX}-${KEY}`;
 };
@@ -609,6 +610,34 @@ const ContentGroups = () => {
     }
   );
 };
+const CollapseButtonRoot = styled$1("div")(() => ({
+  display: "flex"
+}));
+styled$1("div")(() => ({
+  display: "flex"
+}));
+function FooterSidebar(_props) {
+  const { classes, companyLogoNormalUrl } = useSideBar$1();
+  return /* @__PURE__ */ jsx(
+    CollapseButtonRoot,
+    {
+      className: classes.footer,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("footer") } : {},
+      children: /* @__PURE__ */ jsx("div", { className: classes.wrapperLogoFooter, children: /* @__PURE__ */ jsx("div", { className: classes.containerLogoButtonLogo, children: /* @__PURE__ */ jsx(
+        Image,
+        {
+          width: "192px",
+          height: "28px",
+          src: companyLogoNormalUrl || "",
+          alt: "logo"
+        },
+        "Logo"
+      ) }) })
+    }
+  );
+}
+const MENU_COLLAPSED_SIZE = "14px";
+const MENU_COLLAPSED_CONTAINER_SIZE = "15px";
 const ContentComponent = () => {
   const { collapsed, onToggleCollapse, classes, onToggleOverlay, overlay } = useSideBar$1();
   const handlerOnMouseEnter = () => {

package/components/SplitLayout/{index.7d9edf4e.js → index.15756f0f.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { X as componentName, Y as SPLITLAYOUT_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
 import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
 const SplitLayoutRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LSplitLayout?.styleOverrides
@@ -27,6 +27,7 @@ const SplitDetail = styled("div")(() => ({
   top: "0px",
   bottom: "0px"
 }));
+const componentName = "M4LSplitLayout";
 generateUtilityClasses(componentName, [
   "root",
   "firstPart",
@@ -52,6 +53,7 @@ const useSplitLayoutUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
+const SPLITLAYOUT_PREFIX = "M4LSplitLayout";
 const getNameSplitLayoutDataTestId = (KEY) => {
   return `${SPLITLAYOUT_PREFIX}-${KEY}`;
 };

package/components/ToastContainer/{index.7f246bbd.js → index.2a7d304e.js}

@@ -2,14 +2,14 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses } from "@mui/material";
 import { ToastContainer as ToastContainer$1 } from "react-toastify";
 import { unstable_composeClasses } from "@mui/base";
-import { Z as componentName } from "../areas/constants.0d3ba950.js";
-import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
+import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
+import { I as Icon } from "../Icon/index.83867398.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));
+const componentName = "M4LToastContainer";
 const toastClasses = generateUtilityClasses(
   componentName,
   [

package/components/animate/variants/index.7a912140.js

@@ -0,0 +1 @@
+