@m4l/components 1.1.1 → 2.0.0

package/@types/export.d.ts

@@ -189,11 +189,6 @@ declare module '@mui/material/styles' {
     M4LGridLayout?: {
       styleOverrides?: ComponentsOverrides<Theme>['M4LGridLayout'];
     };
-
-    M4LPopupsViewer?: {
-      styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
-    };
-
     M4LMap?: {
       styleOverrides?: ComponentsOverrides<Theme>['M4LMap'];
     };

package/@types/types.d.ts

@@ -1,6 +1,7 @@
 import { ComponentsOverrides, ComponentsVariants, Theme as MuiTheme } from '@mui/material/styles';
 
 import { DynamicFilterSlotsType, DynamicFilterOwnerState } from '../components/DynamicFilter/types';
+import { PopupOwnerState, PopupViewerSlotsType, PopupsViewerOwnerState } from '../components/popups/components/PopupsViewer/types';
 
 type Theme = Omit<MuiTheme, 'components'>;
 
@@ -8,11 +9,14 @@ declare module '@mui/material/styles' {
   // Define the slots in the theme
   interface ComponentNameToClassKey {
     M4LDynamicFilter: DynamicFilterSlotsType;
+    M4LPopupsViewer: PopupViewerSlotsType;    
+
   }
 
   interface ComponentsPropsList {
     // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
     M4LDynamicFilter: Partial<DynamicFilterOwnerState>;
+    M4LPopupsViewer: Partial<PopupsViewerOwnerState >;  
   }
 
   interface Components {
@@ -21,5 +25,10 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
       variants?: ComponentsVariants['M4LDynamicFilter'];
     };
+    M4LPopupsViewer?: {
+      defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
+      variants?: ComponentsVariants['M4LPopupsViewer'];
+    };
   }
 }

package/components/AccountPopover/{index.dde11a5c.js → index.493dbab5.js}

@@ -4,10 +4,10 @@ import { useState, useEffect } from "react";
 import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { A as Avatar } from "../mui_extended/Avatar/index.fc674f4b.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.bcf4d669.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.82970357.js";
-import { I as Icon } from "../Icon/index.e06c693f.js";
+import { P as Popover } from "../mui_extended/Popover/index.6d8fe229.js";
+import { I as Icon } from "../Icon/index.2b591dd6.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.19b11c19.js → index.4b2c02da.js}

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AppBarRoot } from "../../styles/index.7868464e.js";
+import { A as AppBarRoot } from "../../styles/index.d972f170.js";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 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 { I as Image } from "../Image/index.8a3d05d3.js";
-import { T as Typography } from "../mui_extended/Typography/index.8a0f958b.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.97e91dae.js";
+import { I as Image } from "../Image/index.fb9e71ba.js";
+import { T as Typography } from "../mui_extended/Typography/index.dbc44e77.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f5dcf537.js";
 const APPBAR_PREFIX = "M4LAppBar";
 const getNameDataTestId = (KEY) => {
   return `${APPBAR_PREFIX}-${KEY}`;

package/components/BaseModule/{index.4b725d16.js → index.dba0d174.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, ModulePrivilegesProvider } from "@m4l/core";
 import { useLocales } from "@m4l/graphics";
-import { M as ModalProvider } from "../../contexts/ModalContext/index.8281527d.js";
+import { M as ModalProvider } from "../../contexts/ModalContext/index.26017754.js";
 function BaseModule(props) {
   const {
     children,

package/components/CommonActions/components/ActionCancel/{index.c3cddacf.js → index.ce196f96.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.84b8fd47.js";
+import { B as Button } from "../../../mui_extended/Button/index.24b9496b.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.434f4824.js";
 const ActionCancel = (props) => {
   const { getLabel } = useModuleDictionary();
   const classes = useCommonActionsUtilityClasses();

package/components/CommonActions/components/ActionFormCancel/{index.3ec840af.js → index.d63f6a23.js}

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
+import { B as Button } from "../../../mui_extended/Button/index.24b9496b.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.538e8219.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.84b8fd47.js";
+import { u as useModal } from "../../../../hooks/useModal/index.d3c18b29.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.434f4824.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.141e19a9.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.b8a431dd.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index.3187e7a7.js → index.0daa98b8.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 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.a391ee9f.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.84b8fd47.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.24b9496b.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.434f4824.js";
 function ActionFormIntro(props) {
   const { getLabel } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();

package/components/CommonActions/components/ActionIntro/{index.db2b2999.js → index.1c40d33b.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.a391ee9f.js";
+import { B as Button } from "../../../mui_extended/Button/index.24b9496b.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.84b8fd47.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.434f4824.js";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {
   const { getLabel } = useModuleDictionary();

package/components/CommonActions/components/Actions/{index.84b8fd47.js → index.434f4824.js}

@@ -5,7 +5,7 @@ import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.j
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
-import { W as WrapperStandarActions } from "../../../../styles/index.7868464e.js";
+import { W as WrapperStandarActions } from "../../../../styles/index.d972f170.js";
 function getCommonActionsDictionary() {
   return ["common_actions"];
 }

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.ea1b882e.js → index.0a3660c0.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.6f664715.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.5243a181.js";
 function ColumnBooleanFormatter(props) {
   const { fieldValue, presentationType, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.cff633f6.js → index.4b1df4ab.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.d1846e98.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.1b738709.js";
 function ColumnConcatenatedValueFormatter(props) {
   const { fieldValue, fieldSeparator, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.d2e656a0.js → index.37f4f359.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.9aa088f6.js";
+import { d as dataGridClasses } from "../../index.d538cef8.js";
 function ColumnInteractiveCheckFormatter(props) {
   const { row, onRowChange, column } = props;
   const handleChange = () => {

package/components/DataGrid/formatters/{index.4b65c281.js → index.91129d5e.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { d as dataGridClasses } from "../index.9aa088f6.js";
-import { I as Icon } from "../../Icon/index.e06c693f.js";
+import { d as dataGridClasses } from "../index.d538cef8.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
 function ColumnIconFormatter(props) {
   const { getIconUrl } = props;
   return (obProps) => {

package/components/DataGrid/{index.9aa088f6.js → index.d538cef8.js}

@@ -1,7 +1,7 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.0dba90d3.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.4d510ef5.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.3571068b.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.f3a6c94b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.7868464e.js";
+import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.d972f170.js";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
 import { useDrag, useDrop, DndProvider } from "react-dnd";
@@ -9,7 +9,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.9416e750.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.8d2e96e7.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 "../../test/getNameDataTestId.0faeade8.js";

package/components/DataGrid/subcomponents/Actions/{index.9416e750.js → index.8d2e96e7.js}

@@ -1,21 +1,21 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.1092605e.js";
-import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.9aa088f6.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.540d82fd.js";
+import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.d538cef8.js";
 import { useTheme, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.4d510ef5.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.97e91dae.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.f3a6c94b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f5dcf537.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useIsMobile, useResponsiveContainerStore } from "@m4l/graphics";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
-import { b as WrapperColumnsConfig, c as DivSelColumns, d as WrapperDataGrid, C as ColumnActions, D as DataGridRoot } from "../../../../styles/index.7868464e.js";
+import { b as WrapperColumnsConfig, c as DivSelColumns, d as WrapperDataGrid, C as ColumnActions, D as DataGridRoot } from "../../../../styles/index.d972f170.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.d2e656a0.js";
-import { u as useModal } from "../../../../hooks/useModal/index.538e8219.js";
-import { W as WindowBase } from "../../../modal/WindowBase.af49e2e8.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.84b8fd47.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3cddacf.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.db2b2999.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.37f4f359.js";
+import { u as useModal } from "../../../../hooks/useModal/index.d3c18b29.js";
+import { W as WindowBase } from "../../../modal/WindowBase.0dc3b3ea.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.434f4824.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.ce196f96.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.1c40d33b.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const { rowActionsGetter, classes } = useDataGrid();

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

@@ -4,6 +4,7 @@ export interface DraggableWindowClasses {
     draggableHandle: string;
     draggableCancel: string;
     dragging: string;
+    hidden: string;
 }
 export declare type DraggableWindowClassesKey = keyof DraggableWindowClasses;
 export declare type Classes = ReturnType<typeof draggableWindowUtilityClasses>;

package/components/DragResizeWindow/helpers/index.d.ts

@@ -0,0 +1,3 @@
+import { ContainerSize } from 'src/utils/types';
+import { CurrentState, DefaultPosition } from '../types';
+export declare const getInitialSize: (containerSize: ContainerSize | undefined, defaultPosition: DefaultPosition) => CurrentState;

package/components/DragResizeWindow/{index.8f5a2e3e.js → index.17e7059d.js}

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useRef, useCallback, useEffect, u
 import { D as DraggableCore_1 } from "../../react-draggable.1c1ba224.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses, useForkRef } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.c50fc538.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.14f082d4.js";
 import "@mui/base";
 import { R as Resizable } from "../../react-resizable.a59c14f4.js";
 const WrapperDragResizeWindowRoot = styled("div")`
@@ -14,6 +14,12 @@ const WrapperDragResizeWindowRoot = styled("div")`
   z-index: ${MAP_ZINDEX_OVER_MAP};
   prop2: 2;
 
+
+  &.M4LDraggableWindow-hidden {
+    visibility: hidden;
+    pointerEvents: none;
+  }
+
   ${(props) => props.theme.components?.M4LDragResizeWindow?.styleOverrides}
 `;
 const COMPONENT_CLASS_NAME = "M4LDraggableWindow";
@@ -24,7 +30,8 @@ const draggableWindowClasses = generateUtilityClasses(
     "root",
     "draggableHandle",
     "draggableCancel",
-    "dragging"
+    "dragging",
+    "hidden"
   ]
 );
 function setTransform({ top, left, width, height }) {
@@ -41,6 +48,41 @@ function setTransform({ top, left, width, height }) {
     prop1: 1
   };
 }
+const getInitialSize = (containerSize, defaultPosition) => {
+  let top;
+  let bottom;
+  let height;
+  let left;
+  let right;
+  let width;
+  if ("top" in defaultPosition.vertical) {
+    top = defaultPosition.vertical.top;
+  }
+  if ("bottom" in defaultPosition.vertical) {
+    bottom = defaultPosition.vertical.bottom;
+  }
+  if ("height" in defaultPosition.vertical) {
+    height = defaultPosition.vertical.height;
+  }
+  if ("left" in defaultPosition.horizontal) {
+    left = defaultPosition.horizontal.left;
+  }
+  if ("right" in defaultPosition.horizontal) {
+    right = defaultPosition.horizontal.right;
+  }
+  if ("width" in defaultPosition.horizontal) {
+    width = defaultPosition.horizontal.width;
+  }
+  console.log("containerSize", containerSize);
+  const containerHeight = containerSize?.containerHeight || 200;
+  const containerWidth = containerSize?.containerWidth || 200;
+  return {
+    top: top ?? (bottom ? containerHeight - bottom - (height || 0) : 0),
+    height: height ?? containerHeight - (top || 0) - (bottom || 0),
+    left: left ?? (right ? containerWidth - right - (width || 0) : 0),
+    width: width ?? containerWidth - (left || 0) - (right || 0)
+  };
+};
 const DragResizeWindow = forwardRef((props, ref) => {
   const {
     style,
@@ -66,42 +108,12 @@ const DragResizeWindow = forwardRef((props, ref) => {
     onResizeStart,
     onResize,
     onResizeStop,
+    hidden,
     ...others
   } = props;
-  const [currentState, setCurrentState] = useState(() => {
-    let top;
-    let bottom;
-    let height;
-    let left;
-    let right;
-    let width;
-    if ("top" in defaultPosition.vertical) {
-      top = defaultPosition.vertical.top;
-    }
-    if ("bottom" in defaultPosition.vertical) {
-      bottom = defaultPosition.vertical.bottom;
-    }
-    if ("height" in defaultPosition.vertical) {
-      height = defaultPosition.vertical.height;
-    }
-    if ("left" in defaultPosition.horizontal) {
-      left = defaultPosition.horizontal.left;
-    }
-    if ("right" in defaultPosition.horizontal) {
-      right = defaultPosition.horizontal.right;
-    }
-    if ("width" in defaultPosition.horizontal) {
-      width = defaultPosition.horizontal.width;
-    }
-    const containerHeight = containerSize?.containerHeight || 200;
-    const containerWidth = containerSize?.containerWidth || 200;
-    return {
-      top: top || 0,
-      height: height ?? containerHeight - (top || 0) - (bottom || 0),
-      left: left ?? (right ? containerWidth - right - (width || 0) : 0),
-      width: width ?? containerWidth - (left || 0) - (right || 0)
-    };
-  });
+  const [currentState, setCurrentState] = useState(
+    getInitialSize(containerSize, defaultPosition)
+  );
   const stateRef = useRef({
     bounds,
     data: void 0,
@@ -447,7 +459,8 @@ const DragResizeWindow = forwardRef((props, ref) => {
     [wrapperRef, transformScale, draggableHandle, draggableCancel]
   );
   const classNameFinal = clsx(draggableWindowClasses.root, className, {
-    "react-draggable": draggable
+    "react-draggable": draggable,
+    [draggableWindowClasses.hidden]: hidden
   });
   const styleFinal = {
     ...style,

package/components/DragResizeWindow/types.d.ts

@@ -74,6 +74,9 @@ export interface DefaultPosition {
     } | {
         top: number;
         height: number;
+    } | {
+        bottom: number;
+        height: number;
     };
     horizontal: {
         left: number;
@@ -180,6 +183,10 @@ export interface DraggableWindowProps extends Partial<Omit<DraggableCoreProps, '
      * "onResizeStop" función para el que usa el componente, pueda tomar decisiones en base a este evento
      */
     onResizeStop?: ResizeCallback;
+    /**
+     * @description "hidden" permite definir si la ventana está oculta o no. Por defecto es "false"
+     */
+    hidden?: boolean;
 }
 export interface StateRef extends Pick<DraggableWindowProps, 'bounds'>, CurrentState {
     data?: DraggableData;

package/components/DynamicFilter/{dictionary.e9ad0f7c.js → dictionary.f471309f.js}

@@ -1,5 +1,5 @@
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.84b8fd47.js";
-import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.dab5e2d6.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.434f4824.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.c8bcfed8.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/{index.e737845f.js → index.a7e772f7.js}

@@ -1,9 +1,9 @@
-import { f as fieldFactory } from "./subcomponents/FieldTypes/index.8d2e925e.js";
-import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.86de8517.js";
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index.de33ba0a.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.d628de04.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.7a5e5f6a.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.9be8d255.js";
+import { D as DynamicFilterProvider } from "./store/index.3733c18e.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.bbc1b1c0.js";
 function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
   const newFilters = [];
   const fixedFields = [];

package/components/DynamicFilter/slots/{dynamicFilterSlots.c6d731f1.js → dynamicFilterSlots.1e2dc145.js}

@@ -3,11 +3,11 @@ import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.095f1dbb.js";
 import { D as DynamicFilterSlots } from "./SlotsEnum.104a03d4.js";
 import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.27c16026.js";
 import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/components/Actions/index.84b8fd47.js";
-import { I as Icon } from "../../Icon/index.e06c693f.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.97e91dae.js";
-import { P as Popover } from "../../mui_extended/Popover/index.82970357.js";
-import { T as Typography } from "../../mui_extended/Typography/index.8a0f958b.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index.434f4824.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.f5dcf537.js";
+import { P as Popover } from "../../mui_extended/Popover/index.6d8fe229.js";
+import { T as Typography } from "../../mui_extended/Typography/index.dbc44e77.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );

package/components/DynamicFilter/store/{index.7a5e5f6a.js → index.3733c18e.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { A as ALL_FIELD } from "../constants.095f1dbb.js";
-import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.e737845f.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.a7e772f7.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{index.f714d323.js → index.5b952ba7.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
-import { u as useDynamicFilterStore } from "../../store/index.7a5e5f6a.js";
-import { f as fieldFactory } from "../FieldTypes/index.8d2e925e.js";
-import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots.c6d731f1.js";
+import { u as useDynamicFilterStore } from "../../store/index.3733c18e.js";
+import { f as fieldFactory } from "../FieldTypes/index.de33ba0a.js";
+import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots.1e2dc145.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{index.c4131ff0.js → index.e38ed08e.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/index.9c677335.js";
-import { u as useDynamicFilterStore } from "../../store/index.7a5e5f6a.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.c6d731f1.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/index.f714d323.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.3f1ca3da.js";
+import { u as useDynamicFilterStore } from "../../store/index.3733c18e.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.1e2dc145.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.5b952ba7.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{index.9be8d255.js → index.bbc1b1c0.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index.7a5e5f6a.js";
+import { u as useDynamicFilterStore } from "../../store/index.3733c18e.js";
 import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.c6d731f1.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.1e2dc145.js";
 import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.104a03d4.js";
-import { I as InputFilter } from "../InputFilter/index.f3f01ebc.js";
-import { A as AppliedFilters } from "../AppliedFilters/index.c4131ff0.js";
-import { F as FilterActions } from "../FilterActions/index.066a32f4.js";
-import { P as PopoverFilter } from "../PopoverFilter/index.7805f621.js";
+import { I as InputFilter } from "../InputFilter/index.1b95c167.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.e38ed08e.js";
+import { F as FilterActions } from "../FilterActions/index.c8c90968.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.fd8a2421.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{index.5caf5b34.js → index.b0a2c96e.js}

@@ -1,10 +1,10 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.e9ad0f7c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.f471309f.js";
 import { B as BOOLEAN_OPERATORS } from "../../../constants.095f1dbb.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.dab5e2d6.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.c8bcfed8.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(
@@ -31,6 +31,7 @@ function BooleanFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperator",
         autoComplete: "off",
         options: operators,
@@ -42,6 +43,7 @@ function BooleanFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperand1",
         autoComplete: "off",
         options: optionsYesNo,

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/{index.f5262ca2.js → index.2036b257.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.e9ad0f7c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.f471309f.js";
 import { a as DATE_TIME_OPERATORS } from "../../../constants.095f1dbb.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.dab5e2d6.js";
-import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.2f4ce21c.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.c8bcfed8.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.fb4867fa.js";
 import { i as isValidDate } from "../../../../../utils/index.14912462.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();
@@ -26,6 +26,7 @@ function DateTimeFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperator",
         autoComplete: "off",
         options: operators,

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/{index.f48b4af1.js → index.d7559fb2.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.e9ad0f7c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.f471309f.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
 import { N as NUMBER_OPERATORS } from "../../../constants.095f1dbb.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.dab5e2d6.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.06342648.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.c8bcfed8.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.257c6486.js";
 function NumberFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();
@@ -25,6 +25,7 @@ function NumberFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperator",
         autoComplete: "off",
         options: operators,