@m4l/components 9.1.9 → 9.1.11

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/index.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index.js";
-import { A as ArrowIcon } from "../../../ArrowIcon/index.js";
-import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography.js";
-import { I as Icon } from "../../../../../../../../../Icon/Icon.js";
-const NavItemMainContent = (props) => {
-  const { item, onClick, handlerOpen, changeVisible, open } = props;
-  const { title, icon_url: icon, children } = item;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { classes } = useSideBar();
-  const isDesktop = useResponsiveDesktop();
-  const handlerClick = (event) => {
-    onClick && onClick(item);
-    handlerOpen && handlerOpen(event);
-    !isDesktop && changeVisible && changeVisible();
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: classes.navItemRootContent,
-      id: "WrapperNavItemRootContent",
-      onClick: handlerClick,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: classes.navItemRootContentIconTypo, children: [
-          icon ? /* @__PURE__ */ jsx(
-            Icon,
-            {
-              src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon}`
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(Typography, { variant: "paragraph", color: "text.secondary", children: title })
-        ] }),
-        children ? /* @__PURE__ */ jsx(ArrowIcon, { openState: open }) : null
-      ]
-    }
-  );
-};
-export {
-  NavItemMainContent as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/type.d.ts

@@ -1,8 +0,0 @@
-import { SideBarProps } from '../../../../../../../../types';
-import { NavItemRootProps, NavListProps } from '../../type';
-export type WrapperRenderContentProps = Pick<SideBarProps, 'collapsed'>;
-export interface RenderContentProps extends Pick<NavItemRootProps, 'item' | 'open'> {
-    onClick?: (path: NavListProps) => void;
-    handlerOpen?: (event: React.MouseEvent<HTMLElement>) => void;
-    changeVisible?: VoidFunction;
-}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/type.d.ts

@@ -1,17 +0,0 @@
-import { MenuDataType } from '../../../../../../types';
-import { OpenStateItem } from '../../types';
-export interface AncestorItem {
-    ancestorActive: boolean;
-    setAncestorActive: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export type NavListProps = MenuDataType;
-export interface NavItemRootProps extends OpenStateItem {
-    item: NavListProps;
-}
-export interface WrapperNavItemRootProps {
-    activeRoot?: boolean;
-}
-export interface StateType {
-    open: boolean;
-    anchorElement: HTMLElement | null;
-}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/index.d.ts

@@ -1,5 +0,0 @@
-import { NavListSubItemProps } from './type';
-/**
- * TODO: Documentar
- */
-export declare function NavListSubItem(props: NavListSubItemProps): import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/index.js

@@ -1,78 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Collapse } from "@mui/material";
-import { useState, useEffect } from "react";
-import { u as useSideBar } from "../../../../../../hooks/useSideBar/index.js";
-import { N as NavListSubItemRoot } from "./styles.js";
-import { N as NavSubItem } from "./subcomponents/NavItemSub/index.js";
-import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../../../../../tests/utils.js";
-import clsx from "clsx";
-import { useBase, BaseProvider } from "@m4l/core";
-import { useLocation } from "react-router-dom";
-function NavListSubItem(props) {
-  const { item: list, closePopover = () => {
-  } } = props;
-  const { setAncestorActive } = useBase();
-  const [internalItemActive, setInternalItemActive] = useState(false);
-  const { classes, isItemActive } = useSideBar();
-  const active = isItemActive(list);
-  const [openSub, setOpenSub] = useState(false);
-  const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
-  const location = useLocation();
-  useEffect(() => {
-    let mounted = true;
-    if (mounted) {
-      if (active || internalItemActive) {
-        setAncestorActive(true);
-      } else {
-        setAncestorActive(false);
-      }
-    }
-    return function cleanUp() {
-      setAncestorActive(false);
-      mounted = false;
-    };
-  }, [active, internalItemActive, location.search]);
-  return /* @__PURE__ */ jsx(
-    NavListSubItemRoot,
-    {
-      className: clsx(
-        classes.navListSubItemRoot,
-        active || internalItemActive ? classes.subItemActive : null
-      ),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("navListSubItemRoot") } : {},
-      children: hasChildren ? /* @__PURE__ */ jsx(
-        BaseProvider,
-        {
-          value: {
-            ancestorActive: internalItemActive,
-            setAncestorActive: setInternalItemActive
-          },
-          children: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              NavSubItem,
-              {
-                item: list,
-                openSub,
-                setOpenSub,
-                closePopover
-              }
-            ),
-            /* @__PURE__ */ jsx(Collapse, { in: openSub, timeout: "auto", unmountOnExit: true, children: (list.children || []).map((item) => /* @__PURE__ */ jsx(NavListSubItem, { item, closePopover }, item.title)) })
-          ] })
-        }
-      ) : /* @__PURE__ */ jsx(
-        NavSubItem,
-        {
-          item: list,
-          openSub,
-          setOpenSub,
-          closePopover
-        }
-      )
-    }
-  );
-}
-export {
-  NavListSubItem as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/styles.js

@@ -1,8 +0,0 @@
-import { styled } from "@mui/material";
-const NavListSubItemRoot = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column"
-}));
-export {
-  NavListSubItemRoot as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/index.d.ts

@@ -1,5 +0,0 @@
-import { NavSubItemProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function NavSubItem(props: NavSubItemProps): import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/index.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { N as NavSubItemContent } from "./subcomponents/NavItemSubContent/index.js";
-import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index.js";
-function NavSubItem(props) {
-  const { item, closePopover, setOpenSub, openSub } = props;
-  const { onClick } = useSideBar();
-  return /* @__PURE__ */ jsx(
-    NavSubItemContent,
-    {
-      item,
-      onClick: () => onClick(item),
-      closePopover,
-      setOpenSub,
-      openSub
-    }
-  );
-}
-export {
-  NavSubItem as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/styles.d.ts

@@ -1,7 +0,0 @@
-import { ListItemStyleProps } from './types';
-import { Theme } from '@mui/system';
-export declare const ListItemStyle: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "action" | "divider" | "style" | "dense" | "disabled" | "alignItems" | "sx" | "classes" | "autoFocus" | "className" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ListItemStyleProps & {
-    theme: Theme;
-}, {}, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/index.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/index.js

@@ -1,57 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useSideBar } from "../../../../../../../../../../hooks/useSideBar/index.js";
-import { N as NavSubItemContentRoot } from "./styles.js";
-import { T as TEST_PROP_ID } from "../../../../../../../../../../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../../../../../../../../../tests/utils.js";
-import clsx from "clsx";
-import { A as ArrowIcon } from "../../../../../ArrowIcon/index.js";
-import { useEnvironment } from "@m4l/core";
-import { T as Typography } from "../../../../../../../../../../../mui_extended/Typography/Typography.js";
-import { I as Icon } from "../../../../../../../../../../../Icon/Icon.js";
-const NavSubItemContent = (props) => {
-  const { item, onClick, closePopover = () => {
-  }, setOpenSub, openSub } = props;
-  const { title, icon_url } = item;
-  const { isItemActive, onToggleVisible, classes } = useSideBar();
-  const active = isItemActive(item);
-  const isDesktop = useResponsiveDesktop();
-  const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const handlerClick = () => {
-    onClick(item);
-    if (!hasChildren || hasChildren === void 0) {
-      closePopover();
-    }
-    setOpenSub((val) => !val);
-    if (!isDesktop && (!hasChildren || hasChildren === void 0)) {
-      onToggleVisible();
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    NavSubItemContentRoot,
-    {
-      onClick: handlerClick,
-      disableRipple: true,
-      className: clsx(
-        classes.navSubItemContentRoot,
-        active && classes.subItemActive,
-        hasChildren && openSub ? classes.subItemCollapseActive : ""
-      ),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("navSubItemContentRoot") } : {},
-      children: [
-        icon_url && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/${icon_url}`
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", children: title }),
-        hasChildren ? /* @__PURE__ */ jsx(ArrowIcon, { openState: openSub }) : null
-      ]
-    }
-  );
-};
-export {
-  NavSubItemContent as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.d.ts

@@ -1,5 +0,0 @@
-import { DotIconProps } from './types';
-export declare const NavSubItemContentRoot: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "action" | "divider" | "style" | "dense" | "disabled" | "alignItems" | "sx" | "classes" | "autoFocus" | "className" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const DotIcon: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DotIconProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.js

@@ -1,39 +0,0 @@
-import { ListItemButton } from "@mui/material";
-import { styled } from "@mui/material/styles";
-const NavSubItemContentRoot = styled(ListItemButton)(({ theme }) => ({
-  display: "flex",
-  padding: theme.spacing(0, 2),
-  alignItems: "center",
-  height: theme.spacing(6),
-  borderRadius: theme.spacing(1),
-  "& .m4l_icon": {
-    marginRight: theme.spacing(1)
-  }
-}));
-styled("span", {
-  shouldForwardProp: (props) => props !== "active"
-})(({ theme, active }) => ({
-  width: "22px",
-  height: "22px",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: "50%",
-  transition: theme.transitions.create("transform", {
-    duration: theme.transitions.duration.shorter
-  }),
-  "&::before": {
-    content: '""',
-    width: "4px",
-    height: "4px",
-    borderRadius: "50%",
-    backgroundColor: theme.vars.palette.text.disabled,
-    ...active && {
-      transform: "scale(1.5)",
-      backgroundColor: theme.vars.palette.primary.main
-    }
-  }
-}));
-export {
-  NavSubItemContentRoot as N
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/types.d.ts

@@ -1,8 +0,0 @@
-import { NavListProps } from '../../../../../NavItemRoot/type';
-import { NavSubItemProps } from '../../types';
-export interface NavItemSubContentProps extends NavSubItemProps {
-    onClick: (path: NavListProps) => void;
-}
-export interface DotIconProps {
-    active: boolean;
-}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/types.d.ts

@@ -1,16 +0,0 @@
-import { LinkProps, ListItemButtonProps } from '@mui/material';
-import { ReactNode } from 'react';
-import { NavItemRootProps } from '../../../NavItemRoot/type';
-export interface NavSubItemProps extends Pick<NavItemRootProps, 'item' | 'closePopover'> {
-    openSub: boolean;
-    setOpenSub: React.Dispatch<React.SetStateAction<boolean>>;
-}
-type IProps = LinkProps & ListItemButtonProps;
-export interface ListItemStyleProps extends IProps {
-    component?: ReactNode | any;
-    to?: string;
-    activeRoot?: boolean;
-    activeSub?: boolean;
-    subItem?: boolean;
-}
-export {};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/type.d.ts

@@ -1,11 +0,0 @@
-import { NavListProps } from '../NavItemRoot/type';
-export type NavListSubItemProps = {
-    item: NavListProps;
-    closePopover?: VoidFunction;
-    setSubItemActive?: React.Dispatch<React.SetStateAction<boolean>>;
-};
-export interface SubItemState {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    closePopover: VoidFunction;
-}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/types.d.ts

@@ -1,12 +0,0 @@
-import { NavListProps } from './subcomponents/NavItemRoot/type';
-export type NavListRootProps = {
-    list: NavListProps;
-    setItemMainActive: React.Dispatch<React.SetStateAction<number>>;
-    itemMainActive: number;
-    id: number;
-};
-export interface OpenStateItem {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    closePopover?: VoidFunction;
-}

package/components/SideBar/subcomponents/ContentGroups/type.d.ts

@@ -1,5 +0,0 @@
-import { NavListProps } from './subcomponents/ItemListRoot/subcomponents/NavItemRoot/type';
-export interface GroupData {
-    title: string;
-    children: NavListProps[];
-}

package/components/SideBar/subcomponents/ContentGroups/utils/index.d.ts

@@ -1,2 +0,0 @@
-export declare function isExternalLink(path: string): boolean;
-export declare function getActive(path: string, pathname: string): boolean;

package/components/SideBar/subcomponents/ContentMobile/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Renderiza el contenido que debe de tener los dispositipos Mobile
- */
-export declare const ContentMobile: () => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentMobile/index.js

@@ -1,81 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTheme } from "@mui/material";
-import { C as ContentGroups } from "../ContentGroups/index.js";
-import { W as WrapperContentMobile } from "./styles.js";
-import { u as useSideBar } from "../../hooks/useSideBar/index.js";
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../tests/utils.js";
-import { D as Drawer } from "./subcomponents/Drawer.js";
-import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
-import { I as Image } from "../../../Image/Image.js";
-const ContentMobile = () => {
-  const {
-    visible,
-    onToggleVisible,
-    companyLogoSmallUrl,
-    expandedWidth,
-    collapsed,
-    classes,
-    companyName
-  } = useSideBar();
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      open: visible,
-      onClose: onToggleVisible,
-      PaperProps: { sx: { width: expandedWidth } },
-      className: classes.drawer,
-      sx: { ...theme.components?.M4LSideBarDrawer?.styleOverrides },
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: classes.lineLeft,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("lineLeft") } : {}
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          WrapperContentMobile,
-          {
-            className: classes.contentMobile,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("contentMobile") } : {},
-            children: [
-              companyLogoSmallUrl ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classes.containerSideBarLogo,
-                  ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo") } : {},
-                  children: /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: classes.containerLogo,
-                      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerLogo") } : {},
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          Image,
-                          {
-                            width: "40px",
-                            height: "40px",
-                            src: companyLogoSmallUrl,
-                            alt: "logo"
-                          },
-                          "Logo"
-                        ),
-                        !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "subtitleDens", skeletonWidth: "100px", children: companyName })
-                      ]
-                    }
-                  )
-                }
-              ) : null,
-              /* @__PURE__ */ jsx(ContentGroups, {})
-            ]
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  ContentMobile as C
-};

package/components/SideBar/subcomponents/ContentMobile/styles.d.ts

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

package/components/SideBar/subcomponents/ContentMobile/styles.js

@@ -1,18 +0,0 @@
-import { styled } from "@mui/material";
-const WrapperContentMobile = styled("div")(({ theme }) => ({
-  "& .m4l_image": {
-    display: "flex",
-    gap: theme.spacing(3),
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0
-  }
-}));
-styled("div")(({ theme }) => ({
-  width: "100%",
-  height: "auto",
-  padding: theme.spacing(0, 2)
-}));
-export {
-  WrapperContentMobile as W
-};

package/components/SideBar/subcomponents/ContentMobile/subcomponents/Drawer.d.ts

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

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

@@ -1,8 +0,0 @@
-/**
- * TODO: Documentar
- * @author cesar - automatic
- * @createdAt 2024-11-06 10:50:22 - automatic
- * @updatedAt 2024-11-06 10:50:22 - automatic
- * @updatedUser cesar - automatic
- */
-export declare const ModalDialog: () => import("react/jsx-runtime").JSX.Element;

package/components/modal/ModalDialog/index.js

@@ -1,60 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTheme, Dialog, Paper } from "@mui/material";
-import Draggable from "react-draggable";
-import { u as useModal } from "../../../hooks/useModal/index.js";
-import { R as ResizableBox } from "../../extended/React-Resizable/ResizableBox/ResizableBox.js";
-import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../classes/index.js";
-import { useState, useEffect } from "react";
-const DragabblePaperComponent = (props) => {
-  return /* @__PURE__ */ jsx(Draggable, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });
-};
-function PaperComponent(props) {
-  return /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset", height: "100%" }, ...props });
-}
-const ModalDialog = () => {
-  const {
-    open,
-    initialWidth = 600,
-    initialHeigth = 400,
-    maxWidth,
-    maxHeight,
-    window,
-    fullScreen,
-    variant
-  } = useModal();
-  const isMobile = useIsMobile();
-  const [fullScreenState, setFullScreenState] = useState(fullScreen);
-  useEffect(() => {
-    setFullScreenState(isMobile);
-  }, [isMobile]);
-  const theme = useTheme();
-  const classes = modalUtilityClasses({ variant });
-  const contentComnponent = /* @__PURE__ */ jsx("div", { className: classes.containerWindow, children: typeof window === "function" ? window() : window });
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      className: classes.root,
-      sx: { ...theme.components?.M4LModalDialog?.styleOverrides },
-      "aria-labelledby": "child-modal-title",
-      "aria-describedby": "child-modal-description",
-      PaperComponent: !isMobile ? DragabblePaperComponent : PaperComponent,
-      fullScreen: fullScreenState,
-      disableEnforceFocus: true,
-      children: !isMobile ? /* @__PURE__ */ jsx(
-        ResizableBox,
-        {
-          width: initialWidth,
-          height: initialHeigth,
-          maxWidth,
-          maxHeight,
-          children: contentComnponent
-        }
-      ) : contentComnponent
-    }
-  );
-};
-export {
-  ModalDialog as M
-};

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

@@ -1,6 +0,0 @@
-import { VariantProps } from './types';
-export declare const Header: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-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>, {}>;
-export declare const IconHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & VariantProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalTitle: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & VariantProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,7 +0,0 @@
-import { ModalOpenOptions } from '../../../contexts';
-import { VariantColor } from '../../../utils/types';
-export interface ModalDialogProps extends ModalOpenOptions {
-}
-export interface VariantProps {
-    variant?: VariantColor;
-}

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

@@ -1,7 +0,0 @@
-import { WindowBaseProps } from './types';
-/**
- * Componente base de ventana.
- * Este componente proporciona una estructura básica para una ventana modal.
- * Utiliza hooks como useModal y clases de utilidad de estilos.
- */
-export declare const WindowBase: (props: WindowBaseProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowBase/index.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { u as useModal } from "../../../hooks/useModal/index.js";
-import { m as modalUtilityClasses } from "../classes/index.js";
-import { H as Header } from "./subcomponents/Header/index.js";
-const WindowBase = (props) => {
-  const { children, onClickCancel, ...other } = props;
-  const { closeModal, variant } = useModal();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  const classes = modalUtilityClasses({ variant });
-  return /* @__PURE__ */ jsxs("div", { className: classes.windowBaseRoot, children: [
-    /* @__PURE__ */ jsx(Header, { ...other, onClickCancel: onCloseCancel, classes }),
-    /* @__PURE__ */ jsx("div", { className: classes.windowContent, children })
-  ] });
-};
-export {
-  WindowBase as W
-};

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

@@ -1 +0,0 @@
-export declare const WrapperWindowBase: 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/index.d.ts

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