@m4l/components 1.0.15 → 1.0.16

package/components/AccountPopover/{index.e29a3c5c.js → index.97a78be9.js}

@@ -7,7 +7,7 @@ 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 { 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.7c470582.js";
+import { I as Icon } from "../Icon/index.9615b1f6.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.4f4bb61f.js → index.47dbe6f1.js}

@@ -7,7 +7,7 @@ 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.31343834.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.47be7d35.js";
 const AppBarRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LAppBar?.styleOverrides
 }));

package/components/CommonActions/components/ActionFormCancel/{index.b325f1e2.js → index.ad1b361f.js}

@@ -6,7 +6,7 @@ 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 useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.ca443b26.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.6eea8ea6.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.ff18b2a6.js → index.3e0b387f.js}

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

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.1487b238.js → index.f33eb24e.js}

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

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.2999445b.js → index.381342ab.js}

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

package/components/DataGrid/{index.4a2e0f22.js → index.804af87c.js}

@@ -1,5 +1,5 @@
 import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.0dd5af28.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.225cd67f.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.a453d8b5.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
@@ -9,7 +9,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, styled as styled$1, 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.0a3db350.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.7421063b.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.0a3db350.js → index.7421063b.js}

@@ -1,18 +1,18 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.520a26d8.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.4a2e0f22.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.ab55b9b7.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.804af87c.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.225cd67f.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.31343834.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.a453d8b5.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.47be7d35.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 { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
 import { styled } from "@mui/material/styles";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.2999445b.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.381342ab.js";
 import { u as useModal } from "../../../../hooks/useModal/index.2003c854.js";
-import { W as WindowBase } from "../../../modal/WindowBase.6bf7201e.js";
+import { W as WindowBase } from "../../../modal/WindowBase.2f606ead.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";

package/components/DragResizeWindow/{index.f23525c7.js → index.c957a1e6.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.2c31ea9e.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.e4045b3e.js";
 import "@mui/base";
-import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.31407dfb.js";
+import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.e80c69c5.js";
 import { R as Resizable } from "../../react-resizable.a59c14f4.js";
 const WrapperWindowRoot = styled("div")`
   position: absolute;

package/components/DynamicFilter/{dictionary.da8046c7.js → dictionary.3b52457e.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.e5e8baae.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.709756f6.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/helpers/{index.a13deed7.js → index.32ea6e4a.js}

@@ -1,8 +1,13 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../dictionary.da8046c7.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../dictionary.3b52457e.js";
 import { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, D as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, a as SELECT_OPERATORS } from "../constants.1dddd09c.js";
-import { B as BooleanFilter, S as StringFilter, D as DateTimeFilter, N as NumberFilter, a as SelectFilter, f as fieldFactory } from "../subcomponents/index.e32811b5.js";
+import { B as BooleanFilter } from "../subcomponents/FieldTypes/BooleanFilter/index.b718be41.js";
+import { S as StringFilter } from "../subcomponents/FieldTypes/StringFilter/index.636d6e6e.js";
+import { D as DateTimeFilter } from "../subcomponents/FieldTypes/DateTimeFilter/index.d44591da.js";
 import { i as isValidDate } from "../../../utils/index.14912462.js";
+import { N as NumberFilter } from "../subcomponents/FieldTypes/NumberFilter/index.3e5853fd.js";
+import { f as fieldFactory } from "../subcomponents/FieldTypes/index.339d175f.js";
+import { S as SelectFilter } from "../subcomponents/FieldTypes/SelectFilter/index.740042db.js";
 class BooleanFilterHelpers {
   getComponent() {
     return BooleanFilter;

package/components/DynamicFilter/{index.952f8480.js → index.107ff9cd.js}

@@ -2,8 +2,8 @@ import { alpha } from "@mui/material";
 import { c as containerQuery } from "../../utils/index.14912462.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.370765c1.js";
-import { b as DynamicFilterBase } from "./subcomponents/index.e32811b5.js";
+import { D as DynamicFilterProvider } from "./store/index.17676a1e.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.909c1836.js";
 const CONTAINER_QUERY_NAME = "dynamic";
 const dynamicFilterStyles = {
   root: {

package/components/DynamicFilter/slots/{index.b55f3ebc.js → index.1590336a.js}

@@ -1,11 +1,11 @@
 import { styled } from "@mui/material/styles";
 import { b as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.1dddd09c.js";
 import { D as DynamicFilterSlots } from "./constants.13968194.js";
-import { d as dynamicFilterStyles } from "../index.952f8480.js";
+import { d as dynamicFilterStyles } from "../index.107ff9cd.js";
 import { MenuItem } from "@mui/material";
 import { A as Actions } from "../../CommonActions/components/Actions/index.258bf919.js";
-import { I as Icon } from "../../Icon/index.7c470582.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.31343834.js";
+import { I as Icon } from "../../Icon/index.9615b1f6.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.47be7d35.js";
 import { P as Popover } from "../../mui_extended/Popover/index.2348fc4f.js";
 import { T as Typography } from "../../mui_extended/Typography/index.642798f1.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
@@ -121,31 +121,31 @@ const PopoverHeaderActionsStyled = styled(Actions, {
 })(dynamicFilterStyles?.popoverFilterActions);
 export {
   AppliedFilterChipStyled as A,
-  InputFilterStyled as I,
-  PopoverMenuStyled as P,
+  InnerContainerStyled as I,
+  PopoverStyled as P,
   RootStyled as R,
-  PopoverMenuItemStyled as a,
-  PopoverMenuItemIconStyled as b,
-  PopoverMenuItemLabelStyled as c,
-  InputFilterIconStyled as d,
-  InputFilterInputStyled as e,
-  AppliedFilterChipIconStyled as f,
-  AppliedFilterChipInfoStyled as g,
-  AppliedFilterChipInfoFieldNameStyled as h,
-  AppliedFilterChipInfoOperatorStyled as i,
-  AppliedFilterChipInfoOperandsStyled as j,
-  AppliedFilterChipRemoveButtonStyled as k,
-  AppliedFiltersStyled as l,
-  AppliedFilterInnerContainerStyled as m,
-  ActionsSkeletonButtonStyled as n,
-  ActionsStyled as o,
-  ActionsClearButtonStyled as p,
-  ActionsSubmitButtonStyled as q,
-  PopoverStyled as r,
-  PopoverHeaderStyled as s,
-  PopoverHeaderIconStyled as t,
-  PopoverHeaderTitleStyled as u,
-  PopoverContainerFieldsStyled as v,
-  PopoverHeaderActionsStyled as w,
-  InnerContainerStyled as x
+  AppliedFilterChipIconStyled as a,
+  AppliedFilterChipInfoStyled as b,
+  AppliedFilterChipInfoFieldNameStyled as c,
+  AppliedFilterChipInfoOperatorStyled as d,
+  AppliedFilterChipInfoOperandsStyled as e,
+  AppliedFilterChipRemoveButtonStyled as f,
+  AppliedFiltersStyled as g,
+  AppliedFilterInnerContainerStyled as h,
+  ActionsSkeletonButtonStyled as i,
+  ActionsStyled as j,
+  ActionsClearButtonStyled as k,
+  ActionsSubmitButtonStyled as l,
+  InputFilterStyled as m,
+  InputFilterIconStyled as n,
+  InputFilterInputStyled as o,
+  PopoverHeaderStyled as p,
+  PopoverHeaderIconStyled as q,
+  PopoverHeaderTitleStyled as r,
+  PopoverContainerFieldsStyled as s,
+  PopoverHeaderActionsStyled as t,
+  PopoverMenuStyled as u,
+  PopoverMenuItemStyled as v,
+  PopoverMenuItemIconStyled as w,
+  PopoverMenuItemLabelStyled as x
 };

package/components/DynamicFilter/store/{index.370765c1.js → index.17676a1e.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.1dddd09c.js";
-import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../helpers/index.a13deed7.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../helpers/index.32ea6e4a.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/index.99e063cc.js

@@ -0,0 +1,60 @@
+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.1590336a.js";
+import { useMemo } from "react";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useFormatter } from "@m4l/graphics";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+import { f as fieldFactory } from "../FieldTypes/index.339d175f.js";
+function useAppliedFilterChip(filter) {
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const formatters = useFormatter();
+  const { hidePopoverFilter, removeFilter, showPopoverFilterForEdit } = useDynamicFilterStore(
+    (state) => state.actions
+  );
+  const removeIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/clear.svg`;
+  const labels = useMemo(() => {
+    return fieldFactory(filter.field.type).getLabels(filter, getLabel, formatters, filter.field);
+  }, [filter, getLabel]);
+  function onDelete() {
+    hidePopoverFilter(false);
+    removeFilter(filter.id);
+  }
+  function onEditFilter(event) {
+    hidePopoverFilter(false);
+    const currentTarget = event.currentTarget;
+    setTimeout(() => showPopoverFilterForEdit(currentTarget, filter), 10);
+  }
+  return {
+    onDelete,
+    onEditFilter,
+    removeIconUrl,
+    iconFieldUrl: filter.field?.urlIcon,
+    labels
+  };
+}
+function AppliedFilterChip(props) {
+  const { fixed } = props;
+  const { onEditFilter, onDelete, iconFieldUrl, removeIconUrl, labels } = useAppliedFilterChip(props);
+  return /* @__PURE__ */ jsxs(AppliedFilterChipStyled, { ownerState: {}, children: [
+    iconFieldUrl && /* @__PURE__ */ jsx(AppliedFilterChipIconStyled, { onClick: onEditFilter, src: iconFieldUrl, ownerState: {} }),
+    /* @__PURE__ */ jsxs(AppliedFilterChipInfoStyled, { onClick: onEditFilter, ownerState: {}, children: [
+      /* @__PURE__ */ jsx(AppliedFilterChipInfoFieldNameStyled, { ownerState: {}, children: labels.labelField }),
+      /* @__PURE__ */ jsx(AppliedFilterChipInfoOperatorStyled, { ownerState: {}, children: labels.labelOperator }),
+      /* @__PURE__ */ jsx(AppliedFilterChipInfoOperandsStyled, { ownerState: {}, children: labels.labelOperands })
+    ] }),
+    !fixed && /* @__PURE__ */ jsx(
+      AppliedFilterChipRemoveButtonStyled,
+      {
+        src: removeIconUrl,
+        size: "small",
+        dictionaryTooltipId: "dynamic_filter.tooltip_clear_filter",
+        onClick: onDelete,
+        ownerState: {}
+      }
+    )
+  ] });
+}
+export {
+  AppliedFilterChip as A
+};

package/components/DynamicFilter/subcomponents/AppliedFilters/index.883e90f5.js

@@ -0,0 +1,26 @@
+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.1590336a.js";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index.99e063cc.js";
+function useAppliedFilters() {
+  const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
+  const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);
+  const appliedFiltersSorted = [...appliedFilter].sort(
+    (filterA, filterB) => filterA.isSet !== filterB.isSet ? Number(filterA.isSet) - Number(filterB.isSet) : filterB.id - filterA.id
+  );
+  return {
+    appliedFiltersSorted,
+    isSkeleton
+  };
+}
+function AppliedFilters() {
+  const { appliedFiltersSorted, isSkeleton } = useAppliedFilters();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {} });
+  }
+  return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(AppliedFilterInnerContainerStyled, { ownerState: {}, children: appliedFiltersSorted?.map((filter) => /* @__PURE__ */ jsx(AppliedFilterChip, { ...filter }, filter.id)) }) }) });
+}
+export {
+  AppliedFilters as A
+};

package/components/DynamicFilter/subcomponents/DynamicFilterBase/index.909c1836.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { u as useDynamicFilterStore } from "../../store/index.17676a1e.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/index.1590336a.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.ce036c20.js";
+import { A as AppliedFilters } from "../AppliedFilters/index.883e90f5.js";
+import { F as FilterActions } from "../FilterActions/index.c549da68.js";
+import { P as PopoverFilter } from "../PopoverFilter/index.3655469c.js";
+function useDynamicFilterBase() {
+  const ownerState = useDynamicFilterStore((state) => state.ownerState);
+  const dataTestId = useDynamicFilterStore((state) => state.dataTestId);
+  return { ownerState, dataTestId };
+}
+function DynamicFilterBase() {
+  const { ownerState, dataTestId } = useDynamicFilterBase();
+  return /* @__PURE__ */ jsx(
+    RootStyled,
+    {
+      ownerState: { ...ownerState },
+      ...getPropDataTestId(dataTestId, DynamicFilterSlots.root),
+      children: /* @__PURE__ */ jsxs(
+        InnerContainerStyled,
+        {
+          ownerState: { ...ownerState },
+          ...getPropDataTestId(dataTestId, DynamicFilterSlots.innerContainer),
+          children: [
+            /* @__PURE__ */ jsx(InputFilter, {}),
+            /* @__PURE__ */ jsx(AppliedFilters, {}),
+            /* @__PURE__ */ jsx(FilterActions, {}),
+            /* @__PURE__ */ jsx(PopoverFilter, {})
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  DynamicFilterBase as D
+};

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/index.b718be41.js

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { B as BOOLEAN_OPERATORS } from "../../../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+function BooleanFilter() {
+  const { getLabel } = useModuleDictionary();
+  const operators = useMemo(
+    () => BOOLEAN_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  const optionsYesNo = useMemo(
+    () => [
+      {
+        value: true,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_true))
+      },
+      {
+        value: false,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_false))
+      }
+    ],
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operator))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperand1",
+        autoComplete: "off",
+        options: optionsYesNo,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.value === value.value,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operand1))
+      }
+    )
+  ] });
+}
+export {
+  BooleanFilter as B
+};

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/index.d44591da.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { useModuleDictionary } from "@m4l/core";
+import { D as DATE_TIME_OPERATORS } from "../../../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.07030dcc.js";
+function DateTimeFilter() {
+  const { getLabel } = useModuleDictionary();
+  const { control } = useFormContext();
+  const operator = useWatch({
+    control,
+    name: "formValueOperator"
+  });
+  const operators = useMemo(
+    () => DATE_TIME_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_date_time))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFDateTime,
+      {
+        name: "formValueOperand1",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_date_time))
+      }
+    ),
+    operator && operator.id === "b" && /* @__PURE__ */ jsx(
+      RHFDateTime,
+      {
+        name: "formValueOperand2",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_date_time))
+      }
+    )
+  ] });
+}
+export {
+  DateTimeFilter as D
+};

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/index.3e5853fd.js

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { useModuleDictionary } from "@m4l/core";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { N as NUMBER_OPERATORS } from "../../../constants.1dddd09c.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.e1c51719.js";
+function NumberFilter() {
+  const { getLabel } = useModuleDictionary();
+  const { control } = useFormContext();
+  const operator = useWatch({
+    control,
+    name: "formValueOperator"
+  });
+  const operators = useMemo(
+    () => NUMBER_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_number))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFTextField,
+      {
+        name: "formValueOperand1",
+        type: "number",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_number))
+      }
+    ),
+    operator && operator.id === "b" && /* @__PURE__ */ jsx(
+      RHFTextField,
+      {
+        name: "formValueOperand2",
+        type: "number",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_number))
+      }
+    )
+  ] });
+}
+export {
+  NumberFilter as N
+};

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.740042db.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { a as SELECT_OPERATORS } from "../../../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { u as useDynamicFilterStore } from "../../../store/index.17676a1e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.92180d10.js";
+function SelectFilter() {
+  const { getLabel } = useModuleDictionary();
+  const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  if (!field?.selectOptions?.endPoint) {
+    throw new Error("El filtro tipo Select requiere la configuraci\xF3n del Endpoint");
+  }
+  const autocompleteProps = field?.selectOptions;
+  const operators = useMemo(
+    () => SELECT_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operator))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFAutocompleteAsync,
+      {
+        ...autocompleteProps,
+        name: "formValueOperandsArray",
+        autoComplete: "off",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operands_array))
+      }
+    )
+  ] });
+}
+export {
+  SelectFilter as S
+};

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.636d6e6e.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { S as STRING_OPERATORS } from "../../../constants.1dddd09c.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.3b52457e.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.709756f6.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.e1c51719.js";
+function StringFilter() {
+  const { getLabel } = useModuleDictionary();
+  const operators = useMemo(
+    () => STRING_OPERATORS.map((o) => ({
+      id: o,
+      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+    })),
+    [getLabel]
+  );
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      RHFAutocomplete,
+      {
+        name: "formValueOperator",
+        autoComplete: "off",
+        options: operators,
+        getOptionLabel: (option) => option.label,
+        isOptionEqualToValue: (option, value) => option.id === value.id,
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_string))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RHFTextField,
+      {
+        name: "formValueOperand1",
+        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_string))
+      }
+    )
+  ] });
+}
+export {
+  StringFilter as S
+};