@m4l/components 9.1.8 → 9.1.10

package/components/SideBar/classes/types.d.ts

@@ -1,42 +0,0 @@
-export interface SideBarClassesType {
-    root: string;
-    contentDesktop: string;
-    contentMobile: string;
-    footer: string;
-    collapseButton: string;
-    collapseButtonSecondary: string;
-    containerSideBarLogo: string;
-    containerLogo: string;
-    contentGroups: string;
-    wrapperGroup: string;
-    wrapperGroupTitle: string;
-    itemListMainRootContainer: string;
-    itemListMainRoot: string;
-    containerListSubItem: string;
-    navItemMainRoot: string;
-    navItemRootContent: string;
-    arrowIconRoot: string;
-    navListSubItemRoot: string;
-    navSubItemContentRoot: string;
-    skeleton: string;
-    lineLeft: string;
-    wrapperSideBar: string;
-    areaExpandMenu: string;
-    navItemRootContentIconTypo: string;
-    navSubItemContentBullet: string;
-    containerLogoButtonLogo: string;
-    subItemCollapseActive: string;
-    containerContentGroupsFooter: string;
-    contentGroupsLine: string;
-    drawer: string;
-    popover: string;
-    wrapperLogoFooter: string;
-    collapsed: string;
-    visible: string;
-    subItemActive: string;
-    itemMainActive: string;
-    variantDefault: string;
-    variantComercial: string;
-    overlapping: string;
-}
-export type SideBarClassesKey = keyof SideBarClassesType;

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

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

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

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { u as useSideBar } from "../../hooks/useSideBar/index.js";
-import { C as ContentComponent } from "./subcomponents/ContentComponent/index.js";
-import { M as MENU_COLLAPSED_SIZE } from "../../constants.js";
-const ContentDesktop = () => {
-  const { classes, collapsed, expandedWidth, overlay } = useSideBar();
-  const areaExpandMenuSize = collapsed ? !overlay ? MENU_COLLAPSED_SIZE : expandedWidth : expandedWidth;
-  return /* @__PURE__ */ jsx("div", { className: classes.areaExpandMenu, style: { width: areaExpandMenuSize }, children: /* @__PURE__ */ jsx(ContentComponent, {}) });
-};
-export {
-  ContentDesktop as C
-};

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/index.d.ts

@@ -1,13 +0,0 @@
-type CollapseButtonProps = {
-    onToggleCollapse: VoidFunction;
-    collapsed: boolean;
-};
-/**
- * Renderiza el footer del sidebar
- * @param {CollapseButtonProps} props - Propiedades del componente
- * @param {VoidFunction} props.onToggleCollapse - Funcion que se encarga de activar el modo colapsado en desktop
- * @param {VoidFunction} props.collapsed - Variable que guarda el estado de colapsado en desktop
- * @returns
- */
-export default function FooterSidebar(_props: CollapseButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/index.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { C as CollapseButtonRoot } 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 { I as Image } from "../../../../../Image/Image.js";
-function FooterSidebar(_props) {
-  const { classes, companyLogoNormalUrl } = useSideBar();
-  return /* @__PURE__ */ jsx(
-    CollapseButtonRoot,
-    {
-      className: classes.footer,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("footer") } : {},
-      children: /* @__PURE__ */ jsx("div", { className: classes.wrapperLogoFooter, children: /* @__PURE__ */ jsx("div", { className: classes.containerLogoButtonLogo, children: /* @__PURE__ */ jsx(
-        Image,
-        {
-          width: "192px",
-          height: "28px",
-          src: companyLogoNormalUrl || "",
-          alt: "logo"
-        },
-        "Logo"
-      ) }) })
-    }
-  );
-}
-export {
-  FooterSidebar as F
-};

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/styles.d.ts

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

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/styles.js

@@ -1,10 +0,0 @@
-import { styled } from "@mui/material";
-const CollapseButtonRoot = styled("div")(() => ({
-  display: "flex"
-}));
-styled("div")(() => ({
-  display: "flex"
-}));
-export {
-  CollapseButtonRoot as C
-};

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/types.d.ts

@@ -1,5 +0,0 @@
-export interface CollapseButtonProps {
-    onToggleCollapse: VoidFunction;
-    collapsed: boolean;
-}
-export type WrapperCollapseButtonProps = Pick<CollapseButtonProps, 'collapsed'>;

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/ContentComponent/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare const ContentComponent: () => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/ContentComponent/index.js

@@ -1,74 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getNameDataTestId } from "../../../../tests/utils.js";
-import { u as useSideBar } from "../../../../hooks/useSideBar/index.js";
-import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock.js";
-import { C as ContentGroups } from "../../../ContentGroups/index.js";
-import { F as FooterSidebar } from "../CollapseButton/index.js";
-import clsx from "clsx";
-import { useEnvironment } from "@m4l/core";
-import { a as MENU_COLLAPSED_CONTAINER_SIZE } from "../../../../constants.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton.js";
-const ContentComponent = () => {
-  const { collapsed, onToggleCollapse, classes, onToggleOverlay, overlay } = useSideBar();
-  const handlerOnMouseEnter = () => {
-    if (collapsed) {
-      onToggleOverlay(true);
-    }
-  };
-  const handlerOnMouseLeave = () => {
-    if (collapsed) {
-      onToggleOverlay(false);
-    }
-  };
-  const handlerOnMouseEnterIconButton = () => {
-    if (collapsed && overlay) {
-      onToggleOverlay(true);
-    }
-  };
-  const handlerOnMouseLeaveIconButton = () => {
-    if (collapsed && overlay) {
-      onToggleOverlay(false);
-    }
-  };
-  const handleButtonClick = () => {
-    onToggleCollapse();
-  };
-  const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(classes.contentDesktop, overlay && classes.overlapping),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("contentDesktop") } : {},
-      children: [
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            variant: "text",
-            rotationAngle: !collapsed ? 180 : 0,
-            onClick: () => handleButtonClick(),
-            onMouseEnter: () => handlerOnMouseEnterIconButton(),
-            onMouseLeave: () => handlerOnMouseLeaveIconButton(),
-            className: classes.collapseButton,
-            src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/arrow_right.svg`
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: classes.containerContentGroupsFooter,
-            style: { minWidth: MENU_COLLAPSED_CONTAINER_SIZE },
-            onMouseEnter: () => handlerOnMouseEnter(),
-            onMouseLeave: () => handlerOnMouseLeave(),
-            children: [
-              /* @__PURE__ */ jsx(ContentGroups, {}),
-              /* @__PURE__ */ jsx(FooterSidebar, { onToggleCollapse, collapsed })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  ContentComponent as C
-};

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

@@ -1,8 +0,0 @@
-import { NavListRootProps } from './types';
-/**
- * Renderiza el contenido de la lista principal
- * @param {NavListRootProps} props - Propiedades del componente
- * @param {NavListProps} props.list -
- * @returns
- */
-export declare function ItemListMain(props: NavListRootProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,95 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Collapse } from "@mui/material";
-import { N as NavItemMain } from "./subcomponents/NavItemRoot/index.js";
-import { C as ContainerListSubItem } from "./styles.js";
-import { N as NavListSubItem } from "./subcomponents/NavListSub/index.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 clsx from "clsx";
-import { BaseProvider } from "@m4l/core";
-import { useLocation } from "react-router-dom";
-function ItemListMain(props) {
-  const { list } = props;
-  const { isItemActive, classes } = useSideBar();
-  const location = useLocation();
-  const [internalItemActive, setInternalItemActive] = useState(false);
-  const [active, setActive] = useState(false);
-  const childrens = [];
-  const findChildren = (listToFind) => {
-    const moduleId = listToFind.children ? listToFind.children[0].module_id : void 0;
-    if (moduleId) {
-      childrens.push(moduleId);
-      listToFind.children && findChildren(listToFind.children[0]);
-    }
-  };
-  useEffect(() => {
-    let mounted = true;
-    if (mounted) {
-      setActive(false);
-      setActive(isItemActive(list));
-      if (mounted && !active) {
-        findChildren(list);
-        for (let i = 0; i < childrens.length; i++) {
-          if (isItemActive({ title: "", module_id: childrens[i] })) {
-            setActive(true);
-            break;
-          }
-        }
-      }
-    }
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, [location.search]);
-  const [open, setOpen] = useState(true);
-  const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
-  if (hasChildren) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "presentation",
-        className: clsx(
-          classes.itemListMainRoot,
-          active || internalItemActive ? classes.itemMainActive : null
-        ),
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("itemListMainRoot") } : {},
-        children: /* @__PURE__ */ jsxs(
-          BaseProvider,
-          {
-            value: {
-              ancestorActive: internalItemActive,
-              setAncestorActive: setInternalItemActive
-            },
-            children: [
-              /* @__PURE__ */ jsx(NavItemMain, { item: list, open, setOpen }),
-              /* @__PURE__ */ jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: (list.children || []).map((item) => /* @__PURE__ */ jsx(
-                ContainerListSubItem,
-                {
-                  className: classes.containerListSubItem,
-                  ...process.env.NODE_ENV !== "production" ? {
-                    [TEST_PROP_ID]: getNameDataTestId("containerListSubItem")
-                  } : {},
-                  children: /* @__PURE__ */ jsx(NavListSubItem, { item }, item.title)
-                },
-                item.title
-              )) })
-            ]
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.itemListMainRoot, active ? classes.itemMainActive : null),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("itemListMainRoot") } : {},
-      children: /* @__PURE__ */ jsx(NavItemMain, { item: list, open, setOpen })
-    }
-  );
-}
-export {
-  ItemListMain as I
-};

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

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

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

@@ -1,9 +0,0 @@
-import { styled } from "@mui/material/styles";
-const ContainerListSubItem = styled("div")(({ theme }) => ({
-  width: "100%",
-  height: "auto",
-  paddingLeft: theme.spacing(2.75)
-}));
-export {
-  ContainerListSubItem as C
-};

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

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

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

@@ -1 +0,0 @@
-export declare const ArrowIconRoot: 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/ArrowIcon/styles.js

@@ -1,9 +0,0 @@
-import { styled } from "@mui/material";
-const ArrowIconRoot = styled("div")(() => ({
-  display: "flex",
-  alignSelf: "center",
-  lineHeight: 0
-}));
-export {
-  ArrowIconRoot as A
-};

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

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

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

@@ -1,44 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { N as NavItemMainRoot } from "./styles.js";
-import { N as NavItemMainContent } from "./subcomponents/NavItemRootContent/index.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";
-function NavItemMain(props) {
-  const { item, setOpen, open } = props;
-  const { children } = item;
-  const { onClick, isItemActive, onToggleVisible, classes } = useSideBar();
-  const active = isItemActive(item);
-  if (children) {
-    return /* @__PURE__ */ jsx(
-      NavItemMainRoot,
-      {
-        className: classes.navItemMainRoot,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("navItemMainRoot") } : {},
-        onClick: () => setOpen((lastOpen) => !lastOpen),
-        activeRoot: active,
-        children: /* @__PURE__ */ jsx(NavItemMainContent, { item, open })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    NavItemMainRoot,
-    {
-      activeRoot: active,
-      className: classes.navItemMainRoot,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("navItemMainRoot") } : {},
-      children: /* @__PURE__ */ jsx(
-        NavItemMainContent,
-        {
-          item,
-          onClick,
-          changeVisible: onToggleVisible,
-          open
-        }
-      )
-    }
-  );
-}
-export {
-  NavItemMain as N
-};

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

@@ -1,8 +0,0 @@
-import { ListItemButtonProps } from '@mui/material';
-import { WrapperNavItemRootProps } from './type';
-export declare const NavItemMainRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WrapperNavItemRootProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface ListItemTextStyleProps extends ListItemButtonProps {
-    isCollapse?: boolean;
-}
-export declare const ListItemTextStyle: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemTextProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>, import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ListItemTextStyleProps, {}, {}>;
-export {};

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

@@ -1,29 +0,0 @@
-import { styled, alpha } from "@mui/material/styles";
-import { ListItemText } from "@mui/material";
-const NavItemMainRoot = styled("div", {
-  shouldForwardProp: (prop) => prop !== "activeRoot"
-})(({ activeRoot, theme }) => ({
-  ...activeRoot && {
-    ...theme.colorSchemes.finalTheme.typography.subtitle2,
-    color: theme.vars.palette.primary.main,
-    backgroundColor: alpha(
-      theme.colorSchemes.finalTheme.palette.primary.main,
-      theme.vars.palette.action.selectedOpacity
-    )
-  }
-}));
-styled(ListItemText, {
-  shouldForwardProp: (prop) => prop !== "isCollapse"
-})(({ isCollapse, theme }) => ({
-  whiteSpace: "nowrap",
-  transition: theme.transitions.create(["width", "opacity"], {
-    duration: theme.transitions.duration.shorter
-  }),
-  ...isCollapse && {
-    width: 0,
-    opacity: 0
-  }
-}));
-export {
-  NavItemMainRoot as N
-};

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

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

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