@m4l/components 9.2.49 → 9.2.50-beta.1

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

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

@@ -1,6 +1,6 @@
 import * as Yup from "yup";
-import { c as STRING_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { f as STRING_OPERATORS } from "../../../constants.js";
+import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { S as StringFilter } from "./index.js";
 class StringFilterHelpers {
   getComponent() {
@@ -11,12 +11,16 @@ class StringFilterHelpers {
    */
   getDefaultFilter(field, fixed) {
     const defaultOperand1 = field.defaultOperand1;
+    let isSet = false;
+    if (fixed) {
+      isSet = defaultOperand1 !== null ? true : false;
+    }
     const defaultFilter = {
       id: 0,
       fieldType: "string",
       field,
       fixed,
-      isSet: false,
+      isSet,
       operator: "c",
       operand1: ""
     };
@@ -48,7 +52,7 @@ class StringFilterHelpers {
       fieldType: "string",
       formValueOperator: {
         id: operator,
-        label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
+        label: getLabel(`${DYNAMIC_FILTER_DICTIONARY_ID}.operator_${operator}`)
       },
       formValueOperand1
     };
@@ -60,7 +64,7 @@ class StringFilterHelpers {
     const labelOperands = filter.operand1 !== void 0 ? 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
     };
   }
@@ -69,9 +73,9 @@ class StringFilterHelpers {
    */
   getSchema(getLabel) {
     return Yup.object({
-      formValueOperator: Yup.object().nullable().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.operator_required))),
+      formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperand1: Yup.string().required(
-        getLabel(getDynamicFilterDictionary(DICCTIONARY.error_operand_required))
+        getLabel(DICCTIONARY.error_operand_required)
       )
     });
   }

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

@@ -1,18 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
-import { c as STRING_OPERATORS } from "../../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
+import { f as STRING_OPERATORS } 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 RHFTextField } from "../../../../hook-form/RHFTextField/RHFTextField.js";
 function StringFilter() {
   const { getLabel } = useModuleDictionary();
+  const field = useDynamicFilterStore((state) => state.popoverFilterData?.field);
+  const restritcOperatorsTo = field?.restritcOperatorsTo;
   const operators = useMemo(
     () => STRING_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(
@@ -24,14 +27,14 @@ function StringFilter() {
         options: operators,
         getOptionLabel: (option) => option.label,
         isOptionEqualToValue: (option, value) => option.id === value.id,
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operator_string))
+        label: getLabel(DICCTIONARY.label_operator_string)
       }
     ),
     /* @__PURE__ */ jsx(
       RHFTextField,
       {
         name: "formValueOperand1",
-        label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_operand1_string))
+        label: getLabel(DICCTIONARY.label_operand1_string)
       }
     )
   ] });

package/components/DynamicFilter/subcomponents/FieldTypes/fieldFactory.d.ts

@@ -8,4 +8,4 @@ import { StringFilterHelpers } from './StringFilter/helpers';
 /**
  * fieldFactory es una función que devuelve un helper para un tipo de campo específico.
  */
-export declare function fieldFactory(type: FieldType): SelectAsyncFilterHelpers | BooleanFilterHelpers | DateTimeFilterHelpers | NumberFilterHelpers | SelectFilterHelpers | StringFilterHelpers;
+export declare function fieldFactory(type: FieldType): SelectAsyncFilterHelpers | SelectFilterHelpers | BooleanFilterHelpers | DateTimeFilterHelpers | NumberFilterHelpers | StringFilterHelpers;

package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
 import { u as useFilterActions } from "./useFilterActions.js";
+import { a as DICCTIONARY } from "../../dictionary.js";
 import { b as ActionsStyled, c as ActionsClearButtonStyled, d as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.js";
 function FilterActions() {
   const {
@@ -22,7 +23,7 @@ function FilterActions() {
         icon: clearIconUrl,
         size,
         onClick: onClickClearFilters,
-        tooltip: getLabel("dynamic_filter.tooltip_clear_filters"),
+        tooltip: getLabel(DICCTIONARY.tooltip_clear_filters),
         ownerState: {}
       }
     ),

package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.d.ts

@@ -12,7 +12,7 @@ declare function useFilterActions(): {
     canShowRemoveAction: boolean;
     onClickClearFilters: () => void;
     onClickFilter: VoidFunction;
-    filterButtonDictionaryTooltip: string;
+    filterButtonDictionaryTooltip: "dynamic_filter.filter_tooltip_refresh" | "dynamic_filter.filter_tooltip_dirty" | "dynamic_filter.filter_tooltip_invalid";
     ownerState: {
         isValid: boolean;
     };

package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.js

@@ -1,5 +1,5 @@
 import { useEnvironment } from "@m4l/core";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.js";
+import { a as DICCTIONARY } from "../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
@@ -21,9 +21,7 @@ function useFilterActions() {
   const filterIconUrl = `${host_static_assets}/${environment_assets}/${ASSETS_URL}/${automatic ? ASSETS.refresh : ASSETS.search}`;
   const clearIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close.svg`;
   const canShowRemoveAction = appliedFilters.findIndex((f) => !f.fixed) > -1;
-  const filterButtonDictionaryTooltip = getDynamicFilterDictionary(
-    isValid ? isDirty ? DICCTIONARY.filter_tooltip_dirty : DICCTIONARY.filter_tooltip_refresh : DICCTIONARY.filter_tooltip_invalid
-  );
+  const filterButtonDictionaryTooltip = isValid ? isDirty ? DICCTIONARY.filter_tooltip_dirty : DICCTIONARY.filter_tooltip_refresh : DICCTIONARY.filter_tooltip_invalid;
   return {
     filterIconUrl,
     clearIconUrl,

package/components/DynamicFilter/subcomponents/InputFilter/useInputFilter.js

@@ -1,7 +1,7 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { A as ALL_FIELD } from "../../constants.js";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.js";
+import { a as DICCTIONARY } from "../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
@@ -123,7 +123,7 @@ function useInputFilter() {
     /**
      * Texto de placeholder del inputFilter
      */
-    inputPlaceHolder: getLabel(getDynamicFilterDictionary(DICCTIONARY.input_placeholder)),
+    inputPlaceHolder: getLabel(DICCTIONARY.input_placeholder),
     /**
      * Texto del inputFilter
      */

package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.js

@@ -1,16 +1,19 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { M as MenuItem } from "../../../mui_extended/MenuItem/MenuItem.js";
 import { u as usePopoverMenuFields } from "./usePopoverMenuFields.js";
 import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
+import { useModuleDictionary } from "@m4l/core";
+import { a as DICCTIONARY } from "../../dictionary.js";
 import { u as usePopoverContainer } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
 import { l as PopoverMenuStyled } from "../../slots/dynamicFilterSlots.js";
 function PopoverMenuFields(props) {
   const { fields, selectFieldIndex } = props;
   const { elementRef, handleOpenPopUpClickItem, handleClosePopover, getItemLabel, isOpenPopoverMenuFields } = usePopoverMenuFields();
   const anchorEl = elementRef?.current;
+  const { getLabel } = useModuleDictionary();
   const popoverContainerRef = usePopoverContainer();
   const { size } = useDynamicFilterBase();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     PopoverMenuStyled,
     {
       disableAutoFocus: true,
@@ -23,18 +26,29 @@ function PopoverMenuFields(props) {
       anchorEl,
       ownerState: {},
       container: popoverContainerRef.current,
-      children: isOpenPopoverMenuFields && fields.map((field, index) => /* @__PURE__ */ jsx(
-        MenuItem,
-        {
-          dense: true,
-          size,
-          selected: index === selectFieldIndex,
-          onClick: (event) => handleOpenPopUpClickItem(event, field),
-          startIcon: field.urlIcon,
-          label: getItemLabel(field)
-        },
-        `menu_action_${getItemLabel(field)}`
-      ))
+      children: [
+        isOpenPopoverMenuFields && fields.map((field, index) => /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            dense: true,
+            size,
+            selected: index === selectFieldIndex,
+            onClick: (event) => handleOpenPopUpClickItem(event, field),
+            startIcon: field.urlIcon,
+            label: getItemLabel(field)
+          },
+          `menu_action_${getItemLabel(field)}`
+        )),
+        isOpenPopoverMenuFields && fields.length === 0 && /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            dense: true,
+            size,
+            label: getLabel(DICCTIONARY.label_no_fields_available),
+            disabled: true
+          }
+        )
+      ]
     }
   );
 }