@m4l/components 9.3.6 → 9.3.8-BE190825-beta.1

package/components/ImageText/slots/ImageTextEnum.js

@@ -0,0 +1,12 @@
+var ImageTextSlots = /* @__PURE__ */ ((ImageTextSlots2) => {
+  ImageTextSlots2["root"] = "root";
+  ImageTextSlots2["imageContainer"] = "imageContainer";
+  ImageTextSlots2["img"] = "img";
+  ImageTextSlots2["wrapperTitleMessage"] = "wrapperTitleMessage";
+  ImageTextSlots2["title"] = "title";
+  ImageTextSlots2["message"] = "message";
+  return ImageTextSlots2;
+})(ImageTextSlots || {});
+export {
+  ImageTextSlots as I
+};

package/components/ImageText/slots/ImageTextSlots.d.ts

@@ -0,0 +1,18 @@
+export declare const ImageTextContainerRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').ImageTextOwnerState> & 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 ImageContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').ImageTextOwnerState> & 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('../types').ImageTextOwnerState> & 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('../types').ImageTextOwnerState> & 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 TypographyTitleStyled: 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').ImageTextOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const TypographyMessageStyled: 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').ImageTextOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;

package/components/ImageText/slots/ImageTextSlots.js

@@ -0,0 +1,38 @@
+import { styled } from "@mui/material/styles";
+import { b as IMAGE_TEXT_KEY_COMPONENT } from "../constants.js";
+import { I as ImageTextSlots } from "./ImageTextEnum.js";
+import { i as imageTextContainerStyles } from "../ImageText.styles.js";
+import { I as Image } from "../../Image/Image.js";
+import { T as Typography } from "../../mui_extended/Typography/Typography.js";
+const ImageTextContainerRoot = styled("div", {
+  name: IMAGE_TEXT_KEY_COMPONENT,
+  slot: ImageTextSlots.root
+})(imageTextContainerStyles?.root);
+const ImageContainerStyled = styled("div", {
+  name: IMAGE_TEXT_KEY_COMPONENT,
+  slot: ImageTextSlots.imageContainer
+})(imageTextContainerStyles?.imageContainer);
+const ImgStyled = styled(Image, {
+  name: IMAGE_TEXT_KEY_COMPONENT,
+  slot: ImageTextSlots.img
+})(imageTextContainerStyles?.img);
+const WrapperTitleMessageStyled = styled("div", {
+  name: IMAGE_TEXT_KEY_COMPONENT,
+  slot: ImageTextSlots.wrapperTitleMessage
+})(imageTextContainerStyles?.wrapperTitleMessage);
+const TypographyTitleStyled = styled(Typography, {
+  name: IMAGE_TEXT_KEY_COMPONENT,
+  slot: ImageTextSlots.title
+})(imageTextContainerStyles?.title);
+const TypographyMessageStyled = styled(Typography, {
+  name: IMAGE_TEXT_KEY_COMPONENT,
+  slot: ImageTextSlots.message
+})(imageTextContainerStyles?.message);
+export {
+  ImageTextContainerRoot as I,
+  TypographyTitleStyled as T,
+  WrapperTitleMessageStyled as W,
+  ImageContainerStyled as a,
+  ImgStyled as b,
+  TypographyMessageStyled as c
+};

package/components/ImageText/types.d.ts

@@ -0,0 +1,40 @@
+import { ImageTextSlots } from './slots/ImageTextEnum';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { IMAGE_TEXT_KEY_COMPONENT } from './constants';
+import { Theme } from '@mui/material';
+import { Sizes } from '@m4l/styles';
+export interface ImageTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Clase del componente.
+     */
+    className?: string;
+    /**
+     * ID de prueba.
+     */
+    dataTestId?: string;
+    /**
+     * URL de la imagen.
+     */
+    imageUrl: string;
+    /**
+     * Título del componente.
+     */
+    title: string;
+    /**
+     * Mensaje del componente.
+     */
+    message: string;
+    /**
+     * Aria-label de la imagen.
+     */
+    imageAriaLabel?: string;
+    /**
+     * Tamaño del componente.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+}
+export type ImageTextOwnerState = {
+    isVisible: boolean;
+};
+export type ImageTextSlotsType = keyof typeof ImageTextSlots;
+export type ImageTextStyles = M4LOverridesStyleRules<ImageTextSlotsType, typeof IMAGE_TEXT_KEY_COMPONENT, Theme>;

package/components/NoItemPrivileges/NoItemPrivileges.d.ts

@@ -0,0 +1,7 @@
+import { NoItemPrivilegesProps } from './types';
+/**
+ * Componente que muestra un mensaje de que no hay privilegios para el item seleccionado.
+ * @param props - Propiedades del componente.
+ * @returns Componente NoItemPrivileges.
+ */
+export declare const NoItemPrivileges: (props: NoItemPrivilegesProps) => import("react/jsx-runtime").JSX.Element;

package/components/NoItemPrivileges/NoItemPrivileges.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { D as DICTIONARY } from "./dictionary.js";
+import { D as DEFAULT_IMAGE_URL, N as NO_ITEM_PRIVILEGES_CLASSES } from "./constants.js";
+import clsx from "clsx";
+import { N as NoItemPrivilegesRootStyled } from "./slots/NoItemPrivilegesSlots.js";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.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);
+  return /* @__PURE__ */ jsx(
+    NoItemPrivilegesRootStyled,
+    {
+      imageUrl,
+      title: titleText,
+      message: messageText,
+      size: currentSize,
+      className: clsx(NO_ITEM_PRIVILEGES_CLASSES.root, className),
+      dataTestId,
+      role: "alert",
+      "aria-label": "NoItemPrivileges",
+      imageAriaLabel: "illustration no item privileges"
+    }
+  );
+};
+export {
+  NoItemPrivileges as N
+};

package/components/NoItemPrivileges/NoItemPrivilegesStyles.d.ts

@@ -0,0 +1,5 @@
+import { NoItemPrivilegesStyles } from './types';
+/**
+ * Estilos para el componente NoItemPrivileges.
+ */
+export declare const noItemPrivilegesStyles: NoItemPrivilegesStyles;

package/components/NoItemPrivileges/NoItemPrivilegesStyles.js

@@ -0,0 +1,6 @@
+const noItemPrivilegesStyles = {
+  root: {}
+};
+export {
+  noItemPrivilegesStyles as n
+};

package/components/NoItemPrivileges/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const NO_ITEM_PRIVILEGES_KEY_COMPONENT = "M4LNoItemPrivileges";
+export declare const NO_ITEM_PRIVILEGES_CLASSES: Record<string, string>;
+export declare const DEFAULT_IMAGE_URL = "frontend/components/no_item_privileges/assets/img/ProtectionIllustration.svg";

package/components/NoItemPrivileges/constants.js

@@ -0,0 +1,10 @@
+import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { N as NoItemPrivilegesSlots } from "./slots/NoItemPrivilegesEnum.js";
+const NO_ITEM_PRIVILEGES_KEY_COMPONENT = "M4LNoItemPrivileges";
+const NO_ITEM_PRIVILEGES_CLASSES = getComponentClasses(NO_ITEM_PRIVILEGES_KEY_COMPONENT, [...Object.values(NoItemPrivilegesSlots), "root"]);
+const DEFAULT_IMAGE_URL = "frontend/components/no_item_privileges/assets/img/ProtectionIllustration.svg";
+export {
+  DEFAULT_IMAGE_URL as D,
+  NO_ITEM_PRIVILEGES_CLASSES as N,
+  NO_ITEM_PRIVILEGES_KEY_COMPONENT as a
+};

package/components/NoItemPrivileges/dictionary.d.ts

@@ -0,0 +1,5 @@
+export declare const getNoItemPrivilegesComponentsDictionary: () => string[];
+export declare const DICTIONARY: {
+    LABEL_TITLE: string;
+    LABEL_MESSAGE: string;
+};

package/components/NoItemPrivileges/dictionary.js

@@ -0,0 +1,12 @@
+const NO_ITEM_PRIVILEGES_DICTIONARY_KEY = "no_item_privileges";
+const getNoItemPrivilegesComponentsDictionary = () => {
+  return [NO_ITEM_PRIVILEGES_DICTIONARY_KEY];
+};
+const DICTIONARY = {
+  LABEL_TITLE: `${NO_ITEM_PRIVILEGES_DICTIONARY_KEY}.label_title`,
+  LABEL_MESSAGE: `${NO_ITEM_PRIVILEGES_DICTIONARY_KEY}.label_message`
+};
+export {
+  DICTIONARY as D,
+  getNoItemPrivilegesComponentsDictionary as g
+};

package/components/NoItemPrivileges/index.d.ts

@@ -0,0 +1,3 @@
+export { NoItemPrivileges } from './NoItemPrivileges';
+export type { NoItemPrivilegesSlotsType, NoItemPrivilegesOwnerState } from './types';
+export { getNoItemPrivilegesComponentsDictionary } from './dictionary';

package/components/NoItemPrivileges/index.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+export declare enum NoItemPrivilegesSlots {
+    root = "root"
+}

package/components/NoItemPrivileges/slots/NoItemPrivilegesEnum.js

@@ -0,0 +1,7 @@
+var NoItemPrivilegesSlots = /* @__PURE__ */ ((NoItemPrivilegesSlots2) => {
+  NoItemPrivilegesSlots2["root"] = "root";
+  return NoItemPrivilegesSlots2;
+})(NoItemPrivilegesSlots || {});
+export {
+  NoItemPrivilegesSlots as N
+};

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

@@ -0,0 +1,3 @@
+export declare const NoItemPrivilegesRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../ImageText/types').ImageTextProps, keyof import('../../ImageText/types').ImageTextProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').NoItemPrivilegesOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;

package/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.js

@@ -0,0 +1,12 @@
+import { styled } from "@mui/material/styles";
+import { N as NoItemPrivilegesSlots } from "./NoItemPrivilegesEnum.js";
+import { a as NO_ITEM_PRIVILEGES_KEY_COMPONENT } from "../constants.js";
+import { n as noItemPrivilegesStyles } from "../NoItemPrivilegesStyles.js";
+import { I as ImageText } from "../../ImageText/ImageText.js";
+const NoItemPrivilegesRootStyled = styled(ImageText, {
+  name: NO_ITEM_PRIVILEGES_KEY_COMPONENT,
+  slot: NoItemPrivilegesSlots.root
+})(noItemPrivilegesStyles?.root);
+export {
+  NoItemPrivilegesRootStyled as N
+};

package/components/NoItemPrivileges/test/NoItemPrivileges.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/NoItemPrivileges/types.d.ts

@@ -0,0 +1,36 @@
+import { Sizes } from '@m4l/styles';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { NoItemPrivilegesSlots } from './slots/NoItemPrivilegesEnum';
+import { NO_ITEM_PRIVILEGES_KEY_COMPONENT } from './constants';
+import { Theme } from '@mui/material';
+export type NoItemPrivilegesProps = {
+    /**
+     * Imagen que se muestra en el componente.
+     */
+    image?: string;
+    /**
+     * Título que se muestra en el componente.
+     */
+    title?: string;
+    /**
+     * Mensaje que se muestra en el componente.
+     */
+    message?: string;
+    /**
+     * Clase que se aplica al componente.
+     */
+    className?: string;
+    /**
+     * ID de prueba que se aplica al componente.
+     */
+    dataTestId?: string;
+    /**
+     * Tamaño del componente.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+};
+export type NoItemPrivilegesOwnerState = {
+    isVisible: boolean;
+};
+export type NoItemPrivilegesSlotsType = keyof typeof NoItemPrivilegesSlots;
+export type NoItemPrivilegesStyles = M4LOverridesStyleRules<NoItemPrivilegesSlotsType, typeof NO_ITEM_PRIVILEGES_KEY_COMPONENT, Theme>;

package/components/NoItemSelected/NoItemSelected.js

@@ -1,74 +1,31 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { useMemo, useRef, useState, useEffect } from "react";
-import { W as WrapperNoItemSelectedStyled, N as NoItemSelectedContainer, I as ImgStyled, a as WrapperTpography, T as TypographyStyledTitle, b as TypographyStyledDetail, L as LabelDetail } from "./slots/NoItemSelectedSlots.js";
+import { useMemo } from "react";
 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 { N as NO_ITEM_SELECTED_CLASSES } from "./constant.js";
 import { D as DICTIONARY } from "./dictionary.js";
+import { N as NoItemSelectedRootStyled } from "./slots/NoItemSelectedSlots.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 function NoItemSelected(props) {
-  const { image, message, size = "medium", className, dataTestId } = props;
+  const { image, title, message, size, 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, setIsVisible] = useState(true);
-  useEffect(() => {
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setIsVisible(entry.contentRect.height >= 49);
-      }
-    });
-    if (containerRef.current) {
-      observer.observe(containerRef.current);
-    }
-    return () => observer.disconnect();
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    WrapperNoItemSelectedStyled,
+  return /* @__PURE__ */ jsx(
+    NoItemSelectedRootStyled,
     {
-      ...getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.root, dataTestId),
-      children: [
-        /* @__PURE__ */ jsx(NoItemSelectedContainer, { ref: containerRef, children: isVisible && /* @__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 })
-      ]
+      imageUrl: image || defaultImage,
+      title: title || getLabel(DICTIONARY.LABEL_TITLE),
+      message: message || getLabel(DICTIONARY.LABEL_DETAIL),
+      size: currentSize,
+      className: clsx(NO_ITEM_SELECTED_CLASSES.root, className),
+      dataTestId,
+      role: "alert",
+      "aria-label": "NoItemSelected",
+      imageAriaLabel: "illustration no item selected"
     }
   );
 }

package/components/NoItemSelected/NoItemSelected.styles.js

@@ -1,104 +1,5 @@
-import { g as getTypographyStyles } from "../../utils/getTypographyStyles.js";
 const noItemSelectedStyles = {
-  /**
-   * 📦 Estilos para el contenedor principal del componente NoItemSelected 📦.
-   */
-  root: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "80%",
-    width: "100%",
-    maxWidth: "600px",
-    minWidth: "200px",
-    padding: "10px",
-    gap: theme.vars.size.baseSpacings.sp2,
-    minHeight: "60px"
-  }),
-  /**
-   * 📸 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: () => ({
-    justifyContent: "center",
-    display: "flex",
-    height: "100%",
-    width: "100%",
-    maxWidth: "150px",
-    maxHeight: "106px",
-    minWidth: "70px",
-    minHeight: "50px",
-    '& [class*="M4LImage-imgSkeleton"]': {
-      opacity: 0
-    },
-    '& [class*="M4LImage"]': {
-      width: "100%",
-      height: "auto ",
-      maxWidth: "150px",
-      maxHeight: "106px",
-      minWidth: "70px",
-      minHeight: "50px"
-    }
-  }),
-  labelDetail: {}
+  root: {}
 };
 export {
   noItemSelectedStyles as n

package/components/NoItemSelected/constant.d.ts

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

package/components/NoItemSelected/constant.js

@@ -1,8 +1,8 @@
 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);
+const NO_ITEM_SELECTED_KEY_COMPONENT = "M4LNoItemSelected";
+const NO_ITEM_SELECTED_CLASSES = getComponentClasses(NO_ITEM_SELECTED_KEY_COMPONENT, NoItemSelectedSlots);
 export {
-  NO_ITEM_SELECT_KEY_COMPONENT as N,
-  classNoItemSelected as c
+  NO_ITEM_SELECTED_CLASSES as N,
+  NO_ITEM_SELECTED_KEY_COMPONENT as a
 };

package/components/NoItemSelected/dictionary.d.ts

@@ -1,6 +1,4 @@
-import { Dictionary } from '@m4l/core';
 export declare function getNoItemSelectedComponentsDictionary(): string[];
-export declare const defaultNoItemSelectedDictionary: Dictionary;
 export declare const DICTIONARY: {
     readonly LABEL_TITLE: "no_item_selected.title";
     readonly LABEL_DETAIL: "no_item_selected.detail";

package/components/NoItemSelected/dictionary.js

@@ -1,9 +1,10 @@
+const NO_ITEM_SELECTED_DICTIONARY_KEY = "no_item_selected";
 function getNoItemSelectedComponentsDictionary() {
-  return ["no_item_selected"];
+  return [NO_ITEM_SELECTED_DICTIONARY_KEY];
 }
 const DICTIONARY = {
-  LABEL_TITLE: "no_item_selected.title",
-  LABEL_DETAIL: "no_item_selected.detail"
+  LABEL_TITLE: `${NO_ITEM_SELECTED_DICTIONARY_KEY}.title`,
+  LABEL_DETAIL: `${NO_ITEM_SELECTED_DICTIONARY_KEY}.detail`
 };
 export {
   DICTIONARY as D,

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

@@ -1,9 +1,3 @@
 export declare enum NoItemSelectedSlots {
-    root = "root",
-    img = "img",
-    typographyStyledTitle = "typographyStyledTitle",
-    typographyStyledDetail = "typographyStyledDetail",
-    labelDetail = "labelDetail",
-    noItemSelectedContainer = "noItemSelectedContainer",
-    wrapperTpography = "wrapperTpography"
+    root = "root"
 }

package/components/NoItemSelected/slots/NoItemSelectedEnum.js

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

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

@@ -1,21 +1,3 @@
-export declare const WrapperNoItemSelectedStyled: 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 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> & {
+export declare const NoItemSelectedRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../ImageText/types').ImageTextProps, keyof import('../../ImageText/types').ImageTextProps> & 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/NoItemSelected/slots/NoItemSelectedSlots.js

@@ -1,44 +1,12 @@
 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 { a as NO_ITEM_SELECTED_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 WrapperNoItemSelectedStyled = styled("div", {
-  name: NO_ITEM_SELECT_KEY_COMPONENT,
+import { I as ImageText } from "../../ImageText/ImageText.js";
+const NoItemSelectedRootStyled = styled(ImageText, {
+  name: NO_ITEM_SELECTED_KEY_COMPONENT,
   slot: NoItemSelectedSlots.root
 })(noItemSelectedStyles?.root);
-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,
-  WrapperNoItemSelectedStyled as W,
-  WrapperTpography as a,
-  TypographyStyledDetail as b
+  NoItemSelectedRootStyled as N
 };

package/components/NoItemSelected/test/NoItemSelected.test.d.ts

@@ -0,0 +1 @@
+export {};