@m4l/components 3.1.6 → 3.1.8

package/components/PrintingSystem/subcomponents/GridNode/index-BPz7lGvC.js

@@ -1,74 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index-BkfHXcTV.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
-    /* 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;
-  if (dataColumns.length > 0) {
-    return /* @__PURE__ */ jsxs(
-      "table",
-      {
-        className: clsx(classes.gridNodeRoot, className),
-        style: {
-          ...style
-        },
-        children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: classes.gridNodeTr, children: columns.map((column) => {
-            return /* @__PURE__ */ jsx(
-              "th",
-              {
-                className: classes.gridNodeTh,
-                style: {
-                  minWidth: column.width ? getSize(column.width, unitSize) : "auto",
-                  maxWidth: column.width ? getSize(column.width, unitSize) : "auto",
-                  justifyContent: column.alignX ? column.alignX : "center"
-                },
-                children: evaluateWithContext(sourceData, column.title)
-              },
-              `th-${Math.random().toString(36).substring(7)}`
-            );
-          }) }, `tr-${Math.random().toString(36).substring(7)}`) }),
-          /* @__PURE__ */ jsx("tbody", { children: rowsFormated.map((row) => {
-            return /* @__PURE__ */ jsx(
-              "tr",
-              {
-                className: classes.gridNodeTr,
-                children: columns.map((cell, id) => {
-                  const isNested = cell.nestedValue ? true : false;
-                  return /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      className: classes.gridNodeTd,
-                      style: {
-                        minWidth: getSize(dataColumns[id].width || "auto", unitSize),
-                        justifyContent: cell.alignX ? cell.alignX : "center"
-                      },
-                      children: isNested ? evaluateWithContext({ row }, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
-                    },
-                    `td-${Math.random().toString(36).substring(7)}`
-                  );
-                })
-              },
-              `tr-${Math.random().toString(36).substring(7)}`
-            );
-          }) })
-        ]
-      }
-    );
-  }
-  return null;
-};
-export {
-  GridNode as G
-};

package/components/PrintingSystem/subcomponents/HeaderNode/index-DY4Yci1r.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index-BkfHXcTV.js";
-import clsx from "clsx";
-const HeaderNode = (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.headerNodeRoot, 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 {
-  HeaderNode as H
-};

package/components/PrintingSystem/subcomponents/PaperNode/index-BYoGJll5.js

@@ -1,30 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index-BkfHXcTV.js";
-import clsx from "clsx";
-const PaperNode = (props) => {
-  const { children, style = {}, className = "", title, titleSecondary } = props;
-  const { mainColor } = useBase();
-  const { sourceData } = useBase();
-  const titleFormated = evaluateWithContext(sourceData, title);
-  const titleSecondaryFormated = evaluateWithContext(sourceData, titleSecondary || "");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(classes.paperNodeRoot, className),
-      style: {
-        ...style
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: classes.paperNodeContainerTitles, children: [
-          /* @__PURE__ */ jsx("div", { className: classes.paperNodeTitle, children: titleFormated }),
-          titleSecondary ? /* @__PURE__ */ jsx("div", { className: classes.paperNodeTitleSecondary, style: { color: mainColor }, children: titleSecondaryFormated }) : null
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: classes.paperNodeContent, children })
-      ]
-    }
-  );
-};
-export {
-  PaperNode as P
-};

package/components/PrintingSystem/subcomponents/PropertyValueNode/index-vFZ5Skyl.js

@@ -1,47 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index-BkfHXcTV.js";
-import clsx from "clsx";
-const PropertyValueNode = (props) => {
-  const {
-    style = {},
-    className = "",
-    property,
-    children,
-    direction,
-    propertyWidth = "auto"
-  } = props;
-  const { unitSize, mainColor, sourceData } = useBase();
-  const propertyFormated = evaluateWithContext(sourceData, property);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(
-        classes.propertyValueNodeRoot,
-        direction === "column" ? classes.propertyValueNodeHorizontal : classes.propertyValueNodeVertical,
-        className
-      ),
-      style: {
-        ...style
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.propertyValueNodeTitle,
-            style: {
-              width: getSize(propertyWidth, unitSize),
-              minWidth: getSize(propertyWidth, unitSize),
-              borderColor: mainColor
-            },
-            children: propertyFormated
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: classes.propertyValueNodeContent, children })
-      ]
-    }
-  );
-};
-export {
-  PropertyValueNode as P
-};

package/components/PrintingSystem/subcomponents/SectionNode/index-BNqGWpcj.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index-BkfHXcTV.js";
-import clsx from "clsx";
-const SectionNode = (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.sectionNodeRoot, 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 {
-  SectionNode as S
-};

package/components/PrintingSystem/subcomponents/TextBoxNode/index-wgdfWbfF.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index-BkfHXcTV.js";
-import clsx from "clsx";
-const TextBoxNode = (props) => {
-  const { variant = "body", style, className, textAlign = "start", children } = props;
-  const { sourceData } = useBase();
-  const textFormated = evaluateWithContext(sourceData, children[1]);
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: clsx(
-        classes.textBoxNodeRoot,
-        className,
-        `${classes.textBoxNodeVariant}-${variant}`
-      ),
-      style: { textAlign, ...style },
-      children: textFormated
-    }
-  );
-};
-export {
-  TextBoxNode as T
-};

package/components/PropertyValue/index-dwO3Qo0Y.js

@@ -1,264 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { E as PropertyValueRoot } from "../../styles/index-CqpubQQr.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-CF-669v-.js";
-import { g as getNameDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
-import { useState } from "react";
-import { F as FieldLabel } from "../FieldLabel/index-C8od8D0w.js";
-import { I as Icon } from "../Icon/index-BJF_0F6d.js";
-const componentName = "M4LPropertyValue";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "property",
-    "iconProperty",
-    "value",
-    /* states or variants of elements */
-    "isDisabled",
-    "isFocus",
-    "variantIsForm",
-    "isTabSelected",
-    "isMobile"
-  ]
-);
-function getPropertyValueUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const propertyValueUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.disabled && "isDisabled",
-      ownerState.isFocus && "isFocus",
-      ownerState.isForm && "variantIsForm",
-      ownerState.isTabSelected && "isTabSelected",
-      ownerState.isMobile && "isMobile"
-    ],
-    property: ["property"],
-    iconProperty: ["iconProperty"],
-    value: ["value"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPropertyValueUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const COMPONENT_PREFIX = "m4l-property-value";
-const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
-function PropertyValue(props) {
-  const {
-    property,
-    iconProperty,
-    value,
-    propertyWidth = 200,
-    valueHeight = "auto",
-    valueWidth = "100",
-    valueWidthMobile,
-    isForm,
-    className,
-    dataTestId = "",
-    disabled = false,
-    mandatory,
-    mandatoryMessage,
-    helperMessage
-  } = props;
-  const isDesktop = useResponsiveDesktop();
-  const [isFocus, setIsFocus] = useState(false);
-  const [isTabSelected, setIsTabSelected] = useState(false);
-  const getValueW = () => {
-    if (valueWidthMobile && !isDesktop) {
-      return valueWidthMobile;
-    }
-    if (valueWidth === 75 && isDesktop) {
-      return 75;
-    } else if (valueWidth === 75 && !isDesktop) {
-      return 100;
-    }
-    if (valueWidth === 50 && isDesktop) {
-      return 50;
-    } else if (valueWidth === 50 && !isDesktop) {
-      return 100;
-    }
-    if (valueWidth === 25 && isDesktop || valueWidth === 12.5 && isDesktop) {
-      return valueWidth;
-    }
-    if (valueWidth === 25 && !isDesktop) {
-      return 50;
-    }
-    if (valueWidth === 12.5 && !isDesktop) {
-      return 25;
-    }
-    return 100;
-  };
-  const handlerFocus = () => {
-    setIsFocus(true);
-  };
-  const handlerKeyUp = (event) => {
-    if (event.key === "Tab") {
-      setIsTabSelected(true);
-    }
-  };
-  const handlerOnBlur = () => {
-    setIsFocus(false);
-    setIsTabSelected(false);
-  };
-  const ownerState = {
-    disabled: isForm && disabled ? disabled : false,
-    isFocus: !disabled && isForm ? isFocus : false,
-    isTabSelected: !disabled && isForm ? isTabSelected : false,
-    isForm: isForm ? true : false,
-    isMobile: !isDesktop
-  };
-  const classes = propertyValueUtilityClasses(ownerState);
-  if (!isForm) {
-    return /* @__PURE__ */ jsxs(
-      PropertyValueRoot,
-      {
-        className: clsx(classes.root, className),
-        style: {
-          gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
-        },
-        ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROPS_DATA]: JSON.stringify([
-            { property: property ? true : false, value: value ? true : false }
-          ]),
-          [TEST_PROP_ID]: getNameDataTestId(
-            COMPONENT_PREFIX,
-            "root",
-            dataTestId
-          )
-        } : {},
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: classes.property,
-              style: {
-                width: propertyWidth && isDesktop ? propertyWidth : "150px",
-                minWidth: propertyWidth && isDesktop ? propertyWidth : "150px"
-              },
-              ...process.env.NODE_ENV !== "production" ? {
-                [TEST_PROP_ID]: getNameDataTestId(
-                  COMPONENT_PREFIX,
-                  "property",
-                  dataTestId
-                )
-              } : {},
-              children: [
-                iconProperty ? /* @__PURE__ */ jsx(Icon, { src: iconProperty, className: classes.iconProperty }) : null,
-                /* @__PURE__ */ jsx(
-                  FieldLabel,
-                  {
-                    label: property,
-                    mandatory,
-                    mandatoryMessage,
-                    helperMessage
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classes.value,
-              style: {
-                width: `${getValueW()}%`,
-                maxWidth: `${getValueW()}%`,
-                height: valueHeight
-              },
-              ...process.env.NODE_ENV !== "production" ? {
-                [TEST_PROP_ID]: getNameDataTestId(
-                  COMPONENT_PREFIX,
-                  "value",
-                  dataTestId
-                )
-              } : {},
-              children: value
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    PropertyValueRoot,
-    {
-      className: clsx(classes.root, className),
-      style: { gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr" },
-      role: "button",
-      tabIndex: 0,
-      onClick: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerKeyUp,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROPS_DATA]: JSON.stringify([
-          { property: property ? true : false, value: value ? true : false }
-        ]),
-        [TEST_PROP_ID]: getNameDataTestId(
-          COMPONENT_PREFIX,
-          "root",
-          dataTestId
-        )
-      } : {},
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx(classes.root, className),
-            style: { width: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr" },
-            ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROPS_DATA]: JSON.stringify([
-                { property: property ? true : false, value: value ? true : false }
-              ]),
-              [TEST_PROP_ID]: getNameDataTestId(
-                COMPONENT_PREFIX,
-                "root",
-                dataTestId
-              )
-            } : {},
-            children: [
-              iconProperty ? /* @__PURE__ */ jsx(Icon, { src: iconProperty, className: classes.iconProperty }) : null,
-              /* @__PURE__ */ jsx(
-                FieldLabel,
-                {
-                  label: property,
-                  mandatory,
-                  mandatoryMessage,
-                  helperMessage
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.value,
-            style: {
-              width: `${getValueW()}%`,
-              maxWidth: `${getValueW()}%`,
-              height: valueHeight
-            },
-            ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROP_ID]: getNameDataTestId(
-                COMPONENT_PREFIX,
-                "value",
-                dataTestId
-              )
-            } : {},
-            children: value
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  PropertyValue as P
-};

package/components/Resizeable/index-CHseEYjL.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { J as WrapperResizeable } from "../../styles/index-CqpubQQr.js";
-function ResizeableWindow(props) {
-  const { children, width = 600, height = 400, maxHeigth, onResize, maxWidth, ...other } = props;
-  return /* @__PURE__ */ jsx(
-    WrapperResizeable,
-    {
-      width,
-      height,
-      onResize,
-      maxConstraints: maxHeigth && maxWidth ? [maxWidth, maxHeigth] : void 0,
-      resizeHandles: ["se", "nw"],
-      ...other,
-      children
-    }
-  );
-}
-export {
-  ResizeableWindow as R
-};

package/components/ScrollBar/index-BYMy_qJE.js

@@ -1,35 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, generateUtilityClass, Box } from "@mui/material";
-import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index-CqpubQQr.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);
-}
-const useScrollBarUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getScrollBarUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function ScrollBar(props) {
-  const { children } = props;
-  const userAgent = typeof navigator === "undefined" ? "SSR" : navigator.userAgent;
-  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
-  if (isMobile) {
-    return /* @__PURE__ */ jsx(Box, { sx: { overflowX: "auto", width: "100%" }, children });
-  }
-  const classes = useScrollBarUtilityClasses();
-  return /* @__PURE__ */ jsx(RootStyle, { id: "RootStyle", className: classes.root, children: /* @__PURE__ */ jsx(SimpleBarStyle, { autoHide: false, children }) });
-}
-export {
-  ScrollBar as S
-};

package/components/ScrollToTop/index-TxORk5dB.js

@@ -1,12 +0,0 @@
-import { useEffect } from "react";
-import { useLocation } from "react-router-dom";
-function ScrollToTop() {
-  const { pathname } = useLocation();
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, [pathname]);
-  return null;
-}
-export {
-  ScrollToTop as S
-};