@m4l/components 0.2.32 → 0.2.34

package/components/DragResizeWindow/{index.82cf6408.js → index.13ef022e.js}

@@ -1,13 +1,13 @@
-import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.6cf19cba.js";
+import React__default, { forwardRef, useState, useRef, useImperativeHandle, useCallback, useEffect, useMemo } from "react";
+import { D as DraggableCore_1 } from "../../react-draggable.e4725f3a.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.55925cb3.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.accb1f77.js";
 import "@mui/base";
-import { M as MAP_ZINDEX_OVER_MAP$1 } from "../PopupsProvider/index.3d5ad0ee.js";
-import { R as Resizable } from "../../react-resizable.0ebffd82.js";
+import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.1500ce72.js";
+import { R as Resizable } from "../../react-resizable.c07d63fb.js";
 import { jsx } from "react/jsx-runtime";
-const DraggeableWindowRoot = styled("div")`
+const WrapperWindowRoot = styled("div")`
     position: absolute;
     left: 0px;
     top:0px;
@@ -23,6 +23,7 @@ const DEFAULT_TRANSFORM_SCALE = 1;
 const draggableWindowClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",
   "draggableHandle",
+  "draggableCancel",
   "dragging"
 ]);
 function setTransform({ top, left, width, height }) {
@@ -39,25 +40,34 @@ function setTransform({ top, left, width, height }) {
     prop1: 1
   };
 }
-const DragResizeWindow = (props) => {
+const DragResizeWindow = forwardRef((props, ref) => {
   const {
     style,
     className,
     children,
     defaultPosition = {
-      left: 50,
-      top: 50,
-      width: 100,
-      height: 100
+      vertical: {
+        top: 0,
+        height: 100
+      },
+      horizontal: {
+        left: 0,
+        width: 100
+      }
     },
     containerElement,
     containerSize,
     transformScale = DEFAULT_TRANSFORM_SCALE,
-    bounds,
+    bounds = {
+      left: 5,
+      top: 5,
+      right: -5,
+      bottom: -5
+    },
     minWindowWidth = 200,
     minWindowHeight = 100,
     draggableHandle = `.${draggableWindowClasses.draggableHandle}`,
-    draggableCancel,
+    draggableCancel = `.${draggableWindowClasses.draggableCancel}`,
     draggable = true,
     onDragStart,
     onDrag,
@@ -71,8 +81,39 @@ const DragResizeWindow = (props) => {
     onResizeStop,
     ...others
   } = props;
-  const [currentState, setCurrentState] = useState({
-    ...defaultPosition
+  const [currentState, setCurrentState] = useState(() => {
+    let top;
+    let bottom;
+    let height;
+    let left;
+    let right;
+    let width;
+    if ("top" in defaultPosition.vertical) {
+      top = defaultPosition.vertical.top;
+    }
+    if ("bottom" in defaultPosition.vertical) {
+      bottom = defaultPosition.vertical.bottom;
+    }
+    if ("height" in defaultPosition.vertical) {
+      height = defaultPosition.vertical.height;
+    }
+    if ("left" in defaultPosition.horizontal) {
+      left = defaultPosition.horizontal.left;
+    }
+    if ("right" in defaultPosition.horizontal) {
+      right = defaultPosition.horizontal.right;
+    }
+    if ("width" in defaultPosition.horizontal) {
+      width = defaultPosition.horizontal.width;
+    }
+    const containerHeight = containerSize?.containerHeight || 200;
+    const containerWidth = containerSize?.containerWidth || 200;
+    return {
+      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 stateRef = useRef({
     bounds,
@@ -81,9 +122,17 @@ const DragResizeWindow = (props) => {
     containerSize: containerSize ? {
       ...containerSize
     } : void 0,
-    ...defaultPosition
+    left: currentState.left,
+    top: currentState.top,
+    width: currentState.width,
+    height: currentState.height
+  });
+  useImperativeHandle(ref, () => {
+    return {
+      current: wrapperRef.current
+    };
   });
-  const elementRef = useRef(null);
+  const wrapperRef = useRef(null);
   const localOnDragStart = useCallback((e, draggableData) => {
     const {
       node
@@ -172,6 +221,7 @@ const DragResizeWindow = (props) => {
       handle
     } = data;
     const handler = props[handlerName];
+    console.log("onResizeHandler", containerElement.getBoundingClientRect());
     if (handler) {
       handler(e, data);
     }
@@ -209,7 +259,7 @@ const DragResizeWindow = (props) => {
   const localOnResizeStop = useCallback((e, callbackData) => {
     onResizeHandler(e, callbackData, "onResizeStop");
   }, []);
-  const shringkingFunction = useCallback((newState, cState, containerElement2, divRoot, dimension) => {
+  const shringkingParentContainer = useCallback((newState, cState, containerDimension, divRoot, dimension) => {
     const lDimension = dimension === "Width" ? "width" : "height";
     const leftTop = dimension === "Width" ? "left" : "top";
     const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
@@ -217,8 +267,8 @@ const DragResizeWindow = (props) => {
     const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
     const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
     const minWindowDimension = dimension === "Width" ? minWindowWidth : minWindowHeight;
-    const minDimension = containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom > minWindowDimension ? containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom : minWindowDimension;
-    let maxDimensionElement = containerElement2[`client${dimension}`] - cState[leftTop] + boundsRigthBottom;
+    const minDimension = containerDimension - boundsLefTop + boundsRigthBottom > minWindowDimension ? containerDimension - boundsLefTop + boundsRigthBottom : minWindowDimension;
+    let maxDimensionElement = containerDimension - cState[leftTop] + boundsRigthBottom;
     if (divRoot[`client${dimension}`] > maxDimensionElement) {
       const shrinkedPixels = divRoot[`client${dimension}`] - maxDimensionElement;
       if (shrinkedPixels < cState[leftTop] - boundsLefTop) {
@@ -227,7 +277,7 @@ const DragResizeWindow = (props) => {
       } else if (shrinkedPixels > cState[leftTop] - boundsLefTop) {
         newState[leftTop] = boundsLefTop;
         newState[shrinkLeftTopAt] = newState[shrinkLeftTopAt] || cState[leftTop];
-        maxDimensionElement = containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom;
+        maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
         if (divRoot[`client${dimension}`] > maxDimensionElement) {
           newState[lDimension] = maxDimensionElement;
           newState[overflowDimensionAt] = newState[overflowDimensionAt] || cState[lDimension];
@@ -240,14 +290,14 @@ const DragResizeWindow = (props) => {
       return;
     }
   }, []);
-  const expandingFunction = useCallback((newState, _currentState, containerElement2, _divRoot, dimension) => {
+  const expandingParentContainer = useCallback((newState, _currentState, containerDimension, _divRoot, dimension) => {
     const lDimension = dimension === "Width" ? "width" : "height";
     const leftTop = dimension === "Width" ? "left" : "top";
     const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
     const overflowDimensionAt = dimension === "Width" ? "overflowWidthAt" : "overflowHeightAt";
     const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
     const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
-    let maxDimensionElement = containerElement2.clientWidth - boundsLefTop + boundsRigthBottom;
+    let maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
     const valOverflowDimensionAt = newState[overflowDimensionAt];
     if (valOverflowDimensionAt) {
       if (valOverflowDimensionAt > maxDimensionElement) {
@@ -259,7 +309,7 @@ const DragResizeWindow = (props) => {
     }
     const valShrinkLeftTopAt = newState[shrinkLeftTopAt];
     if (valShrinkLeftTopAt && !newState[overflowDimensionAt]) {
-      const dimensionAvailable = containerElement2[`client${dimension}`] - boundsLefTop - newState[lDimension] + boundsRigthBottom;
+      const dimensionAvailable = containerDimension - boundsLefTop - newState[lDimension] + boundsRigthBottom;
       if (valShrinkLeftTopAt <= dimensionAvailable) {
         newState[leftTop] = valShrinkLeftTopAt;
         newState[shrinkLeftTopAt] = void 0;
@@ -268,19 +318,19 @@ const DragResizeWindow = (props) => {
       }
     }
   }, []);
-  const equalsFunction = useCallback((newState, _currentState, containerElement2, divRoot, dimension) => {
+  const draggingOrResizingWindow = useCallback((newState, _currentState, containerDimension, divRoot, dimension) => {
     const lDimension = dimension === "Width" ? "width" : "height";
     const leftTop = dimension === "Width" ? "left" : "top";
     const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
     const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
-    const maxDimensionWithoutBounds = containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom;
-    let rightBottomBoundary = containerElement2[`client${dimension}`] - newState[lDimension] + boundsRigthBottom;
+    const maxDimensionWithoutBounds = containerDimension - boundsLefTop + boundsRigthBottom;
+    let rightBottomBoundary = containerDimension - newState[lDimension] + boundsRigthBottom;
     if (newState[lDimension] !== divRoot[`client${dimension}`])
       ;
     if (newState.resizing && stateRef.current.initialPostion) {
       if (!newState.resizing.handle.includes("w")) {
-        if (newState[leftTop] + newState[lDimension] > containerElement2[`client${dimension}`] + boundsRigthBottom) {
-          newState[lDimension] = containerElement2[`client${dimension}`] - newState[leftTop] + boundsRigthBottom;
+        if (newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
+          newState[lDimension] = containerDimension - newState[leftTop] + boundsRigthBottom;
         }
       } else {
         if (newState[leftTop] < boundsLefTop) {
@@ -299,6 +349,7 @@ const DragResizeWindow = (props) => {
               newState[lDimension] = stateRef.current.initialPostion[lDimension];
             }
           } else if (dif < 0) {
+            console.log("Reeuciendo con W ", newState[leftTop] - dif, boundsLefTop, newState[leftTop] - dif >= boundsLefTop);
             newState[leftTop] = newState[leftTop] - dif;
             newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
           }
@@ -311,12 +362,12 @@ const DragResizeWindow = (props) => {
     if (newState[leftTop] < boundsLefTop) {
       newState[leftTop] = boundsLefTop;
     }
-    rightBottomBoundary = containerElement2[`client${dimension}`] + boundsRigthBottom;
+    rightBottomBoundary = containerDimension + boundsRigthBottom;
     if (newState[leftTop] > rightBottomBoundary) {
       newState[leftTop] = rightBottomBoundary;
     }
-    if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerElement2[`client${dimension}`] + boundsRigthBottom) {
-      let outWidthHeight = newState[leftTop] + newState[lDimension] - (containerElement2[`client${dimension}`] + boundsRigthBottom);
+    if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
+      let outWidthHeight = newState[leftTop] + newState[lDimension] - (containerDimension + boundsRigthBottom);
       if (newState[leftTop] - boundsLefTop > outWidthHeight) {
         newState[leftTop] = newState[leftTop] - outWidthHeight;
       }
@@ -330,7 +381,7 @@ const DragResizeWindow = (props) => {
     if (stateRef.current.containerSize === void 0 && containerSize) {
       stateRef.current.containerSize = containerSize;
     }
-    if (!(containerSize && elementRef?.current && stateRef.current.containerSize)) {
+    if (!(containerSize && wrapperRef?.current && stateRef.current.containerSize)) {
       return;
     }
     if (currentState?.dragging) {
@@ -339,28 +390,22 @@ const DragResizeWindow = (props) => {
     const newState = {
       ...currentState
     };
-    let cActionWidth = "equals";
-    let cActionHeigth = "equals";
-    if (containerElement.clientWidth > stateRef.current.containerSize.containerWidth) {
-      cActionWidth = "expanding";
-      expandingFunction(newState, currentState, containerElement, elementRef.current, "Width");
-    } else if (containerElement.clientWidth < stateRef.current.containerSize.containerWidth) {
-      cActionWidth = "shrinking";
-      shringkingFunction(newState, currentState, containerElement, elementRef.current, "Width");
-    }
-    if (containerElement.clientHeight > stateRef.current.containerSize.containerHeight) {
-      cActionHeigth = "expanding";
-      expandingFunction(newState, currentState, containerElement, elementRef.current, "Height");
-    } else if (containerElement.clientHeight < stateRef.current.containerSize.containerHeight) {
-      cActionHeigth = "shrinking";
-      shringkingFunction(newState, currentState, containerElement, elementRef.current, "Height");
-    }
-    if (cActionWidth === "equals") {
-      equalsFunction(newState, currentState, containerElement, elementRef.current, "Width");
-    }
-    if (cActionHeigth === "equals") {
-      equalsFunction(newState, currentState, containerElement, elementRef.current, "Height");
-    }
+    const handleDimension = (dimension) => {
+      if (stateRef.current?.containerSize && wrapperRef.current) {
+        const containerSizeKey = `container${dimension}`;
+        const containerSizeValue = containerSize[containerSizeKey];
+        const previousContainerSizeValue = stateRef.current.containerSize[containerSizeKey];
+        if (containerSizeValue > previousContainerSizeValue) {
+          expandingParentContainer(newState, currentState, containerSizeValue, wrapperRef.current, dimension);
+        } else if (containerSizeValue < previousContainerSizeValue) {
+          shringkingParentContainer(newState, currentState, containerSizeValue, wrapperRef.current, dimension);
+        } else {
+          draggingOrResizingWindow(newState, currentState, containerSizeValue, wrapperRef.current, dimension);
+        }
+      }
+    };
+    handleDimension("Width");
+    handleDimension("Height");
     stateRef.current.containerSize = {
       ...containerSize
     };
@@ -373,7 +418,7 @@ const DragResizeWindow = (props) => {
       stateRef.current.height = newState.height;
       stateRef.current.width = newState.width;
     }
-  }, [currentState, elementRef.current, bounds?.left, bounds?.top, bounds?.right, bounds?.bottom, containerSize?.containerWidth, containerSize?.containerHeight]);
+  }, [currentState, wrapperRef.current, bounds?.left, bounds?.top, bounds?.right, bounds?.bottom, containerSize?.containerWidth, containerSize?.containerHeight]);
   const mixinResizable = useCallback((child, position) => {
     const minConstraints = [minWindowWidth, minWindowHeight];
     return /* @__PURE__ */ jsx(
@@ -406,13 +451,13 @@ const DragResizeWindow = (props) => {
         handle: draggableHandle,
         cancel: ".react-resizable-handle" + (draggableCancel ? "," + draggableCancel : ""),
         scale: transformScale,
-        nodeRef: elementRef,
+        nodeRef: wrapperRef,
         onMouseDown,
         ...others,
         children: child
       }
     );
-  }, [elementRef, transformScale, draggableHandle, draggableCancel]);
+  }, [wrapperRef, transformScale, draggableHandle, draggableCancel]);
   const classNameFinal = clsx(draggableWindowClasses.root, className, {
     "react-draggable": true
   });
@@ -425,19 +470,19 @@ const DragResizeWindow = (props) => {
   };
   const memoChildren = useMemo(() => {
     return children;
-  }, []);
-  const divChildRoot = /* @__PURE__ */ jsx(DraggeableWindowRoot, {
+  }, [children]);
+  const wrapperRoot = /* @__PURE__ */ jsx(WrapperWindowRoot, {
     className: classNameFinal,
-    ref: elementRef,
+    ref: wrapperRef,
     style: styleFinal,
     role: "none",
     children: memoChildren
   });
-  const dragResizeWindow = mixinDraggable(mixinResizable(divChildRoot, currentState));
+  const dragResizeWindow = mixinDraggable(mixinResizable(wrapperRoot, currentState));
   return /* @__PURE__ */ jsx(React__default.Fragment, {
     children: dragResizeWindow
   });
-};
+});
 export {
   DragResizeWindow as D,
   draggableWindowClasses as d

package/components/DragResizeWindow/types.d.ts

@@ -65,6 +65,28 @@ export declare type ResizeHandleComponente = React.ReactNode | ((resizeHandle: R
 export interface PositionParams extends ContainerSize {
 }
 export declare type ContainerAction = 'equals' | 'shrinking' | 'expanding';
+export declare type DraggableWindowRefProps = {
+    current: HTMLDivElement | null;
+};
+export interface DefaultPosition {
+    vertical: {
+        top: number;
+        bottom: number;
+    } | {
+        top: number;
+        height: number;
+    };
+    horizontal: {
+        left: number;
+        right: number;
+    } | {
+        left: number;
+        width: number;
+    } | {
+        right: number;
+        width: number;
+    };
+}
 export interface DraggableWindowProps extends Partial<Omit<DraggableCoreProps, 'onStart' | 'onDrag' | 'onStop' | 'disabled' | 'handle' | 'cancel'>> {
     children: ReactNode;
     /**
@@ -91,7 +113,7 @@ export interface DraggableWindowProps extends Partial<Omit<DraggableCoreProps, '
      * defaultPosition permite definir la posición inicial de la ventana
      * TODO: Debe tambien recibir anchorEl y anchorPosition y calcular la posición en base a este
      */
-    defaultPosition?: Position;
+    defaultPosition?: DefaultPosition;
     /**
      * "bounds" permite definir los limites de movimiento de la ventana
      */

package/components/DynamicFilter/DynamicFilter.d.ts

@@ -2,7 +2,7 @@ import type { DynamicFilterProps } from './types';
 /**
  * @description Punto de entrada del componente
  *              El componente inicia su renderización cuando si el Flag FLAG_DICTIONARY_LOADED ha llegado.
- * @param inProps
+ * @param props
  * @returns
  */
-export declare const DynamicFilter: (inProps: DynamicFilterProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DynamicFilter: (props: DynamicFilterProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/DynamicFilter/classes/index.d.ts

@@ -1,5 +1,5 @@
 import { DynamicFilterClasses } from './types';
 import { OwnerState } from '../contexts/DynamicFilterContext/store';
 export declare const dynamicFilterClasses: DynamicFilterClasses;
-export declare const useUtilityClasses: (ownerState: OwnerState) => Record<"root" | "containerFistRow" | "filterButton" | "containerInputFilter" | "wrapperApplyedFilters" | "containerApplyedFilters" | "containerClearFilter" | "applyedFilter" | "clearFiltersButton" | "popoverMenuFields" | "popoverMenuFieldsPaper" | "popoverMenuFieldsItem" | "classesFilterButton" | "popoverFilter" | "popoverFilterPaper" | "popoverFilterHeader" | "popoverHeaderTitle" | "containerBooleanFilter" | "containerDateTimeFilter" | "containerNumberFilter" | "containerStringFilter" | "classespopoverLabelMemuItem" | "popoverContainerFields" | "inputFilter", string>;
+export declare const useUtilityClasses: (ownerState: OwnerState) => Record<"root" | "containerFistRow" | "filterButton" | "containerInputFilter" | "wrapperApplyedFilters" | "containerApplyedFilters" | "containerClearFilter" | "applyedFilter" | "clearFiltersButton" | "popoverMenuFields" | "popoverMenuFieldsPaper" | "popoverMenuFieldsItem" | "classesFilterButton" | "popoverFilter" | "popoverFilterPaper" | "popoverFilterHeader" | "popoverHeaderTitle" | "containerBooleanFilter" | "containerDateTimeFilter" | "containerNumberFilter" | "containerStringFilter" | "containerSelectFilter" | "classespopoverLabelMemuItem" | "popoverContainerFields" | "inputFilter", string>;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/DynamicFilter/classes/types.d.ts

@@ -20,6 +20,7 @@ export interface DynamicFilterClasses {
     containerDateTimeFilter: string;
     containerNumberFilter: string;
     containerStringFilter: string;
+    containerSelectFilter: string;
     classespopoverLabelMemuItem: string;
     popoverContainerFields: string;
     inputFilter: string;

package/components/DynamicFilter/constants.d.ts

@@ -1,4 +1,4 @@
-import { BooleanOperator, DateTimeOperator, Field, NumberOperator, Operator, StringOperator } from './types';
+import { BooleanOperator, DateTimeOperator, Field, NumberOperator, Operator, SelectOperator, StringOperator } from './types';
 export declare const COMPONENT_TEST_ID = "M4LDynamicFilter";
 export declare const COMPONENT_PREFIX = "M4LDynamicFilter";
 export declare const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -12,4 +12,5 @@ export declare const OPERATORS: Array<Operator>;
 export declare const STRING_OPERATORS: Array<StringOperator>;
 export declare const NUMBER_OPERATORS: Array<NumberOperator>;
 export declare const BOOLEAN_OPERATORS: Array<BooleanOperator>;
+export declare const SELECT_OPERATORS: Array<SelectOperator>;
 export declare const DATE_TIME_OPERATORS: Array<DateTimeOperator>;

package/components/DynamicFilter/contexts/DynamicFilterContext/helpers.d.ts

@@ -1,5 +1,4 @@
 import { Field, FilterFieldApplyed, InitialFilterApplyed, RawFilterFieldApply } from '../../types';
-export declare const getFilterById: (id: number, applyedFilters: Array<FilterFieldApplyed>) => number;
 /**
  * @description Función formateadora filtros como el DynamicFilter los usa a nivel interno a como se guardan en las cookies
  * @param applyedFilters Filtros actualmente aplicados
@@ -8,10 +7,10 @@ export declare const getFilterById: (id: number, applyedFilters: Array<FilterFie
 export declare const formatToInitialFilters: (applyedFilters: Array<FilterFieldApplyed>) => Array<InitialFilterApplyed>;
 /**
  * @description Función formateadora filtros como el DynamicFilter los usa a nivel interno a como se envían a la API
- * @param applyedFilters Filtros actualmente aplicados
+ * @param appliedFilters Filtros actualmente aplicados
  * @returns
  */
-export declare const formatToRawFilter: (applyedFilters: Array<FilterFieldApplyed>) => Array<RawFilterFieldApply>;
+export declare const formatToRawFilter: (appliedFilters: Array<FilterFieldApplyed>) => Array<RawFilterFieldApply>;
 /**
  * @name getPurgedInitialFiltersApplyed
  * @description Función encargada de purgar cualquier error que pueda venir del endpoint, por algun cambio de versión

package/components/DynamicFilter/contexts/DynamicFilterContext/store.d.ts

@@ -26,6 +26,7 @@ export interface PopoverFilterDataEdit extends PopoverFilterDataBase {
      *  "filter" filtro que se va a editar
      */
     filter: FilterFieldApplyed;
+    field: Field;
 }
 /**
  *
@@ -162,9 +163,9 @@ export interface DynamicFilterStateWithActions extends DynamicFilterState {
         showPopoverFilterForEdit: (anchorEl: Element, filterToEdit: FilterFieldApplyed) => void;
         /**
          * @description Oculta la ventana de edición
-         * @param stayInEditon determina si continua en edicióin
+         * @param stayInEdition determina si continua en edicióin
          */
-        hidePopoverFilter: (stayInEditon: boolean) => void;
+        hidePopoverFilter: (stayInEdition: boolean) => void;
         /**
          * @description Limpia todos los filtros aplicados menos los fixed
          */

package/components/DynamicFilter/dictionary.d.ts

@@ -17,6 +17,8 @@ export declare const DICCTIONARY: {
     readonly operator_lte: "operator_lte";
     readonly operator_c: "operator_c";
     readonly operator_nc: "operator_nc";
+    readonly operator_in: "operator_in";
+    readonly operator_nin: "operator_nin";
     readonly label_boolean_operator: "label_boolean_operator";
     readonly label_boolean_operand1: "label_boolean_operand1";
     readonly label_operator_date_time: "label_operator_date_time";
@@ -30,6 +32,8 @@ export declare const DICCTIONARY: {
     readonly operator_required: "operator_required";
     readonly error_invalid_date: "error_invalid_date";
     readonly error_less_than_start: "error_less_than_start";
+    readonly label_select_operator: "label_select_operator";
+    readonly label_select_operands_array: "label_select_operands_array";
     readonly error_operand_required: "error_operand_required";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;