@m4l/components 0.1.62 → 0.1.63

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/NoItemSelected/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const WrapperNoItemSelected: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Img: import("@emotion/styled").StyledComponent<import("../Image").ImageProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const WrapperSKTNoItemSelected: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ObjectLogs/components/DetailDialog/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Text: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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/ObjectLogs/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Actions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GridWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/PaperForm/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const WrapperPaper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkTPaperFormHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/Period/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SKTWrapperProps, WrapperProps } from './types';
+export declare const ContainerPeriod: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Gap: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SKTWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FieldPeriod: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FieldValue: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/PropertyValue/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WrapperValueProps } from './types';
+export declare const WrapperPropertyValue: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("./types").PropertyProps & Pick<import("./types").PropertyValueProps, "isForm">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Property: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("./types").PropertyProps & Pick<import("./types").PropertyValueProps, "isForm">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapperProperty: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/ResizeableWindow/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ResizableBox } from 'react-resizable';
+export declare const WrapperResizeable: import("@emotion/styled").StyledComponent<import("react-resizable").ResizableBoxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
+    ref?: import("react").Ref<ResizableBox> | undefined;
+}>;

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/ScrollBar/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import SimpleBarReact from 'simplebar-react';
+declare const _default: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default _default;
+export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
+    ref?: import("react").Ref<SimpleBarReact> | undefined;
+}>;

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;