@stackcraftmx/calcita 0.56.0 → 0.58.0

package/dist/types/ui/filters/filterDrawerFields.d.ts

@@ -10,6 +10,15 @@ export declare const FILTER_FIELD_KIND: Readonly<{
     comparison: "comparison";
     custom: "custom";
 }>;
+/**
+ * Lo que puede estar mal en un campo del cajón; cada uno es su texto en common.filterDrawer. Mientras haya uno, «Buscar» no
+ * busca.
+ */
+export declare const FILTER_FIELD_PROBLEM: Readonly<{
+    rangeBackwards: "rangeBackwards";
+    beforeMinDate: "dateBeforeMin";
+    afterMaxDate: "dateAfterMax";
+}>;
 /** Los operadores de un campo de comparación, como viajan ('gte:500'). */
 export declare const COMPARISON_OPERATOR: Readonly<{
     equals: "eq";
@@ -29,7 +38,20 @@ export declare function isListField(field: {
     multiple?: boolean;
 }): boolean;
 /**
- * Los nombres con que viaja un campo en los filtros: uno, o dos para un rango.
+ * ¿El campo guarda un «desde» y un «hasta»? Los rangos de la casa y los propios.
+ *
+ * @param {{kind: string, keys?: {from?: string, to?: string}}} field
+ * @returns {boolean}
+ */
+export declare function isRangeField(field: {
+    kind: string;
+    keys?: {
+        from?: string;
+        to?: string;
+    };
+}): boolean;
+/**
+ * Los nombres con que viaja un campo en los filtros: uno, o dos para un rango (también uno propio: custom con keys).
  *
  * @param {{name: string, kind: string, keys?: {from?: string, to?: string}}} field
  * @returns {string[]}
@@ -106,13 +128,66 @@ export declare function filterDrawerDefaultsOf(fields: object[]): Record<string,
  */
 export declare function activeDrawerFilterCountOf(fields: object[], filters: Record<string, unknown>): number;
 /**
- * Los rangos que no tienen sentido («hasta» menor que «desde»): {llave de «hasta»: true}.
+ * Los rangos que no tienen sentido («hasta» menor que «desde»): {llave de «hasta»: true}. También los propios (custom con
+ * keys) que traen isBackwards.
  *
  * @param {object[]} fields
  * @param {Record<string, unknown>} values
  * @returns {Record<string, boolean>}
  */
 export declare function invalidRangesOf(fields: object[], values: Record<string, unknown>): Record<string, boolean>;
+/**
+ * Los topes de un dateRange: minDate y maxDate del campo, y hoy si pide disablePast o disableFuture (el más estrecho gana).
+ *
+ * @param {{minDate?: string, maxDate?: string, disablePast?: boolean, disableFuture?: boolean}} field
+ * @param {string} today AAAA-MM-DD en la zona del producto (todayInZone)
+ * @returns {{minDate?: string, maxDate?: string}}
+ */
+export declare function dateLimitsOf(field: {
+    minDate?: string;
+    maxDate?: string;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+}, today: string): {
+    minDate?: string;
+    maxDate?: string;
+};
+/**
+ * Los topes de cada extremo de un dateRange para su calendario: los del campo y, además, cada extremo acota al otro (el
+ * «desde» no pasa del «hasta» puesto y el «hasta» no baja del «desde»).
+ *
+ * @param {object} field
+ * @param {Record<string, unknown>} values el borrador del cajón
+ * @param {string} today AAAA-MM-DD en la zona del producto
+ * @returns {{from: {minDate?: string, maxDate?: string}, to: {minDate?: string, maxDate?: string}}}
+ */
+export declare function dateRangeBoundsOf(field: object, values: Record<string, unknown>, today: string): {
+    from: {
+        minDate?: string;
+        maxDate?: string;
+    };
+    to: {
+        minDate?: string;
+        maxDate?: string;
+    };
+};
+/**
+ * Lo que está mal en los campos del cajón, por llave: un rango al revés (en su «hasta») y una fecha fuera de los topes de
+ * su dateRange (la que se tecleó: el calendario ya no deja escogerla). Mientras haya algo, «Buscar» no busca.
+ *
+ *   {created_to: {problem: 'rangeBackwards'}, paid_from: {problem: 'dateBeforeMin', date: '2026-01-01'}}
+ *
+ * @param {object[]} fields
+ * @param {Record<string, unknown>} values
+ * @param {{today?: string}} [options] hoy AAAA-MM-DD en la zona del producto (para disablePast y disableFuture)
+ * @returns {Record<string, {problem: string, date?: string}>} problem es FILTER_FIELD_PROBLEM; date, el tope que se pasó
+ */
+export declare function drawerProblemsOf(fields: object[], values: Record<string, unknown>, { today }?: {
+    today?: string;
+}): Record<string, {
+    problem: string;
+    date?: string;
+}>;
 /**
  * Los chips de los campos del cajón, con la forma de buildChipConfig: cada valor con su etiqueta, ya dicho en palabras.
  *

package/dist/ui/filters/FilterDrawer.js

@@ -15,20 +15,48 @@ import NumberInput from "../../inputs/NumberInput.js";
 import SelectInput from "../../inputs/SelectInput.js";
 import TextInput from "../../inputs/TextInput.js";
 import { piecePart, withPieceSlots, usePieceProps } from "../../theme/themePieces.js";
+import { useToolkitSettings } from "../../toolkit/toolkitContext.js";
+import { useFormatters } from "../../toolkit/useFormatters.js";
 import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
 import { warnUnknownProps } from "../../toolkit/unknownProps.js";
-import { drawerValuesOf, invalidRangesOf, emptyDrawerValuesOf, filterKeysOf, FILTER_FIELD_KIND, comparisonOf, COMPARISON_OPERATOR, comparisonTextOf } from "./filterDrawerFields.js";
+import { drawerValuesOf, drawerProblemsOf, emptyDrawerValuesOf, filterKeysOf, FILTER_FIELD_KIND, comparisonOf, COMPARISON_OPERATOR, comparisonTextOf, dateRangeBoundsOf } from "./filterDrawerFields.js";
+import { todayInZone } from "../metrics/heatmapScale.js";
 const FILTER_DRAWER_ANCHOR = Object.freeze({ left: "left", right: "right" });
 const DEFAULT_WIDTH = 380;
 const ANY_OPTION = "__calcita_any__";
+const DRAWER_CONTAINER_NAME = "calcita-filter-drawer";
+function BrowserDateInput({ name, label, value, onChange, error, helperText, minDate, maxDate, className }) {
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      type: "date",
+      name,
+      label,
+      value,
+      onChange,
+      error,
+      helperText,
+      clearable: false,
+      className,
+      slotProps: { htmlInput: { min: minDate, max: maxDate } }
+    }
+  );
+}
 const THEME_NAME = "CalcitaFilterDrawer";
 const FilterDrawerHeader = piecePart(THEME_NAME, "Header", Stack);
 const FilterDrawerBody = piecePart(THEME_NAME, "Body", Stack);
 const FilterDrawerFooter = piecePart(THEME_NAME, "Footer", Stack);
-function PairedField({ label, inputId, children, template = "1fr 1fr" }) {
-  return /* @__PURE__ */ jsx(FieldFrame, { inputId, label, children: /* @__PURE__ */ jsx(Box, { sx: { display: "grid", gridTemplateColumns: template, gap: 1.5, alignItems: "start" }, children }) });
+const FilterDrawerDateInput = piecePart(THEME_NAME, "DateInput", BrowserDateInput);
+function PairedField({ label, inputId, children, template = "minmax(0, 1fr) minmax(0, 1fr)", stackPairsBelow }) {
+  return /* @__PURE__ */ jsx(FieldFrame, { inputId, label, children: /* @__PURE__ */ jsx(Box, { sx: {
+    display: "grid",
+    gridTemplateColumns: template,
+    gap: 1.5,
+    alignItems: "start",
+    ...stackPairsBelow && { [`@container ${DRAWER_CONTAINER_NAME} (width < ${stackPairsBelow}px)`]: { gridTemplateColumns: "minmax(0, 1fr)" } }
+  }, children }) });
 }
-function DrawerField({ field, values, setValue, invalidRanges, t }) {
+function DrawerField({ field, values, setValue, errorOf, today, stackPairsBelow, t }) {
   const fieldId = useId();
   const [key] = filterKeysOf(field);
   switch (field.kind) {
@@ -66,7 +94,7 @@ function DrawerField({ field, values, setValue, invalidRanges, t }) {
     case FILTER_FIELD_KIND.numberRange: {
       const [fromKey, toKey] = filterKeysOf(field);
       const numberProps = { decimals: field.decimals ?? 0, prefix: field.prefix, suffix: field.suffix, helperText: "" };
-      return /* @__PURE__ */ jsxs(PairedField, { label: field.label, inputId: `${fieldId}-from`, children: [
+      return /* @__PURE__ */ jsxs(PairedField, { label: field.label, inputId: `${fieldId}-from`, stackPairsBelow, children: [
         /* @__PURE__ */ jsx(NumberInput, { label: t("filterDrawer.from"), value: values[fromKey], onChange: (number) => setValue(fromKey, number), ...numberProps }),
         /* @__PURE__ */ jsx(
           NumberInput,
@@ -75,24 +103,36 @@ function DrawerField({ field, values, setValue, invalidRanges, t }) {
             value: values[toKey],
             onChange: (number) => setValue(toKey, number),
             ...numberProps,
-            error: invalidRanges[toKey] ? t("filterDrawer.rangeBackwards") : void 0
+            error: errorOf(toKey)
           }
         )
       ] });
     }
     case FILTER_FIELD_KIND.dateRange: {
       const [fromKey, toKey] = filterKeysOf(field);
-      return /* @__PURE__ */ jsxs(PairedField, { label: field.label, inputId: `${fieldId}-from`, children: [
-        /* @__PURE__ */ jsx(TextInput, { type: "date", label: t("filterDrawer.from"), value: values[fromKey], onChange: (date) => setValue(fromKey, date), clearable: false, helperText: "" }),
+      const bounds = dateRangeBoundsOf(field, values, today);
+      return /* @__PURE__ */ jsxs(PairedField, { label: field.label, inputId: `${fieldId}-from`, stackPairsBelow, children: [
+        /* @__PURE__ */ jsx(
+          FilterDrawerDateInput,
+          {
+            name: fromKey,
+            label: t("filterDrawer.from"),
+            value: values[fromKey],
+            onChange: (date) => setValue(fromKey, date),
+            error: errorOf(fromKey),
+            helperText: "",
+            ...bounds.from
+          }
+        ),
         /* @__PURE__ */ jsx(
-          TextInput,
+          FilterDrawerDateInput,
           {
-            type: "date",
+            name: toKey,
             label: t("filterDrawer.to"),
             value: values[toKey],
             onChange: (date) => setValue(toKey, date),
-            clearable: false,
-            error: invalidRanges[toKey] ? t("filterDrawer.rangeBackwards") : void 0
+            error: errorOf(toKey),
+            ...bounds.to
           }
         )
       ] });
@@ -101,7 +141,7 @@ function DrawerField({ field, values, setValue, invalidRanges, t }) {
       const parts = comparisonOf(values[key]);
       const operators = field.operators ?? Object.values(COMPARISON_OPERATOR);
       const operator = parts?.operator ?? field.defaultOperator ?? operators[0];
-      return /* @__PURE__ */ jsxs(PairedField, { label: field.label, inputId: `${fieldId}-value`, template: "minmax(0, 1fr) minmax(0, 1.2fr)", children: [
+      return /* @__PURE__ */ jsxs(PairedField, { label: field.label, inputId: `${fieldId}-value`, template: "minmax(0, 1fr) minmax(0, 1.2fr)", stackPairsBelow, children: [
         /* @__PURE__ */ jsx(
           SelectInput,
           {
@@ -126,8 +166,11 @@ function DrawerField({ field, values, setValue, invalidRanges, t }) {
         )
       ] });
     }
-    case FILTER_FIELD_KIND.custom:
-      return field.render({ value: values[key], onChange: (next) => setValue(key, next), values, setValue });
+    case FILTER_FIELD_KIND.custom: {
+      const keys = filterKeysOf(field);
+      const errors = Object.fromEntries(keys.map((fieldKey) => [fieldKey, errorOf(fieldKey)]).filter(([, text]) => text));
+      return field.render({ value: values[key], onChange: (next) => setValue(key, next), values, setValue, keys, errors });
+    }
     default:
       return null;
   }
@@ -144,12 +187,15 @@ function FilterDrawerContent(props) {
     title,
     applyLabel,
     closeOnApply = true,
+    stackPairsBelow,
     children,
     texts,
     ...unknownProps
   } = usePieceProps(props, THEME_NAME);
   warnUnknownProps(THEME_NAME, unknownProps);
   const { t } = useToolkitTranslation("common", texts);
+  const { timeZone } = useToolkitSettings();
+  const { formatDate } = useFormatters();
   const titleId = useId();
   const [draft, setDraft] = useState(() => drawerValuesOf(fields, values));
   useEffect(() => {
@@ -157,8 +203,10 @@ function FilterDrawerContent(props) {
       setDraft(drawerValuesOf(fields, values));
     }
   }, [open]);
-  const invalidRanges = invalidRangesOf(fields, draft);
-  const hasInvalidRange = Object.keys(invalidRanges).length > 0;
+  const today = todayInZone(timeZone);
+  const problems = drawerProblemsOf(fields, draft, { today });
+  const hasProblems = Object.keys(problems).length > 0;
+  const errorOf = (key) => problems[key] ? t(`filterDrawer.${problems[key].problem}`, { date: formatDate(problems[key].date) }) : void 0;
   const setValue = (key, value) => setDraft((current) => ({ ...current, [key]: value }));
   const apply = () => {
     onApply(draft);
@@ -166,42 +214,59 @@ function FilterDrawerContent(props) {
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      anchor,
-      open,
-      onClose,
-      slotProps: { paper: { "aria-labelledby": titleId, className: `${THEME_NAME}-paper`, sx: { width: { xs: "100%", sm: width }, maxWidth: "100%" } } },
-      children: /* @__PURE__ */ jsxs(
-        Box,
-        {
-          component: "form",
-          noValidate: true,
-          sx: { display: "flex", flexDirection: "column", height: "100%" },
-          onSubmit: (event) => {
-            event.preventDefault();
-            if (!hasInvalidRange) {
-              apply();
-            }
-          },
-          children: [
-            /* @__PURE__ */ jsxs(FilterDrawerHeader, { direction: "row", ownSx: { alignItems: "center", gap: 1, px: 2, py: 1.5, borderBottom: 1, borderColor: "divider" }, children: [
-              /* @__PURE__ */ jsx(IconButton, { "aria-label": t("filterDrawer.close"), onClick: onClose, edge: "start", children: /* @__PURE__ */ jsx(CloseRoundedIcon, {}) }),
-              /* @__PURE__ */ jsx(Typography, { id: titleId, variant: "h6", component: "h2", sx: { flexGrow: 1 }, children: title ?? t("filterDrawer.title") })
-            ] }),
-            /* @__PURE__ */ jsxs(FilterDrawerBody, { spacing: 1, ownSx: { flex: 1, overflowY: "auto", px: 2.5, py: 2 }, children: [
-              fields.map((field) => /* @__PURE__ */ jsx(DrawerField, { field, values: draft, setValue, invalidRanges, t }, field.name)),
-              children
-            ] }),
-            /* @__PURE__ */ jsxs(FilterDrawerFooter, { direction: "row", ownSx: { gap: 1, justifyContent: "flex-end", px: 2.5, py: 1.5, borderTop: 1, borderColor: "divider" }, children: [
-              /* @__PURE__ */ jsx(Button, { onClick: () => setDraft(emptyDrawerValuesOf(fields)), children: t("filterDrawer.clear") }),
-              /* @__PURE__ */ jsx(Button, { type: "submit", variant: "contained", disabled: hasInvalidRange, children: applyLabel ?? t("filterDrawer.apply") })
-            ] })
-          ]
-        }
-      )
-    }
+  return (
+    // en la capa de las ventanas (modal), no en la del menú lateral (drawer): la barra de la app va encima del menú a
+    // propósito y, en la misma capa, tapaba el título y la × del cajón (medido en Chrome sin vidrio y con el minimalista)
+    /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        anchor,
+        open,
+        onClose,
+        sx: { zIndex: (theme) => theme.zIndex.modal },
+        slotProps: { paper: { "aria-labelledby": titleId, className: `${THEME_NAME}-paper`, sx: { width: { xs: "100%", sm: width }, maxWidth: "100%" } } },
+        children: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            component: "form",
+            noValidate: true,
+            sx: { display: "flex", flexDirection: "column", height: "100%", ...stackPairsBelow && { containerType: "inline-size", containerName: DRAWER_CONTAINER_NAME } },
+            onSubmit: (event) => {
+              event.preventDefault();
+              if (!hasProblems) {
+                apply();
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsxs(FilterDrawerHeader, { direction: "row", ownSx: { alignItems: "center", gap: 1, px: 2, py: 1.5, borderBottom: 1, borderColor: "divider" }, children: [
+                /* @__PURE__ */ jsx(IconButton, { "aria-label": t("filterDrawer.close"), onClick: onClose, edge: "start", children: /* @__PURE__ */ jsx(CloseRoundedIcon, {}) }),
+                /* @__PURE__ */ jsx(Typography, { id: titleId, variant: "h6", component: "h2", sx: { flexGrow: 1 }, children: title ?? t("filterDrawer.title") })
+              ] }),
+              /* @__PURE__ */ jsxs(FilterDrawerBody, { spacing: 1, ownSx: { flex: 1, overflowY: "auto", px: 2.5, py: 2 }, children: [
+                fields.map((field) => /* @__PURE__ */ jsx(
+                  DrawerField,
+                  {
+                    field,
+                    values: draft,
+                    setValue,
+                    errorOf,
+                    today,
+                    stackPairsBelow,
+                    t
+                  },
+                  field.name
+                )),
+                children
+              ] }),
+              /* @__PURE__ */ jsxs(FilterDrawerFooter, { direction: "row", ownSx: { gap: 1, justifyContent: "flex-end", px: 2.5, py: 1.5, borderTop: 1, borderColor: "divider" }, children: [
+                /* @__PURE__ */ jsx(Button, { onClick: () => setDraft(emptyDrawerValuesOf(fields)), children: t("filterDrawer.clear") }),
+                /* @__PURE__ */ jsx(Button, { type: "submit", variant: "contained", disabled: hasProblems, children: applyLabel ?? t("filterDrawer.apply") })
+              ] })
+            ]
+          }
+        )
+      }
+    )
   );
 }
 const FilterDrawer = withPieceSlots(FilterDrawerContent, THEME_NAME);

package/dist/ui/filters/FilterDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDrawer.js","sources":["../../../src/ui/filters/FilterDrawer.jsx"],"sourcesContent":["// El cajón de búsqueda: un panel que sale de un lado con los campos que filtran una lista (las listas, un rango\n// «desde-hasta», unas fechas, un monto con su operador), para cuando los filtros ya no caben arriba de la tabla.\n//\n// Lo que se cambia adentro es un BORRADOR: la lista no se mueve hasta «Buscar» (no se consulta al servidor con cada tecla).\n// «Limpiar» vacía los campos del cajón; «Buscar» manda todos juntos (onApply) y cierra. Un rango al revés («hasta» menor que\n// «desde») se dice en su campo y no deja buscar.\n//\n// Los campos se declaran (filterDrawerFields.js dice cómo viaja cada uno); con kind 'custom' va uno propio (render). Para\n// conectarlo a ServerTable con su botón y sus chips: ServerTableFilterDrawer de /table.\n//\n// Configurable: de qué lado sale (anchor), su ancho, su título y los textos de sus botones. En el teléfono ocupa todo el\n// ancho.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaFilterDrawer con defaultProps y\n// styleOverrides de sus partes: paper, header, body, footer.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useId, useState} from 'react';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport CloseRoundedIcon from '@mui/icons-material/CloseRounded';\n\nimport CatalogInput from '@/inputs/CatalogInput.jsx';\nimport CheckboxGroupInput from '@/inputs/CheckboxGroupInput.jsx';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\nimport NumberInput from '@/inputs/NumberInput.jsx';\nimport SelectInput from '@/inputs/SelectInput.jsx';\nimport TextInput from '@/inputs/TextInput.jsx';\nimport {piecePart, usePieceProps, withPieceSlots} from '@/theme/themePieces.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport {\n    COMPARISON_OPERATOR, FILTER_FIELD_KIND, comparisonOf, comparisonTextOf, drawerValuesOf, emptyDrawerValuesOf, filterKeysOf,\n    invalidRangesOf,\n} from '@/ui/filters/filterDrawerFields.js';\n\n/** De qué lado sale el cajón. */\nexport const FILTER_DRAWER_ANCHOR = Object.freeze({left: 'left', right: 'right'});\nconst DEFAULT_WIDTH = 380;\n// «Cualquiera» de una lista de una sola opción: no es una opción y viaja como '' (sin filtro)\nconst ANY_OPTION = '__calcita_any__';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaFilterDrawer)\nconst THEME_NAME = 'CalcitaFilterDrawer';\nconst FilterDrawerHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst FilterDrawerBody = piecePart(THEME_NAME, 'Body', Stack);\nconst FilterDrawerFooter = piecePart(THEME_NAME, 'Footer', Stack);\n\n/**\n * Dos campos lado a lado (desde y hasta, operador y número); en un cajón angosto se ven bien juntos.\n *\n * @param {{label: import('react').ReactNode, inputId: string, children: import('react').ReactNode, template?: string}} props\n */\nfunction PairedField({label, inputId, children, template = '1fr 1fr'}) {\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <Box sx={{display: 'grid', gridTemplateColumns: template, gap: 1.5, alignItems: 'start'}}>{children}</Box>\n        </FieldFrame>\n    );\n}\n\n/**\n * Un campo del cajón según su tipo, con las piezas de la casa.\n *\n * @param {object} props\n */\nfunction DrawerField({field, values, setValue, invalidRanges, t}) {\n    const fieldId = useId();\n    const [key] = filterKeysOf(field);\n    switch (field.kind) {\n        case FILTER_FIELD_KIND.text:\n            return <TextInput label={field.label} value={values[key]} onChange={(text) => setValue(key, text)} placeholder={field.placeholder} />;\n        case FILTER_FIELD_KIND.select:\n            return (\n                <SelectInput label={field.label} value={values[key] || ANY_OPTION} onChange={(chosen) => setValue(key, chosen === ANY_OPTION ? '' : chosen)}\n                             options={[{value: ANY_OPTION, label: t('filterDrawer.any')}, ...field.options]} />\n            );\n        case FILTER_FIELD_KIND.multiSelect:\n            return <SelectInput label={field.label} value={values[key]} onChange={(chosen) => setValue(key, chosen)} options={field.options} multiple selectAll checkboxes />;\n        case FILTER_FIELD_KIND.catalog:\n            return (\n                <CatalogInput label={field.label} value={values[key]} onChange={(chosen) => setValue(key, chosen)} options={field.options}\n                              multiple={field.multiple} selectAll={field.multiple} checkboxes={field.multiple} formatLabel={field.formatLabel}\n                              placeholder={field.placeholder} />\n            );\n        case FILTER_FIELD_KIND.checkboxes:\n            return <CheckboxGroupInput label={field.label} value={values[key]} onChange={(chosen) => setValue(key, chosen)} options={field.options} selectAll={field.selectAll} />;\n        case FILTER_FIELD_KIND.numberRange: {\n            const [fromKey, toKey] = filterKeysOf(field);\n            const numberProps = {decimals: field.decimals ?? 0, prefix: field.prefix, suffix: field.suffix, helperText: ''};\n            return (\n                <PairedField label={field.label} inputId={`${fieldId}-from`}>\n                    <NumberInput label={t('filterDrawer.from')} value={values[fromKey]} onChange={(number) => setValue(fromKey, number)} {...numberProps} />\n                    <NumberInput label={t('filterDrawer.to')} value={values[toKey]} onChange={(number) => setValue(toKey, number)} {...numberProps}\n                                 error={invalidRanges[toKey] ? t('filterDrawer.rangeBackwards') : undefined} />\n                </PairedField>\n            );\n        }\n        case FILTER_FIELD_KIND.dateRange: {\n            const [fromKey, toKey] = filterKeysOf(field);\n            // el calendario del navegador (como DateRangeFilter): viaja AAAA-MM-DD, sin pedir MUI X\n            return (\n                <PairedField label={field.label} inputId={`${fieldId}-from`}>\n                    <TextInput type=\"date\" label={t('filterDrawer.from')} value={values[fromKey]} onChange={(date) => setValue(fromKey, date)} clearable={false} helperText=\"\" />\n                    <TextInput type=\"date\" label={t('filterDrawer.to')} value={values[toKey]} onChange={(date) => setValue(toKey, date)} clearable={false}\n                               error={invalidRanges[toKey] ? t('filterDrawer.rangeBackwards') : undefined} />\n                </PairedField>\n            );\n        }\n        case FILTER_FIELD_KIND.comparison: {\n            const parts = comparisonOf(values[key]);\n            const operators = field.operators ?? Object.values(COMPARISON_OPERATOR);\n            const operator = parts?.operator ?? field.defaultOperator ?? operators[0];\n            return (\n                <PairedField label={field.label} inputId={`${fieldId}-value`} template=\"minmax(0, 1fr) minmax(0, 1.2fr)\">\n                    <SelectInput label={t('filterDrawer.operator')} value={operator} helperText=\"\"\n                                 options={operators.map((option) => ({value: option, label: t(`filterDrawer.operators.${option}`)}))}\n                                 onChange={(chosen) => setValue(key, comparisonTextOf(chosen, parts?.value ?? ''))} />\n                    <NumberInput label={t('filterDrawer.value')} value={parts?.value ?? ''} decimals={field.decimals ?? 2} prefix={field.prefix} suffix={field.suffix}\n                                 helperText=\"\" onChange={(number) => setValue(key, comparisonTextOf(operator, number))} />\n                </PairedField>\n            );\n        }\n        case FILTER_FIELD_KIND.custom:\n            return field.render({value: values[key], onChange: (next) => setValue(key, next), values, setValue});\n        default:\n            return null;\n    }\n}\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {() => void} props.onClose\n * @param {object[]} props.fields los campos (filterDrawerFields.js): {name, label, kind, options?, keys?, prefix?, suffix?, decimals?, operators?, render?…}\n * @param {Record<string, unknown>} props.values los filtros puestos hoy (de ahí sale el borrador al abrir)\n * @param {(values: Record<string, unknown>) => void} props.onApply todos los campos del cajón juntos, al picar «Buscar»\n * @param {'left'|'right'} [props.anchor] de qué lado sale (FILTER_DRAWER_ANCHOR); por omisión la derecha\n * @param {number} [props.width] su ancho en escritorio, en px\n * @param {string} [props.title] ya traducido; por omisión «Filtros»\n * @param {string} [props.applyLabel] ya traducido; por omisión «Buscar»\n * @param {boolean} [props.closeOnApply] por omisión sí\n * @param {import('react').ReactNode} [props.children] algo más abajo de los campos (una nota, un enlace)\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nfunction FilterDrawerContent(props) {\n    const {\n        open, onClose, fields, values, onApply, anchor = FILTER_DRAWER_ANCHOR.right, width = DEFAULT_WIDTH, title, applyLabel,\n        closeOnApply = true, children, texts,\n        ...unknownProps\n    } = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const titleId = useId();\n    const [draft, setDraft] = useState(() => drawerValuesOf(fields, values));\n    // cada vez que se abre, el borrador empieza de lo que hay puesto (lo de la vez pasada sin buscar no se queda)\n    useEffect(() => {\n        if (open) {\n            setDraft(drawerValuesOf(fields, values));\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n    const invalidRanges = invalidRangesOf(fields, draft);\n    const hasInvalidRange = Object.keys(invalidRanges).length > 0;\n    const setValue = (key, value) => setDraft((current) => ({...current, [key]: value}));\n    const apply = () => {\n        onApply(draft);\n        if (closeOnApply) {\n            onClose();\n        }\n    };\n\n    return (\n        <Drawer\n            anchor={anchor}\n            open={open}\n            onClose={onClose}\n            slotProps={{paper: {'aria-labelledby': titleId, className: `${THEME_NAME}-paper`, sx: {width: {xs: '100%', sm: width}, maxWidth: '100%'}}}}\n        >\n            <Box component=\"form\" noValidate sx={{display: 'flex', flexDirection: 'column', height: '100%'}}\n                 onSubmit={(event) => {\n                     event.preventDefault();\n                     if (!hasInvalidRange) {\n                         apply();\n                     }\n                 }}>\n                <FilterDrawerHeader direction=\"row\" ownSx={{alignItems: 'center', gap: 1, px: 2, py: 1.5, borderBottom: 1, borderColor: 'divider'}}>\n                    <IconButton aria-label={t('filterDrawer.close')} onClick={onClose} edge=\"start\"><CloseRoundedIcon /></IconButton>\n                    <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{flexGrow: 1}}>{title ?? t('filterDrawer.title')}</Typography>\n                </FilterDrawerHeader>\n                <FilterDrawerBody spacing={1} ownSx={{flex: 1, overflowY: 'auto', px: 2.5, py: 2}}>\n                    {fields.map((field) => (\n                        <DrawerField key={field.name} field={field} values={draft} setValue={setValue} invalidRanges={invalidRanges} t={t} />\n                    ))}\n                    {children}\n                </FilterDrawerBody>\n                <FilterDrawerFooter direction=\"row\" ownSx={{gap: 1, justifyContent: 'flex-end', px: 2.5, py: 1.5, borderTop: 1, borderColor: 'divider'}}>\n                    <Button onClick={() => setDraft(emptyDrawerValuesOf(fields))}>{t('filterDrawer.clear')}</Button>\n                    <Button type=\"submit\" variant=\"contained\" disabled={hasInvalidRange}>{applyLabel ?? t('filterDrawer.apply')}</Button>\n                </FilterDrawerFooter>\n            </Box>\n        </Drawer>\n    );\n}\n\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst FilterDrawer = withPieceSlots(FilterDrawerContent, THEME_NAME);\nexport default FilterDrawer;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterDrawer.js","sources":["../../../src/ui/filters/FilterDrawer.jsx"],"sourcesContent":["// El cajón de búsqueda: un panel que sale de un lado con los campos que filtran una lista (las listas, un rango\n// «desde-hasta», unas fechas, un monto con su operador), para cuando los filtros ya no caben arriba de la tabla.\n//\n// Lo que se cambia adentro es un BORRADOR: la lista no se mueve hasta «Buscar» (no se consulta al servidor con cada tecla).\n// «Limpiar» vacía los campos del cajón; «Buscar» manda todos juntos (onApply) y cierra. Un rango al revés («hasta» menor que\n// «desde») o una fecha fuera de sus topes se dice en su campo y no deja buscar; nada se borra solo.\n//\n// Los campos se declaran (filterDrawerFields.js dice cómo viaja cada uno); con kind 'custom' va uno propio (render), o un\n// rango propio con sus dos llaves (keys). Para conectarlo a ServerTable con su botón y sus chips: ServerTableFilterDrawer de\n// /table.\n//\n// LAS FECHAS: por omisión, el calendario del navegador (así el cajón no obliga a instalar MUI X). Una app que ya trae\n// /date-pickers pone el suyo para que el cajón y sus formularios se vean igual: slots={{dateInput: DateInput}} en el cajón,\n// o una vez en el tema para todas las listas (components.CalcitaFilterDrawer.defaultProps.slots). El campo recibe name,\n// label, value, onChange, error, helperText, minDate y maxDate: lo mismo que DateInput.\n//\n// Configurable: de qué lado sale (anchor), su ancho, su título, los textos de sus botones y si los pares («desde» y\n// «hasta», operador y número) se ponen uno arriba del otro cuando el cajón es angosto (stackPairsBelow). En el teléfono\n// ocupa todo el ancho.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaFilterDrawer con defaultProps y\n// styleOverrides de sus partes: paper, header, body, footer y dateInput.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useId, useState} from 'react';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport CloseRoundedIcon from '@mui/icons-material/CloseRounded';\n\nimport CatalogInput from '@/inputs/CatalogInput.jsx';\nimport CheckboxGroupInput from '@/inputs/CheckboxGroupInput.jsx';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\nimport NumberInput from '@/inputs/NumberInput.jsx';\nimport SelectInput from '@/inputs/SelectInput.jsx';\nimport TextInput from '@/inputs/TextInput.jsx';\nimport {piecePart, usePieceProps, withPieceSlots} from '@/theme/themePieces.js';\nimport {useToolkitSettings} from '@/toolkit/toolkitContext.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport {\n    COMPARISON_OPERATOR, FILTER_FIELD_KIND, comparisonOf, comparisonTextOf, dateRangeBoundsOf, drawerProblemsOf, drawerValuesOf,\n    emptyDrawerValuesOf, filterKeysOf,\n} from '@/ui/filters/filterDrawerFields.js';\nimport {todayInZone} from '@/ui/metrics/heatmapScale.js';\n\n/** De qué lado sale el cajón. */\nexport const FILTER_DRAWER_ANCHOR = Object.freeze({left: 'left', right: 'right'});\nconst DEFAULT_WIDTH = 380;\n// «Cualquiera» de una lista de una sola opción: no es una opción y viaja como '' (sin filtro)\nconst ANY_OPTION = '__calcita_any__';\n// el nombre del cajón para medir su ancho (stackPairsBelow): los pares se apilan con una regla de CSS sobre el cajón, no\n// sobre la pantalla (en escritorio el cajón es angosto aunque la pantalla no)\nconst DRAWER_CONTAINER_NAME = 'calcita-filter-drawer';\n\n/**\n * El campo de fecha de fábrica: el calendario del navegador, sin pedir MUI X; viaja AAAA-MM-DD. Recibe lo mismo que DateInput\n * de /date-pickers (name, label, value, onChange, error, helperText, minDate, maxDate), así que se cambia por ese con\n * slots={{dateInput: DateInput}}.\n *\n * @param {object} props\n */\nfunction BrowserDateInput({name, label, value, onChange, error, helperText, minDate, maxDate, className}) {\n    return (\n        <TextInput type=\"date\" name={name} label={label} value={value} onChange={onChange} error={error} helperText={helperText} clearable={false}\n                   className={className} slotProps={{htmlInput: {min: minDate, max: maxDate}}} />\n    );\n}\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaFilterDrawer)\nconst THEME_NAME = 'CalcitaFilterDrawer';\nconst FilterDrawerHeader = piecePart(THEME_NAME, 'Header', Stack);\nconst FilterDrawerBody = piecePart(THEME_NAME, 'Body', Stack);\nconst FilterDrawerFooter = piecePart(THEME_NAME, 'Footer', Stack);\nconst FilterDrawerDateInput = piecePart(THEME_NAME, 'DateInput', BrowserDateInput);\n\n/**\n * Dos campos lado a lado (desde y hasta, operador y número). Con stackPairsBelow, si el cajón mide menos, uno arriba del\n * otro: con un calendario de MUI X, en un cajón angosto cada fecha quedaba muy apretada.\n *\n * OJO, trampa pagada: las columnas van con minmax(0, …). Con '1fr 1fr' una columna no baja del ancho mínimo de su campo, y\n * el calendario de MUI X no se encoge: empujaba la columna y el «hasta» se salía del cajón (medido en Chrome, 460 px).\n *\n * @param {{label: import('react').ReactNode, inputId: string, children: import('react').ReactNode, template?: string, stackPairsBelow?: number}} props\n */\nfunction PairedField({label, inputId, children, template = 'minmax(0, 1fr) minmax(0, 1fr)', stackPairsBelow}) {\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <Box sx={{\n                display: 'grid', gridTemplateColumns: template, gap: 1.5, alignItems: 'start',\n                ...(stackPairsBelow && {[`@container ${DRAWER_CONTAINER_NAME} (width < ${stackPairsBelow}px)`]: {gridTemplateColumns: 'minmax(0, 1fr)'}}),\n            }}>\n                {children}\n            </Box>\n        </FieldFrame>\n    );\n}\n\n/**\n * Un campo del cajón según su tipo, con las piezas de la casa.\n *\n * @param {object} props\n */\nfunction DrawerField({field, values, setValue, errorOf, today, stackPairsBelow, t}) {\n    const fieldId = useId();\n    const [key] = filterKeysOf(field);\n    switch (field.kind) {\n        case FILTER_FIELD_KIND.text:\n            return <TextInput label={field.label} value={values[key]} onChange={(text) => setValue(key, text)} placeholder={field.placeholder} />;\n        case FILTER_FIELD_KIND.select:\n            return (\n                <SelectInput label={field.label} value={values[key] || ANY_OPTION} onChange={(chosen) => setValue(key, chosen === ANY_OPTION ? '' : chosen)}\n                             options={[{value: ANY_OPTION, label: t('filterDrawer.any')}, ...field.options]} />\n            );\n        case FILTER_FIELD_KIND.multiSelect:\n            return <SelectInput label={field.label} value={values[key]} onChange={(chosen) => setValue(key, chosen)} options={field.options} multiple selectAll checkboxes />;\n        case FILTER_FIELD_KIND.catalog:\n            return (\n                <CatalogInput label={field.label} value={values[key]} onChange={(chosen) => setValue(key, chosen)} options={field.options}\n                              multiple={field.multiple} selectAll={field.multiple} checkboxes={field.multiple} formatLabel={field.formatLabel}\n                              placeholder={field.placeholder} />\n            );\n        case FILTER_FIELD_KIND.checkboxes:\n            return <CheckboxGroupInput label={field.label} value={values[key]} onChange={(chosen) => setValue(key, chosen)} options={field.options} selectAll={field.selectAll} />;\n        case FILTER_FIELD_KIND.numberRange: {\n            const [fromKey, toKey] = filterKeysOf(field);\n            const numberProps = {decimals: field.decimals ?? 0, prefix: field.prefix, suffix: field.suffix, helperText: ''};\n            return (\n                <PairedField label={field.label} inputId={`${fieldId}-from`} stackPairsBelow={stackPairsBelow}>\n                    <NumberInput label={t('filterDrawer.from')} value={values[fromKey]} onChange={(number) => setValue(fromKey, number)} {...numberProps} />\n                    <NumberInput label={t('filterDrawer.to')} value={values[toKey]} onChange={(number) => setValue(toKey, number)} {...numberProps}\n                                 error={errorOf(toKey)} />\n                </PairedField>\n            );\n        }\n        case FILTER_FIELD_KIND.dateRange: {\n            const [fromKey, toKey] = filterKeysOf(field);\n            // los topes del campo y cada extremo acota al otro: el calendario no deja escoger fuera ni un rango al revés\n            const bounds = dateRangeBoundsOf(field, values, today);\n            // el «hasta» sin helperText: deja su renglón vacío debajo del par, como siempre\n            return (\n                <PairedField label={field.label} inputId={`${fieldId}-from`} stackPairsBelow={stackPairsBelow}>\n                    <FilterDrawerDateInput name={fromKey} label={t('filterDrawer.from')} value={values[fromKey]} onChange={(date) => setValue(fromKey, date)}\n                                           error={errorOf(fromKey)} helperText=\"\" {...bounds.from} />\n                    <FilterDrawerDateInput name={toKey} label={t('filterDrawer.to')} value={values[toKey]} onChange={(date) => setValue(toKey, date)}\n                                           error={errorOf(toKey)} {...bounds.to} />\n                </PairedField>\n            );\n        }\n        case FILTER_FIELD_KIND.comparison: {\n            const parts = comparisonOf(values[key]);\n            const operators = field.operators ?? Object.values(COMPARISON_OPERATOR);\n            const operator = parts?.operator ?? field.defaultOperator ?? operators[0];\n            return (\n                <PairedField label={field.label} inputId={`${fieldId}-value`} template=\"minmax(0, 1fr) minmax(0, 1.2fr)\" stackPairsBelow={stackPairsBelow}>\n                    <SelectInput label={t('filterDrawer.operator')} value={operator} helperText=\"\"\n                                 options={operators.map((option) => ({value: option, label: t(`filterDrawer.operators.${option}`)}))}\n                                 onChange={(chosen) => setValue(key, comparisonTextOf(chosen, parts?.value ?? ''))} />\n                    <NumberInput label={t('filterDrawer.value')} value={parts?.value ?? ''} decimals={field.decimals ?? 2} prefix={field.prefix} suffix={field.suffix}\n                                 helperText=\"\" onChange={(number) => setValue(key, comparisonTextOf(operator, number))} />\n                </PairedField>\n            );\n        }\n        case FILTER_FIELD_KIND.custom: {\n            // el contrato del campo propio: su valor, todo el borrador (values y setValue: un rango propio acota un extremo con\n            // el otro o escribe en la otra llave), sus llaves y lo que esté mal en cada una, ya dicho (errors)\n            const keys = filterKeysOf(field);\n            const errors = Object.fromEntries(keys.map((fieldKey) => [fieldKey, errorOf(fieldKey)]).filter(([, text]) => text));\n            return field.render({value: values[key], onChange: (next) => setValue(key, next), values, setValue, keys, errors});\n        }\n        default:\n            return null;\n    }\n}\n\n/**\n * @param {object} props\n * @param {boolean} props.open\n * @param {() => void} props.onClose\n * @param {object[]} props.fields los campos (filterDrawerFields.js): {name, label, kind, options?, keys?, prefix?, suffix?, decimals?, operators?,\n *     minDate?, maxDate?, disablePast?, disableFuture?, render?, isBackwards?…}\n * @param {Record<string, unknown>} props.values los filtros puestos hoy (de ahí sale el borrador al abrir)\n * @param {(values: Record<string, unknown>) => void} props.onApply todos los campos del cajón juntos, al picar «Buscar»\n * @param {'left'|'right'} [props.anchor] de qué lado sale (FILTER_DRAWER_ANCHOR); por omisión la derecha\n * @param {number} [props.width] su ancho en escritorio, en px\n * @param {string} [props.title] ya traducido; por omisión «Filtros»\n * @param {string} [props.applyLabel] ya traducido; por omisión «Buscar»\n * @param {boolean} [props.closeOnApply] por omisión sí\n * @param {number} [props.stackPairsBelow] en px: si el cajón mide menos, cada par («desde» y «hasta», operador y número) va uno\n *     arriba del otro (también en el teléfono, donde ocupa todo el ancho). Sin la opción, lado a lado como siempre\n * @param {import('react').ReactNode} [props.children] algo más abajo de los campos (una nota, un enlace)\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nfunction FilterDrawerContent(props) {\n    const {\n        open, onClose, fields, values, onApply, anchor = FILTER_DRAWER_ANCHOR.right, width = DEFAULT_WIDTH, title, applyLabel,\n        closeOnApply = true, stackPairsBelow, children, texts,\n        ...unknownProps\n    } = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const {timeZone} = useToolkitSettings();\n    const {formatDate} = useFormatters();\n    const titleId = useId();\n    const [draft, setDraft] = useState(() => drawerValuesOf(fields, values));\n    // cada vez que se abre, el borrador empieza de lo que hay puesto (lo de la vez pasada sin buscar no se queda)\n    useEffect(() => {\n        if (open) {\n            setDraft(drawerValuesOf(fields, values));\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n    // hoy en la zona del producto: el tope de disableFuture y disablePast\n    const today = todayInZone(timeZone);\n    const problems = drawerProblemsOf(fields, draft, {today});\n    const hasProblems = Object.keys(problems).length > 0;\n    // lo que está mal en una llave, ya dicho (con la fecha del tope que se pasó)\n    const errorOf = (key) => (problems[key] ? t(`filterDrawer.${problems[key].problem}`, {date: formatDate(problems[key].date)}) : undefined);\n    const setValue = (key, value) => setDraft((current) => ({...current, [key]: value}));\n    const apply = () => {\n        onApply(draft);\n        if (closeOnApply) {\n            onClose();\n        }\n    };\n\n    return (\n        // en la capa de las ventanas (modal), no en la del menú lateral (drawer): la barra de la app va encima del menú a\n        // propósito y, en la misma capa, tapaba el título y la × del cajón (medido en Chrome sin vidrio y con el minimalista)\n        <Drawer\n            anchor={anchor}\n            open={open}\n            onClose={onClose}\n            sx={{zIndex: (theme) => theme.zIndex.modal}}\n            slotProps={{paper: {'aria-labelledby': titleId, className: `${THEME_NAME}-paper`, sx: {width: {xs: '100%', sm: width}, maxWidth: '100%'}}}}\n        >\n            <Box component=\"form\" noValidate\n                 sx={{display: 'flex', flexDirection: 'column', height: '100%', ...(stackPairsBelow && {containerType: 'inline-size', containerName: DRAWER_CONTAINER_NAME})}}\n                 onSubmit={(event) => {\n                     event.preventDefault();\n                     if (!hasProblems) {\n                         apply();\n                     }\n                 }}>\n                <FilterDrawerHeader direction=\"row\" ownSx={{alignItems: 'center', gap: 1, px: 2, py: 1.5, borderBottom: 1, borderColor: 'divider'}}>\n                    <IconButton aria-label={t('filterDrawer.close')} onClick={onClose} edge=\"start\"><CloseRoundedIcon /></IconButton>\n                    <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{flexGrow: 1}}>{title ?? t('filterDrawer.title')}</Typography>\n                </FilterDrawerHeader>\n                <FilterDrawerBody spacing={1} ownSx={{flex: 1, overflowY: 'auto', px: 2.5, py: 2}}>\n                    {fields.map((field) => (\n                        <DrawerField key={field.name} field={field} values={draft} setValue={setValue} errorOf={errorOf} today={today}\n                                     stackPairsBelow={stackPairsBelow} t={t} />\n                    ))}\n                    {children}\n                </FilterDrawerBody>\n                <FilterDrawerFooter direction=\"row\" ownSx={{gap: 1, justifyContent: 'flex-end', px: 2.5, py: 1.5, borderTop: 1, borderColor: 'divider'}}>\n                    <Button onClick={() => setDraft(emptyDrawerValuesOf(fields))}>{t('filterDrawer.clear')}</Button>\n                    <Button type=\"submit\" variant=\"contained\" disabled={hasProblems}>{applyLabel ?? t('filterDrawer.apply')}</Button>\n                </FilterDrawerFooter>\n            </Box>\n        </Drawer>\n    );\n}\n\n// lo que se exporta: la pieza con slots y slotProps para cambiar sus partes (themePieces.js)\nconst FilterDrawer = withPieceSlots(FilterDrawerContent, THEME_NAME);\nexport default FilterDrawer;\n"],"names":[],"mappings":"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"}

package/dist/ui/filters/filterDrawerFields.js

@@ -9,6 +9,7 @@ const FILTER_FIELD_KIND = Object.freeze({
   comparison: "comparison",
   custom: "custom"
 });
+const FILTER_FIELD_PROBLEM = Object.freeze({ rangeBackwards: "rangeBackwards", beforeMinDate: "dateBeforeMin", afterMaxDate: "dateAfterMax" });
 const COMPARISON_OPERATOR = Object.freeze({ equals: "eq", greaterThan: "gt", greaterOrEqual: "gte", lessThan: "lt", lessOrEqual: "lte" });
 const OPERATOR_SYMBOLS = Object.freeze({ eq: "=", gt: ">", gte: "≥", lt: "<", lte: "≤" });
 const COMPARISON_SEPARATOR = ":";
@@ -16,6 +17,12 @@ const LIST_KINDS = /* @__PURE__ */ new Set([FILTER_FIELD_KIND.multiSelect, FILTE
 function isListField(field) {
   return LIST_KINDS.has(field.kind) || field.kind === FILTER_FIELD_KIND.catalog && Boolean(field.multiple);
 }
+function isCustomRange(field) {
+  return field.kind === FILTER_FIELD_KIND.custom && Boolean(field.keys?.from) && Boolean(field.keys?.to);
+}
+function isRangeField(field) {
+  return field.kind === FILTER_FIELD_KIND.numberRange || field.kind === FILTER_FIELD_KIND.dateRange || isCustomRange(field);
+}
 function filterKeysOf(field) {
   if (field.kind === FILTER_FIELD_KIND.numberRange) {
     return [field.keys?.from ?? `${field.name}_min`, field.keys?.to ?? `${field.name}_max`];
@@ -23,6 +30,9 @@ function filterKeysOf(field) {
   if (field.kind === FILTER_FIELD_KIND.dateRange) {
     return [field.keys?.from ?? `${field.name}_from`, field.keys?.to ?? `${field.name}_to`];
   }
+  if (isCustomRange(field)) {
+    return [field.keys.from, field.keys.to];
+  }
   return [field.name];
 }
 function comparisonOf(text) {
@@ -51,25 +61,61 @@ function filterDrawerDefaultsOf(fields) {
 function activeDrawerFilterCountOf(fields, filters) {
   return fields.filter((field) => filterKeysOf(field).some((key) => isFilterValueSet(filters?.[key]))).length;
 }
+function isBackwardsRange(field, from, to) {
+  if (field.kind === FILTER_FIELD_KIND.numberRange) {
+    return Number(to) < Number(from);
+  }
+  if (field.kind === FILTER_FIELD_KIND.dateRange) {
+    return String(to) < String(from);
+  }
+  return Boolean(field.isBackwards?.(from, to));
+}
 function invalidRangesOf(fields, values) {
   const invalid = {};
-  for (const field of fields) {
-    if (field.kind !== FILTER_FIELD_KIND.numberRange && field.kind !== FILTER_FIELD_KIND.dateRange) {
-      continue;
-    }
+  for (const field of fields.filter(isRangeField)) {
     const [fromKey, toKey] = filterKeysOf(field);
     const from = values?.[fromKey];
     const to = values?.[toKey];
-    if (!isFilterValueSet(from) || !isFilterValueSet(to)) {
-      continue;
-    }
-    const isBackwards = field.kind === FILTER_FIELD_KIND.numberRange ? Number(to) < Number(from) : String(to) < String(from);
-    if (isBackwards) {
+    if (isFilterValueSet(from) && isFilterValueSet(to) && isBackwardsRange(field, from, to)) {
       invalid[toKey] = true;
     }
   }
   return invalid;
 }
+const earliestDateOf = (...dates) => dates.filter(Boolean).sort()[0];
+const latestDateOf = (...dates) => dates.filter(Boolean).sort().at(-1);
+function dateLimitsOf(field, today) {
+  return {
+    minDate: latestDateOf(field.minDate, field.disablePast && today),
+    maxDate: earliestDateOf(field.maxDate, field.disableFuture && today)
+  };
+}
+function dateRangeBoundsOf(field, values, today) {
+  const [fromKey, toKey] = filterKeysOf(field);
+  const { minDate, maxDate } = dateLimitsOf(field, today);
+  return {
+    from: { minDate, maxDate: earliestDateOf(maxDate, values?.[toKey] || void 0) },
+    to: { minDate: latestDateOf(minDate, values?.[fromKey] || void 0), maxDate }
+  };
+}
+function drawerProblemsOf(fields, values, { today } = {}) {
+  const problems = Object.fromEntries(Object.keys(invalidRangesOf(fields, values)).map((key) => [key, { problem: FILTER_FIELD_PROBLEM.rangeBackwards }]));
+  for (const field of fields.filter((candidate) => candidate.kind === FILTER_FIELD_KIND.dateRange)) {
+    const { minDate, maxDate } = dateLimitsOf(field, today);
+    for (const key of filterKeysOf(field)) {
+      const date = values?.[key];
+      if (!isFilterValueSet(date)) {
+        continue;
+      }
+      if (minDate && String(date) < minDate) {
+        problems[key] = { problem: FILTER_FIELD_PROBLEM.beforeMinDate, date: minDate };
+      } else if (maxDate && String(date) > maxDate) {
+        problems[key] = { problem: FILTER_FIELD_PROBLEM.afterMaxDate, date: maxDate };
+      }
+    }
+  }
+  return problems;
+}
 function filterDrawerChipsOf(fields, { t, formatDate = (date) => date }) {
   const text = [];
   const multiSelect = [];
@@ -78,11 +124,11 @@ function filterDrawerChipsOf(fields, { t, formatDate = (date) => date }) {
     const withUnit = (value) => `${field.prefix ?? ""}${value}${field.suffix ? ` ${field.suffix}` : ""}`;
     if (isListField(field)) {
       multiSelect.push({ key: field.name, label: field.label, itemLabel: (value) => optionLabelOf(field, value) });
-    } else if (field.kind === FILTER_FIELD_KIND.numberRange || field.kind === FILTER_FIELD_KIND.dateRange) {
+    } else if (isRangeField(field)) {
       const [fromKey, toKey] = filterKeysOf(field);
-      const format = field.kind === FILTER_FIELD_KIND.dateRange ? formatDate : withUnit;
-      text.push({ key: fromKey, label: t("filterDrawer.chipFrom", { label: field.label }), format });
-      text.push({ key: toKey, label: t("filterDrawer.chipTo", { label: field.label }), format });
+      const format = field.kind === FILTER_FIELD_KIND.dateRange ? formatDate : isCustomRange(field) ? field.chipFormat : withUnit;
+      text.push({ key: fromKey, label: t("filterDrawer.chipFrom", { label: field.label }), ...format && { format } });
+      text.push({ key: toKey, label: t("filterDrawer.chipTo", { label: field.label }), ...format && { format } });
     } else if (field.kind === FILTER_FIELD_KIND.comparison) {
       text.push({
         key: field.name,
@@ -103,9 +149,13 @@ function filterDrawerChipsOf(fields, { t, formatDate = (date) => date }) {
 export {
   COMPARISON_OPERATOR,
   FILTER_FIELD_KIND,
+  FILTER_FIELD_PROBLEM,
   activeDrawerFilterCountOf,
   comparisonOf,
   comparisonTextOf,
+  dateLimitsOf,
+  dateRangeBoundsOf,
+  drawerProblemsOf,
   drawerValuesOf,
   emptyDrawerValuesOf,
   filterDrawerChipsOf,
@@ -114,6 +164,7 @@ export {
   filterKeysOf,
   invalidRangesOf,
   isFilterValueSet,
-  isListField
+  isListField,
+  isRangeField
 };
 //# sourceMappingURL=filterDrawerFields.js.map