@m4l/components 0.1.62 → 0.1.64

package/@types/export.d.ts

@@ -1,5 +1,5 @@
 import type { DynamicFilterProps } from '../components/DynamicFilter/types';
-import type { ErrorLabelProps } from '../components/ErrorLabel/types';
+import type { HelperTextProps } from '../components/HelperText/types';
 import type { RHFTextFieldProps } from '../components/hook-form/RHFTextField/types';
 import type { RHFTextFieldPasswordClassesKey } from '../components/hook-form/RHFTextFieldPassword/classes/types';
 import type { RHFTextFieldPasswordProps } from '../components/hook-form/RHFTextFieldPassword/types';
@@ -7,23 +7,30 @@ import type { IconProps } from '../components/Icon/types';
 import type { ImageProps } from '../components/Image/types';
 import type { ExtendButtonProps } from '../components/mui_extended/Button/types';
 import type { IconButtonProps } from '../components/mui_extended/IconButton/types';
-import type { ImageButtonClassesKey } from '../components/mui_extended/ImageButton/ImageButton';
+
 import type { ImageButtonProps } from '../components/mui_extended/ImageButton/types';
 import type { PopoverClassesKey } from '../components/mui_extended/Popover/classes/types';
 import type { PopoverProps } from '../components/mui_extended/Popover/types';
 import type { TypographyProps } from '../components/mui_extended/Typography/types';
+import { NavLinkProps } from '../components/NavLink/types';
 import type { ButtonBaseClassKey, ComponentsOverrides, ComponentsProps } from '@mui/material';
-import type {
-    DynamicFilterClassesKey,
-    ErrorLabelClassesKey,
-    TypographyClassesKey,
-} from '../components';
+import type { DynamicFilterClassesKey, ErrorLabelClassesKey } from '../components';
 import type { RHFTextFieldClassesKey } from '../components/hook-form/RHFTextField/classes/types';
 import type { IconClassesKey } from '../components/Icon/classes/types';
 import type { IconButtonClassesKey } from '../components/mui_extended/IconButton/classes/types';
 import type { LanguagePopoverClassesKey } from '../components/LanguagePopover/classes/types';
 import type { ImageClassesKey } from '../components/Image/utils/classes/types';
 import type { RHFCheckboxClassesKey } from '../components/hook-form/RHFCheckbox/classes/types';
+import type { RHFAutocompleteProps } from '../components/hook-form/RHFAutocomplete/types';
+import type { RHFAutocompleteClassesKey } from '../components/hook-form/RHFAutocomplete/classes/types';
+import type { RHFAutocompleteAsyncProps } from '../components/hook-form/RHFAutocompleteAsync/types';
+import type { RHFAutocompleteAsyncClassesKey } from '../components/hook-form/RHFAutocompleteAsync/classes/types';
+import { MuiLabLoadingButtonProps } from '../components/mui_extended/LoadingButton/types';
+import { LoadingbuttonClassesKey } from '../components/mui_extended/LoadingButton/classes/types';
+import { TypographyClassesKey } from '../components/mui_extended/Typography/utils/Clases/types';
+import { ImageButtonClassesKey } from '../components/mui_extended/ImageButton/utils/Clases/types';
+import { SideBarProps } from '../components/SideBar/types';
+import { SideBarClassesKey } from '../components/SideBar/classes/types';
 
 export {};
 
@@ -34,6 +41,8 @@ declare module '@mui/material/styles' {
         M4LDynamicFilter: DynamicFilterProps;
         M4LRHFTextField: RHFTextFieldProps;
         M4LRHFTextFieldPassword: RHFTextFieldPasswordProps;
+        M4LRHFAutocomplete: RHFAutocompleteProps;
+        M4LRHFAutocompleteAsync: RHFAutocompleteAsyncProps;
         M4LIcon: IconProps;
         M4LIconButton: IconButtonProps;
         M4LanguagePopover: undefined;
@@ -41,15 +50,20 @@ declare module '@mui/material/styles' {
         M4LImage: ImageProps;
         M4LPopover: PopoverProps;
         M4LRHFCheckbox: undefined;
-        M4LErrorLabel: ErrorLabelProps;
+        M4LErrorLabel: HelperTextProps;
         M4LTypography: TypographyProps;
         M4LButton: ExtendButtonProps;
+        M4LoadingButton: MuiLabLoadingButtonProps;
+        M4LNavLink: NavLinkProps;
+        M4LSideBar: SideBarProps;
     }
 
     interface ComponentNameToClassKey {
         M4LDynamicFilter: DynamicFilterClassesKey;
         M4LRHFTextField: RHFTextFieldClassesKey;
         M4LRHFTextFieldPassword: RHFTextFieldPasswordClassesKey;
+        M4LRHFAutocomplete: RHFAutocompleteClassesKey;
+        M4LRHFAutocompleteAsync: RHFAutocompleteAsyncClassesKey;
         M4LIcon: IconClassesKey;
         M4LIconButton: IconButtonClassesKey;
         M4LanguagePopover: LanguagePopoverClassesKey;
@@ -60,6 +74,9 @@ declare module '@mui/material/styles' {
         M4LErrorLabel: ErrorLabelClassesKey;
         M4LTypography: TypographyClassesKey;
         M4LButton: ButtonBaseClassKey;
+        M4LoadingButton: LoadingbuttonClassesKey;
+        M4LNavLink: ButtonBaseClassKey;
+        M4LSideBar: SideBarClassesKey;
     }
 
     interface Components {
@@ -75,6 +92,14 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextFieldPassword'];
             defaultProps?: ComponentsProps['M4LRHFTextFieldPassword'];
         };
+        M4LRHFAutocomplete?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocomplete'];
+            defaultProps?: ComponentsProps['M4LRHFAutocomplete'];
+        };
+        M4LRHFAutocompleteAsync?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocompleteAsync'];
+            defaultProps?: ComponentsProps['M4LRHFAutocompleteAsync'];
+        };
         M4LIcon?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
             defaultProps?: ComponentsProps['M4LIcon'];
@@ -115,5 +140,17 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LButton'];
             defaultProps?: ComponentsProps['M4LButton'];
         };
+        M4LoadingButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LoadingButton'];
+            defaultProps?: ComponentsProps['M4LoadingButton'];
+        };
+        M4LNavLink?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
+            defaultProps?: ComponentsProps['M4LNavLink'];
+        };
+        M4LSideBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LSideBar'];
+            defaultProps?: ComponentsProps['M4LSideBar'];
+        };
     }
 }

package/components/AccountPopover/AccountPopover.d.ts

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

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

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

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

@@ -0,0 +1,7 @@
+import { AccountPopoverClassesType } from './types';
+export declare const accountPopoverClasses: AccountPopoverClassesType;
+export declare function getAccountPopoverClassesUtilityClass(slot: string): string;
+export declare const useUtilityClasses: () => {
+    root: string;
+    containerUserInfo: string;
+};

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

@@ -0,0 +1,5 @@
+export interface AccountPopoverClassesType {
+    root: string;
+    containerUserInfo: string;
+}
+export declare type AppBarClassesKey = keyof AccountPopoverClassesType;

package/components/AccountPopover/index.d.ts

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

package/components/AccountPopover/subcomponents/PopOver/index.d.ts

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

package/components/AccountPopover/subcomponents/PopOver/types.d.ts

@@ -0,0 +1,9 @@
+import { AccountPopoverProps, UserMenuData } from "../../types";
+declare type open = HTMLElement | null;
+export interface PopOverProps extends AccountPopoverProps {
+    setOpen: (element: open) => void;
+    open: open;
+    data: Array<UserMenuData> | [];
+    classes: any;
+}
+export {};

package/components/AccountPopover/types.d.ts

@@ -0,0 +1,28 @@
+import { DomainCountry } from "@m4l/core";
+export declare type asyncTypes = 'unLoad' | 'loading' | 'loaded';
+export interface UserMenuData {
+    title: string;
+    children?: Array<UserMenuData>;
+    module_id?: string;
+    icon_url?: string;
+    debug_port?: number;
+}
+export interface MenuDataProvider {
+    value: UserMenuData;
+}
+export interface userData {
+    id: number;
+    email: string;
+    first_name: string;
+    last_name: string;
+    account_id: number;
+    domain_country: DomainCountry;
+    user_type_id: number;
+    entry_application_id: number;
+    avatar_url: string;
+}
+export interface AccountPopoverProps {
+    handleClick: (item: UserMenuData) => void;
+    handleLogOut: VoidFunction;
+    version: string;
+}

package/components/AppBar/AppBar.d.ts

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

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

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

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

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

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

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

package/components/AppBar/index.d.ts

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

package/components/AppBar/subcomponents/MyAvatar/createAvatar.d.ts

@@ -0,0 +1,4 @@
+export default function createAvatar(name: string): {
+    readonly name: string;
+    readonly color: "error" | "default" | "warning" | "info" | "primary" | "success";
+};

package/components/AppBar/subcomponents/MyAvatar/index.d.ts

@@ -0,0 +1,2 @@
+import { AvatarProps } from '../../../mui_extended';
+export default function MyAvatar({ ...other }: AvatarProps): JSX.Element;

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

@@ -0,0 +1 @@
+export declare const ICON_PREFIX = "M4LAppBar";

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

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

package/components/AppBar/types.d.ts

@@ -0,0 +1,9 @@
+import { AccountPopoverProps } from "../AccountPopover/types";
+export declare type RootStyleProps = {
+    isCollapse: boolean;
+    isOffset: boolean;
+    isSideBarVisible: boolean;
+};
+export interface AppBarProps extends AccountPopoverProps {
+    onToggleVisible: VoidFunction;
+}

package/components/CommonActions/components/ActionCancel/{index.a81752ef.js → index.2eb2c1e1.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
+import { B as Button } from "../../../mui_extended/Button/index.d9e0ae2e.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionCancel/index.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@mui/material';
-export declare const ActionCancel: (props: ButtonProps) => JSX.Element;
+import { ExtendButtonProps } from '../../../mui_extended/Button';
+export declare const ActionCancel: (props: ExtendButtonProps) => JSX.Element;

package/components/CommonActions/components/ActionFormCancel/{index.2124a98a.js → index.2864d574.js}

@@ -1,30 +1,29 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
+import { B as Button } from "../../../mui_extended/Button/index.d9e0ae2e.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.77b3415c.js";
-import "../../../../react-draggable.6471b07e.js";
-import "../../../ModalDialog/index.dc7ebe06.js";
-import "../../../Resizeable/index.04fa8de5.js";
+import { u as useModal } from "../../../../hooks/useModal/index.5c159ed2.js";
+import "../../../../react-draggable.1aa81436.js";
+import "../../../ModalDialog/index.3efe049b.js";
+import "../../../Resizeable/index.b5d42efb.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.42ec4dcd.js";
-import "../../../modal/WindowBase.7828e042.js";
-import "../../../Icon/index.b29ff2d9.js";
-import "@mui/material/styles";
-import "../../../areas/components/index.9f62ca8e.js";
-import "../../../areas/components/AreasAdmin/index.645bd2c7.js";
-import "../../../mui_extended/IconButton/index.afa201a7.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.c1339cf8.js";
+import "../../../modal/WindowBase.59f50553.js";
+import "../../../Icon/index.0f9b360e.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 { u as useWindowToolsMF } from "../../../areas/hooks/index.18982960.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/index.f4d78492.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/index.d.ts

@@ -1,2 +1,2 @@
-import { LoadingButtonProps } from '@mui/lab';
-export declare function ActionFormIntro(props: LoadingButtonProps): JSX.Element;
+import { MuiLabLoadingButtonProps } from '../../../mui_extended/LoadingButton/types';
+export declare function ActionFormIntro(props: MuiLabLoadingButtonProps): JSX.Element;

package/components/CommonActions/components/ActionFormIntro/{index.ca4d2674.js → index.e7f83ddd.js}

@@ -1,7 +1,7 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { LoadingButton } from "@mui/lab";
 import { Skeleton } from "@mui/material";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.d9e0ae2e.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.3f75a205.js → index.0d138cb3.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
-import { T as TEST_PROP_ID } from "../../../../vendor.29969396.js";
+import { B as Button } from "../../../mui_extended/Button/index.d9e0ae2e.js";
+import { T as TEST_PROP_ID } from "../../../../vendor.a15d263e.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/ActionIntro/index.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@mui/material';
-export declare const ActionIntro: (props: ButtonProps) => JSX.Element;
+import { ExtendButtonProps } from '../../../mui_extended/Button';
+export declare const ActionIntro: (props: ExtendButtonProps) => JSX.Element;

package/components/CommonActions/components/Actions/{index.6eb24c0b.js → index.433cd345.js}

@@ -3,28 +3,30 @@ import { styled } from "@mui/material/styles";
 import "@m4l/core";
 import "@mui/material";
 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 "react";
-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 "@mui/lab";
-import "../../../modal/WindowConfirm.42ec4dcd.js";
-import "../../../Icon/index.b29ff2d9.js";
-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 "../../../mui_extended/Typography/index.41b60a6b.js";
+import "../../../modal/WindowConfirm.c1339cf8.js";
+import "../../../Icon/index.0f9b360e.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";
 const WrapperStandarActions = styled("div")(({
   theme

package/components/DataGrid/{index.58f35158.js → index.42521a55.js}

@@ -6,37 +6,39 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString, useEnvironment } from "@m4l/core";
-import { M as MenuActions } from "../mui_extended/MenuActions/index.1affe51a.js";
-import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.d4d1a1a0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.afa201a7.js";
-import { u as useModal } from "../../hooks/useModal/index.77b3415c.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.3f75a205.js";
-import "../../react-draggable.6471b07e.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.dc7ebe06.js";
-import "../Resizeable/index.04fa8de5.js";
+import { M as MenuActions } from "../mui_extended/MenuActions/index.ec654122.js";
+import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.9e123670.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.be9c2ce5.js";
+import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.2eb2c1e1.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0d138cb3.js";
+import "../../react-draggable.1aa81436.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.3efe049b.js";
+import "../Resizeable/index.b5d42efb.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.6eb24c0b.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.433cd345.js";
 import "react-hook-form";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.8406ed5b.js";
-import "../areas/components/index.9f62ca8e.js";
-import "../areas/components/AreasAdmin/index.645bd2c7.js";
+import "../mui_extended/Button/index.d9e0ae2e.js";
+import "clsx";
+import "../areas/components/index.eace295a.js";
+import "../areas/components/AreasAdmin/index.51e28f63.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 "../Icon/index.b29ff2d9.js";
-import { W as WindowBase } from "../modal/WindowBase.7828e042.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.bf947220.js";
+import "../mui_extended/Typography/index.41b60a6b.js";
+import "../modal/WindowConfirm.c1339cf8.js";
+import "../Icon/index.0f9b360e.js";
+import { W as WindowBase } from "../modal/WindowBase.59f50553.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.cd00c8e1.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.acd3dcea.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.deae4701.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/{index.10f901c6.js → index.442bda79.js}

@@ -1,63 +1,64 @@
 import { shallow } from "zustand/shallow";
-import { S as ScrollBar } from "../ScrollBar/index.b77feabd.js";
+import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
 import { useContext, useMemo, useEffect, createContext, useRef, createElement, useState, useCallback } from "react";
 import clsx from "clsx";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent, CommonFlags } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
-import { I as IconButton } from "../mui_extended/IconButton/index.afa201a7.js";
-import { T as TEST_PROP_ID } from "../../vendor.29969396.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.be9c2ce5.js";
+import { T as TEST_PROP_ID } from "../../vendor.a15d263e.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.1affe51a.js";
-import { P as Popover } from "../mui_extended/Popover/index.8ed52492.js";
-import { I as Icon } from "../Icon/index.b29ff2d9.js";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.3dc6e2f5.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.6eb24c0b.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.3f75a205.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.ec654122.js";
+import { P as Popover } from "../mui_extended/Popover/index.260aae81.js";
+import { I as Icon } from "../Icon/index.0f9b360e.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.a7511399.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.433cd345.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.2eb2c1e1.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0d138cb3.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.8406ed5b.js";
-import "../../contexts/ModalContext/index.b4114066.js";
-import "../../react-draggable.6471b07e.js";
-import "../ModalDialog/index.dc7ebe06.js";
-import "../Resizeable/index.04fa8de5.js";
-import "../modal/WindowConfirm.42ec4dcd.js";
-import "../modal/WindowBase.7828e042.js";
-import "../areas/components/index.9f62ca8e.js";
-import "../areas/components/AreasAdmin/index.645bd2c7.js";
+import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../../contexts/ModalContext/index.ae8041f3.js";
+import "../../react-draggable.1aa81436.js";
+import "../ModalDialog/index.3efe049b.js";
+import "../Resizeable/index.b5d42efb.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 { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.f3d6e728.js";
-import "../areas/components/AreasContainer/index.3e74c849.js";
+import "../areas/contexts/AreasContext/index.0792a8d1.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/Accordion/index.725a10af.js";
+import "../mui_extended/Typography/index.41b60a6b.js";
+import "../mui_extended/Accordion/index.b7487e37.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
-import "../Image/index.aa24e982.js";
-import "../mui_extended/Pager/index.d4d1a1a0.js";
+import "../Image/index.1a9c0327.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";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.b6ae791a.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.e199226a.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.bb6cb5df.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.083e23c1.js";
 import "lodash/debounce";
-import "../hook-form/RHFCheckbox/index.6e80f572.js";
-import { styled, alpha as alpha$1 } from "@mui/material/styles";
-import "../ErrorLabel/index.e140421c.js";
+import "../hook-form/RHFAutocompleteAsync/index.ba751be9.js";
+import "../hook-form/RHFCheckbox/index.c19393b1.js";
+import "../HelperText/index.3c07ca2a.js";
 import "@mui/x-date-pickers";
 import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.6c129ce4.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.d3544fa3.js";
-import "../hook-form/RHFPeriod/index.c4944f9c.js";
-import "../Period/index.796b3af4.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.97485ff2.js";
+import "../hook-form/RHFPeriod/index.c0a80aeb.js";
+import "../Period/index.99feb99e.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.7fdff30f.js";
+import { styled, alpha as alpha$1 } from "@mui/material/styles";
+import "../hook-form/RHFUpload/index.798eb11d.js";
 import * as Yup from "yup";
 import "@hookform/resolvers/yup";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -1417,6 +1418,7 @@ function FilterButton() {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  console.log("FilterButton", isSkeleton);
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTWrapperFilterButton, {
       className: classesFilterButton,
@@ -1429,7 +1431,6 @@ function FilterButton() {
   }
   return /* @__PURE__ */ jsx(IconButton, {
     className: classesFilterButton,
-    bgColor: "primary.main",
     dictionaryTooltip: getDynamicFilterDictionary(isValid ? isDirty ? DICCTIONARY.filter_tooltip_dirty : DICCTIONARY.filter_tooltip_refresh : DICCTIONARY.filter_tooltip_invalid),
     onClick: fireOnChangeFilters,
     "aria-label": "settings",