@m4l/components 3.0.0 → 3.0.1

package/components/DragResizeWindow/{index.a4bcaab8.js → index-D2jLYExo.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.079122b0.js";
+import { D as DraggableCore_1 } from "../../react-draggable-DsCPdgQP.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses, useForkRef } from "@mui/material";
 import "@mui/base";
-import { R as Resizable } from "../../react-resizable.330f1499.js";
+import { R as Resizable } from "../../react-resizable-eBbFl2dX.js";
 const WrapperDragResizeWindowRoot = styled("div")`
   position: absolute;
   left: 0px;
@@ -24,9 +24,11 @@ const DEFAULT_TRANSFORM_SCALE = 1;
 const draggableWindowClasses = generateUtilityClasses(
   COMPONENT_CLASS_NAME,
   [
+    /* elements */
     "root",
     "draggableHandle",
     "draggableCancel",
+    // state
     "dragging",
     "hidden"
   ]
@@ -76,12 +78,15 @@ const getInitialSize = (containerSize, defaultPosition) => {
   return {
     top: top ?? (bottom ? containerHeight - bottom - (height || 0) : 0),
     height: height ?? containerHeight - (top || 0) - (bottom || 0),
+    // top: top || 0,
+    // height: height ?? containerHeight - (top || 0) - (bottom || 0),
     left: left ?? (right ? containerWidth - right - (width || 0) : 0),
     width: width ?? containerWidth - (left || 0) - (right || 0)
   };
 };
 const DragResizeWindow = forwardRef((props, ref) => {
   const {
+    //Comunes
     style,
     className,
     children,
@@ -92,6 +97,7 @@ const DragResizeWindow = forwardRef((props, ref) => {
     bounds = { left: 5, top: 5, right: -5, bottom: -5 },
     minWindowWidth = 200,
     minWindowHeight = 100,
+    //Draggable
     draggableHandle = `.${draggableWindowClasses.draggableHandle}`,
     draggableCancel = `.${draggableWindowClasses.draggableCancel}`,
     draggable = true,
@@ -99,13 +105,18 @@ const DragResizeWindow = forwardRef((props, ref) => {
     onDrag,
     onDragStop,
     onMouseDown,
+    //ResizeAble
     resizeable = true,
     resizeHandles = ["se", "nw"],
     resizeHandle,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onResizeStart,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onResize,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onResizeStop,
     hidden,
+    //Otras
     ...others
   } = props;
   const [currentState, setCurrentState] = useState(
@@ -144,9 +155,13 @@ const DragResizeWindow = forwardRef((props, ref) => {
       ...prev,
       ...newPosition,
       shrinkLeftAt: void 0,
+      //Cancelar los flags de memoria de encogimiento del contenedor padre
       shrinkTopAt: void 0,
+      //Cancelar los flags de memoria de encogimiento del contenedor padre
       overflowWidthAt: void 0,
+      //Cancelar los flags de memoria de encogimiento del contenedor padre
       overflowHeightAt: void 0,
+      //Cancelar los flags de memoria de encogimiento del contenedor padre
       dragging: newPosition
     }));
   }, []);
@@ -201,9 +216,13 @@ const DragResizeWindow = forwardRef((props, ref) => {
         ...size,
         ...handlerName === "onResizeStart" ? {
           shrinkLeftAt: void 0,
+          //Cancelar los flags de memoria de encogimiento del contenedor padre
           shrinkTopAt: void 0,
+          //Cancelar los flags de memoria de encogimiento del contenedor padre
           overflowWidthAt: void 0,
+          //Cancelar los flags de memoria de encogimiento del contenedor padre
           overflowHeightAt: void 0
+          //Cancelar los flags de memoria de encogimiento del contenedor padre
         } : {},
         resizing
       }));
@@ -293,8 +312,7 @@ const DragResizeWindow = forwardRef((props, ref) => {
       const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
       const maxDimensionWithoutBounds = containerDimension - boundsLefTop + boundsRigthBottom;
       let rightBottomBoundary = containerDimension - newState[lDimension] + boundsRigthBottom;
-      if (newState[lDimension] !== divRoot[`client${dimension}`])
-        ;
+      if (newState[lDimension] !== divRoot[`client${dimension}`]) ;
       if (newState.resizing && stateRef.current.initialPostion) {
         if (!newState.resizing.handle.includes("w")) {
           if (newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
@@ -309,8 +327,7 @@ const DragResizeWindow = forwardRef((props, ref) => {
               if (newState[leftTop] - dif >= boundsLefTop) {
                 newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
                 newState[leftTop] = newState[leftTop] - dif;
-                if (newState[leftTop] + newState[lDimension] > maxDimensionWithoutBounds)
-                  ;
+                if (newState[leftTop] + newState[lDimension] > maxDimensionWithoutBounds) ;
               } else {
                 newState[leftTop] = boundsLefTop;
                 newState[lDimension] = stateRef.current.initialPostion[lDimension];
@@ -457,7 +474,9 @@ const DragResizeWindow = forwardRef((props, ref) => {
   );
   const classNameFinal = clsx(draggableWindowClasses.root, className, {
     "react-draggable": draggable,
+    //Requerido para el componente Draggable
     [draggableWindowClasses.hidden]: hidden
+    // dropping: Boolean(droppingPosition),
   });
   const styleFinal = {
     ...style,

package/components/DynamicFilter/{dictionary.94a74eb3.js → dictionary-DbRGLe8j.js}

@@ -1,5 +1,5 @@
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.f674be30.js";
-import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index.089af1b8.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index-B_vOmNZT.js";
+import { g as getRHFAutocompleteComponentsDictionary } from "../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
 const DYNAMIC_FILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
   return [DYNAMIC_FILTER_DICTIONARY_ID].concat(

package/components/DynamicFilter/{index.b07b567a.js → index-D2CmPq_i.js}

@@ -1,9 +1,9 @@
-import { f as fieldFactory } from "./subcomponents/FieldTypes/index.5a0c7b12.js";
-import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index.cb31333a.js";
+import { f as fieldFactory } from "./subcomponents/FieldTypes/index-B6WQUIl7.js";
+import { f as filterValidOperandsArraySelect } from "./subcomponents/FieldTypes/SelectFilter/index-BQlxIk_N.js";
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/index.49d1b77f.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index.68d855e9.js";
+import { D as DynamicFilterProvider } from "./store/index-BcaPHLdk.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/index-D5BGKd5r.js";
 function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
   const newFilters = [];
   const fixedFields = [];
@@ -22,13 +22,12 @@ function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName)
         operand2: initialFilters[index].operand2,
         operandsArray: initialFilters[index].operandsArray
       };
-      if (!field)
-        continue;
+      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 + "");
+          filter.operand1 = /* @__PURE__ */ new Date(filter.operand1 + "");
+          filter.operand2 = /* @__PURE__ */ new Date(filter.operand2 + "");
         }
         if (field.presence === "fixed") {
           if (fixedFields.findIndex((f) => f === field.name) === -1) {

package/components/DynamicFilter/slots/{dynamicFilterSlots.dd5824d5.js → dynamicFilterSlots-BSCWv_Rw.js}

@@ -1,13 +1,13 @@
 import { styled } from "@mui/material/styles";
-import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.095f1dbb.js";
-import { D as DynamicFilterSlots } from "./SlotsEnum.104a03d4.js";
-import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.0713a406.js";
+import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants-ByqmFATV.js";
+import { D as DynamicFilterSlots } from "./SlotsEnum-cawFeNzx.js";
+import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter-CJFsIegc.js";
 import { MenuItem } from "@mui/material";
-import { A as Actions } from "../../CommonActions/components/Actions/index.f674be30.js";
-import { I as Icon } from "../../Icon/index.c06685f4.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.7b6c1ee3.js";
-import { P as Popover } from "../../mui_extended/Popover/index.a7da93f1.js";
-import { T as Typography } from "../../mui_extended/Typography/index.8c0801e4.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index-B_vOmNZT.js";
+import { I as Icon } from "../../Icon/index-CedboS6y.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index-BfDbi0cC.js";
+import { P as Popover } from "../../mui_extended/Popover/index-C6_2t4L1.js";
+import { T as Typography } from "../../mui_extended/Typography/index-DKPqV11f.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root
 );

package/components/DynamicFilter/store/{index.49d1b77f.js → index-BcaPHLdk.js}

@@ -4,15 +4,15 @@ import { shallow } from "zustand/shallow";
 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.b07b567a.js";
+import { A as ALL_FIELD } from "../constants-ByqmFATV.js";
+import { g as getPurgedInitialFiltersApplied, f as formatToInitialFilters, a as formatToRawFilter } from "../index-D2CmPq_i.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 function useDynamicFilterStore(selector, equalityFn) {
   const store = useContext(DynamicFilterContext);
   if (!store)
     throw new Error("useDynamicFilterStore context must be use inside DynamicFilterContext");
-  return useStore(store, selector, equalityFn ?? shallow);
+  return useStore(store, selector, shallow);
 }
 function updateAvailableFields(state) {
   state.availableFields = state.fields.filter((field) => {

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{index.9e8fcc8c.js → index-BZAxYAp1.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.49d1b77f.js";
-import { f as fieldFactory } from "../FieldTypes/index.5a0c7b12.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.dd5824d5.js";
+import { u as useDynamicFilterStore } from "../../store/index-BcaPHLdk.js";
+import { f as fieldFactory } from "../FieldTypes/index-B6WQUIl7.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-BSCWv_Rw.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{index.3e52c5d7.js → index-DIFUGgys.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/index.11feff65.js";
-import { u as useDynamicFilterStore } from "../../store/index.49d1b77f.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.dd5824d5.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/index.9e8fcc8c.js";
+import { S as ScrollBar } from "../../../ScrollBar/index-BpTjE7o3.js";
+import { u as useDynamicFilterStore } from "../../store/index-BcaPHLdk.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots-BSCWv_Rw.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/index-BZAxYAp1.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{index.68d855e9.js → index-D5BGKd5r.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterStore } from "../../store/index.49d1b77f.js";
-import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.dd5824d5.js";
-import { D as DynamicFilterSlots } from "../../slots/SlotsEnum.104a03d4.js";
-import { I as InputFilter } from "../InputFilter/index.82d4ac5a.js";
-import { A as AppliedFilters } from "../AppliedFilters/index.3e52c5d7.js";
-import { F as FilterActions } from "../FilterActions/index.50c175e7.js";
-import { P as PopoverFilter } from "../PopoverFilter/index.fa62a6c3.js";
+import { u as useDynamicFilterStore } from "../../store/index-BcaPHLdk.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId-BaBTWhBr.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots-BSCWv_Rw.js";
+import { D as DynamicFilterSlots } from "../../slots/SlotsEnum-cawFeNzx.js";
+import { I as InputFilter } from "../InputFilter/index-bbdBrHj0.js";
+import { A as AppliedFilters } from "../AppliedFilters/index-DIFUGgys.js";
+import { F as FilterActions } from "../FilterActions/index-D5edNMdo.js";
+import { P as PopoverFilter } from "../PopoverFilter/index-CD3aGB5S.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{index.11f588b4.js → index-DFHDm1e4.js}

@@ -1,10 +1,10 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.94a74eb3.js";
-import { B as BOOLEAN_OPERATORS } from "../../../constants.095f1dbb.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-DbRGLe8j.js";
+import { B as BOOLEAN_OPERATORS } from "../../../constants-ByqmFATV.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.089af1b8.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(
@@ -113,6 +113,7 @@ class BooleanFilterHelpers {
       formValueOperand1: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operand_required`))
     });
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   verifyFilter(filter, _field) {
     if (typeof filter.operator !== "string") {
       return false;

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/{index.77555163.js → index-Hn2Rzovd.js}

@@ -1,13 +1,13 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.94a74eb3.js";
-import { a as DATE_TIME_OPERATORS } from "../../../constants.095f1dbb.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-DbRGLe8j.js";
+import { a as DATE_TIME_OPERATORS } from "../../../constants-ByqmFATV.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.089af1b8.js";
-import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index.118ebe6d.js";
-import { i as isValidDate } from "../../../../../utils/index.f77cc2ab.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
+import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/index-BtfOlX4T.js";
+import { i as isValidDate } from "../../../../../utils/index-DiMrtgIu.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();
@@ -56,8 +56,8 @@ class DateTimeFilterHelpers {
     return DateTimeFilter;
   }
   getDefaultFilter(field, fixed) {
-    const defaultStartDate = new Date();
-    const defaultEndDate = new Date();
+    const defaultStartDate = /* @__PURE__ */ new Date();
+    const defaultEndDate = /* @__PURE__ */ new Date();
     defaultStartDate.setHours(0, 0, 0, 0);
     defaultEndDate.setHours(23, 59, 59, 999);
     const defaultOperand1 = field.defaultOperand1 && field.defaultOperand1 instanceof Date ? field.defaultOperand1 : defaultStartDate;
@@ -76,8 +76,8 @@ class DateTimeFilterHelpers {
   getFormValue(field, getLabel, filterValueDateTime) {
     const filterValue = filterValueDateTime;
     const operator = filterValue ? filterValue.operator : field.defaultOperator ?? "b";
-    const defaultStartDate = new Date();
-    const defaultEndDate = new Date();
+    const defaultStartDate = /* @__PURE__ */ new Date();
+    const defaultEndDate = /* @__PURE__ */ new Date();
     const defaultOperand1 = field.defaultOperand1 && field.defaultOperand1 instanceof Date ? field.defaultOperand1 : defaultStartDate;
     const defaultOperand2 = field.defaultOperand2 && field.defaultOperand2 instanceof Date ? field.defaultOperand2 : defaultEndDate;
     const formValueOperand1 = filterValue ? filterValue.operand1 : defaultOperand1;
@@ -141,6 +141,7 @@ class DateTimeFilterHelpers {
       })
     });
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   verifyFilter(filter, _field) {
     if (typeof filter.operator !== "string") {
       return false;

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/{index.1c8454db.js → index-B5F1Ji7m.js}

@@ -1,12 +1,12 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.94a74eb3.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-DbRGLe8j.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.089af1b8.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.80b98b98.js";
+import { N as NUMBER_OPERATORS } from "../../../constants-ByqmFATV.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index-Cz7BMTLe.js";
 function NumberFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();
@@ -131,6 +131,7 @@ class NumberFilterHelpers {
       })
     });
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   verifyFilter(filter, _field) {
     if (typeof filter.operator !== "number") {
       return false;

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/{index.cb31333a.js → index-BQlxIk_N.js}

@@ -1,17 +1,17 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.94a74eb3.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-DbRGLe8j.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.49d1b77f.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index.089af1b8.js";
-import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index.f05b6fe3.js";
+import { S as SELECT_OPERATORS } from "../../../constants-ByqmFATV.js";
+import { u as useDynamicFilterStore } from "../../../store/index-BcaPHLdk.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
+import { R as RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/index-BnUgdSnR.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");
+    throw new Error("El filtro tipo Select requiere la configuración del Endpoint");
   }
   const autocompleteProps = field?.selectOptions;
   const operators = useMemo(

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/{index.0ae3d439.js → index-DF7EGeSx.js}

@@ -1,11 +1,11 @@
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.94a74eb3.js";
-import { b as STRING_OPERATORS } from "../../../constants.095f1dbb.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-DbRGLe8j.js";
+import { b as STRING_OPERATORS } from "../../../constants-ByqmFATV.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.089af1b8.js";
-import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index.80b98b98.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
+import { R as RHFTextField } from "../../../../hook-form/RHFTextField/index-Cz7BMTLe.js";
 function StringFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(
@@ -95,6 +95,7 @@ class StringFilterHelpers {
       )
     });
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   verifyFilter(filter, _field) {
     if (typeof filter.operator !== "string") {
       return false;

package/components/DynamicFilter/subcomponents/FieldTypes/{index.5a0c7b12.js → index-B6WQUIl7.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.11f588b4.js";
-import { S as StringFilterHelpers } from "./StringFilter/index.0ae3d439.js";
-import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index.77555163.js";
-import { N as NumberFilterHelpers } from "./NumberFilter/index.1c8454db.js";
-import { S as SelectFilterHelpers } from "./SelectFilter/index.cb31333a.js";
+import { B as BooleanFilterHelpers } from "./BooleanFilter/index-DFHDm1e4.js";
+import { S as StringFilterHelpers } from "./StringFilter/index-DF7EGeSx.js";
+import { D as DateTimeFilterHelpers } from "./DateTimeFilter/index-Hn2Rzovd.js";
+import { N as NumberFilterHelpers } from "./NumberFilter/index-B5F1Ji7m.js";
+import { S as SelectFilterHelpers } from "./SelectFilter/index-BQlxIk_N.js";
 const helpersStrategies = {
   boolean: new BooleanFilterHelpers(),
   string: new StringFilterHelpers(),

package/components/DynamicFilter/subcomponents/FilterActions/{index.50c175e7.js → index-D5edNMdo.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.49d1b77f.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.94a74eb3.js";
+import { u as useDynamicFilterStore } from "../../store/index-BcaPHLdk.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary-DbRGLe8j.js";
 import { Skeleton } from "@mui/material";
-import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.dd5824d5.js";
+import { i as ActionsSkeletonButtonStyled, j as ActionsStyled, k as ActionsClearButtonStyled, l as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots-BSCWv_Rw.js";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
   refresh: "restart.svg",

package/components/DynamicFilter/subcomponents/InputFilter/{index.82d4ac5a.js → index-bbdBrHj0.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.94a74eb3.js";
-import { u as useDynamicFilterStore } from "../../store/index.49d1b77f.js";
-import { A as ALL_FIELD } from "../../constants.095f1dbb.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary-DbRGLe8j.js";
+import { u as useDynamicFilterStore } from "../../store/index-BcaPHLdk.js";
+import { A as ALL_FIELD } from "../../constants-ByqmFATV.js";
 import { Skeleton } from "@mui/material";
-import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.dd5824d5.js";
-import { P as PopoverMenuFields } from "../PopoverMenuFields/index.e5e439f1.js";
+import { m as InputFilterStyled, n as InputFilterIconStyled, o as InputFilterInputStyled } from "../../slots/dynamicFilterSlots-BSCWv_Rw.js";
+import { P as PopoverMenuFields } from "../PopoverMenuFields/index-MiYNpAu0.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
   const [filteredFields, setFilteredFields] = useState([]);
@@ -42,8 +42,7 @@ function useInputFilter() {
   }, [anchorEl, inputData, availableFields, getLabel]);
   function handleOpenPopUpClickItem(field) {
     closePopoverMenuFields();
-    if (anchorEl)
-      showPopoverFilterForAdd(anchorEl(), field);
+    if (anchorEl) showPopoverFilterForAdd(anchorEl(), field);
   }
   const inputHandlersProps = {
     onFocus: (event) => {
@@ -81,8 +80,7 @@ function useInputFilter() {
       if (event.key === "Escape") {
         closePopoverMenuFields();
       }
-      if (event.key !== "Enter")
-        return;
+      if (event.key !== "Enter") return;
       if (selectedFieldIndex === -1) {
         if (inputData.trim() === "") {
           closePopoverMenuFields();
@@ -107,13 +105,37 @@ function useInputFilter() {
     }
   };
   return {
+    /**
+     * URL del icono del inputFilter
+     */
     iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/filter.svg`,
+    /**
+     * Si es esqueleto mostrar la versión de esqueleton
+     */
     isSkeleton,
+    /**
+     * Texto de placeholder del inputFilter
+     */
     inputPlaceHolder: getLabel(getDynamicFilterDictionary(DICCTIONARY.input_placeholder)),
+    /**
+     * Texto del inputFilter
+     */
     inputData,
+    /**
+     * Props para el handler de eventos del inputFilter
+     */
     inputHandlersProps,
+    /**
+     * Si no hay campos disponibles y no se permite filtrar por todos, no se renderiza el inputFilter
+     */
     canRender: !(!withAllField && availableFields.length === 0),
+    /**
+     * Campos filtrados por el inputFilter
+     */
     filteredFields,
+    /**
+     * Indice del campo seleccionado
+     */
     selectedFieldIndex
   };
 }
@@ -142,8 +164,7 @@ const InputFilter = () => {
     filteredFields,
     selectedFieldIndex
   } = useInputFilter();
-  if (!canRender)
-    return null;
+  if (!canRender) return null;
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(InputFilterStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(InputFilterSkeleton, {}) });
   }
@@ -162,7 +183,6 @@ const InputFilter = () => {
     /* @__PURE__ */ jsx(PopoverMenuFields, { fields: filteredFields, selectFieldIndex: selectedFieldIndex })
   ] });
 };
-const InputFilter$1 = InputFilter;
 export {
-  InputFilter$1 as I
+  InputFilter as I
 };

package/components/DynamicFilter/subcomponents/PopoverFilter/{index.fa62a6c3.js → index-CD3aGB5S.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.49d1b77f.js";
-import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index.5a0c7b12.js";
-import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.dd5824d5.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.f9d41b99.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e67885bc.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.e58eb0c4.js";
+import { u as useDynamicFilterStore } from "../../store/index-BcaPHLdk.js";
+import { f as fieldFactory, D as DataTypeComponent } from "../FieldTypes/index-B6WQUIl7.js";
+import { P as PopoverStyled, p as PopoverHeaderStyled, q as PopoverHeaderIconStyled, r as PopoverHeaderTitleStyled, s as PopoverContainerFieldsStyled, t as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots-BSCWv_Rw.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-B4a0h0fX.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index-BlaMdPmp.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index-DGooFqVu.js";
 function usePopoverFilter() {
   let anchorEl;
   let field;
@@ -72,6 +72,7 @@ function usePopoverFilter() {
     const filterField = { ...filterFormValue, ...dataFieldValues };
     const newFilter = {
       ...formFilter,
+      // todo: mejorar el tipado que se le envía a getFilterFromFormValue
       ...fieldFactory(filterField.fieldType).getFilterFromFormValue(filterField),
       isSet: true
     };

package/components/DynamicFilter/subcomponents/PopoverMenuFields/{index.e5e439f1.js → index-MiYNpAu0.js}

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

package/components/FieldLabel/{index.9a979def.js → index-BpW2AGJx.js}

@@ -1,20 +1,22 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { F as FieldLabelRoot } from "../../styles/index.db9e7ddb.js";
+import { F as FieldLabelRoot } from "../../styles/index-Cc9p_h7i.js";
 import { generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.f77cc2ab.js";
+import { g as getComponentUtilityClass } from "../../utils/index-DiMrtgIu.js";
 import clsx from "clsx";
-import { T as Typography } from "../mui_extended/Typography/index.8c0801e4.js";
-import { I as Icon } from "../Icon/index.c06685f4.js";
+import { T as Typography } from "../mui_extended/Typography/index-DKPqV11f.js";
+import { I as Icon } from "../Icon/index-CedboS6y.js";
 const componentName = "M4LFieldLabel";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "label",
   "tooltip",
   "tooltipIcon",
   "containerIcon",
   "mandatory"
+  /* states or variants of elements */
 ]);
 const useUtilityClasses = () => {
   const slots = {