@m4l/components 0.1.90 → 0.1.93

package/components/PrintingSystem/subcomponents/ImageNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ImageNodeProps } from './types';
+export declare const ImageNode: (props: ImageNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/ImageNode/types.d.ts

@@ -0,0 +1,3 @@
+import { ImageNode } from "../../types";
+export interface ImageNodeProps extends Omit<ImageNode, 'children'> {
+}

package/components/PrintingSystem/subcomponents/PageNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PageNodeProps } from './types';
+export declare const PageNode: (props: PageNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/PageNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { PageNode } from '../../types';
+export interface PageNodeProps extends Omit<PageNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/Pager/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PagerNodeProps } from './types';
+export declare const PagerNode: (props: PagerNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/Pager/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { PaperNode } from "../../types";
+export interface PagerNodeProps extends Omit<PaperNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/PaperNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PaperNodeProps } from './types';
+export declare const PaperNode: (props: PaperNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/PaperNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { PaperNode } from "../../types";
+export interface PaperNodeProps extends Omit<PaperNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/PropertyValueNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PropertyValueNodeProps } from './types';
+export declare const PropertyValueNode: (props: PropertyValueNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/PropertyValueNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { PropertyValue } from "../../types";
+export interface PropertyValueNodeProps extends Omit<PropertyValue, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/SectionNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SectionNodeProps } from './types';
+export declare const SectionNode: (props: SectionNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/SectionNode/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SectionNode } from "../../types";
+export interface SectionNodeProps extends Omit<SectionNode, 'children'> {
+    children?: React.ReactNode;
+}

package/components/PrintingSystem/subcomponents/TextBoxNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TextBoxNodeProps } from './types';
+export declare const TextBoxNode: (props: TextBoxNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/TextBoxNode/types.d.ts

@@ -0,0 +1,3 @@
+import { TextBoxNode } from "../../types";
+export interface TextBoxNodeProps extends TextBoxNode {
+}

package/components/PrintingSystem/types.d.ts

@@ -0,0 +1,214 @@
+/**
+ * NodeType: Se usa para definir el nombre de todos los posibles componentes.
+ */
+import { M4LTypographyVariants } from '@m4l/styles';
+import { CSSProperties, ReactNode } from 'react';
+import { PageNodeProps } from './subcomponents/PageNode/types';
+import { SectionNodeProps } from './subcomponents/SectionNode/types';
+import { HeaderNodeProps } from './subcomponents/HeaderNode/types';
+import { BodyNodeProps } from './subcomponents/BodyNode/types';
+import { FooterNodeProps } from './subcomponents/FooterNode/types';
+import { PaperNodeProps } from './subcomponents/PaperNode/types';
+import { PropertyValueNodeProps } from './subcomponents/PropertyValueNode/types';
+import { GridNodeProps } from './subcomponents/GridNode/types';
+import { ChartNodeProps } from './subcomponents/ChartNode/types';
+export interface BaseProviderPrintSystem {
+    pageId: number;
+    unitSize: string;
+    mainColor: string;
+    countPages: number;
+    HeaderGeneral?: (ancestor: any) => React.JSX.Element;
+    FooterGeneral?: (ancestor: any) => React.JSX.Element;
+    sourceData: any;
+    templateData: RootNode;
+}
+/**
+ * Direction: Propiedad para la dirección de contenidos
+ */
+declare type Direction = 'column' | 'row';
+/**
+ * Align: Propiedades de alineación de contenidos
+ */
+declare type Align = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export interface NodeTypeCollection {
+    page: () => ReactNode;
+    section: () => ReactNode;
+    textBox: () => ReactNode;
+    image: () => ReactNode;
+    header: () => ReactNode;
+    body: () => ReactNode;
+    footer: () => ReactNode;
+    paper: () => ReactNode;
+    propertyValue: () => ReactNode;
+    divider: () => ReactNode;
+    grid: () => ReactNode;
+    chart: () => ReactNode;
+}
+/**
+ * BaseNode: Se encarga de contener las propiedades comunes entre la lista de componentes.
+ */
+export interface BaseNode {
+    key: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: NodePrint[];
+}
+/**
+ * PaddingProperties: propiedades de espaciado interno.
+ */
+export interface PaddingProperties {
+    paddingTop?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingBottom?: number;
+}
+/**
+ * PaddingProperties: propiedades de espaciado interno.
+ */
+export interface SizeProperty {
+    width: number | 'auto' | string;
+    height: number | 'auto' | string;
+}
+/**
+ * RootNode: Componente que agrupa todas las posibles paginas
+ */
+export interface RootNode {
+    unitSizes: string;
+    mainColor: string;
+    header: HeaderNode[];
+    footer: FooterNode[];
+    pages?: PageNode[];
+}
+/**
+ * PageNode: Componente de página, es el primer componente que se carga en las estructuras NodeType y se encarga de definir el formato de tamaño
+ */
+export interface PageNode extends BaseNode, PaddingProperties, SizeProperty {
+    type: 'page';
+    gap?: number | string;
+}
+/**
+ * SectionNode: Componente para distrubir elementos de NodeType en fila.
+ */
+export interface SectionNode extends BaseNode, PaddingProperties, SizeProperty {
+    type: 'section';
+    direction: Direction;
+    alignX?: Align;
+    alignY?: Align;
+    grow?: boolean;
+    gap?: number;
+}
+/**
+ * TextBox: Componente para visualizar estructuras de texto.
+ */
+export interface TextBoxNode extends Omit<BaseNode, 'children'> {
+    type: 'textBox';
+    variant: M4LTypographyVariants;
+    textAlign: 'start' | 'center' | 'end' | 'justify';
+    children: string;
+}
+/**
+ * ImageNode: Componente para visualizar imagenes.
+ */
+export interface ImageNode extends BaseNode {
+    type: 'image';
+    src: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * HeaderNode: Componente para visualizar la cabecera del documento.
+ */
+export interface HeaderNode extends Omit<SectionNode, 'type'> {
+    type: 'header';
+}
+/**
+ * BodyNode: Componente para visualizar el cuerpo del documento.
+ */
+export interface BodyNode extends Omit<SectionNode, 'type'> {
+    type: 'body';
+}
+/**
+ * FooterNode: Componente para visualizar el pie de página del documento.
+ */
+export interface FooterNode extends Omit<SectionNode, 'type'> {
+    type: 'footer';
+}
+/**
+ * PaperNode: Componente que contiene una lista de campos de valor.
+ */
+export interface PaperNode extends BaseNode {
+    type: 'paper';
+    title: string;
+    titleSecondary?: string;
+}
+/**
+ * PropertyValue: Componente que organiza un campo con una etiqueta y valor.
+ */
+export interface PagerNode extends BaseNode {
+    type: 'pager';
+}
+/**
+ * PropertyValue: Componente que organiza un campo con una etiqueta y valor.
+ */
+export interface PropertyValue extends Omit<BaseNode, 'children'> {
+    type: 'propertyValue';
+    property: string;
+    propertyWidth?: number | string;
+    value: string;
+    direction: Direction;
+    children?: string;
+}
+/**
+ * DividerNode: Componente que aporta una división gráfica.
+ */
+export interface DividerNode extends Omit<BaseNode, 'children'> {
+    type: 'divider';
+    direction: 'vertical' | 'horizontal';
+    children?: string;
+}
+export interface Columns {
+    key: string;
+    title: string;
+    alignX?: Align;
+    alignY?: Align;
+    nestedValue?: string;
+    width?: number | string;
+}
+/**
+ * GridNode: Componente dibuja una tabla de información con n canditad de registros y columnas.
+ */
+export interface GridNode extends Omit<BaseNode, 'children'> {
+    type: 'grid';
+    columns: Array<Columns>;
+    rows: Array<any> | string;
+    children?: string;
+}
+/**
+ * ChartNode: Componente dibuja una grafica de información.
+ */
+export interface UncertaintyType {
+    x: number;
+    xMin: 0;
+    xMax: 0;
+    y: number;
+    yMin: number;
+    yMax: number;
+}
+export interface ChartNode extends Omit<BaseNode, 'children'> {
+    type: 'chart';
+    children?: string;
+    points: Array<any> | string;
+    messageX: string;
+    messageY: string;
+}
+export declare type NodePrint = SectionNode | TextBoxNode | ImageNode | HeaderNode | BodyNode | FooterNode | PaperNode | PropertyValue | DividerNode | GridNode | ChartNode | PagerNode;
+export declare type NodePrintComponent = ((props: PageNodeProps) => React.JSX.Element) | ((props: SectionNodeProps) => React.JSX.Element) | ((props: HeaderNodeProps) => React.JSX.Element) | ((props: BodyNodeProps) => React.JSX.Element) | ((props: FooterNodeProps) => React.JSX.Element) | ((props: PaperNodeProps) => React.JSX.Element) | ((props: PropertyValueNodeProps) => React.JSX.Element) | ((props: GridNodeProps) => React.JSX.Element) | ((props: ChartNodeProps) => React.JSX.Element);
+export interface PrintingSystemProps {
+    templateData: RootNode;
+    sourceData: any;
+    className?: string;
+}
+export interface PrintingSystemRef {
+    GoPrint: () => void;
+}
+export {};

package/components/PrintingSystem/utils/FactoryRender/index.d.ts

@@ -0,0 +1,3 @@
+import { FactoryRenderProps } from './types';
+import React from 'react';
+export declare const FactoryRender: (props: FactoryRenderProps) => React.JSX.Element;

package/components/PrintingSystem/utils/FactoryRender/types.d.ts

@@ -0,0 +1,4 @@
+import { NodePrint } from "../../types";
+export interface FactoryRenderProps {
+    data: NodePrint;
+}

package/components/PrintingSystem/utils/PageRender/index.d.ts

@@ -0,0 +1,3 @@
+import { PageRenderProps } from './types';
+import React from 'react';
+export declare const PageRender: (props: PageRenderProps) => React.JSX.Element;

package/components/PrintingSystem/utils/PageRender/types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { PageNode, RootNode } from "../../types";
+export interface PageRenderProps {
+    data: PageNode;
+    id: number;
+    unitSize: string;
+    mainColor: string;
+    countPages: number;
+    HeaderGeneral?: (ancestor: any) => React.JSX.Element;
+    FooterGeneral?: (ancestor: any) => React.JSX.Element;
+    sourceData: any;
+    templateData: RootNode;
+}

package/components/PrintingSystem/utils/getEvalValue/index.d.ts

@@ -0,0 +1 @@
+export declare const getEvalValue: (sourceData: any, key: string) => string | Array<any>;

package/components/PrintingSystem/utils/getSize/index.d.ts

@@ -0,0 +1 @@
+export declare const getSize: (value: number | string, unitSize: string) => string;

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

@@ -1,9 +1,10 @@
 import { PropertyValueClassesType } from './types';
+import { OwnerState } from '../types';
 export declare const propertyValueClasses: PropertyValueClassesType;
 export declare function getPropertyValueUtilityClass(slot: string): string;
-export declare const propertyValueUtilityClasses: () => {
+export declare const propertyValueUtilityClasses: (ownerState: OwnerState) => {
     value: string;
-    root: string;
     property: string;
+    root: string;
     skeletonProperty: string;
 };

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

@@ -4,6 +4,8 @@ export interface PropertyValueClassesType {
     property: string;
     value: string;
     skeletonProperty: string;
+    isDisabled: string;
+    isFocus: string;
 }
 export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;
 export declare type Classes = ReturnType<typeof propertyValueUtilityClasses>;

package/components/PropertyValue/{index.3ee94e0f.js → index.3ee95452.js}

@@ -1,12 +1,13 @@
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.4dedf99e.js";
+import { g as getNameDataTestId } from "../../vendor.71883626.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
+import { useState } from "react";
 const PropertyValueRoot = styled("div", {
   shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
 })(({
@@ -19,9 +20,6 @@ const PropertyValueRoot = styled("div", {
   alignItems: "flex-start",
   width: "100%",
   padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
-  ":hover": {
-    backgroundColor: isForm ? "unset" : theme.palette.grid?.rowHover
-  },
   borderBottom: isForm ? "none" : `1px solid ${theme.palette.divider}`,
   flexDirection: "column",
   [theme.breakpoints.up("sm")]: {
@@ -109,14 +107,16 @@ generateUtilityClasses(componentName, [
   "root",
   "property",
   "value",
-  "skeletonProperty"
+  "skeletonProperty",
+  "isDisabled",
+  "isFocus"
 ]);
 function getPropertyValueUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
-const propertyValueUtilityClasses = () => {
+const propertyValueUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root"],
+    root: ["root", ownerState.disabled && "isDisabled", ownerState.focus && "isFocus"],
     property: ["property"],
     value: ["value"],
     skeletonProperty: ["skeletonProperty"]
@@ -136,10 +136,13 @@ function PropertyValue(props) {
     valueWidthMobile,
     isForm,
     className,
-    dataTestId = ""
+    dataTestId = "",
+    disabled = false
   } = props;
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
+  const [isFocus, setIsFocus] = useState(false);
+  console.log("Estado de focus: ", isFocus);
   const getValueW = () => {
     if (valueWidthMobile && !isDesktop) {
       return valueWidthMobile;
@@ -165,11 +168,24 @@ function PropertyValue(props) {
     }
     return 100;
   };
-  const classes = propertyValueUtilityClasses();
+  const handlerFocus = () => {
+    setIsFocus(true);
+  };
+  const handlerOnBlur = () => {
+    setIsFocus(false);
+  };
+  const ownerState = {
+    disabled,
+    focus: disabled === false ? isFocus : false
+  };
+  const classes = propertyValueUtilityClasses(ownerState);
   return /* @__PURE__ */ jsxs(PropertyValueRoot, {
+    tabIndex: 0,
     className: clsx(classes.root, className),
     isForm,
     propertyWidth,
+    onClick: handlerFocus,
+    onBlur: handlerOnBlur,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROPS_DATA]: JSON.stringify([{
         property: property ? true : false,

package/components/PropertyValue/types.d.ts

@@ -13,6 +13,7 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
     isForm?: boolean;
     className?: string;
     dataTestId?: string;
+    disabled?: boolean;
 }
 export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
 export declare type WrapperPropertyProps = WrapperProps;
@@ -20,3 +21,6 @@ export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;
 export interface SKTPropertyProps extends Pick<PropertyValueProps, 'dataTestId'> {
     className: string;
 }
+export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
+    focus: boolean;
+}

package/components/Resizeable/{index.676c96fe.js → index.8c53c1fa.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { a as ResizableBox } from "../../react-resizable.ba08699a.js";
+import { a as ResizableBox } from "../../react-resizable.c07d63fb.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.2dfc5445.js → index.5fd648d2.js}

@@ -1,20 +1,20 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
+import { styled, alpha } from "@mui/material/styles";
+import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { createContext, useContext, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../Image/index.c18ebf5a.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.76624519.js";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.a70c4729.js";
-import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { I as Image } from "../Image/index.611cd930.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.3211023d.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
-import { styled, alpha } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -207,6 +207,7 @@ const SideBarProvider = (props) => {
   });
 };
 const useSideBar = () => useContext(SideBarContext);
+const useSideBar$1 = useSideBar;
 const SIDEBAR_PREFIX = "M4LSideBar";
 const getNameDataTestId = (KEY) => {
   return `${SIDEBAR_PREFIX}-${KEY}`;
@@ -223,7 +224,7 @@ function CollapseButton(props) {
   const {
     classes,
     companyLogoNormalUrl
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(CollapseButtonRoot, {
     className: classes.collapseButton,
     ...process.env.NODE_ENV !== "production" ? {
@@ -353,30 +354,34 @@ const NavItemMainContent = (props) => {
   const {
     collapsed,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const isDesktop = useResponsiveDesktop();
   const handlerClick = (event) => {
     onClick && onClick(item);
     handlerOpen && handlerOpen(event);
     !isDesktop && changeVisible && changeVisible();
   };
-  return /* @__PURE__ */ jsxs(NavItemMainContentRoot, {
-    className: classes.navItemRootContent,
-    collapsed,
-    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: !collapsed ? title : " "
-      })]
-    }), !collapsed && children ? /* @__PURE__ */ jsx(ArrowIcon, {
-      openState: open
-    }) : null]
+  return /* @__PURE__ */ jsx(Tooltip, {
+    title,
+    placement: "right",
+    children: /* @__PURE__ */ jsxs(NavItemMainContentRoot, {
+      className: classes.navItemRootContent,
+      collapsed,
+      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: !collapsed ? title : " "
+        })]
+      }), !collapsed && children ? /* @__PURE__ */ jsx(ArrowIcon, {
+        openState: open
+      }) : null]
+    })
   });
 };
 const NavListSubItemRoot = styled$1("div")(() => ({
@@ -439,7 +444,7 @@ const NavSubItemContent = (props) => {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const active = isItemActive(item);
   const isDesktop = useResponsiveDesktop();
   const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
@@ -483,7 +488,7 @@ function NavSubItem(props) {
   } = props;
   const {
     onClick
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsx(NavSubItemContent, {
     item,
     onClick: () => onClick(item),
@@ -505,7 +510,7 @@ function NavListSubItem(props) {
   const {
     classes,
     isItemActive
-  } = useSideBar();
+  } = useSideBar$1();
   const active = isItemActive(list);
   const [openSub, setOpenSub] = useState(false);
   const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
@@ -573,7 +578,7 @@ function NavItemMain(props) {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const [popoverStatus, setPopoverStatus] = useState(null);
   const theme = useTheme();
   const active = isItemActive(item);
@@ -661,7 +666,7 @@ function ItemListMain(props) {
     collapsed: isSideBarCollapsed,
     isItemActive,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const location = useLocation();
   const [internalItemActive, setInternalItemActive] = useState(false);
   const [active, setActive] = useState(false);
@@ -778,7 +783,7 @@ const SkeletonNavSectionVertical = () => {
   const {
     collapsed,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(WrapperSKTNavSectionVertical, {
     collapse: collapsed,
     className: classes.skeleton,
@@ -839,7 +844,7 @@ const ContentGroups = () => {
     collapsed,
     menuData,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const [itemMainActive, setItemMainActive] = useState(-1);
   if (menuData && menuData.length > 0) {
     return /* @__PURE__ */ jsxs(ContentGroupsRoot, {
@@ -894,7 +899,7 @@ const ContentDesktop = () => {
     companyLogoSmallUrl,
     classes,
     companyName
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(WrapperContentDesktop, {
     className: classes.contentDesktop,
     ...process.env.NODE_ENV !== "production" ? {
@@ -966,7 +971,7 @@ const ContentMobile = () => {
     collapsed,
     classes,
     companyName
-  } = useSideBar();
+  } = useSideBar$1();
   const theme = useTheme();
   return /* @__PURE__ */ jsx(Drawer, {
     open: visible,
@@ -1071,5 +1076,5 @@ const SideBar = (props) => {
 export {
   SideBar as S,
   getNameDataTestId as g,
-  useSideBar as u
+  useSideBar$1 as u
 };