@m4l/components 9.1.9 → 9.1.10

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

@@ -1,47 +0,0 @@
-import { SideBarClassesType } from './types';
-import { SideBarState } from '../types';
-export declare const SideBarClasses: SideBarClassesType;
-/**
- * TODO: Documentar
- */
-export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
-    skeleton: string;
-    root: string;
-    footer: string;
-    popover: string;
-    contentDesktop: string;
-    contentMobile: 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;
-    lineLeft: string;
-    wrapperSideBar: string;
-    areaExpandMenu: string;
-    navItemRootContentIconTypo: string;
-    navSubItemContentBullet: string;
-    containerLogoButtonLogo: string;
-    subItemCollapseActive: string;
-    containerContentGroupsFooter: string;
-    contentGroupsLine: string;
-    drawer: string;
-    wrapperLogoFooter: string;
-    subItemActive: string;
-    itemMainActive: string;
-    overlapping: string;
-    navItemMainTriangleTop: string;
-    navItemMainTriangleBottom: string;
-    collapseButtontriangleTop: string;
-    collapseButtontriangleBottom: string;
-};

package/components/SideBar/classes/index.js

@@ -1,131 +0,0 @@
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-import { g as getComponentUtilityClass } from "../../../utils/index.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "containerSideBarLogo",
-    "contentDesktop",
-    "contentMobile",
-    "footer",
-    "collapseButton",
-    "collapseButtonSecondary",
-    "containerLogo",
-    "contentGroups",
-    "wrapperGroup",
-    "wrapperGroupTitle",
-    "itemListMainRootContainer",
-    "itemListMainRoot",
-    "containerListSubItem",
-    "navItemMainRoot",
-    "navItemRootContent",
-    "arrowIconRoot",
-    "navListSubItemRoot",
-    "navSubItemContentRoot",
-    "skeleton",
-    "lineLeft",
-    "wrapperSideBar",
-    "areaExpandMenu",
-    "navItemMainTriangleTop",
-    "navItemMainTriangleBottom",
-    "navItemRootContentIconTypo",
-    "navSubItemContentBullet",
-    "containerLogoButtonLogo",
-    "collapseButtontriangleTop",
-    "collapseButtontriangleBottom",
-    "subItemCollapseActive",
-    "containerContentGroupsFooter",
-    "contentGroupsLine",
-    "drawer",
-    "popover",
-    "wrapperLogoFooter",
-    /* states or variants of elements */
-    "collapsed",
-    "visible",
-    "subItemActive",
-    "itemMainActive",
-    "variantDefault",
-    "variantComercial",
-    "overlapping"
-  ]
-  /*  returna un objeto igual a:
-      {
-          root: 'M4LSideBar-root',
-  
-      }
-      */
-);
-const getSideBarClassesByState = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.collapsed && "collapsed",
-      ownerState.visible && "visible",
-      ownerState.variantStyle === "variantDefault" && "variantDefault",
-      ownerState.variantStyle === "variantComercial" && "variantComercial"
-    ],
-    containerSideBarLogo: ["containerSideBarLogo"],
-    contentDesktop: ["contentDesktop"],
-    contentMobile: ["contentMobile"],
-    footer: ["footer"],
-    collapseButton: ["collapseButton"],
-    collapseButtonSecondary: ["collapseButtonSecondary"],
-    containerLogo: ["containerLogo"],
-    contentGroups: ["contentGroups"],
-    wrapperGroup: ["wrapperGroup"],
-    wrapperGroupTitle: ["wrapperGroupTitle"],
-    itemListMainRootContainer: ["itemListMainRootContainer"],
-    itemListMainRoot: ["itemListMainRoot"],
-    containerListSubItem: ["containerListSubItem"],
-    navItemMainRoot: ["navItemMainRoot"],
-    navItemRootContent: ["navItemRootContent"],
-    arrowIconRoot: ["arrowIconRoot"],
-    navListSubItemRoot: ["navListSubItemRoot"],
-    navSubItemContentRoot: ["navSubItemContentRoot"],
-    skeleton: ["skeleton"],
-    subItemActive: ["subItemActive"],
-    lineLeft: ["lineLeft"],
-    wrapperSideBar: ["wrapperSideBar"],
-    areaExpandMenu: ["areaExpandMenu"],
-    itemMainActive: ["itemMainActive"],
-    navItemMainTriangleTop: ["navItemMainTriangleTop"],
-    navItemMainTriangleBottom: ["navItemMainTriangleBottom"],
-    navItemRootContentIconTypo: ["navItemRootContentIconTypo"],
-    navSubItemContentBullet: ["navSubItemContentBullet"],
-    containerLogoButtonLogo: ["containerLogoButtonLogo"],
-    collapseButtontriangleTop: ["collapseButtontriangleTop"],
-    collapseButtontriangleBottom: ["collapseButtontriangleBottom"],
-    subItemCollapseActive: ["subItemCollapseActive"],
-    containerContentGroupsFooter: ["containerContentGroupsFooter"],
-    contentGroupsLine: ["contentGroupsLine"],
-    drawer: [
-      "drawer",
-      ownerState.variantStyle === "variantDefault" && "variantDefault",
-      ownerState.variantStyle === "variantComercial" && "variantComercial"
-    ],
-    popover: [
-      "popover",
-      ownerState.variantStyle === "variantDefault" && "variantDefault",
-      ownerState.variantStyle === "variantComercial" && "variantComercial"
-    ],
-    overlapping: ["overlapping"],
-    wrapperLogoFooter: ["wrapperLogoFooter"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-  return {
-    ...composedClasses
-    /* retorna un objeto para una variante de tipo = 'password':
-        {
-            input : "M4LRHFTextField-input"
-            root: "M4LRHFTextField-root M4LRHFTextField-variantPassword"
-            skeleton: "M4LRHFTextField-skeleton"
-        };
-        */
-  };
-};
-export {
-  getSideBarClassesByState as g
-};

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;