@m4l/components 1.0.18 → 1.0.19

package/components/AccountPopover/{index.f2226cb9.js → index.9b044daa.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.fb9ad158.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.8d873242.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.2348fc4f.js";
-import { I as Icon } from "../Icon/index.5cf594aa.js";
+import { P as Popover } from "../mui_extended/Popover/index.bc28f6d4.js";
+import { I as Icon } from "../Icon/index.997ca9db.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.50d090b7.js → index.a0029a89.js}

@@ -1,16 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { styled } from "@mui/material/styles";
+import { A as AppBarRoot } from "../../styles/index.2e92ddf7.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.19aa7ff5.js";
-import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.ee45bba2.js";
-const AppBarRoot = styled("header")(({ theme }) => ({
-  ...theme.components?.M4LAppBar?.styleOverrides
-}));
+import { I as Image } from "../Image/index.54e91742.js";
+import { T as Typography } from "../mui_extended/Typography/index.116902dc.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.6e48e3fc.js";
 const APPBAR_PREFIX = "M4LAppBar";
 const getNameDataTestId = (KEY) => {
   return `${APPBAR_PREFIX}-${KEY}`;

package/components/CommonActions/components/ActionCancel/{index.609a78ca.js → index.cc077569.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.d742e9ee.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+import { B as Button } from "../../../mui_extended/Button/index.86ad58f1.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.494c618b.js";
 const ActionCancel = (props) => {
   const { getLabel } = useModuleDictionary();
   const classes = useCommonActionsUtilityClasses();

package/components/CommonActions/components/ActionFormCancel/{index.03a5915a.js → index.a446a103.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.d742e9ee.js";
+import { B as Button } from "../../../mui_extended/Button/index.86ad58f1.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.2003c854.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+import { u as useModal } from "../../../../hooks/useModal/index.81061efe.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.494c618b.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.b70c4b0f.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.7059a58b.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index.34d569d1.js → index.a4d872e3.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.d742e9ee.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.86ad58f1.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.494c618b.js";
 function ActionFormIntro(props) {
   const { getLabel } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();

package/components/CommonActions/components/ActionIntro/{index.ebac0bc1.js → index.995a344b.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.d742e9ee.js";
+import { B as Button } from "../../../mui_extended/Button/index.86ad58f1.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.494c618b.js";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {
   const { getLabel } = useModuleDictionary();

package/components/CommonActions/components/Actions/{index.258bf919.js → index.494c618b.js}

@@ -5,7 +5,7 @@ import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.j
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
-import { styled } from "@mui/material/styles";
+import { W as WrapperStandarActions } from "../../../../styles/index.2e92ddf7.js";
 function getCommonActionsDictionary() {
   return ["common_actions"];
 }
@@ -42,9 +42,6 @@ const useCommonActionsUtilityClasses = () => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
 };
-const WrapperStandarActions = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LCommonActions?.styleOverrides
-}));
 const COMMONACTIONS_PREFIX = "M4LCommonActions";
 const getNameCommonActionsDataTestId = (KEY) => {
   return `${COMMONACTIONS_PREFIX}-${KEY}`;

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.e0dbec18.js → index.dca86907.js}

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.671116f2.js → index.e86a7f66.js}

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

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.f7b20493.js → index.373b1880.js}

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

package/components/DataGrid/{index.447c4e44.js → index.7524b3f5.js}

@@ -1,27 +1,18 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.0dd5af28.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.c77a7694.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.c740247e.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.509c6c23.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { styled } from "@mui/material/styles";
+import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.2e92ddf7.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";
 import { HTML5Backend } from "react-dnd-html5-backend";
-import { SvgIcon, Checkbox, InputBase, styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
+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.aff74341.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.f5288cc6.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";
-const DataGridRoot = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  position: "absolute",
-  padding: "0px",
-  inset: "0px",
-  overflow: "hidden",
-  ...theme.components?.M4LDataGrid?.styleOverrides
-}));
 function CheckboxIcon(props) {
   return /* @__PURE__ */ jsx(SvgIcon, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 014 4v10a4 4 0 01-4 4H7a4 4 0 01-4-4V7a4 4 0 014-4h10zm0 2H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2z" }) });
 }
@@ -495,12 +486,6 @@ const getDragHeaderRenderer = (handleColumnsReorder) => {
   }
   return HeaderRenderer2;
 };
-const WrapperSkeleton = styled$1("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  alignItems: "center"
-}));
 function SkeletonFormatter() {
   const { classes } = useDataGrid();
   return /* @__PURE__ */ jsx(WrapperSkeleton, { className: classes.skeletonFormatter, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%", height: "12px" }) });
@@ -904,12 +889,11 @@ const getDataGridRowsFromSet = (set, rows, rowKeyGetter) => {
   return rowsFinded;
 };
 export {
-  DataGridRoot as D,
+  DataGrid as D,
   useFilters as a,
   dictionary as b,
-  DataGrid as c,
+  getDataGridRowsFromSet as c,
   dataGridClasses as d,
-  getDataGridRowsFromSet as e,
   getDataGridComponentsDictionary as g,
   useDataGrid as u
 };

package/components/DataGrid/subcomponents/Actions/{index.aff74341.js → index.f5288cc6.js}

@@ -1,21 +1,21 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.06aaa091.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.447c4e44.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.3979e313.js";
+import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.7524b3f5.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.c77a7694.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.ee45bba2.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.509c6c23.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.6e48e3fc.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.2e92ddf7.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { styled } from "@mui/material/styles";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.f7b20493.js";
-import { u as useModal } from "../../../../hooks/useModal/index.2003c854.js";
-import { W as WindowBase } from "../../../modal/WindowBase.bf119f28.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.258bf919.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.609a78ca.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ebac0bc1.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.373b1880.js";
+import { u as useModal } from "../../../../hooks/useModal/index.81061efe.js";
+import { W as WindowBase } from "../../../modal/WindowBase.5de22950.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.494c618b.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.cc077569.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.995a344b.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const { rowActionsGetter, classes } = useDataGrid();
@@ -72,49 +72,6 @@ function Filter() {
     }
   );
 }
-const WrapperColumnsConfig = styled("div")(({ theme }) => ({
-  color: theme.vars.palette.text.primary,
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
-styled("div")(({ theme }) => ({
-  color: theme.vars.palette.text.primary,
-  fontSize: theme.typography.h4.fontSize
-}));
-const DivSelColumns = styled("div")(({ theme }) => ({
-  ...theme.colorSchemes.finalTheme.typography.bodyDens,
-  color: theme.vars.palette.text.primary,
-  padding: `16px 8px`
-}));
-const WrapperDataGrid = styled("div")(() => ({
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1,
-  overflow: "auto"
-}));
-styled("div")(() => ({
-  display: "flex",
-  flexDirection: "row"
-}));
-const ColumnActions = styled("div")(() => ({
-  paddingTop: "16px",
-  paddingBottom: "8px",
-  display: "flex",
-  flexDirection: "row"
-}));
-styled("div")(({ theme }) => ({
-  paddingTop: theme.spacing(3),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  }
-}));
 function getRowsFromColumnsConfig(columnsConfig) {
   return columnsConfig.filter((column) => !column.hidden).map(
     (column) => ({

package/components/DragResizeWindow/{index.132406ef.js → index.04160a98.js}

@@ -3,9 +3,9 @@ import { forwardRef, useState, useRef, useImperativeHandle, useCallback, useEffe
 import { D as DraggableCore_1 } from "../../react-draggable.1c1ba224.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.50447504.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.b9c876b4.js";
 import "@mui/base";
-import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.9b734a0a.js";
+import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.237e7f33.js";
 import { R as Resizable } from "../../react-resizable.a59c14f4.js";
 const WrapperWindowRoot = styled("div")`
   position: absolute;

package/components/DynamicFilter/{dictionary.80fc7baf.js → dictionary.ca734fa9.js}

@@ -1,5 +1,5 @@
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.258bf919.js";
-import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.1efaddc9.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.494c618b.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.1a95aa1d.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/index.0ec944c8.js

@@ -0,0 +1,117 @@
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index.9e2e9be9.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.dfacda9b.js";
+import { jsx } from "react/jsx-runtime";
+import { useFlagsPresent, CommonFlags } from "@m4l/core";
+import { D as DynamicFilterProvider } from "./store/index.0cc464be.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.fc514b86.js";
+function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
+  const newFilters = [];
+  const fixedFields = [];
+  for (let index = 0; index < initialFilters.length; index++) {
+    try {
+      const initialFilter = initialFilters[index];
+      const field = getFieldByName(initialFilter.name);
+      const filter = {
+        id: 0,
+        isSet: true,
+        fixed: false,
+        field,
+        fieldType: field.type,
+        operator: initialFilters[index].operator,
+        operand1: initialFilters[index].operand1,
+        operand2: initialFilters[index].operand2,
+        operandsArray: initialFilters[index].operandsArray
+      };
+      if (!field)
+        continue;
+      const canAddField = fieldFactory(field.type).verifyFilter(initialFilter, field);
+      if (canAddField) {
+        if (filter.fieldType === "datetime") {
+          filter.operand1 = new Date(filter.operand1 + "");
+          filter.operand2 = new Date(filter.operand2 + "");
+        }
+        if (field.presence === "fixed") {
+          if (fixedFields.findIndex((f) => f === field.name) === -1) {
+            filter.fixed = true;
+            fixedFields.push(field.name);
+          } else {
+            filter.fixed = false;
+          }
+        }
+        filter.isSet = true;
+        filter.id = newFilters.length + 1;
+        newFilters.push(filter);
+      }
+    } catch (error) {
+    }
+  }
+  for (let index = 0; index < fields.length; index++) {
+    const field = fields[index];
+    if (field.presence === "initialized" || field.presence === "fixed") {
+      if (!initialFilters.find((f) => f.name === field.name)) {
+        const newFilter = fieldFactory(field.type).getDefaultFilter(
+          field,
+          field.presence === "fixed"
+        );
+        newFilter.id = newFilters.length + 1;
+        newFilters.push(newFilter);
+      }
+    }
+  }
+  return newFilters;
+}
+const formatToRawFilter = (appliedFilters) => {
+  return appliedFilters.map((af) => {
+    let oa = void 0;
+    if (af.field.type === "select" && af.operandsArray) {
+      oa = Array.isArray(af.operandsArray) ? af.operandsArray.map(af.field.selectOptions.getOptionId) : [af.field.selectOptions.getOptionId(af.operandsArray)];
+    }
+    return {
+      n: af.field.name,
+      o: af.operator,
+      o1: af.operand1,
+      o2: af.operator === "b" ? af.operand2 : void 0,
+      oa
+    };
+  });
+};
+function formatToInitialFilters(appliedFilters) {
+  return appliedFilters.map((appliedFilter) => {
+    const ret = {
+      name: appliedFilter.field.name,
+      operator: appliedFilter.operator,
+      operand1: appliedFilter.operand1,
+      operand2: appliedFilter.operator === "b" ? appliedFilter.operand2 : void 0
+    };
+    if (appliedFilter.fieldType === "datetime") {
+      ret.operand1 = appliedFilter.operand1.toISOString();
+      ret.operand2 = appliedFilter.operator === "b" ? appliedFilter.operand2.toISOString() : void 0;
+    }
+    if (appliedFilter.fieldType === "select") {
+      const validOperandsArray = filterValidOperandsArraySelect(
+        appliedFilter.operandsArray,
+        appliedFilter.field
+      );
+      if (validOperandsArray && validOperandsArray?.length > 0) {
+        ret.operandsArray = validOperandsArray;
+      }
+    }
+    if (ret.operand2 === void 0) {
+      delete ret.operand2;
+    }
+    return ret;
+  });
+}
+function DynamicFilter(props) {
+  const hasPresentFlags = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
+  if (!hasPresentFlags) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(DynamicFilterProvider, { ...props, children: /* @__PURE__ */ jsx(DynamicFilterBase, {}) });
+}
+export {
+  DynamicFilter as D,
+  formatToRawFilter as a,
+  formatToInitialFilters as f,
+  getPurgedInitialFiltersApplied as g
+};

package/components/DynamicFilter/slots/{index.e2218307.js → index.bba3ba1e.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 "./constants.13968194.js";
-import { d as dynamicFilterStyles } from "../index.a7cb7710.js";
+import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.c74cdedd.js";
 import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/components/Actions/index.258bf919.js";
-import { I as Icon } from "../../Icon/index.5cf594aa.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.ee45bba2.js";
-import { P as Popover } from "../../mui_extended/Popover/index.2348fc4f.js";
-import { T as Typography } from "../../mui_extended/Typography/index.642798f1.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index.494c618b.js";
+import { I as Icon } from "../../Icon/index.997ca9db.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.6e48e3fc.js";
+import { P as Popover } from "../../mui_extended/Popover/index.bc28f6d4.js";
+import { T as Typography } from "../../mui_extended/Typography/index.116902dc.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );

package/components/DynamicFilter/store/{index.b9c2fe0b.js → index.0cc464be.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.a7cb7710.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index.0ec944c8.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{index.f0fe22f7.js → index.de673d55.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/index.e2218307.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/index.bba3ba1e.js";
 import { useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
-import { u as useDynamicFilterStore } from "../../store/index.b9c2fe0b.js";
-import { f as fieldFactory } from "../FieldTypes/index.f4457f31.js";
+import { u as useDynamicFilterStore } from "../../store/index.0cc464be.js";
+import { f as fieldFactory } from "../FieldTypes/index.9e2e9be9.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{index.30d89b6c.js → index.9c6bc54f.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/index.21bc5025.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/index.e2218307.js";
-import { u as useDynamicFilterStore } from "../../store/index.b9c2fe0b.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/index.f0fe22f7.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.8de83634.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/index.bba3ba1e.js";
+import { u as useDynamicFilterStore } from "../../store/index.0cc464be.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.de673d55.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{index.edd7ed6f.js → index.fc514b86.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index.b9c2fe0b.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/index.e2218307.js";
+import { u as useDynamicFilterStore } from "../../store/index.0cc464be.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/index.bba3ba1e.js";
 import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
 import { D as DynamicFilterSlots } from "../../slots/constants.13968194.js";
-import { I as InputFilter } from "../InputFilter/index.c7d72fb4.js";
-import { A as AppliedFilters } from "../AppliedFilters/index.30d89b6c.js";
-import { F as FilterActions } from "../FilterActions/index.ba70cf6a.js";
-import { P as PopoverFilter } from "../PopoverFilter/index.c2014303.js";
+import { I as InputFilter } from "../InputFilter/index.8d6b2af3.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.9c6bc54f.js";
+import { F as FilterActions } from "../FilterActions/index.fa9a7fa8.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.3c2d4a23.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{index.f926af49.js → index.db00ecae.js}

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

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/{index.2382297a.js → index.2a77b273.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.80fc7baf.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.ca734fa9.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.1efaddc9.js";
-import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.b3d0b2de.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.1a95aa1d.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.ef88c356.js";
 import { i as isValidDate } from "../../../../../utils/index.14912462.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/{index.7b4dccf7.js → index.840bfab2.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.80fc7baf.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.ca734fa9.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.1efaddc9.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.97ba17ae.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.1a95aa1d.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.b959b63e.js";
 function NumberFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/{index.2258fceb.js → index.dfacda9b.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.80fc7baf.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.ca734fa9.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.b9c2fe0b.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.1efaddc9.js";
-import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.2f123535.js";
+import { u as useDynamicFilterStore } from "../../../store/index.0cc464be.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.1a95aa1d.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.4d327235.js";
 function SelectFilter() {
   const { getLabel } = useModuleDictionary();
   const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/{index.82ca3e32.js → index.125b714c.js}

@@ -1,11 +1,11 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.80fc7baf.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.ca734fa9.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.1efaddc9.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.97ba17ae.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.1a95aa1d.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.b959b63e.js";
 function StringFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(

package/components/DynamicFilter/subcomponents/FieldTypes/{index.f4457f31.js → index.9e2e9be9.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.f926af49.js";
-import { S as StringFilterHelpers } from "./StringFilter/index.82ca3e32.js";
-import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.2382297a.js";
-import { N as NumberFilterHelpers } from "./NumberFilter/index.7b4dccf7.js";
-import { S as SelectFilterHelpers } from "./SelectFilter/index.2258fceb.js";
+import { B as BooleanFilterHelpers } from "./BooleanFilter/index.db00ecae.js";
+import { S as StringFilterHelpers } from "./StringFilter/index.125b714c.js";
+import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.2a77b273.js";
+import { N as NumberFilterHelpers } from "./NumberFilter/index.840bfab2.js";
+import { S as SelectFilterHelpers } from "./SelectFilter/index.dfacda9b.js";
 const helpersStrategies = {
   boolean: new BooleanFilterHelpers(),
   string: new StringFilterHelpers(),