@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/ColumnFilterPopover.js

@@ -0,0 +1,485 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import ReactDOM from "react-dom";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "../../../primitives-v2/Button.js";
+import { Checkbox } from "../../../primitives-v2/Checkbox.js";
+import { SearchInput } from "../../../primitives-v2/SearchInput.js";
+import { useCellStore } from "../hooks/index.js";
+import { useEscapeLayer } from "../hooks/useEscapeLayer.js";
+import { useSuggestionFetch } from "../hooks/useSuggestionFetch.js";
+import {
+  getOperatorsForType,
+  isDateOperator,
+  needsRangeValues,
+  needsRelativeInput,
+  needsValueInput,
+  RELATIVE_DATE_UNITS
+} from "../types/filters.js";
+import FilterDatePicker from "./FilterDatePicker.js";
+import SelectMenu from "./SelectMenu.js";
+import { computeAnchoredPosition } from "../utils/anchoredPosition.js";
+const POPOVER_WIDTH = 268;
+const ESTIMATED_HEIGHT = 360;
+const ESTIMATED_DATE_HEIGHT = 280;
+const DEFAULT_DATE_OPERATOR = "is_between";
+const NESTED_POPUP_Z = 10002;
+const NESTED_POPUP_SELECTOR = ".hot-select-menu, .hot-editor-popup, .hot-calendar-popup";
+function staticOptionsOf(column) {
+  const src = column.source;
+  if (!Array.isArray(src) || src.length === 0) return null;
+  return src.map(
+    (o) => o && typeof o === "object" ? {
+      value: String(o.value ?? o.id ?? ""),
+      label: String(
+        o.label ?? o.name ?? o.value ?? ""
+      )
+    } : { value: String(o), label: String(o) }
+  );
+}
+function usesValueListFilter(column) {
+  return column?.type !== "date";
+}
+const QuickFilterDateBody = ({
+  selectedValues,
+  selectedOperator,
+  onApply,
+  onClose
+}) => {
+  const t = useT();
+  const operators = useMemo(() => getOperatorsForType("date"), []);
+  const adopted = useMemo(
+    () => selectedOperator && operators.some((o) => o.value === selectedOperator) ? selectedOperator : null,
+    [selectedOperator, operators]
+  );
+  const [operator, setOperator] = useState(adopted ?? DEFAULT_DATE_OPERATOR);
+  const [values, setValues] = useState(() => adopted ? selectedValues.map(String) : []);
+  const isRange = needsRangeValues(operator);
+  const isRelative = needsRelativeInput(operator);
+  const isPicker = !isRange && isDateOperator(operator);
+  const takesValue = needsValueInput(operator);
+  const changeOperator = useCallback((next) => {
+    setOperator(next);
+    setValues([]);
+  }, []);
+  const setSlot = useCallback((index, value) => {
+    setValues((prev) => {
+      const next = [prev[0] ?? "", prev[1] ?? ""];
+      next[index] = value;
+      return next;
+    });
+  }, []);
+  const commitValues = useCallback(() => {
+    if (!takesValue) return [];
+    if (isRange) {
+      const from = (values[0] ?? "").trim();
+      const to = (values[1] ?? "").trim();
+      return from || to ? [from, to] : [];
+    }
+    if (isRelative) {
+      const count = (values[0] ?? "").trim();
+      return count ? [count, values[1] || "days"] : [];
+    }
+    const single = (values[0] ?? "").trim();
+    return single ? [single] : [];
+  }, [takesValue, isRange, isRelative, values]);
+  const apply = useCallback(() => {
+    onApply(commitValues(), { operator });
+    onClose();
+  }, [commitValues, operator, onApply, onClose]);
+  const clear = useCallback(() => {
+    onApply([]);
+    onClose();
+  }, [onApply, onClose]);
+  const hasLiveRule = adopted != null;
+  const canClear = hasLiveRule || commitValues().length > 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-date", "data-quick-filter-date": "", children: [
+      /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.condition", "Condition") }),
+        /* @__PURE__ */ jsx(
+          SelectMenu,
+          {
+            value: operator,
+            onChange: changeOperator,
+            options: operators.map((op) => ({
+              value: op.value,
+              label: t(`dynamicTable.filter.operator.${op.value}`, op.label)
+            })),
+            className: "hot-config-filter-select hot-quick-filter-control",
+            ariaLabel: t("dynamicTable.quickFilter.condition", "Condition"),
+            dataAttributes: { "data-quick-filter-operator": operator }
+          }
+        )
+      ] }),
+      isRange && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", "data-quick-filter-range": "from", children: [
+          /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.from", "From") }),
+          /* @__PURE__ */ jsx(
+            FilterDatePicker,
+            {
+              value: values[0] ?? "",
+              onChange: (v) => setSlot(0, v),
+              ariaLabel: t("dynamicTable.quickFilter.from", "From"),
+              placeholder: t("dynamicTable.quickFilter.pickDate", "Pick date"),
+              className: "hot-quick-filter-control",
+              zIndex: NESTED_POPUP_Z
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", "data-quick-filter-range": "to", children: [
+          /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.to", "To") }),
+          /* @__PURE__ */ jsx(
+            FilterDatePicker,
+            {
+              value: values[1] ?? "",
+              onChange: (v) => setSlot(1, v),
+              ariaLabel: t("dynamicTable.quickFilter.to", "To"),
+              placeholder: t("dynamicTable.quickFilter.pickDate", "Pick date"),
+              className: "hot-quick-filter-control",
+              zIndex: NESTED_POPUP_Z
+            }
+          )
+        ] })
+      ] }),
+      isPicker && /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-date-field", "data-quick-filter-range": "single", children: [
+        /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.date", "Date") }),
+        /* @__PURE__ */ jsx(
+          FilterDatePicker,
+          {
+            value: values[0] ?? "",
+            onChange: (v) => setSlot(0, v),
+            ariaLabel: t("dynamicTable.quickFilter.date", "Date"),
+            placeholder: t("dynamicTable.quickFilter.pickDate", "Pick date"),
+            className: "hot-quick-filter-control",
+            zIndex: NESTED_POPUP_Z
+          }
+        )
+      ] }),
+      isRelative && // A moving window, not a calendar date: "next 7 days" has to keep
+      // meaning that tomorrow, so what is stored is [count, unit].
+      /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-date-field hot-quick-filter-relative", children: [
+        /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-date-label text-body-medium-sm", children: t("dynamicTable.quickFilter.window", "Window") }),
+        /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-relative-row", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: 1,
+              step: 1,
+              className: "hot-config-filter-input hot-quick-filter-control hot-quick-filter-count",
+              value: values[0] ?? "",
+              onChange: (e) => setSlot(0, e.target.value),
+              placeholder: t("dynamicTable.quickFilter.count", "count"),
+              "aria-label": t("dynamicTable.quickFilter.count", "count"),
+              "data-quick-filter-count": ""
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SelectMenu,
+            {
+              value: values[1] || "days",
+              onChange: (next) => setSlot(1, next),
+              options: RELATIVE_DATE_UNITS.map((u) => ({
+                value: u,
+                label: t(`dynamicTable.filter.unit.${u}`, u)
+              })),
+              className: "hot-config-filter-select hot-quick-filter-control",
+              ariaLabel: t("dynamicTable.quickFilter.unit", "Unit"),
+              dataAttributes: { "data-quick-filter-unit": values[1] || "days" }
+            }
+          )
+        ] })
+      ] }),
+      !takesValue && // A preset carries no editor at all — say what it will do rather than
+      // leaving a blank panel that reads as "still loading".
+      /* @__PURE__ */ jsx("p", { className: "hot-quick-filter-note text-body-regular-xs", "data-quick-filter-preset": "", children: t("dynamicTable.quickFilter.presetHint", "Applies to {condition}, recalculated every time.", {
+        condition: t(`dynamicTable.filter.operator.${operator}`, operator)
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "hot-quick-filter-transient text-body-regular-xs", children: t("dynamicTable.quickFilter.transient", "Temporary \u2014 not saved with the view.") }),
+    /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-footer", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "xs",
+          onClick: clear,
+          disabled: !canClear,
+          "data-quick-filter-clear": "",
+          children: t("dynamicTable.quickFilter.clear", "Clear filter")
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", size: "xs", onClick: apply, "data-quick-filter-apply": "", children: t("dynamicTable.quickFilter.apply", "Apply") })
+    ] })
+  ] });
+};
+const QuickFilterValueListBody = ({
+  column,
+  selectedValues,
+  loadSuggestions,
+  onApply,
+  onClose
+}) => {
+  const t = useT();
+  const store = useCellStore();
+  const [query, setQuery] = useState("");
+  const [checked, setChecked] = useState(
+    () => new Set(selectedValues.filter((v) => v !== ""))
+  );
+  const pinnedRef = useRef(selectedValues.filter((v) => v !== ""));
+  const staticOptions = useMemo(() => staticOptionsOf(column), [column]);
+  const effectiveLoader = staticOptions ? void 0 : loadSuggestions;
+  const pageOptions = useMemo(() => {
+    if (staticOptions || effectiveLoader) return null;
+    const seen = /* @__PURE__ */ new Set();
+    const rowCount = store.getRowCount();
+    for (let row = 0; row < rowCount; row++) {
+      const rowData = store.getRowData(row);
+      const raw = rowData?.[column.data];
+      if (raw == null) continue;
+      const value = String(raw).trim();
+      if (value) seen.add(value);
+    }
+    return Array.from(seen).sort((a, b) => a.localeCompare(b)).map((value) => ({ value, label: value }));
+  }, [staticOptions, effectiveLoader, store, column.data]);
+  const { values: fetched, loading, failed } = useSuggestionFetch(effectiveLoader, query, true);
+  const options = useMemo(() => {
+    const needle = query.trim().toLowerCase();
+    const matches = (o) => !needle || o.label.toLowerCase().includes(needle);
+    const source = effectiveLoader ? (
+      // The server already applied the needle AND the cap; re-filtering here
+      // would drop values it deliberately returned.
+      fetched.map((v) => ({ value: v, label: v }))
+    ) : (staticOptions ?? pageOptions ?? []).filter(matches);
+    const out = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const value of pinnedRef.current) {
+      const known = staticOptions?.find((o) => o.value === value) ?? pageOptions?.find((o) => o.value === value);
+      const option = known ?? { value, label: value };
+      if (matches(option) && !seen.has(value)) {
+        out.push(option);
+        seen.add(value);
+      }
+    }
+    for (const option of source) {
+      if (seen.has(option.value)) continue;
+      seen.add(option.value);
+      out.push(option);
+    }
+    return out;
+  }, [query, effectiveLoader, fetched, staticOptions, pageOptions]);
+  const visibleValues = useMemo(() => options.map((o) => o.value), [options]);
+  const allVisibleChecked = visibleValues.length > 0 && visibleValues.every((v) => checked.has(v));
+  const someVisibleChecked = !allVisibleChecked && visibleValues.some((v) => checked.has(v));
+  const toggle = useCallback((value) => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (next.has(value)) next.delete(value);
+      else next.add(value);
+      return next;
+    });
+  }, []);
+  const toggleAllVisible = useCallback(() => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (visibleValues.every((v) => next.has(v))) visibleValues.forEach((v) => next.delete(v));
+      else visibleValues.forEach((v) => next.add(v));
+      return next;
+    });
+  }, [visibleValues]);
+  const apply = useCallback(() => {
+    onApply(Array.from(checked));
+    onClose();
+  }, [checked, onApply, onClose]);
+  const clear = useCallback(() => {
+    onApply([]);
+    onClose();
+  }, [onApply, onClose]);
+  const emptyState = loading ? t("dynamicTable.quickFilter.loading", "Loading\u2026") : failed ? t("dynamicTable.quickFilter.failed", "Values unavailable \u2014 the filter still applies") : query.trim() ? t("dynamicTable.quickFilter.noMatches", "No matching values") : t("dynamicTable.quickFilter.noValues", "No values");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hot-quick-filter-search", children: /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        autoFocus: true,
+        type: "text",
+        inputSize: "sm",
+        value: query,
+        onChange: (e) => setQuery(e.target.value),
+        onClear: () => setQuery(""),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            apply();
+          }
+        },
+        placeholder: t("dynamicTable.quickFilter.search", "Search values\u2026"),
+        "aria-label": t("dynamicTable.quickFilter.search", "Search values\u2026"),
+        "data-quick-filter-search": ""
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "hot-quick-filter-list", "data-suggestions-state": loading ? "loading" : failed ? "error" : options.length ? "ready" : "empty", children: options.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("label", { className: "hot-quick-filter-option hot-quick-filter-select-all", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: allVisibleChecked,
+            indeterminate: someVisibleChecked,
+            onChange: toggleAllVisible,
+            "data-quick-filter-all": ""
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-body-medium-sm", children: t("dynamicTable.quickFilter.selectAll", "Select all") })
+      ] }),
+      options.map((option) => (
+        // `data-selected` carries the M3 selected treatment (the
+        // `secondary-container` swap in ContextMenu.css) so a ticked
+        // value reads the same way a selected row and a selected menu
+        // item do, instead of being announced by the checkbox alone.
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: "hot-quick-filter-option",
+            title: option.label,
+            "data-selected": checked.has(option.value) || void 0,
+            children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: checked.has(option.value),
+                  onChange: () => toggle(option.value),
+                  "data-quick-filter-value": option.value
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-body-regular-sm hot-quick-filter-option-label", children: option.label })
+            ]
+          },
+          option.value
+        )
+      ))
+    ] }) : /* @__PURE__ */ jsx("span", { className: "hot-quick-filter-note text-body-regular-xs", children: emptyState }) }),
+    /* @__PURE__ */ jsx("p", { className: "hot-quick-filter-transient text-body-regular-xs", children: pageOptions ? t(
+      "dynamicTable.quickFilter.transientPage",
+      "Temporary \u2014 not saved. Values from the loaded page."
+    ) : t("dynamicTable.quickFilter.transient", "Temporary \u2014 not saved with the view.") }),
+    /* @__PURE__ */ jsxs("div", { className: "hot-quick-filter-footer", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "xs",
+          onClick: clear,
+          disabled: selectedValues.length === 0 && checked.size === 0,
+          "data-quick-filter-clear": "",
+          children: t("dynamicTable.quickFilter.clear", "Clear filter")
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", size: "xs", onClick: apply, "data-quick-filter-apply": "", children: t("dynamicTable.quickFilter.apply", "Apply") })
+    ] })
+  ] });
+};
+const ColumnFilterPopover = ({
+  column,
+  anchorEl,
+  selectedValues,
+  selectedOperator,
+  loadSuggestions,
+  onApply,
+  onClose
+}) => {
+  const t = useT();
+  const popoverRef = useRef(null);
+  const valueList = usesValueListFilter(column);
+  useEffect(() => {
+    const onMouseDown = (e) => {
+      const target = e.target;
+      if (popoverRef.current?.contains(target)) return;
+      if (target instanceof Element && target.closest(NESTED_POPUP_SELECTOR)) return;
+      onClose();
+    };
+    document.addEventListener("mousedown", onMouseDown, true);
+    return () => document.removeEventListener("mousedown", onMouseDown, true);
+  }, [onClose]);
+  useEscapeLayer(true, onClose);
+  const preferredHeight = valueList ? ESTIMATED_HEIGHT : ESTIMATED_DATE_HEIGHT;
+  const [position, setPosition] = useState(() => ({
+    top: -9999,
+    left: -9999,
+    maxHeight: preferredHeight,
+    flipAbove: false
+  }));
+  const reposition = useCallback(() => {
+    if (!anchorEl.isConnected) {
+      onClose();
+      return;
+    }
+    const rect = anchorEl.getBoundingClientRect();
+    setPosition(
+      computeAnchoredPosition(
+        rect,
+        { width: window.innerWidth, height: window.innerHeight },
+        { width: POPOVER_WIDTH, preferredHeight, minHeight: 200 }
+      )
+    );
+  }, [anchorEl, onClose, preferredHeight]);
+  useLayoutEffect(() => {
+    reposition();
+  }, [reposition]);
+  useEffect(() => {
+    const onScroll = (e) => {
+      if (popoverRef.current?.contains(e.target)) return;
+      reposition();
+    };
+    window.addEventListener("scroll", onScroll, true);
+    window.addEventListener("resize", reposition);
+    return () => {
+      window.removeEventListener("scroll", onScroll, true);
+      window.removeEventListener("resize", reposition);
+    };
+  }, [reposition]);
+  const style = {
+    position: "fixed",
+    top: position.top,
+    left: position.left,
+    width: POPOVER_WIDTH,
+    // Capping the height is what makes `translateY(-100%)` safe — see
+    // utils/anchoredPosition. The value list is the flexible section, so a
+    // short viewport shortens the list rather than clipping the search box or
+    // the Apply button.
+    maxHeight: position.maxHeight,
+    zIndex: 10001,
+    ...position.flipAbove ? { transform: "translateY(-100%)" } : {}
+  };
+  const bodyProps = {
+    column,
+    selectedValues,
+    selectedOperator,
+    loadSuggestions,
+    onApply,
+    onClose
+  };
+  const content = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: popoverRef,
+      className: "hot-quick-filter hot-appearance-v2",
+      style,
+      role: "dialog",
+      "aria-label": t("dynamicTable.quickFilter.title", "Filter {column}", {
+        column: column.title || column.data
+      }),
+      "data-quick-filter": column.data,
+      "data-quick-filter-kind": valueList ? "values" : "date",
+      children: valueList ? /* @__PURE__ */ jsx(QuickFilterValueListBody, { ...bodyProps }) : /* @__PURE__ */ jsx(QuickFilterDateBody, { ...bodyProps })
+    }
+  );
+  if (typeof document === "undefined") return content;
+  return ReactDOM.createPortal(content, document.body);
+};
+var ColumnFilterPopover_default = ColumnFilterPopover;
+export {
+  ColumnFilterPopover,
+  ColumnFilterPopover_default as default,
+  usesValueListFilter
+};
+//# sourceMappingURL=ColumnFilterPopover.js.map

package/dist/backend/dynamic-table/components/ColumnFilterPopover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ColumnFilterPopover.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useT } from '@open-mercato/shared/lib/i18n/context';\nimport { Button } from '../../../primitives-v2/Button';\nimport { Checkbox } from '../../../primitives-v2/Checkbox';\nimport { SearchInput } from '../../../primitives-v2/SearchInput';\nimport { useCellStore } from '../hooks/index';\nimport { useEscapeLayer } from '../hooks/useEscapeLayer';\nimport { useSuggestionFetch } from '../hooks/useSuggestionFetch';\nimport type { ColumnDef } from '../types/index';\nimport {\n  FilterOperator,\n  getOperatorsForType,\n  isDateOperator,\n  needsRangeValues,\n  needsRelativeInput,\n  needsValueInput,\n  RELATIVE_DATE_UNITS,\n} from '../types/filters';\nimport FilterDatePicker from './FilterDatePicker';\nimport SelectMenu from './SelectMenu';\nimport { computeAnchoredPosition } from '../utils/anchoredPosition';\n\n/**\n * Excel's AutoFilter, literally.\n *\n * WHY THIS EXISTS: until now the ONLY route to a filter was the Configure View\n * drawer \u2014 the column menu's \"Filter by this field\" appended an empty rule and\n * opened the panel. From the INF workshop, verbatim: *\"Tu musi by\u0107 po prostu\n * dosadnie filtrowanie ka\u017Cdej kolumny osobno\u2026 nie w tym widoku, bo to jest\n * skomplikowane.\"* A funnel in the header, a search box, a list of ticks. That\n * is the whole product requirement, and it is the most-repeated one in the file.\n *\n * Two constraints that are NOT negotiable:\n *\n *  1. **This filter is never saved.** Workshop A2/D6 \u2014 the user rejected saving\n *     these herself (\"takich ustawie\u0144 to by\u015Bmy mieli po tygodniu dwadzie\u015Bcia\").\n *     The architecture already gives it: filters live in `useState` inside\n *     `DynamicTable` and only reach the server on an explicit perspective save.\n *     What this component adds is making the distinction VISIBLE \u2014 hence the\n *     transient footnote and the dashed treatment on the trigger.\n *  2. **A filtered column stays legible as filtered.** Workshop A13 \u2014 *\"wol\u0119\n *     mie\u0107 pewno\u015B\u0107, czy faktycznie ja wszystko widz\u0119\"*. The funnel glyph in the\n *     header persists while the rule is live; it is not a hover affordance.\n *\n * ## The type branch (workshop A14)\n *\n * A tick list of DISTINCT VALUES is the right editor for a carrier, a port or a\n * status. It is meaningless for a **date**: every row has its own timestamp, so\n * the loader has nothing useful to return and the popover rendered \"Search\n * values\u2026 / No values\" over a column nobody could filter. Dates therefore get\n * the SAME editor the Configure View drawer already shipped \u2014 the operator list\n * from `getOperatorsForType('date')`, presets first, then the explicit range \u2014\n * because the two entry points must agree on what a date filter is.\n *\n * Both halves are required, and by different people. Klaudiusz lives on\n * \"tomorrow\"; Agnieszka declined more presets outright \u2014 *\"szybciej mi jest\n * operowa\u0107 na zakresie dat\"* \u2014 and wants `is_between`. Neither ships without\n * the other. `server/dateWindows.ts` resolves both to the same `[from, to]`\n * window server-side, which is what guarantees they cannot diverge.\n *\n * Values come from the module's `loadFilterSuggestions` loader (server-side,\n * needle-aware, capped) and degrade in two steps: a column that declares a\n * static `source` uses that enum directly, and a list with neither falls back to\n * the distinct values of the LOADED page \u2014 labelled as such, because a page's\n * distinct values are not the dataset's.\n */\n\nconst POPOVER_WIDTH = 268;\n/** Room the value list needs below the header before it flips above it. */\nconst ESTIMATED_HEIGHT = 360;\n/** The date body is a fixed-height form, not a scrolling list. */\nconst ESTIMATED_DATE_HEIGHT = 280;\n\n/**\n * The header filter opens on an explicit RANGE, matching the Configure View\n * drawer's own default for a date column. Two reasons, in order: an empty range\n * is a no-op (Apply on it drops the rule) where an empty preset would silently\n * filter the table the moment the popover opens; and it puts Agnieszka's\n * date-first workflow one click from the funnel. The presets sit at the TOP of\n * the operator list, so Klaudiusz's \"tomorrow\" is one click further, not buried.\n */\nconst DEFAULT_DATE_OPERATOR: FilterOperator = 'is_between';\n\n/**\n * `FilterDatePicker` and `SelectMenu` portal to `document.body` on their own, so\n * they need a z-index ABOVE this popover or the calendar paints behind the\n * dropdown that opened it.\n */\nconst NESTED_POPUP_Z = 10002;\n\n/**\n * Roots of the popups this popover opens INSIDE itself.\n *\n * They are React children of the popover but DOM children of `document.body` \u2014\n * every menu in this grid portals \u2014 so `popoverRef.contains(target)` is false\n * for a click on the calendar, and the outside-mousedown listener dismissed the\n * whole quick filter the instant a date picker was opened from it. The date\n * editor was unusable by exactly one click.\n *\n * A React `onMouseDownCapture` on the container would see them (synthetic events\n * follow the React tree), but it fires AFTER a document-capture listener, so the\n * popover is already closed by then. Matching the portal roots is what actually\n * runs first.\n */\nconst NESTED_POPUP_SELECTOR = '.hot-select-menu, .hot-editor-popup, .hot-calendar-popup';\n\nexport interface ColumnFilterOption {\n  /** Stored value the filter matches on. */\n  value: string;\n  /** What the user reads. Equals `value` for server-suggested strings. */\n  label: string;\n}\n\n/**\n * Extra commit detail. OPTIONAL, and absent for every value-list column \u2014 the\n * original `onApply(values)` contract is still the whole contract for them, and\n * a host typed `(values: string[]) => void` remains assignable.\n */\nexport interface ColumnFilterApplyOptions {\n  /**\n   * The operator the rule should carry. Omitted \u21D2 `is_any_of`, i.e. the tick\n   * list's behaviour, unchanged.\n   */\n  operator?: FilterOperator;\n}\n\nexport interface ColumnFilterPopoverProps {\n  column: ColumnDef;\n  /**\n   * The header cell itself, not a frozen rect. The grid scrolls horizontally\n   * under a dropdown that is `position: fixed`, so the rect is re-read on every\n   * scroll and resize \u2014 the same pattern `SelectMenu`, `FilterValueInput` and\n   * `FilterDatePicker` already use, deliberately copied rather than reinvented.\n   * Freezing the rect and closing on scroll instead looked equivalent and was\n   * not: a stray resize (a devtools overlay, a mobile URL bar, a zoom) then\n   * dismisses the dropdown the instant it opens.\n   */\n  anchorEl: HTMLElement;\n  /**\n   * Values the live rule already carries, VERBATIM \u2014 an `is_between` half-range\n   * is stored as `['', '2026-08-10']` and the empty slot is positional, so it\n   * must survive the trip. The tick list drops the blanks itself.\n   */\n  selectedValues: string[];\n  /**\n   * Operator the live rule carries, when it has one. Only the date editor reads\n   * it; the tick list is always `is_any_of`.\n   */\n  selectedOperator?: FilterOperator;\n  /** Server loader already bound to this column's field. */\n  loadSuggestions?: (query: string) => Promise<string[]>;\n  /**\n   * Commit. Empty `values` with no value-taking operator \u21D2 remove the rule.\n   * The second argument is additive; hosts that ignore it keep the old\n   * `is_any_of` behaviour.\n   */\n  onApply: (values: string[], options?: ColumnFilterApplyOptions) => void;\n  onClose: () => void;\n}\n\n/** A column's declared `source` as {value,label}. `null` when it has none. */\nfunction staticOptionsOf(column: ColumnDef): ColumnFilterOption[] | null {\n  const src = column.source;\n  if (!Array.isArray(src) || src.length === 0) return null;\n  return src.map((o) =>\n    o && typeof o === 'object'\n      ? {\n          value: String((o as Record<string, unknown>).value ?? (o as Record<string, unknown>).id ?? ''),\n          label: String(\n            (o as Record<string, unknown>).label ??\n              (o as Record<string, unknown>).name ??\n              (o as Record<string, unknown>).value ??\n              '',\n          ),\n        }\n      : { value: String(o), label: String(o) },\n  );\n}\n\n/** Columns whose values are a domain to tick, rather than a quantity to bound. */\nexport function usesValueListFilter(column: ColumnDef | undefined): boolean {\n  return column?.type !== 'date';\n}\n\ninterface BodyProps {\n  column: ColumnDef;\n  selectedValues: string[];\n  selectedOperator?: FilterOperator;\n  loadSuggestions?: (query: string) => Promise<string[]>;\n  onApply: (values: string[], options?: ColumnFilterApplyOptions) => void;\n  onClose: () => void;\n}\n\n// \u2500\u2500\u2500 Date body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * A14. Operator chooser + the editor that operator needs, and nothing else:\n * presets take no value at all, `is_between` takes two calendar dates, the\n * moving windows (`is_in_next` / `is_in_last`) take a count and a unit \u2014 NOT a\n * date, which is why they get the relative editor rather than a picker.\n *\n * Deliberately the same three branches `ConfigureViewFilters` renders, keyed off\n * the same predicates in `types/filters.ts`, so the drawer and the header cannot\n * disagree about what an operator means.\n */\nconst QuickFilterDateBody: React.FC<BodyProps> = ({\n  selectedValues,\n  selectedOperator,\n  onApply,\n  onClose,\n}) => {\n  const t = useT();\n  const operators = useMemo(() => getOperatorsForType('date'), []);\n\n  /** A live rule authored elsewhere (the drawer) is adopted only if a date editor can express it. */\n  const adopted = useMemo(\n    () =>\n      selectedOperator && operators.some((o) => o.value === selectedOperator)\n        ? selectedOperator\n        : null,\n    [selectedOperator, operators],\n  );\n\n  const [operator, setOperator] = useState<FilterOperator>(adopted ?? DEFAULT_DATE_OPERATOR);\n  const [values, setValues] = useState<string[]>(() => (adopted ? selectedValues.map(String) : []));\n\n  const isRange = needsRangeValues(operator);\n  const isRelative = needsRelativeInput(operator);\n  const isPicker = !isRange && isDateOperator(operator);\n  const takesValue = needsValueInput(operator);\n\n  // Switching operator resets the values so the editor's shape and the stored\n  // pair never disagree (range \u2192 single, single \u2192 count+unit, \u2192 none).\n  const changeOperator = useCallback((next: string) => {\n    setOperator(next as FilterOperator);\n    setValues([]);\n  }, []);\n\n  const setSlot = useCallback((index: 0 | 1, value: string) => {\n    setValues((prev) => {\n      const next = [prev[0] ?? '', prev[1] ?? ''];\n      next[index] = value;\n      return next;\n    });\n  }, []);\n\n  /**\n   * What actually gets stored. A half-filled range is a legitimate filter\n   * (`resolveDateWindow` leaves the missing side unbounded), so only a range\n   * with BOTH ends blank collapses to \"no rule\".\n   */\n  const commitValues = useCallback((): string[] => {\n    if (!takesValue) return [];\n    if (isRange) {\n      const from = (values[0] ?? '').trim();\n      const to = (values[1] ?? '').trim();\n      return from || to ? [from, to] : [];\n    }\n    if (isRelative) {\n      const count = (values[0] ?? '').trim();\n      return count ? [count, values[1] || 'days'] : [];\n    }\n    const single = (values[0] ?? '').trim();\n    return single ? [single] : [];\n  }, [takesValue, isRange, isRelative, values]);\n\n  const apply = useCallback(() => {\n    onApply(commitValues(), { operator });\n    onClose();\n  }, [commitValues, operator, onApply, onClose]);\n\n  // No operator handed over \u21D2 the host drops the rule. Same shape the tick\n  // list's Clear uses, so \"clear\" means one thing on both bodies.\n  const clear = useCallback(() => {\n    onApply([]);\n    onClose();\n  }, [onApply, onClose]);\n\n  const hasLiveRule = adopted != null;\n  const canClear = hasLiveRule || commitValues().length > 0;\n\n  return (\n    <>\n      <div className=\"hot-quick-filter-date\" data-quick-filter-date=\"\">\n        <label className=\"hot-quick-filter-date-field\">\n          <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n            {t('dynamicTable.quickFilter.condition', 'Condition')}\n          </span>\n          <SelectMenu\n            value={operator}\n            onChange={changeOperator}\n            options={operators.map((op) => ({\n              value: op.value,\n              label: t(`dynamicTable.filter.operator.${op.value}`, op.label),\n            }))}\n            className=\"hot-config-filter-select hot-quick-filter-control\"\n            ariaLabel={t('dynamicTable.quickFilter.condition', 'Condition')}\n            dataAttributes={{ 'data-quick-filter-operator': operator }}\n          />\n        </label>\n\n        {isRange && (\n          <>\n            <label className=\"hot-quick-filter-date-field\" data-quick-filter-range=\"from\">\n              <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n                {t('dynamicTable.quickFilter.from', 'From')}\n              </span>\n              <FilterDatePicker\n                value={values[0] ?? ''}\n                onChange={(v) => setSlot(0, v)}\n                ariaLabel={t('dynamicTable.quickFilter.from', 'From')}\n                placeholder={t('dynamicTable.quickFilter.pickDate', 'Pick date')}\n                className=\"hot-quick-filter-control\"\n                zIndex={NESTED_POPUP_Z}\n              />\n            </label>\n            <label className=\"hot-quick-filter-date-field\" data-quick-filter-range=\"to\">\n              <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n                {t('dynamicTable.quickFilter.to', 'To')}\n              </span>\n              <FilterDatePicker\n                value={values[1] ?? ''}\n                onChange={(v) => setSlot(1, v)}\n                ariaLabel={t('dynamicTable.quickFilter.to', 'To')}\n                placeholder={t('dynamicTable.quickFilter.pickDate', 'Pick date')}\n                className=\"hot-quick-filter-control\"\n                zIndex={NESTED_POPUP_Z}\n              />\n            </label>\n          </>\n        )}\n\n        {isPicker && (\n          <label className=\"hot-quick-filter-date-field\" data-quick-filter-range=\"single\">\n            <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n              {t('dynamicTable.quickFilter.date', 'Date')}\n            </span>\n            <FilterDatePicker\n              value={values[0] ?? ''}\n              onChange={(v) => setSlot(0, v)}\n              ariaLabel={t('dynamicTable.quickFilter.date', 'Date')}\n              placeholder={t('dynamicTable.quickFilter.pickDate', 'Pick date')}\n              className=\"hot-quick-filter-control\"\n              zIndex={NESTED_POPUP_Z}\n            />\n          </label>\n        )}\n\n        {isRelative && (\n          // A moving window, not a calendar date: \"next 7 days\" has to keep\n          // meaning that tomorrow, so what is stored is [count, unit].\n          <div className=\"hot-quick-filter-date-field hot-quick-filter-relative\">\n            <span className=\"hot-quick-filter-date-label text-body-medium-sm\">\n              {t('dynamicTable.quickFilter.window', 'Window')}\n            </span>\n            <div className=\"hot-quick-filter-relative-row\">\n              <input\n                type=\"number\"\n                min={1}\n                step={1}\n                className=\"hot-config-filter-input hot-quick-filter-control hot-quick-filter-count\"\n                value={values[0] ?? ''}\n                onChange={(e) => setSlot(0, e.target.value)}\n                placeholder={t('dynamicTable.quickFilter.count', 'count')}\n                aria-label={t('dynamicTable.quickFilter.count', 'count')}\n                data-quick-filter-count=\"\"\n              />\n              <SelectMenu\n                value={values[1] || 'days'}\n                onChange={(next) => setSlot(1, next)}\n                options={RELATIVE_DATE_UNITS.map((u) => ({\n                  value: u,\n                  label: t(`dynamicTable.filter.unit.${u}`, u),\n                }))}\n                className=\"hot-config-filter-select hot-quick-filter-control\"\n                ariaLabel={t('dynamicTable.quickFilter.unit', 'Unit')}\n                dataAttributes={{ 'data-quick-filter-unit': values[1] || 'days' }}\n              />\n            </div>\n          </div>\n        )}\n\n        {!takesValue && (\n          // A preset carries no editor at all \u2014 say what it will do rather than\n          // leaving a blank panel that reads as \"still loading\".\n          <p className=\"hot-quick-filter-note text-body-regular-xs\" data-quick-filter-preset=\"\">\n            {t('dynamicTable.quickFilter.presetHint', 'Applies to {condition}, recalculated every time.', {\n              condition: t(`dynamicTable.filter.operator.${operator}`, operator),\n            })}\n          </p>\n        )}\n      </div>\n\n      {/* A2/D6 made visible. The user must never mistake this for a saved view. */}\n      <p className=\"hot-quick-filter-transient text-body-regular-xs\">\n        {t('dynamicTable.quickFilter.transient', 'Temporary \u2014 not saved with the view.')}\n      </p>\n\n      <div className=\"hot-quick-filter-footer\">\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={clear}\n          disabled={!canClear}\n          data-quick-filter-clear=\"\"\n        >\n          {t('dynamicTable.quickFilter.clear', 'Clear filter')}\n        </Button>\n        <Button variant=\"primary\" size=\"xs\" onClick={apply} data-quick-filter-apply=\"\">\n          {t('dynamicTable.quickFilter.apply', 'Apply')}\n        </Button>\n      </div>\n    </>\n  );\n};\n\n// \u2500\u2500\u2500 Value-list body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst QuickFilterValueListBody: React.FC<BodyProps> = ({\n  column,\n  selectedValues,\n  loadSuggestions,\n  onApply,\n  onClose,\n}) => {\n  const t = useT();\n  const store = useCellStore();\n  const [query, setQuery] = useState('');\n  // Working copy. Nothing reaches the table until Apply \u2014 a live-applying tick\n  // list would fire one server query per checkbox.\n  const [checked, setChecked] = useState<Set<string>>(\n    () => new Set(selectedValues.filter((v) => v !== '')),\n  );\n  /**\n   * The values the column ARRIVED filtered by. Frozen at open, deliberately:\n   * leading the list with the *live* tick set makes a row jump out from under\n   * the cursor the moment it is unticked, and the next click lands on whatever\n   * slid into its place.\n   */\n  const pinnedRef = useRef<string[]>(selectedValues.filter((v) => v !== ''));\n\n  const staticOptions = useMemo(() => staticOptionsOf(column), [column]);\n  /**\n   * A column that declares its own option set is authoritative \u2014 don't ask the\n   * server for values it already knows, and never show a raw value where the\n   * grid shows a label.\n   */\n  const effectiveLoader = staticOptions ? undefined : loadSuggestions;\n\n  /**\n   * Last-resort value source: the distinct values of the rows currently loaded.\n   * Honest but partial \u2014 the footnote says so rather than pretending it is the\n   * whole domain.\n   */\n  const pageOptions = useMemo<ColumnFilterOption[] | null>(() => {\n    if (staticOptions || effectiveLoader) return null;\n    const seen = new Set<string>();\n    const rowCount = store.getRowCount();\n    for (let row = 0; row < rowCount; row++) {\n      const rowData = store.getRowData(row) as Record<string, unknown> | undefined;\n      const raw = rowData?.[column.data];\n      if (raw == null) continue;\n      const value = String(raw).trim();\n      if (value) seen.add(value);\n    }\n    return Array.from(seen)\n      .sort((a, b) => a.localeCompare(b))\n      .map((value) => ({ value, label: value }));\n  }, [staticOptions, effectiveLoader, store, column.data]);\n\n  const { values: fetched, loading, failed } = useSuggestionFetch(effectiveLoader, query, true);\n\n  /**\n   * The rendered list. Ticked values ALWAYS lead, even when the server did not\n   * return them for this needle \u2014 otherwise a value the user just ticked\n   * vanishes as soon as they type, and they cannot tell what is still selected.\n   */\n  const options = useMemo<ColumnFilterOption[]>(() => {\n    const needle = query.trim().toLowerCase();\n    const matches = (o: ColumnFilterOption) => !needle || o.label.toLowerCase().includes(needle);\n\n    const source: ColumnFilterOption[] = effectiveLoader\n      ? // The server already applied the needle AND the cap; re-filtering here\n        // would drop values it deliberately returned.\n        fetched.map((v) => ({ value: v, label: v }))\n      : (staticOptions ?? pageOptions ?? []).filter(matches);\n\n    const out: ColumnFilterOption[] = [];\n    const seen = new Set<string>();\n    for (const value of pinnedRef.current) {\n      const known =\n        staticOptions?.find((o) => o.value === value) ?? pageOptions?.find((o) => o.value === value);\n      const option = known ?? { value, label: value };\n      if (matches(option) && !seen.has(value)) {\n        out.push(option);\n        seen.add(value);\n      }\n    }\n    for (const option of source) {\n      if (seen.has(option.value)) continue;\n      seen.add(option.value);\n      out.push(option);\n    }\n    return out;\n  }, [query, effectiveLoader, fetched, staticOptions, pageOptions]);\n\n  const visibleValues = useMemo(() => options.map((o) => o.value), [options]);\n  const allVisibleChecked = visibleValues.length > 0 && visibleValues.every((v) => checked.has(v));\n  const someVisibleChecked = !allVisibleChecked && visibleValues.some((v) => checked.has(v));\n\n  const toggle = useCallback((value: string) => {\n    setChecked((prev) => {\n      const next = new Set(prev);\n      if (next.has(value)) next.delete(value);\n      else next.add(value);\n      return next;\n    });\n  }, []);\n\n  const toggleAllVisible = useCallback(() => {\n    setChecked((prev) => {\n      const next = new Set(prev);\n      if (visibleValues.every((v) => next.has(v))) visibleValues.forEach((v) => next.delete(v));\n      else visibleValues.forEach((v) => next.add(v));\n      return next;\n    });\n  }, [visibleValues]);\n\n  const apply = useCallback(() => {\n    onApply(Array.from(checked));\n    onClose();\n  }, [checked, onApply, onClose]);\n\n  const clear = useCallback(() => {\n    onApply([]);\n    onClose();\n  }, [onApply, onClose]);\n\n  const emptyState = loading\n    ? t('dynamicTable.quickFilter.loading', 'Loading\u2026')\n    : failed\n      ? t('dynamicTable.quickFilter.failed', 'Values unavailable \u2014 the filter still applies')\n      : query.trim()\n        ? t('dynamicTable.quickFilter.noMatches', 'No matching values')\n        : t('dynamicTable.quickFilter.noValues', 'No values');\n\n  return (\n    <>\n      <div className=\"hot-quick-filter-search\">\n        <SearchInput\n          autoFocus\n          /* NOT `type=\"search\"` (the primitive's default): Chrome paints its own\n             native cancel \"\u00D7\" on a search input, which lands right beside the\n             primitive's clear button \u2014 two crosses, one box. */\n          type=\"text\"\n          inputSize=\"sm\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          onClear={() => setQuery('')}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              apply();\n            }\n          }}\n          placeholder={t('dynamicTable.quickFilter.search', 'Search values\u2026')}\n          aria-label={t('dynamicTable.quickFilter.search', 'Search values\u2026')}\n          data-quick-filter-search=\"\"\n        />\n      </div>\n\n      <div className=\"hot-quick-filter-list\" data-suggestions-state={loading ? 'loading' : failed ? 'error' : options.length ? 'ready' : 'empty'}>\n        {options.length > 0 ? (\n          <>\n            <label className=\"hot-quick-filter-option hot-quick-filter-select-all\">\n              <Checkbox\n                checked={allVisibleChecked}\n                indeterminate={someVisibleChecked}\n                onChange={toggleAllVisible}\n                data-quick-filter-all=\"\"\n              />\n              <span className=\"text-body-medium-sm\">\n                {t('dynamicTable.quickFilter.selectAll', 'Select all')}\n              </span>\n            </label>\n            {options.map((option) => (\n              // `data-selected` carries the M3 selected treatment (the\n              // `secondary-container` swap in ContextMenu.css) so a ticked\n              // value reads the same way a selected row and a selected menu\n              // item do, instead of being announced by the checkbox alone.\n              <label\n                key={option.value}\n                className=\"hot-quick-filter-option\"\n                title={option.label}\n                data-selected={checked.has(option.value) || undefined}\n              >\n                <Checkbox\n                  checked={checked.has(option.value)}\n                  onChange={() => toggle(option.value)}\n                  data-quick-filter-value={option.value}\n                />\n                <span className=\"text-body-regular-sm hot-quick-filter-option-label\">{option.label}</span>\n              </label>\n            ))}\n          </>\n        ) : (\n          <span className=\"hot-quick-filter-note text-body-regular-xs\">{emptyState}</span>\n        )}\n      </div>\n\n      {/* A2/D6 made visible. The user must never mistake this for a saved view. */}\n      <p className=\"hot-quick-filter-transient text-body-regular-xs\">\n        {pageOptions\n          ? t(\n              'dynamicTable.quickFilter.transientPage',\n              'Temporary \u2014 not saved. Values from the loaded page.',\n            )\n          : t('dynamicTable.quickFilter.transient', 'Temporary \u2014 not saved with the view.')}\n      </p>\n\n      <div className=\"hot-quick-filter-footer\">\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={clear}\n          disabled={selectedValues.length === 0 && checked.size === 0}\n          data-quick-filter-clear=\"\"\n        >\n          {t('dynamicTable.quickFilter.clear', 'Clear filter')}\n        </Button>\n        <Button variant=\"primary\" size=\"xs\" onClick={apply} data-quick-filter-apply=\"\">\n          {t('dynamicTable.quickFilter.apply', 'Apply')}\n        </Button>\n      </div>\n    </>\n  );\n};\n\n// \u2500\u2500\u2500 Shell \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport const ColumnFilterPopover: React.FC<ColumnFilterPopoverProps> = ({\n  column,\n  anchorEl,\n  selectedValues,\n  selectedOperator,\n  loadSuggestions,\n  onApply,\n  onClose,\n}) => {\n  const t = useT();\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const valueList = usesValueListFilter(column);\n\n  // \u2500\u2500 Dismissal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  // CAPTURE on mousedown: the grid's own handlers call stopPropagation, so a\n  // bubbling listener never sees a click on the table and the popover sticks.\n  useEffect(() => {\n    const onMouseDown = (e: MouseEvent) => {\n      const target = e.target as Node | null;\n      if (popoverRef.current?.contains(target)) return;\n      // \u2026and the popups this popover itself opened, which portal to <body>.\n      if (target instanceof Element && target.closest(NESTED_POPUP_SELECTOR)) return;\n      onClose();\n    };\n    document.addEventListener('mousedown', onMouseDown, true);\n    return () => document.removeEventListener('mousedown', onMouseDown, true);\n  }, [onClose]);\n\n  /**\n   * Escape closes THIS popover \u2014 and, while a calendar or an operator menu is\n   * open INSIDE it, closes that instead. A plain document-capture listener\n   * could not express the nesting (and a surrounding Sheet's Radix layer\n   * outranks it anyway); `useEscapeLayer` keeps a stack so only the innermost\n   * layer consumes the key. The grid's own Escape (clear selection) and the\n   * drawer's still never see it.\n   */\n  useEscapeLayer(true, onClose);\n\n  // \u2500\u2500 Placement \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  const preferredHeight = valueList ? ESTIMATED_HEIGHT : ESTIMATED_DATE_HEIGHT;\n  const [position, setPosition] = useState(() => ({\n    top: -9999,\n    left: -9999,\n    maxHeight: preferredHeight,\n    flipAbove: false,\n  }));\n\n  const reposition = useCallback(() => {\n    if (!anchorEl.isConnected) {\n      // The header was unmounted under us \u2014 a column-virtualization scroll, a\n      // hidden column, a perspective switch. A dropdown anchored to nothing is\n      // worse than no dropdown.\n      onClose();\n      return;\n    }\n    const rect = anchorEl.getBoundingClientRect();\n    setPosition(\n      computeAnchoredPosition(\n        rect,\n        { width: window.innerWidth, height: window.innerHeight },\n        { width: POPOVER_WIDTH, preferredHeight, minHeight: 200 },\n      ),\n    );\n  }, [anchorEl, onClose, preferredHeight]);\n\n  useLayoutEffect(() => {\n    reposition();\n  }, [reposition]);\n\n  useEffect(() => {\n    // Capture phase so the GRID's own horizontal scroll is seen, not just the\n    // window's. The dropdown tracks its header instead of detaching from it.\n    const onScroll = (e: Event) => {\n      if (popoverRef.current?.contains(e.target as Node)) return;\n      reposition();\n    };\n    window.addEventListener('scroll', onScroll, true);\n    window.addEventListener('resize', reposition);\n    return () => {\n      window.removeEventListener('scroll', onScroll, true);\n      window.removeEventListener('resize', reposition);\n    };\n  }, [reposition]);\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    top: position.top,\n    left: position.left,\n    width: POPOVER_WIDTH,\n    // Capping the height is what makes `translateY(-100%)` safe \u2014 see\n    // utils/anchoredPosition. The value list is the flexible section, so a\n    // short viewport shortens the list rather than clipping the search box or\n    // the Apply button.\n    maxHeight: position.maxHeight,\n    zIndex: 10001,\n    ...(position.flipAbove ? { transform: 'translateY(-100%)' } : {}),\n  };\n\n  const bodyProps: BodyProps = {\n    column,\n    selectedValues,\n    selectedOperator,\n    loadSuggestions,\n    onApply,\n    onClose,\n  };\n\n  const content = (\n    <div\n      ref={popoverRef}\n      className=\"hot-quick-filter hot-appearance-v2\"\n      style={style}\n      role=\"dialog\"\n      aria-label={t('dynamicTable.quickFilter.title', 'Filter {column}', {\n        column: column.title || column.data,\n      })}\n      data-quick-filter={column.data}\n      /* Which editor the column got. The tick list is meaningless for a date,\n         so the branch is worth asserting on from a test or the harness. */\n      data-quick-filter-kind={valueList ? 'values' : 'date'}\n    >\n      {valueList ? (\n        <QuickFilterValueListBody {...bodyProps} />\n      ) : (\n        <QuickFilterDateBody {...bodyProps} />\n      )}\n    </div>\n  );\n\n  if (typeof document === 'undefined') return content;\n  return ReactDOM.createPortal(content, document.body);\n};\n\nexport default ColumnFilterPopover;\n"],
+  "mappings": "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",
+  "names": []
+}