@rickcedwhat/playwright-smart-table 6.7.3 → 6.7.5

package/dist/plugins/glide.d.ts

@@ -0,0 +1,31 @@
+import { FillStrategy, TableConfig } from '../types';
+/** Strategies only for Glide Data Grid. Includes fillSimple; use when you want to supply your own selectors or override fill. */
+export declare const GlideStrategies: {
+    fillSimple: FillStrategy;
+    fill: FillStrategy;
+    pagination: import("../types").PaginationPrimitives;
+    header: (context: import("../types").StrategyContext, options?: {
+        limit?: number;
+        selector?: string;
+        scrollAmount?: number;
+    }) => Promise<string[]>;
+    navigation: {
+        goUp: (context: import("../types").StrategyContext) => Promise<void>;
+        goDown: (context: import("../types").StrategyContext) => Promise<void>;
+        goLeft: (context: import("../types").StrategyContext) => Promise<void>;
+        goRight: (context: import("../types").StrategyContext) => Promise<void>;
+        goHome: (context: import("../types").StrategyContext) => Promise<void>;
+    };
+    loading: {
+        isHeaderLoading: () => Promise<boolean>;
+    };
+    getCellLocator: ({ row, columnIndex }: any) => any;
+    getActiveCell: ({ page }: any) => Promise<{
+        rowIndex: number;
+        columnIndex: number;
+        locator: any;
+    } | null>;
+};
+export declare const Glide: Partial<TableConfig> & {
+    Strategies: typeof GlideStrategies;
+};

package/dist/plugins/glide.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Glide = exports.GlideStrategies = void 0;
+const columns_1 = require("./glide/columns");
+const headers_1 = require("./glide/headers");
+const pagination_1 = require("../strategies/pagination");
+const stabilization_1 = require("../strategies/stabilization");
+const glideFillStrategy = (_a) => __awaiter(void 0, [_a], void 0, function* ({ value, page }) {
+    yield page.keyboard.press('Enter');
+    const textarea = page.locator('textarea.gdg-input');
+    yield textarea.waitFor({ state: 'visible', timeout: 2000 });
+    yield page.keyboard.type(String(value));
+    yield textarea.evaluate((el, expectedValue) => {
+        return new Promise((resolve) => {
+            const checkValue = () => {
+                if (el.value === expectedValue) {
+                    resolve();
+                }
+                else {
+                    setTimeout(checkValue, 10);
+                }
+            };
+            checkValue();
+        });
+    }, String(value));
+    yield page.waitForTimeout(50);
+    yield page.keyboard.press('Enter');
+    yield textarea.waitFor({ state: 'detached', timeout: 2000 });
+    yield page.waitForTimeout(300);
+});
+const glideFillSimple = (_a) => __awaiter(void 0, [_a], void 0, function* ({ value, page }) {
+    yield page.keyboard.press('Enter');
+    yield page.keyboard.type(String(value));
+    yield page.keyboard.press('Enter');
+});
+const glidePaginationStrategy = pagination_1.PaginationStrategies.infiniteScroll({
+    scrollTarget: 'xpath=//ancestor::body//div[contains(@class, "dvn-scroller")]',
+    scrollAmount: 500,
+    action: 'js-scroll',
+    stabilization: stabilization_1.StabilizationStrategies.contentChanged({ timeout: 5000 }),
+    timeout: 5000
+});
+const glideGetCellLocator = ({ row, columnIndex }) => {
+    return row.locator('td').nth(columnIndex);
+};
+const glideGetActiveCell = (_a) => __awaiter(void 0, [_a], void 0, function* ({ page }) {
+    const focused = page.locator('*:focus').first();
+    if ((yield focused.count()) === 0)
+        return null;
+    const id = (yield focused.getAttribute('id')) || '';
+    const parts = id.split('-');
+    let rowIndex = -1;
+    let columnIndex = -1;
+    if (parts.length >= 4 && parts[0] === 'glide' && parts[1] === 'cell') {
+        columnIndex = parseInt(parts[2]) - 1;
+        rowIndex = parseInt(parts[3]);
+    }
+    return {
+        rowIndex,
+        columnIndex,
+        locator: focused
+    };
+});
+/** Default strategies for the Glide preset (fill only; no fillSimple). */
+const GlideDefaultStrategies = {
+    fill: glideFillStrategy,
+    pagination: glidePaginationStrategy,
+    header: headers_1.scrollRightHeader,
+    navigation: {
+        goUp: columns_1.glideGoUp,
+        goDown: columns_1.glideGoDown,
+        goLeft: columns_1.glideGoLeft,
+        goRight: columns_1.glideGoRight,
+        goHome: columns_1.glideGoHome
+    },
+    loading: {
+        isHeaderLoading: () => __awaiter(void 0, void 0, void 0, function* () { return false; })
+    },
+    getCellLocator: glideGetCellLocator,
+    getActiveCell: glideGetActiveCell
+};
+/** Strategies only for Glide Data Grid. Includes fillSimple; use when you want to supply your own selectors or override fill. */
+exports.GlideStrategies = Object.assign(Object.assign({}, GlideDefaultStrategies), { fillSimple: glideFillSimple });
+/**
+ * Full preset for Glide Data Grid (selectors + default strategies only).
+ * Spread: useTable(loc, { ...Plugins.Glide, maxPages: 5 }).
+ * Strategies only (including fillSimple): useTable(loc, { rowSelector: '...', strategies: Plugins.Glide.Strategies }).
+ */
+const GlidePreset = {
+    headerSelector: 'table[role="grid"] thead tr th',
+    rowSelector: 'table[role="grid"] tbody tr',
+    cellSelector: 'td',
+    strategies: GlideDefaultStrategies
+};
+exports.Glide = Object.defineProperty(GlidePreset, 'Strategies', { get: () => exports.GlideStrategies, enumerable: false });

package/dist/plugins/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Presets for specific table/grid libraries. Each plugin exposes:
+ * - Plugins.X — full preset (selectors + headerTransformer if any + strategies). Spread: useTable(loc, { ...Plugins.MUI, maxPages: 5 }).
+ * - Plugins.X.Strategies — strategies only. Use with your own selectors: useTable(loc, { rowSelector: '...', strategies: Plugins.MUI.Strategies }).
+ */
+export declare const Plugins: {
+    RDG: Partial<import("..").TableConfig<any>> & {
+        Strategies: typeof import("./rdg").RDGStrategies;
+    };
+    Glide: Partial<import("..").TableConfig<any>> & {
+        Strategies: typeof import("./glide").GlideStrategies;
+    };
+    MUI: Partial<import("..").TableConfig<any>> & {
+        Strategies: typeof import("./mui").MUIStrategies;
+    };
+};

package/dist/plugins/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Plugins = void 0;
+const rdg_1 = require("./rdg");
+const glide_1 = require("./glide");
+const mui_1 = require("./mui");
+/**
+ * Presets for specific table/grid libraries. Each plugin exposes:
+ * - Plugins.X — full preset (selectors + headerTransformer if any + strategies). Spread: useTable(loc, { ...Plugins.MUI, maxPages: 5 }).
+ * - Plugins.X.Strategies — strategies only. Use with your own selectors: useTable(loc, { rowSelector: '...', strategies: Plugins.MUI.Strategies }).
+ */
+exports.Plugins = {
+    RDG: rdg_1.RDG,
+    Glide: glide_1.Glide,
+    MUI: mui_1.MUI,
+};

package/dist/plugins/mui/index.d.ts

@@ -0,0 +1,8 @@
+import type { TableConfig } from '../../types';
+/** Full strategies for MUI Data Grid. Use when you want to supply your own selectors: strategies: Plugins.MUI.Strategies */
+export declare const MUIStrategies: {
+    pagination: import("../../types").PaginationPrimitives;
+};
+export declare const MUI: Partial<TableConfig> & {
+    Strategies: typeof MUIStrategies;
+};

package/dist/plugins/mui/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MUI = exports.MUIStrategies = void 0;
+const pagination_1 = require("../../strategies/pagination");
+/** Default strategies for the MUI preset (used when you spread Plugins.MUI). */
+const MUIDefaultStrategies = {
+    pagination: pagination_1.PaginationStrategies.click({
+        next: (root) => root.getByRole('button', { name: 'Go to next page' }),
+    }),
+};
+/** Full strategies for MUI Data Grid. Use when you want to supply your own selectors: strategies: Plugins.MUI.Strategies */
+exports.MUIStrategies = MUIDefaultStrategies;
+/**
+ * Full preset for MUI Data Grid (selectors + headerTransformer + default strategies).
+ * Spread: useTable(loc, { ...Plugins.MUI, maxPages: 5 }).
+ * Strategies only: useTable(loc, { rowSelector: '...', strategies: Plugins.MUI.Strategies }).
+ */
+const MUIPreset = {
+    rowSelector: '.MuiDataGrid-row',
+    headerSelector: '.MuiDataGrid-columnHeader',
+    cellSelector: '.MuiDataGrid-cell',
+    headerTransformer: ({ text }) => (text.includes('__col_') ? 'Actions' : text),
+    strategies: MUIDefaultStrategies,
+};
+exports.MUI = Object.defineProperty(MUIPreset, 'Strategies', { get: () => exports.MUIStrategies, enumerable: false });

package/dist/plugins/mui.d.ts

@@ -0,0 +1,8 @@
+import type { TableConfig } from '../types';
+/** Full strategies for MUI Data Grid. Use when you want to supply your own selectors: strategies: Plugins.MUI.Strategies */
+export declare const MUIStrategies: {
+    pagination: import("../types").PaginationPrimitives;
+};
+export declare const MUI: Partial<TableConfig> & {
+    Strategies: typeof MUIStrategies;
+};

package/dist/plugins/mui.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MUI = exports.MUIStrategies = void 0;
+const pagination_1 = require("../strategies/pagination");
+/** Default strategies for the MUI preset (used when you spread Plugins.MUI). */
+const MUIDefaultStrategies = {
+    pagination: pagination_1.PaginationStrategies.click({
+        next: (root) => root.getByRole('button', { name: 'Go to next page' }),
+    }),
+};
+/** Full strategies for MUI Data Grid. Use when you want to supply your own selectors: strategies: Plugins.MUI.Strategies */
+exports.MUIStrategies = MUIDefaultStrategies;
+/**
+ * Full preset for MUI Data Grid (selectors + headerTransformer + default strategies).
+ * Spread: useTable(loc, { ...Plugins.MUI, maxPages: 5 }).
+ * Strategies only: useTable(loc, { rowSelector: '...', strategies: Plugins.MUI.Strategies }).
+ */
+const MUIPreset = {
+    rowSelector: '.MuiDataGrid-row',
+    headerSelector: '.MuiDataGrid-columnHeader',
+    cellSelector: '.MuiDataGrid-cell',
+    headerTransformer: ({ text }) => (text.includes('__col_') ? 'Actions' : text),
+    strategies: MUIDefaultStrategies,
+};
+exports.MUI = Object.defineProperty(MUIPreset, 'Strategies', { get: () => exports.MUIStrategies, enumerable: false });

package/dist/plugins/rdg/index.d.ts

@@ -0,0 +1,17 @@
+import { TableContext, TableConfig } from '../../types';
+/** Full strategies for React Data Grid. Use when you want to supply your own selectors: strategies: Plugins.RDG.Strategies */
+export declare const RDGStrategies: {
+    header: (context: TableContext) => Promise<string[]>;
+    getCellLocator: ({ row, columnIndex }: any) => any;
+    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").PaginationPrimitives;
+};
+export declare const RDG: Partial<TableConfig> & {
+    Strategies: typeof RDGStrategies;
+};

package/dist/plugins/rdg/index.js

@@ -0,0 +1,124 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RDG = exports.RDGStrategies = void 0;
+const pagination_1 = require("../../strategies/pagination");
+const stabilization_1 = require("../../strategies/stabilization");
+/**
+ * Scrolls the grid horizontally to collect all column headers.
+ * Handles empty headers by labeling them (e.g. "Checkbox").
+ */
+const scrollRightHeaderRDG = (context) => __awaiter(void 0, void 0, void 0, function* () {
+    const { resolve, config, root, page } = context;
+    const collectedHeaders = new Set();
+    const gridHandle = yield root.evaluateHandle((el) => {
+        return el.querySelector('[role="grid"]') || el.closest('[role="grid"]');
+    });
+    const expectedColumns = yield gridHandle.evaluate(el => el ? parseInt(el.getAttribute('aria-colcount') || '0', 10) : 0);
+    const getVisible = () => __awaiter(void 0, void 0, void 0, function* () {
+        const headerLoc = resolve(config.headerSelector, root);
+        const texts = yield headerLoc.allInnerTexts();
+        return texts.map(t => {
+            const trimmed = t.trim();
+            return trimmed.length > 0 ? trimmed : 'Checkbox';
+        });
+    });
+    let currentHeaders = yield getVisible();
+    currentHeaders.forEach(h => collectedHeaders.add(h));
+    const hasScroll = yield gridHandle.evaluate(el => el ? el.scrollWidth > el.clientWidth : false);
+    if (hasScroll) {
+        yield gridHandle.evaluate(el => el.scrollLeft = 0);
+        yield page.waitForTimeout(200);
+        let iteration = 0;
+        while (collectedHeaders.size < expectedColumns && iteration < 30) {
+            yield gridHandle.evaluate(el => el.scrollLeft += 500);
+            yield page.waitForTimeout(300);
+            const newHeaders = yield getVisible();
+            newHeaders.forEach(h => collectedHeaders.add(h));
+            const atEnd = yield gridHandle.evaluate(el => el.scrollLeft >= el.scrollWidth - el.clientWidth - 10);
+            iteration++;
+            if (atEnd)
+                break;
+        }
+        yield gridHandle.evaluate(el => el.scrollLeft = 0);
+        yield page.waitForTimeout(200);
+    }
+    return Array.from(collectedHeaders);
+});
+const rdgGetCellLocator = ({ row, columnIndex }) => {
+    const ariaColIndex = columnIndex + 1;
+    return row.locator(`[role="gridcell"][aria-colindex="${ariaColIndex}"]`);
+};
+const rdgPaginationStrategy = pagination_1.PaginationStrategies.infiniteScroll({
+    action: 'js-scroll',
+    scrollAmount: 500,
+    stabilization: stabilization_1.StabilizationStrategies.contentChanged({ timeout: 5000 })
+});
+const rdgNavigation = {
+    goRight: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollLeft += 150;
+        });
+    }),
+    goLeft: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollLeft -= 150;
+        });
+    }),
+    goDown: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollTop += 35;
+        });
+    }),
+    goUp: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollTop -= 35;
+        });
+    }),
+    goHome: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid) {
+                grid.scrollLeft = 0;
+                grid.scrollTop = 0;
+            }
+        });
+    })
+};
+/** Default strategies for the RDG preset (used when you spread Plugins.RDG). */
+const RDGDefaultStrategies = {
+    header: scrollRightHeaderRDG,
+    getCellLocator: rdgGetCellLocator,
+    navigation: rdgNavigation,
+    pagination: rdgPaginationStrategy
+};
+/** Full strategies for React Data Grid. Use when you want to supply your own selectors: strategies: Plugins.RDG.Strategies */
+exports.RDGStrategies = RDGDefaultStrategies;
+/**
+ * Full preset for React Data Grid (selectors + default strategies).
+ * Spread: useTable(loc, { ...Plugins.RDG, maxPages: 5 }).
+ * Strategies only: useTable(loc, { rowSelector: '...', strategies: Plugins.RDG.Strategies }).
+ */
+const RDGPreset = {
+    rowSelector: '[role="row"].rdg-row',
+    headerSelector: '[role="columnheader"]',
+    cellSelector: '[role="gridcell"]',
+    strategies: RDGDefaultStrategies
+};
+exports.RDG = Object.defineProperty(RDGPreset, 'Strategies', { get: () => exports.RDGStrategies, enumerable: false });

package/dist/plugins/rdg.d.ts

@@ -0,0 +1,17 @@
+import { TableContext, TableConfig } from '../types';
+/** Full strategies for React Data Grid. Use when you want to supply your own selectors: strategies: Plugins.RDG.Strategies */
+export declare const RDGStrategies: {
+    header: (context: TableContext) => Promise<string[]>;
+    getCellLocator: ({ row, columnIndex }: any) => any;
+    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").PaginationPrimitives;
+};
+export declare const RDG: Partial<TableConfig> & {
+    Strategies: typeof RDGStrategies;
+};

package/dist/plugins/rdg.js

@@ -0,0 +1,124 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RDG = exports.RDGStrategies = void 0;
+const pagination_1 = require("../strategies/pagination");
+const stabilization_1 = require("../strategies/stabilization");
+/**
+ * Scrolls the grid horizontally to collect all column headers.
+ * Handles empty headers by labeling them (e.g. "Checkbox").
+ */
+const scrollRightHeaderRDG = (context) => __awaiter(void 0, void 0, void 0, function* () {
+    const { resolve, config, root, page } = context;
+    const collectedHeaders = new Set();
+    const gridHandle = yield root.evaluateHandle((el) => {
+        return el.querySelector('[role="grid"]') || el.closest('[role="grid"]');
+    });
+    const expectedColumns = yield gridHandle.evaluate(el => el ? parseInt(el.getAttribute('aria-colcount') || '0', 10) : 0);
+    const getVisible = () => __awaiter(void 0, void 0, void 0, function* () {
+        const headerLoc = resolve(config.headerSelector, root);
+        const texts = yield headerLoc.allInnerTexts();
+        return texts.map(t => {
+            const trimmed = t.trim();
+            return trimmed.length > 0 ? trimmed : 'Checkbox';
+        });
+    });
+    let currentHeaders = yield getVisible();
+    currentHeaders.forEach(h => collectedHeaders.add(h));
+    const hasScroll = yield gridHandle.evaluate(el => el ? el.scrollWidth > el.clientWidth : false);
+    if (hasScroll) {
+        yield gridHandle.evaluate(el => el.scrollLeft = 0);
+        yield page.waitForTimeout(200);
+        let iteration = 0;
+        while (collectedHeaders.size < expectedColumns && iteration < 30) {
+            yield gridHandle.evaluate(el => el.scrollLeft += 500);
+            yield page.waitForTimeout(300);
+            const newHeaders = yield getVisible();
+            newHeaders.forEach(h => collectedHeaders.add(h));
+            const atEnd = yield gridHandle.evaluate(el => el.scrollLeft >= el.scrollWidth - el.clientWidth - 10);
+            iteration++;
+            if (atEnd)
+                break;
+        }
+        yield gridHandle.evaluate(el => el.scrollLeft = 0);
+        yield page.waitForTimeout(200);
+    }
+    return Array.from(collectedHeaders);
+});
+const rdgGetCellLocator = ({ row, columnIndex }) => {
+    const ariaColIndex = columnIndex + 1;
+    return row.locator(`[role="gridcell"][aria-colindex="${ariaColIndex}"]`);
+};
+const rdgPaginationStrategy = pagination_1.PaginationStrategies.infiniteScroll({
+    action: 'js-scroll',
+    scrollAmount: 500,
+    stabilization: stabilization_1.StabilizationStrategies.contentChanged({ timeout: 5000 })
+});
+const rdgNavigation = {
+    goRight: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollLeft += 150;
+        });
+    }),
+    goLeft: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollLeft -= 150;
+        });
+    }),
+    goDown: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollTop += 35;
+        });
+    }),
+    goUp: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid)
+                grid.scrollTop -= 35;
+        });
+    }),
+    goHome: (_a) => __awaiter(void 0, [_a], void 0, function* ({ root, page }) {
+        yield root.evaluate((el) => {
+            const grid = el.querySelector('[role="grid"]') || el.closest('[role="grid"]') || el;
+            if (grid) {
+                grid.scrollLeft = 0;
+                grid.scrollTop = 0;
+            }
+        });
+    })
+};
+/** Default strategies for the RDG preset (used when you spread Plugins.RDG). */
+const RDGDefaultStrategies = {
+    header: scrollRightHeaderRDG,
+    getCellLocator: rdgGetCellLocator,
+    navigation: rdgNavigation,
+    pagination: rdgPaginationStrategy
+};
+/** Full strategies for React Data Grid. Use when you want to supply your own selectors: strategies: Plugins.RDG.Strategies */
+exports.RDGStrategies = RDGDefaultStrategies;
+/**
+ * Full preset for React Data Grid (selectors + default strategies).
+ * Spread: useTable(loc, { ...Plugins.RDG, maxPages: 5 }).
+ * Strategies only: useTable(loc, { rowSelector: '...', strategies: Plugins.RDG.Strategies }).
+ */
+const RDGPreset = {
+    rowSelector: '[role="row"].rdg-row',
+    headerSelector: '[role="columnheader"]',
+    cellSelector: '[role="gridcell"]',
+    strategies: RDGDefaultStrategies
+};
+exports.RDG = Object.defineProperty(RDGPreset, 'Strategies', { get: () => exports.RDGStrategies, enumerable: false });

package/dist/plugins.d.ts

@@ -1,44 +1,16 @@
+/**
+ * Presets for specific table/grid libraries. Each plugin exposes:
+ * - Plugins.X — full preset (selectors + headerTransformer if any + strategies). Spread: useTable(loc, { ...Plugins.MUI, maxPages: 5 }).
+ * - Plugins.X.Strategies — strategies only. Use with your own selectors: useTable(loc, { rowSelector: '...', strategies: Plugins.MUI.Strategies }).
+ */
 export declare const Plugins: {
-    RDG: {
-        Strategies: {
-            header: (context: import("./types").TableContext) => Promise<string[]>;
-            getCellLocator: ({ row, columnIndex }: any) => any;
-            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;
-        };
+    RDG: Partial<import("./types").TableConfig<any>> & {
+        Strategies: typeof import("./strategies/rdg").RDGStrategies;
     };
-    Glide: {
-        Strategies: {
-            fill: import("./types").FillStrategy;
-            fillSimple: import("./types").FillStrategy;
-            pagination: import("./types").PaginationStrategy;
-            header: (context: import("./types").StrategyContext, options?: {
-                limit?: number;
-                selector?: string;
-                scrollAmount?: number;
-            }) => Promise<string[]>;
-            navigation: {
-                goUp: (context: import("./types").StrategyContext) => Promise<void>;
-                goDown: (context: import("./types").StrategyContext) => Promise<void>;
-                goLeft: (context: import("./types").StrategyContext) => Promise<void>;
-                goRight: (context: import("./types").StrategyContext) => Promise<void>;
-                goHome: (context: import("./types").StrategyContext) => Promise<void>;
-            };
-            loading: {
-                isHeaderLoading: () => Promise<boolean>;
-            };
-            getCellLocator: ({ row, columnIndex }: any) => any;
-            getActiveCell: ({ page }: any) => Promise<{
-                rowIndex: number;
-                columnIndex: number;
-                locator: any;
-            } | null>;
-        };
+    Glide: Partial<import("./types").TableConfig<any>> & {
+        Strategies: typeof import("./strategies/glide").GlideStrategies;
+    };
+    MUI: Partial<import("./types").TableConfig<any>> & {
+        Strategies: typeof import("./strategies/mui").MUIStrategies;
     };
 };

package/dist/plugins.js

@@ -3,11 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Plugins = void 0;
 const rdg_1 = require("./strategies/rdg");
 const glide_1 = require("./strategies/glide");
+const mui_1 = require("./strategies/mui");
+/**
+ * Presets for specific table/grid libraries. Each plugin exposes:
+ * - Plugins.X — full preset (selectors + headerTransformer if any + strategies). Spread: useTable(loc, { ...Plugins.MUI, maxPages: 5 }).
+ * - Plugins.X.Strategies — strategies only. Use with your own selectors: useTable(loc, { rowSelector: '...', strategies: Plugins.MUI.Strategies }).
+ */
 exports.Plugins = {
-    RDG: {
-        Strategies: rdg_1.RDGStrategies
-    },
-    Glide: {
-        Strategies: glide_1.GlideStrategies
-    }
+    RDG: rdg_1.RDG,
+    Glide: glide_1.Glide,
+    MUI: mui_1.MUI,
 };