@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-TQ6FPOPD.js

@@ -0,0 +1,105 @@
+import {
+  GAP,
+  RESERVED,
+  estimateWidth,
+  furnitureCost,
+  isRangeSet,
+  pillText,
+  rightClusterCost
+} from "./chunk-IAGOUTI6.js";
+import {
+  splitToFit,
+  useMeasuredWidth
+} from "./chunk-Y4KKS6WL.js";
+
+// src/components/data-display/DataViews/data-views-overflow.ts
+import { useRef } from "react";
+function toOverflowFields(fields, rangeFields) {
+  return [
+    ...fields.map((pill) => ({ id: pill.id, label: pill.label, group: "pill", pill })),
+    ...rangeFields.map((range) => ({ id: range.id, label: range.label, group: "range", range }))
+  ];
+}
+function isActiveField(field, pills, ranges) {
+  return field.group === "pill" ? (pills[field.id]?.length ?? 0) > 0 : isRangeSet(ranges[field.id]);
+}
+function fieldWidth(field, pills, ranges) {
+  if (field.group === "pill") return estimateWidth(pillText(field, pills[field.id] ?? []), 0);
+  return estimateWidth(field.label, isRangeSet(ranges[field.id]) ? 100 : 0);
+}
+function splitFilters(all, pills, ranges, width, furniture, compact) {
+  const active = all.filter((field) => isActiveField(field, pills, ranges));
+  const idle = all.filter((field) => !isActiveField(field, pills, ranges));
+  const clearCost = active.length > 0 ? RESERVED.clearAll + GAP : 0;
+  const split = splitToFit(all, {
+    widthOf: (field) => fieldWidth(field, pills, ranges),
+    keyOf: (field) => field.id,
+    gap: GAP,
+    available: width - furniture - clearCost,
+    // The overflow button at the width it will actually have, which on a phone
+    // is the icon-and-badge one.
+    overflowCost: compact ? RESERVED.overflowButtonCompact : RESERVED.overflowButton,
+    priority: [...active, ...idle]
+  });
+  return { ...split, used: split.used + clearCost };
+}
+function computeSplit(all, pills, ranges, width, hasExport) {
+  if (width === 0) {
+    return {
+      inline: all,
+      overflow: [],
+      compactControls: false,
+      counterHidden: false,
+      searchCollapsed: false,
+      clearAllHidden: false,
+      searchTakeover: false
+    };
+  }
+  let split = splitFilters(all, pills, ranges, width, furnitureCost(UNCOLLAPSED, hasExport), false);
+  let flags = ladderFlags(split, width, hasExport);
+  let budget = furnitureCost(UNCOLLAPSED, hasExport);
+  for (let pass = 0; pass < 3; pass += 1) {
+    const freed = furnitureCost(flags, hasExport);
+    if (freed >= budget) break;
+    budget = freed;
+    split = splitFilters(all, pills, ranges, width, budget, flags.compactControls);
+    flags = ladderFlags(split, width, hasExport);
+  }
+  return { inline: split.inline, overflow: split.overflow, ...flags };
+}
+var UNCOLLAPSED = { searchCollapsed: false, counterHidden: false, compactControls: false };
+function ladderFlags(split, width, hasExport) {
+  const { overflow, used } = split;
+  const base = width - used - RESERVED.chrome;
+  const compactControls = base - RESERVED.counter - rightClusterCost(hasExport, false) < RESERVED.search;
+  const rightCost = rightClusterCost(hasExport, compactControls);
+  const searchCollapsed = base - RESERVED.counter - rightCost < RESERVED.search;
+  const counterHidden = searchCollapsed && base - RESERVED.counter - rightCost < RESERVED.searchIcon;
+  const clearAllHidden = counterHidden && overflow.length > 0;
+  const overflowButton = compactControls ? RESERVED.overflowButtonCompact : RESERVED.overflowButton;
+  const shedRoom = width - RESERVED.chrome - (overflow.length > 0 ? overflowButton : 0);
+  const searchBoxRoom = shedRoom - (counterHidden ? 0 : RESERVED.counter) - rightCost;
+  const searchTakeover = searchCollapsed && searchBoxRoom < RESERVED.usableSearch;
+  return { compactControls, counterHidden, searchCollapsed, clearAllHidden, searchTakeover };
+}
+function useFilterOverflow(all, pills, ranges, frozen = false, hasExport = true) {
+  const { ref: barRef, width } = useMeasuredWidth();
+  const signature = JSON.stringify({
+    ids: all.map((field) => field.id),
+    pills,
+    ranges,
+    width,
+    hasExport
+  });
+  const cache = useRef(null);
+  if (cache.current === null || !frozen && cache.current.signature !== signature) {
+    cache.current = { signature, split: computeSplit(all, pills, ranges, width, hasExport) };
+  }
+  return { ...cache.current.split, barRef };
+}
+
+export {
+  toOverflowFields,
+  useFilterOverflow
+};
+//# sourceMappingURL=chunk-TQ6FPOPD.js.map

package/dist/chunk-TQ6FPOPD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-overflow.ts"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\n\nimport { splitToFit, useMeasuredWidth } from \"../../utility/Overflow\";\nimport {\n  estimateWidth,\n  furnitureCost,\n  GAP,\n  isRangeSet,\n  pillText,\n  RESERVED,\n  rightClusterCost,\n} from \"./data-views-overflow-costs\";\nimport type { FilterFieldConfig, RangeFieldConfig, RangeValue } from \"./data-views-types\";\n\n/**\n * PROGRESSIVE COLLAPSE — which filter controls fit on the toolbar, measured.\n *\n * Two rules, and both come from watching the all-or-nothing version fail:\n *\n * 1. Controls shed ONE AT A TIME into an overflow, never all at once. With four\n *    filters and room for three, hiding all four throws away the room that was\n *    there.\n * 2. An APPLIED filter is ranked first, not exempt. Applied controls take the\n *    visible slots ahead of idle ones, and go into \"Mais\" like anything else\n *    when even those slots run out. Exempting them outright — the earlier rule\n *    — meant four applied filters on a phone claimed more width than the row\n *    had, and the bar painted past its own edge: the pills were reachable only\n *    by scrolling the toolbar sideways. Hiding one is safe because \"Mais\" says\n *    how many applied filters are behind it; scrolling one off-screen says\n *    nothing at all.\n *\n * It MEASURES rather than picking a breakpoint, which is what\n * `FILTERS-CONTRACT.md` asks for: pages declare different numbers of filters\n * with different label lengths, and the same page collapses at a different\n * width in another language. A shared breakpoint is wrong for at least one\n * table by construction.\n *\n * Collapsing is presentation only — nothing here emits a query, drops a filter\n * or changes a rendered row.\n */\n\n/** A filter control on the bar: a multi-select pill or a min/max range. */\nexport interface OverflowField<T extends Record<string, unknown>> {\n  id: string;\n  label: string;\n  /** Which control it is — the caller renders the right one. */\n  group: \"pill\" | \"range\";\n  pill?: FilterFieldConfig<T>;\n  range?: RangeFieldConfig<T>;\n}\n\n/** What the caller renders inline, and what goes behind \"Mais\". */\nexport interface OverflowSplit<T extends Record<string, unknown>> {\n  inline: OverflowField<T>[];\n  overflow: OverflowField<T>[];\n  /**\n   * Step 2 — Exibir/Exportar drop their text labels and become icons.\n   * Cheap: both keep their icon, their tooltip and their position.\n   */\n  compactControls: boolean;\n  /**\n   * Step 5, and the LAST resort — the \"N de N\" counter is dropped.\n   *\n   * Only once every control has already collapsed and the row STILL does not\n   * fit, which on a six-filter table is below about 400px. The counter goes\n   * last because it is the only thing left that reports rather than does: an\n   * operator can act without knowing the total, but not without the search.\n   */\n  counterHidden: boolean;\n  /**\n   * Step 4 — the search collapses to a magnifier that expands on click.\n   * The most expensive step, so it is taken last: the search is the one\n   * control on the bar that cannot be guessed from an icon's position.\n   */\n  searchCollapsed: boolean;\n  /**\n   * Step 6, below even the counter — \"Limpar\" leaves the bar.\n   *\n   * The one control here with a second home: the overflow panel's footer\n   * carries \"Limpar todos os filtros\". So it goes before the search icon or\n   * \"Mais\", neither of which has anywhere else to be.\n   */\n  clearAllHidden: boolean;\n  /**\n   * Expanding the magnifier must take the whole cluster, filters and all.\n   *\n   * Only on the rungs where what is left over would be too narrow to read —\n   * on a large phone the box simply shrinks and the filters stay, which is why\n   * this is its own answer rather than `searchCollapsed` reused.\n   */\n  searchTakeover: boolean;\n  /** Attach to the toolbar row being measured. */\n  barRef: React.RefObject<HTMLDivElement | null>;\n}\n\n/** Every declared control, pills first, in the order the bar renders them. */\nexport function toOverflowFields<T extends Record<string, unknown>>(\n  fields: FilterFieldConfig<T>[],\n  rangeFields: RangeFieldConfig<T>[],\n): OverflowField<T>[] {\n  return [\n    ...fields.map((pill) => ({ id: pill.id, label: pill.label, group: \"pill\" as const, pill })),\n    ...rangeFields.map((range) => ({ id: range.id, label: range.label, group: \"range\" as const, range })),\n  ];\n}\n\n\n/** Is this control carrying a value the operator set? */\nfunction isActiveField<T extends Record<string, unknown>>(\n  field: OverflowField<T>,\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n): boolean {\n  return field.group === \"pill\"\n    ? (pills[field.id]?.length ?? 0) > 0\n    : isRangeSet(ranges[field.id]);\n}\n\n/** Estimated rendered width of one control at its CURRENT value. */\nfunction fieldWidth<T extends Record<string, unknown>>(\n  field: OverflowField<T>,\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n): number {\n  if (field.group === \"pill\") return estimateWidth(pillText(field, pills[field.id] ?? []), 0);\n  // A bounded range renders two number inputs beside its label.\n  return estimateWidth(field.label, isRangeSet(ranges[field.id]) ? 100 : 0);\n}\n\n/** What one split costs on the bar, so the ladder below can price the next step. */\ntype Split<T extends Record<string, unknown>> = {\n  inline: OverflowField<T>[];\n  overflow: OverflowField<T>[];\n  /** Width the surviving inline controls occupy, incl. the \"Mais\" button. */\n  used: number;\n};\n\n/** Step 1 — shed filter controls into the overflow. Pure. */\nfunction splitFilters<T extends Record<string, unknown>>(\n  all: OverflowField<T>[],\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n  width: number,\n  /** Search + counter + right cluster + chrome, at the rung being considered. */\n  furniture: number,\n  /** Is the bar already down to icons? \"Mais\" shrinks with everything else. */\n  compact: boolean,\n): Split<T> {\n  const active = all.filter((field) => isActiveField(field, pills, ranges));\n  const idle = all.filter((field) => !isActiveField(field, pills, ranges));\n\n  // \"Limpar\" rides the end of the cluster whenever anything is applied.\n  const clearCost = active.length > 0 ? RESERVED.clearAll + GAP : 0;\n  // APPLIED FIRST, BUT NOT EXEMPT.\n  //\n  // Applied controls take the visible slots ahead of idle ones — that part was\n  // always right. Exempting them from the overflow entirely was not: applying\n  // a value LENGTHENS a control (\"Pagamento (1)\"), so on a phone four applied\n  // filters claimed more width than the row had and the bar simply painted\n  // past its own edge, leaving pills reachable only by scrolling sideways.\n  //\n  // An applied filter hidden in \"Mais\" is not lost the way it would be if it\n  // vanished silently: the trigger goes to the applied tone and says how many\n  // are in there (see `MoreTrigger`), which is the same signal the pill itself\n  // was carrying. A control you scroll off-screen carries no signal at all.\n  //\n  // The keep-what-fits loop itself is `splitToFit` (`utility/Overflow`) — the\n  // one part of this that is not filter-shaped, and the part a second cluster\n  // in the design system would otherwise have had to reimplement.\n  const split = splitToFit(all, {\n    widthOf: (field) => fieldWidth(field, pills, ranges),\n    keyOf: (field) => field.id,\n    gap: GAP,\n    available: width - furniture - clearCost,\n    // The overflow button at the width it will actually have, which on a phone\n    // is the icon-and-badge one.\n    overflowCost: compact ? RESERVED.overflowButtonCompact : RESERVED.overflowButton,\n    priority: [...active, ...idle],\n  });\n  return { ...split, used: split.used + clearCost };\n}\n\n/**\n * THE DEGRADATION LADDER — cheapest loss first, and each rung taken only if\n * the one before it did not free enough:\n *\n *   1. filter controls move into the \"Mais\" overflow   (`splitFilters`)\n *   2. Exibir / Exportar drop their text labels        (`compactControls`)\n *   3. the search shrinks toward its minimum           (CSS: it is `flex: 1`)\n *   4. the search itself collapses to an icon          (`searchCollapsed`)\n *\n * Step 3 needs no flag — the search is a flex child, so it gives up width on\n * its own until it hits `RESERVED.search`. The flags mark the two steps that\n * change what is RENDERED rather than how wide it is.\n *\n * Measured against what is CURRENTLY on the bar, never a breakpoint: a\n * two-filter page and a five-filter page would otherwise collapse at the same\n * width, and only one of them would be right.\n */\nfunction computeSplit<T extends Record<string, unknown>>(\n  all: OverflowField<T>[],\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n  width: number,\n  /** Does the host render \"Exportar\" beside \"Exibir\"? Half the cluster if not. */\n  hasExport: boolean,\n): Omit<OverflowSplit<T>, \"barRef\"> {\n  // Unmeasured (SSR, or jsdom without a ResizeObserver) ⇒ degrade nothing.\n  if (width === 0) {\n    return {\n      inline: all,\n      overflow: [],\n      compactControls: false,\n      counterHidden: false,\n      searchCollapsed: false,\n      clearAllHidden: false,\n      searchTakeover: false,\n    };\n  }\n  // Pass 1 prices the furniture at its widest — no rung has been taken yet.\n  let split = splitFilters(all, pills, ranges, width, furnitureCost(UNCOLLAPSED, hasExport), false);\n  let flags = ladderFlags(split, width, hasExport);\n  // RE-SPEND WHAT THE LATER RUNGS FREED.\n  //\n  // Rungs 2/4/5 turn 200 + 96 + 216 of furniture into 44 + 0 + 140, and until\n  // this loop existed nobody handed those ~330px back to the filters: the\n  // split was decided once, against the uncollapsed row, so a phone shed every\n  // control and then sat with a band of empty bar beside \"Mais 5\".\n  //\n  // Settles rather than oscillates, and cannot overfill: a cheaper furniture\n  // can only give the filters MORE room, more filter width can only push the\n  // ladder FURTHER down, and a further rung can only make the furniture\n  // cheaper again — so the budget decreases monotonically and the loop exits\n  // the moment it stops moving. The bound is a backstop, not the exit.\n  let budget = furnitureCost(UNCOLLAPSED, hasExport);\n  for (let pass = 0; pass < 3; pass += 1) {\n    const freed = furnitureCost(flags, hasExport);\n    if (freed >= budget) break;\n    budget = freed;\n    split = splitFilters(all, pills, ranges, width, budget, flags.compactControls);\n    flags = ladderFlags(split, width, hasExport);\n  }\n  return { inline: split.inline, overflow: split.overflow, ...flags };\n}\n\n/** The widest the furniture ever is — every rung still untaken. */\nconst UNCOLLAPSED = { searchCollapsed: false, counterHidden: false, compactControls: false };\n\n/** Rungs 2 and 4-6, priced against what the filters actually took. */\nfunction ladderFlags<T extends Record<string, unknown>>(\n  split: Split<T>,\n  width: number,\n  hasExport: boolean,\n): Omit<OverflowSplit<T>, \"barRef\" | \"inline\" | \"overflow\"> {\n  const { overflow, used } = split;\n  const base = width - used - RESERVED.chrome;\n\n  // Would the search still make its minimum with the labels on?\n  const compactControls = base - RESERVED.counter - rightClusterCost(hasExport, false) < RESERVED.search;\n  const rightCost = rightClusterCost(hasExport, compactControls);\n  // …and with them off?\n  const searchCollapsed = base - RESERVED.counter - rightCost < RESERVED.search;\n  // Everything has collapsed and the row STILL overflows. The controls cannot\n  // shrink further — they are `flexShrink: 0` precisely so an over-packed row\n  // sheds rather than squeezes — so without this last rung they simply paint\n  // outside the toolbar, which is what a narrow phone was doing.\n  const counterHidden =\n    searchCollapsed && base - RESERVED.counter - rightCost < RESERVED.searchIcon;\n  // Step 6 — below even that, \"Limpar\" leaves the bar. It is the ONLY control\n  // here with a second home: the overflow panel's footer carries \"Limpar todos\n  // os filtros\", so nothing is lost, which is exactly why it goes before the\n  // search icon or \"Mais\" (neither of which has anywhere else to be). Guarded\n  // on there BEING an overflow, because with no panel the footer does not\n  // exist and dropping this would strand the operator.\n  const clearAllHidden = counterHidden && overflow.length > 0;\n  // What the keyword box would get if the operator expanded the magnifier.\n  // `searchCollapsed` is a different question — it asks whether the box fits at\n  // its PREFERRED 200px, and is deliberately pessimistic — so reusing it to\n  // decide the takeover evicted the filters on screens where the box had plenty\n  // of room to simply shrink.\n  //\n  // Asked with the inline filters SHED, because shedding them is exactly what\n  // expanding the box does: the row re-splits and they go behind \"Mais\".\n  // Measuring against the resting row instead made a filter argue for its own\n  // eviction — now that a large phone keeps one, its width came out of `base`,\n  // pushed the box under `usableSearch`, and tipped a row that had ample space\n  // to share into a full takeover.\n  const overflowButton = compactControls\n    ? RESERVED.overflowButtonCompact\n    : RESERVED.overflowButton;\n  const shedRoom = width - RESERVED.chrome - (overflow.length > 0 ? overflowButton : 0);\n  const searchBoxRoom = shedRoom - (counterHidden ? 0 : RESERVED.counter) - rightCost;\n  // Below this a box is too narrow to read what you typed into it, and shrinking\n  // further buys nothing; that is the only point at which taking the whole\n  // cluster is worth losing the filters.\n  const searchTakeover = searchCollapsed && searchBoxRoom < RESERVED.usableSearch;\n\n  return { compactControls, counterHidden, searchCollapsed, clearAllHidden, searchTakeover };\n}\n\n/**\n * Split the declared filter controls into what fits and what goes behind\n * \"Mais\", measured against the live toolbar width.\n *\n * Cached on a SIGNATURE rather than by `useMemo` over the inputs: hosts declare\n * their fields inline, so `all` is a fresh array on every render while the\n * configuration is unchanged, and a reference-keyed memo would never hit.\n */\nexport function useFilterOverflow<T extends Record<string, unknown>>(\n  all: OverflowField<T>[],\n  pills: Record<string, string[]>,\n  ranges: Record<string, RangeValue>,\n  /**\n   * A filter control is open — hold the current answer until it closes.\n   *\n   * Applying a filter changes that control's LABEL (\"Valor\" becomes \"Valor: ≥\n   * R$ 1\"), which changes its measured width, which re-runs the whole split\n   * while its popover is open on top of it. Measured: setting a minimum moved\n   * the trigger 192px left, took the popover with it, and pushed two other\n   * controls into a newly-appeared \"Mais 2\" — so reaching for the second bound\n   * meant chasing the control across the row. Nobody sets a range that way.\n   *\n   * Frozen only for the duration: closing re-measures against the new labels,\n   * so the row still ends up correct, it just does not rearrange under a hand\n   * that is mid-edit.\n   */\n  frozen = false,\n  /** Whether \"Exportar\" is on the bar — see `rightClusterCost`. */\n  hasExport = true,\n): OverflowSplit<T> {\n  // The measurement is `useMeasuredWidth` (`utility/Overflow`): the same\n  // ResizeObserver every collapsing cluster in the design system reads, so\n  // there is one loop to get right rather than one per bar. `0` until the\n  // first measurement lands (and forever under SSR or jsdom), which\n  // `computeSplit` reads as \"degrade nothing\".\n  const { ref: barRef, width } = useMeasuredWidth<HTMLDivElement>();\n  const signature = JSON.stringify({\n    ids: all.map((field) => field.id),\n    pills,\n    ranges,\n    width,\n    hasExport,\n  });\n  const cache = useRef<{ signature: string; split: ReturnType<typeof computeSplit<T>> } | null>(null);\n  if (cache.current === null || (!frozen && cache.current.signature !== signature)) {\n    cache.current = { signature, split: computeSplit(all, pills, ranges, width, hasExport) };\n  }\n  return { ...cache.current.split, barRef };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TUBCN4DJ.js

@@ -0,0 +1,46 @@
+// src/components/data-display/MapPreview/mapProjection.ts
+var TILE_SIZE = 256;
+var EQUATOR_METRES_PER_PIXEL = 156543.03392;
+var SCALE_BAR_PIXELS = 100;
+var GEOCODE_DELAY_MS = 300;
+var project = (lat, lng) => {
+  const siny = Math.sin(lat * Math.PI / 180);
+  const boundedSiny = Math.max(-0.9999, Math.min(0.9999, siny));
+  return {
+    x: TILE_SIZE * (0.5 + lng / 360),
+    y: TILE_SIZE * (0.5 - Math.log((1 + boundedSiny) / (1 - boundedSiny)) / (4 * Math.PI))
+  };
+};
+var getTileCoordinates = (lat, lng, zoom) => {
+  const scale = 1 << zoom;
+  const world = project(lat, lng);
+  return {
+    x: Math.floor(Math.floor(world.x * scale) / TILE_SIZE),
+    y: Math.floor(Math.floor(world.y * scale) / TILE_SIZE)
+  };
+};
+var getScaleDistance = (zoom) => {
+  const distance = EQUATOR_METRES_PER_PIXEL / Math.pow(2, zoom) * SCALE_BAR_PIXELS;
+  if (distance >= 1e3) return `${Math.round(distance / 1e3)} km`;
+  if (distance >= 100) return `${Math.round(distance / 100) * 100} m`;
+  return `${Math.round(distance)} m`;
+};
+var MOCK_GEOCODE_RESULTS = {
+  "san francisco": { lat: 37.7749, lng: -122.4194 },
+  "new york": { lat: 40.7128, lng: -74.006 },
+  london: { lat: 51.5074, lng: -0.1278 },
+  tokyo: { lat: 35.6762, lng: 139.6503 },
+  paris: { lat: 48.8566, lng: 2.3522 }
+};
+var geocode = async (address) => {
+  await new Promise((resolve) => window.setTimeout(resolve, GEOCODE_DELAY_MS));
+  return MOCK_GEOCODE_RESULTS[address.toLowerCase().trim()] || null;
+};
+
+export {
+  TILE_SIZE,
+  getTileCoordinates,
+  getScaleDistance,
+  geocode
+};
+//# sourceMappingURL=chunk-TUBCN4DJ.js.map

package/dist/chunk-TUBCN4DJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/mapProjection.ts"],"sourcesContent":["export const TILE_SIZE = 256;\n\n// Metres covered by one pixel at zoom 0 on the equator; each zoom level halves it.\nconst EQUATOR_METRES_PER_PIXEL = 156543.03392;\nconst SCALE_BAR_PIXELS = 100;\nconst GEOCODE_DELAY_MS = 300;\n\n// Web Mercator. Longitude maps linearly; latitude goes through the log of the\n// tangent, clamped just short of the poles where that diverges.\nconst project = (lat: number, lng: number) => {\n  const siny = Math.sin((lat * Math.PI) / 180);\n  const boundedSiny = Math.max(-0.9999, Math.min(0.9999, siny));\n\n  return {\n    x: TILE_SIZE * (0.5 + lng / 360),\n    y: TILE_SIZE * (0.5 - Math.log((1 + boundedSiny) / (1 - boundedSiny)) / (4 * Math.PI)),\n  };\n};\n\nexport const getTileCoordinates = (lat: number, lng: number, zoom: number) => {\n  const scale = 1 << zoom;\n  const world = project(lat, lng);\n\n  return {\n    x: Math.floor(Math.floor(world.x * scale) / TILE_SIZE),\n    y: Math.floor(Math.floor(world.y * scale) / TILE_SIZE),\n  };\n};\n\nexport const getScaleDistance = (zoom: number): string => {\n  const distance = (EQUATOR_METRES_PER_PIXEL / Math.pow(2, zoom)) * SCALE_BAR_PIXELS;\n\n  if (distance >= 1000) return `${Math.round(distance / 1000)} km`;\n  // Round to the nearest 100m so the bar reads as a round number.\n  if (distance >= 100) return `${Math.round(distance / 100) * 100} m`;\n  return `${Math.round(distance)} m`;\n};\n\nconst MOCK_GEOCODE_RESULTS: Record<string, { lat: number; lng: number }> = {\n  'san francisco': { lat: 37.7749, lng: -122.4194 },\n  'new york': { lat: 40.7128, lng: -74.006 },\n  london: { lat: 51.5074, lng: -0.1278 },\n  tokyo: { lat: 35.6762, lng: 139.6503 },\n  paris: { lat: 48.8566, lng: 2.3522 },\n};\n\n// Stands in for a Places lookup, delay included so the disabled search field is\n// actually observable.\nexport const geocode = async (address: string): Promise<{ lat: number; lng: number } | null> => {\n  await new Promise((resolve) => window.setTimeout(resolve, GEOCODE_DELAY_MS));\n  return MOCK_GEOCODE_RESULTS[address.toLowerCase().trim()] || null;\n};\n"],"mappings":";AAAO,IAAM,YAAY;AAGzB,IAAM,2BAA2B;AACjC,IAAM,mBAAmB;AACzB,IAAM,mBAAmB;AAIzB,IAAM,UAAU,CAAC,KAAa,QAAgB;AAC5C,QAAM,OAAO,KAAK,IAAK,MAAM,KAAK,KAAM,GAAG;AAC3C,QAAM,cAAc,KAAK,IAAI,SAAS,KAAK,IAAI,QAAQ,IAAI,CAAC;AAE5D,SAAO;AAAA,IACL,GAAG,aAAa,MAAM,MAAM;AAAA,IAC5B,GAAG,aAAa,MAAM,KAAK,KAAK,IAAI,gBAAgB,IAAI,YAAY,KAAK,IAAI,KAAK;AAAA,EACpF;AACF;AAEO,IAAM,qBAAqB,CAAC,KAAa,KAAa,SAAiB;AAC5E,QAAM,QAAQ,KAAK;AACnB,QAAM,QAAQ,QAAQ,KAAK,GAAG;AAE9B,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,KAAK,IAAI,SAAS;AAAA,IACrD,GAAG,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,KAAK,IAAI,SAAS;AAAA,EACvD;AACF;AAEO,IAAM,mBAAmB,CAAC,SAAyB;AACxD,QAAM,WAAY,2BAA2B,KAAK,IAAI,GAAG,IAAI,IAAK;AAElE,MAAI,YAAY,IAAM,QAAO,GAAG,KAAK,MAAM,WAAW,GAAI,CAAC;AAE3D,MAAI,YAAY,IAAK,QAAO,GAAG,KAAK,MAAM,WAAW,GAAG,IAAI,GAAG;AAC/D,SAAO,GAAG,KAAK,MAAM,QAAQ,CAAC;AAChC;AAEA,IAAM,uBAAqE;AAAA,EACzE,iBAAiB,EAAE,KAAK,SAAS,KAAK,UAAU;AAAA,EAChD,YAAY,EAAE,KAAK,SAAS,KAAK,QAAQ;AAAA,EACzC,QAAQ,EAAE,KAAK,SAAS,KAAK,QAAQ;AAAA,EACrC,OAAO,EAAE,KAAK,SAAS,KAAK,SAAS;AAAA,EACrC,OAAO,EAAE,KAAK,SAAS,KAAK,OAAO;AACrC;AAIO,IAAM,UAAU,OAAO,YAAkE;AAC9F,QAAM,IAAI,QAAQ,CAAC,YAAY,OAAO,WAAW,SAAS,gBAAgB,CAAC;AAC3E,SAAO,qBAAqB,QAAQ,YAAY,EAAE,KAAK,CAAC,KAAK;AAC/D;","names":[]}

package/dist/chunk-TVL5V2JK.js

@@ -0,0 +1,56 @@
+// src/components/layout/Collapsible/Collapsible.helpers.ts
+var transitionSettings = (theme, variant, duration, easing) => {
+  if (variant === "spring") {
+    return {
+      duration: duration * 1.2,
+      easing: easing || "cubic-bezier(0.34, 1.56, 0.64, 1)"
+    };
+  }
+  return { duration, easing: easing || theme.transitions.easing.easeInOut };
+};
+var regionAttrs = ({ open, disabled, dataTestId }) => ({
+  "data-disabled": disabled,
+  "data-testid": dataTestId,
+  role: "region",
+  "aria-expanded": open && !disabled,
+  "aria-hidden": disabled || !open
+});
+var dimmedStyles = (disabled) => ({
+  opacity: disabled ? 0.6 : 1,
+  pointerEvents: disabled ? "none" : "auto"
+});
+var triggerStyles = (theme, { disabled, expanded }) => {
+  const restingBackground = expanded ? theme.palette.action.selected : "transparent";
+  return {
+    width: "100%",
+    padding: theme.spacing(1, 2),
+    border: "none",
+    backgroundColor: restingBackground,
+    cursor: disabled ? "not-allowed" : "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    transition: theme.transitions.create(["background-color", "opacity"], {
+      duration: theme.transitions.duration.short
+    }),
+    opacity: disabled ? 0.6 : 1,
+    "&:hover": {
+      backgroundColor: disabled ? "transparent" : expanded ? theme.palette.action.selected : theme.palette.action.hover
+    },
+    "&:focus": {
+      outline: `2px solid ${theme.palette.primary.main}`,
+      outlineOffset: 2
+    },
+    "&:active": {
+      backgroundColor: disabled ? "transparent" : theme.palette.action.focus
+    }
+  };
+};
+
+export {
+  transitionSettings,
+  regionAttrs,
+  dimmedStyles,
+  triggerStyles
+};
+//# sourceMappingURL=chunk-TVL5V2JK.js.map

package/dist/chunk-TVL5V2JK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Collapsible/Collapsible.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { CollapsibleVariant } from './Collapsible.types';\n\n/**\n * `smooth` and `default` share their timing; only `spring` differs, stretching\n * the duration and overshooting past the target before settling.\n */\nexport const transitionSettings = (\n  theme: Theme,\n  variant: CollapsibleVariant,\n  duration: number,\n  easing?: string,\n): { duration: number; easing: string } => {\n  if (variant === 'spring') {\n    return {\n      duration: duration * 1.2,\n      easing: easing || 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n    };\n  }\n\n  return { duration, easing: easing || theme.transitions.easing.easeInOut };\n};\n\ninterface RegionState {\n  open: boolean;\n  disabled: boolean;\n  dataTestId?: string;\n}\n\n/**\n * Shared by both implementations: a disabled collapsible reads as collapsed to\n * assistive technology whatever its `open` prop says, because it cannot be\n * operated to see the rest.\n */\nexport const regionAttrs = ({ open, disabled, dataTestId }: RegionState) => ({\n  'data-disabled': disabled,\n  'data-testid': dataTestId,\n  role: 'region',\n  'aria-expanded': open && !disabled,\n  'aria-hidden': disabled || !open,\n});\n\nexport const dimmedStyles = (disabled: boolean) => ({\n  opacity: disabled ? 0.6 : 1,\n  pointerEvents: (disabled ? 'none' : 'auto') as 'none' | 'auto',\n});\n\nexport const triggerStyles = (\n  theme: Theme,\n  { disabled, expanded }: { disabled: boolean; expanded: boolean },\n) => {\n  const restingBackground = expanded ? theme.palette.action.selected : 'transparent';\n\n  return {\n    width: '100%',\n    padding: theme.spacing(1, 2),\n    border: 'none',\n    backgroundColor: restingBackground,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    transition: theme.transitions.create(['background-color', 'opacity'], {\n      duration: theme.transitions.duration.short,\n    }),\n    opacity: disabled ? 0.6 : 1,\n    '&:hover': {\n      backgroundColor: disabled\n        ? 'transparent'\n        : expanded\n          ? theme.palette.action.selected\n          : theme.palette.action.hover,\n    },\n    '&:focus': {\n      outline: `2px solid ${theme.palette.primary.main}`,\n      outlineOffset: 2,\n    },\n    '&:active': {\n      backgroundColor: disabled ? 'transparent' : theme.palette.action.focus,\n    },\n  };\n};\n"],"mappings":";AAQO,IAAM,qBAAqB,CAChC,OACA,SACA,UACA,WACyC;AACzC,MAAI,YAAY,UAAU;AACxB,WAAO;AAAA,MACL,UAAU,WAAW;AAAA,MACrB,QAAQ,UAAU;AAAA,IACpB;AAAA,EACF;AAEA,SAAO,EAAE,UAAU,QAAQ,UAAU,MAAM,YAAY,OAAO,UAAU;AAC1E;AAaO,IAAM,cAAc,CAAC,EAAE,MAAM,UAAU,WAAW,OAAoB;AAAA,EAC3E,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,MAAM;AAAA,EACN,iBAAiB,QAAQ,CAAC;AAAA,EAC1B,eAAe,YAAY,CAAC;AAC9B;AAEO,IAAM,eAAe,CAAC,cAAuB;AAAA,EAClD,SAAS,WAAW,MAAM;AAAA,EAC1B,eAAgB,WAAW,SAAS;AACtC;AAEO,IAAM,gBAAgB,CAC3B,OACA,EAAE,UAAU,SAAS,MAClB;AACH,QAAM,oBAAoB,WAAW,MAAM,QAAQ,OAAO,WAAW;AAErE,SAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,IAC3B,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,QAAQ,WAAW,gBAAgB;AAAA,IACnC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,YAAY,MAAM,YAAY,OAAO,CAAC,oBAAoB,SAAS,GAAG;AAAA,MACpE,UAAU,MAAM,YAAY,SAAS;AAAA,IACvC,CAAC;AAAA,IACD,SAAS,WAAW,MAAM;AAAA,IAC1B,WAAW;AAAA,MACT,iBAAiB,WACb,gBACA,WACE,MAAM,QAAQ,OAAO,WACrB,MAAM,QAAQ,OAAO;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,MACT,SAAS,aAAa,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAChD,eAAe;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,MACV,iBAAiB,WAAW,gBAAgB,MAAM,QAAQ,OAAO;AAAA,IACnE;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-TY6CTYCF.js

@@ -0,0 +1,177 @@
+import {
+  useColumnsWithActions,
+  useRenderedColumns
+} from "./chunk-4QQVIGRG.js";
+import {
+  filterRows
+} from "./chunk-YGQX7BNI.js";
+import {
+  serverDerived,
+  useServerQuery
+} from "./chunk-IMLIIW77.js";
+import {
+  useSelection
+} from "./chunk-WTOTWP6A.js";
+import {
+  resolveScope,
+  useScopeConfigChecks
+} from "./chunk-LYKV3C7B.js";
+import {
+  computeActiveFilterCount,
+  defaultSortFields
+} from "./chunk-5VZPVDUF.js";
+import {
+  emptyViewState
+} from "./chunk-C6ATAHBX.js";
+
+// src/components/data-display/DataViews/use-data-views-state.ts
+import { useEffect, useMemo, useRef, useState } from "react";
+function useMatchedRows(server, rows, columns, fields, rangeFields, state) {
+  return useMemo(
+    () => server ? rows : filterRows(
+      rows,
+      columns,
+      fields,
+      { search: state.search, pills: state.pills, ranges: state.ranges },
+      rangeFields
+    ),
+    [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges]
+  );
+}
+function nextVisibleColumns(current, id, visible) {
+  const without = current.filter((colId) => colId !== id);
+  return visible ? [...without, id] : without;
+}
+function useStateSyncEffects(appliedState, syncState, state, onStateChange, setState) {
+  const firstApplied = useRef(true);
+  useEffect(() => {
+    if (firstApplied.current) {
+      firstApplied.current = false;
+      return;
+    }
+    if (appliedState) setState(appliedState);
+  }, [appliedState, setState]);
+  const firstSync = useRef(true);
+  useEffect(() => {
+    if (firstSync.current) {
+      firstSync.current = false;
+      return;
+    }
+    if (syncState) setState((prev) => ({ ...prev, ...syncState }));
+  }, [syncState, setState]);
+  useEffect(() => {
+    onStateChange?.(state);
+  }, [state, onStateChange]);
+}
+function seedState(appliedState, syncState, allColumnIds) {
+  const seed = appliedState ?? emptyViewState(allColumnIds);
+  return syncState ? { ...seed, ...syncState } : seed;
+}
+function makeSetScope(patch, clearSelection) {
+  return (id) => {
+    patch({ scope: id });
+    clearSelection();
+  };
+}
+function orderedColumnIds(allColumnIds, order) {
+  if (!order || order.length === 0) return allColumnIds;
+  const declared = new Set(allColumnIds);
+  const kept = order.filter((id) => declared.has(id));
+  const seen = new Set(kept);
+  return [...kept, ...allColumnIds.filter((id) => !seen.has(id))];
+}
+function liveQuery(state, scope, server, matchedCount) {
+  return {
+    search: state.search,
+    pills: state.pills,
+    ranges: state.ranges ?? {},
+    sortBy: state.sortBy,
+    // Absent, not undefined, when the table declares no scopes.
+    ...scope !== void 0 ? { scope } : {},
+    page: server?.page ?? 1,
+    // Client mode has one page, and it is everything that matched.
+    pageSize: server?.pageSize ?? matchedCount
+  };
+}
+function activeSortOf(state, resolvedSortFields) {
+  const active = state.sortBy?.[0];
+  return {
+    activeSortField: active?.id ?? resolvedSortFields[0]?.value ?? "",
+    activeSortOrder: active?.dir === "desc" ? "desc" : "asc"
+  };
+}
+function useDataViewsState({
+  rows,
+  columns,
+  fields,
+  rangeFields,
+  getRowId,
+  onRowClick,
+  appliedState,
+  syncState,
+  onStateChange,
+  testIdPrefix,
+  sortFields,
+  rowActions,
+  rowActionsLeading,
+  renderRowMenu,
+  server,
+  scopes = [],
+  scopeFieldId
+}) {
+  useScopeConfigChecks(scopes, fields.map((field) => field.id), scopeFieldId, server !== void 0);
+  const { columnsWithActions, allColumnIds } = useColumnsWithActions(columns, {
+    rowActions,
+    rowActionsLeading,
+    renderRowMenu,
+    testIdPrefix,
+    getRowId
+  });
+  const [state, setState] = useState(
+    () => seedState(appliedState, syncState, allColumnIds)
+  );
+  const [filterOpen, setFilterOpen] = useState(false);
+  useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);
+  const patch = (next) => setState((prev) => ({ ...prev, ...next }));
+  const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);
+  const scope = resolveScope(scopes, state.scope);
+  const { changePage } = useServerQuery(server, state, scope);
+  const { gridColumns, hideableColumns } = useRenderedColumns(
+    columnsWithActions,
+    state.visibleColumns,
+    onRowClick,
+    state.order
+  );
+  const toggleColumn = (id, visible) => setState((prev) => ({ ...prev, visibleColumns: nextVisibleColumns(prev.visibleColumns, id, visible) }));
+  const selection = useSelection(matched, getRowId);
+  const resolvedSortFields = sortFields ?? defaultSortFields(columns);
+  return {
+    state,
+    ranges: state.ranges ?? {},
+    patch,
+    matched,
+    gridColumns,
+    hideableColumns,
+    columnOrder: orderedColumnIds(allColumnIds, state.order),
+    toggleColumn,
+    ...selection,
+    filterOpen,
+    setFilterOpen,
+    resolvedSortFields,
+    ...activeSortOf(state, resolvedSortFields),
+    activeFilterCount: computeActiveFilterCount(state, fields, rangeFields),
+    ...serverDerived(server, matched.length),
+    changePage,
+    scope,
+    setScope: makeSetScope(patch, selection.clearSelection),
+    currentQuery: liveQuery(state, scope, server, matched.length),
+    // Verbatim, or absent. See DataViewServer.scopeCounts for why there is no
+    // client-side fallback.
+    scopeCounts: server?.scopeCounts
+  };
+}
+
+export {
+  useDataViewsState
+};
+//# sourceMappingURL=chunk-TY6CTYCF.js.map

package/dist/chunk-TY6CTYCF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/use-data-views-state.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { type GridColumn } from \"../DataGrid\";\nimport { type SortFieldDefinition } from \"../../layout/ContentToolbar\";\n\nimport { filterRows } from \"./data-views-filter\";\nimport {\n  useColumnsWithActions,\n  useRenderedColumns,\n  type HideableColumn,\n} from \"./data-views-columns\";\nimport { computeActiveFilterCount, defaultSortFields } from \"./data-views-grid-helpers\";\nimport { resolveScope, useScopeConfigChecks, type ScopeConfig } from \"./data-views-scopes\";\nimport { serverDerived, useServerQuery } from \"./data-views-server-query\";\nimport { useSelection } from \"./data-views-selection\";\nimport {\n  emptyViewState,\n  type DataViewColumn,\n  type DataViewServer,\n  type DataViewState,\n  type DataViewSyncState,\n  type FilterFieldConfig,\n  type RangeFieldConfig,\n  type DataViewQuery,\n  type RangeValue,\n  type RowAction,\n} from \"./data-views-types\";\n\nexport type { HideableColumn };\n\n/** Inputs the hook needs to own the view state + derived data. */\ninterface UseDataViewsStateArgs<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: DataViewColumn<T>[];\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  onRowClick?: (row: T) => void;\n  appliedState?: DataViewState;\n  /**\n   * URL-driven controls (search/pills/ranges/sort) that re-apply on reference\n   * change while preserving column visibility — see {@link DataViewSyncState}.\n   */\n  syncState?: DataViewSyncState;\n  onStateChange?: (state: DataViewState) => void;\n  testIdPrefix: string;\n  sortFields?: SortFieldDefinition[];\n  rowActions?: RowAction<T>[];\n  rowActionsLeading?: (row: T) => React.ReactNode;\n  /** Bespoke per-row menu rendered in the actions column instead of the auto kebab. */\n  renderRowMenu?: (row: T) => React.ReactNode;\n  /**\n   * When present, the table is BACKEND-driven: `rows` is already the current\n   * page (no in-browser filter/sort/paginate), and query changes re-fetch via\n   * `server.onQueryChange`. Omit for the legacy client-side behaviour.\n   */\n  server?: DataViewServer;\n  /**\n   * The page-level partition rendered as tabs under the toolbar. Requires server\n   * mode: a scope is applied at the BACKEND, never in the browser.\n   */\n  scopes?: ScopeConfig[];\n  /**\n   * The row field the scopes partition by, when the host knows it — used only to\n   * reject the pill/scope clash at setup. See `assertNoScopePillOverlap`.\n   */\n  scopeFieldId?: string;\n}\n\n/** Everything the DataViewsGrid render needs; keeps the component itself thin. */\nexport interface DataViewsController<T extends Record<string, unknown>> {\n  state: DataViewState;\n  ranges: Record<string, RangeValue>;\n  patch: (next: Partial<DataViewState>) => void;\n  matched: T[];\n  gridColumns: GridColumn<T>[];\n  /** Columns eligible for the show/hide menu (hideable, with a text header). */\n  hideableColumns: HideableColumn[];\n  /** Every column id in reading order — what the Colunas tab reorders. */\n  columnOrder: string[];\n  /** Toggle one column's visibility in the current view state. */\n  toggleColumn: (id: string, visible: boolean) => void;\n  selectedIds: Set<string | number>;\n  setSelectedIds: (ids: Set<string | number>) => void;\n  /**\n   * Add/remove ONE id from the selection. The card and board bodies both need\n   * it, so it lives here rather than being written out twice at the call sites —\n   * one selection model, one toggle, identical in every layout.\n   */\n  toggleId: (id: string | number) => void;\n  selectedRows: T[];\n  clearSelection: () => void;\n  selectAll: () => void;\n  filterOpen: boolean;\n  setFilterOpen: (open: boolean) => void;\n  resolvedSortFields: SortFieldDefinition[];\n  activeSortField: string;\n  activeSortOrder: \"asc\" | \"desc\";\n  activeFilterCount: number;\n  /** True when the table is backend-driven (server mode). */\n  serverMode: boolean;\n  /** Server-mode pagination: 1-based current page (1 when client mode). */\n  serverPage: number;\n  /** Server-mode pagination: total pages (1 when client mode). */\n  serverPageCount: number;\n  /** Server-mode: total matched rows across all pages (drives the counter). */\n  serverTotalCount: number;\n  /** Server-mode: request a specific 1-based page (re-fetches via onQueryChange). */\n  changePage: (page: number) => void;\n  /**\n   * The active scope id, RESOLVED against the declared scopes (see\n   * `resolveScope`). `undefined` when the table declares none — which is what\n   * keeps `scope` out of the emitted query for every table that never opted in.\n   */\n  scope: string | undefined;\n  /** Select a scope: re-fetches from page 1 and drops the selection. */\n  setScope: (id: string) => void;\n  /**\n   * The query the grid is currently showing. Read by Export, which hands it\n   * back to the host UNPAGINATED — so an export follows the filters rather\n   * than the 25 rows that happen to be loaded.\n   */\n  currentQuery: DataViewQuery;\n  /**\n   * Server-supplied per-scope totals, passed through verbatim, or `undefined`\n   * when the server omits them. NEVER falls back to counting `matched`: a count\n   * off the loaded page is wrong under pagination, which is the bug scopes fix.\n   */\n  scopeCounts?: Record<string, number>;\n}\n\n/**\n * The rows to render: in server mode `rows` is already the current page (the\n * backend filtered/sorted/paginated), so it passes through untouched; otherwise\n * the client search/pill/range filter narrows it.\n */\nfunction useMatchedRows<T extends Record<string, unknown>>(\n  server: DataViewServer | undefined,\n  rows: T[],\n  columns: DataViewColumn<T>[],\n  fields: FilterFieldConfig<T>[],\n  rangeFields: RangeFieldConfig<T>[],\n  state: DataViewState,\n): T[] {\n  return useMemo(\n    () =>\n      server\n        ? rows\n        : filterRows(\n            rows,\n            columns,\n            fields,\n            { search: state.search, pills: state.pills, ranges: state.ranges },\n            rangeFields,\n          ),\n    [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges],\n  );\n}\n\n/** Add or remove one column id from the visible-columns list. */\nfunction nextVisibleColumns(current: string[], id: string, visible: boolean): string[] {\n  const without = current.filter((colId) => colId !== id);\n  return visible ? [...without, id] : without;\n}\n\n/**\n * Reconcile external state changes and surface every change to the caller:\n * - `appliedState` (a saved view) fully REPLACES the state — it is columns-\n *   authoritative, so applying a view restores its filters, sort AND columns.\n * - `syncState` (URL-driven controls) MERGES over the current state, leaving\n *   `visibleColumns` untouched — so browser back/forward or a same-route\n *   deep-link re-applies search/pills/sort without wiping a user's hidden columns.\n * Each channel only fires when its own reference changes (after the first run).\n */\nfunction useStateSyncEffects(\n  appliedState: DataViewState | undefined,\n  syncState: DataViewSyncState | undefined,\n  state: DataViewState,\n  onStateChange: ((state: DataViewState) => void) | undefined,\n  setState: React.Dispatch<React.SetStateAction<DataViewState>>,\n): void {\n  const firstApplied = useRef(true);\n  useEffect(() => {\n    if (firstApplied.current) {\n      firstApplied.current = false;\n      return;\n    }\n    if (appliedState) setState(appliedState);\n    // `setState` is a stable useState setter (passed in), included to satisfy\n    // exhaustive-deps; the effect still only re-applies when `appliedState` changes.\n  }, [appliedState, setState]);\n  const firstSync = useRef(true);\n  useEffect(() => {\n    if (firstSync.current) {\n      firstSync.current = false;\n      return;\n    }\n    // Merge — keep the current `visibleColumns` (never URL-carried); only the\n    // URL-driven controls change.\n    if (syncState) setState((prev) => ({ ...prev, ...syncState }));\n  }, [syncState, setState]);\n  useEffect(() => {\n    onStateChange?.(state);\n  }, [state, onStateChange]);\n}\n\n/**\n * The seed view state: a saved view (`appliedState`) or a pristine all-columns\n * one, with the URL-driven controls (`syncState`) merged over it so a deep-linked\n * filter or scope is reflected on the FIRST render. Column visibility is never\n * URL-carried, so the merge cannot wipe it.\n */\nfunction seedState(\n  appliedState: DataViewState | undefined,\n  syncState: DataViewSyncState | undefined,\n  allColumnIds: string[],\n): DataViewState {\n  const seed = appliedState ?? emptyViewState(allColumnIds);\n  return syncState ? { ...seed, ...syncState } : seed;\n}\n\n/**\n * Selecting a scope: record it, then DROP the selection.\n *\n * A scope change renders a different result set. A selection that survived it\n * would let a bulk action run against rows the user can no longer see — the\n * same reason changing any other part of the query clears it.\n */\nfunction makeSetScope(\n  patch: (next: Partial<DataViewState>) => void,\n  clearSelection: () => void,\n): (id: string) => void {\n  return (id) => {\n    patch({ scope: id });\n    clearSelection();\n  };\n}\n\n/**\n * The declared column ids in the stored reading order — the same tolerance\n * `applyOrder` uses, so the Colunas tab lists exactly what the grid renders.\n */\nfunction orderedColumnIds(allColumnIds: string[], order: string[] | undefined): string[] {\n  if (!order || order.length === 0) return allColumnIds;\n  const declared = new Set(allColumnIds);\n  const kept = order.filter((id) => declared.has(id));\n  const seen = new Set(kept);\n  return [...kept, ...allColumnIds.filter((id) => !seen.has(id))];\n}\n\n/**\n * The query the grid is currently SHOWING — the same shape `onQueryChange`\n * emits, kept as a value so a host control (Exportar) can re-run it against the\n * backend rather than reading the loaded rows.\n */\nfunction liveQuery(\n  state: DataViewState,\n  scope: string | undefined,\n  server: DataViewServer | undefined,\n  matchedCount: number,\n): DataViewQuery {\n  return {\n    search: state.search,\n    pills: state.pills,\n    ranges: state.ranges ?? {},\n    sortBy: state.sortBy,\n    // Absent, not undefined, when the table declares no scopes.\n    ...(scope !== undefined ? { scope } : {}),\n    page: server?.page ?? 1,\n    // Client mode has one page, and it is everything that matched.\n    pageSize: server?.pageSize ?? matchedCount,\n  };\n}\n\n/** The toolbar's active sort, read off the state's FIRST sort entry. */\nfunction activeSortOf(\n  state: DataViewState,\n  resolvedSortFields: SortFieldDefinition[],\n): { activeSortField: string; activeSortOrder: \"asc\" | \"desc\" } {\n  const active = state.sortBy?.[0];\n  return {\n    activeSortField: active?.id ?? resolvedSortFields[0]?.value ?? \"\",\n    activeSortOrder: active?.dir === \"desc\" ? \"desc\" : \"asc\",\n  };\n}\n\n/**\n * Owns the DataViews view state (search/pills/ranges/sort/visibleColumns),\n * multi-select, the filter-panel toggle, and every derived value (filtered rows,\n * grid columns, active sort/filter counts). Extracted from the component so the\n * render stays within the size/complexity budget.\n */\nexport function useDataViewsState<T extends Record<string, unknown>>({\n  rows,\n  columns,\n  fields,\n  rangeFields,\n  getRowId,\n  onRowClick,\n  appliedState,\n  syncState,\n  onStateChange,\n  testIdPrefix,\n  sortFields,\n  rowActions,\n  rowActionsLeading,\n  renderRowMenu,\n  server,\n  scopes = [],\n  scopeFieldId,\n}: UseDataViewsStateArgs<T>): DataViewsController<T> {\n  useScopeConfigChecks(scopes, fields.map((field) => field.id), scopeFieldId, server !== undefined);\n  const { columnsWithActions, allColumnIds } = useColumnsWithActions(columns, {\n    rowActions,\n    rowActionsLeading,\n    renderRowMenu,\n    testIdPrefix,\n    getRowId,\n  });\n  // Seed once — see {@link seedState}.\n  const [state, setState] = useState<DataViewState>(() =>\n    seedState(appliedState, syncState, allColumnIds),\n  );\n  const [filterOpen, setFilterOpen] = useState(false);\n\n  useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);\n\n  const patch = (next: Partial<DataViewState>): void => setState((prev) => ({ ...prev, ...next }));\n  const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);\n  // Resolved at READ time, every render: a stale deep link or a saved view naming\n  // a scope that has since been removed falls back to the first declared scope\n  // instead of putting an id the backend rejects on the wire.\n  const scope = resolveScope(scopes, state.scope);\n  // Server mode: re-fetch on query change (page resets to 1) + drive pagination.\n  const { changePage } = useServerQuery(server, state, scope);\n  const { gridColumns, hideableColumns } = useRenderedColumns(\n    columnsWithActions,\n    state.visibleColumns,\n    onRowClick,\n    state.order,\n  );\n  const toggleColumn = (id: string, visible: boolean): void =>\n    setState((prev) => ({ ...prev, visibleColumns: nextVisibleColumns(prev.visibleColumns, id, visible) }));\n  const selection = useSelection(matched, getRowId);\n  const resolvedSortFields = sortFields ?? defaultSortFields(columns);\n\n  return {\n    state,\n    ranges: state.ranges ?? {},\n    patch,\n    matched,\n    gridColumns,\n    hideableColumns,\n    columnOrder: orderedColumnIds(allColumnIds, state.order),\n    toggleColumn,\n    ...selection,\n    filterOpen,\n    setFilterOpen,\n    resolvedSortFields,\n    ...activeSortOf(state, resolvedSortFields),\n    activeFilterCount: computeActiveFilterCount(state, fields, rangeFields),\n    ...serverDerived(server, matched.length),\n    changePage,\n    scope,\n    setScope: makeSetScope(patch, selection.clearSelection),\n    currentQuery: liveQuery(state, scope, server, matched.length),\n    // Verbatim, or absent. See DataViewServer.scopeCounts for why there is no\n    // client-side fallback.\n    scopeCounts: server?.scopeCounts,\n  };\n}\n"],"mappings":"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","names":[]}