@m4l/components 0.1.62 → 0.1.63

package/components/SideBar/index.d.ts

@@ -0,0 +1,2 @@
+export { SideBar } from './SideBar';
+export type { MenuDataType } from './types';

package/components/SideBar/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { LogoConainerProps, WrapperSideBarProps } from './types';
+export declare const SideBarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LogoContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & LogoConainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperSideBar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperSideBarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SideBar/subcomponents/ContentDesktop/index.d.ts

@@ -0,0 +1 @@
+export declare const ContentDesktop: () => JSX.Element;

package/components/SideBar/subcomponents/ContentDesktop/style.d.ts

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

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/index.d.ts

@@ -0,0 +1,6 @@
+declare type CollapseButtonProps = {
+    onToggleCollapse: VoidFunction;
+    collapsed: boolean;
+};
+export default function CollapseButton(props: CollapseButtonProps): JSX.Element;
+export {};

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/index.d.ts

@@ -0,0 +1 @@
+export declare const ContentGroups: () => JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { NavSectionVerticalTitleProps } from './type';
+export declare const WrapperGroup: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const ContentGroupsRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const WrapperGroupTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & NavSectionVerticalTitleProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/index.d.ts

@@ -0,0 +1,2 @@
+import { NavListRootProps } from './types';
+export declare function ItemListMain(props: NavListRootProps): JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/index.d.ts

@@ -0,0 +1,2 @@
+import { ArrowIconProps } from './types';
+export declare function ArrowIcon(props: ArrowIconProps): JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/types.d.ts

@@ -0,0 +1,3 @@
+export interface ArrowIconProps {
+    openState: boolean;
+}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/index.d.ts

@@ -0,0 +1,2 @@
+import { NavItemRootProps } from './type';
+export declare function NavItemMain(props: NavItemRootProps): JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ListItemButtonProps } from '@mui/material';
+import { WrapperNavItemRootProps } from './type';
+export declare const NavItemMainRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperNavItemRootProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ListItemTextStyleProps extends ListItemButtonProps {
+    isCollapse?: boolean;
+}
+export declare const ListItemTextStyle: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ListItemTextStyleProps, {}, {}>;
+export {};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/index.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WrapperRenderContentProps } from './type';
+export declare const NavItemMainContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperRenderContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/type.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SideBarProps } from '../../../../../../../../types';
+import { NavItemRootProps, NavListProps } from '../../type';
+export declare type WrapperRenderContentProps = Pick<SideBarProps, 'collapsed'>;
+export interface RenderContentProps extends Pick<NavItemRootProps, 'item' | 'open'> {
+    onClick?: (path: NavListProps) => void;
+    handlerOpen?: (event: React.MouseEvent<HTMLElement>) => void;
+    changeVisible?: VoidFunction;
+}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/type.d.ts

@@ -0,0 +1,14 @@
+import { MenuDataType } from "../../../../../../types";
+import { OpenStateItem } from "../../types";
+export declare type NavListProps = MenuDataType;
+export interface NavItemRootProps extends OpenStateItem {
+    item: NavListProps;
+    subItemActive?: boolean;
+}
+export interface WrapperNavItemRootProps {
+    activeRoot?: boolean;
+}
+export interface StateType {
+    open: boolean;
+    anchorElement: HTMLElement | null;
+}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/index.d.ts

@@ -0,0 +1,2 @@
+import { NavListSubItemProps } from './type';
+export declare function NavListSubItem(props: NavListSubItemProps): JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/index.d.ts

@@ -0,0 +1,2 @@
+import { NavSubItemProps } from './types';
+export declare function NavSubItem(props: NavSubItemProps): JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/index.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { DotIconProps } from './types';
+export declare const NavSubItemContentRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "classes" | "alignItems" | "sx" | "autoFocus" | "dense" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DotIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DotIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/types.d.ts

@@ -0,0 +1,7 @@
+import { NavItemRootProps, NavListProps } from '../../../../../NavItemRoot/type';
+export interface NavItemSubContentProps extends Pick<NavItemRootProps, 'item' | 'closePopover'> {
+    onClick: (path: NavListProps) => void;
+}
+export interface DotIconProps {
+    active: boolean;
+}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/types.d.ts

@@ -0,0 +1,13 @@
+import { LinkProps, ListItemButtonProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { NavItemRootProps } from '../../../NavItemRoot/type';
+export declare type NavSubItemProps = NavItemRootProps;
+declare type IProps = LinkProps & ListItemButtonProps;
+export interface ListItemStyleProps extends IProps {
+    component?: ReactNode | any;
+    to?: string;
+    activeRoot?: boolean;
+    activeSub?: boolean;
+    subItem?: boolean;
+}
+export {};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/type.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { NavListProps } from '../NavItemRoot/type';
+export declare type NavListSubItemProps = {
+    item: NavListProps;
+    closePopover?: VoidFunction;
+    setSubItemActive?: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export interface SubItemState {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    closePopover: VoidFunction;
+}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { NavListProps } from './subcomponents/NavItemRoot/type';
+export declare type NavListRootProps = {
+    list: NavListProps;
+    setItemMainActive: React.Dispatch<React.SetStateAction<number>>;
+    itemMainActive: number;
+    id: number;
+};
+export interface OpenStateItem {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    closePopover?: VoidFunction;
+}

package/components/SideBar/subcomponents/ContentGroups/subcomponents/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export declare const SkeletonNavSectionVertical: () => JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/Skeleton/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WrapperSKTNavSectionVerticalProps } from './types';
+export declare const WrapperSKTNavSectionVertical: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperSKTNavSectionVerticalProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavSectionVerticalItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavSectionVerticalTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/Skeleton/types.d.ts

@@ -0,0 +1,3 @@
+export interface WrapperSKTNavSectionVerticalProps {
+    collapse?: boolean;
+}

package/components/SideBar/subcomponents/ContentGroups/type.d.ts

@@ -0,0 +1,7 @@
+import { SideBarProps } from '../../types';
+import { NavListProps } from './subcomponents/ItemListRoot/subcomponents/NavItemRoot/type';
+export interface GroupData {
+    title: string;
+    children: NavListProps[];
+}
+export declare type NavSectionVerticalTitleProps = Pick<SideBarProps, 'collapsed'>;

package/components/SideBar/subcomponents/ContentMobile/index.d.ts

@@ -0,0 +1 @@
+export declare const ContentMobile: () => JSX.Element;

package/components/SideBar/subcomponents/ContentMobile/styles.d.ts

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

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

@@ -0,0 +1,5 @@
+import { MenuDataType } from "../types";
+export declare const SIDEBAR_PREFIX = "M4LSideBar";
+export declare const Data1: Array<MenuDataType>;
+export declare const Data2: Array<MenuDataType>;
+export declare const Data3: Array<MenuDataType>;

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

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

package/components/SideBar/types.d.ts

@@ -0,0 +1,29 @@
+export interface LogoConainerProps {
+    collapsed: boolean;
+}
+export interface WrapperSideBarProps {
+    width: string | number;
+    visible: boolean;
+}
+export interface MenuDataType {
+    title: string;
+    icon_url?: string;
+    module_id?: string;
+    debug_port?: number;
+    children?: Array<MenuDataType>;
+}
+export interface SideBarProps {
+    menuData: Array<MenuDataType>;
+    onClick: (item: MenuDataType) => void;
+    isItemActive: (item: MenuDataType) => boolean;
+    onToggleCollapse: VoidFunction;
+    onToggleVisible: VoidFunction;
+    collapsed: boolean;
+    visible: boolean;
+    companyLogoSmallUrl: string;
+    companyLogoNormalUrl: string;
+    collapsedWidht?: string | number;
+    unCollapsedWidht?: string | number;
+    companyName: string;
+}
+export declare type SideBarState = Pick<SideBarProps, 'collapsed' | 'visible'>;

package/components/SplitLayout/styles.d.ts

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

package/components/animate/LoadingScreen/styles.d.ts

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

package/components/animate/PropagateLoader/syles.d.ts

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

package/components/areas/components/Area/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface WrapperAreaProps {
+    isDesktop: boolean;
+}
+export declare const WrapperArea: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperAreaProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/components/areas/components/AreasAdmin/{index.645bd2c7.js → index.51e28f63.js}

@@ -1,23 +1,24 @@
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.afa201a7.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.dab7ce20.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.be9c2ce5.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.d6263051.js";
 import { useEnvironment } from "@m4l/core";
 import "@mui/material";
-import "../../../Icon/index.b29ff2d9.js";
+import "../../../Icon/index.0f9b360e.js";
 import "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import "../../../mui_extended/Accordion/index.725a10af.js";
+import "../../../mui_extended/Accordion/index.b7487e37.js";
 import "../../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.8406ed5b.js";
-import "../../../Image/index.aa24e982.js";
+import "../../../mui_extended/Button/index.d9e0ae2e.js";
+import "clsx";
+import "../../../Image/index.1a9c0327.js";
 import "@mui/lab";
-import "../../../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 "../../../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 { shallow } from "zustand/shallow";
 const WrapperAreasAdmin = styled("div")(({
   theme

package/components/areas/components/AreasAdmin/styles.d.ts

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

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/styles.d.ts

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

package/components/areas/components/AreasContainer/{index.3e74c849.js → index.1e5e6e91.js}

@@ -1,8 +1,8 @@
 import { styled } from "@mui/material/styles";
-import { A as Area } from "../index.9f62ca8e.js";
+import { A as Area } from "../index.eace295a.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.b620abed.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.dab7ce20.js";
+import "../../../../react-resizable.e86cb01e.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.d6263051.js";
 import { jsx } from "react/jsx-runtime";
 const ContainerAreas = styled("div")(({
   theme

package/components/areas/components/AreasContainer/styles.d.ts

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

package/components/areas/components/GridLayout/{index.50810712.js → index.5bf8d5e4.js}

@@ -1,12 +1,12 @@
 import { WidthProvider, Responsive } from "react-grid-layout";
-import { a as useAreaStore } from "../../hooks/useArea/index.dab7ce20.js";
+import { a as useAreaStore } from "../../hooks/useArea/index.d6263051.js";
 import { styled } from "@mui/material/styles";
-import { M as MemonizedWindowPopUp } from "../WindowPopUp/index.4514046e.js";
-import { M as MemonizedWindow, a as MemonizedWindowModal } from "../Window/index.8040dbe4.js";
+import { M as MemonizedWindowPopUp } from "../WindowPopUp/index.f053fca7.js";
+import { M as MemonizedWindow, a as MemonizedWindowModal } from "../Window/index.416a874f.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.b620abed.js";
+import "../../../../react-resizable.e86cb01e.js";
 import { shallow } from "zustand/shallow";
-import { R as ROW_HEIGTH_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT } from "../../contexts/AreaContext/index.368adb8d.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT } from "../../contexts/AreaContext/index.7890e58d.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPoups = styled("div")(() => ({
   zIndex: 1,

package/components/areas/components/GridLayout/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const WrapperPoups: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface WrapperAreaProps {
+    isDesktop: boolean;
+}
+export declare const WrapperGridLayout: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperAreaProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/components/areas/components/Window/{index.8040dbe4.js → index.416a874f.js}

@@ -1,5 +1,5 @@
 import React__default, { useMemo, useState, useRef, useCallback, useEffect } from "react";
-import { I as Icon } from "../../../Icon/index.b29ff2d9.js";
+import { I as Icon } from "../../../Icon/index.0f9b360e.js";
 import { m } from "framer-motion";
 import { Skeleton, Typography, styled as styled$1, Dialog, Paper } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -7,70 +7,74 @@ import { styled } from "@mui/material/styles";
 import "react-router-dom";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.be5b02c3.js";
-import "../index.9f62ca8e.js";
-import "../AreasAdmin/index.645bd2c7.js";
+import "../index.eace295a.js";
+import "../AreasAdmin/index.51e28f63.js";
 import { useEnvironment, useModuleSkeleton, useModuleDictionary, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.afa201a7.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.be9c2ce5.js";
 import "zustand";
-import "../../contexts/AreasContext/index.f3d6e728.js";
+import "../../contexts/AreasContext/index.0792a8d1.js";
 import { shallow } from "zustand/shallow";
-import "../AreasContainer/index.3e74c849.js";
+import "../AreasContainer/index.1e5e6e91.js";
 import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.b620abed.js";
-import { W as WindowToolsMFProvider, a as WindowMFProvider } from "../../contexts/index.3623b460.js";
+import "../../../../react-resizable.e86cb01e.js";
+import { W as WindowToolsMFProvider, a as WindowMFProvider } from "../../contexts/index.2a915acf.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.bb6cb5df.js";
-import { I as Image } from "../../../Image/index.aa24e982.js";
-import debounce from "lodash/debounce";
-import "../../../hook-form/RHFCheckbox/index.6e80f572.js";
-import "../../../mui_extended/Accordion/index.725a10af.js";
+import "../../../hook-form/RHFAutocomplete/index.083e23c1.js";
+import { I as Image } from "../../../Image/index.1a9c0327.js";
+import "../../../mui_extended/Typography/index.41b60a6b.js";
+import "clsx";
+import "../../../mui_extended/Accordion/index.b7487e37.js";
 import "../../../mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
-import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
+import { B as Button } from "../../../mui_extended/Button/index.d9e0ae2e.js";
 import "@mui/lab";
-import "../../../mui_extended/Popover/index.8ed52492.js";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.1affe51a.js";
-import "../../../mui_extended/Pager/index.d4d1a1a0.js";
+import "../../../mui_extended/Popover/index.260aae81.js";
+import { M as MenuActions } from "../../../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 "../../../ErrorLabel/index.e140421c.js";
+import "../../../HelperText/index.3c07ca2a.js";
+import debounce from "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.ba751be9.js";
+import "../../../hook-form/RHFCheckbox/index.c19393b1.js";
 import "@mui/x-date-pickers";
 import "../../../hook-form/RHFDateTime/index.6c129ce4.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
-import "../../../hook-form/RHFTextField/index.d3544fa3.js";
-import "../../../hook-form/RHFPeriod/index.c4944f9c.js";
-import "../../../Period/index.796b3af4.js";
-import "../../../CommonActions/components/Actions/index.6eb24c0b.js";
-import "../../../../contexts/ModalContext/index.b4114066.js";
-import { c as cjs } from "../../../../react-draggable.6471b07e.js";
-import "../../../ModalDialog/index.dc7ebe06.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.04fa8de5.js";
-import "../../../modal/WindowConfirm.42ec4dcd.js";
-import "../../../modal/WindowBase.7828e042.js";
+import "../../../hook-form/RHFTextField/index.97485ff2.js";
+import "../../../hook-form/RHFPeriod/index.c0a80aeb.js";
+import "../../../Period/index.99feb99e.js";
+import "../../../CommonActions/components/Actions/index.433cd345.js";
+import "../../../../contexts/ModalContext/index.ae8041f3.js";
+import { c as cjs } from "../../../../react-draggable.1aa81436.js";
+import "../../../ModalDialog/index.3efe049b.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.b5d42efb.js";
+import "../../../modal/WindowConfirm.c1339cf8.js";
+import "../../../modal/WindowBase.59f50553.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.7fdff30f.js";
-import "../../../DataGrid/index.58f35158.js";
+import "../../../hook-form/RHFUpload/index.798eb11d.js";
+import "../../../DataGrid/index.42521a55.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.10f901c6.js";
-import "../../../ScrollBar/index.b77feabd.js";
-import "clsx";
+import "../../../DynamicFilter/index.442bda79.js";
+import "../../../ScrollBar/index.bbe48f4d.js";
 import "yup";
 import "@hookform/resolvers/yup";
-import "../../../../contexts/RHFormContext/index.3dc6e2f5.js";
-import "../../../LanguagePopover/index.df9b47a6.js";
-import "../../../NoItemSelected/index.9636ec8a.js";
-import "../../../ObjectLogs/index.38c2ad18.js";
+import "../../../../contexts/RHFormContext/index.a7511399.js";
+import "../../../LanguagePopover/index.68de7176.js";
+import "../../../NavLink/index.ae9f1cc9.js";
+import "../../../NoItemSelected/index.7cfd7613.js";
+import "../../../ObjectLogs/index.b50726fb.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.3cdac885.js";
+import "../../../PaperForm/index.44bf4469.js";
 import "../../../Page/index.4237c241.js";
 import "../../../PropertyValue/index.dfcfe1ba.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
 import "../../../SplitLayout/index.5a8355d8.js";
-import { a as useAreaStore } from "../../hooks/useArea/index.dab7ce20.js";
-import { a as useWindow, b as useWindowStore } from "../../hooks/index.18982960.js";
+import "../../../SideBar/index.011880b6.js";
+import "../../../../vendor.a15d263e.js";
+import { a as useAreaStore } from "../../hooks/useArea/index.d6263051.js";
+import { a as useWindow, b as useWindowStore } from "../../hooks/index.f4d78492.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { v as varBounce } from "../../../animate/variants/bounce.784aaaaa.js";
 const WrapperWindow = styled("div", {
@@ -342,9 +346,7 @@ function Header() {
     id: "Header",
     className: "m4l_draggable_handle",
     children: [/* @__PURE__ */ jsx(Icon, {
-      src: url_icon,
-      bgColor: "primary.main",
-      size: "24px"
+      src: url_icon
     }), /* @__PURE__ */ jsx(Typography, {
       variant: "h5",
       sx: {
@@ -444,11 +446,10 @@ function FallBackNotFound(props) {
       variants: varBounce().in,
       children: /* @__PURE__ */ jsx(Image, {
         src: `${host_static_assets}/${environment_assets}/frontend/domain/host/commons/assets/img/illustration_noauth.png`,
-        width: "292px",
-        height: "219px"
+        ratio: "1:1"
       })
     }), /* @__PURE__ */ jsx(Button, {
-      size: "large",
+      size: "medium",
       variant: "contained",
       onClick: handlerClick,
       children: getLabel("loading_mf_intro")
@@ -837,8 +838,7 @@ const WindowsPanel = () => {
           onClick: () => onTouched(l.i),
           selected: singleId === l.i,
           children: /* @__PURE__ */ jsx(Icon, {
-            src: hashWindowsLayouts[l.i].url_icon,
-            size: "32px"
+            src: hashWindowsLayouts[l.i].url_icon
           })
         }, l.i);
       })

package/components/areas/components/Window/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface WrapperWindowProps {
+    selected: boolean;
+}
+export declare const WrapperWindow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperWindowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/components/areas/components/Window/subcomponents/InnerForHooks/styles.d.ts

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