@m4l/components 9.2.48 → 9.2.50-beta.1

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;
   }

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

@@ -1,24 +1,26 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
-import { S as SELECT_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, c as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.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 RHFAutocompleteAsync } from "../../../../hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 function SelectAsyncFilter() {
   const { getLabel } = useModuleDictionary();
   const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  const selectAsyncProps = field?.selectAsyncOptions;
+  const isMultiple = selectAsyncProps?.multiple ?? false;
+  const restritcOperatorsTo = field?.restritcOperatorsTo;
   if (!field?.selectAsyncOptions?.endPoint) {
     throw new Error("El filtro tipo Select requiere la configuración del Endpoint");
   }
-  const autocompleteProps = field?.selectAsyncOptions;
   const operators = useMemo(
-    () => SELECT_OPERATORS.map((o) => ({
+    () => (isMultiple ? SELECT_ASYNC_OPERATORS_MULTIPLE : SELECT_ASYNC_OPERATORS_SINGLE).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, isMultiple, restritcOperatorsTo]
   );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -30,16 +32,16 @@ function SelectAsyncFilter() {
         options: operators,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.id === value.id,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operator))
+        label: getLabel(DICCTIONARY.label_select_operator)
       }
     ),
     /* @__PURE__ */ jsx(
       RHFAutocompleteAsync,
       {
-        ...autocompleteProps,
-        name: "formValueOperandsArray",
+        ...selectAsyncProps,
+        name: isMultiple ? "formValueOperandsArray" : "formValueOperand1",
         autoComplete: "off",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operands_array))
+        label: isMultiple ? getLabel(DICCTIONARY.label_select_async_operands_array) : getLabel(DICCTIONARY.label_select_async_operand1)
       }
     )
   ] });

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

@@ -1,6 +1,6 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
-import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FormFilterValueSelect, FormOperandSelect, InitialFilterApplied } from '../../../types';
+import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FilterValueSelect, FormFilterValueSelect, OperandSelect, InitialFilterApplied } from '../../../types';
 import { IFieldType, YupSchema } from '../FieldTypeInterface';
 import { SelectFilter } from './index';
 /**
@@ -9,7 +9,7 @@ import { SelectFilter } from './index';
  * @param field Propiedades del field
  * @returns FormOperandSelect[] operandArray filtrado con valores validados
  */
-export declare function filterValidOperandsArraySelect(operandsArray: FormOperandSelect[] | FormOperandSelect, _field: FilterField): (string | number)[];
+export declare function filterValidOperandsArraySelect(operandsArray: OperandSelect[] | OperandSelect, _field: FilterField): (string | number)[];
 /**
  * SelectFilterHelpers es una clase que implementa la interfaz IFieldType
  */
@@ -17,20 +17,21 @@ export declare class SelectFilterHelpers implements IFieldType<FormFilterValueSe
     getComponent(): typeof SelectFilter;
     /**
      * getDefaultFilter devuelve un filtro por defecto para un campo de selección.
+     * Cuando es initialized o fixed
      */
-    getDefaultFilter(field: FilterField, fixed: boolean): FilterFieldApplied;
+    getDefaultFilter(fieldSelect: FilterField, fixed: boolean): FilterFieldApplied;
     /**
      * Función para obtener el valor en terminos de HookForm desde los ids de los values.
      */
-    getFormValue(field: FilterField, getLabel: GetLabelType, filterValueSelect?: FilterValue): FormFilterValueSelect;
+    getFormValue(fieldSelect: FilterField, getLabel: GetLabelType, filterValueSelect?: FilterValue): FormFilterValueSelect;
     /**
      * getFilterFromFormValue convierte un valor de formulario en un valor de filtro.
      */
-    getFilterFromFormValue(formFilterValue: FormFilterValueSelect): FilterValue;
+    getFilterFromFormValue(formFilterValue: FormFilterValueSelect): FilterValueSelect;
     /**
      * getLabels devuelve las etiquetas para el filtro de selección.
      */
-    getLabels(filter: FilterFieldApplied, getLabel: GetLabelType, _formatters: Formatters, field: FilterField): DataTypeFilerLabels;
+    getLabels(filter: FilterFieldApplied, getLabel: GetLabelType, _formatters: Formatters, fieldSelect: FilterField): DataTypeFilerLabels;
     /**
      * getSchema devuelve el esquema de validación de Yup para un filtro de selección.
      */
@@ -38,5 +39,5 @@ export declare class SelectFilterHelpers implements IFieldType<FormFilterValueSe
     /**
      * TODO: Documentar
      */
-    verifyFilter(filter: InitialFilterApplied, field?: FilterField): boolean;
+    verifyFilter(filter: InitialFilterApplied, fieldSelect?: FilterField): boolean;
 }

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/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 { d as SELECT_OPERATORS_MULTIPLE, e as SELECT_OPERATORS_SINGLE } from "../../../constants.js";
 import { S as SelectFilter } from "./index.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 function filterValidOperandsArraySelect(operandsArray, _field) {
   const operandsArrayFormatted = Array.isArray(operandsArray) ? operandsArray : [operandsArray];
   return operandsArrayFormatted?.filter((operand) => {
@@ -14,65 +14,124 @@ class SelectFilterHelpers {
   }
   /**
    * getDefaultFilter devuelve un filtro por defecto para un campo de selección.
+   * Cuando es initialized o fixed
    */
-  getDefaultFilter(field, fixed) {
-    const defaultOperand = field.defaultOperandsArray;
-    const defaultFilter = {
+  getDefaultFilter(fieldSelect, fixed) {
+    const field = fieldSelect;
+    const defaultOperandsArray = field.defaultOperandsArray ?? [];
+    const defaultOperand1 = field.defaultOperand1;
+    const isMultiple = field?.selectOptions?.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 = filterValidOperandsArraySelect(field.defaultOperandsArray);
+      }
+    } else {
+      dOperator = field.defaultOperator ?? "e";
+      isSet = fixed ? defaultOperand1 !== null ? true : false : false;
+    }
+    const defaultCommonFilter = {
       id: 0,
       fieldType: "select",
       field,
       fixed,
-      isSet: true,
-      operator: "in",
-      operandsArray: []
+      isSet,
+      operator: dOperator
     };
-    if (defaultOperand !== void 0 && Array.isArray(defaultOperand)) {
-      const validOperandsArray = filterValidOperandsArraySelect(defaultOperand);
-      defaultFilter.operandsArray = validOperandsArray || [];
-    }
-    return defaultFilter;
+    const defaultFilterMultiple = {
+      ...defaultCommonFilter,
+      fieldType: "select",
+      multiple: true,
+      operandsArray
+    };
+    const defaultFilterSingle = {
+      ...defaultCommonFilter,
+      fieldType: "select",
+      multiple: false,
+      operand1: defaultOperand1
+    };
+    return isMultiple ? defaultFilterMultiple : defaultFilterSingle;
   }
   /**
    * Función para obtener el valor en terminos de HookForm desde los ids de los values.
    */
-  getFormValue(field, getLabel, filterValueSelect) {
-    const filterValue = filterValueSelect ? filterValueSelect : void 0;
+  getFormValue(fieldSelect, getLabel, filterValueSelect) {
+    const field = fieldSelect;
+    const filterValue = filterValueSelect ?? void 0;
     const isMultiple = field?.selectOptions?.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 = filterValueSelect?.operandsArray;
+    } else {
+      operator = filterValue ? filterValue.operator : field.defaultOperator ?? "e";
+      formValueOperand1 = filterValueSelect?.operand1;
+    }
+    const formCommon = {
       fieldType: "select",
       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: "select",
-      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 filtro de selección.
    */
-  getLabels(filter, getLabel, _formatters, field) {
+  getLabels(filter, getLabel, _formatters, fieldSelect) {
+    const field = fieldSelect;
+    const isMultiple = field?.selectOptions?.multiple ?? false;
     const operandsArray = filter.operandsArray;
-    const labelOperands = operandsArray?.reduce?.((label, operand) => {
-      const textLabel = field.selectOptions?.options.find((option) => option.id === operand)?.label || "";
-      return label ? `${label} | ${textLabel}` : textLabel;
-    }, "")?.toString() || "";
+    let labelOperands = "";
+    if (isMultiple) {
+      labelOperands = operandsArray?.reduce?.((label, operand) => {
+        const textLabel = field.selectOptions?.options.find((option) => option.id === operand)?.label || "";
+        return label ? `${label} | ${textLabel}` : textLabel;
+      }, "")?.toString() || "?";
+    } else {
+      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
     };
   }
@@ -81,37 +140,59 @@ class SelectFilterHelpers {
    */
   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`)).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.mixed().test("is-string-or-number", getLabel(DICCTIONARY.error_operand_required), (value) => {
+          return typeof value === "string" || typeof value === "number";
+        }).required(getLabel(DICCTIONARY.error_operand_required))
       })
     });
   }
   /**
    * TODO: Documentar
    */
-  verifyFilter(filter, field) {
+  verifyFilter(filter, fieldSelect) {
+    const field = fieldSelect;
+    const isMultiple = field?.selectOptions?.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 = filterValidOperandsArraySelect(
-      filter.operandsArray
-    );
-    if (!validOperandsArray || validOperandsArray?.length === 0) {
-      return false;
+    if (isMultiple) {
+      if (SELECT_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 = filterValidOperandsArraySelect(
+        filter.operandsArray
+      );
+      if (!validOperandsArray || validOperandsArray?.length === 0) {
+        return false;
+      }
+    } else {
+      if (SELECT_OPERATORS_SINGLE.findIndex((f) => f === filter.operator) === -1) {
+        return false;
+      }
+      if (!filter.operand1 || typeof filter.operand1 !== "string" && typeof filter.operand1 !== "number") {
+        return false;
+      }
     }
     return true;
   }
 }
 export {
-  SelectFilterHelpers as S
+  SelectFilterHelpers as S,
+  filterValidOperandsArraySelect as f
 };

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
-import { S as SELECT_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { d as SELECT_OPERATORS_MULTIPLE, e as SELECT_OPERATORS_SINGLE } from "../../../constants.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 RHFSelect } from "../../../../hook-form/RHFSelect/RHFSelect.js";
@@ -10,12 +10,14 @@ function SelectFilter() {
   const { getLabel } = useModuleDictionary();
   const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
   const selectProps = field?.selectOptions;
+  const isMultiple = selectProps?.multiple ?? false;
+  const restritcOperatorsTo = field?.restritcOperatorsTo;
   const operators = useMemo(
-    () => SELECT_OPERATORS.map((o) => ({
+    () => (isMultiple ? SELECT_OPERATORS_MULTIPLE : SELECT_OPERATORS_SINGLE).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, isMultiple, restritcOperatorsTo]
   );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -27,7 +29,7 @@ function SelectFilter() {
         options: operators,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.id === value.id,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operator))
+        label: getLabel(DICCTIONARY.label_select_operator)
       }
     ),
     /* @__PURE__ */ jsx(
@@ -35,8 +37,8 @@ function SelectFilter() {
       {
         ...selectProps,
         options: field?.selectOptions?.options || [],
-        name: "formValueOperandsArray",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operands_array))
+        name: isMultiple ? "formValueOperandsArray" : "formValueOperand1",
+        label: isMultiple ? getLabel(DICCTIONARY.label_select_operands_array) : getLabel(DICCTIONARY.label_select_operand1)
       }
     )
   ] });