@m4l/components 0.1.62 → 0.1.64

package/components/Image/types.d.ts

@@ -13,10 +13,10 @@ export interface TestingProps {
     isVisible?: boolean;
 }
 export interface BaseImageProps {
-    width: string;
+    width?: string;
     height?: string;
 }
-export interface WrapperImageProps extends BaseImageProps {
+export interface WrapperImageProps {
     imageClasses: ImageClassesType;
 }
 export interface IntersectComponentProps extends BaseImageProps {
@@ -33,6 +33,11 @@ export interface LazyLoadComponentProps extends Pick<ImageProps, 'testingProps'>
     children: ReactNode;
 }
 export declare type SkeletonVariant = 'image' | 'circle';
+export declare type RatioOptions = '1.168:1' | '16:9' | '1:1' | '1:1.168' | '2:1' | '2:3' | '3:1' | '3:2' | '3:4' | '4:3' | '5:2';
+export interface ratioValues {
+    width: number;
+    height: number;
+}
 export interface ImageProps extends Omit<IntersectComponentProps, 'setIsVisible' | 'threshold' | 'useIntersectionObserver'> {
     src: string;
     alt?: string;
@@ -40,6 +45,7 @@ export interface ImageProps extends Omit<IntersectComponentProps, 'setIsVisible'
     useIntersectionObserver?: boolean;
     skeletonVariant?: SkeletonVariant;
     testingProps?: TestingProps;
+    ratio?: RatioOptions;
 }
 export declare type StatusLoad = 'initial' | 'loaded' | 'removed';
 export interface OwnerState {
@@ -48,3 +54,4 @@ export interface OwnerState {
 export interface BaseProviderIamgeType {
     classes: any;
 }
+export declare const ratioOptions: Record<RatioOptions, ratioValues>;

package/components/Image/utils/classes/types.d.ts

@@ -2,6 +2,7 @@ export interface ImageClassesType {
     root: string;
     lazyLoad: string;
     img: string;
+    span: string;
     skeletonImage: string;
     skeletonCircle: string;
     loaded: string;

package/components/Image/utils/getRatioValues.d.ts

@@ -0,0 +1,5 @@
+import { RatioOptions } from "../types";
+export declare const getRatioValues: (ratio: RatioOptions) => {
+    width: string;
+    height: string;
+};

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

@@ -3,5 +3,6 @@ export interface LanguagePopoverClassesType {
     containerItems: string;
     containerProgress: string;
     labelItem: string;
+    imageButton: string;
 }
 export declare type LanguagePopoverClassesKey = keyof LanguagePopoverClassesType;

package/components/LanguagePopover/{index.df9b47a6.js → index.68de7176.js}

@@ -1,31 +1,32 @@
 import { useState, useEffect } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/index.aa24e982.js";
+import { I as Image } from "../Image/index.1a9c0327.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../Icon/index.b29ff2d9.js";
-import "@mui/material/styles";
+import "../Icon/index.0f9b360e.js";
+import { T as TEST_PROP_ID } from "../../vendor.a15d263e.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.afa201a7.js";
-import "../mui_extended/Accordion/index.725a10af.js";
+import "../mui_extended/IconButton/index.be9c2ce5.js";
+import "../mui_extended/Accordion/index.b7487e37.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { I as ImageButton } from "../mui_extended/Button/index.8406ed5b.js";
+import { I as ImageButton } from "../mui_extended/Button/index.d9e0ae2e.js";
+import "clsx";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import { P as Popover } from "../mui_extended/Popover/index.8ed52492.js";
-import "../mui_extended/MenuActions/index.1affe51a.js";
-import "../mui_extended/Pager/index.d4d1a1a0.js";
+import "../mui_extended/Typography/index.41b60a6b.js";
+import { P as Popover } from "../mui_extended/Popover/index.260aae81.js";
+import "../mui_extended/MenuActions/index.ec654122.js";
+import "../mui_extended/Pager/index.9e123670.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
-import "../mui_extended/Typography/index.be3a279a.js";
 import { unstable_composeClasses } from "@mui/base";
 const LanguagePopoverRoot = styled("div")(({
   theme
 }) => ({
   ...theme.components?.M4LanguagePopover?.styleOverrides
 }));
-const LabelItem = styled("span")(({
+const LabelItem = styled("div")(({
   theme
 }) => ({
   marginLeft: theme.spacing(1)
@@ -40,12 +41,19 @@ const ContainerMenuItems = styled("div")(() => ({
   display: "flex",
   flexDirection: "column"
 }));
+const ContainerImage = styled("div")(() => ({
+  display: "flex",
+  gap: "4px",
+  width: "16px",
+  height: "16px"
+}));
 const componentName = "M4LanguagePopover";
 generateUtilityClasses(componentName, [
   "root",
   "containerItems",
   "containerProgress",
-  "labelItem"
+  "labelItem",
+  "imageButton"
 ]);
 function getM4LanguagePopoverClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -62,6 +70,10 @@ const useUtilityClasses = () => {
     ...composedClasses
   };
 };
+const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";
+const getNameDataTestId = (KEY) => {
+  return `${LANGUAGEPOPOVER_PREFIX}-${KEY}`;
+};
 function LanguagePopover(props) {
   const {
     testingProps
@@ -99,7 +111,7 @@ function LanguagePopover(props) {
       }
     }).then((response) => {
       if (mounted) {
-        setAllLocales(response.data);
+        !testingProps && setAllLocales(response.data);
       }
     }).finally(() => {
       setLoading(false);
@@ -111,12 +123,15 @@ function LanguagePopover(props) {
   const classes = useUtilityClasses();
   return /* @__PURE__ */ jsxs(LanguagePopoverRoot, {
     className: classes.root,
-    "data-testid": "LanguagePopoverRoot",
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
     children: [/* @__PURE__ */ jsx(ImageButton, {
+      className: classes.imageButton,
       onClick: handleOpen,
       sx: {
-        width: 40,
-        height: 40,
+        width: 28,
+        height: 28,
         ...open && {
           bgcolor: "action.selected"
         }
@@ -126,7 +141,9 @@ function LanguagePopover(props) {
       width: "24px",
       height: "24px",
       skeletonVariant: "circle",
-      "data-testid": "ImageButton"
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameDataTestId("imageButton")
+      } : {}
     }), /* @__PURE__ */ jsx(Popover, {
       arrowType: "top-right",
       open: Boolean(open),
@@ -149,10 +166,14 @@ function LanguagePopover(props) {
       },
       children: /* @__PURE__ */ jsxs(ContainerMenuItems, {
         className: classes.containerItems,
-        "data-testid": "ContainerMenuItems",
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameDataTestId("containerItems")
+        } : {},
         children: [allLocales.length === 0 && /* @__PURE__ */ jsx(ContainerProgress, {
           className: classes.containerProgress,
-          "data-testid": "ContainerProgress",
+          ...process.env.NODE_ENV !== "production" ? {
+            [TEST_PROP_ID]: getNameDataTestId("containerProgress")
+          } : {},
           children: /* @__PURE__ */ jsx(CircularProgress, {
             size: "20px"
           })
@@ -164,14 +185,17 @@ function LanguagePopover(props) {
               onChangeLocale(option);
               handleClose();
             },
-            children: [/* @__PURE__ */ jsx(Image, {
-              alt: option.name,
-              src: option.url_icon,
-              width: "24px",
-              height: "24px"
+            children: [/* @__PURE__ */ jsx(ContainerImage, {
+              children: /* @__PURE__ */ jsx(Image, {
+                alt: option.name,
+                src: option.url_icon,
+                ratio: "1:1"
+              })
             }), /* @__PURE__ */ jsx(LabelItem, {
               className: classes.labelItem,
-              "data-testid": "LabelItem",
+              ...process.env.NODE_ENV !== "production" ? {
+                [TEST_PROP_ID]: getNameDataTestId("labelItem")
+              } : {},
               children: option.name
             })]
           }, option.lang || option.script || option.region))

package/components/LanguagePopover/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";

package/components/LanguagePopover/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { LanguagePopoverClassesKey } from "../classes/types";
+export declare const getNameDataTestId: (KEY: LanguagePopoverClassesKey) => string;

package/components/ModalDialog/{index.dc7ebe06.js → index.3efe049b.js}

@@ -1,12 +1,12 @@
 import { Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.6471b07e.js";
-import { u as useModal } from "../../hooks/useModal/index.77b3415c.js";
+import { c as cjs } from "../../react-draggable.1aa81436.js";
+import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
 import { styled } from "@mui/material/styles";
-import { b as getThemeVariantColor } from "../../utils/index.b6ae791a.js";
-import { R as ResizeableWindow } from "../Resizeable/index.04fa8de5.js";
+import { a as getThemeVariantColor } from "../../utils/index.e199226a.js";
+import { R as ResizeableWindow } from "../Resizeable/index.b5d42efb.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.6eb24c0b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.433cd345.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/NavLink/NavLink.d.ts

@@ -0,0 +1,2 @@
+import { NavLinkProps } from './types';
+export declare const NavLink: (props: NavLinkProps) => JSX.Element;

package/components/NavLink/classes/constant.d.ts

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

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

@@ -0,0 +1,6 @@
+import { NavLinkClassesType } from './types';
+export declare const navLinkClasses: NavLinkClassesType;
+export declare function getNavLinkClassesUtilityClass(slot: string): string;
+export declare const useUtilityClasses: () => {
+    root: string;
+};

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

@@ -0,0 +1,4 @@
+export interface NavLinkClassesType {
+    root: string;
+}
+export declare type NavLinkClassesKey = keyof NavLinkClassesType;

package/components/NavLink/index.ae9f1cc9.js

@@ -0,0 +1,74 @@
+import { NavLink as NavLink$1 } from "react-router-dom";
+import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.0f9b360e.js";
+import { T as TEST_PROP_ID } from "../../vendor.a15d263e.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../mui_extended/IconButton/index.be9c2ce5.js";
+import "../mui_extended/Accordion/index.b7487e37.js";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.d9e0ae2e.js";
+import "clsx";
+import "../Image/index.1a9c0327.js";
+import "@mui/lab";
+import { T as Typography } from "../mui_extended/Typography/index.41b60a6b.js";
+import "../mui_extended/Popover/index.260aae81.js";
+import "../mui_extended/MenuActions/index.ec654122.js";
+import "../mui_extended/Pager/index.9e123670.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
+import { unstable_composeClasses } from "@mui/base";
+const componentName = "M4LNavLink";
+generateUtilityClasses(componentName, [
+  "root"
+]);
+function getNavLinkClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getNavLinkClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const NavLinkRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LNavLink?.styleOverrides
+}));
+const NAVLINK_PREFIX = "Navlink";
+const getNameDataTestId = (KEY) => {
+  return `${NAVLINK_PREFIX}-${KEY}`;
+};
+const NavLink = (props) => {
+  const {
+    children,
+    text,
+    skeletonWidth,
+    skeletongHeight,
+    ...others
+  } = props;
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsx(NavLinkRoot, {
+    className: classes.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
+    children: /* @__PURE__ */ jsxs(NavLink$1, {
+      ...others,
+      children: [/* @__PURE__ */ jsx(Typography, {
+        variant: "action",
+        skeletonWidth,
+        skeletongHeight,
+        children: text
+      }), /* @__PURE__ */ jsx(Fragment, {
+        children
+      })]
+    })
+  });
+};
+export {
+  NavLink as N
+};

package/components/NavLink/index.d.ts

@@ -0,0 +1 @@
+export { NavLink } from './NavLink';

package/components/NavLink/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const NAVLINK_PREFIX = "Navlink";

package/components/NavLink/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { NavLinkClassesKey } from "../classes/types";
+export declare const getNameDataTestId: (KEY: NavLinkClassesKey) => string;

package/components/NavLink/types.d.ts

@@ -0,0 +1,5 @@
+import { NavLinkProps as RouterNavLinkProps } from "react-router-dom";
+import { TypographyProps } from "../mui_extended/Typography/types";
+export interface NavLinkProps extends RouterNavLinkProps, Pick<TypographyProps, 'skeletonWidth' | 'skeletongHeight'> {
+    text: string;
+}

package/components/NoItemSelected/{index.9636ec8a.js → index.7cfd7613.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.aa24e982.js";
+import { I as Image } from "../Image/index.1a9c0327.js";
 import { Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -62,9 +62,7 @@ function NoItemSelected() {
   return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
     id: "WrapperNoItemSelected",
     children: [/* @__PURE__ */ jsx(Img, {
-      src,
-      width: "100%",
-      height: "100%"
+      src
     }), /* @__PURE__ */ jsx(Label, {
       children: getLabel("no_item_selected.message")
     })]

package/components/ObjectLogs/{index.38c2ad18.js → index.b50726fb.js}

@@ -1,36 +1,38 @@
 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.58f35158.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.42521a55.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.77b3415c.js";
-import { I as Icon } from "../Icon/index.b29ff2d9.js";
-import "../../react-draggable.6471b07e.js";
-import "../ModalDialog/index.dc7ebe06.js";
-import "../Resizeable/index.04fa8de5.js";
-import "../CommonActions/components/Actions/index.6eb24c0b.js";
+import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
+import { I as Icon } from "../Icon/index.0f9b360e.js";
+import "../../react-draggable.1aa81436.js";
+import "../ModalDialog/index.3efe049b.js";
+import "../Resizeable/index.b5d42efb.js";
+import "../CommonActions/components/Actions/index.433cd345.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.8406ed5b.js";
+import "../mui_extended/Button/index.d9e0ae2e.js";
+import "clsx";
 import "react-hook-form";
-import "../areas/components/index.9f62ca8e.js";
-import "../areas/components/AreasAdmin/index.645bd2c7.js";
-import "../mui_extended/IconButton/index.afa201a7.js";
+import "../areas/components/index.eace295a.js";
+import "../areas/components/AreasAdmin/index.51e28f63.js";
+import "../mui_extended/IconButton/index.be9c2ce5.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.f3d6e728.js";
+import "../areas/contexts/AreasContext/index.0792a8d1.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.3e74c849.js";
+import "../areas/components/AreasContainer/index.1e5e6e91.js";
 import "react-grid-layout/css/styles.css";
-import "../../react-resizable.b620abed.js";
-import "../areas/contexts/index.3623b460.js";
+import "../../react-resizable.e86cb01e.js";
+import "../areas/contexts/index.2a915acf.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.42ec4dcd.js";
-import { W as WindowBase } from "../modal/WindowBase.7828e042.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.10f901c6.js";
+import "../mui_extended/Typography/index.41b60a6b.js";
+import "../modal/WindowConfirm.c1339cf8.js";
+import { W as WindowBase } from "../modal/WindowBase.59f50553.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.442bda79.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.3cdac885.js → index.44bf4469.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.b29ff2d9.js";
+import { I as Icon } from "../Icon/index.0f9b360e.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.796b3af4.js → index.99feb99e.js}

@@ -1,32 +1,33 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.b29ff2d9.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.6eb24c0b.js";
+import { I as Icon } from "../Icon/index.0f9b360e.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.433cd345.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.8406ed5b.js";
+import "../mui_extended/Button/index.d9e0ae2e.js";
+import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.b4114066.js";
-import "../../react-draggable.6471b07e.js";
-import "../ModalDialog/index.dc7ebe06.js";
-import "../Resizeable/index.04fa8de5.js";
+import "../../contexts/ModalContext/index.ae8041f3.js";
+import "../../react-draggable.1aa81436.js";
+import "../ModalDialog/index.3efe049b.js";
+import "../Resizeable/index.b5d42efb.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.42ec4dcd.js";
-import "@mui/material/styles";
-import "../modal/WindowBase.7828e042.js";
-import "../areas/components/index.9f62ca8e.js";
-import "../areas/components/AreasAdmin/index.645bd2c7.js";
-import "../mui_extended/IconButton/index.afa201a7.js";
+import "../modal/WindowConfirm.c1339cf8.js";
+import "../modal/WindowBase.59f50553.js";
+import "../areas/components/index.eace295a.js";
+import "../areas/components/AreasAdmin/index.51e28f63.js";
+import "../mui_extended/IconButton/index.be9c2ce5.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.f3d6e728.js";
+import "../areas/contexts/AreasContext/index.0792a8d1.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.3e74c849.js";
+import "../areas/components/AreasContainer/index.1e5e6e91.js";
 import "react-grid-layout/css/styles.css";
-import "../../react-resizable.b620abed.js";
-import "../areas/contexts/index.3623b460.js";
+import "../../react-resizable.e86cb01e.js";
+import "../areas/contexts/index.2a915acf.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
+import "../mui_extended/Typography/index.41b60a6b.js";
 const ContainerPeriod = styled("div")(({
   theme,
   error,

package/components/Resizeable/{index.04fa8de5.js → index.b5d42efb.js}

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

package/components/ScrollBar/{index.b77feabd.js → index.bbe48f4d.js}

@@ -17,7 +17,7 @@ const RootStyle = styled("div")(() => ({
 const SimpleBarStyle = styled(SimpleBarReact)(({
   theme
 }) => ({
-  maxHeight: "100%",
+  height: "100%",
   "& .simplebar-scrollbar": {
     "&:before": {
       backgroundColor: alpha(theme.palette.grey[600], 0.48)
@@ -34,6 +34,10 @@ const SimpleBarStyle = styled(SimpleBarReact)(({
   },
   "& .simplebar-mask": {
     zIndex: "inherit"
+  },
+  "& .simplebar-content": {
+    display: "flex",
+    height: "100%"
   }
 }));
 function ScrollBar({
@@ -44,7 +48,8 @@ function ScrollBar({
   if (isMobile) {
     return /* @__PURE__ */ jsx(Box, {
       sx: {
-        overflowX: "auto"
+        overflowX: "auto",
+        width: "100%"
       },
       children
     });

package/components/SideBar/SideBar.d.ts

@@ -0,0 +1,2 @@
+import { SideBarProps } from './types';
+export declare const SideBar: (props: SideBarProps) => JSX.Element;

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

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

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

@@ -0,0 +1,37 @@
+import { SideBarClassesType } from './types';
+import { SideBarState } from '../types';
+export declare const SideBarClasses: SideBarClassesType;
+export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
+    root: string;
+    drawer: string;
+    containerSideBarLogo: string;
+    contentDesktop: string;
+    contentMobile: string;
+    collapseButton: string;
+    containerLogo: string;
+    contentGroups: string;
+    wrapperGroup: string;
+    wrapperGroupTitle: string;
+    itemListMainRoot: string;
+    containerListSubItem: string;
+    navItemMainRoot: string;
+    navItemRootContent: string;
+    arrowIconRoot: string;
+    navListSubItemRoot: string;
+    navSubItemContentRoot: string;
+    skeleton: string;
+    subItemActive: string;
+    lineLeft: string;
+    wrapperSideBar: string;
+    containerLogoButton: string;
+    itemMainActive: string;
+    navItemMainTriangleTop: string;
+    navItemMainTriangleBottom: string;
+    navItemRootContentIconTypo: string;
+    navSubItemContentBullet: string;
+    containerLogoButtonLogo: string;
+    containerLogoButtonIcon: string;
+    collapseButtontriangleTop: string;
+    collapseButtontriangleBottom: string;
+    popover: string;
+};

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

@@ -0,0 +1,37 @@
+export interface SideBarClassesType {
+    root: string;
+    contentDesktop: string;
+    contentMobile: string;
+    collapseButton: string;
+    containerSideBarLogo: string;
+    containerLogo: string;
+    contentGroups: string;
+    wrapperGroup: string;
+    wrapperGroupTitle: string;
+    itemListMainRoot: string;
+    containerListSubItem: string;
+    navItemMainRoot: string;
+    navItemRootContent: string;
+    arrowIconRoot: string;
+    navListSubItemRoot: string;
+    navSubItemContentRoot: string;
+    skeleton: string;
+    lineLeft: string;
+    wrapperSideBar: string;
+    containerLogoButton: string;
+    navItemMainTriangleTop: string;
+    navItemMainTriangleBottom: string;
+    navItemRootContentIconTypo: string;
+    navSubItemContentBullet: string;
+    containerLogoButtonLogo: string;
+    containerLogoButtonIcon: string;
+    collapseButtontriangleTop: string;
+    collapseButtontriangleBottom: string;
+    drawer: string;
+    popover: string;
+    collapsed: string;
+    visible: string;
+    subItemActive: string;
+    itemMainActive: string;
+}
+export declare type SideBarClassesKey = keyof SideBarClassesType;

package/components/SideBar/context/sideBarContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SideBarProviderProps, SideBarProviderValue } from './types';
+declare const SideBarContext: import("react").Context<SideBarProviderValue>;
+declare const SideBarProvider: (props: SideBarProviderProps) => JSX.Element;
+export { SideBarProvider, SideBarContext };

package/components/SideBar/context/sideBarContext/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { SideBarProps } from '../../types';
+export interface SideBarProviderValue extends SideBarProps {
+    classes: any;
+}
+export interface SideBarProviderProps {
+    value: SideBarProviderValue;
+    children: ReactNode;
+}

package/components/SideBar/hooks/useSideBar/index.d.ts

@@ -0,0 +1,2 @@
+declare const useSideBar: () => import("../../context/sideBarContext/types").SideBarProviderValue;
+export default useSideBar;