@m4l/components 0.2.35 → 0.2.36

package/components/PrintingSystem/subcomponents/PropertyValueNode/index.048d7ebf.js

@@ -1,41 +0,0 @@
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsxs, jsx } from "react/jsx-runtime";
-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.83f1efea.js

@@ -1,48 +0,0 @@
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-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.5427cb75.js

@@ -1,28 +0,0 @@
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.27f1f209.js";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-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.15c61a4b.js

@@ -1,209 +0,0 @@
-import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
-import { useState } from "react";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { F as FieldLabel } from "../FieldLabel/index.0412576c.js";
-import { I as Icon } from "../Icon/index.ad330e78.js";
-const PropertyValueRoot = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LPropertyValue?.styleOverrides
-}));
-const componentName = "M4LPropertyValue";
-generateUtilityClasses(componentName, [
-  "root",
-  "property",
-  "iconProperty",
-  "value",
-  "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
-};