@m4l/components 0.1.96 → 0.1.98

package/@types/export.d.ts

@@ -83,7 +83,7 @@ declare module '@mui/material/styles' {
         M4LErrorLabel: HelperTextProps;
         M4LTypography: TypographyProps;
         M4LButton: ExtendButtonProps;
-        M4LoadingButton: MuiLabLoadingButtonProps;
+        M4LLoadingButton: MuiLabLoadingButtonProps;
         M4LNavLink: NavLinkProps;
         M4LSideBar: SideBarProps;
         M4LAppBar: AppBarProps;
@@ -118,7 +118,7 @@ declare module '@mui/material/styles' {
         // M4LErrorLabel: ErrorLabelClassesKey;
         // M4LTypography: TypographyClassesKey;
         // M4LButton: ButtonBaseClassKey;
-        // M4LoadingButton: LoadingbuttonClassesKey;
+        // M4LLoadingButton: LoadingbuttonClassesKey;
         // M4LNavLink: ButtonBaseClassKey;
         // M4LSideBar: SideBarClassesKey;
         // M4LAppBar: AppBarClassesKey;
@@ -221,6 +221,12 @@ declare module '@mui/material/styles' {
         M4LRHFCheckbox?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LRHFCheckbox'];
         };
+        M4LRHFColorPicker?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFColorPicker'];
+        };
+        M4LRHFColorPickerPopoverRoot?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFColorPickerPopoverRoot'];
+        };
         M4LCheckBox?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LCheckBox'];
         };
@@ -242,8 +248,8 @@ declare module '@mui/material/styles' {
         M4LButton?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LButton'];
         };
-        M4LoadingButton?: {
-            styleOverrides?: ComponentsOverrides<Theme>['M4LoadingButton'];
+        M4LLoadingButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LLoadingButton'];
         };
         M4LNavLink?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
@@ -372,6 +378,12 @@ declare module '@mui/material/styles' {
         M4LMFLoader?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LMFLoader'];
         };
+        M4LToastContainer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
+        };
+        M4LPDFViewer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPDFViewer'];
+        };
         
     }
 }

package/{commonjs.565e6834.js → commonjs.333e55c7.js}

@@ -2,6 +2,11 @@ import "react";
 import "prop-types";
 import "react-dom";
 import "clsx";
+import "lodash/isString";
+import "lodash/forOwn";
+import "lodash/isPlainObject";
+import "lodash/map";
+import "lodash/cloneDeep";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;

package/components/AccountPopover/{index.191d34e0.js → index.252cc907.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.b73eb296.js";
+import { I as Icon } from "../Icon/index.4e424a81.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [
@@ -57,9 +57,7 @@ const useAccountPopoverUtilityClasses = () => {
     ...composedClasses
   };
 };
-const AcountPopOverRoot = styled("div")(({
-  theme
-}) => ({
+const AcountPopOverRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LAccountPopover?.styleOverrides
 }));
 function MyAvatar(props) {

package/components/AccountPopover/index.d.ts

@@ -1,2 +1,3 @@
 export { AccountPopover } from './AccountPopover';
 export { getAccountPopoverDictionary } from './dictionary';
+export type { RightMenuData } from './types';

package/components/AppBar/AppBar.d.ts

@@ -1,3 +1,27 @@
 /// <reference types="react" />
 import { AppBarProps } from './types';
+/**
+ * Componente de la interfaz de usuario que se encuentra en la parte superior de una aplicación móvil o de escritorio. Por lo general, contiene elementos de navegación, como botones para ir hacia atrás o hacia adelante, un botón de menú para acceder a opciones adicionales y un campo de búsqueda. También puede mostrar información relevante, como el título de la página actual o el nombre del usuario conectado.
+ *
+ * @param {AppBarProps} props - Propiedades del componente.
+ * @returns {JSX.Element} Elemento que se retorna.
+ *
+ * @example
+ *
+ * // Ejemplo de uso:
+ *
+ * <AppBar onToggleVisible={onToggleVisible}>
+    <AreasAdmin />
+    <div style={{display: 'flex', gap: '10px', alignItems: 'center'}}>
+        <LanguagePopover />
+        <AccountPopover
+            itemHandleClick={itemHandleClick}
+            handleLogOut={handleLogOut}
+            version={APP_VERSION}
+            userData={user}
+            settingsHandleOpen={handleOpen}
+        />
+    </div>
+    </AppBar>
+ */
 export declare const AppBar: (props: AppBarProps) => import("react").JSX.Element;

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

@@ -6,4 +6,6 @@ export declare const useAppBarUtilityClasses: () => {
     containerChilds: string;
     containerIconMenuToggle: string;
     iconMenuToggle: string;
+    containerLogo: string;
+    containerImageTypography: string;
 };

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

@@ -4,6 +4,8 @@ export interface AppBarClassesType {
     containerChilds: string;
     containerIconMenuToggle: string;
     iconMenuToggle: string;
+    containerLogo: string;
+    containerImageTypography: string;
 }
 export declare type AppBarClassesKey = keyof AppBarClassesType;
 export declare type Classes = ReturnType<typeof useAppBarUtilityClasses>;

package/components/AppBar/{index.b55a41f1.js → index.f1a995c7.js}

@@ -5,7 +5,9 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.331e3b53.js";
+import { I as Image } from "../Image/index.8b134b95.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.3c568901.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({
@@ -20,7 +22,9 @@ generateUtilityClasses(componentName, [
   "root",
   "containerChilds",
   "containerIconMenuToggle",
-  "iconMenuToggle"
+  "iconMenuToggle",
+  "containerLogo",
+  "containerImageTypography"
 ]);
 function getAppBarClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -30,7 +34,9 @@ const useAppBarUtilityClasses = () => {
     root: ["root"],
     containerChilds: ["containerChilds"],
     containerIconMenuToggle: ["containerIconMenuToggle"],
-    iconMenuToggle: ["iconMenuToggle"]
+    iconMenuToggle: ["iconMenuToggle"],
+    containerLogo: ["containerLogo"],
+    containerImageTypography: ["containerImageTypography"]
   };
   const composedClasses = unstable_composeClasses(slots, getAppBarClassesUtilityClass, {});
   return {
@@ -40,7 +46,9 @@ const useAppBarUtilityClasses = () => {
 const AppBar = (props) => {
   const {
     onToggleVisible,
-    children
+    children,
+    companyLogo,
+    companyName
   } = props;
   const isDesktop = useResponsiveDesktop();
   const {
@@ -56,7 +64,20 @@ const AppBar = (props) => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("root")
     } : {},
-    children: [!isDesktop ? /* @__PURE__ */ jsx("div", {
+    children: [companyLogo && isDesktop ? /* @__PURE__ */ jsx("div", {
+      className: classes.containerLogo,
+      children: /* @__PURE__ */ jsxs("div", {
+        className: classes.containerImageTypography,
+        children: [/* @__PURE__ */ jsx(Image, {
+          src: companyLogo,
+          alt: "logo"
+        }, "Logo"), /* @__PURE__ */ jsx(Typography, {
+          variant: "bodyDens",
+          skeletonWidth: "100px",
+          children: companyName
+        })]
+      })
+    }) : null, !isDesktop ? /* @__PURE__ */ jsx("div", {
       className: classes.containerIconMenuToggle,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("containerIconMenuToggle")

package/components/AppBar/types.d.ts

@@ -5,6 +5,20 @@ export declare type RootStyleProps = {
     isSideBarVisible: boolean;
 };
 export interface AppBarProps {
+    /**
+    * Función que activa la visualización del menú de la aplicación en la vista móvil.
+    */
     onToggleVisible: VoidFunction;
+    /**
+    * Puede ser cualquier cosa, desde un solo elemento hasta un array de elementos. Los elementos secundarios pueden ser componentes de React, elementos HTML, o incluso otros tipos de datos, como cadenas o números.
+    */
     children: ReactNode;
+    /**
+    * companyLogo: Enlace de acceso para el recurso gráfico de logo.
+    */
+    companyLogo?: string;
+    /**
+    * companyName: Nombre de la compañía
+    */
+    companyName?: string;
 }

package/components/CommonActions/components/ActionCancel/{index.c67788d8.js → index.918fe98b.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.98f6513b.js";
+import { B as Button } from "../../../mui_extended/Button/index.158a9a65.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {

package/components/CommonActions/components/ActionFormCancel/{index.093c1311.js → index.8b12f4b2.js}

@@ -1,18 +1,16 @@
 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.98f6513b.js";
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.158a9a65.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.54dc459a.js";
+import { u as useModal } from "../../../../hooks/useModal/index.abdc0962.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.50339f4d.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.481ef7a0.js";
 function ActionFormCancel() {
   const {
     getLabel
   } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
   const {
     openModal
   } = useModal();
@@ -50,13 +48,6 @@ function ActionFormCancel() {
     setQueryClose(onClickCancel);
   }, [onClickCancel]);
   const classes = useCommonActionsUtilityClasses();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    });
-  }
   return /* @__PURE__ */ jsx(Button, {
     variant: "outlined",
     color: "inherit",

package/components/CommonActions/components/ActionFormIntro/{index.d7989234.js → index.c2e8b360.js}

@@ -1,7 +1,7 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.98f6513b.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.158a9a65.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {

package/components/CommonActions/components/ActionIntro/{index.984a6a98.js → index.ee716861.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.98f6513b.js";
+import { B as Button } from "../../../mui_extended/Button/index.158a9a65.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
 import { jsx } from "react/jsx-runtime";

package/components/DataGrid/formatters/columnPointsFormatter/{index.5e645334.js → index.a19b7b90.js}

@@ -1,4 +1,4 @@
-import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.80a4e414.js";
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.5c94c5e8.js";
 import { jsx } from "react/jsx-runtime";
 function columnPointsFormatter(props) {
   return (obProps) => {

package/components/DataGrid/{index.21de89b0.js → index.f0b0a02a.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.8948a3eb.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.94bf4bab.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.89e26413.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.ba2163c2.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { S as SELECT_COLUMN_KEY, u as useRowSelection, a as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.d46d625e.js";
@@ -8,13 +8,13 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.1d470ca9.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.b9ec13b6.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.7eac5d69.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.d9d8740a.js";
+import { g as getNameDataTestId } from "../../vendor.dfd22660.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.35005602.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
-import { C as ConcatenatedFormatter } from "../formatters/index.7c63a4a0.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.e8bd78a5.js";
 const DataGridRoot = styled("div")(({
   theme
 }) => ({
@@ -904,7 +904,6 @@ function DataGrid(props) {
     onCheckedRowsChange,
     dataTestId = ""
   } = props;
-  console.log("test columns", columns);
   const ownerState = {
     actionsProps,
     withActions

package/components/DataGrid/subcomponents/Actions/{index.1d470ca9.js → index.b9ec13b6.js}

@@ -1,18 +1,18 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.ad3f1fd3.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.21de89b0.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.4817512a.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.f0b0a02a.js";
 import { useTheme, Checkbox, Skeleton } from "@mui/material";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.94bf4bab.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.331e3b53.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.ba2163c2.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.3c568901.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
 import { styled } from "@mui/material/styles";
-import { u as useModal } from "../../../../hooks/useModal/index.54dc459a.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c67788d8.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.984a6a98.js";
+import { u as useModal } from "../../../../hooks/useModal/index.abdc0962.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.918fe98b.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ee716861.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.2dbdb419.js";
+import { W as WindowBase } from "../../../modal/WindowBase.b1f12376.js";
 import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {

package/components/DataGrid/types.d.ts

@@ -41,6 +41,9 @@ export declare const initialPagerState: PagerState;
 export declare type RowHeightVariants = 'standard' | 'compact' | 'confortable';
 export declare type RowHeights = number | number[];
 export interface GridProps<TRow, TSummaryRow> {
+    /**
+    * Define el tipo de dato que puede tener un identificador key en el grid.
+    */
     id: RowKey;
     withActions?: boolean;
     columns: readonly Column<TRow, TSummaryRow>[];

package/components/DraggableWindow/{index.06bf649f.js → index.f9f067bd.js}

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { c as cjs } from "../../react-draggable.b86ca282.js";
+import { c as cjs } from "../../react-draggable.ee21cb7e.js";
 import { jsx } from "react/jsx-runtime";
 const DraggableWindow = (props) => {
   const {

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

@@ -1,5 +1,5 @@
 import { DynamicFilterClasses } from './types';
 import { OwnerState } from '../contexts/DynamicFilterContext/store';
 export declare const dynamicFilterClasses: DynamicFilterClasses;
-export declare const useUtilityClasses: (ownerState: OwnerState) => Record<"root" | "containerFistRow" | "filterButton" | "containerInputFilter" | "wrapperApplyedFilters" | "containerApplyedFilters" | "containerClearFilter" | "applyedFilter" | "clearFiltersButton" | "popoverMenuFields" | "popoverMenuFieldsPaper" | "popoverMenuFieldsItem" | "classesFilterButton" | "popoverFilter" | "popoverFilterPaper" | "popoverFilterHeader" | "popoverHeaderTitle" | "containerBooleanFilter" | "containerDateTimeFilter" | "containerNumberFilter" | "containerStringFilter" | "classespopoverLabelMemuItem" | "popoverContainerFields", string>;
+export declare const useUtilityClasses: (ownerState: OwnerState) => Record<"root" | "containerFistRow" | "filterButton" | "containerInputFilter" | "wrapperApplyedFilters" | "containerApplyedFilters" | "containerClearFilter" | "applyedFilter" | "clearFiltersButton" | "popoverMenuFields" | "popoverMenuFieldsPaper" | "popoverMenuFieldsItem" | "classesFilterButton" | "popoverFilter" | "popoverFilterPaper" | "popoverFilterHeader" | "popoverHeaderTitle" | "containerBooleanFilter" | "containerDateTimeFilter" | "containerNumberFilter" | "containerStringFilter" | "classespopoverLabelMemuItem" | "popoverContainerFields" | "inputFilter", string>;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -22,6 +22,7 @@ export interface DynamicFilterClasses {
     containerStringFilter: string;
     classespopoverLabelMemuItem: string;
     popoverContainerFields: string;
+    inputFilter: string;
     isSkeleton: string;
     inEdition: string;
     isInvalid: string;

package/components/DynamicFilter/{index.2c779d01.js → index.82706b14.js}

@@ -8,25 +8,25 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.2f6286eb.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.5a3c565f.js";
-import { g as getNameDataTestId } from "../../vendor.7eac5d69.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.b01b97e3.js";
+import { g as getNameDataTestId } from "../../vendor.dfd22660.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.a3af80f5.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.e18d3338.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e8ea2555.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.87c99323.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { styled, useTheme } from "@mui/material/styles";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.331e3b53.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.ad3f1fd3.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.3c568901.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.4817512a.js";
 import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.b73eb296.js";
+import { I as Icon } from "../Icon/index.4e424a81.js";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.c67788d8.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.984a6a98.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.918fe98b.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.ee716861.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -79,6 +79,7 @@ const dynamicFilterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "classespopoverLabelMemuItem",
   "popoverContainerFields",
   "classesFilterButton",
+  "inputFilter",
   "isSkeleton",
   "isMobile",
   "inEdition",
@@ -111,7 +112,8 @@ const useUtilityClasses = (ownerState) => {
     containerBooleanFilter: ["containerBooleanFilter"],
     containerDateTimeFilter: ["containerDateTimeFilter"],
     containerNumberFilter: ["containerNumberFilter"],
-    containerStringFilter: ["containerStringFilter"]
+    containerStringFilter: ["containerStringFilter"],
+    inputFilter: ["inputFilter"]
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(COMPONENT_CLASS_NAME), {});
 };
@@ -1461,6 +1463,7 @@ function InputFilter() {
   const availableFields = useDynamicFilter((state) => state.availableFields, shallow);
   const dataTestId = useDynamicFilter((state) => state.dataTestId, shallow);
   const classesContainerInputFilter = useDynamicFilter((state) => state.classes.containerInputFilter, shallow);
+  const classesInputFilter = useDynamicFilter((state) => state.classes.inputFilter, shallow);
   const isSkeleton = useDynamicFilter((state) => state.ownerState.isSkeleton, shallow);
   const {
     showPopoverFilterForAdd,
@@ -1571,6 +1574,7 @@ function InputFilter() {
         value: inputData,
         placeholder: getLabel(getDynamicFilterDictionary(DICCTIONARY.input_placeholder)),
         onFocus: onFocusInputFilter,
+        className: classesInputFilter,
         onChange: onChangeInputFilter,
         onKeyDown: handleKeyDown
       })]

package/components/GridLayout/{index.ed6dedb0.js → index.e8c04242.js}

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.22a009a1.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.4d38f12e.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.60704e26.js";
+import { r as react_resizable_css } from "../../react-resizable.ee028152.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Griditem/{index.22a009a1.js → index.4d38f12e.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.b86ca282.js";
-import { R as Resizable } from "../../../../react-resizable.60704e26.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.ed6dedb0.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.ee21cb7e.js";
+import { R as Resizable } from "../../../../react-resizable.ee028152.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.e8c04242.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.54d49969.js → index.e25df1dc.js}

@@ -1,4 +1,4 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.ed6dedb0.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.e8c04242.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";