@svgrid/enterprise 2.3.0 → 2.3.2

package/package.json

@@ -4,7 +4,7 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "Enterprise feature pack for SvGrid: Excel (xlsx), PDF, CSV, TSV and HTML export, Excel/CSV/JSON import, pivot tables with a drag-and-drop designer, paginated print, Kanban board and scheduler views. Requires a paid license key.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "jQWidgets <sales@jqwidgets.com>",
@@ -54,6 +54,7 @@
     "src",
     "dist/node",
     "dist/cdn",
+    "dist/designer",
     "README.md",
     "LICENSE"
   ],
@@ -61,10 +62,10 @@
     "access": "public"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0",
     "jszip": "^3.10.0",
     "pdfmake": "^0.2.0",
-    "@svgrid/grid": "^2.2.27"
+    "svelte": "^5.0.0",
+    "@svgrid/grid": "^2.2.33"
   },
   "peerDependenciesMeta": {
     "jszip": {
@@ -80,8 +81,8 @@
     "pdfmake": "^0.2.10",
     "svelte": "^5.55.5",
     "typescript": "6.0.3",
-    "vite": "^8.0.10",
-    "@svgrid/grid": "^2.2.27"
+    "vite": "^8.2.1",
+    "@svgrid/grid": "^2.2.33"
   },
   "repository": {
     "type": "git",
@@ -111,9 +112,11 @@
   "scripts": {
     "test": "vitest run",
     "test:types": "tsc -p tsconfig.json --noEmit",
-    "build": "node ./scripts/build-cdn.mjs && node ./scripts/build-node.mjs",
+    "build": "node ./scripts/build-cdn.mjs && node ./scripts/build-node.mjs && node ./scripts/build-designer.mjs",
     "build:cdn": "node ./scripts/build-cdn.mjs",
     "build:node": "node ./scripts/build-node.mjs",
-    "extract:ui-props": "node scripts/extract-ui-props.mjs"
+    "build:designer": "node ./scripts/build-designer.mjs",
+    "extract:ui-props": "node scripts/extract-ui-props.mjs",
+    "lint": "eslint ./src"
   }
 }

package/src/SvGridBoard.svelte

@@ -381,7 +381,10 @@
   function drawerOptions(col: DrawerCol, row: TData) {
     const raw =
       typeof col.editorOptions === "function" ? col.editorOptions(row) : col.editorOptions;
-    if (!raw) return undefined;
+    // editorOptions may resolve asynchronously, but the drawer form is built
+    // synchronously - those columns render without a preset option list rather
+    // than throwing on Promise.map.
+    if (!raw || !Array.isArray(raw)) return undefined;
     return raw.map((o) =>
       typeof o === "object"
         ? { value: o.value, label: o.label ?? String(o.value) }

package/src/SvGridScheduler.svelte

@@ -74,6 +74,7 @@
     popIn,
     createDismissableLayer,
     onScrollOutside,
+    type TimelineAxis,
   } from "@svgrid/grid";
   // Scheduler Pro feature models (this package).
   import { cascade, violations, type SchedulerDependency } from "./scheduler-dependencies";
@@ -296,6 +297,13 @@
     return out;
   });
   let hiddenResources = $state<Set<string>>(new Set());
+  // --- Scheduler Pro config ---------------------------------------------------
+  // The renderer receives config untyped (registered as Component<any>); read the
+  // Pro fields through a cast so the free grid's SchedulerConfig stays unchanged.
+  // Declared here rather than beside the dependency code further down: half the
+  // derivations below read it, and a `const` used above its declaration is a type
+  // error even though `$derived` is lazy enough to work at runtime.
+  const pcfg = $derived(scheduler as unknown as SchedulerProConfig<TFeatures, TData>);
   // --- multi-calendar overlay ---
   const calendars = $derived(pcfg.calendars ?? []);
   const calField = $derived(pcfg.calendarField);
@@ -341,6 +349,40 @@
   const tlLaneH = $derived(scheduler.timelineLaneHeight ?? 26);
   const tlResW = $derived(scheduler.resourceAreaWidth ?? 160);
   const tlSlot = $derived(Math.max(1, scheduler.timelineSlotMinutes ?? slotMinutes));
+  // --- Scheduler Pro: non-working-time collapse + continuous zoom ------------
+  // Declared ahead of `tlAxis` / `tlAxisWidth` (which read `axisPro` and
+  // `proAxisData` directly) rather than beside the other Pro features: a `const`
+  // used above its declaration is a type error even though `$derived` is lazy
+  // enough to work at runtime.
+  const collapseOn = $derived(isTimeline && (pcfg.collapseNonWorking === true || pcfg.collapseWeekends === true));
+  // Zoom: consumer-controlled `zoom`, overridable by the built-in stepper.
+  let zoomOverride = $state<number | null>(null);
+  const zoomValue = $derived(zoomOverride ?? pcfg.zoom ?? null);
+  const zoomOn = $derived(isTimeline && zoomValue != null);
+  const zoomLadder = $derived(pcfg.zoomLevels ?? zoomPresets);
+  const axisPro = $derived(collapseOn || zoomOn);
+  // The piecewise axis (working spans full width, non-working collapsed) + tick size.
+  const proAxisData = $derived.by<{ axis: Axis; tickMinutes: number; level: ZoomLevel | null } | null>(() => {
+    if (!axisPro) return null;
+    const z = zoomOn ? resolveZoom(zoomValue as number | ZoomLevel, zoomLadder) : null;
+    const pxPerMinute = z ? z.pxPerMinute : 0.5;
+    const axis = buildAxis(range.start, range.end, {
+      pxPerMinute,
+      businessHours: scheduler.businessHours,
+      nonWorkingDays: scheduler.nonWorkingDays,
+      collapseNonWorking: pcfg.collapseNonWorking,
+      collapseWeekends: pcfg.collapseWeekends,
+      collapsedGapPx: pcfg.collapsedGapPx,
+    });
+    const tickMinutes = z ? z.level.tickMinutes : view === "timelineDay" ? 60 : 1440;
+    return { axis, tickMinutes, level: z?.level ?? null };
+  });
+  function stepZoom(dir: number) {
+    const cur = zoomValue == null ? 3 : typeof zoomValue === "number" ? zoomValue : zoomLadder.indexOf(zoomValue as ZoomLevel);
+    const next = Math.max(0, Math.min(zoomLadder.length - 1, (cur < 0 ? 3 : cur) + dir));
+    zoomOverride = next;
+    pcfg.onZoomChange?.(zoomLadder[next]!);
+  }
   const tlAxis = $derived(
     axisPro
       ? proTimelineAxis()
@@ -365,14 +407,10 @@
       ? Math.max(proAxisData.axis.totalPx, tlOuterW ? tlOuterW - tlResW : 0, 320)
       : Math.max(tlAxis.ticks.length * TL_TICK_MIN, tlOuterW ? tlOuterW - tlResW : 0, 320),
   );
-  const tlRows = $derived(
-    timelineRows(
-      resourceField ? (visibleResIds ? resources.filter((r) => visibleResIds.has(r.id)) : resources) : null,
-      tlEventsForRows,
-    ),
-  );
-
   // --- Grouped / tree resources (timeline) ----------------------------------
+  // This block and the multi-assignment one below it feed `tlRows`, so both are
+  // declared ahead of it (a `const` used above its declaration is a type error
+  // even though `$derived` is lazy enough to work at runtime).
   const GROUP_ROW_H = 30;
   const hasGroups = $derived(isTimeline && !!resourceField && !!(pcfg.resourceGroups && pcfg.resourceGroups.length));
   let collapsedGroups = $state<Set<string>>(new Set());
@@ -396,6 +434,54 @@
     hasGroups ? buildResourceRows(resources, pcfg.resourceGroups!, pcfg.resourceGroupOf ?? (() => undefined), collapsedGroups) : [],
   );
   const visibleResIds = $derived(hasGroups ? new Set(visibleResourceIds(treeRows)) : null);
+
+  // --- Scheduler Pro: multi-assignment (one event under several resources) ---
+  // Resolve assignments from the flat list + any per-row `assignmentField`.
+  const assignmentsList = $derived.by<SchedulerAssignment[]>(() => {
+    const out: SchedulerAssignment[] = [];
+    if (pcfg.assignments) out.push(...pcfg.assignments);
+    const f = pcfg.assignmentField;
+    if (f) {
+      for (const row of data) {
+        const raw = fieldValue(row, f);
+        if (!Array.isArray(raw)) continue;
+        const evId = key(row);
+        for (const r of raw) {
+          if (typeof r === "string") out.push({ id: `${evId}@${r}`, eventId: evId, resourceId: r });
+          else if (r && typeof r === "object" && "resourceId" in r) {
+            const o = r as { id?: string; resourceId: string; units?: number };
+            out.push({ id: o.id ?? `${evId}@${o.resourceId}`, eventId: evId, resourceId: o.resourceId, units: o.units });
+          }
+        }
+      }
+    }
+    return out;
+  });
+  const hasAssignments = $derived(assignmentsList.length > 0 || !!pcfg.assignmentField);
+  // Flattened (event x resource) allocations for the visible timeline events.
+  const tlAllocations = $derived.by(() => {
+    if (!isTimeline || !resourceField) return [];
+    return expandAssignments(viewEvents, assignmentsList, {
+      keyOf: (e) => e.rowKey,
+      startOf: (e) => e.start,
+      endOf: (e) => e.end,
+      resourceOf: (e) => e.resourceId,
+    });
+  });
+  // Events fed to timelineRows: expanded per assigned resource when assignments
+  // are in play (one event can then appear under several resources), else plain.
+  const tlEventsForRows = $derived(
+    hasAssignments
+      ? tlAllocations.map((a) => ({ ...a.event, key: `${a.event.key}@${a.resourceId}`, resourceId: a.resourceId }))
+      : viewEvents,
+  );
+
+  const tlRows = $derived(
+    timelineRows(
+      resourceField ? (visibleResIds ? resources.filter((r) => visibleResIds.has(r.id)) : resources) : null,
+      tlEventsForRows,
+    ),
+  );
   // The unified list the timeline body iterates: group-header rows interleaved
   // with resource rows (each carrying its lane-packed tlRow + its tlRows index).
   type TlPacked = (typeof tlRows)[number];
@@ -416,10 +502,6 @@
     return out;
   });
 
-  // --- Scheduler Pro: event dependencies + auto-reschedule -------------------
-  // The renderer receives config untyped (registered as Component<any>); read the
-  // Pro fields through a cast so the free grid's SchedulerConfig stays unchanged.
-  const pcfg = $derived(scheduler as unknown as SchedulerProConfig<TFeatures, TData>);
   // Resolve dependency links from the flat list + any per-row `dependencyField`.
   const depList = $derived.by<SchedulerDependency[]>(() => {
     const out: SchedulerDependency[] = [];
@@ -531,46 +613,8 @@
     pcfg.onDependenciesChange?.(moves);
   }
 
-  // --- Scheduler Pro: multi-assignment + resource histogram + column summary --
-  // Resolve assignments from the flat list + any per-row `assignmentField`.
-  const assignmentsList = $derived.by<SchedulerAssignment[]>(() => {
-    const out: SchedulerAssignment[] = [];
-    if (pcfg.assignments) out.push(...pcfg.assignments);
-    const f = pcfg.assignmentField;
-    if (f) {
-      for (const row of data) {
-        const raw = fieldValue(row, f);
-        if (!Array.isArray(raw)) continue;
-        const evId = key(row);
-        for (const r of raw) {
-          if (typeof r === "string") out.push({ id: `${evId}@${r}`, eventId: evId, resourceId: r });
-          else if (r && typeof r === "object" && "resourceId" in r) {
-            const o = r as { id?: string; resourceId: string; units?: number };
-            out.push({ id: o.id ?? `${evId}@${o.resourceId}`, eventId: evId, resourceId: o.resourceId, units: o.units });
-          }
-        }
-      }
-    }
-    return out;
-  });
-  const hasAssignments = $derived(assignmentsList.length > 0 || !!pcfg.assignmentField);
-  // Flattened (event x resource) allocations for the visible timeline events.
-  const tlAllocations = $derived.by(() => {
-    if (!isTimeline || !resourceField) return [];
-    return expandAssignments(viewEvents, assignmentsList, {
-      keyOf: (e) => e.rowKey,
-      startOf: (e) => e.start,
-      endOf: (e) => e.end,
-      resourceOf: (e) => e.resourceId,
-    });
-  });
-  // Events fed to timelineRows: expanded per assigned resource when assignments
-  // are in play (one event can then appear under several resources), else plain.
-  const tlEventsForRows = $derived(
-    hasAssignments
-      ? tlAllocations.map((a) => ({ ...a.event, key: `${a.event.key}@${a.resourceId}`, resourceId: a.resourceId }))
-      : viewEvents,
-  );
+  // --- Scheduler Pro: resource histogram + column summary --------------------
+  // (multi-assignment lives further up, beside the timeline row derivations)
   // Resource utilization histogram (timeline): a bar per axis tick under each row.
   const histCfg = $derived(typeof pcfg.resourceHistogram === "object" ? pcfg.resourceHistogram : {});
   const histOn = $derived(!!pcfg.resourceHistogram && isTimeline && !!resourceField);
@@ -671,7 +715,7 @@
     return out;
   }
   // Per-time-column summary strip (counts / sums / custom reducer) over axis ticks.
-  const summaryCfg = $derived(pcfg.columnSummary && pcfg.columnSummary !== false ? pcfg.columnSummary : null);
+  const summaryCfg = $derived(pcfg.columnSummary ? pcfg.columnSummary : null);
   const tlSummary = $derived.by(() => {
     if (!summaryCfg || !isTimeline) return null;
     const cols = tlAxis.ticks.map((t) => ({ start: t.start, end: t.end }));
@@ -683,36 +727,9 @@
     return vals;
   });
 
-  // --- Scheduler Pro: non-working-time collapse + continuous zoom ------------
-  const collapseOn = $derived(isTimeline && (pcfg.collapseNonWorking === true || pcfg.collapseWeekends === true));
-  // Zoom: consumer-controlled `zoom`, overridable by the built-in stepper.
-  let zoomOverride = $state<number | null>(null);
-  const zoomValue = $derived(zoomOverride ?? pcfg.zoom ?? null);
-  const zoomOn = $derived(isTimeline && zoomValue != null);
-  const zoomLadder = $derived(pcfg.zoomLevels ?? zoomPresets);
-  const axisPro = $derived(collapseOn || zoomOn);
-  // The piecewise axis (working spans full width, non-working collapsed) + tick size.
-  const proAxisData = $derived.by<{ axis: Axis; tickMinutes: number; level: ZoomLevel | null } | null>(() => {
-    if (!axisPro) return null;
-    const z = zoomOn ? resolveZoom(zoomValue as number | ZoomLevel, zoomLadder) : null;
-    const pxPerMinute = z ? z.pxPerMinute : 0.5;
-    const axis = buildAxis(range.start, range.end, {
-      pxPerMinute,
-      businessHours: scheduler.businessHours,
-      nonWorkingDays: scheduler.nonWorkingDays,
-      collapseNonWorking: pcfg.collapseNonWorking,
-      collapseWeekends: pcfg.collapseWeekends,
-      collapsedGapPx: pcfg.collapsedGapPx,
-    });
-    const tickMinutes = z ? z.level.tickMinutes : view === "timelineDay" ? 60 : 1440;
-    return { axis, tickMinutes, level: z?.level ?? null };
-  });
-  function stepZoom(dir: number) {
-    const cur = zoomValue == null ? 3 : typeof zoomValue === "number" ? zoomValue : zoomLadder.indexOf(zoomValue as ZoomLevel);
-    const next = Math.max(0, Math.min(zoomLadder.length - 1, (cur < 0 ? 3 : cur) + dir));
-    zoomOverride = next;
-    pcfg.onZoomChange?.(zoomLadder[next]!);
-  }
+  // --- Scheduler Pro: axis tick labels (non-working collapse + zoom) ---------
+  // The axis itself (`axisPro` / `proAxisData`) is built further up, beside the
+  // rest of the timeline derivations that consume it.
   const TL_WD_S = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
   const TL_MO_S = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   function proTickLabel(d: Date, tickMinutes: number): string {
@@ -724,7 +741,10 @@
   // Build a TimelineAxis-shaped object from the piecewise Pro axis so the existing
   // timeline template (ticks / majors / gridlines) renders unchanged. Collapsed
   // segments emit no ticks - the visual gap conveys the compression.
-  function proTimelineAxis(): typeof tlAxis {
+  // Annotated with the real `TimelineAxis` rather than `typeof tlAxis`: tlAxis
+  // CALLS this function, so referring back to it made the type circular and
+  // silently degraded tlAxis (and everything derived from it) to `any`.
+  function proTimelineAxis(): TimelineAxis {
     const data = proAxisData!;
     const ax = data.axis;
     const total = ax.totalPx || 1;
@@ -2111,16 +2131,20 @@
   }
   function drawerOptions(col: DrawerCol, row: TData) {
     const raw = typeof col.editorOptions === "function" ? col.editorOptions(row) : col.editorOptions;
-    if (!raw) return undefined;
-    return raw.map((o) =>
-      typeof o === "object" && o != null && "value" in o
+    // editorOptions may resolve asynchronously, but the drawer form is built
+    // synchronously - those columns render without a preset option list rather
+    // than throwing on Promise.map.
+    if (!raw || !Array.isArray(raw)) return undefined;
+    const opts: ReadonlyArray<string | number | { value: string | number; label?: string; color?: string }> = raw;
+    return opts.map((o) =>
+      typeof o === "object"
         ? {
-            value: (o as { value: unknown }).value as string | number,
-            label: String((o as { label?: unknown }).label ?? (o as { value: unknown }).value),
+            value: o.value,
+            label: String(o.label ?? o.value),
             // Carry a color swatch through so the drawer's select shows it.
-            color: (o as { color?: unknown }).color as string | undefined,
+            color: o.color,
           }
-        : { value: o as string | number, label: String(o) },
+        : { value: o, label: String(o) },
     );
   }
   let drawerInitial = $state<Record<string, unknown>>({});

package/src/ai-export-pdf.dom.test.ts

@@ -1,77 +1,77 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-// Capture exactly what exportGrid receives (so we don't need pdfmake / the DOM).
-const calls: Array<{ format: string; rows?: unknown[]; groupBy?: string[] }> = []
-vi.mock('./export', () => ({
-  exportGrid: async (_api: unknown, opts: { format: string; rows?: unknown[]; groupBy?: string[] }) => {
-    calls.push({ format: opts.format, rows: opts.rows as unknown[], groupBy: opts.groupBy })
-  },
-}))
-
-import { aiExport, setAIProvider, mockAIProvider, registerExportProvider } from '@svgrid/grid'
-import { exportGrid } from './export'
-import { setLicenseKey } from './license'
-
-type Order = { country: string; company: string; product: string; quantity: number; price: number }
-const rows: Order[] = Array.from({ length: 120 }, (_, i) => ({
-  country: ['USA', 'UK', 'Germany'][i % 3]!,
-  company: `Co${i}`,
-  product: 'Widget',
-  quantity: 5 + (i % 50),
-  price: Math.round((10 + ((i * 41) % 480)) * 100) / 100, // spread 10..490
-}))
-
-function makeApi() {
-  return {
-    getData: () => rows,
-    // Simulate the grid returning EVERYTHING (the reactive-filter bug we route around).
-    getDisplayedRows: () => rows,
-    getSelectedRows: () => [],
-    getColumns: () => [
-      { id: 'country', field: 'country', header: 'Country', visible: true },
-      { id: 'company', field: 'company', header: 'Company', visible: true },
-      { id: 'product', field: 'product', header: 'Product', visible: true },
-      { id: 'quantity', field: 'quantity', header: 'Qty', visible: true },
-      { id: 'price', field: 'price', header: 'Price', visible: true },
-    ],
-    getState: () => ({ grouping: [] }),
-    clearAllFilters: vi.fn(),
-    clearSort: vi.fn(),
-    setFilter: vi.fn(),
-    setSort: vi.fn(),
-    setGroupBy: vi.fn(),
-  } as any
-}
-
-beforeEach(() => {
-  calls.length = 0
-  setLicenseKey('SVENTERPRISE-DEV-TEST')
-  setAIProvider(mockAIProvider)
-  // aiExport delegates to the registered engine - here the mocked exportGrid.
-  registerExportProvider(exportGrid)
-})
-
-describe('aiExport - the demo 203 "grouped PDF" query', () => {
-  it('parses the plan and exports non-empty, filtered, grouped rows', async () => {
-    const plan = await aiExport(makeApi(), 'export orders over $300 as a grouped PDF by country')
-
-    expect(plan.format).toBe('pdf')
-    expect(plan.groupBy).toEqual(['country'])
-    expect(plan.filters).toContainEqual({ field: 'price', operator: 'greaterThan', value: '300' })
-
-    // exportGrid was called with real, filtered rows (not the empty grid view).
-    expect(calls).toHaveLength(1)
-    expect(calls[0]!.format).toBe('pdf')
-    expect(calls[0]!.groupBy).toEqual(['country'])
-    const exported = calls[0]!.rows as Order[]
-    expect(exported.length).toBeGreaterThan(0)
-    expect(exported.every((r) => r.price > 300)).toBe(true)
-    // Rows are contiguous by country (group order preserved).
-    const countries = exported.map((r) => r.country)
-    const firstSeen = [...new Set(countries)]
-    const contiguous = countries.join('|')
-    for (const c of firstSeen) {
-      expect(contiguous).toMatch(new RegExp(`(?:^|\\|)${c}(?:\\|${c})*(?:\\||$)`))
-    }
-  })
-})
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+// Capture exactly what exportGrid receives (so we don't need pdfmake / the DOM).
+const calls: Array<{ format: string; rows?: unknown[]; groupBy?: string[] }> = []
+vi.mock('./export', () => ({
+  exportGrid: async (_api: unknown, opts: { format: string; rows?: unknown[]; groupBy?: string[] }) => {
+    calls.push({ format: opts.format, rows: opts.rows as unknown[], groupBy: opts.groupBy })
+  },
+}))
+
+import { aiExport, setAIProvider, mockAIProvider, registerExportProvider } from '@svgrid/grid'
+import { exportGrid } from './export'
+import { setLicenseKey } from './license'
+
+type Order = { country: string; company: string; product: string; quantity: number; price: number }
+const rows: Order[] = Array.from({ length: 120 }, (_, i) => ({
+  country: ['USA', 'UK', 'Germany'][i % 3]!,
+  company: `Co${i}`,
+  product: 'Widget',
+  quantity: 5 + (i % 50),
+  price: Math.round((10 + ((i * 41) % 480)) * 100) / 100, // spread 10..490
+}))
+
+function makeApi() {
+  return {
+    getData: () => rows,
+    // Simulate the grid returning EVERYTHING (the reactive-filter bug we route around).
+    getDisplayedRows: () => rows,
+    getSelectedRows: () => [],
+    getColumns: () => [
+      { id: 'country', field: 'country', header: 'Country', visible: true },
+      { id: 'company', field: 'company', header: 'Company', visible: true },
+      { id: 'product', field: 'product', header: 'Product', visible: true },
+      { id: 'quantity', field: 'quantity', header: 'Qty', visible: true },
+      { id: 'price', field: 'price', header: 'Price', visible: true },
+    ],
+    getState: () => ({ grouping: [] }),
+    clearAllFilters: vi.fn(),
+    clearSort: vi.fn(),
+    setFilter: vi.fn(),
+    setSort: vi.fn(),
+    setGroupBy: vi.fn(),
+  } as any
+}
+
+beforeEach(() => {
+  calls.length = 0
+  setLicenseKey('SVENTERPRISE-DEV-TEST')
+  setAIProvider(mockAIProvider)
+  // aiExport delegates to the registered engine - here the mocked exportGrid.
+  registerExportProvider(exportGrid as never)
+})
+
+describe('aiExport - the demo 203 "grouped PDF" query', () => {
+  it('parses the plan and exports non-empty, filtered, grouped rows', async () => {
+    const plan = await aiExport(makeApi(), 'export orders over $300 as a grouped PDF by country')
+
+    expect(plan.format).toBe('pdf')
+    expect(plan.groupBy).toEqual(['country'])
+    expect(plan.filters).toContainEqual({ field: 'price', operator: 'greaterThan', value: '300' })
+
+    // exportGrid was called with real, filtered rows (not the empty grid view).
+    expect(calls).toHaveLength(1)
+    expect(calls[0]!.format).toBe('pdf')
+    expect(calls[0]!.groupBy).toEqual(['country'])
+    const exported = calls[0]!.rows as Order[]
+    expect(exported.length).toBeGreaterThan(0)
+    expect(exported.every((r) => r.price > 300)).toBe(true)
+    // Rows are contiguous by country (group order preserved).
+    const countries = exported.map((r) => r.country)
+    const firstSeen = [...new Set(countries)]
+    const contiguous = countries.join('|')
+    for (const c of firstSeen) {
+      expect(contiguous).toMatch(new RegExp(`(?:^|\\|)${c}(?:\\|${c})*(?:\\||$)`))
+    }
+  })
+})