@m4l/components 0.2.32 → 0.2.34

package/components/DynamicFilter/{index.75c66024.js → index.c52a8e96.js}

@@ -3,30 +3,31 @@ import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent
 import { useStore, createStore } from "zustand";
 import { generateUtilityClasses, styled, alpha, Skeleton, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.6469f148.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.23bfc86b.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.3592430b.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.fa7ab18c.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.1f2afb6b.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.fc474c35.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.db56e769.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e554b068.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.1bfa601f.js";
 import * as Yup from "yup";
+import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.bc278965.js";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.154d57f0.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f8a3021b.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.90f53670.js";
 import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { I as Icon } from "../Icon/index.ad330e78.js";
 import { useTheme } from "@mui/material/styles";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7b2a8723.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.f00f026d.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.574967a0.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.416cbf9b.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.094290fd.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
@@ -46,6 +47,7 @@ const ALL_FIELDS = {
 const STRING_OPERATORS = ["c", "nc"];
 const NUMBER_OPERATORS = ["b", "e", "ne", "gt", "gte", "lt", "lte"];
 const BOOLEAN_OPERATORS = ["e", "ne"];
+const SELECT_OPERATORS = ["in", "nin"];
 const DATE_TIME_OPERATORS = [
   "b",
   "e",
@@ -76,6 +78,7 @@ const dynamicFilterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "containerDateTimeFilter",
   "containerNumberFilter",
   "containerStringFilter",
+  "containerSelectFilter",
   "classespopoverLabelMemuItem",
   "popoverContainerFields",
   "classesFilterButton",
@@ -113,6 +116,7 @@ const useUtilityClasses = (ownerState) => {
     containerDateTimeFilter: ["containerDateTimeFilter"],
     containerNumberFilter: ["containerNumberFilter"],
     containerStringFilter: ["containerStringFilter"],
+    containerSelectFilter: ["containerSelectFilter"],
     inputFilter: ["inputFilter"]
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(COMPONENT_CLASS_NAME), {});
@@ -125,7 +129,9 @@ function useDynamicFilter(selector, equalityFn) {
 }
 const DYNAMICFILTER_DICTIONARY_ID = "dynamic_filter";
 function getDynamicFilterComponentsDictionary() {
-  return [DYNAMICFILTER_DICTIONARY_ID].concat(getCommonActionsDictionary().concat(getRHFAutocompleteComponentsDictionary()));
+  return [DYNAMICFILTER_DICTIONARY_ID].concat(
+    getCommonActionsDictionary().concat(getRHFAutocompleteComponentsDictionary())
+  );
 }
 const DICCTIONARY = {
   input_placeholder: "input_placeholder",
@@ -143,6 +149,8 @@ const DICCTIONARY = {
   operator_lte: "operator_lte",
   operator_c: "operator_c",
   operator_nc: "operator_nc",
+  operator_in: "operator_in",
+  operator_nin: "operator_nin",
   label_boolean_operator: "label_boolean_operator",
   label_boolean_operand1: "label_boolean_operand1",
   label_operator_date_time: "label_operator_date_time",
@@ -156,6 +164,8 @@ const DICCTIONARY = {
   operator_required: "operator_required",
   error_invalid_date: "error_invalid_date",
   error_less_than_start: "error_less_than_start",
+  label_select_operator: "label_select_operator",
+  label_select_operands_array: "label_select_operands_array",
   error_operand_required: "error_operand_required"
 };
 const getDynamicFilterDictionary = (key) => {
@@ -375,7 +385,9 @@ const getStringLabels = (filter, getLabel) => {
 };
 const getStringSchema = (getLabel) => Yup.object({
   formValueOperator: Yup.object().nullable().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.operator_required))),
-  formValueOperand1: Yup.string().required(getLabel(getDynamicFilterDictionary(DICCTIONARY.error_operand_required)))
+  formValueOperand1: Yup.string().required(
+    getLabel(getDynamicFilterDictionary(DICCTIONARY.error_operand_required))
+  )
 });
 const getStringFormValue = (field, getLabel, filterValue) => {
   const filterValueString = filterValue;
@@ -564,11 +576,113 @@ const getFilterFromNumberFormValue = (formFilterValue) => {
     };
   }
 };
+function filterValidOperandsArraySelect(operandsArray, field) {
+  const operandsArrayFormatted = Array.isArray(operandsArray) ? operandsArray : [operandsArray];
+  const getOptionId = field?.selectOptions?.getOptionId;
+  const getOptionLabel = field?.selectOptions?.getOptionLabel;
+  return operandsArrayFormatted?.filter((operand) => {
+    return typeof operand === "object" && getOptionId?.(operand) && getOptionLabel?.(operand);
+  });
+}
+const getDefaultSelectFilter = (field, fixed) => {
+  const defaultOperand = field.defaultOperandsArray;
+  const defaultFilter = {
+    id: 0,
+    fieldType: "select",
+    field,
+    fixed,
+    isSetted: true,
+    operator: "in",
+    operandsArray: []
+  };
+  if (defaultOperand !== void 0 && Array.isArray(defaultOperand)) {
+    const validOperandsArray = filterValidOperandsArraySelect(defaultOperand, field);
+    defaultFilter.operandsArray = validOperandsArray || [];
+  }
+  return defaultFilter;
+};
+const getSelectLabels = (filter, getLabel, formatters, field) => {
+  const operandsArray = filter.operandsArray;
+  const labelOperands = operandsArray?.reduce?.((label, operand) => {
+    const textLabel = field.selectOptions?.getOptionLabel?.(operand) || "";
+    return label ? `${label} | ${textLabel}` : textLabel;
+  }, "")?.toString() || "";
+  return {
+    labelField: filter.field.label ?? getLabel(filter.field.dictionaryId),
+    labelOperator: getLabel(getDynamicFilterDictionary(`operator_${filter.operator}`)),
+    labelOperands
+  };
+};
+const getSelectSchema = (getLabel) => 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`));
+  })
+});
+const getSelectFormValue = (field, getLabel, filterValueSelect) => {
+  const filterValue = filterValueSelect ? 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 {
+    fieldType: "select",
+    formValueOperator: {
+      id: operator,
+      label: getLabel(getDynamicFilterDictionary(`operator_${operator}`))
+    },
+    formValueOperandsArray
+  };
+};
+const getFilterFromSelectFormValue = (formFilterValue) => {
+  const operator = formFilterValue.formValueOperator.id;
+  const operandsArray = Array.isArray(formFilterValue.formValueOperandsArray) ? formFilterValue.formValueOperandsArray : [formFilterValue.formValueOperandsArray];
+  return {
+    fieldType: "select",
+    operator,
+    operandsArray
+  };
+};
+function SelectFilter() {
+  const classesContainerSelectFilter = useDynamicFilter((state) => state.classes.containerSelectFilter, shallow);
+  const dataTestId = useDynamicFilter((state) => state.classes.containerSelectFilter, shallow);
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const field = useDynamicFilter((state) => state.popoverFilterData?.field, shallow);
+  if (!field?.selectOptions?.endPoint) {
+    throw new Error("El filtro tipo Select requiere la configuraci\xF3n del Endpoint");
+  }
+  const autocompleteProps = field?.selectOptions;
+  const operators = useMemo(() => SELECT_OPERATORS.map((o) => ({
+    id: o,
+    label: getLabel(getDynamicFilterDictionary(`operator_${o}`))
+  })), [getLabel]);
+  return /* @__PURE__ */ jsxs("div", {
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "containerSelectFilter", dataTestId)
+    } : {},
+    className: classesContainerSelectFilter,
+    children: [/* @__PURE__ */ jsx(RHFAutocomplete, {
+      name: "formValueOperator",
+      autoComplete: "off",
+      options: operators,
+      getOptionLabel: (option) => option.label,
+      isOptionEqualToValue: (option, value) => option.id === value.id,
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operator))
+    }), /* @__PURE__ */ jsx(RHFAutocompleteAsync, {
+      ...autocompleteProps,
+      name: "formValueOperandsArray",
+      autoComplete: "off",
+      label: getLabel(getDynamicFilterDictionary(DICCTIONARY.label_select_operands_array))
+    })]
+  });
+}
 const strategiesEditFilterComponent = {
   boolean: BooleanFilter,
   datetime: DateTimeFilter,
   number: NumberFilter,
   string: StringFilter,
+  select: SelectFilter,
   __default__: () => {
     throw new Error("Type no defined");
   }
@@ -592,19 +706,21 @@ const strategiesLabelsFilters = {
   datetime: getDateLabels,
   number: getNumberLabels,
   string: getStringLabels,
+  select: getSelectLabels,
   __default__: () => {
     throw new Error("Type no defined");
   }
 };
-const getLabelsFilter = (filter, getLabel, formatters) => {
+const getLabelsFilter = (filter, getLabel, formatters, field) => {
   const transformer = strategiesLabelsFilters[filter.field.type] ?? strategiesLabelsFilters.__default__;
-  return transformer(filter, getLabel, formatters);
+  return transformer(filter, getLabel, formatters, field);
 };
 const strategiesDefaultFilterValues = {
   boolean: getDefaultBooleanFilter,
   datetime: getDefaultDateTimeFilter,
   number: getDefaultNumberFilter,
   string: getDefaultStringFilter,
+  select: getDefaultSelectFilter,
   __default__: () => {
     throw new Error("Type no defined");
   }
@@ -613,17 +729,18 @@ const getDefaultValues = (field, fixed) => {
   const transformer = strategiesDefaultFilterValues[field.type] ?? strategiesDefaultFilterValues.__default__;
   return transformer(field, fixed);
 };
-const strategiesSchhemaValidationsFilters = {
+const strategiesSchemaValidationsFilters = {
   boolean: getBooleanSchema,
   datetime: getDateTimeSchema,
   number: getNumberSchema,
   string: getStringSchema,
+  select: getSelectSchema,
   __default__: () => {
     throw new Error("Type no defined");
   }
 };
 const getSchemaValidations = (field, getLabel) => {
-  const transformer = strategiesSchhemaValidationsFilters[field.type] ?? strategiesSchhemaValidationsFilters.__default__;
+  const transformer = strategiesSchemaValidationsFilters[field.type] ?? strategiesSchemaValidationsFilters.__default__;
   return transformer(getLabel);
 };
 const strategiesFormValue = {
@@ -631,6 +748,7 @@ const strategiesFormValue = {
   datetime: getDateTimeFormValue,
   number: getNumberFormValue,
   string: getStringFormValue,
+  select: getSelectFormValue,
   __default__: () => {
     throw new Error("Type no defined");
   }
@@ -644,6 +762,7 @@ const strategiesFilterFromFormValue = {
   datetime: getFilterFromDateTimeFormValue,
   number: getFilterFromNumberFormValue,
   string: getFilterFromStringFormValue,
+  select: getFilterFromSelectFormValue,
   __default__: () => {
     throw new Error("Type no defined");
   }
@@ -659,10 +778,7 @@ const verifyBooleanFilter = (filter) => {
   if (BOOLEAN_OPERATORS.findIndex((f) => f === filter.operator) === -1) {
     return false;
   }
-  if (typeof filter.operand1 !== "boolean") {
-    return false;
-  }
-  return true;
+  return typeof filter.operand1 === "boolean";
 };
 const verifyDateTime = (filter) => {
   if (typeof filter.operator !== "string") {
@@ -714,6 +830,25 @@ const verifyStringFilter = (filter) => {
   }
   return true;
 };
+const verifySelectFilter = (filter, field) => {
+  if (typeof filter.operator !== "string") {
+    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,
+    field
+  );
+  if (!validOperandsArray || validOperandsArray?.length === 0) {
+    return false;
+  }
+  return true;
+};
 const formatToInitialFilters = (applyedFilters) => {
   return applyedFilters.map((af) => {
     const ret = {
@@ -726,19 +861,32 @@ const formatToInitialFilters = (applyedFilters) => {
       ret.operand1 = af.operand1.toISOString();
       ret.operand2 = af.operator === "b" ? af.operand2.toISOString() : void 0;
     }
+    if (af.fieldType === "select") {
+      const validOperandsArray = filterValidOperandsArraySelect(af.operandsArray, af.field);
+      if (validOperandsArray && validOperandsArray?.length > 0) {
+        ret.operandsArray = validOperandsArray;
+      }
+    }
     if (ret.operand2 === void 0) {
       delete ret.operand2;
     }
     return ret;
   });
 };
-const formatToRawFilter = (applyedFilters) => {
-  return applyedFilters.map((af) => ({
-    n: af.field.name,
-    o: af.operator,
-    o1: af.operand1,
-    o2: af.operator === "b" ? af.operand2 : void 0
-  }));
+const formatToRawFilter = (appliedFilters) => {
+  return appliedFilters.map((af) => {
+    let oa = void 0;
+    if (af.field.type === "select" && af.operandsArray) {
+      oa = Array.isArray(af.operandsArray) ? af.operandsArray.map(af.field.selectOptions.getOptionId) : [af.field.selectOptions.getOptionId(af.operandsArray)];
+    }
+    return {
+      n: af.field.name,
+      o: af.operator,
+      o1: af.operand1,
+      o2: af.operator === "b" ? af.operand2 : void 0,
+      oa
+    };
+  });
 };
 const getPurgedInitialFiltersApplyed = (fields, initialFilters, getFieldByName) => {
   const newFilters = [];
@@ -756,7 +904,8 @@ const getPurgedInitialFiltersApplyed = (fields, initialFilters, getFieldByName)
         fieldType: field.type,
         operator: initialFilters[index].operator,
         operand1: initialFilters[index].operand1,
-        operand2: initialFilters[index].operand2
+        operand2: initialFilters[index].operand2,
+        operandsArray: initialFilters[index].operandsArray
       };
       if (!field)
         continue;
@@ -773,6 +922,9 @@ const getPurgedInitialFiltersApplyed = (fields, initialFilters, getFieldByName)
         case "datetime":
           add = verifyDateTime(initialFilter);
           break;
+        case "select":
+          add = verifySelectFilter(initialFilter, field);
+          break;
         default:
           add = false;
       }
@@ -918,16 +1070,17 @@ const createAreaStore = (initProps) => {
               state.popoverFilterData = {
                 openFor: "edit",
                 fnAnchorEl: () => anchorEl,
-                filter: filterToEdit
+                filter: filterToEdit,
+                field: filterToEdit.field
               };
             });
             get().actions.setInEdition(true);
           },
-          hidePopoverFilter: (stayInEditon) => {
+          hidePopoverFilter: (stayInEdition) => {
             set((state) => {
               state.popoverFilterData = void 0;
             });
-            get().actions.setInEdition(stayInEditon);
+            get().actions.setInEdition(stayInEdition);
           },
           clearFilters: () => {
             set((state) => {
@@ -1207,7 +1360,7 @@ function ApplyedFilter(props) {
   } = useDynamicFilter((state) => state.actions);
   const dataTestId = useDynamicFilter((state) => state.dataTestId);
   const labels = useMemo(() => {
-    return getLabelsFilter(props, getLabel, formatters);
+    return getLabelsFilter(props, getLabel, formatters, field);
   }, [props, getLabel]);
   const urlIcon = useMemo(() => {
     return field.urlIcon;
@@ -1275,6 +1428,7 @@ function ApplyedFilters() {
       className: classesWrapperApplyedFilters
     });
   }
+  const appliedFiltersSorted = [...applyedFilters].sort((filterA, filterB) => filterA.isSetted !== filterB.isSetted ? Number(filterA.isSetted) - Number(filterB.isSetted) : filterB.id - filterA.id);
   return /* @__PURE__ */ jsx(WrapperApplyedFilters, {
     className: classesWrapperApplyedFilters,
     ...process.env.NODE_ENV !== "production" ? {
@@ -1286,7 +1440,7 @@ function ApplyedFilters() {
         ...process.env.NODE_ENV !== "production" ? {
           [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "containerApplyedFilters", dataTestId)
         } : {},
-        children: [...applyedFilters].sort((a, b) => a.isSetted === b.isSetted ? 0 : a.isSetted ? -1 : 1).reverse().map((filter) => /* @__PURE__ */ jsx(ApplyedFilter, {
+        children: appliedFiltersSorted.map((filter) => /* @__PURE__ */ jsx(ApplyedFilter, {
           ...filter
         }, filter.id))
       })
@@ -1784,13 +1938,13 @@ const InnerForHooks = () => {
     })
   });
 };
-const DynamicFilter = (inProps) => {
+const DynamicFilter = (props) => {
   const render = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
   if (!render) {
     return null;
   }
   return /* @__PURE__ */ jsx(DynamicFilterProvider, {
-    ...inProps,
+    ...props,
     children: /* @__PURE__ */ jsx(InnerForHooks, {})
   });
 };

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

@@ -0,0 +1,51 @@
+import { GetLabelType } from '@m4l/core';
+import { FilterFieldApplyed, Field, DataTypeFilerLabels, FilterValue, FormFilterValueSelect, FormOperandSelect } from '../../../types';
+import { Formatters } from '@m4l/graphics';
+/**
+ * @description Filtra los valores de operandArray para que solo tengan valores validos
+ * @param operandsArray valores del OperandsArray
+ * @param field Propiedades del field
+ * @returns FormOperandSelect[] operandArray filtrado con valores validados
+ */
+export declare function filterValidOperandsArraySelect(operandsArray: FormOperandSelect[] | FormOperandSelect, field: Field): FormOperandSelect[];
+/**
+ * @description Devuelve un filtro Select por defecto cuando es nuevo el filtro
+ * @param field Sobre que campo se va a incializar
+ * @param fixed Indica si es fijo el filtro
+ * @returns El filtro por defecto
+ */
+export declare const getDefaultSelectFilter: (field: Field, fixed: boolean) => FilterFieldApplyed;
+/**
+ * @description Funciona encargada de devolver los labels necesarios para visualizar un filtro
+ * @param filter Filtro aplicado
+ * @param getLabel Función traductora de etiquetas
+ * @param formatters Funciones formateadoras
+ * @param field Propiedades del field
+ * @returns Objeto con los labels necesarios para visualizar
+ */
+export declare const getSelectLabels: (filter: FilterFieldApplyed, getLabel: GetLabelType, formatters: Formatters, field: Field) => DataTypeFilerLabels;
+/**
+ * @description Funcion que retorna el esquema de validación para los select
+ * @param getLabel Función traductora de etiquetas
+ * @returns Schema de yup
+ */
+export declare const getSelectSchema: (getLabel: GetLabelType) => import("yup/lib/object").OptionalObjectSchema<{
+    formValueOperator: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    formValueOperandsArray: import("yup/lib/Lazy").default<import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null> | import("yup/lib/array").RequiredArraySchema<import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>, import("yup/lib/types").AnyObject, (import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null)[] | undefined>, any>;
+}, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<{
+    formValueOperator: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    formValueOperandsArray: import("yup/lib/Lazy").default<import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null> | import("yup/lib/array").RequiredArraySchema<import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>, import("yup/lib/types").AnyObject, (import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null)[] | undefined>, any>;
+}>>;
+/**
+ * @description Funcion que transforma los valores del filtro en valores compoatibles con React-hook-forms
+ * @param field - Campo del filtro aplicado
+ * @param getLabel - Función traductora de etiquetas
+ * @param filterValueSelect - Valor del filtro
+ * @returns Objeto con los valores que se pueden usar en hook-forms
+ */
+export declare const getSelectFormValue: (field: Field, getLabel: GetLabelType, filterValueSelect?: FilterValue | undefined) => FormFilterValueSelect;
+/**
+ * @description Funcion que transforma los valores de React-hook-forms a valores compatibles con el filtro
+ * @returns Objeto con los valores que se pueden en el filtro
+ */
+export declare const getFilterFromSelectFormValue: (formFilterValue: FormFilterValueSelect) => FilterValue;

package/components/DynamicFilter/subcomponents/fieldstypes/SelectFilter/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description Subcomponente encargado de los filtros con el tipo de dato "boolean"
+ * @returns
+ */
+export declare function SelectFilter(): import("react/jsx-runtime").JSX.Element;

package/components/DynamicFilter/subcomponents/fieldstypes/factory.d.ts

@@ -15,12 +15,13 @@ export declare const DataTypeComponent: (props: {
 }) => import("react/jsx-runtime").JSX.Element;
 /**
  * @description Funciona encargada de devolver los labels necesarios para visualizar un filtro
- * @param field Campo del filtro aplicado
- * @param filter Filtro aplicado
- * @param getLabel Función traductora de etiquetas
+ * @param filter - Filtro aplicado
+ * @param getLabel - Función traductora de etiquetas
+ * @param formatters - Funciones para formatear moneda, fecha y numeros
+ * @param field - Propiedades del field
  * @returns Objeto con los labels necesarios para visualizar
  */
-export declare const getLabelsFilter: (filter: FilterFieldApplyed, getLabel: GetLabelType, formatters: Formatters) => DataTypeFilerLabels;
+export declare const getLabelsFilter: (filter: FilterFieldApplyed, getLabel: GetLabelType, formatters: Formatters, field: Field) => DataTypeFilerLabels;
 /**
  * @description Devuelve un filtro de un tipo de dato por defecto cuando es nuevo el filtro
  * @param field Sobre que campo se va a incializar
@@ -30,6 +31,7 @@ export declare const getLabelsFilter: (filter: FilterFieldApplyed, getLabel: Get
 export declare const getDefaultValues: (field: Field, fixed: boolean) => FilterFieldApplyed;
 /**
  * @description Funcion que retorna el esquema de validación para los boolean
+ * @param field Sobre que campo se va a incializar
  * @param getLabel Función traductora de etiquetas
  * @returns
  */
@@ -61,6 +63,12 @@ export declare const getSchemaValidations: (field: Field, getLabel: GetLabelType
 }, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<{
     formValueOperator: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
     formValueOperand1: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>> | import("yup/lib/object").OptionalObjectSchema<{
+    formValueOperator: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    formValueOperandsArray: import("yup/lib/Lazy").default<import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null> | import("yup/lib/array").RequiredArraySchema<import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>, import("yup/lib/types").AnyObject, (import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null)[] | undefined>, any>;
+}, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<{
+    formValueOperator: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    formValueOperandsArray: import("yup/lib/Lazy").default<import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null> | import("yup/lib/array").RequiredArraySchema<import("yup/lib/object").OptionalObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>, import("yup/lib/types").AnyObject, (import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null)[] | undefined>, any>;
 }>>;
 /**
  * @description Funcion que transforma los valores del filtro en valores compoatibles con React-hook-forms

package/components/DynamicFilter/subcomponents/fieldstypes/validations.d.ts

@@ -1,4 +1,4 @@
-import { InitialFilterApplyed } from '../../types';
+import { Field, InitialFilterApplyed } from '../../types';
 /**
  * @description Función que verifica si el filtro es correcto cuando el tipo de de dato es Boolean
  * @param filter : Filtro que proviene normalmentee de las cookies ;
@@ -23,3 +23,10 @@ export declare const verifyNumberFilter: (filter: InitialFilterApplyed) => boole
  * @returns
  */
 export declare const verifyStringFilter: (filter: InitialFilterApplyed) => boolean;
+/**
+ * @description Función que verifica si el filtro es correcto cuando el tipo de de dato es Select
+ * @param filter - Filtro que proviene normalmentee de las cookies
+ * @param field - Propiedades del campo
+ * @returns boolean True si el filtro tiene un operador y operando correctos
+ */
+export declare const verifySelectFilter: (filter: InitialFilterApplyed, field: Field) => boolean;