@m4l/components 1.1.0 → 1.1.2

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.789ca5b9.js → index.84049a50.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.561ed0f7.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.8cc99f13.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.594e3587.js";
-import { I as Icon } from "../Icon/index.ab280d41.js";
+import { P as Popover } from "../mui_extended/Popover/index.5e78a637.js";
+import { I as Icon } from "../Icon/index.13aaae3c.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.a1734c3b.js → index.22ed1a0e.js}

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AppBarRoot } from "../../styles/index.1735a866.js";
+import { A as AppBarRoot } from "../../styles/index.239f949e.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.ec13c4a1.js";
-import { T as Typography } from "../mui_extended/Typography/index.71fbb5c4.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.cb274bbe.js";
+import { I as Image } from "../Image/index.4b51d4ba.js";
+import { T as Typography } from "../mui_extended/Typography/index.45e97bdd.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.9425bdc5.js";
 const APPBAR_PREFIX = "M4LAppBar";
 const getNameDataTestId = (KEY) => {
   return `${APPBAR_PREFIX}-${KEY}`;

package/components/BaseModule/{index.db78c929.js → index.0fc648c5.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.dd147fa6.js";
+import { M as ModalProvider } from "../../contexts/ModalContext/index.a5c622d6.js";
 function BaseModule(props) {
   const {
     children,

package/components/CommonActions/components/ActionCancel/{index.a44544d1.js → index.33cf608e.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.8afd5131.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.46d6c3d1.js";
+import { B as Button } from "../../../mui_extended/Button/index.111f830e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.js";
 const ActionCancel = (props) => {
   const { getLabel } = useModuleDictionary();
   const classes = useCommonActionsUtilityClasses();

package/components/CommonActions/components/ActionFormCancel/{index.1b921390.js → index.d1359a38.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.8afd5131.js";
+import { B as Button } from "../../../mui_extended/Button/index.111f830e.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.84233480.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.46d6c3d1.js";
+import { u as useModal } from "../../../../hooks/useModal/index.3ad1e014.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.abcfd142.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.60955735.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index.624a468b.js → index.415de2bb.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.8afd5131.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.46d6c3d1.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.111f830e.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.js";
 function ActionFormIntro(props) {
   const { getLabel } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();

package/components/CommonActions/components/ActionIntro/{index.63222f6a.js → index.0893587b.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.8afd5131.js";
+import { B as Button } from "../../../mui_extended/Button/index.111f830e.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.46d6c3d1.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.js";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {
   const { getLabel } = useModuleDictionary();

package/components/CommonActions/components/Actions/{index.46d6c3d1.js → index.2342a37e.js}

@@ -4,8 +4,8 @@ import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.f77cc2ab.js";
-import { W as WrapperStandarActions } from "../../../../styles/index.1735a866.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.78d1638f.js";
+import { W as WrapperStandarActions } from "../../../../styles/index.239f949e.js";
 function getCommonActionsDictionary() {
   return ["common_actions"];
 }

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.8ba7afb9.js → index.9d6f8597.js}

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.5a93dc9b.js → index.9bcaba12.js}

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

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.35597c7f.js → index.a58a8712.js}

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

package/components/DataGrid/formatters/{index.4a07af63.js → index.6698b419.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { d as dataGridClasses } from "../index.65f1da52.js";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
+import { d as dataGridClasses } from "../index.b1cac6af.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
 function ColumnIconFormatter(props) {
   const { getIconUrl } = props;
   return (obProps) => {

package/components/DataGrid/{index.65f1da52.js → index.b1cac6af.js}

@@ -1,7 +1,7 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.b975fc7b.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.9184e616.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.ff275011.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.cb749e65.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.1735a866.js";
+import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.239f949e.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.1fed83ce.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.a60b17d5.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.1fed83ce.js → index.a60b17d5.js}

@@ -1,21 +1,21 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.8168ad20.js";
-import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.65f1da52.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.8b0d69b7.js";
+import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.b1cac6af.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.9184e616.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.cb274bbe.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.cb749e65.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9425bdc5.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.1735a866.js";
+import { b as WrapperColumnsConfig, c as DivSelColumns, d as WrapperDataGrid, C as ColumnActions, D as DataGridRoot } from "../../../../styles/index.239f949e.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.35597c7f.js";
-import { u as useModal } from "../../../../hooks/useModal/index.84233480.js";
-import { W as WindowBase } from "../../../modal/WindowBase.e663941b.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.46d6c3d1.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.a44544d1.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.63222f6a.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.a58a8712.js";
+import { u as useModal } from "../../../../hooks/useModal/index.3ad1e014.js";
+import { W as WindowBase } from "../../../modal/WindowBase.58f9e2b0.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.2342a37e.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.33cf608e.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.0893587b.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.ad0da648.js → index.46048367.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.079122b0.js";
+import { D as DraggableCore_1 } from "../../react-draggable.310e3387.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses, useForkRef } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.7cb66143.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.c568e68d.js";
 import "@mui/base";
-import { R as Resizable } from "../../react-resizable.330f1499.js";
+import { R as Resizable } from "../../react-resizable.3755959b.js";
 const WrapperDragResizeWindowRoot = styled("div")`
   position: absolute;
   left: 0px;
@@ -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.7aeaab97.js → dictionary.da256925.js}

@@ -1,5 +1,5 @@
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.46d6c3d1.js";
-import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.b295a0b4.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2342a37e.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.b8347185.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/{index.895da58e.js → index.08abfc2c.js}

@@ -1,9 +1,9 @@
-import { f as fieldFactory } from "./subcomponents/FieldTypes/index.10c9c338.js";
-import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.4beced1d.js";
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index.e8f1d8e5.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.e9e1af93.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.6ec4c67c.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.0c3af964.js";
+import { D as DynamicFilterProvider } from "./store/index.1e4af8b4.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.63102514.js";
 function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
   const newFilters = [];
   const fixedFields = [];

package/components/DynamicFilter/slots/{dynamicFilterSlots.84150a22.js → dynamicFilterSlots.b02bff6a.js}

@@ -1,13 +1,13 @@
 import { styled } from "@mui/material/styles";
 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.0713a406.js";
+import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.557ee3a7.js";
 import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/components/Actions/index.46d6c3d1.js";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.cb274bbe.js";
-import { P as Popover } from "../../mui_extended/Popover/index.594e3587.js";
-import { T as Typography } from "../../mui_extended/Typography/index.71fbb5c4.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index.2342a37e.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.9425bdc5.js";
+import { P as Popover } from "../../mui_extended/Popover/index.5e78a637.js";
+import { T as Typography } from "../../mui_extended/Typography/index.45e97bdd.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );

package/components/DynamicFilter/store/{index.6ec4c67c.js → index.1e4af8b4.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.895da58e.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.08abfc2c.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{index.42446f8e.js → index.37bcd016.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.6ec4c67c.js";
-import { f as fieldFactory } from "../FieldTypes/index.10c9c338.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.84150a22.js";
+import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
+import { f as fieldFactory } from "../FieldTypes/index.e8f1d8e5.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.b02bff6a.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{index.621ca411.js → index.2740f285.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/index.4e447b30.js";
-import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/index.42446f8e.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.236e2aa3.js";
+import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.37bcd016.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{index.0c3af964.js → index.63102514.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index.6ec4c67c.js";
+import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
 import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.84150a22.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
 import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.104a03d4.js";
-import { I as InputFilter } from "../InputFilter/index.85d720be.js";
-import { A as AppliedFilters } from "../AppliedFilters/index.621ca411.js";
-import { F as FilterActions } from "../FilterActions/index.7bee6c25.js";
-import { P as PopoverFilter } from "../PopoverFilter/index.0fdc8a51.js";
+import { I as InputFilter } from "../InputFilter/index.f42e9571.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.2740f285.js";
+import { F as FilterActions } from "../FilterActions/index.35014c15.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.ada7eb0c.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{index.f92d2a9c.js → index.3824d701.js}

@@ -1,10 +1,10 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.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.b295a0b4.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b8347185.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/{index.aad7a12c.js → index.57ddf344.js}

@@ -1,13 +1,13 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.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.b295a0b4.js";
-import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.4c686856.js";
-import { i as isValidDate } from "../../../../../utils/index.f77cc2ab.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b8347185.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.4efe48ce.js";
+import { i as isValidDate } from "../../../../../utils/index.78d1638f.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/{index.852c4c73.js → index.7beac9f0.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.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.b295a0b4.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.ec3f5dd5.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b8347185.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.828b30f5.js";
 function NumberFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/{index.4beced1d.js → index.e9e1af93.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
 import { S as SELECT_OPERATORS } from "../../../constants.095f1dbb.js";
-import { u as useDynamicFilterStore } from "../../../store/index.6ec4c67c.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
-import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.ad51f3e2.js";
+import { u as useDynamicFilterStore } from "../../../store/index.1e4af8b4.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b8347185.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.aeb3bf66.js";
 function SelectFilter() {
   const { getLabel } = useModuleDictionary();
   const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/{index.17191093.js → index.d27a8bcc.js}

@@ -1,11 +1,11 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.7aeaab97.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
 import { b as STRING_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.b295a0b4.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.ec3f5dd5.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b8347185.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.828b30f5.js";
 function StringFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(