@m4l/components 0.1.83 → 0.1.85

package/components/ModalDialog/{index.fb148f76.js → index.b85ee3cb.js}

@@ -1,14 +1,14 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.7abb5d0a.js";
-import { u as useModal } from "../../hooks/useModal/index.7a07c208.js";
+import { u as useModal } from "../../hooks/useModal/index.c906706c.js";
 import { R as ResizeableWindow } from "../Resizeable/index.9a9c79a4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon } from "../Icon/index.2414ff25.js";
+import { I as Icon } from "../Icon/index.c3a579e7.js";
 import { useEnvironment } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.8266ccc8.js";
-import { m as modalUtilityClasses } from "../modal/index.1bd35bd5.js";
+import { m as modalUtilityClasses } from "../modal/index.c7e4beba.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.23a2d6ae.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c91c27f9.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",
@@ -65,8 +65,6 @@ const ModalDialog = () => {
     "aria-labelledby": "child-modal-title",
     "aria-describedby": "child-modal-description",
     PaperComponent: isDesktop ? DragabblePaperComponent : PaperComponent,
-    maxWidth: false,
-    fullWidth: !isDesktop,
     fullScreen,
     disableEnforceFocus: true,
     children: [isDesktop && /* @__PURE__ */ jsx(ResizeableWindow, {

package/components/NavLink/{index.2ef07c44.js → index.bb879650.js}

@@ -2,25 +2,26 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.2414ff25.js";
+import "../Icon/index.c3a579e7.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/IconButton/index.be111a34.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.5111314b.js";
+import "../mui_extended/Accordion/index.854f4c90.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.40af964e.js";
-import "../mui_extended/CheckBox.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

package/components/NoItemSelected/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LNoItemSelected";

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

@@ -0,0 +1,6 @@
+import { NoItemSelectedClassesType } from './types';
+export declare const noItemSelectedClasses: NoItemSelectedClassesType;
+export declare function getNoItemSelectedUtilityClass(slot: string): string;
+export declare const useNoItemSelectedUtilityClasses: () => {
+    root: string;
+};

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

@@ -0,0 +1,6 @@
+import { useNoItemSelectedUtilityClasses } from ".";
+export interface NoItemSelectedClassesType {
+    root: string;
+}
+export declare type NoItemSelectedClassesKey = keyof NoItemSelectedClassesType;
+export declare type Classes = ReturnType<typeof useNoItemSelectedUtilityClasses>;

package/components/NoItemSelected/{index.23dfc897.js → index.a2807715.js}

@@ -1,20 +1,14 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import { Skeleton } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { unstable_composeClasses } from "@mui/base";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperNoItemSelected = styled("div")(({
   theme
 }) => ({
-  width: "100%",
-  maxWidth: "400px",
-  minWidth: "300px",
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  padding: theme.spacing(3)
+  ...theme.components?.M4LNoItemSelected?.styleOverrides
 }));
 const Img = styled(Image)(() => ({
   display: "flex"
@@ -34,7 +28,27 @@ const WrapperSKTNoItemSelected = styled("div")(() => ({
   mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
   WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`
 }));
-function NoItemSelected() {
+const componentName = "M4LNoItemSelected";
+generateUtilityClasses(componentName, [
+  "root"
+]);
+function getNoItemSelectedUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useNoItemSelectedUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getNoItemSelectedUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function NoItemSelected(props) {
+  const {
+    image,
+    message
+  } = props;
   const {
     host_static_assets,
     environment_assets
@@ -43,29 +57,30 @@ function NoItemSelected() {
     getLabel
   } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
-  const src = useMemo(() => {
+  const defaultImage = useMemo(() => {
     return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
   }, []);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(WrapperNoItemSelected, {
-      id: "WrapperNoItemSelected",
-      children: /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, {
-        id: "WrapperSKTNoItemSelected",
-        children: /* @__PURE__ */ jsx(Skeleton, {
-          variant: "rectangular",
-          width: "100%",
-          height: "100%"
-        })
+  const classes = useNoItemSelectedUtilityClasses();
+  return /* @__PURE__ */ jsx(WrapperNoItemSelected, {
+    className: classes.root,
+    children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [!image ? /* @__PURE__ */ jsx(Img, {
+        src: defaultImage
+      }) : /* @__PURE__ */ jsx(Img, {
+        src: image
+      }), !message ? /* @__PURE__ */ jsx(Label, {
+        children: getLabel("no_item_selected.message")
+      }) : /* @__PURE__ */ jsx(Label, {
+        children: message
+      })]
+    }) : /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, {
+      id: "WrapperSKTNoItemSelected",
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "rectangular",
+        width: "100%",
+        height: "100%"
       })
-    });
-  }
-  return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
-    id: "WrapperNoItemSelected",
-    children: [/* @__PURE__ */ jsx(Img, {
-      src
-    }), /* @__PURE__ */ jsx(Label, {
-      children: getLabel("no_item_selected.message")
-    })]
+    })
   });
 }
 function getNoItemSelectedComponentsDictionary() {

package/components/NoItemSelected/index.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare function NoItemSelected(): import("react").JSX.Element;
+import { NoItemSelectedProps } from './types';
+export declare function NoItemSelected(props: NoItemSelectedProps): import("react").JSX.Element;

package/components/NoItemSelected/types.d.ts

@@ -0,0 +1,4 @@
+export interface NoItemSelectedProps {
+    image?: string;
+    message?: string;
+}

package/components/ObjectLogs/{index.5d74dfe0.js → index.2ed38a84.js}

@@ -1,54 +1,57 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.d5d0d62f.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.37e14e83.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.7a07c208.js";
-import { I as Icon } from "../Icon/index.2414ff25.js";
+import { u as useModal } from "../../hooks/useModal/index.c906706c.js";
+import { I as Icon } from "../Icon/index.c3a579e7.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
-import "../modal/index.1bd35bd5.js";
-import "../CommonActions/components/Actions/index.23a2d6ae.js";
+import "../modal/index.c7e4beba.js";
+import "../CommonActions/components/Actions/index.c91c27f9.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.40af964e.js";
 import "clsx";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.a318316e.js";
+import "../mui_extended/IconButton/index.be111a34.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.36fe6953.js";
-import "../areas/components/AreasAdmin/index.7bfec13f.js";
+import "../areas/contexts/AreasContext/index.6f56b1da.js";
+import "../areas/components/AreasAdmin/index.f505897a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../mui_extended/Accordion/index.5111314b.js";
+import "../ScrollBar/index.1247c1c5.js";
+import "../mui_extended/Accordion/index.854f4c90.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../mui_extended/CheckBox.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.9ed7dfd7.js";
+import "../areas/components/AreasViewer/index.cacec884.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../modal/WindowBase.92ce9b8f.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.7d134537.js";
+import { W as WindowBase } from "../modal/WindowBase.d485315d.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.a8c2609c.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
   display: "flex",
   flexDirection: "column",
-  justifyContent: "flex-start"
+  justifyContent: "flex-start",
+  gap: "4px",
+  padding: "4px"
 }));
 const Actions = styled("div")(({
   theme

package/components/PaperForm/{index.f931dc02.js → index.989377a5.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.2414ff25.js";
+import { I as Icon } from "../Icon/index.c3a579e7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 const PaperFormRoot = styled("div")(({

package/components/Period/{index.0e6512b2.js → index.061c9b2f.js}

@@ -1,38 +1,39 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.2414ff25.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.23a2d6ae.js";
+import { I as Icon } from "../Icon/index.c3a579e7.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c91c27f9.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.40af964e.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.577bf36b.js";
+import "../../contexts/ModalContext/index.1ea79d7e.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../modal/index.1bd35bd5.js";
+import "../modal/index.c7e4beba.js";
 import "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.a318316e.js";
-import "../mui_extended/Accordion/index.5111314b.js";
+import "../mui_extended/IconButton/index.be111a34.js";
+import "../mui_extended/Accordion/index.854f4c90.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../mui_extended/CheckBox.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
+import "../mui_extended/MenuActions/index.b16e84c1.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.c1dc7bbf.js";
+import "../mui_extended/Pager/index.5b77fa4c.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.36fe6953.js";
-import "../areas/components/AreasAdmin/index.7bfec13f.js";
+import "../areas/contexts/AreasContext/index.6f56b1da.js";
+import "../areas/components/AreasAdmin/index.f505897a.js";
 import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../areas/components/AreasViewer/index.9ed7dfd7.js";
+import "../ScrollBar/index.1247c1c5.js";
+import "../areas/components/AreasViewer/index.cacec884.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/PropertyValue/{index.a67c9916.js → index.ac46f441.js}

@@ -1,7 +1,7 @@
 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.5365cc7e.js";
+import { g as getNameDataTestId } from "../../vendor.f27b86c9.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";

package/components/ScrollBar/{index.d4410cb5.js → index.1247c1c5.js}

@@ -3,18 +3,50 @@ import { styled, alpha } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
 import simpleBarCss from "simplebar/dist/simplebar.min.css?used";
 import { jsx } from "react/jsx-runtime";
-styled("div")`
-    flex-grow: 1;
+const SimpleBarStyle = styled(SimpleBarReact)`
+    /* flex-grow: 1;
     height: 100%;
-    overflow: hidden;
+    overflow: hidden; */
     ${simpleBarCss}
+    height: 100%;
+
+    .simplebar-scrollbar {
+        :before: {
+            background-color: ${(props) => alpha(props.theme.palette.grey[600], 0.48)};
+        }
+        .simplebar-visible:before {
+            opacity: 1;
+        }
+    }
+    .simplebar-track.simplebar-vertical {
+        width: 30;
+    }
+    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
+        height: 6;
+    }
+
+    .simplebar-mask {
+        z-index: 'inherit';
+    }
+
+    .simplebar-content {
+        // display: 'flex',
+        // flexDirection: 'column',
+        // height: '100%',
+    }
+
+    .simplebar-content-wrapper[style*='overflow: hidden scroll;'] {
+        .simplebar-content {
+            margin-right: 16px;
+        }
+    }
 `;
 const RootStyle = styled("div")(() => ({
   flexGrow: 1,
   height: "100%",
   overflow: "hidden"
 }));
-const SimpleBarStyle = styled(SimpleBarReact)(({
+styled(SimpleBarReact)(({
   theme
 }) => ({
   height: "100%",
@@ -35,13 +67,10 @@ const SimpleBarStyle = styled(SimpleBarReact)(({
   "& .simplebar-mask": {
     zIndex: "inherit"
   },
-  "& .simplebar-content": {
-    display: "flex",
-    height: "100%"
-  },
+  "& .simplebar-content": {},
   '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] ': {
     "& .simplebar-content": {
-      marginRight: "20px"
+      marginRight: "12px"
     }
   }
 }));

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

@@ -24,7 +24,6 @@ export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
     subItemActive: string;
     lineLeft: string;
     wrapperSideBar: string;
-    containerLogoButton: string;
     itemMainActive: string;
     navItemMainTriangleTop: string;
     navItemMainTriangleBottom: string;

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

@@ -18,7 +18,6 @@ export interface SideBarClassesType {
     skeleton: string;
     lineLeft: string;
     wrapperSideBar: string;
-    containerLogoButton: string;
     navItemRootContentIconTypo: string;
     navSubItemContentBullet: string;
     containerLogoButtonLogo: string;