@m4l/components 9.2.49 → 9.2.50-beta.2

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/helpers.js

@@ -1,7 +1,7 @@
 import * as Yup from "yup";
 import { B as BOOLEAN_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary } from "../../../dictionary.js";
 import { B as BooleanFilter } from "./index.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 class BooleanFilterHelpers {
   getComponent() {
     return BooleanFilter;
@@ -45,13 +45,13 @@ class BooleanFilterHelpers {
     const operator = filterValueBoolean ? filterValueBoolean.operator : field.defaultOperator ?? "e";
     const formValueOperand1 = filterValueBoolean ? {
       value: filterValueBoolean.operand1,
-      label: getLabel(getDynamicFilterDictionary(`operand_${filterValueBoolean.operand1}`))
+      label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operand_${filterValueBoolean.operand1}`)
     } : null;
     return {
       fieldType: "boolean",
       formValueOperator: {
         id: operator,
-        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
+        label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${operator}`)
       },
       formValueOperand1
     };
@@ -60,10 +60,10 @@ class BooleanFilterHelpers {
    * getLabel devuelve las etiquetas para el filtro booleano.
    */
   getLabels(filter, getLabel, _formatters, _field) {
-    const labelOperands = filter.operand1 ? getLabel(getDynamicFilterDictionary("operand_true")) : getLabel(getDynamicFilterDictionary("operand_false"));
+    const labelOperands = filter.operand1 ? getLabel(DICCTIONARY.operand_true) : getLabel(DICCTIONARY.operand_false);
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(getDynamicFilterDictionary(`operator_${filter.operator}`)),
+      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
       labelOperands
     };
   }
@@ -72,8 +72,8 @@ class BooleanFilterHelpers {
    */
   getSchema(getLabel) {
     return Yup.object({
-      formValueOperator: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operator_required`)),
-      formValueOperand1: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operand_required`))
+      formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
+      formValueOperand1: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operand_required))
     });
   }
   /**

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

@@ -2,26 +2,29 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
 import { B as BOOLEAN_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
+  const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  const restritcOperatorsTo = field?.restritcOperatorsTo;
   const operators = useMemo(
     () => BOOLEAN_OPERATORS.map((o) => ({
       id: o,
-      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
-    })),
-    [getLabel]
+      label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${o}`)
+    })).filter((o) => restritcOperatorsTo ? restritcOperatorsTo.includes(o.id) : true),
+    [getLabel, restritcOperatorsTo]
   );
   const optionsYesNo = useMemo(
     () => [
       {
         value: true,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_true))
+        label: getLabel(DICCTIONARY.operand_true)
       },
       {
         value: false,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.operand_false))
+        label: getLabel(DICCTIONARY.operand_false)
       }
     ],
     [getLabel]
@@ -36,7 +39,7 @@ function BooleanFilter() {
         options: operators,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.id === value.id,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operator))
+        label: getLabel(DICCTIONARY.label_boolean_operator)
       }
     ),
     /* @__PURE__ */ jsx(
@@ -48,7 +51,7 @@ function BooleanFilter() {
         options: optionsYesNo,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.value === value.value,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_boolean_operand1))
+        label: getLabel(DICCTIONARY.label_boolean_operand1)
       }
     )
   ] });

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/helpers.js

@@ -1,6 +1,6 @@
 import * as Yup from "yup";
 import { b as DATE_TIME_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { D as DateTimeFilter } from "./index.js";
 import { i as isValidDate } from "../../../../../utils/isValidDate.js";
 class DateTimeFilterHelpers {
@@ -44,7 +44,7 @@ class DateTimeFilterHelpers {
       fieldType: "datetime",
       formValueOperator: {
         id: operator,
-        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
+        label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${operator}`)
       },
       formValueOperand1,
       formValueOperand2
@@ -88,7 +88,7 @@ class DateTimeFilterHelpers {
     }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(getDynamicFilterDictionary(`operator_${filter.operator}`)),
+      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
       labelOperands
     };
   }
@@ -97,13 +97,13 @@ class DateTimeFilterHelpers {
    */
   getSchema(getLabel) {
     return Yup.object({
-      formValueOperator: Yup.object().nullable().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.operator_required))),
-      formValueOperand1: Yup.date().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))).typeError(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))),
+      formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
+      formValueOperand1: Yup.date().required(getLabel(DICCTIONARY.error_invalid_date)).typeError(getLabel(DICCTIONARY.error_invalid_date)),
       formValueOperand2: Yup.mixed().when(["formValueOperator.id"], {
         is: "b",
-        then: Yup.date().typeError(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))).min(
+        then: Yup.date().typeError(getLabel(DICCTIONARY.error_invalid_date)).min(
           Yup.ref("formValueOperand1"),
-          getLabel(getDynamicFilterDictionary(DICCTIONARY.error_invalid_date))
+          getLabel(DICCTIONARY.error_invalid_date)
         )
       })
     });

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

@@ -3,12 +3,15 @@ import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { b as DATE_TIME_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import { R as RHFDateTime } from "../../../../hook-form/RHFDateTime/RHFDateTime.js";
 function DateTimeFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();
+  const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  const restritcOperatorsTo = field?.restritcOperatorsTo;
   const operator = useWatch({
     control,
     name: "formValueOperator"
@@ -16,9 +19,9 @@ function DateTimeFilter() {
   const operators = useMemo(
     () => DATE_TIME_OPERATORS.map((o) => ({
       id: o,
-      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
-    })),
-    [getLabel]
+      label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${o}`)
+    })).filter((o) => restritcOperatorsTo ? restritcOperatorsTo.includes(o.id) : true),
+    [getLabel, restritcOperatorsTo]
   );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -30,21 +33,21 @@ function DateTimeFilter() {
         options: operators,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.id === value.id,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_date_time))
+        label: getLabel(DICCTIONARY.label_operator_date_time)
       }
     ),
     /* @__PURE__ */ jsx(
       RHFDateTime,
       {
         name: "formValueOperand1",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_date_time))
+        label: getLabel(DICCTIONARY.label_operand1_date_time)
       }
     ),
     operator && operator.id === "b" && /* @__PURE__ */ jsx(
       RHFDateTime,
       {
         name: "formValueOperand2",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_date_time))
+        label: getLabel(DICCTIONARY.label_operand2_date_time)
       }
     )
   ] });

package/components/DynamicFilter/subcomponents/FieldTypes/NumberFilter/helpers.js

@@ -1,7 +1,7 @@
 import * as Yup from "yup";
 import { N as NUMBER_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary } from "../../../dictionary.js";
 import { N as NumberFilter } from "./index.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 class NumberFilterHelpers {
   getComponent() {
     return NumberFilter;
@@ -14,15 +14,23 @@ class NumberFilterHelpers {
     const dOperator = field.defaultOperator ?? "e";
     const defaultOperand1 = field.defaultOperand1 ?? null;
     const defaultOperand2 = field.defaultOperand2 ?? null;
+    let isSet = false;
+    if (fixed) {
+      if (["b"].includes(dOperator)) {
+        isSet = defaultOperand1 !== null && defaultOperand2 !== null ? true : false;
+      } else {
+        isSet = defaultOperand1 !== null ? true : false;
+      }
+    }
     return {
       id: 0,
       fieldType: "number",
       field,
       fixed,
-      isSet: false,
       operator: dOperator,
       operand1: defaultOperand1,
-      operand2: defaultOperand2
+      operand2: defaultOperand2,
+      isSet
     };
   }
   /**
@@ -37,7 +45,7 @@ class NumberFilterHelpers {
       fieldType: "number",
       formValueOperator: {
         id: operator,
-        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
+        label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${operator}`)
       },
       formValueOperand1,
       formValueOperand2
@@ -73,11 +81,11 @@ class NumberFilterHelpers {
     if (filter.operator === "b") {
       labelOperands = filter.operand1 && filter.operand2 ? `${filter.operand1} - ${filter.operand2}` : "";
     } else {
-      labelOperands = filter.operand1 !== void 0 ? filter.operand1 + "" : "";
+      labelOperands = (filter.operand1 ?? "?") + "";
     }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(getDynamicFilterDictionary(`operator_${filter.operator}`)),
+      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
       labelOperands
     };
   }
@@ -86,13 +94,13 @@ class NumberFilterHelpers {
    */
   getSchema(getLabel) {
     return Yup.object({
-      formValueOperator: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operator_required`)),
+      formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperand1: Yup.number().typeError(
-        getLabel(`dynamic_filter.error_operand_mustbe_number`)
+        getLabel(DICCTIONARY.error_operand_mustbe_number)
       ),
       formValueOperand2: Yup.mixed().when(["formValueOperator.id"], {
         is: "b",
-        then: Yup.number().typeError(getLabel(`dynamic_filter.error_operand_mustbe_number`)).min(Yup.ref("formValueOperand1"), getLabel(`dynamic_filter.error_less_than_start`))
+        then: Yup.number().typeError(getLabel(DICCTIONARY.error_operand_mustbe_number)).min(Yup.ref("formValueOperand1"), getLabel(DICCTIONARY.error_less_than_start))
       })
     });
   }

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

@@ -3,12 +3,16 @@ import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
 import { N as NUMBER_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";
+import { R as RHFNumberInput } from "../../../../hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as RHFTextField } from "../../../../hook-form/RHFTextField/RHFTextField.js";
 function NumberFilter() {
   const { getLabel } = useModuleDictionary();
   const { control } = useFormContext();
+  const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  const restritcOperatorsTo = field?.restritcOperatorsTo;
   const operator = useWatch({
     control,
     name: "formValueOperator"
@@ -16,9 +20,9 @@ function NumberFilter() {
   const operators = useMemo(
     () => NUMBER_OPERATORS.map((o) => ({
       id: o,
-      label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
-    })),
-    [getLabel]
+      label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${o}`)
+    })).filter((o) => restritcOperatorsTo ? restritcOperatorsTo.includes(o.id) : true),
+    [getLabel, restritcOperatorsTo]
   );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -30,15 +34,15 @@ function NumberFilter() {
         options: operators,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.id === value.id,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_number))
+        label: getLabel(DICCTIONARY.label_operator_number)
       }
     ),
     /* @__PURE__ */ jsx(
-      RHFTextField,
+      RHFNumberInput,
       {
         name: "formValueOperand1",
-        type: "number",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_number))
+        withDecimal: false,
+        label: getLabel(DICCTIONARY.label_operand1_number)
       }
     ),
     operator && operator.id === "b" && /* @__PURE__ */ jsx(
@@ -46,7 +50,7 @@ function NumberFilter() {
       {
         name: "formValueOperand2",
         type: "number",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand2_number))
+        label: getLabel(DICCTIONARY.label_operand2_number)
       }
     )
   ] });

package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/helpers.d.ts

@@ -1,6 +1,6 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
-import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FormFilterValueSelectAsync, FormOperandSelectAsync, InitialFilterApplied } from '../../../types';
+import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FilterValueSelectAsync, FormFilterValueSelectAsync, OperandSelectAsync, InitialFilterApplied } from '../../../types';
 import { IFieldType, YupSchema } from '../FieldTypeInterface';
 import { SelectAsyncFilter } from './index';
 /**
@@ -9,7 +9,7 @@ import { SelectAsyncFilter } from './index';
  * @param field Propiedades del field
  * @returns FormOperandSelect[] operandArray filtrado con valores validados
  */
-export declare function filterValidOperandsArraySelectAsync(operandsArray: FormOperandSelectAsync[] | FormOperandSelectAsync, field: FilterField): any[];
+export declare function filterValidOperandsArraySelectAsync(operandsArray: OperandSelectAsync[] | OperandSelectAsync, field: FilterField): any[];
 /**
  * SelectAsyncFilterHelpers es una clase que implementa la interfaz IFieldType
  */
@@ -18,19 +18,19 @@ export declare class SelectAsyncFilterHelpers implements IFieldType<FormFilterVa
     /**
      * getDefaultFilter devuelve un filtro por defecto para un campo de selección asíncrona.
      */
-    getDefaultFilter(field: FilterField, fixed: boolean): FilterFieldApplied;
+    getDefaultFilter(fieldSelectAsync: FilterField, fixed: boolean): FilterFieldApplied;
     /**
      * getFormValue convierte un valor de filtro en un valor de formulario.
      */
-    getFormValue(field: FilterField, getLabel: GetLabelType, filterValueSelect?: FilterValue): FormFilterValueSelectAsync;
+    getFormValue(fieldSelectAsync: FilterField, getLabel: GetLabelType, filterValueSelectAsync?: FilterValue): FormFilterValueSelectAsync;
     /**
      * getFilterFromFormValue convierte un valor de formulario en un valor de filtro.
      */
-    getFilterFromFormValue(formFilterValue: FormFilterValueSelectAsync): FilterValue;
+    getFilterFromFormValue(formFilterValue: FormFilterValueSelectAsync): FilterValueSelectAsync;
     /**
      * getLabels devuelve las etiquetas para el campo, operador y operandos.
      */
-    getLabels(filter: FilterFieldApplied, getLabel: GetLabelType, _formatters: Formatters, field: FilterField): DataTypeFilerLabels;
+    getLabels(filter: FilterFieldApplied, getLabel: GetLabelType, _formatters: Formatters, fieldSelectAsync: FilterField): DataTypeFilerLabels;
     /**
      * getschema devuelve el esquema de validación de Yup para el filtro.
      */
@@ -38,5 +38,5 @@ export declare class SelectAsyncFilterHelpers implements IFieldType<FormFilterVa
     /**
      * verifyFilter verifica si el filtro es válido.
      */
-    verifyFilter(filter: InitialFilterApplied, field?: FilterField): boolean;
+    verifyFilter(filter: InitialFilterApplied, fieldSelectAsync?: FilterField): boolean;
 }

package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/helpers.js

@@ -1,7 +1,7 @@
 import * as Yup from "yup";
-import { S as SELECT_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary } from "../../../dictionary.js";
+import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, c as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.js";
 import { S as SelectAsyncFilter } from "./index.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 function filterValidOperandsArraySelectAsync(operandsArray, field) {
   const operandsArrayFormatted = Array.isArray(operandsArray) ? operandsArray : [operandsArray];
   const getOptionId = field?.selectAsyncOptions?.getOptionId;
@@ -17,64 +17,120 @@ class SelectAsyncFilterHelpers {
   /**
    * getDefaultFilter devuelve un filtro por defecto para un campo de selección asíncrona.
    */
-  getDefaultFilter(field, fixed) {
-    const defaultOperand = field.defaultOperandsArray;
-    const defaultFilter = {
+  getDefaultFilter(fieldSelectAsync, fixed) {
+    const field = fieldSelectAsync;
+    const defaultOperandsArray = field.defaultOperandsArray ?? [];
+    const defaultOperand1 = field.defaultOperand1;
+    const isMultiple = field?.selectAsyncOptions?.multiple ?? false;
+    let dOperator;
+    let isSet = false;
+    let operandsArray = [];
+    if (isMultiple) {
+      dOperator = field.defaultOperator ?? "in";
+      isSet = fixed ? defaultOperandsArray !== null && defaultOperandsArray.length > 0 ? true : false : false;
+      if (field.defaultOperandsArray !== void 0 && Array.isArray(field.defaultOperandsArray)) {
+        operandsArray = filterValidOperandsArraySelectAsync(field.defaultOperandsArray, field);
+      }
+    } else {
+      dOperator = field.defaultOperator ?? "e";
+      isSet = fixed ? defaultOperand1 ? true : false : false;
+    }
+    const defaultCommonFilter = {
       id: 0,
       fieldType: "selectAsync",
       field,
       fixed,
-      isSet: true,
-      operator: "in",
-      operandsArray: []
+      isSet,
+      operator: dOperator
     };
-    if (defaultOperand !== void 0 && Array.isArray(defaultOperand)) {
-      const validOperandsArray = filterValidOperandsArraySelectAsync(defaultOperand, field);
-      defaultFilter.operandsArray = validOperandsArray || [];
-    }
-    return defaultFilter;
+    const defaultFilterMultiple = {
+      ...defaultCommonFilter,
+      multiple: true,
+      operandsArray
+    };
+    const defaultFilterSingle = {
+      ...defaultCommonFilter,
+      multiple: false,
+      operand1: defaultOperand1
+    };
+    return isMultiple ? defaultFilterMultiple : defaultFilterSingle;
   }
   /**
    * getFormValue convierte un valor de filtro en un valor de formulario.
    */
-  getFormValue(field, getLabel, filterValueSelect) {
-    const filterValue = filterValueSelect ? filterValueSelect : void 0;
+  getFormValue(fieldSelectAsync, getLabel, filterValueSelectAsync) {
+    const field = fieldSelectAsync;
+    const filterValue = filterValueSelectAsync ?? void 0;
     const isMultiple = field?.selectAsyncOptions?.multiple ?? false;
-    const formValueOperandsArray = isMultiple ? filterValueSelect?.operandsArray : filterValueSelect?.operandsArray?.[0] || filterValueSelect?.operandsArray;
-    const operator = filterValue ? filterValue.operator : field.defaultOperator ?? "in";
-    return {
+    let formValueOperandsArray = void 0;
+    let formValueOperand1 = void 0;
+    let operator;
+    if (isMultiple) {
+      operator = filterValue ? filterValue.operator : field.defaultOperator ?? "in";
+      formValueOperandsArray = filterValueSelectAsync?.operandsArray;
+    } else {
+      operator = filterValue ? filterValue.operator : field.defaultOperator ?? "e";
+      formValueOperand1 = filterValueSelectAsync?.operand1;
+    }
+    const formCommon = {
       fieldType: "selectAsync",
       formValueOperator: {
         id: operator,
-        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
-      },
+        label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${operator}`)
+      }
+    };
+    const formMultiple = {
+      ...formCommon,
+      multiple: true,
       formValueOperandsArray
     };
+    const formSingle = {
+      ...formCommon,
+      multiple: false,
+      formValueOperand1
+    };
+    return isMultiple ? formMultiple : formSingle;
   }
   /**
    * getFilterFromFormValue convierte un valor de formulario en un valor de filtro.
    */
   getFilterFromFormValue(formFilterValue) {
     const operator = formFilterValue.formValueOperator.id;
-    const operandsArray = Array.isArray(formFilterValue.formValueOperandsArray) ? formFilterValue.formValueOperandsArray : [formFilterValue.formValueOperandsArray];
-    return {
+    const isMultiple = formFilterValue.multiple;
+    const filterCommon = {
       fieldType: "selectAsync",
-      operator,
-      operandsArray
+      operator
+    };
+    const filterMultiple = {
+      ...filterCommon,
+      multiple: true,
+      operandsArray: formFilterValue.formValueOperandsArray
+    };
+    const filterSingle = {
+      ...filterCommon,
+      operand1: formFilterValue.formValueOperand1
     };
+    return isMultiple ? filterMultiple : filterSingle;
   }
   /**
    * getLabels devuelve las etiquetas para el campo, operador y operandos.
    */
-  getLabels(filter, getLabel, _formatters, field) {
+  getLabels(filter, getLabel, _formatters, fieldSelectAsync) {
+    const field = fieldSelectAsync;
+    const isMultiple = field?.selectAsyncOptions?.multiple ?? false;
     const operandsArray = filter.operandsArray;
-    const labelOperands = operandsArray?.reduce?.((label, operand) => {
-      const textLabel = field.selectAsyncOptions?.getOptionLabel?.(operand) || "";
-      return label ? `${label} | ${textLabel}` : textLabel;
-    }, "")?.toString() || "";
+    let labelOperands = "";
+    if (isMultiple) {
+      labelOperands = operandsArray?.reduce?.((label, operand) => {
+        const textLabel = field.selectAsyncOptions?.getOptionLabel?.(operand) || "";
+        return label ? `${label} | ${textLabel}` : textLabel;
+      }, "")?.toString() || "?";
+    } else {
+      labelOperands = (field.selectAsyncOptions?.getOptionLabel?.(filter.operand1) ?? "?") + "";
+    }
     return {
       labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
-      labelOperator: getLabel(getDynamicFilterDictionary(`operator_${filter.operator}`)),
+      labelOperator: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${filter.operator}`),
       labelOperands
     };
   }
@@ -83,34 +139,53 @@ class SelectAsyncFilterHelpers {
    */
   getSchema(getLabel) {
     return Yup.object({
-      formValueOperator: Yup.object().nullable().required(getLabel(`dynamic_filter.error_operator_required`)),
-      formValueOperandsArray: Yup.lazy((value) => {
-        return Array.isArray(value) ? Yup.array().min(1, getLabel(`dynamic_filter.error_operand_required`)).of(Yup.object().nullable()).required(getLabel(`dynamic_filter.error_operand_required`)) : Yup.object().nullable().required(getLabel(`dynamic_filter.error_operand_required`));
+      formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
+      formValueOperandsArray: Yup.mixed().when(["multiple"], {
+        is: true,
+        then: Yup.array().min(1, getLabel(DICCTIONARY.error_operand_required)).required(getLabel(DICCTIONARY.error_operand_required))
+      }),
+      formValueOperand1: Yup.mixed().when(["multiple"], {
+        is: false,
+        then: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operand_required))
       })
     });
   }
   /**
    * verifyFilter verifica si el filtro es válido.
    */
-  verifyFilter(filter, field) {
+  verifyFilter(filter, fieldSelectAsync) {
+    const field = fieldSelectAsync;
+    const isMultiple = field?.selectAsyncOptions?.multiple ?? false;
     if (typeof filter.operator !== "string") {
       return false;
     }
     if (!field) {
       return false;
     }
-    if (SELECT_OPERATORS.findIndex((f) => f === filter.operator) === -1) {
-      return false;
-    }
-    if (!filter.operandsArray || typeof filter.operandsArray !== "object") {
-      return false;
-    }
-    const validOperandsArray = filterValidOperandsArraySelectAsync(
-      filter.operandsArray,
-      field
-    );
-    if (!validOperandsArray || validOperandsArray?.length === 0) {
-      return false;
+    if (isMultiple) {
+      if (SELECT_ASYNC_OPERATORS_MULTIPLE.findIndex((f) => f === filter.operator) === -1) {
+        return false;
+      }
+      if (!filter.operandsArray || typeof filter.operandsArray !== "object") {
+        return false;
+      }
+      if (Array.isArray(filter.operandsArray) && filter.operandsArray.length === 0) {
+        return false;
+      }
+      const validOperandsArray = filterValidOperandsArraySelectAsync(
+        filter.operandsArray,
+        field
+      );
+      if (!validOperandsArray || validOperandsArray?.length === 0) {
+        return false;
+      }
+    } else {
+      if (SELECT_ASYNC_OPERATORS_SINGLE.findIndex((f) => f === filter.operator) === -1) {
+        return false;
+      }
+      if (!filter.operand1 || typeof filter.operand1 !== "object") {
+        return false;
+      }
     }
     return true;
   }