@rickcedwhat/playwright-smart-table 6.3.2 → 6.5.0

package/README.md

@@ -106,6 +106,14 @@ const allActive = await table.findRows({ Status: 'Active' });
 - ❌ You don't need to find a row based on a value in a cell
 - ❌ You don't need to find a cell based on a value in another cell in the same row
 
+### ⚠️ Important Note on Pagination & Interactions
+
+When using `findRows` across multiple pages, the returned `SmartRow` locators represent elements that may no longer be attached to the current DOM if the table paginated past them.
+
+- **Data Extraction:** Safe. You can use `table.iterateThroughTable()` to extract data (`await row.toJSON()`) while the row is visible.
+- **Interactions:** Unsafe directly. You cannot do `await row.click()` if the row is on Page 1 but the table is currently showing Page 3. 
+- **Solution:** If you need to interact with a row found on a previous page, you may be able to use `await row.bringIntoView()` before interacting with it to force the table to paginate back to that row (Note: this specific cross-page interaction flow is currently under testing).
+
 ## Documentation
 
 **📚 Full documentation available at: https://rickcedwhat.github.io/playwright-smart-table/**

package/dist/engine/rowFinder.d.ts

@@ -9,8 +9,11 @@ export declare class RowFinder<T = any> {
     private filterEngine;
     private tableMapper;
     private makeSmartRow;
+    private tableState;
     private resolve;
-    constructor(rootLocator: Locator, config: FinalTableConfig, resolve: (item: Selector, parent: Locator | Page) => Locator, filterEngine: FilterEngine, tableMapper: TableMapper, makeSmartRow: (loc: Locator, map: Map<string, number>, index: number) => SmartRow<T>);
+    constructor(rootLocator: Locator, config: FinalTableConfig, resolve: (item: Selector, parent: Locator | Page) => Locator, filterEngine: FilterEngine, tableMapper: TableMapper, makeSmartRow: (loc: Locator, map: Map<string, number>, index: number, tablePageIndex?: number) => SmartRow<T>, tableState?: {
+        currentPageIndex: number;
+    });
     private log;
     findRow(filters: Record<string, FilterValue>, options?: {
         exact?: boolean;

package/dist/engine/rowFinder.js

@@ -25,12 +25,13 @@ const debugUtils_1 = require("../utils/debugUtils");
 const smartRowArray_1 = require("../utils/smartRowArray");
 const validation_1 = require("../strategies/validation");
 class RowFinder {
-    constructor(rootLocator, config, resolve, filterEngine, tableMapper, makeSmartRow) {
+    constructor(rootLocator, config, resolve, filterEngine, tableMapper, makeSmartRow, tableState = { currentPageIndex: 0 }) {
         this.rootLocator = rootLocator;
         this.config = config;
         this.filterEngine = filterEngine;
         this.tableMapper = tableMapper;
         this.makeSmartRow = makeSmartRow;
+        this.tableState = tableState;
         this.resolve = resolve;
     }
     log(msg) {
@@ -82,7 +83,7 @@ class RowFinder {
             const map = yield this.tableMapper.getMap();
             const allRows = [];
             const effectiveMaxPages = (_b = (_a = options.maxPages) !== null && _a !== void 0 ? _a : this.config.maxPages) !== null && _b !== void 0 ? _b : Infinity;
-            let pageCount = 0;
+            let pagesScanned = 1;
             const collectMatches = () => __awaiter(this, void 0, void 0, function* () {
                 var _a, _b;
                 // ... logic ...
@@ -94,7 +95,7 @@ class RowFinder {
                 const currentRows = yield rowLocators.all();
                 const isRowLoading = (_b = this.config.strategies.loading) === null || _b === void 0 ? void 0 : _b.isRowLoading;
                 for (let i = 0; i < currentRows.length; i++) {
-                    const smartRow = this.makeSmartRow(currentRows[i], map, allRows.length + i);
+                    const smartRow = this.makeSmartRow(currentRows[i], map, allRows.length + i, this.tableState.currentPageIndex);
                     if (isRowLoading && (yield isRowLoading(smartRow)))
                         continue;
                     allRows.push(smartRow);
@@ -105,7 +106,7 @@ class RowFinder {
             // Pagination Loop - Corrected logic
             // We always scan at least 1 page.
             // If maxPages > 1, and we have a pagination strategy, we try to go next.
-            while (pageCount < effectiveMaxPages - 1 && this.config.strategies.pagination) {
+            while (pagesScanned < effectiveMaxPages && this.config.strategies.pagination) {
                 const context = {
                     root: this.rootLocator,
                     config: this.config,
@@ -113,11 +114,22 @@ class RowFinder {
                     page: this.rootLocator.page()
                 };
                 // Check if we should stop? (e.g. if we found enough rows? No, findRows finds ALL)
-                const paginationResult = yield this.config.strategies.pagination(context);
+                let paginationResult;
+                if (typeof this.config.strategies.pagination === 'function') {
+                    paginationResult = yield this.config.strategies.pagination(context);
+                }
+                else {
+                    // It's a PaginationPrimitives object, use goNext by default for findRows
+                    if (!this.config.strategies.pagination.goNext) {
+                        break; // Cannot paginate forward
+                    }
+                    paginationResult = yield this.config.strategies.pagination.goNext(context);
+                }
                 const didPaginate = yield (0, validation_1.validatePaginationResult)(paginationResult, 'Pagination Strategy');
                 if (!didPaginate)
                     break;
-                pageCount++;
+                this.tableState.currentPageIndex++;
+                pagesScanned++;
                 // Wait for reload logic if needed? Usually pagination handles it.
                 yield collectMatches();
             }
@@ -129,7 +141,7 @@ class RowFinder {
             var _a, _b;
             const map = yield this.tableMapper.getMap();
             const effectiveMaxPages = (_a = options.maxPages) !== null && _a !== void 0 ? _a : this.config.maxPages;
-            let currentPage = 1;
+            let pagesScanned = 1;
             this.log(`Looking for row: ${JSON.stringify(filters)} (MaxPages: ${effectiveMaxPages})`);
             while (true) {
                 // Check Loading
@@ -149,40 +161,51 @@ class RowFinder {
                 const allRows = this.resolve(this.config.rowSelector, this.rootLocator);
                 const matchedRows = this.filterEngine.applyFilters(allRows, filters, map, options.exact || false, this.rootLocator.page());
                 const count = yield matchedRows.count();
-                this.log(`Page ${currentPage}: Found ${count} matches.`);
+                this.log(`Page ${this.tableState.currentPageIndex}: Found ${count} matches.`);
                 if (count > 1) {
                     const sampleData = [];
                     try {
                         const firstFewRows = yield matchedRows.all();
                         const sampleCount = Math.min(firstFewRows.length, 3);
                         for (let i = 0; i < sampleCount; i++) {
-                            const rowData = yield this.makeSmartRow(firstFewRows[i], map, 0).toJSON();
+                            const rowData = yield this.makeSmartRow(firstFewRows[i], map, 0, this.tableState.currentPageIndex).toJSON();
                             sampleData.push(JSON.stringify(rowData));
                         }
                     }
                     catch (e) { }
                     const sampleMsg = sampleData.length > 0 ? `\nSample matching rows:\n${sampleData.map((d, i) => `  ${i + 1}. ${d}`).join('\n')}` : '';
-                    throw new Error(`Ambiguous Row: Found ${count} rows matching ${JSON.stringify(filters)} on page ${currentPage}. ` +
+                    throw new Error(`Ambiguous Row: Found ${count} rows matching ${JSON.stringify(filters)} on page ${this.tableState.currentPageIndex}. ` +
                         `Expected exactly one match. Try adding more filters to make your query unique.${sampleMsg}`);
                 }
                 if (count === 1)
                     return matchedRows.first();
-                if (currentPage < effectiveMaxPages) {
-                    this.log(`Page ${currentPage}: Not found. Attempting pagination...`);
+                if (pagesScanned < effectiveMaxPages) {
+                    this.log(`Page ${this.tableState.currentPageIndex}: Not found. Attempting pagination...`);
                     const context = {
                         root: this.rootLocator,
                         config: this.config,
                         resolve: this.resolve,
                         page: this.rootLocator.page()
                     };
-                    const paginationResult = yield this.config.strategies.pagination(context);
+                    let paginationResult;
+                    if (typeof this.config.strategies.pagination === 'function') {
+                        paginationResult = yield this.config.strategies.pagination(context);
+                    }
+                    else {
+                        if (!this.config.strategies.pagination.goNext) {
+                            this.log(`Page ${this.tableState.currentPageIndex}: Pagination failed (no goNext primitive).`);
+                            return null;
+                        }
+                        paginationResult = yield this.config.strategies.pagination.goNext(context);
+                    }
                     const didLoadMore = (0, validation_1.validatePaginationResult)(paginationResult, 'Pagination Strategy');
                     if (didLoadMore) {
-                        currentPage++;
+                        this.tableState.currentPageIndex++;
+                        pagesScanned++;
                         continue;
                     }
                     else {
-                        this.log(`Page ${currentPage}: Pagination failed (end of data).`);
+                        this.log(`Page ${this.tableState.currentPageIndex}: Pagination failed (end of data).`);
                     }
                 }
                 return null;

package/dist/filterEngine.js

@@ -25,10 +25,15 @@ class FilterEngine {
             // But for now, we implement the default logic or use custom if we add it to config later
             // Default Filter Logic
             const cellTemplate = this.resolve(this.config.cellSelector, page);
-            // This logic assumes 1:1 row-to-cell mapping based on index.
-            // filter({ has: ... }) checks if the row *contains* the matching cell.
-            // But we need to be specific about WHICH cell.
-            // Locator filtering by `has: locator.nth(index)` works if `locator` search is relative to the row.
+            // ⚠️ CRITICAL WARNING: DO NOT "FIX" OR REFACTOR THIS LOGIC. ⚠️
+            // At first glance, `cellTemplate.nth(colIndex)` looks like a global page selector 
+            // that will return the Nth cell on the entire page, rather than the Nth cell in the row.
+            // THIS IS INTENTIONAL AND CORRECT. 
+            // Playwright deeply understands nested locator scoping. When this global-looking locator 
+            // is passed into `filtered.filter({ has: ... })` below, Playwright magically and 
+            // automatically re-bases the `nth()` selector to be strictly relative to the ROW being evaluated.
+            // Attempting to manually force generic relative locators here will break complex function 
+            // selectors and introduce regressions. Leave it as is.
             const targetCell = cellTemplate.nth(colIndex);
             if (typeof filterVal === 'function') {
                 // Locator-based filter: (cell) => cell.locator(...)

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useTable';
 export * from './types';
 export * from './plugins';
+export * from './strategies';

package/dist/index.js

@@ -17,3 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useTable"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./plugins"), exports);
+__exportStar(require("./strategies"), exports);

package/dist/minimalConfigContext.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 🤖 AUTO-GENERATED FILE. DO NOT EDIT.
+ * This file is generated by scripts/embed-config-types.mjs
+ * It contains minimal type definitions for config generation prompts.
+ */
+export declare const MINIMAL_CONFIG_CONTEXT = "\n/**\n * Flexible selector type - can be a CSS string or function returning a Locator.\n * @example\n * // String selector\n * rowSelector: 'tbody tr'\n * \n * // Function selector\n * rowSelector: (root) => root.locator('[role=\"row\"]')\n */\nexport type Selector = string | ((root: Locator | Page) => Locator);\n\n/**\n * Debug configuration for development and troubleshooting\n */\nexport type DebugConfig = {\n  slow?: number | {\n    pagination?: number;\n    getCell?: number;\n    findRow?: number;\n    default?: number;\n  };\n  logLevel?: 'verbose' | 'info' | 'error' | 'none';\n};\n\n/**\n * Configuration options for useTable - focus on selectors and basic setup\n */\nexport interface TableConfig<T = any> {\n  /** CSS selector or function for table headers */\n  headerSelector?: string | ((root: Locator) => Locator);\n  \n  /** CSS selector or function for table rows */\n  rowSelector?: string | ((root: Locator) => Locator);\n  \n  /** CSS selector or function for cells within a row */\n  cellSelector?: string | ((row: Locator) => Locator);\n  \n  /** Transform header text (e.g., normalize, deduplicate) */\n  headerTransformer?: (args: { \n    text: string; \n    index: number; \n    locator: Locator;\n    seenHeaders: Set<string>;\n  }) => string | Promise<string>;\n  \n  /** Automatically scroll to table on init (default: true) */\n  autoScroll?: boolean;\n  \n  /** Debug options for development and troubleshooting */\n  debug?: DebugConfig;\n  \n  /** Advanced: Custom strategies for pagination, sorting, navigation, etc. */\n  strategies?: TableStrategies;\n  \n  /** Custom data mappers for extracting complex types (boolean, number) */\n  dataMapper?: Partial<Record<keyof T, (cell: Locator) => Promise<T[keyof T]> | T[keyof T]>>;\n}\n\n/**\n * Example usage:\n */\n// const table = useTable(page.locator('table'), {\n//   headerSelector: 'thead th',\n//   rowSelector: 'tbody tr',\n//   cellSelector: 'td',\n//   headerTransformer: ({ text }) => text.trim()\n// });\n\n";

package/dist/minimalConfigContext.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MINIMAL_CONFIG_CONTEXT = void 0;
+/**
+ * 🤖 AUTO-GENERATED FILE. DO NOT EDIT.
+ * This file is generated by scripts/embed-config-types.mjs
+ * It contains minimal type definitions for config generation prompts.
+ */
+exports.MINIMAL_CONFIG_CONTEXT = `
+/**
+ * Flexible selector type - can be a CSS string or function returning a Locator.
+ * @example
+ * // String selector
+ * rowSelector: 'tbody tr'
+ * 
+ * // Function selector
+ * rowSelector: (root) => root.locator('[role="row"]')
+ */
+export type Selector = string | ((root: Locator | Page) => Locator);
+
+/**
+ * Debug configuration for development and troubleshooting
+ */
+export type DebugConfig = {
+  slow?: number | {
+    pagination?: number;
+    getCell?: number;
+    findRow?: number;
+    default?: number;
+  };
+  logLevel?: 'verbose' | 'info' | 'error' | 'none';
+};
+
+/**
+ * Configuration options for useTable - focus on selectors and basic setup
+ */
+export interface TableConfig<T = any> {
+  /** CSS selector or function for table headers */
+  headerSelector?: string | ((root: Locator) => Locator);
+  
+  /** CSS selector or function for table rows */
+  rowSelector?: string | ((root: Locator) => Locator);
+  
+  /** CSS selector or function for cells within a row */
+  cellSelector?: string | ((row: Locator) => Locator);
+  
+  /** Transform header text (e.g., normalize, deduplicate) */
+  headerTransformer?: (args: { 
+    text: string; 
+    index: number; 
+    locator: Locator;
+    seenHeaders: Set<string>;
+  }) => string | Promise<string>;
+  
+  /** Automatically scroll to table on init (default: true) */
+  autoScroll?: boolean;
+  
+  /** Debug options for development and troubleshooting */
+  debug?: DebugConfig;
+  
+  /** Advanced: Custom strategies for pagination, sorting, navigation, etc. */
+  strategies?: TableStrategies;
+  
+  /** Custom data mappers for extracting complex types (boolean, number) */
+  dataMapper?: Partial<Record<keyof T, (cell: Locator) => Promise<T[keyof T]> | T[keyof T]>>;
+}
+
+/**
+ * Example usage:
+ */
+// const table = useTable(page.locator('table'), {
+//   headerSelector: 'thead th',
+//   rowSelector: 'tbody tr',
+//   cellSelector: 'td',
+//   headerTransformer: ({ text }) => text.trim()
+// });
+
+`;

package/dist/plugins.d.ts

@@ -4,6 +4,13 @@ export declare const Plugins: {
             header: (context: import("./types").TableContext) => Promise<string[]>;
             getCellLocator: ({ row, columnIndex }: any) => any;
             cellNavigation: ({ root, page, index }: any) => Promise<void>;
+            navigation: {
+                goRight: ({ root, page }: any) => Promise<void>;
+                goLeft: ({ root, page }: any) => Promise<void>;
+                goDown: ({ root, page }: any) => Promise<void>;
+                goUp: ({ root, page }: any) => Promise<void>;
+                goHome: ({ root, page }: any) => Promise<void>;
+            };
             pagination: import("./types").PaginationStrategy;
         };
     };

package/dist/smartRow.d.ts

@@ -4,4 +4,4 @@ import { SmartRow as SmartRowType, FinalTableConfig, TableResult } from './types
  * Factory to create a SmartRow by extending a Playwright Locator.
  * We avoid Class/Proxy to ensure full compatibility with Playwright's expect(locator) matchers.
  */
-export declare const createSmartRow: <T = any>(rowLocator: Locator, map: Map<string, number>, rowIndex: number | undefined, config: FinalTableConfig<T>, rootLocator: Locator, resolve: (item: any, parent: Locator | Page) => Locator, table: TableResult<T> | null) => SmartRowType<T>;
+export declare const createSmartRow: <T = any>(rowLocator: Locator, map: Map<string, number>, rowIndex: number | undefined, config: FinalTableConfig<T>, rootLocator: Locator, resolve: (item: any, parent: Locator | Page) => Locator, table: TableResult<T> | null, tablePageIndex?: number) => SmartRowType<T>;

package/dist/smartRow.js

@@ -77,43 +77,33 @@ const _navigateToCell = (params) => __awaiter(void 0, void 0, void 0, function*
             }
         }
         yield page.waitForTimeout(50);
-    }
-    else if (config.strategies.cellNavigation) {
-        // Fallback to legacy cellNavigation strategy
-        yield config.strategies.cellNavigation({
-            config,
-            root: rootLocator,
-            page,
-            resolve,
-            column,
-            index,
-            rowLocator,
-            rowIndex,
-            activeCell
-        });
-    }
-    // Get the active cell locator after navigation (for virtualized tables)
-    if (config.strategies.getActiveCell) {
-        const updatedActiveCell = yield config.strategies.getActiveCell({
-            config,
-            root: rootLocator,
-            page,
-            resolve
-        });
-        if (updatedActiveCell) {
-            return updatedActiveCell.locator;
+        // Get the active cell locator after navigation (for virtualized tables)
+        if (config.strategies.getActiveCell) {
+            const updatedActiveCell = yield config.strategies.getActiveCell({
+                config,
+                root: rootLocator,
+                page,
+                resolve
+            });
+            if (updatedActiveCell) {
+                return updatedActiveCell.locator;
+            }
         }
+        return null;
     }
+    ;
     return null;
 });
 /**
  * Factory to create a SmartRow by extending a Playwright Locator.
  * We avoid Class/Proxy to ensure full compatibility with Playwright's expect(locator) matchers.
  */
-const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve, table) => {
+const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve, table, tablePageIndex) => {
     const smart = rowLocator;
     // Attach State
     smart.rowIndex = rowIndex;
+    smart.tablePageIndex = tablePageIndex;
+    smart.table = table;
     // Attach Methods
     smart.getCell = (colName) => {
         const idx = map.get(colName);
@@ -132,15 +122,16 @@ const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve,
         return resolve(config.cellSelector, rowLocator).nth(idx);
     };
     smart.toJSON = (options) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         const result = {};
         const page = rootLocator.page();
         for (const [col, idx] of map.entries()) {
             if ((options === null || options === void 0 ? void 0 : options.columns) && !options.columns.includes(col)) {
                 continue;
             }
-            // Check if we have a data mapper for this column
-            const mapper = (_a = config.dataMapper) === null || _a === void 0 ? void 0 : _a[col];
+            // Check if we have a column override or data mapper for this column
+            const columnOverride = (_a = config.columnOverrides) === null || _a === void 0 ? void 0 : _a[col];
+            const mapper = (columnOverride === null || columnOverride === void 0 ? void 0 : columnOverride.read) || ((_b = config.dataMapper) === null || _b === void 0 ? void 0 : _b[col]);
             if (mapper) {
                 // Use custom mapper
                 // Ensure we have the cell first (same navigation logic)
@@ -218,6 +209,7 @@ const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve,
                 index: rowIndex !== null && rowIndex !== void 0 ? rowIndex : -1,
                 page: rowLocator.page(),
                 rootLocator,
+                config,
                 table: table,
                 fillOptions
             });
@@ -230,6 +222,47 @@ const createSmartRow = (rowLocator, map, rowIndex, config, rootLocator, resolve,
         if (rowIndex === undefined) {
             throw new Error('Cannot bring row into view - row index is unknown. Use getRowByIndex() instead of getRow().');
         }
+        const parentTable = smart.table;
+        // Cross-page Navigation using PaginationPrimitives
+        if (tablePageIndex !== undefined && config.strategies.pagination) {
+            const primitives = config.strategies.pagination;
+            // Only orchestrate if it's an object of primitives, not a single function
+            if (typeof config.strategies.pagination !== 'function') {
+                const context = { root: rootLocator, config, page: rootLocator.page(), resolve };
+                if (primitives.goToPage) {
+                    (0, debugUtils_1.logDebug)(config, 'info', `bringIntoView: Jumping to page ${tablePageIndex} using goToPage primitive`);
+                    yield primitives.goToPage(tablePageIndex, context);
+                }
+                else if (primitives.goPrevious) {
+                    (0, debugUtils_1.logDebug)(config, 'info', `bringIntoView: Looping goPrevious until we reach page ${tablePageIndex}`);
+                    const diff = parentTable.currentPageIndex - tablePageIndex;
+                    for (let i = 0; i < diff; i++) {
+                        const success = yield primitives.goPrevious(context);
+                        if (!success) {
+                            throw new Error(`bringIntoView: Failed to paginate backwards. Strategy aborted before reaching page ${tablePageIndex}.`);
+                        }
+                    }
+                }
+                else if (primitives.goToFirst && primitives.goNext) {
+                    (0, debugUtils_1.logDebug)(config, 'info', `bringIntoView: going to first page and looping goNext until we reach page ${tablePageIndex}`);
+                    yield primitives.goToFirst(context);
+                    for (let i = 0; i < tablePageIndex; i++) {
+                        yield primitives.goNext(context);
+                    }
+                }
+                else {
+                    (0, debugUtils_1.logDebug)(config, 'error', `Cannot bring row on page ${tablePageIndex} into view. No backwards pagination strategies (goToPage, goPrevious, or goToFirst) provided.`);
+                    throw new Error(`Cannot bring row on page ${tablePageIndex} into view: Row is on a different page and no backward pagination primitive found.`);
+                }
+            }
+            else {
+                throw new Error(`Cannot bring row on page ${tablePageIndex} into view: Pagination is a single function. Provide an object with 'goPrevious', 'goToPage', or 'goToFirst' primitives.`);
+            }
+            // Successfully orchestrated backwards navigation, now update the state pointer
+            parentTable.currentPageIndex = tablePageIndex;
+        }
+        // Delay after pagination/finding before scrolling
+        yield (0, debugUtils_1.debugDelay)(config, 'findRow');
         // Scroll row into view using Playwright's built-in method
         yield rowLocator.scrollIntoViewIfNeeded();
     });

package/dist/strategies/fill.d.ts

@@ -3,5 +3,5 @@ export declare const FillStrategies: {
     /**
      * Default strategy: Detects input type and fills accordingly (Text, Select, Checkbox, ContentEditable).
      */
-    default: ({ row, columnName, value, fillOptions }: Parameters<FillStrategy>[0]) => Promise<void>;
+    default: ({ row, columnName, value, fillOptions, config, table }: Parameters<FillStrategy>[0]) => Promise<void>;
 };

package/dist/strategies/fill.js

@@ -14,12 +14,28 @@ exports.FillStrategies = {
     /**
      * Default strategy: Detects input type and fills accordingly (Text, Select, Checkbox, ContentEditable).
      */
-    default: (_a) => __awaiter(void 0, [_a], void 0, function* ({ row, columnName, value, fillOptions }) {
-        var _b;
+    default: (_a) => __awaiter(void 0, [_a], void 0, function* ({ row, columnName, value, fillOptions, config, table }) {
+        var _b, _c;
         const cell = row.getCell(columnName);
+        // 1. Check for Unified Column Override
+        const columnOverride = (_b = config === null || config === void 0 ? void 0 : config.columnOverrides) === null || _b === void 0 ? void 0 : _b[columnName];
+        if (columnOverride === null || columnOverride === void 0 ? void 0 : columnOverride.write) {
+            let currentValue;
+            // Auto-sync: If read exists, fetch current state first
+            if (columnOverride.read) {
+                currentValue = yield columnOverride.read(cell);
+            }
+            yield columnOverride.write({
+                cell,
+                targetValue: value,
+                currentValue,
+                row
+            });
+            return;
+        }
         // Use custom input mapper for this column if provided, otherwise auto-detect
         let inputLocator;
-        if ((_b = fillOptions === null || fillOptions === void 0 ? void 0 : fillOptions.inputMappers) === null || _b === void 0 ? void 0 : _b[columnName]) {
+        if ((_c = fillOptions === null || fillOptions === void 0 ? void 0 : fillOptions.inputMappers) === null || _c === void 0 ? void 0 : _c[columnName]) {
             inputLocator = fillOptions.inputMappers[columnName](cell);
         }
         else {

package/dist/strategies/index.d.ts

@@ -12,6 +12,14 @@ export declare const Strategies: {
             stabilization?: import("./stabilization").StabilizationStrategy;
             timeout?: number;
         }) => import("..").PaginationStrategy;
+        click: (selectors: {
+            next?: import("..").Selector;
+            previous?: import("..").Selector;
+            first?: import("..").Selector;
+        }, options?: {
+            stabilization?: import("./stabilization").StabilizationStrategy;
+            timeout?: number;
+        }) => import("..").PaginationStrategy;
         infiniteScroll: (options?: {
             action?: "scroll" | "js-scroll";
             scrollTarget?: import("..").Selector;
@@ -30,7 +38,7 @@ export declare const Strategies: {
         visible: ({ config, resolve, root }: import("..").StrategyContext) => Promise<string[]>;
     };
     Fill: {
-        default: ({ row, columnName, value, fillOptions }: Parameters<import("..").FillStrategy>[0]) => Promise<void>;
+        default: ({ row, columnName, value, fillOptions, config, table }: Parameters<import("..").FillStrategy>[0]) => Promise<void>;
     };
     Resolution: {
         default: import("./resolution").ColumnResolutionStrategy;

package/dist/strategies/pagination.d.ts

@@ -3,12 +3,27 @@ import { StabilizationStrategy } from './stabilization';
 export declare const PaginationStrategies: {
     /**
      * Strategy: Clicks a "Next" button and waits for stabilization.
-     * @param nextButtonSelector Selector for the next page button.
+     * Backward compatibility for when only a single 'next' selector was needed.
+     * @deprecated Use `click` with `{ next: selector }` instead.
+     */
+    clickNext: (nextButtonSelector: Selector, options?: {
+        stabilization?: StabilizationStrategy;
+        timeout?: number;
+    }) => PaginationStrategy;
+    /**
+     * Strategy: Classic Pagination Buttons.
+     * Clicks 'Next', 'Previous', or 'First' buttons and waits for stabilization.
+     *
+     * @param selectors Selectors for pagination buttons.
      * @param options.stabilization Strategy to determine when the page has updated.
      *        Defaults to `contentChanged({ scope: 'first' })`.
      * @param options.timeout Timeout for the click action.
      */
-    clickNext: (nextButtonSelector: Selector, options?: {
+    click: (selectors: {
+        next?: Selector;
+        previous?: Selector;
+        first?: Selector;
+    }, options?: {
         stabilization?: StabilizationStrategy;
         timeout?: number;
     }) => PaginationStrategy;