@m4l/components 0.2.36 → 1.0.0

package/components/Icon/index.ee7b85c9.js

@@ -1,192 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Marker } from "react-leaflet";
-import L__default from "leaflet";
-import { m as mapClasses, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../maps/components/Map/index.62b7d09b.js";
-import clsx from "clsx";
-import { useEnvironment } from "@m4l/core";
-import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.5d1f4a23.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { unstable_composeClasses } from "@mui/base";
-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(${src})`,
-  WebkitMask: `url(${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, className } = props;
-  const isDesktop = useResponsiveDesktop();
-  const ownerState = {
-    size: isDesktop ? size : "medium",
-    rotationAngle
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(
-    IconRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: /* @__PURE__ */ jsx(
-        DivIcon,
-        {
-          className: classes.icon,
-          src,
-          rotationAngle,
-          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("icon") } : {}
-        }
-      )
-    }
-  );
-}
-const FeatureDivIconLabel = (props) => {
-  const {
-    label,
-    iconSrc,
-    iconScale: scale = 1,
-    iconRotate,
-    labelBkColor: bkColor = LABEL_BK_COLOR_DEFAULT,
-    labelColor: color = LABEL_COLOR_DEFAULT,
-    iconWidth = 24,
-    iconHeight = 24,
-    offsetLeftTop = [24, 0]
-  } = props;
-  let html = label ? `<div class="${mapClasses.featureLabel}" 
-                style="background-color:${bkColor}; color:${color};left:${offsetLeftTop[0]}px;top:${offsetLeftTop[1]}px;">${label}</div>` : "";
-  if (iconSrc) {
-    html = `<div class="${mapClasses.markerLayerIcon}" style="transform: rotate(${iconRotate}deg) scale(${scale}); transform-origin: center center;">
-                    <img src=${iconSrc}></img>
-                </div>` + html;
-  }
-  return L__default.divIcon({
-    className: clsx(mapClasses.markerLayerRoot, ""),
-    iconSize: [iconWidth, iconHeight],
-    html
-  });
-};
-const MarkerIconLabel = (props) => {
-  const {
-    position,
-    draggable = true,
-    iconSrc,
-    iconRotate,
-    iconScale: scale,
-    className,
-    label,
-    markerColor,
-    labelBkColor: bkColor,
-    labelColor: color,
-    iconWidth,
-    iconHeight,
-    offsetLeftTop,
-    ...properties
-  } = props;
-  const makerIcon = FeatureDivIconLabel({
-    iconSrc,
-    iconRotate,
-    iconScale: scale,
-    label,
-    iconWidth,
-    iconHeight,
-    labelBkColor: bkColor,
-    labelColor: color,
-    offsetLeftTop
-  });
-  return /* @__PURE__ */ jsx(
-    Marker,
-    {
-      position,
-      draggable,
-      riseOnHover: true,
-      icon: makerIcon,
-      ...properties
-    },
-    Math.random()
-  );
-};
-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,
-  MarkerIconLabel as M
-};

package/components/Image/index.8cc036b1.js

@@ -1,168 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import clsx from "clsx";
-import { unstable_composeClasses } from "@mui/base";
-import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.f51a00f8.js";
-import QRCode from "qrcode.react";
-const ImageRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LImage?.styleOverrides
-}));
-const ratioOptions = {
-  "1.168:1": {
-    width: 1.168,
-    height: 1
-  },
-  "16:9": {
-    width: 16,
-    height: 9
-  },
-  "1:1": {
-    width: 1,
-    height: 1
-  },
-  "1:1.168": {
-    width: 1,
-    height: 1.168
-  },
-  "2:1": {
-    width: 2,
-    height: 1
-  },
-  "2:3": {
-    width: 2,
-    height: 3
-  },
-  "3:1": {
-    width: 3,
-    height: 1
-  },
-  "3:2": {
-    width: 3,
-    height: 2
-  },
-  "3:4": {
-    width: 3,
-    height: 4
-  },
-  "4:3": {
-    width: 4,
-    height: 3
-  },
-  "5:2": {
-    width: 5,
-    height: 2
-  }
-};
-const getRatioValues = (ratio) => {
-  const numType = ratioOptions[ratio];
-  const numRef = numType.width / numType.height;
-  if (numRef >= 1) {
-    return {
-      width: "100%",
-      height: `${Math.trunc(numRef * 100)}%`
-    };
-  } else {
-    return {
-      width: `${Math.trunc(numRef * 100)}%`,
-      height: "100%"
-    };
-  }
-};
-const IMAGE_PREFIX = "Image";
-const getNameDataTestId = (KEY) => {
-  return `${IMAGE_PREFIX}-${KEY}`;
-};
-const componentName = "M4LImage";
-generateUtilityClasses(componentName, [
-  "root",
-  "img"
-]);
-function getImagenClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    img: ["img"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getImagenClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function Image(props) {
-  const { src, alt, width, height, ratio = "1:1", className } = props;
-  const ratioImage = getRatioValues(ratio);
-  const classes2 = useUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    ImageRoot,
-    {
-      className: clsx(classes2.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      style: width && height ? { minWidth: width, minHeight: height, width, height } : { width: "100%", height: "100%" },
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          alt,
-          src,
-          className: classes2.img,
-          width: !width ? "100%" : ratioImage.width,
-          height: !height ? "100%" : ratioImage.height,
-          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("img") } : {}
-        }
-      )
-    }
-  );
-}
-const ImageNode = (props) => {
-  const { className, style, src, width = "100%", height = "100%" } = props;
-  const { unitSize, sourceData } = useBase();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const resourceImg = evaluateWithContext(sourceData, src);
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
-      className: clsx(classes.imageNodeRoot, className),
-      style: {
-        width: getSize(width, unitSize),
-        height: getSize(height, unitSize),
-        ...style
-      }
-    }
-  );
-};
-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/Page/index.c1d4a319.js

@@ -1,114 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
-import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.f51a00f8.js";
-import clsx from "clsx";
-import React__default from "react";
-import { Helmet } from "react-helmet-async";
-import { useLocales } from "@m4l/graphics";
-const PagerNode = (props) => {
-  const { style = {}, className = "" } = props;
-  const { mainColor, countPages, pageId } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.pagerNodeRoot, className),
-      style: {
-        ...style,
-        color: mainColor
-      },
-      children: ` ${pageId} / ${countPages}`
-    }
-  );
-};
-const PageNode = (props) => {
-  const {
-    children,
-    style = {},
-    className = "",
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    gap = "unset"
-  } = props;
-  const { unitSize } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.pageNodeRoot, className),
-      style: {
-        width: getSize(width, unitSize),
-        gap: getSize(gap, unitSize),
-        height: getSize(height, unitSize),
-        minWidth: getSize(width, unitSize),
-        minHeight: typeof height === "number" ? `${height}${unitSize}` : height,
-        paddingTop: typeof paddingTop === "number" ? `${paddingTop}${unitSize}` : paddingTop,
-        paddingRight: typeof paddingRight === "number" ? `${paddingRight}${unitSize}` : paddingRight,
-        paddingBottom: typeof paddingBottom === "number" ? `${paddingBottom}${unitSize}` : paddingBottom,
-        paddingLeft: typeof paddingLeft === "number" ? `${paddingLeft}${unitSize}` : paddingLeft,
-        ...style
-      },
-      children
-    }
-  );
-};
-const PageRender = (props) => {
-  const {
-    data: parent,
-    id,
-    unitSize,
-    mainColor,
-    countPages,
-    HeaderGeneral,
-    FooterGeneral,
-    sourceData,
-    templateData
-  } = props;
-  const { children, ...otherProps } = parent || {};
-  return /* @__PURE__ */ jsx(
-    BaseProvider,
-    {
-      value: {
-        pageId: id,
-        unitSize,
-        mainColor,
-        countPages,
-        HeaderGeneral,
-        FooterGeneral,
-        templateData,
-        sourceData
-      },
-      children: /* @__PURE__ */ jsxs(PageNode, { ...otherProps, children: [
-        Array.isArray(children) && children.length > 0 ? children.map((subComponent, id2) => {
-          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-            id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, { ancestor: parent }, `${parent.key}-header`) : null : null,
-            /* @__PURE__ */ jsx(FactoryRender, { data: subComponent }, `${parent.type}-${subComponent.key}`),
-            id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, { ancestor: parent }, `${parent.key}-footer`) : null : null
-          ] }, `fragment-page-${id2}`);
-        }) : null,
-        typeof children === "string" ? children : null
-      ] })
-    }
-  );
-};
-const HelmetPage = (props) => {
-  const { children, title, meta, subtitle } = props;
-  const localeString = useLocales().currentLocale?.localeString;
-  const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !isSkeleton && /* @__PURE__ */ jsxs(Helmet, { children: [
-      /* @__PURE__ */ jsx("title", { children: `${title}${subtitle ? ` | ${subtitle}` : ""} ` }),
-      /* @__PURE__ */ jsx("html", { lang: localeString }),
-      meta
-    ] }),
-    children
-  ] });
-};
-HelmetPage.displayName = "Page";
-export {
-  HelmetPage as H,
-  PagerNode as P,
-  PageRender as a
-};

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

@@ -1 +0,0 @@
-