@m4l/components 9.3.2-B04082025-beta.3 → 9.3.2-B11082025-beta.2

package/components/ImageText/components/NoItemPrivileges/NoItemPrivileges.js

@@ -1,65 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as ImageContainerStyled, a as ImgStyled, W as WrapperTitleMessageStyled, T as TypographyStyledTitle, b as TypographyStyledMessage } from "./slots/NoItemPrivilegesSlots.js";
-import { D as DICTIONARY } from "./dictionary.js";
-import { I as IMG_ALT, D as DEFAULT_IMAGE_URL, N as NO_ITEM_PRIVILEGES_CLASSES } from "./constants.js";
-import clsx from "clsx";
-import { useRef } from "react";
-import { u as useIsVisible } from "../../hooks/useIsVisible/index.js";
-import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
-import { I as ImageTextContainer } from "../ImageTextContainer/ImageTextContainer.js";
-const NoItemPrivileges = (props) => {
-  const { image, title, message, className, dataTestId, size } = props;
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const imageUrl = image || `${host_static_assets}/${environment_assets}/${DEFAULT_IMAGE_URL}`;
-  const titleText = title || getLabel(DICTIONARY.LABEL_TITLE);
-  const messageText = message || getLabel(DICTIONARY.LABEL_MESSAGE);
-  const { currentSize } = useComponentSize(size);
-  const containerRef = useRef(null);
-  const isVisible = useIsVisible(containerRef);
-  return /* @__PURE__ */ jsxs(
-    ImageTextContainer,
-    {
-      className: clsx(className, NO_ITEM_PRIVILEGES_CLASSES.root),
-      dataTestId,
-      role: "alert",
-      "aria-label": "NoItemPrivileges",
-      children: [
-        /* @__PURE__ */ jsx(ImageContainerStyled, { ref: containerRef, ownerState: { isVisible }, children: /* @__PURE__ */ jsx(
-          ImgStyled,
-          {
-            src: imageUrl,
-            alt: IMG_ALT,
-            role: "presentation",
-            "aria-label": "illustration no item privileges",
-            ownerState: { isVisible }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(WrapperTitleMessageStyled, { children: [
-          /* @__PURE__ */ jsx(
-            TypographyStyledTitle,
-            {
-              size: currentSize,
-              skeletonWidth: 100,
-              variant: "bodyDens",
-              children: titleText
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TypographyStyledMessage,
-            {
-              size: currentSize,
-              skeletonWidth: 200,
-              variant: "body",
-              children: messageText
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  NoItemPrivileges as N
-};

package/components/ImageText/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.d.ts

@@ -1,7 +0,0 @@
-export declare enum NoItemPrivilegesSlots {
-    imageContainer = "imageContainer",
-    img = "img",
-    wrapperTitleMessage = "wrapperTitleMessage",
-    typographyStyledTitle = "typographyStyledTitle",
-    typographyStyledMessage = "typographyStyledMessage"
-}

package/components/ImageText/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.js

@@ -1,11 +0,0 @@
-var NoItemPrivilegesSlots = /* @__PURE__ */ ((NoItemPrivilegesSlots2) => {
-  NoItemPrivilegesSlots2["imageContainer"] = "imageContainer";
-  NoItemPrivilegesSlots2["img"] = "img";
-  NoItemPrivilegesSlots2["wrapperTitleMessage"] = "wrapperTitleMessage";
-  NoItemPrivilegesSlots2["typographyStyledTitle"] = "typographyStyledTitle";
-  NoItemPrivilegesSlots2["typographyStyledMessage"] = "typographyStyledMessage";
-  return NoItemPrivilegesSlots2;
-})(NoItemPrivilegesSlots || {});
-export {
-  NoItemPrivilegesSlots as N
-};

package/components/ImageText/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.d.ts

@@ -1,15 +0,0 @@
-export declare const ImageContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('..').NoItemPrivilegesOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ImgStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../Image').ImageProps, keyof import('../../../../Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('..').NoItemPrivilegesOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const WrapperTitleMessageStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('..').NoItemPrivilegesOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const TypographyStyledTitle: import('@emotion/styled').StyledComponent<Pick<import('../../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('..').NoItemPrivilegesOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const TypographyStyledMessage: import('@emotion/styled').StyledComponent<Pick<import('../../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('..').NoItemPrivilegesOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;

package/components/ImageText/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.js

@@ -1,33 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { N as NoItemPrivilegesSlots } from "./NoItemPrivilegesEnum.js";
-import { N as NO_ITEM_SELECT_KEY_COMPONENT } from "../../NoItemSelected/constant.js";
-import { n as noItemPrivilegesStyles } from "../NoItemPrivilegesStyles.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography.js";
-import { I as Image } from "../../../../Image/Image.js";
-const ImageContainerStyled = styled("div", {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemPrivilegesSlots.imageContainer
-})(noItemPrivilegesStyles?.imageContainer);
-const ImgStyled = styled(Image, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemPrivilegesSlots.img
-})(noItemPrivilegesStyles?.img);
-const WrapperTitleMessageStyled = styled("div", {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemPrivilegesSlots.wrapperTitleMessage
-})(noItemPrivilegesStyles?.wrapperTitleMessage);
-const TypographyStyledTitle = styled(Typography, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemPrivilegesSlots.typographyStyledTitle
-})(noItemPrivilegesStyles?.typographyStyledTitle);
-const TypographyStyledMessage = styled(Typography, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemPrivilegesSlots.typographyStyledMessage
-})(noItemPrivilegesStyles?.typographyStyledMessage);
-export {
-  ImageContainerStyled as I,
-  TypographyStyledTitle as T,
-  WrapperTitleMessageStyled as W,
-  ImgStyled as a,
-  TypographyStyledMessage as b
-};

package/components/ImageText/components/NoItemSelected/NoItemSelected.js

@@ -1,62 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { useMemo, useRef } from "react";
-import { N as NoItemSelectedContainer, I as ImgStyled, W as WrapperTpography, T as TypographyStyledTitle, a as TypographyStyledDetail, L as LabelDetail } from "./slots/NoItemSelectedSlots.js";
-import { clsx } from "clsx";
-import { c as classNoItemSelected, N as NO_ITEM_SELECT_KEY_COMPONENT } from "./constant.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
-import { N as NoItemSelectedSlots } from "./slots/NoItemSelectedEnum.js";
-import { D as DICTIONARY } from "./dictionary.js";
-import { u as useIsVisible } from "../../hooks/useIsVisible/index.js";
-import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
-import { I as ImageTextContainer } from "../ImageTextContainer/ImageTextContainer.js";
-function NoItemSelected(props) {
-  const { image, message, size = "medium", className, dataTestId } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { currentSize } = useComponentSize(size);
-  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
-  const { getLabel } = useModuleDictionary();
-  const defaultImage = useMemo(() => {
-    return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
-  }, []);
-  const ownerState = {
-    size
-  };
-  const containerRef = useRef(null);
-  const isVisible = useIsVisible(containerRef);
-  return /* @__PURE__ */ jsxs(ImageTextContainer, { dataTestId, children: [
-    /* @__PURE__ */ jsx(NoItemSelectedContainer, { ref: containerRef, ownerState: { isVisible }, children: /* @__PURE__ */ jsx(
-      ImgStyled,
-      {
-        className: clsx(classNoItemSelected.img, "noItemSelectedImg", className),
-        src: image || defaultImage,
-        alt: "No item selected"
-      }
-    ) }),
-    !message ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(WrapperTpography, { size: adjustedSize, children: [
-      /* @__PURE__ */ jsx(
-        TypographyStyledTitle,
-        {
-          ownerState: { ...ownerState },
-          skeletonWidth: 100,
-          size: adjustedSize,
-          "data-testid": getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.typographyStyledTitle, dataTestId),
-          children: getLabel(DICTIONARY.LABEL_TITLE)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        TypographyStyledDetail,
-        {
-          ownerState: { ...ownerState },
-          skeletonWidth: 200,
-          size: adjustedSize,
-          "data-testid": getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.typographyStyledDetail, dataTestId),
-          children: getLabel(DICTIONARY.LABEL_DETAIL)
-        }
-      )
-    ] }) }) : /* @__PURE__ */ jsx(LabelDetail, { children: message })
-  ] });
-}
-export {
-  NoItemSelected as N
-};

package/components/ImageText/components/NoItemSelected/NoItemSelected.styles.js

@@ -1,89 +0,0 @@
-import { g as getTypographyStyles } from "../../../../utils/getTypographyStyles.js";
-const noItemSelectedStyles = {
-  /**
-   * 📸 Estilos para la imagen del componente NoItemSelected 📸.
-   */
-  img: {},
-  /**
-   * 🏷️ Estilos para la etiqueta TypographyTitle del componente NoItemSelected 🏷️.
-   */
-  typographyStyledTitle: ({ theme, ownerState }) => ({
-    "&.MuiTypography-root": {
-      "&.M4lclassCssSpecificity": {
-        display: "flex",
-        color: theme.vars.palette.primary.semanticText,
-        ...getTypographyStyles(
-          theme.generalSettings.isMobile,
-          ownerState?.size || "medium",
-          "bodyDens"
-        ),
-        ...getTypographyStyles(
-          theme.generalSettings.isMobile,
-          ownerState?.size || "small",
-          "bodyDens"
-        )
-      }
-    }
-  }),
-  /**
-   * 🏷️ Estilos para la etiqueta TypographyDetail del componente NoItemSelected 🏷️.
-   */
-  typographyStyledDetail: ({ theme, ownerState }) => ({
-    "&.MuiTypography-root": {
-      "&.M4lclassCssSpecificity": {
-        color: theme.vars.palette.text.secondary,
-        ...getTypographyStyles(
-          theme.generalSettings.isMobile,
-          ownerState?.size || "medium",
-          "bodyDens"
-        ),
-        ...getTypographyStyles(
-          theme.generalSettings.isMobile,
-          ownerState?.size || "small",
-          "body"
-        )
-      }
-    }
-  }),
-  /**
-   *  🎁 Estilos para el wrapper de la typography de  NoItemSelect. 🎁
-   */
-  wrapperTpography: ({ theme }) => ({
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    flexDirection: "column",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    "& .MuiTypography-root": {
-      width: "auto"
-    }
-  }),
-  /**
-   * 🎁 Estilos para el wrapper de la imagen de  NoItemSelect. 🎁
-   */
-  noItemSelectedContainer: ({ ownerState }) => ({
-    visibility: ownerState?.isVisible ? "visible" : "hidden",
-    display: "flex",
-    justifyContent: "center",
-    height: "100%",
-    width: "100%",
-    maxWidth: "150px",
-    maxHeight: "106px",
-    minWidth: "70px",
-    '& [class*="M4LImage-imgSkeleton"]': {
-      opacity: 0
-    },
-    '& [class*="M4LImage"]': {
-      width: "100%",
-      height: "auto ",
-      maxWidth: "150px",
-      maxHeight: "106px",
-      minWidth: "70px",
-      minHeight: "50px"
-    }
-  }),
-  labelDetail: {}
-};
-export {
-  noItemSelectedStyles as n
-};

package/components/ImageText/components/NoItemSelected/constant.d.ts

@@ -1,2 +0,0 @@
-export declare const NO_ITEM_SELECT_KEY_COMPONENT = "M4LNoItemSelected";
-export declare const classNoItemSelected: Record<string, string>;

package/components/ImageText/components/NoItemSelected/constant.js

@@ -1,8 +0,0 @@
-import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
-import { N as NoItemSelectedSlots } from "./slots/NoItemSelectedEnum.js";
-const NO_ITEM_SELECT_KEY_COMPONENT = "M4LNoItemSelected";
-const classNoItemSelected = getComponentClasses(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots);
-export {
-  NO_ITEM_SELECT_KEY_COMPONENT as N,
-  classNoItemSelected as c
-};

package/components/ImageText/components/NoItemSelected/dictionary.js

@@ -1,11 +0,0 @@
-function getNoItemSelectedComponentsDictionary() {
-  return ["no_item_selected"];
-}
-const DICTIONARY = {
-  LABEL_TITLE: "no_item_selected.title",
-  LABEL_DETAIL: "no_item_selected.detail"
-};
-export {
-  DICTIONARY as D,
-  getNoItemSelectedComponentsDictionary as g
-};

package/components/ImageText/components/NoItemSelected/slots/NoItemSelectedEnum.d.ts

@@ -1,8 +0,0 @@
-export declare enum NoItemSelectedSlots {
-    img = "img",
-    typographyStyledTitle = "typographyStyledTitle",
-    typographyStyledDetail = "typographyStyledDetail",
-    labelDetail = "labelDetail",
-    noItemSelectedContainer = "noItemSelectedContainer",
-    wrapperTpography = "wrapperTpography"
-}

package/components/ImageText/components/NoItemSelected/slots/NoItemSelectedEnum.js

@@ -1,12 +0,0 @@
-var NoItemSelectedSlots = /* @__PURE__ */ ((NoItemSelectedSlots2) => {
-  NoItemSelectedSlots2["img"] = "img";
-  NoItemSelectedSlots2["typographyStyledTitle"] = "typographyStyledTitle";
-  NoItemSelectedSlots2["typographyStyledDetail"] = "typographyStyledDetail";
-  NoItemSelectedSlots2["labelDetail"] = "labelDetail";
-  NoItemSelectedSlots2["noItemSelectedContainer"] = "noItemSelectedContainer";
-  NoItemSelectedSlots2["wrapperTpography"] = "wrapperTpography";
-  return NoItemSelectedSlots2;
-})(NoItemSelectedSlots || {});
-export {
-  NoItemSelectedSlots as N
-};

package/components/ImageText/components/NoItemSelected/slots/NoItemSelectedSlots.d.ts

@@ -1,18 +0,0 @@
-export declare const ImgStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../Image').ImageProps, keyof import('../../../../Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const TypographyStyledTitle: import('@emotion/styled').StyledComponent<Pick<import('../../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const TypographyStyledDetail: import('@emotion/styled').StyledComponent<Pick<import('../../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const LabelDetail: import('@emotion/styled').StyledComponent<Pick<import('../../../../Label').LabelProps, keyof import('../../../../Label').LabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const NoItemSelectedContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const WrapperTpography: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/ImageText/components/NoItemSelected/slots/NoItemSelectedSlots.js

@@ -1,39 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { N as NoItemSelectedSlots } from "./NoItemSelectedEnum.js";
-import { N as NO_ITEM_SELECT_KEY_COMPONENT } from "../constant.js";
-import { n as noItemSelectedStyles } from "../NoItemSelected.styles.js";
-import { T as Typography } from "../../../../mui_extended/Typography/Typography.js";
-import { L as Label } from "../../../../Label/Label.js";
-import { I as Image } from "../../../../Image/Image.js";
-const ImgStyled = styled(Image, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemSelectedSlots.img
-})(noItemSelectedStyles?.img);
-const TypographyStyledTitle = styled(Typography, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemSelectedSlots.typographyStyledTitle
-})(noItemSelectedStyles?.typographyStyledTitle);
-const TypographyStyledDetail = styled(Typography, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemSelectedSlots.typographyStyledDetail
-})(noItemSelectedStyles?.typographyStyledDetail);
-const LabelDetail = styled(Label, {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemSelectedSlots.labelDetail
-})(noItemSelectedStyles?.labelDetail);
-const NoItemSelectedContainer = styled("div", {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemSelectedSlots.noItemSelectedContainer
-})(noItemSelectedStyles?.noItemSelectedContainer);
-const WrapperTpography = styled("div", {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
-  slot: NoItemSelectedSlots.wrapperTpography
-})(noItemSelectedStyles?.wrapperTpography);
-export {
-  ImgStyled as I,
-  LabelDetail as L,
-  NoItemSelectedContainer as N,
-  TypographyStyledTitle as T,
-  WrapperTpography as W,
-  TypographyStyledDetail as a
-};

package/components/ImageText/hooks/useIsVisible/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook para verificar si el componente es visible en la pantalla.
- * @param containerRef - Referencia al contenedor del componente.
- * @returns true si el componente es visible, false en caso contrario.
- */
-export declare const useIsVisible: (containerRef: React.RefObject<HTMLDivElement>) => boolean;

package/components/hook-form/RHFDateTime/styles.d.ts

@@ -1 +0,0 @@
-export declare const RHFDateTimeRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/TextField/helpers/getLimitCharacters/types.d.ts

@@ -1,5 +0,0 @@
-import { TextFieldProps } from '../../types';
-export interface GetLimitCharactersProps {
-    limitCharacters: number;
-    value: TextFieldProps['value'];
-}