@m4l/components 9.2.48 → 9.2.50-beta.1

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/PopoverFilter/usePopoverFilter.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverFilter(): {
     filterFormValue: FormFilterValue;
     formFilter: FormFilterFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

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

package/components/DynamicFilter/types.d.ts

@@ -14,17 +14,19 @@ export type StringOperator = 'c' | 'nc';
 export type NumberOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
 export type BooleanOperator = 'e' | 'ne';
 export type DateTimeOperator = OperatorB | 'e' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
-export type SelectOperator = 'in' | 'nin';
+export type SelectOperator = 'in' | 'nin' | 'e' | 'ne';
+export type SelectOperatorAsync = 'in' | 'nin' | 'e' | 'ne';
 export type FieldPresence = 'initialized' | 'fixed' | 'optional';
-export type FormOperandSelectAsync = Record<string, any>;
-export type FormOperandSelect = string | number;
+export type OperandSelectAsync = Record<string, any>;
+export type OperandSelect = string | number;
 /**
  * Posibles valores para el operandsArray para el caso del select o otros fields
  */
-export type OperandsSelectAsyncArrayValues = Array<FormOperandSelectAsync>;
-export type OperandsSelectArrayValues = Array<FormOperandSelect>;
-export type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'string' ? StringOperator : T;
-export type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandsSelectArrayValues : T extends 'selectAsync' ? OperandsSelectAsyncArrayValues : FieldType;
+export type OperandsArraySelectAsync = Array<OperandSelectAsync>;
+export type OperandsSelectArray = Array<OperandSelect>;
+export type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'selectAsync' ? SelectOperatorAsync : T extends 'string' ? StringOperator : T;
+export type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandSelect : T extends 'selectAsync' ? OperandSelectAsync : FieldType;
+export type FieldTypeOperandsArray<T extends FieldType> = T extends 'boolean' ? never : T extends 'datetime' ? never : T extends 'number' ? never : T extends 'string' ? never : T extends 'select' ? OperandsSelectArray : T extends 'selectAsync' ? OperandsArraySelectAsync : never;
 type SelectAsyncOptions<TOption = any> = Pick<RHFAutocompleteAsyncBaseProps<TOption>, 'type' | 'endPoint' | 'responseToCamelCase' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
     getOptionLabel: (option: TOption) => string;
     isOptionEqualToValue: (options: TOption | TOption[], value: TOption) => boolean;
@@ -36,11 +38,12 @@ export interface FieldBase<T extends FieldType = FieldType, TOption = any> {
     type: T;
     multiple?: boolean;
     presence?: FieldPresence;
+    restritcOperatorsTo?: Maybe<FieldTypeOperator<T>[]>;
     urlIcon: string;
     defaultOperator?: Maybe<FieldTypeOperator<T>>;
     defaultOperand1?: Maybe<FieldTypeOperand<T>>;
     defaultOperand2?: Maybe<FieldTypeOperand<T>>;
-    defaultOperandsArray?: Maybe<FieldTypeOperand<T>>;
+    defaultOperandsArray?: Maybe<FieldTypeOperandsArray<T>>;
     selectOptions?: SelectOptions;
     selectAsyncOptions?: SelectAsyncOptions<TOption>;
 }
@@ -73,7 +76,7 @@ export interface FilterValueBase<T extends FieldType = FieldType> {
     operator: Operator;
     operand1?: Maybe<OperandType>;
     operand2?: Maybe<OperandType>;
-    operandsArray?: T extends 'selectAsync' ? OperandsSelectAsyncArrayValues : T extends 'select' ? OperandsSelectArrayValues : never;
+    operandsArray?: T extends 'selectAsync' ? OperandsArraySelectAsync : T extends 'select' ? OperandsSelectArray : never;
 }
 export interface FilterValueBoolean extends FilterValueBase<'boolean'> {
     fieldType: 'boolean';
@@ -109,16 +112,35 @@ export interface FilterValueString extends FilterValueBase<'string'> {
     operator: StringOperator;
     operand1: string;
 }
-export interface FilterValueSelectAsync extends FilterValueBase<'selectAsync'> {
+export interface FilterValueSelectMultipleAsync extends FilterValueBase<'selectAsync'> {
     fieldType: 'selectAsync';
+    multiple: true;
     operator: SelectOperator;
-    operandsArray: OperandsSelectAsyncArrayValues;
+    operand1: never;
+    operandsArray: OperandsArraySelectAsync;
 }
-export interface FilterValueSelect extends FilterValueBase<'select'> {
+export interface FilterValueSelectSingleAsync extends FilterValueBase<'selectAsync'> {
+    fieldType: 'selectAsync';
+    operator: SelectOperator;
+    operand1: OperandSelectAsync;
+    operandsArray: never;
+}
+export type FilterValueSelectAsync = FilterValueSelectMultipleAsync | FilterValueSelectSingleAsync;
+export interface FilterValueSelectSingle extends FilterValueBase<'select'> {
+    fieldType: 'select';
+    multiple: false;
+    operator: SelectOperator;
+    operand1: OperandSelect;
+    operandsArray: never;
+}
+export interface FilterValueSelectMultiple extends FilterValueBase<'select'> {
     fieldType: 'select';
+    multiple: true;
     operator: SelectOperator;
-    operandsArray: OperandsSelectArrayValues;
+    operand1: never;
+    operandsArray: OperandsSelectArray;
 }
+export type FilterValueSelect = FilterValueSelectSingle | FilterValueSelectMultiple;
 /**
  * Valor de un filtro sobrecargado para cada tipo de dato
  */
@@ -165,7 +187,7 @@ export type FormOperandBoolean = {
 export type FormOperandDateTime = Date;
 export type FormOperandNumber = number;
 export type FormOperandString = string;
-export type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString | FormOperandSelectAsync;
+export type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString | OperandSelectAsync | OperandSelect;
 /**
  * Base para el tipado de overloading de los valor de un filtro
  */
@@ -195,16 +217,36 @@ export interface FormFilterValueString extends FormFilterValueBase {
     formValueOperator: FormOperator<StringOperator>;
     formValueOperand1: string;
 }
-export interface FormFilterValueSelectAsync extends FormFilterValueBase {
+export interface FormFilterValueSelectAsyncMultiple extends FormFilterValueBase {
+    fieldType: 'selectAsync';
+    multiple: true;
+    formValueOperator: FormOperator<SelectOperatorAsync>;
+    formValueOperandsArray: OperandsArraySelectAsync;
+    formValueOperand1: never;
+}
+export interface FormFilterValueSelectAsyncSingle extends FormFilterValueBase {
     fieldType: 'selectAsync';
+    multiple: false;
+    formValueOperator: FormOperator<SelectOperatorAsync>;
+    formValueOperand1: OperandSelectAsync;
+    formValueOperandsArray: never;
+}
+export type FormFilterValueSelectAsync = FormFilterValueSelectAsyncMultiple | FormFilterValueSelectAsyncSingle;
+export interface FormFilterValueSelectMultiple extends FormFilterValueBase {
+    fieldType: 'select';
+    multiple: true;
     formValueOperator: FormOperator<SelectOperator>;
-    formValueOperandsArray: Array<FormOperandSelectAsync> | FormOperandSelectAsync;
+    formValueOperand1: never;
+    formValueOperandsArray: Array<OperandSelect> | OperandSelect;
 }
-export interface FormFilterValueSelect extends FormFilterValueBase {
+export interface FormFilterValueSelectSingle extends FormFilterValueBase {
     fieldType: 'select';
+    multiple: false;
     formValueOperator: FormOperator<SelectOperator>;
-    formValueOperandsArray: Array<FormOperandSelect> | FormOperandSelect;
+    formValueOperand1: OperandSelect;
+    formValueOperandsArray: never;
 }
+export type FormFilterValueSelect = FormFilterValueSelectMultiple | FormFilterValueSelectSingle;
 /**
  * Valor de un filtro sobrecargado para cada tipo de dato
  */

package/components/DynamicSort/dictionary.d.ts

@@ -15,6 +15,7 @@ export declare const DICCTIONARY: {
     readonly operator_asc: "operator_asc";
     readonly operator_desc: "operator_desc";
     readonly label_boolean_operand1: "label_boolean_operand1";
+    readonly label_no_fields_available: "label_no_fields_available";
 };
 export type TypeDictionary = typeof DICCTIONARY;
 /**

package/components/DynamicSort/dictionary.js

@@ -8,15 +8,11 @@ function getDynamicSortComponentsDictionary() {
 }
 const DICCTIONARY = {
   input_placeholder: "input_placeholder",
-  label_ascending: "Ascending",
-  label_descending: "Descending",
   sort_tooltip_refresh: "sort_tooltip_refresh",
   sort_tooltip_dirty: "sort_tooltip_dirty",
   sort_tooltip_invalid: "sort_tooltip_invalid",
   tooltip_clear_sort: "tooltip_clear_sort",
-  operator_asc: "operator_asc",
-  operator_desc: "operator_desc",
-  label_boolean_operand1: "label_boolean_operand1"
+  label_no_fields_available: "label_no_fields_available"
 };
 const getDynamicSortDictionary = (key) => {
   return `${DYNAMICSORT_DICTIONARY_ID}.${key}`;

package/components/DynamicSort/slots/DynamicSortSlots.js

@@ -2,10 +2,10 @@ import { styled } from "@mui/material/styles";
 import { d as dynamicSortStyles } from "../DynamicSort.styles.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../constants.js";
 import { D as DynamicSortSlots } from "./SlotsEnum.js";
+import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 import { T as Typography } from "../../mui_extended/Typography/Typography.js";
 import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover.js";
 const RootStyled = styled("div", {
   name: DYNAMIC_SORT_KEY_COMPONENT,

package/components/DynamicSort/store/DynamicSortContext.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { createContext, forwardRef, useRef, useImperativeHandle, useEffect } from "react";
+import { forwardRef, useRef, useImperativeHandle, useEffect, createContext } from "react";
 import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
 import { f as formatToInitialSorts } from "../helpers/formatToInitialSorts.js";

package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.js

@@ -4,11 +4,11 @@ import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoo
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicSortBase } from "./useDynamicSortBase.js";
 import { R as RootStyled, I as InnerContainerStyled } from "../../slots/DynamicSortSlots.js";
-import { D as DynamicSortSlots } from "../../slots/SlotsEnum.js";
 import { I as InputSort } from "../InputSort/InputSort.js";
 import { A as AppliedSorts } from "../AppliedSorts/AppliedSorts.js";
 import { S as SortActions } from "../SortActions/SortActions.js";
 import { P as PopoverSort } from "../PopoverSort/PopoverSort.js";
+import { D as DynamicSortSlots } from "../../slots/SlotsEnum.js";
 function DynamicSortBase() {
   const { ownerState, dataTestId } = useDynamicSortBase();
   const classRoot = getComponentSlotRoot(DYNAMIC_SORT_KEY_COMPONENT);

package/components/DynamicSort/subcomponents/PopoverMenuFields/PopoverMenuFields.js

@@ -1,8 +1,10 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { u as useDynamicSortBase } from "../DynamicSortBase/useDynamicSortBase.js";
 import { u as usePopoverMenuFields } from "./usePopoverMenuFields.js";
 import { M as MenuItem } from "../../../mui_extended/MenuItem/MenuItem.js";
 import { I as Icon } from "../../../Icon/Icon.js";
+import { D as DICCTIONARY } from "../../dictionary.js";
+import { useModuleDictionary } from "@m4l/core";
 import { P as PopoverMenuStyled } from "../../slots/DynamicSortSlots.js";
 import { u as usePopoverContainer } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
 function PopoverMenuFields(props) {
@@ -10,8 +12,9 @@ function PopoverMenuFields(props) {
   const { elementRef, handleOpenPopUpClickItem, handleClosePopover, getItemLabel, isOpenPopoverMenuFields } = usePopoverMenuFields();
   const { size } = useDynamicSortBase();
   const anchorEl = elementRef?.current;
+  const { getLabel } = useModuleDictionary();
   const popoverContainerRef = usePopoverContainer();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     PopoverMenuStyled,
     {
       disableAutoFocus: true,
@@ -24,18 +27,29 @@ function PopoverMenuFields(props) {
       anchorEl,
       ownerState: {},
       container: popoverContainerRef.current,
-      children: isOpenPopoverMenuFields && fields.map((field, index) => /* @__PURE__ */ jsx(
-        MenuItem,
-        {
-          startIcon: /* @__PURE__ */ jsx(Icon, { size, src: field.urlIcon }),
-          label: getItemLabel(field),
-          dense: true,
-          size,
-          selected: index === selectFieldIndex,
-          onClick: (event) => handleOpenPopUpClickItem(event, field)
-        },
-        `menu_action_${getItemLabel(field)}`
-      ))
+      children: [
+        isOpenPopoverMenuFields && fields.map((field, index) => /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            startIcon: /* @__PURE__ */ jsx(Icon, { size, src: field.urlIcon }),
+            label: getItemLabel(field),
+            dense: true,
+            size,
+            selected: index === selectFieldIndex,
+            onClick: (event) => handleOpenPopUpClickItem(event, field)
+          },
+          `menu_action_${getItemLabel(field)}`
+        )),
+        isOpenPopoverMenuFields && fields.length === 0 && /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            dense: true,
+            size,
+            label: getLabel(DICCTIONARY.label_no_fields_available),
+            disabled: true
+          }
+        )
+      ]
     }
   );
 }

package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverSort(): {
     sortFormValue: import('../../types').FormSortValueBase;
     formSort: FormSortFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/GridLayout/GridLayout.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { i as isEqualLayout, c as cloneLayout, g as getLayoutItem, a as cloneLayoutItem, b as getLayoutItemH, m as moveElement, d as compact, w as withLayoutItem, e as bottom, n as noop, f as getAllCollisions } from "./utils.js";
+import { n as noop, i as isEqualLayout, c as cloneLayout, g as getLayoutItem, a as cloneLayoutItem, b as getLayoutItemH, m as moveElement, d as compact, w as withLayoutItem, e as bottom, f as getAllCollisions } from "./utils.js";
 import { M as MemonizedGridItem } from "./subcomponents/GridItem/index.js";
 import { G as GridLayoutRoot } from "./styles.js";
 import { D as DEFAULT_COLS, a as DEFAULT_CONTAINER_PADDING, b as DEFAULT_MARGIN, c as DEFAULT_ROW_HEIGHT, d as DEFAULT_COLAPSED_HEIGHT, e as DEFAULT_CONTAINER_WIDTH, f as DEFAULT_CONTAINER_HEIGHT, g as DEFAULT_TRANSFORM_SCALE } from "./constants.js";

package/components/GridLayout/styles.js

@@ -1,4 +1,4 @@
-import { styled, alpha } from "@mui/material/styles";
+import { alpha, styled } from "@mui/material/styles";
 import { g as gridLayoutClasses } from "./classes/index.js";
 const react_resizable_css = {};
 const GridLayoutRoot = styled("div")`

package/components/GridLayout/subcomponents/GridItem/index.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React, { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { DraggableCore } from "react-draggable";
-import { h as getH, p as perc, s as setTransform, j as setTopLeft } from "../../utils.js";
+import { h as getH, s as setTransform, j as setTopLeft, p as perc } from "../../utils.js";
 import { c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition } from "../../calculateUtils.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/Responsive/helper.js

@@ -1,4 +1,4 @@
-import { d as DEFAULT_COLAPSED_HEIGHT, h as DEFAULT_RESPONSIVE_BREAKPOINTS, a as DEFAULT_CONTAINER_PADDING, b as DEFAULT_MARGIN, i as DEFAULT_RESPONSIVE_COLS, c as DEFAULT_ROW_HEIGHT } from "../../constants.js";
+import { c as DEFAULT_ROW_HEIGHT, h as DEFAULT_RESPONSIVE_BREAKPOINTS, a as DEFAULT_CONTAINER_PADDING, b as DEFAULT_MARGIN, i as DEFAULT_RESPONSIVE_COLS, d as DEFAULT_COLAPSED_HEIGHT } from "../../constants.js";
 import { i as isEqualLayout } from "../../utils.js";
 import { g as getBreakpointFromWidth, a as getColsFromBreakpoint, f as findOrGenerateResponsiveLayout, b as getIndentationValue } from "./responsiveUtils.js";
 function generateInitialState(props) {

package/components/GridLayout/subcomponents/Responsive/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { k as isEqualLayouts, c as cloneLayout, n as noop } from "../../utils.js";
+import { n as noop, k as isEqualLayouts, c as cloneLayout } from "../../utils.js";
 import { g as getBreakpointFromWidth, a as getColsFromBreakpoint, b as getIndentationValue, f as findOrGenerateResponsiveLayout } from "./responsiveUtils.js";
 import { forwardRef, useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";