@m4l/components 8.2.3 → 9.0.0-beta-1

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/index.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { A as ArrowIconRoot } 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 Icon } from "../../../../../../../Icon/Icon.js";
-function ArrowIcon(props) {
-  const { openState } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { classes } = useSideBar();
-  return /* @__PURE__ */ jsx(
-    ArrowIconRoot,
-    {
-      className: classes.arrowIconRoot,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("arrowIconRoot") } : {},
-      children: /* @__PURE__ */ jsx(
-        Icon,
-        {
-          src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
-          rotationAngle: openState ? 90 : 0
-        }
-      )
-    }
-  );
-}
-export {
-  ArrowIcon as A
-};

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/ArrowIcon/types.d.ts

@@ -1,3 +0,0 @@
-export interface ArrowIconProps {
-    openState: boolean;
-}

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

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