@m4l/components 5.0.0 → 5.0.2

package/components/mui_extended/Breadcrumbs/index-DeOXctna.js

@@ -1,62 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useModuleDictionary } from "@m4l/core";
-import { Typography, Breadcrumbs as Breadcrumbs$1, Box } from "@mui/material";
-import { L as LinkItem } from "./components/LinkItem/index-DDA0Kdga.js";
-function Breadcrumbs(props) {
-  const { links, activeLast = false, ...other } = props;
-  const { getLabel } = useModuleDictionary();
-  const currentLink = useMemo(() => {
-    if (links.length === 0) return "";
-    const { dictionaryField } = links[links.length - 1];
-    return getLabel(dictionaryField);
-  }, [getLabel, links]);
-  const listDefault = useMemo(
-    () => links.map((link) => /* @__PURE__ */ jsx(LinkItem, { link }, link.name)),
-    [links]
-  );
-  const listActiveLast = useMemo(
-    () => links.map(
-      (link) => link.name !== currentLink ? /* @__PURE__ */ jsx(LinkItem, { link }, link.name) : /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "body2",
-          sx: {
-            maxWidth: 260,
-            overflow: "hidden",
-            whiteSpace: "nowrap",
-            color: "text.disabled",
-            textOverflow: "ellipsis"
-          },
-          children: currentLink
-        },
-        link.name
-      )
-    ),
-    [currentLink, links]
-  );
-  return /* @__PURE__ */ jsx(
-    Breadcrumbs$1,
-    {
-      id: "MUIBreadcrumbs",
-      separator: /* @__PURE__ */ jsx(
-        Box,
-        {
-          component: "span",
-          sx: {
-            width: 4,
-            height: 4,
-            mx: 0.5,
-            borderRadius: "50%",
-            bgcolor: "text.disabled"
-          }
-        }
-      ),
-      ...other,
-      children: activeLast ? listDefault : listActiveLast
-    }
-  );
-}
-export {
-  Breadcrumbs as B
-};

package/components/mui_extended/Button/Button-BdusSjEV.js

@@ -1,52 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { Skeleton } from "@mui/material";
-import MuiButton from "@mui/material/Button";
-import { B as ButtonRoot } from "./styles-ByKSzMzT.js";
-import { u as useUtilityClasses } from "./classes/index-Cckcp1Au.js";
-import clsx from "clsx";
-const Button = (props) => {
-  const {
-    size = "small",
-    variant = "contained",
-    className,
-    disabled,
-    skeletonWidth = "100px",
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    skeletonHeight = "28px",
-    colorState,
-    ...others
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  const ownerState = {
-    size,
-    variant,
-    isDisabled: disabled,
-    colorState
-  };
-  const classes = useUtilityClasses(ownerState);
-  return (
-    /* ButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
-        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
-        otros componentes de la plataforna web. */
-    /* @__PURE__ */ jsx(ButtonRoot, { className: clsx(classes.root, className), "data-testid": "ButtonRoot", children: !isSkeleton ? (
-      /* MuiButton: Componente botón proporcionado por la librería externa material ui. */
-      /* @__PURE__ */ jsx(MuiButton, { ...others, variant, size, disableRipple: true, disabled })
-    ) : (
-      /* MuiSkeleton: Componente extendido de mui que se usa para mostrar la versión provisional de elementos en
-              la plataforma web. */
-      /* @__PURE__ */ jsx(
-        Skeleton,
-        {
-          className: classes.skeleton,
-          "data-testid": "MuiSkeleton",
-          variant: "rectangular",
-          width: skeletonWidth
-        }
-      )
-    ) })
-  );
-};
-export {
-  Button as B
-};

package/components/mui_extended/Button/classes/constants-CRpfsm9H.js

@@ -1,4 +0,0 @@
-const componentName = "M4LButton";
-export {
-  componentName as c
-};

package/components/mui_extended/Button/classes/index-Cckcp1Au.js

@@ -1,49 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-CRpfsm9H.js";
-const buttonClasses = generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton",
-  /* states or variants of elements */
-  "sizeSmall",
-  "sizeMedium",
-  "variantOutlined",
-  "variantContained",
-  "variantText",
-  "isDisabled",
-  "colorError",
-  "colorSuccess",
-  "colorWarning",
-  /**Toggle */
-  "togglePressed",
-  "toggleNotPressed"
-]);
-function getButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (onwerState) => {
-  const slots = {
-    root: [
-      "root",
-      onwerState.size === "small" && "sizeSmall",
-      onwerState.size === "medium" && "sizeMedium",
-      onwerState.variant === "outlined" && "variantOutlined",
-      onwerState.variant === "contained" && "variantContained",
-      onwerState.variant === "text" && "variantText",
-      onwerState.isDisabled && "isDisabled",
-      onwerState.colorState === "error" && "colorError",
-      onwerState.colorState === "success" && "colorSuccess",
-      onwerState.colorState === "warning" && "colorWarning"
-    ],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  buttonClasses as b,
-  useUtilityClasses as u
-};

package/components/mui_extended/Button/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/mui_extended/Button/styles-ByKSzMzT.js

@@ -1,12 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { Skeleton } from "@mui/material";
-const ButtonRoot = styled("div")(({ theme }) => ({
-  /* Styles overrides of m4l_styles */
-  ...theme.components?.M4LButton?.styleOverrides
-}));
-styled(Skeleton)(({ theme }) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-export {
-  ButtonRoot as B
-};

package/components/mui_extended/Button/types-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/mui_extended/CheckBox/CheckBox-CSqbunYW.js

@@ -1,45 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Checkbox } from "@mui/material";
-import clsx from "clsx";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useUtilityClasses } from "./classes/index-DMl7iW7p.js";
-import { useModuleSkeleton } from "@m4l/core";
-import { S as SkeletonCheckBox } from "./subcomponents/Skeleton/index-BDQI6wc3.js";
-import { forwardRef } from "react";
-import { C as CheckBoxRoot } from "./styles-DR7AesqE.js";
-import { L as Label } from "../../Label/Label-3ew9PS6u.js";
-const CheckBox = forwardRef((props, ref) => {
-  const {
-    className,
-    size = "small",
-    disabled,
-    label,
-    mandatory,
-    mandatoryMessage,
-    helperMessage,
-    htmlFor
-  } = props;
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const ownerState = {
-    size: !isDesktop ? "medium" : size,
-    disabled
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsxs(CheckBoxRoot, { className: clsx(classes.root, className), ref, children: [
-    !isSkeleton ? /* @__PURE__ */ jsx(Checkbox, { id: htmlFor, ...props }) : /* @__PURE__ */ jsx(SkeletonCheckBox, { classes }),
-    label && /* @__PURE__ */ jsx(
-      Label,
-      {
-        label,
-        mandatory,
-        mandatoryMessage,
-        helperMessage,
-        htmlFor
-      }
-    )
-  ] });
-});
-export {
-  CheckBox as C
-};

package/components/mui_extended/CheckBox/classes/constants-Bi13LVtk.js

@@ -1,4 +0,0 @@
-const COMPONENT_CLASS_NAME = "M4LCheckBox";
-export {
-  COMPONENT_CLASS_NAME as C
-};

package/components/mui_extended/CheckBox/classes/index-DMl7iW7p.js

@@ -1,33 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { C as COMPONENT_CLASS_NAME } from "./constants-Bi13LVtk.js";
-generateUtilityClasses(COMPONENT_CLASS_NAME, [
-  /* elements */
-  "root",
-  "skeleton",
-  /* states or variants of elements */
-  "small",
-  "medium",
-  "stateDisabled"
-]);
-function getRHFCheckboxUtilityClass(slot) {
-  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.size === "small" && "small",
-      ownerState.size === "medium" && "medium",
-      ownerState.disabled && "stateDisabled"
-    ],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

package/components/mui_extended/CheckBox/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/mui_extended/CheckBox/styles-DR7AesqE.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material";
-const CheckBoxRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LCheckBox?.styleOverrides
-}));
-export {
-  CheckBoxRoot as C
-};

package/components/mui_extended/CheckBox/subcomponents/Skeleton/index-BDQI6wc3.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-const SkeletonCheckBox = (props) => {
-  const { classes } = props;
-  return /* @__PURE__ */ jsx("div", { className: classes.skeleton, children: /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: "18px", height: "18px" }) });
-};
-export {
-  SkeletonCheckBox as S
-};

package/components/mui_extended/CircularProgress/index-Bnnti_G6.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { CircularProgress as CircularProgress$1 } from "@mui/material";
-const CircularProgress = (props) => {
-  return /* @__PURE__ */ jsx(CircularProgress$1, { ...props });
-};
-export {
-  CircularProgress as C
-};

package/components/mui_extended/IconButton/IconButton-Bf75xsn0.js

@@ -1,96 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { S as SkeletonIconButton } from "./subcomponents/SkeletonIconButton/index-DhZR7g_D.js";
-import { I as IconButtonRoot } from "./styledIconButton-fAsbGoFS.js";
-import { u as useUtilityClasses } from "./classes/index-BxjJGAqZ.js";
-import clsx from "clsx";
-import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
-const IconButton = (props) => {
-  const {
-    src,
-    tooltip,
-    size = "small",
-    dictionaryTooltipId,
-    rotationAngle,
-    variant = "line",
-    disabled,
-    className,
-    onClick,
-    color,
-    ...other
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const finalTooltip = useMemo(() => {
-    if (disabled) {
-      return void 0;
-    }
-    if (tooltip && tooltip !== "") {
-      return tooltip;
-    }
-    if (dictionaryTooltipId && getLabel) {
-      return getLabel(dictionaryTooltipId);
-    }
-    return void 0;
-  }, [tooltip, dictionaryTooltipId, getLabel, disabled]);
-  const [
-    isfocus
-    /* setIsFocus */
-  ] = useState(false);
-  const ownerState = {
-    variant,
-    size: isDesktop ? size : "medium",
-    isSkeleton,
-    isFocus: disabled ? false : isfocus,
-    isDisabled: disabled
-  };
-  const classes = useUtilityClasses(ownerState);
-  return (
-    /* IconButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
-        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
-        otros componentes de la plataforna web. */
-    /* @__PURE__ */ jsx(IconButtonRoot, { className: clsx(classes.root, className), "data-testid": "IconButtonRoot", children: !isSkeleton ? (
-      // eslint-disable-next-line react/jsx-no-useless-fragment
-      /* @__PURE__ */ jsx(Fragment, { children: finalTooltip ? (
-        /* Este bloque corresponde al caso en el que requiera tooltip en el componente. */
-        /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: /* @__PURE__ */ jsx(
-          IconButton$1,
-          {
-            ...other,
-            onClick,
-            disableRipple: true,
-            disabled,
-            children: /* @__PURE__ */ jsx(Icon, { src, size, color })
-          }
-        ) })
-      ) : (
-        /* Este bloque corresponde al caso en que solo se rquiera cargar el botón con icono. */
-        /* @__PURE__ */ jsx(
-          IconButton$1,
-          {
-            ...other,
-            onClick,
-            disableRipple: true,
-            disabled,
-            children: /* @__PURE__ */ jsx(
-              Icon,
-              {
-                src,
-                size: isDesktop ? size : "medium",
-                rotationAngle,
-                color
-              }
-            )
-          }
-        )
-      ) })
-    ) : /* @__PURE__ */ jsx(SkeletonIconButton, { classes }) })
-  );
-};
-export {
-  IconButton as I
-};

package/components/mui_extended/IconButton/classes/constants-ChY2jKkp.js

@@ -1,4 +0,0 @@
-const componentName = "M4LIconButton";
-export {
-  componentName as c
-};

package/components/mui_extended/IconButton/classes/index-BxjJGAqZ.js

@@ -1,45 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-ChY2jKkp.js";
-const iconButtonClasses = generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton",
-  /* states or variants of elements */
-  "sizemSall",
-  "sizeMedium",
-  "variantPrimary",
-  "variantSecondary",
-  "variantLine",
-  "isFocus",
-  "isDisabled",
-  /**Toggle */
-  "togglePressed",
-  "toggleNotPressed"
-]);
-function getIconButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary",
-      ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary",
-      ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine",
-      ownerState.isFocus && !ownerState.isDisabled && "isFocus",
-      ownerState.isDisabled && "isDisabled"
-    ],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  iconButtonClasses as i,
-  useUtilityClasses as u
-};

package/components/mui_extended/IconButton/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/mui_extended/IconButton/styledIconButton-fAsbGoFS.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const IconButtonRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LIconButton?.styleOverrides
-}));
-export {
-  IconButtonRoot as I
-};

package/components/mui_extended/IconButton/subcomponents/SkeletonIconButton/index-DhZR7g_D.js

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-const SkeletonIconButton = (props) => {
-  const { classes } = props;
-  return /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      variant: "rectangular",
-      className: classes.skeleton,
-      "data-testid": "SkeletonIconButton"
-    }
-  );
-};
-export {
-  SkeletonIconButton as S
-};

package/components/mui_extended/ImageButton/ImageButton-BhT8454W.js

@@ -1,33 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { IconButton, Tooltip } from "@mui/material";
-import { I as Image } from "../../Image/Image-BjqOt3pz.js";
-import { W as WrapperImageButton } from "./styles-Cfy6gS1h.js";
-import { u as useUtilityClasses } from "./utils/Clases/index-DyJX4pUM.js";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "./tests/utils-qHKbsv7D.js";
-function ImageButton({
-  src,
-  width,
-  height,
-  tooltip,
-  sx = { width, height },
-  ...other
-}) {
-  const finalTooltip = tooltip;
-  const classes = useUtilityClasses();
-  const imageButton = useMemo(() => {
-    return /* @__PURE__ */ jsx(IconButton, { sx, ...other, children: /* @__PURE__ */ jsx(Image, { src }) });
-  }, [src, width, height, sx]);
-  return /* @__PURE__ */ jsx(
-    WrapperImageButton,
-    {
-      className: classes.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: imageButton }) : imageButton
-    }
-  );
-}
-export {
-  ImageButton as I
-};

package/components/mui_extended/ImageButton/styles-Cfy6gS1h.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WrapperImageButton = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LImageButton?.styleOverrides
-}));
-export {
-  WrapperImageButton as W
-};

package/components/mui_extended/ImageButton/tests/constants-DuWNiVqE.js

@@ -1,4 +0,0 @@
-const IMAGEBUTTON_PREFIX = "ImageButton";
-export {
-  IMAGEBUTTON_PREFIX as I
-};

package/components/mui_extended/ImageButton/tests/utils-qHKbsv7D.js

@@ -1,7 +0,0 @@
-import { I as IMAGEBUTTON_PREFIX } from "./constants-DuWNiVqE.js";
-const getNameDataTestId = (KEY) => {
-  return `${IMAGEBUTTON_PREFIX}-${KEY}`;
-};
-export {
-  getNameDataTestId as g
-};

package/components/mui_extended/ImageButton/utils/Clases/constants-mNTU_W7V.js

@@ -1,4 +0,0 @@
-const componentName = "M4LImageButton";
-export {
-  componentName as c
-};

package/components/mui_extended/ImageButton/utils/Clases/index-DyJX4pUM.js

@@ -1,23 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-mNTU_W7V.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getImageButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

package/components/mui_extended/LinearProgress/index-CGgW8jq2.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { LinearProgress as LinearProgress$1 } from "@mui/material";
-const LinearProgress = (props) => {
-  const { ...other } = props;
-  return /* @__PURE__ */ jsx(LinearProgress$1, { ...other });
-};
-export {
-  LinearProgress as L
-};

package/components/mui_extended/LinkWithRoute/index-BC2miUjR.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Link as Link$1 } from "react-router-dom";
-import { Skeleton, Link } from "@mui/material";
-import { useModuleSkeleton } from "@m4l/core";
-const LinkWithRoute = (props) => {
-  const { to, children, skeletonWidth = "100%", skeletonHeight = "14px", ...other } = props;
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight });
-  }
-  return /* @__PURE__ */ jsx(Link, { component: Link$1, to, ...other, children });
-};
-export {
-  LinkWithRoute as L
-};

package/components/mui_extended/LoadingButton/classes/constants-DoqO1UIR.js

@@ -1,4 +0,0 @@
-const componentName = "M4LLoadingButton";
-export {
-  componentName as c
-};

package/components/mui_extended/LoadingButton/classes/index-CSSvvOFZ.js

@@ -1,42 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-DoqO1UIR.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "skeleton",
-    /* states or variants of elements */
-    "sizeSmall",
-    "sizeMedium",
-    "variantOutlined",
-    "variantContained",
-    "variantText",
-    "isDisabled"
-  ]
-);
-function getLoadingButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (onwerState) => {
-  const slots = {
-    root: [
-      "root",
-      onwerState.size === "small" && "sizeSmall",
-      onwerState.size === "medium" && "sizeMedium",
-      onwerState.variant === "outlined" && "variantOutlined",
-      onwerState.variant === "contained" && "variantContained",
-      onwerState.variant === "text" && "variantText",
-      onwerState.isDisabled && "isDisabled"
-    ],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getLoadingButtonUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};