@m4l/components 0.2.13 → 0.2.15

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.2b632722.js → index.41c261f4.js}

@@ -1,5 +1,5 @@
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.70234425.js";
+import { useBase } from "@m4l/core";
+import { g as getEvalValue, c as classes } from "../../index.b69edc07.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {
@@ -13,7 +13,7 @@ const TextBoxNode = (props) => {
   const {
     sourceData
   } = useBase();
-  const textFormated = evaluateWithContext(sourceData, children[1]);
+  const textFormated = getEvalValue(sourceData, children[1]);
   return /* @__PURE__ */ jsx("span", {
     className: clsx(classes.textBoxNodeRoot, className, `${classes.textBoxNodeVariant}-${variant}`),
     style: {

package/components/PrintingSystem/types.d.ts

@@ -115,15 +115,6 @@ export interface ImageNode extends BaseNode {
     width?: number;
     height?: number;
 }
-/**
- * QReNode: Componente para visualizar una imagen qr.
- */
-export interface QRImageNode extends BaseNode {
-    type: 'qrImage';
-    url: string;
-    size?: number;
-    color?: string;
-}
 /**
  * HeaderNode: Componente para visualizar la cabecera del documento.
  */
@@ -163,10 +154,10 @@ export interface PropertyValue extends Omit<BaseNode, 'children'> {
     type: 'propertyValue';
     property: string;
     propertyWidth?: number | string;
-    children: string | NodePrintPropertyValue[];
+    value: string;
     direction: Direction;
+    children?: string;
 }
-export declare type NodePrintPropertyValue = SectionNode | TextBoxNode | ImageNode | FooterNode | PaperNode | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
 /**
  * DividerNode: Componente que aporta una división gráfica.
  */
@@ -210,7 +201,7 @@ export interface ChartNode extends Omit<BaseNode, 'children'> {
     messageX: string;
     messageY: string;
 }
-export declare type NodePrint = SectionNode | TextBoxNode | ImageNode | HeaderNode | BodyNode | FooterNode | PaperNode | PropertyValue | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
+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;

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

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

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

@@ -6,5 +6,5 @@ export declare const propertyValueUtilityClasses: (ownerState: OwnerState) => {
     value: string;
     root: string;
     property: string;
-    iconProperty: string;
+    skeletonProperty: string;
 };

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

@@ -3,12 +3,9 @@ export interface PropertyValueClassesType {
     root: string;
     property: string;
     value: string;
-    iconProperty: string;
+    skeletonProperty: string;
     isDisabled: string;
     isFocus: string;
-    variantIsForm: string;
-    isTabSelected: string;
-    isMobile: string;
 }
 export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;
 export declare type Classes = ReturnType<typeof propertyValueUtilityClasses>;

package/components/PropertyValue/index.92ccdf7a.js

@@ -0,0 +1,220 @@
+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 "../../test/getNameDataTestId.14875ec7.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"
+})(({
+  propertyWidth,
+  isForm,
+  theme
+}) => ({
+  display: "grid",
+  gridTemplateColumns: "1fr",
+  alignItems: "flex-start",
+  width: "100%",
+  padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+  borderBottom: isForm ? "none" : `1px solid ${theme.palette.divider}`,
+  flexDirection: "column",
+  [theme.breakpoints.up("sm")]: {
+    gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr",
+    gap: theme.spacing(2),
+    alignItems: "center"
+  },
+  ...theme.components?.M4LPropertyValue?.styleOverrides
+}));
+const Property = styled("div", {
+  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
+})(({
+  propertyWidth,
+  isForm,
+  theme
+}) => ({
+  width: "100%",
+  minWidth: "100%",
+  ...theme.typography.body,
+  color: theme.palette.text.primary,
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-start",
+  position: "relative",
+  [theme.breakpoints.up("sm")]: {
+    borderRight: isForm ? "none" : `1px solid ${theme.palette.divider}`,
+    paddingRight: theme.spacing(2),
+    textAlign: "right",
+    width: propertyWidth || "150px",
+    minWidth: propertyWidth || "150px",
+    justifyContent: "flex-end"
+  },
+  overflow: "hidden",
+  overflowWrap: "break-word"
+}));
+const Value = styled("div", {
+  shouldForwardProp: (prop) => prop !== "valueWidth" && prop !== "valueHeight" && prop !== "withGrid"
+})(({
+  valueWidth,
+  valueHeight,
+  theme
+}) => ({
+  flexGrow: "1",
+  ...theme.typography.body,
+  color: theme.palette.text.secondary,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  position: "relative",
+  padding: "1px",
+  maxWidth: `${valueWidth}%`,
+  width: `${valueWidth}%`,
+  height: valueHeight,
+  marginTop: theme.spacing(1),
+  [theme.breakpoints.up("sm")]: {
+    marginTop: "0px"
+  },
+  overflowWrap: "break-word"
+}));
+const SKTWrapperProperty = styled("div")(() => ({
+  display: "flex",
+  justifyContent: "flex-end"
+}));
+const COMPONENT_PREFIX = "m4l-property-value";
+const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
+function SKTProperty(props) {
+  const {
+    className,
+    dataTestId = ""
+  } = props;
+  return /* @__PURE__ */ jsx(SKTWrapperProperty, {
+    className,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "skeletonProperty", dataTestId)
+    } : {},
+    children: /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 68,
+      height: 14
+    })
+  });
+}
+const componentName = "M4LPropertyValue";
+generateUtilityClasses(componentName, [
+  "root",
+  "property",
+  "value",
+  "skeletonProperty",
+  "isDisabled",
+  "isFocus"
+]);
+function getPropertyValueUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const propertyValueUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.disabled && "isDisabled", ownerState.focus && "isFocus"],
+    property: ["property"],
+    value: ["value"],
+    skeletonProperty: ["skeletonProperty"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getPropertyValueUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function PropertyValue(props) {
+  const {
+    property,
+    value,
+    propertyWidth = 200,
+    valueHeight = "auto",
+    valueWidth = "100",
+    valueWidthMobile,
+    isForm,
+    className,
+    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;
+    }
+    if (valueWidth === 75 && isDesktop) {
+      return 75;
+    } else if (valueWidth === 75 && !isDesktop) {
+      return 100;
+    }
+    if (valueWidth === 50 && isDesktop) {
+      return 50;
+    } else if (valueWidth === 50 && !isDesktop) {
+      return 100;
+    }
+    if (valueWidth === 25 && isDesktop || valueWidth === 12.5 && isDesktop) {
+      return valueWidth;
+    }
+    if (valueWidth === 25 && !isDesktop) {
+      return 50;
+    }
+    if (valueWidth === 12.5 && !isDesktop) {
+      return 25;
+    }
+    return 100;
+  };
+  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,
+        value: value ? true : false
+      }]),
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
+    } : {},
+    children: [/* @__PURE__ */ jsx(Property, {
+      className: classes.property,
+      isForm,
+      propertyWidth,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "property", dataTestId)
+      } : {},
+      children: isSkeleton ? /* @__PURE__ */ jsx(SKTProperty, {
+        className: classes.skeletonProperty,
+        dataTestId
+      }) : property
+    }), /* @__PURE__ */ jsx(Value, {
+      className: classes.value,
+      valueWidth: getValueW(),
+      valueHeight,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
+      } : {},
+      children: value
+    })]
+  });
+}
+export {
+  PropertyValue as P
+};

package/components/PropertyValue/skeleton.d.ts

@@ -0,0 +1,2 @@
+import { SKTPropertyProps } from './types';
+export declare function SKTProperty(props: SKTPropertyProps): import("react/jsx-runtime").JSX.Element;

package/components/PropertyValue/types.d.ts

@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react';
 export interface PropertyProps {
     propertyWidth?: number;
-    iconProperty?: string;
 }
 export interface ValueProps {
     valueHeight?: number | string;
@@ -16,9 +15,12 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
     dataTestId?: string;
     disabled?: boolean;
 }
+export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
+export declare type WrapperPropertyProps = WrapperProps;
+export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;
+export interface SKTPropertyProps extends Pick<PropertyValueProps, 'dataTestId'> {
+    className: string;
+}
 export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
-    isFocus: boolean;
-    isForm: boolean;
-    isTabSelected: boolean;
-    isMobile: boolean;
+    focus: boolean;
 }

package/components/Resizeable/{index.6478d7d8.js → index.e4f47710.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { a as ResizableBox } from "../../react-resizable.ee028152.js";
+import { a as ResizableBox } from "../../react-resizable.53094455.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme
@@ -60,8 +60,7 @@ const WrapperResizeable = styled(ResizableBox)(({
     position: "absolute",
     "& .M4LImage-img": {
       opacity: "0.5",
-      filter: "invert(0.4) hue-rotate(20deg) saturate(1000%)",
-      "-webkit-user-drag": "none"
+      filter: "invert(0.4) hue-rotate(20deg) saturate(1000%)"
     }
   },
   "& .M4LImage-root.custom-handle.custom-handle-nw": {
@@ -71,8 +70,7 @@ const WrapperResizeable = styled(ResizableBox)(({
     transform: "rotate(180deg)",
     "& .M4LImage-img": {
       opacity: "0.5",
-      filter: "invert(0.4) hue-rotate(20deg) saturate(1000%)",
-      "-webkit-user-drag": "none"
+      filter: "invert(0.4) hue-rotate(20deg) saturate(1000%)"
     }
   },
   "& .react-resizable-handle-ne": {
@@ -114,12 +112,14 @@ function ResizeableWindow(props) {
     width = 600,
     height = 400,
     maxHeigth,
+    onResize,
     maxWidth,
     ...other
   } = props;
   return /* @__PURE__ */ jsx(WrapperResizeable, {
     width,
     height,
+    onResize,
     maxConstraints: maxHeigth && maxWidth ? [maxWidth, maxHeigth] : void 0,
     resizeHandles: ["se", "nw"],
     ...other,

package/components/ResizeableWindow/types.d.ts

@@ -1,11 +1,9 @@
-import { ReactNode } from 'react';
-import { ResizableBoxProps } from 'react-resizable';
+/// <reference types="react" />
+import { ResizableBoxProps, ResizeCallbackData } from 'react-resizable';
 declare type InternalResizeableProps = {
-    children: ReactNode;
-    width?: number;
-    height?: number;
     maxWidth?: number;
     maxHeigth?: number;
+    onResize?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
 };
 export declare type ResizeableProps = InternalResizeableProps & Partial<ResizableBoxProps>;
 export {};

package/components/ScrollBar/{index.010f1b9d.js → index.65bb2930.js}

@@ -69,11 +69,7 @@ styled(SimpleBarReact)(({
   "& .simplebar-mask": {
     zIndex: "inherit"
   },
-  "& .simplebar-content": {
-    display: "flex",
-    flexDirection: "column",
-    height: "100%"
-  },
+  "& .simplebar-content": {},
   '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] ': {
     "& .simplebar-content": {
       marginRight: "12px"

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

@@ -5,11 +5,11 @@ export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     root: string;
     drawer: string;
     popover: string;
-    containerLogo: string;
     containerSideBarLogo: string;
     contentDesktop: string;
     contentMobile: string;
     collapseButton: string;
+    containerLogo: string;
     contentGroups: string;
     wrapperGroup: string;
     wrapperGroupTitle: string;

package/components/SideBar/{index.614f85fb.js → index.e4d2ee53.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.d684bdf2.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.5afe56b7.js";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.9ad3909a.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.e215d0f0.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.d5fed0ab.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b705c196.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.aa9949f0.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 { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
-import { styled, alpha } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { S as ScrollBar } from "../ScrollBar/index.65bb2930.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" ? {
@@ -234,7 +235,7 @@ function CollapseButton(props) {
       children: /* @__PURE__ */ jsx(Image, {
         width: "100%",
         height: "100%",
-        src: companyLogoNormalUrl || "",
+        src: companyLogoNormalUrl,
         alt: "logo"
       }, "Logo")
     }), /* @__PURE__ */ jsx("div", {
@@ -353,7 +354,7 @@ const NavItemMainContent = (props) => {
   const {
     collapsed,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const isDesktop = useResponsiveDesktop();
   const handlerClick = (event) => {
     onClick && onClick(item);
@@ -443,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;
@@ -487,7 +488,7 @@ function NavSubItem(props) {
   } = props;
   const {
     onClick
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsx(NavSubItemContent, {
     item,
     onClick: () => onClick(item),
@@ -509,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;
@@ -577,7 +578,7 @@ function NavItemMain(props) {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   const [popoverStatus, setPopoverStatus] = useState(null);
   const theme = useTheme();
   const active = isItemActive(item);
@@ -665,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);
@@ -782,7 +783,7 @@ const SkeletonNavSectionVertical = () => {
   const {
     collapsed,
     classes
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(WrapperSKTNavSectionVertical, {
     collapse: collapsed,
     className: classes.skeleton,
@@ -843,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, {
@@ -898,13 +899,13 @@ const ContentDesktop = () => {
     companyLogoSmallUrl,
     classes,
     companyName
-  } = useSideBar();
+  } = useSideBar$1();
   return /* @__PURE__ */ jsxs(WrapperContentDesktop, {
     className: classes.contentDesktop,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("contentDesktop")
     } : {},
-    children: [companyLogoSmallUrl ? /* @__PURE__ */ jsx("div", {
+    children: [/* @__PURE__ */ jsx("div", {
       className: classes.containerSideBarLogo,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo")
@@ -919,16 +920,16 @@ const ContentDesktop = () => {
           height: "60px",
           src: companyLogoSmallUrl,
           alt: "logo"
-        }, "Logo"), companyName ? /* @__PURE__ */ jsx(Typography, {
+        }, "Logo"), /* @__PURE__ */ jsx(Typography, {
           variant: "subtitleDens",
           skeletonWidth: "100px",
           style: {
             width: collapsed ? "0px" : "auto"
           },
           children: companyName
-        }) : null]
+        })]
       })
-    }) : null, /* @__PURE__ */ jsx(ContentGroups, {}), /* @__PURE__ */ jsx(CollapseButton, {
+    }), /* @__PURE__ */ jsx(ContentGroups, {}), /* @__PURE__ */ jsx(CollapseButton, {
       onToggleCollapse,
       collapsed
     })]
@@ -970,7 +971,7 @@ const ContentMobile = () => {
     collapsed,
     classes,
     companyName
-  } = useSideBar();
+  } = useSideBar$1();
   const theme = useTheme();
   return /* @__PURE__ */ jsx(Drawer, {
     open: visible,
@@ -995,7 +996,7 @@ const ContentMobile = () => {
         ...process.env.NODE_ENV !== "production" ? {
           [TEST_PROP_ID]: getNameDataTestId("contentMobile")
         } : {},
-        children: [companyLogoSmallUrl ? /* @__PURE__ */ jsx("div", {
+        children: [/* @__PURE__ */ jsx("div", {
           className: classes.containerSideBarLogo,
           ...process.env.NODE_ENV !== "production" ? {
             [TEST_PROP_ID]: getNameDataTestId("containerSideBarLogo")
@@ -1016,7 +1017,7 @@ const ContentMobile = () => {
               children: companyName
             })]
           })
-        }) : null, /* @__PURE__ */ jsx(ContentGroups, {})]
+        }), /* @__PURE__ */ jsx(ContentGroups, {})]
       })]
     })
   });
@@ -1075,5 +1076,5 @@ const SideBar = (props) => {
 export {
   SideBar as S,
   getNameDataTestId as g,
-  useSideBar as u
+  useSideBar$1 as u
 };

package/components/SideBar/types.d.ts

@@ -21,11 +21,11 @@ export interface SideBarProps {
     onToggleVisible: VoidFunction;
     collapsed: boolean;
     visible: boolean;
-    companyLogoSmallUrl?: string;
-    companyLogoNormalUrl?: string;
+    companyLogoSmallUrl: string;
+    companyLogoNormalUrl: string;
     collapsedWidht?: string | number;
     unCollapsedWidht?: string | number;
-    companyName?: string;
+    companyName: string;
 }
 export declare type Classes = ReturnType<typeof getSideBarClassesByState>;
 export declare type SideBarState = Pick<SideBarProps, 'collapsed' | 'visible'>;

package/components/SplitLayout/{index.30fd5861.js → index.9ef430f6.js}

@@ -3,7 +3,7 @@ import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { S as SplitterLayout } from "../../react-splitter-layout.c5d98bf7.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const SplitLayoutRoot = styled("div")(({
   theme

package/components/animate/{index.4e9774a6.js → index.5d4575bc.js}

@@ -1,11 +1,7 @@
-import { forwardRef, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
+import { forwardRef, useRef } from "react";
 import { IconButton, Box, styled, alpha } from "@mui/material";
-import "@mui/material/styles";
-import "react-router-dom";
-import "./LoadingScreen/index.1d0c4307.js";
-import "./PropagateLoader/index.7fab43c8.js";
+import { jsx } from "react/jsx-runtime";
 import SimpleBarReact from "simplebar-react";
 const varSmall = {
   hover: {