@m4l/components 9.3.5 → 9.3.7

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 {};

package/components/NoItemSelected/types.d.ts

@@ -1,11 +1,12 @@
 import { Theme, PaletteColor } from '@mui/material';
 import { M4LOverridesStyleRules } from '../../@types/augmentations';
-import { NO_ITEM_SELECT_KEY_COMPONENT } from './constant';
+import { NO_ITEM_SELECTED_KEY_COMPONENT } from './constant';
 import { Sizes } from '@m4l/styles';
 import { NoItemSelectedSlots } from './slots/NoItemSelectedEnum';
-import { LabelProps } from '../Label';
+import { LabelProps } from '../Label/types';
 export interface NoItemSelectedProps extends Pick<LabelProps, 'label'> {
     image?: string;
+    title?: string;
     message?: string;
     paletteColor?: PaletteColor;
     dictionaryId?: string;
@@ -13,8 +14,6 @@ export interface NoItemSelectedProps extends Pick<LabelProps, 'label'> {
     dataTestId?: string;
     size?: Extract<Sizes, 'small' | 'medium'>;
 }
-export interface NoItemSelectedOwnerState {
-    size: Extract<Sizes, 'small' | 'medium'>;
-}
+export type NoItemSelectedOwnerState = {};
 export type NoItemSelectedSlotsType = keyof typeof NoItemSelectedSlots;
-export type NoItemSelectedStyles = M4LOverridesStyleRules<NoItemSelectedSlotsType, typeof NO_ITEM_SELECT_KEY_COMPONENT, Theme>;
+export type NoItemSelectedStyles = M4LOverridesStyleRules<NoItemSelectedSlotsType, typeof NO_ITEM_SELECTED_KEY_COMPONENT, Theme>;

package/components/ObjectLogs/helpers/Fields/filterFields.d.ts

@@ -0,0 +1,5 @@
+import { FilterField } from '../../../../components/DynamicFilter';
+/**
+ * Opciones del filtro
+ */
+export declare const filterFieldsGenerator: (urlAssetsPrefix: string, otherApp?: boolean | undefined) => FilterField[];

package/components/ObjectLogs/helpers/Fields/filterFields.js

@@ -0,0 +1,81 @@
+import { endOfDay, startOfDay, startOfMonth } from "date-fns";
+import { D as DICTIONARY } from "../../dictionary.js";
+const filterFieldsGenerator = (urlAssetsPrefix, otherApp) => {
+  if (otherApp) {
+    return [
+      {
+        name: "createdAt",
+        dictionaryId: DICTIONARY.LABEL_CREATED_AT,
+        type: "datetime",
+        multiple: false,
+        presence: "initialized",
+        urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/email.svg`,
+        defaultOperand1: startOfDay(/* @__PURE__ */ new Date()),
+        defaultOperand2: endOfDay(/* @__PURE__ */ new Date())
+      },
+      {
+        name: "userId",
+        dictionaryId: DICTIONARY.LABEL_USER,
+        type: "string",
+        multiple: true,
+        presence: "optional",
+        urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/email.svg`
+      },
+      {
+        name: "logPreview",
+        dictionaryId: DICTIONARY.LABEL_LOG_PREVIEW,
+        type: "string",
+        multiple: true,
+        presence: "optional",
+        urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/log_preview.svg`
+      },
+      {
+        name: "logDetail",
+        dictionaryId: DICTIONARY.LABEL_LOG_DETAIL,
+        type: "string",
+        multiple: true,
+        presence: "optional",
+        urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/log_detail.svg`
+      }
+    ];
+  }
+  return [
+    {
+      name: "user_logs.created_at",
+      dictionaryId: DICTIONARY.LABEL_CREATED_AT,
+      type: "datetime",
+      multiple: false,
+      presence: "fixed",
+      urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/email.svg`,
+      defaultOperand1: startOfMonth(/* @__PURE__ */ new Date()),
+      defaultOperand2: endOfDay(/* @__PURE__ */ new Date())
+    },
+    {
+      name: "users.email",
+      dictionaryId: DICTIONARY.LABEL_USER,
+      type: "string",
+      multiple: true,
+      presence: "optional",
+      urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/email.svg`
+    },
+    {
+      name: "user_logs.log_preview",
+      dictionaryId: DICTIONARY.LABEL_LOG_PREVIEW,
+      type: "string",
+      multiple: true,
+      presence: "optional",
+      urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/log_preview.svg`
+    },
+    {
+      name: "user_logs.log_detail",
+      dictionaryId: DICTIONARY.LABEL_LOG_DETAIL,
+      type: "string",
+      multiple: true,
+      presence: "optional",
+      urlIcon: `${urlAssetsPrefix}/frontend/components/object_logs/assets/icons/log_detail.svg`
+    }
+  ];
+};
+export {
+  filterFieldsGenerator as f
+};

package/components/ObjectLogs/hooks/useDetailFormatter.js

@@ -14,9 +14,9 @@ const useDetailFormatter = (type) => {
     (rowProps) => {
       let logId;
       if (type === "m4l") {
-        logId = rowProps.row.id;
+        logId = rowProps.id;
       } else {
-        logId = rowProps.row.uuid;
+        logId = rowProps.uuid;
       }
       const iconConfig = {
         iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/search.svg`,

package/components/ObjectLogs/hooks/useFilterAndSort.d.ts

@@ -0,0 +1,15 @@
+import { ObjectLogsByOtherProps } from '../subcomponents/ObjectLogsByOthers/ObjectLogsByOthers';
+interface UseFilterAndSortProps extends Partial<ObjectLogsByOtherProps> {
+    setBackendQueryParams: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    Refresh: () => void;
+    otherApp?: boolean;
+}
+/**
+ * Hook para obtener DynamicFilter and Sort
+ */
+export declare function useFilterAndSort(props: UseFilterAndSortProps): {
+    leftActions: import("react/jsx-runtime").JSX.Element;
+    visibleCustomHeader: boolean;
+    customHeaderComponent: import("react/jsx-runtime").JSX.Element;
+};
+export {};