@m4l/components 1.1.2 → 2.0.1

package/components/CommonActions/components/ActionFormCancel/{index.d1359a38.js → index.33d49d50.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.111f830e.js";
+import { B as Button } from "../../../mui_extended/Button/index.9c6c173c.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.3ad1e014.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.js";
+import { u as useModal } from "../../../../hooks/useModal/index.a2a50f01.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.c7fab394.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.60955735.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.38a79eee.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

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

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

package/components/CommonActions/components/Actions/{index.2342a37e.js → index.c7fab394.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.78d1638f.js";
-import { W as WrapperStandarActions } from "../../../../styles/index.239f949e.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
+import { W as WrapperStandarActions } from "../../../../styles/index.59da2f54.js";
 function getCommonActionsDictionary() {
   return ["common_actions"];
 }

package/components/DataGrid/assets/icons/datagrid.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
-<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
+<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
+</svg>

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.9d6f8597.js → index.0a1b3610.js}

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.9bcaba12.js → index.30890ddd.js}

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

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.a58a8712.js → index.9aa14799.js}

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

package/components/DataGrid/formatters/{index.6698b419.js → index.90ed715b.js}

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

package/components/DataGrid/{index.b1cac6af.js → index.58b8d903.js}

@@ -1,7 +1,7 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.ff275011.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.cb749e65.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.545ef5eb.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.3687d8b6.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.239f949e.js";
+import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.59da2f54.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.a60b17d5.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.ea70129c.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.a60b17d5.js → index.ea70129c.js}

@@ -1,21 +1,21 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-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 { M as MenuActions } from "../../../mui_extended/MenuActions/index.b1f8a1be.js";
+import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.58b8d903.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.cb749e65.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.9425bdc5.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.3687d8b6.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.42efd85d.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.239f949e.js";
+import { b as WrapperColumnsConfig, c as DivSelColumns, d as WrapperDataGrid, C as ColumnActions, D as DataGridRoot } from "../../../../styles/index.59da2f54.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.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 { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.9aa14799.js";
+import { u as useModal } from "../../../../hooks/useModal/index.a2a50f01.js";
+import { W as WindowBase } from "../../../modal/WindowBase.a6654e8c.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.c7fab394.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f6c15443.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.73b33789.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const { rowActionsGetter, classes } = useDataGrid();

package/components/DragResizeWindow/DragResizeWindow.d.ts

@@ -13,7 +13,7 @@ import type { DraggableWindowProps } from './types';
  *     Por lo tanto todo el estilo, va directamente a WrapperWindowRoot.
  * Consideraciones:
  *
-
+
  * @param props
  * @returns
  */

package/components/DragResizeWindow/{index.46048367.js → index.8c51fb79.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.310e3387.js";
+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.c568e68d.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.14ce256b.js";
 import "@mui/base";
-import { R as Resizable } from "../../react-resizable.3755959b.js";
+import { R as Resizable } from "../../react-resizable.a59c14f4.js";
 const WrapperDragResizeWindowRoot = styled("div")`
   position: absolute;
   left: 0px;

package/components/DynamicFilter/{dictionary.da256925.js → dictionary.10bebb21.js}

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

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

@@ -1,9 +1,9 @@
-import { f as fieldFactory } from "./subcomponents/FieldTypes/index.e8f1d8e5.js";
-import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.e9e1af93.js";
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index.0abab72e.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.22eac312.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.1e4af8b4.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.63102514.js";
+import { D as DynamicFilterProvider } from "./store/index.81a5dd49.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.8fbcaf0f.js";
 function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
   const newFilters = [];
   const fixedFields = [];

package/components/DynamicFilter/slots/{dynamicFilterSlots.b02bff6a.js → dynamicFilterSlots.26eaa1b1.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.557ee3a7.js";
+import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.27c16026.js";
 import { MenuItem } from "@mui/material";
-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";
+import { A as Actions } from "../../CommonActions/components/Actions/index.c7fab394.js";
+import { I as Icon } from "../../Icon/index.89dba21c.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.42efd85d.js";
+import { P as Popover } from "../../mui_extended/Popover/index.58f8522b.js";
+import { T as Typography } from "../../mui_extended/Typography/index.24a872e2.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );

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

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{index.37bcd016.js → index.bc09a76f.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.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";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
+import { f as fieldFactory } from "../FieldTypes/index.0abab72e.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.26eaa1b1.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{index.2740f285.js → index.891b913a.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-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";
+import { S as ScrollBar } from "../../../ScrollBar/index.aedb43d9.js";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.26eaa1b1.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.bc09a76f.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{index.63102514.js → index.8fbcaf0f.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
 import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.26eaa1b1.js";
 import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.104a03d4.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";
+import { I as InputFilter } from "../InputFilter/index.b312fd70.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.891b913a.js";
+import { F as FilterActions } from "../FilterActions/index.06e8baff.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.eeb15b54.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

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

@@ -1,10 +1,10 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.10bebb21.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.b8347185.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b1c29dd0.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.57ddf344.js → index.59293b05.js}

@@ -1,13 +1,13 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.10bebb21.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.b8347185.js";
-import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.4efe48ce.js";
-import { i as isValidDate } from "../../../../../utils/index.78d1638f.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b1c29dd0.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.54f97b37.js";
+import { i as isValidDate } from "../../../../../utils/index.14912462.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();
@@ -26,6 +26,7 @@ function DateTimeFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperator",
         autoComplete: "off",
         options: operators,

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

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.10bebb21.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.b8347185.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.828b30f5.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b1c29dd0.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.984a4dba.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,

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/{index.e9e1af93.js → index.22eac312.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.10bebb21.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.1e4af8b4.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b8347185.js";
-import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.aeb3bf66.js";
+import { u as useDynamicFilterStore } from "../../../store/index.81a5dd49.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b1c29dd0.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.fb434e68.js";
 function SelectFilter() {
   const { getLabel } = useModuleDictionary();
   const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
@@ -25,6 +25,7 @@ function SelectFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperator",
         autoComplete: "off",
         options: operators,

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

@@ -1,11 +1,11 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.da256925.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.10bebb21.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.b8347185.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.828b30f5.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.b1c29dd0.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.984a4dba.js";
 function StringFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(
@@ -19,6 +19,7 @@ function StringFilter() {
     /* @__PURE__ */ jsx(
       RHFAutocomplete,
       {
+        type: "text",
         name: "formValueOperator",
         autoComplete: "off",
         options: operators,

package/components/DynamicFilter/subcomponents/FieldTypes/{index.e8f1d8e5.js → index.0abab72e.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useFormContext } from "react-hook-form";
-import { B as BooleanFilterHelpers } from "./BooleanFilter/index.3824d701.js";
-import { S as StringFilterHelpers } from "./StringFilter/index.d27a8bcc.js";
-import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.57ddf344.js";
-import { N as NumberFilterHelpers } from "./NumberFilter/index.7beac9f0.js";
-import { S as SelectFilterHelpers } from "./SelectFilter/index.e9e1af93.js";
+import { B as BooleanFilterHelpers } from "./BooleanFilter/index.699a1d82.js";
+import { S as StringFilterHelpers } from "./StringFilter/index.3e2ae583.js";
+import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.59293b05.js";
+import { N as NumberFilterHelpers } from "./NumberFilter/index.ca652641.js";
+import { S as SelectFilterHelpers } from "./SelectFilter/index.22eac312.js";
 const helpersStrategies = {
   boolean: new BooleanFilterHelpers(),
   string: new StringFilterHelpers(),

package/components/DynamicFilter/subcomponents/FilterActions/{index.35014c15.js → index.06e8baff.js}

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.da256925.js";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.10bebb21.js";
 import { Skeleton } from "@mui/material";
-import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
+import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.26eaa1b1.js";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
   refresh: "restart.svg",

package/components/DynamicFilter/subcomponents/InputFilter/{index.f42e9571.js → index.b312fd70.js}

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.da256925.js";
-import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.10bebb21.js";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
 import { A as ALL_FIELD } from "../../constants.095f1dbb.js";
 import { Skeleton } from "@mui/material";
-import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
-import { P as PopoverMenuFields } from "../PopoverMenuFields/index.144885cf.js";
+import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.26eaa1b1.js";
+import { P as PopoverMenuFields } from "../PopoverMenuFields/index.43857f7a.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
   const [filteredFields, setFilteredFields] = useState([]);

package/components/DynamicFilter/subcomponents/PopoverFilter/{index.ada7eb0c.js → index.eeb15b54.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useMemo, useCallback } from "react";
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
-import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.e8f1d8e5.js";
-import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.40a9547e.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.33cf608e.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.0893587b.js";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
+import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.0abab72e.js";
+import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.26eaa1b1.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.19edaacb.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f6c15443.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.73b33789.js";
 function usePopoverFilter() {
   let anchorEl;
   let field;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/{index.144885cf.js → index.43857f7a.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/index.1e4af8b4.js";
-import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots.b02bff6a.js";
+import { u as useDynamicFilterStore } from "../../store/index.81a5dd49.js";
+import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots.26eaa1b1.js";
 function usePopoverMenuFields() {
   const { getLabel } = useModuleDictionary();
   const fnAnchorEl = useDynamicFilterStore((state) => state.fnAnchorEl);

package/components/DynamicFilter/types.d.ts

@@ -23,7 +23,7 @@ export declare type FieldTypeOperator<T extends FieldType> = T extends 'boolean'
 export declare type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandsArrayValues : FieldType;
 declare type SelectOptions = Pick<RHFAutocompleteAsyncProps<{
     [key: string]: any;
-}>, 'endPoint' | 'getOptionLabel' | 'isOptionEqualToValue' | 'multiple' | 'getOptionUrlImage' | 'imageHeight' | 'imageWidth' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
+}>, 'type' | 'endPoint' | 'getOptionLabel' | 'isOptionEqualToValue' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
     getOptionId: (option: Record<string, any>) => string | number;
 };
 export interface FieldBase<T extends FieldType = FieldType> {

package/components/FieldLabel/{index.59b9b63a.js → index.2aaaac6f.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { F as FieldLabelRoot } from "../../styles/index.239f949e.js";
+import { F as FieldLabelRoot } from "../../styles/index.59da2f54.js";
 import { generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.78d1638f.js";
+import { g as getComponentUtilityClass } from "../../utils/index.14912462.js";
 import clsx from "clsx";
-import { T as Typography } from "../mui_extended/Typography/index.45e97bdd.js";
-import { I as Icon } from "../Icon/index.13aaae3c.js";
+import { T as Typography } from "../mui_extended/Typography/index.24a872e2.js";
+import { I as Icon } from "../Icon/index.89dba21c.js";
 const componentName = "M4LFieldLabel";
 generateUtilityClasses(componentName, [
   "root",

package/components/GridLayout/{index.56c3f4fa.js → index.2f9a1cff.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.02bcb3b3.js";
-import { G as GridLayoutRoot } from "../../styles/index.239f949e.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.f904e69e.js";
+import { G as GridLayoutRoot } from "../../styles/index.59da2f54.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 const COMPONENT_CLASS_NAME = "M4LGridLayout";

package/components/GridLayout/subcomponents/Griditem/{index.02bcb3b3.js → index.f904e69e.js}

@@ -1,8 +1,8 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.310e3387.js";
-import { R as Resizable } from "../../../../react-resizable.3755959b.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.56c3f4fa.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.1c1ba224.js";
+import { R as Resizable } from "../../../../react-resizable.a59c14f4.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.2f9a1cff.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 function GridItem(props) {

package/components/GridLayout/subcomponents/Responsive/{index.65aeef5e.js → index.ef62bea3.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-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.56c3f4fa.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.2f9a1cff.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.0aad6f90.js → index.2707f196.js}

@@ -3,7 +3,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.56c3f4fa.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.2f9a1cff.js";
 function withSizeProvider(ComposedComponent) {
   return (props) => {
     const { measureBeforeMount = true, ...rest } = props;