@m4l/components 0.2.31 → 0.2.33

package/components/AccountPopover/{index.69cda48b.js → index.e0f283a2.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { I as Icon } from "../Icon/index.d34ed400.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [

package/components/AppBar/{index.0cc0bd40.js → index.a93fc76c.js}

@@ -4,9 +4,9 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.6aa1ae49.js";
+import { I as Image } from "../Image/index.7ca22fd5.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.21215143.js";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.f00f026d.js → index.6a991836.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { B as Button } from "../../../mui_extended/Button/index.7265987f.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5ebb95fe.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.674a0faa.js → index.9801982c.js}

@@ -1,12 +1,12 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
+import { B as Button } from "../../../mui_extended/Button/index.7265987f.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.b64e2ea0.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { u as useModal } from "../../../../hooks/useModal/index.5a463055.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5ebb95fe.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.0aae86b3.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.8feb23c6.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.b5a5c4b4.js → index.f7ee99e7.js}

@@ -1,8 +1,8 @@
 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.d5a031be.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.7265987f.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5ebb95fe.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.574967a0.js → index.7d321553.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
+import { B as Button } from "../../../mui_extended/Button/index.7265987f.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.5ebb95fe.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.23bfc86b.js → index.5ebb95fe.js}

@@ -1,7 +1,7 @@
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.d2e8f376.js";
 import { jsx } from "react/jsx-runtime";
 function getCommonActionsDictionary() {
   return ["common_actions"];

package/components/DataGrid/assets/icons/datagrid.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
-<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
+<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
+</svg>

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.cf410875.js → index.de8a24bb.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.fb44d69d.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.96191097.js";
 function ColumnBooleanFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.00f9ed87.js → index.220dc8f0.js}

@@ -1,6 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.05c4e1a4.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.3166cf12.js";
 function ColumnConcatenatedValueFormatter(props) {
   const {
     fieldValue,

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.c2a8a7d0.js → index.fef17717.js}

@@ -1,5 +1,5 @@
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.ca78a0a9.js";
+import { d as dataGridClasses } from "../../index.27810831.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnInteractiveCheckFormatter(props) {
   const {

package/components/DataGrid/{index.ca78a0a9.js → index.27810831.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.7b85f8b0.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.91696066.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.17a7be82.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.0d7d95be.js";
 import { styled, SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 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";
@@ -8,7 +8,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { jsx, jsxs } from "react/jsx-runtime";
 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.6cfca40a.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.810ec53e.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.14875ec7.js";

package/components/DataGrid/subcomponents/Actions/{index.6cfca40a.js → index.810ec53e.js}

@@ -1,20 +1,20 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.ca78a0a9.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.40352568.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.27810831.js";
 import { useTheme, styled, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.91696066.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.d8bdadaa.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.0d7d95be.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.21215143.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 { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
-import { u as useModal } from "../../../../hooks/useModal/index.b64e2ea0.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";
-import { useResponsiveDesktop, useResponsiveContainerStore } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.ab22627c.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.fef17717.js";
+import { u as useModal } from "../../../../hooks/useModal/index.5a463055.js";
+import { W as WindowBase } from "../../../modal/WindowBase.1cb35b2d.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.5ebb95fe.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.6a991836.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.7d321553.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const {
@@ -376,7 +376,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
   });
 });
 ColumnsConfig.displayName = "ColumnsConfig";
-function Settings() {
+const useModalSettings = () => {
   const {
     openModal,
     closeModal
@@ -392,7 +392,8 @@ function Settings() {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  const isDesktop = useResponsiveDesktop();
+  const isMobile = useIsMobile();
+  console.log("isMobile", isMobile);
   const {
     classes
   } = useDataGrid();
@@ -402,14 +403,14 @@ function Settings() {
   }, [closeModal]);
   const onClickIntro = useCallback(() => {
     if (ref.current?.onClickIntro) {
-      ref.current?.onClickIntro();
+      ref.current.onClickIntro();
     }
   }, []);
-  const onClickSettings = useCallback(() => {
+  const onClickSettings = () => {
     openModal({
       initialWidth: 500,
       initialHeigth: 680,
-      fullScreen: !isDesktop ? true : false,
+      fullScreen: isMobile,
       window: /* @__PURE__ */ jsxs(WindowBase, {
         title: getLabel("data_grid.settings_title"),
         urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
@@ -440,11 +441,23 @@ function Settings() {
         })]
       })
     });
-  }, [closeModal, columnsConfig, getLabel, onChangeColumnsConfig, onCloseSettings, openModal, onClickIntro]);
+  };
+  return onClickSettings;
+};
+const useModalSettings$1 = useModalSettings;
+function Settings() {
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    classes
+  } = useDataGrid();
+  const modalSettings = useModalSettings$1();
   return /* @__PURE__ */ jsx(IconButton, {
     className: classes.actionSettings,
     dictionaryTooltipId: "data_grid.tooltip_settings",
-    onClick: onClickSettings,
+    onClick: modalSettings,
     "aria-label": "settings",
     src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`
   });
@@ -552,6 +565,62 @@ function Density() {
     toolTip: getLabel("data_grid.tooltip_density")
   });
 }
+const MobileMenuActions = () => {
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    currentRowHeightVariant,
+    setRowHeightVariant
+  } = useDataGrid();
+  const {
+    activeFilters,
+    setActiveFilters
+  } = useFilters();
+  const modalSettings = useModalSettings$1();
+  const toggleIcon = () => {
+    setActiveFilters(!activeFilters);
+  };
+  const menuActions = [{
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
+    onClick: () => setRowHeightVariant("compact"),
+    disabled: currentRowHeightVariant === "compact",
+    dictionaryId: "data_grid.density_compact"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
+    onClick: () => setRowHeightVariant("standard"),
+    disabled: currentRowHeightVariant === "standard",
+    dictionaryId: "data_grid.density_standard"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
+    onClick: () => setRowHeightVariant("confortable"),
+    disabled: currentRowHeightVariant === "confortable",
+    dictionaryId: "data_grid.density_confortable"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/filter.svg`,
+    onClick: () => toggleIcon(),
+    dictionaryId: activeFilters ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
+    onClick: () => modalSettings(),
+    dictionaryId: "data_grid.tooltip_settings"
+  }];
+  return /* @__PURE__ */ jsx(MenuActions, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/menu.svg`,
+    arrowType: "no-arrow",
+    marginTop: "12px",
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    menuActions
+  });
+};
 function Actions(props) {
   const isXs = useResponsiveContainerStore((state) => state.isXs, shallow);
   const {
@@ -579,7 +648,7 @@ function Actions(props) {
       isXs,
       labelRows: getLabel(dictionary.LABEL_ROWS_PER_PAGE),
       labelOf: getLabel(dictionary.LABEL_OF)
-    }), /* @__PURE__ */ jsxs("div", {
+    }), isXs ? /* @__PURE__ */ jsx(MobileMenuActions, {}) : /* @__PURE__ */ jsxs("div", {
       className: classes.actionsConfigContainer,
       children: [typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withLocalFilters && /* @__PURE__ */ jsx(Filter, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
         ...settingsProps

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts

@@ -0,0 +1 @@
+export declare const MobileMenuActions: () => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/index.d.ts

@@ -0,0 +1,2 @@
+declare const useModalSettings: () => () => void;
+export default useModalSettings;

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ColumnsConfigRef = {
+    onClickIntro: () => void;
+    current: HTMLDivElement | null;
+};

package/components/DragResizeWindow/{index.ff74eed8.js → index.1091606d.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.6cf19cba.js";
+import { D as DraggableCore_1 } from "../../react-draggable.483e2eaa.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.1c5be0ff.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.52f0234f.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 { R as Resizable } from "../../react-resizable.059cf55c.js";
 import { jsx } from "react/jsx-runtime";
 const DraggeableWindowRoot = styled("div")`
     position: absolute;

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;