@m4l/components 1.1.2 → 2.0.0

package/components/CommonActions/components/ActionFormCancel/{index.d1359a38.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.111f830e.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.3ad1e014.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.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.60955735.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.b8a431dd.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index.415de2bb.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.111f830e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2342a37e.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.0893587b.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.111f830e.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.2342a37e.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.2342a37e.js → index.434f4824.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.d972f170.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.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.ac870381.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.9bcaba12.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.53ad2f51.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.a58a8712.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.b1cac6af.js";
+import { d as dataGridClasses } from "../../index.d538cef8.js";
 function ColumnInteractiveCheckFormatter(props) {
   const { row, onRowChange, column } = props;
   const handleChange = () => {

package/components/DataGrid/formatters/{index.6698b419.js → index.91129d5e.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.d538cef8.js";
+import { I as Icon } from "../../Icon/index.2b591dd6.js";
 function ColumnIconFormatter(props) {
   const { getIconUrl } = props;
   return (obProps) => {

package/components/DataGrid/{index.b1cac6af.js → index.d538cef8.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.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.239f949e.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.a60b17d5.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.a60b17d5.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.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.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.cb749e65.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.9425bdc5.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.239f949e.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.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.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/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.17e7059d.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.14f082d4.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.f471309f.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.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.08abfc2c.js → index.a7e772f7.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.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.1e4af8b4.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.63102514.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.b02bff6a.js → dynamicFilterSlots.1e2dc145.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.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.1e4af8b4.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.08abfc2c.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.37bcd016.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.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.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.2740f285.js → index.e38ed08e.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.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.63102514.js → index.bbc1b1c0.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.3733c18e.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.1e2dc145.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.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.3824d701.js → index.b0a2c96e.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.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.b8347185.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.57ddf344.js → index.2036b257.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.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.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.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();
   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.d7559fb2.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.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.b8347185.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.828b30f5.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,

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/{index.e9e1af93.js → index.d628de04.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.f471309f.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.3733c18e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.c8bcfed8.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.2b2ff592.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.804bb474.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.f471309f.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.c8bcfed8.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.257c6486.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.de33ba0a.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.b0a2c96e.js";
+import { S as StringFilterHelpers } from "./StringFilter/index.804bb474.js";
+import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.2036b257.js";
+import { N as NumberFilterHelpers } from "./NumberFilter/index.d7559fb2.js";
+import { S as SelectFilterHelpers } from "./SelectFilter/index.d628de04.js";
 const helpersStrategies = {
   boolean: new BooleanFilterHelpers(),
   string: new StringFilterHelpers(),

package/components/DynamicFilter/subcomponents/FilterActions/{index.35014c15.js → index.c8c90968.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.3733c18e.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.f471309f.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.1e2dc145.js";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
   refresh: "restart.svg",

package/components/DynamicFilter/subcomponents/InputFilter/{index.f42e9571.js → index.1b95c167.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.f471309f.js";
+import { u as useDynamicFilterStore } from "../../store/index.3733c18e.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.1e2dc145.js";
+import { P as PopoverMenuFields } from "../PopoverMenuFields/index.9f07285e.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
   const [filteredFields, setFilteredFields] = useState([]);

package/components/DynamicFilter/subcomponents/PopoverFilter/{index.ada7eb0c.js → index.fd8a2421.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.3733c18e.js";
+import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.de33ba0a.js";
+import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.1e2dc145.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.54d30cb2.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.ce196f96.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.1c40d33b.js";
 function usePopoverFilter() {
   let anchorEl;
   let field;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/{index.144885cf.js → index.9f07285e.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.3733c18e.js";
+import { u as PopoverMenuStyled, v as PopoverMenuItemStyled, w as PopoverMenuItemIconStyled, x as PopoverMenuItemLabelStyled } from "../../slots/dynamicFilterSlots.1e2dc145.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.44f3e099.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.d972f170.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.dbc44e77.js";
+import { I as Icon } from "../Icon/index.2b591dd6.js";
 const componentName = "M4LFieldLabel";
 generateUtilityClasses(componentName, [
   "root",

package/components/GridLayout/{index.56c3f4fa.js → index.a9f419d8.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.c9f8165b.js";
+import { G as GridLayoutRoot } from "../../styles/index.d972f170.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 const COMPONENT_CLASS_NAME = "M4LGridLayout";

package/components/GridLayout/subcomponents/Griditem/{index.02bcb3b3.js → index.c9f8165b.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.a9f419d8.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 function GridItem(props) {

package/components/GridLayout/subcomponents/Responsive/{index.65aeef5e.js → index.ad80dae3.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.a9f419d8.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.6ebe8790.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.a9f419d8.js";
 function withSizeProvider(ComposedComponent) {
   return (props) => {
     const { measureBeforeMount = true, ...rest } = props;