@m4l/components 9.1.9 → 9.1.11

package/components/modal/WindowBase/subcomponents/Header/index.js

@@ -1,29 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import clsx from "clsx";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton.js";
-import { I as Icon } from "../../../../Icon/Icon.js";
-const Header = (props) => {
-  const { title, onClickCancel, urlIcon, classes } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const handlerClick = (e) => {
-    e.stopPropagation();
-    onClickCancel && onClickCancel();
-  };
-  return /* @__PURE__ */ jsxs("div", { id: "Header", className: clsx(classes.headerContainer, "m4l_draggable_handle"), children: [
-    urlIcon && /* @__PURE__ */ jsx("div", { className: classes.iconHeader, children: /* @__PURE__ */ jsx(Icon, { src: urlIcon, size: "medium" }) }),
-    /* @__PURE__ */ jsx("div", { className: classes.titleHeader, children: title }),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        className: classes.iconCloseHeader,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
-        onClick: (e) => handlerClick(e),
-        "aria-label": "click"
-      }
-    )
-  ] });
-};
-export {
-  Header as H
-};

package/components/modal/WindowBase/subcomponents/Header/styles.d.ts

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

package/components/modal/WindowBase/subcomponents/Header/types.d.ts

@@ -1,5 +0,0 @@
-import { Classes } from '../../../classes/types';
-import { WindowBaseProps } from '../../types';
-export interface HeaderProps extends Pick<WindowBaseProps, 'title' | 'onClickCancel' | 'urlIcon'> {
-    classes: Classes;
-}

package/components/modal/WindowBase/types.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-export interface WindowBaseProps {
-    /** El título de la ventana modal. */
-    title: string;
-    /** El contenido de la ventana modal.*/
-    children: ReactNode;
-    /** La URL del icono de la ventana modal (opcional). */
-    urlIcon?: string;
-    /**La función que se ejecuta al hacer clic en el botón de cancelar (opcional). */
-    onClickCancel?: () => void;
-}

package/components/modal/WindowConfirm/index.d.ts

@@ -1,16 +0,0 @@
-import { WindowConfirmProps } from './types';
-/**
- * Componente de ventana de confirmación.
- * Este componente muestra una ventana modal de confirmación con un mensaje y opciones de acción.
- * Utiliza hooks como useModal, useModuleDictionary y useEnvironment de @m4l/core.
- * También importa componentes y clases necesarios de CommonActions, subcomponents y classes.
- * @createdAt 2024-11-06 09:00:05 - automatic
- */
-/**
- * TODO: Documentar
- * @author SebastianM - automatic
- * @createdAt 2024-11-06 09:00:05 - automatic
- * @updatedAt 2024-11-06 10:39:53 - automatic
- * @updatedUser SebastianM - automatic
- */
-export declare const WindowConfirm: (props: WindowConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowConfirm/index.js

@@ -1,43 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { u as useModal } from "../../../hooks/useModal/index.js";
-import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { M as MessageIlustration } from "./subcomponents/MessageIlustration/index.js";
-import { m as modalUtilityClasses } from "../classes/index.js";
-import { W as WindowBase } from "../WindowBase/index.js";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { A as ActionCancel } from "../../CommonActions/components/ActionCancel/ActionCancel.js";
-import { A as ActionIntro } from "../../CommonActions/components/ActionIntro/ActionIntro.js";
-const WindowConfirm = (props) => {
-  const { variant, title, onClickCancel, onClickIntro, msg } = props;
-  const { closeModal } = useModal();
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  const onClikIntroLocal = () => {
-    closeModal();
-    if (onClickIntro) {
-      onClickIntro();
-    }
-  };
-  const classes = modalUtilityClasses({ variant });
-  return /* @__PURE__ */ jsxs(
-    WindowBase,
-    {
-      title: getLabel("modal_dialog.label_window_confirm"),
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
-      children: [
-        /* @__PURE__ */ jsx(MessageIlustration, { classes, msg, title }),
-        /* @__PURE__ */ jsxs(ActionsContainer, { children: [
-          /* @__PURE__ */ jsx(ActionCancel, { onClick: onCloseCancel }),
-          /* @__PURE__ */ jsx(ActionIntro, { onClick: onClikIntroLocal })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  WindowConfirm as W
-};

package/components/modal/WindowConfirm/styles.d.ts

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

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/index.d.ts

@@ -1,5 +0,0 @@
-import { ModalConfirmProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const MessageIlustration: (props: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/index.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Typography } from "@mui/material";
-import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { d as dictionary } from "../../dictionary.js";
-import { u as useModal } from "../../../../../hooks/useModal/index.js";
-import { I as Image } from "../../../../Image/Image.js";
-const MessageIlustration = (props) => {
-  const { getLabel } = useModuleDictionary();
-  const { variant } = useModal();
-  const {
-    msg = getLabel(dictionary.MESSAGE),
-    classes,
-    title
-    // msg = 'Are you sure you want to perform this action? Once complete, the information will be deleted.',
-  } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`;
-  const illustrationDanger = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_danger.svg`;
-  const illustrationSuccess = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_success.svg`;
-  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_info.svg`;
-  return /* @__PURE__ */ jsx("div", { className: classes.containerMassageIlustration, children: /* @__PURE__ */ jsxs("div", { className: classes.modalContent, children: [
-    /* @__PURE__ */ jsx("div", { className: classes.illustrationContainer, children: /* @__PURE__ */ jsx(
-      Image,
-      {
-        className: classes.illustration,
-        src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationDanger : variant === "success" ? illustrationSuccess : illustrationInfo
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle", children: title }) }),
-    /* @__PURE__ */ jsx("div", { className: classes.messageContainer, children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: msg }) })
-  ] }) });
-};
-export {
-  MessageIlustration as M
-};

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/types.d.ts

@@ -1,6 +0,0 @@
-import { Classes } from '../../../classes/types';
-export interface ModalConfirmProps {
-    msg?: string;
-    title?: string;
-    classes: Classes;
-}

package/components/modal/WindowConfirm/types.d.ts

@@ -1,44 +0,0 @@
-/**
- * Colores disponibles para el estado de la ventana de confirmación.
- * Puede ser 'warning', 'delete', 'info', 'success' o undefined.
- */
-export type StateColors = 'warning' | 'delete' | 'info' | 'success' | undefined;
-/**
- * Propiedades de la ventana de confirmación.
- */
-export interface WindowConfirmProps {
-    /**
-     * Título de la ventana de confirmación.
-     */
-    title: string;
-    /**
-     * Variante de color para el estado de la ventana.
-     * Puede ser uno de los colores definidos en StateColors.
-     */
-    variant?: StateColors;
-    /**
-     * Título del botón de aceptar.
-     */
-    titleAccept?: string;
-    /**
-     * Mensaje de la ventana de confirmación.
-     */
-    msg: string;
-    /**
-     * Función de clic en el botón de introducción.
-     */
-    onClickIntro?: () => void;
-    /**
-     * Función de clic en el botón de cancelar.
-     */
-    onClickCancel?: () => void;
-}
-/**
- * Propiedades relacionadas con la variante de color de la ventana de confirmación.
- */
-export type VariantProps = Pick<WindowConfirmProps, 'variant'>;
-/**
- * Estado del propietario de la ventana de confirmación.
- * Contiene las propiedades relacionadas con la variante de color.
- */
-export type OwnerStateWindowConfim = VariantProps;

package/components/mui_extended/Accordion/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LAccordion";

package/components/mui_extended/Accordion/classes/constants.js

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

package/components/mui_extended/Accordion/classes/index.d.ts

@@ -1,13 +0,0 @@
-import { AccordionClassesType } from './types';
-export declare const accordionClasses: AccordionClassesType;
-export declare function getAccordionUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const accordionUtilityClasses: () => {
-    content: string;
-    root: string;
-    label: string;
-    labelIcon: string;
-    endIcon: string;
-};

package/components/mui_extended/Accordion/classes/index.js

@@ -1,31 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "endIcon",
-  "labelIcon",
-  "label",
-  "content"
-  /* states or variants of elements */
-]);
-function getAccordionUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const accordionUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    endIcon: ["endIcon"],
-    labelIcon: ["labelIcon"],
-    label: ["label"],
-    content: ["content"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getAccordionUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  accordionUtilityClasses as a
-};

package/components/mui_extended/Accordion/classes/types.d.ts

@@ -1,10 +0,0 @@
-import { accordionUtilityClasses } from '.';
-export interface AccordionClassesType {
-    root: string;
-    endIcon: string;
-    labelIcon: string;
-    label: string;
-    content: string;
-}
-export type AccordionClassesKey = keyof AccordionClassesType;
-export type Classes = ReturnType<typeof accordionUtilityClasses>;

package/components/mui_extended/Accordion/tests/constants.d.ts

@@ -1 +0,0 @@
-export declare const ICON_PREFIX = "M4LAccordion";

package/components/mui_extended/Accordion/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { AccordionClassesKey } from '../classes/types';
-export declare const getNameAccordionDataTestId: (KEY: AccordionClassesKey) => string;