@keenthemes/ktui 1.1.0 → 1.1.1

package/lib/cjs/components/datatable/__tests__/race-conditions.test.js

@@ -0,0 +1,548 @@
+"use strict";
+/**
+ * Race Condition Tests for KTDataTable
+ * Tests the fixes for concurrent request handling, request cancellation, and stale response detection
+ */
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var vitest_1 = require("vitest");
+var datatable_1 = require("../datatable");
+var setup_1 = require("./setup");
+(0, vitest_1.describe)('KTDataTable Race Condition Fixes', function () {
+    var container;
+    var mockFetch;
+    var abortSignals = [];
+    (0, vitest_1.beforeEach)(function () {
+        // Setup DOM
+        container = document.createElement('div');
+        container.innerHTML = "\n\t\t\t<div data-kt-datatable=\"true\">\n\t\t\t\t<table data-kt-datatable-table=\"true\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th data-kt-datatable-column=\"id\">ID</th>\n\t\t\t\t\t\t\t<th data-kt-datatable-column=\"name\">Name</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody></tbody>\n\t\t\t\t</table>\n\t\t\t\t<div data-kt-datatable-info=\"true\"></div>\n\t\t\t\t<select data-kt-datatable-size=\"true\"></select>\n\t\t\t\t<div data-kt-datatable-pagination=\"true\"></div>\n\t\t\t</div>\n\t\t";
+        document.body.appendChild(container);
+        // Mock fetch to track requests and signals
+        abortSignals = [];
+        mockFetch = vitest_1.vi.fn(function (url, options) {
+            // Store abort signal for verification
+            if (options === null || options === void 0 ? void 0 : options.signal) {
+                abortSignals.push(options.signal);
+            }
+            // Simulate network delay
+            return new Promise(function (resolve, reject) {
+                var timeout = setTimeout(function () {
+                    var _a;
+                    if ((_a = options === null || options === void 0 ? void 0 : options.signal) === null || _a === void 0 ? void 0 : _a.aborted) {
+                        reject(new DOMException('The operation was aborted.', 'AbortError'));
+                    }
+                    else {
+                        resolve(new Response(JSON.stringify({
+                            data: [
+                                { id: 1, name: 'Item 1' },
+                                { id: 2, name: 'Item 2' },
+                            ],
+                            totalCount: 2,
+                        }), { status: 200, headers: { 'Content-Type': 'application/json' } }));
+                    }
+                }, 100); // 100ms delay
+                // Handle abort
+                if (options === null || options === void 0 ? void 0 : options.signal) {
+                    options.signal.addEventListener('abort', function () {
+                        clearTimeout(timeout);
+                        reject(new DOMException('The operation was aborted.', 'AbortError'));
+                    });
+                }
+            });
+        });
+        global.fetch = mockFetch;
+    });
+    (0, vitest_1.afterEach)(function () {
+        document.body.removeChild(container);
+        vitest_1.vi.clearAllMocks();
+        abortSignals = [];
+    });
+    (0, vitest_1.describe)('AbortController Integration', function () {
+        (0, vitest_1.it)('should create AbortController for remote data requests', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent();
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(1);
+                        (0, vitest_1.expect)(abortSignals.length).toBe(1);
+                        (0, vitest_1.expect)(abortSignals[0]).toBeInstanceOf(AbortSignal);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should use _isFetching flag to prevent concurrent requests', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        // Try to trigger search during initial fetch
+                        datatable.search('test'); // Should be blocked by _isFetching
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent();
+                        // Should only have 1 request (initial) because _isFetching blocked the second
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(1);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should allow new request after previous completes', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        // Wait for initial fetch to complete
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        // Wait for initial fetch to complete
+                        _a.sent();
+                        // Now trigger a search - should succeed
+                        datatable.search('test');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent();
+                        // Should have 2 requests total
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(2);
+                        (0, vitest_1.expect)(abortSignals.length).toBe(2);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should abort previous request when _performFetchRequest is called again', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent(); // Complete initial request
+                        // Trigger first search
+                        datatable.search('first');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent();
+                        // Trigger second search (first should complete, second starts fresh)
+                        datatable.search('second');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 3:
+                        _a.sent();
+                        // Should have 3 requests: initial + first search + second search
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(3);
+                        (0, vitest_1.expect)(abortSignals.length).toBe(3);
+                        // Each gets its own AbortController
+                        abortSignals.forEach(function (signal) {
+                            (0, vitest_1.expect)(signal).toBeInstanceOf(AbortSignal);
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    (0, vitest_1.describe)('Request ID Sequencing', function () {
+        (0, vitest_1.it)('should assign incremental request IDs for sequential requests', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var requestIds, callCount, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        requestIds = [];
+                        callCount = 0;
+                        // Mock to capture request sequence
+                        mockFetch.mockImplementation(function (url, options) {
+                            callCount++;
+                            var id = callCount;
+                            requestIds.push(id);
+                            return new Promise(function (resolve) {
+                                setTimeout(function () {
+                                    resolve(new Response(JSON.stringify({
+                                        data: [{ id: id, name: "Item ".concat(id) }],
+                                        totalCount: 1,
+                                    }), { status: 200 }));
+                                }, 50);
+                            });
+                        });
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(100)];
+                    case 1:
+                        _a.sent(); // Complete initial request
+                        datatable.search('a');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(100)];
+                    case 2:
+                        _a.sent(); // Complete search
+                        datatable.search('b');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(100)];
+                    case 3:
+                        _a.sent(); // Complete second search
+                        // Request IDs should be sequential: 1, 2, 3
+                        (0, vitest_1.expect)(requestIds).toEqual([1, 2, 3]);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should have request ID validation logic in place', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable, tbody;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent(); // Complete initial
+                        datatable.search('first');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent(); // Complete first search
+                        datatable.search('second');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 3:
+                        _a.sent(); // Complete second search
+                        // All requests should complete successfully with incremental request IDs
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(3);
+                        tbody = container.querySelector('tbody');
+                        (0, vitest_1.expect)(tbody === null || tbody === void 0 ? void 0 : tbody.querySelectorAll('tr').length).toBeGreaterThan(0);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    (0, vitest_1.describe)('_isFetching Flag Management', function () {
+        (0, vitest_1.it)('should prevent concurrent fetch executions', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        // Try to trigger reload immediately (should be blocked by initial fetch)
+                        datatable.reload(); // Blocked by _isFetching
+                        datatable.reload(); // Blocked by _isFetching
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent();
+                        // Should only have 1 request: initial
+                        // The reload calls are blocked by _isFetching
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(1);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should reset _isFetching flag after fetch completes', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent(); // Wait for initial fetch
+                        // Should be able to trigger new fetch after previous completes
+                        datatable.reload();
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent();
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(2);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should reset _isFetching flag even after fetch error', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var callCount, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        callCount = 0;
+                        mockFetch.mockImplementation(function () {
+                            callCount++;
+                            if (callCount === 1) {
+                                // Return invalid JSON to trigger parse error
+                                return Promise.resolve(new Response('Not JSON', { status: 200 }));
+                            }
+                            return Promise.resolve(new Response(JSON.stringify({
+                                data: [{ id: 1, name: 'Success' }],
+                                totalCount: 1,
+                            }), { status: 200 }));
+                        });
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent(); // Initial request triggers parse error
+                        // Should be able to retry after error
+                        datatable.reload();
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent();
+                        (0, vitest_1.expect)(mockFetch).toHaveBeenCalledTimes(2);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    (0, vitest_1.describe)('Loading Spinner Management', function () {
+        (0, vitest_1.it)('should show spinner during fetch', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var element, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        element = container.querySelector('[data-kt-datatable="true"]');
+                        datatable = new datatable_1.KTDataTable(element, {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 1:
+                        _a.sent(); // Spinner should be visible
+                        (0, vitest_1.expect)(element.classList.contains('loading')).toBe(true);
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent(); // Wait for fetch to complete
+                        (0, vitest_1.expect)(element.classList.contains('loading')).toBe(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should keep spinner visible during overlapping requests', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var element, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        element = container.querySelector('[data-kt-datatable="true"]');
+                        datatable = new datatable_1.KTDataTable(element, {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 1:
+                        _a.sent();
+                        (0, vitest_1.expect)(element.classList.contains('loading')).toBe(true);
+                        // Trigger second request while first is in progress
+                        datatable.search('test');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 2:
+                        _a.sent();
+                        // Spinner should still be visible
+                        (0, vitest_1.expect)(element.classList.contains('loading')).toBe(true);
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 3:
+                        _a.sent();
+                        // Spinner should hide only after last request completes
+                        (0, vitest_1.expect)(element.classList.contains('loading')).toBe(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should not flicker spinner during rapid interactions', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var element, datatable, spinnerStates, checkInterval, transitions;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        element = container.querySelector('[data-kt-datatable="true"]');
+                        datatable = new datatable_1.KTDataTable(element, {
+                            apiEndpoint: '/api/data',
+                        });
+                        spinnerStates = [];
+                        checkInterval = setInterval(function () {
+                            spinnerStates.push(element.classList.contains('loading'));
+                        }, 20);
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 1:
+                        _a.sent();
+                        datatable.search('a');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 2:
+                        _a.sent();
+                        datatable.search('ab');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 3:
+                        _a.sent();
+                        datatable.search('abc');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 4:
+                        _a.sent();
+                        clearInterval(checkInterval);
+                        transitions = spinnerStates.reduce(function (acc, curr, idx) {
+                            if (idx > 0 && spinnerStates[idx - 1] !== curr) {
+                                acc.push(curr);
+                            }
+                            return acc;
+                        }, []);
+                        // Should have exactly 2 transitions: off->on, on->off
+                        // No additional transitions that would indicate flickering
+                        (0, vitest_1.expect)(transitions.length).toBeLessThanOrEqual(2);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    (0, vitest_1.describe)('Event Handling During Race Conditions', function () {
+        (0, vitest_1.it)('should fire fetch event for successful requests', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var fetchEvents, element, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        fetchEvents = [];
+                        element = container.querySelector('[data-kt-datatable="true"]');
+                        element.addEventListener('fetch', function (e) {
+                            fetchEvents.push(e);
+                        });
+                        datatable = new datatable_1.KTDataTable(element, {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent(); // Complete initial
+                        datatable.search('test');
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent(); // Complete search
+                        // Should fire fetch for initial and search
+                        (0, vitest_1.expect)(fetchEvents.length).toBeGreaterThanOrEqual(2);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should fire fetched event after successful data load', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var fetchedEvents, element, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        fetchedEvents = [];
+                        element = container.querySelector('[data-kt-datatable="true"]');
+                        element.addEventListener('fetched', function (e) {
+                            fetchedEvents.push(e);
+                        });
+                        datatable = new datatable_1.KTDataTable(element, {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent();
+                        // Should fire fetched for initial request
+                        (0, vitest_1.expect)(fetchedEvents.length).toBeGreaterThanOrEqual(1);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        (0, vitest_1.it)('should not fire error events for AbortError', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var errorEvents, element, datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        errorEvents = [];
+                        element = container.querySelector('[data-kt-datatable="true"]');
+                        element.addEventListener('error.kt.datatable', function (e) {
+                            errorEvents.push(e);
+                        });
+                        datatable = new datatable_1.KTDataTable(element, {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(10)];
+                    case 1:
+                        _a.sent();
+                        datatable.search('test'); // Cancels previous
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 2:
+                        _a.sent();
+                        // AbortError should not trigger error event
+                        (0, vitest_1.expect)(errorEvents.length).toBe(0);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    (0, vitest_1.describe)('Backward Compatibility', function () {
+        (0, vitest_1.it)('should work with local data mode (no AbortController needed)', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'));
+                // Should not call fetch for local data
+                (0, vitest_1.expect)(mockFetch).not.toHaveBeenCalled();
+                // Should still work without errors
+                datatable.search('Item 1');
+                datatable.sort('name');
+                datatable.goPage(1);
+                return [2 /*return*/];
+            });
+        }); });
+        (0, vitest_1.it)('should maintain existing API compatibility', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var datatable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        datatable = new datatable_1.KTDataTable(container.querySelector('[data-kt-datatable="true"]'), {
+                            apiEndpoint: '/api/data',
+                        });
+                        return [4 /*yield*/, (0, setup_1.waitFor)(150)];
+                    case 1:
+                        _a.sent();
+                        // All existing methods should work
+                        (0, vitest_1.expect)(function () {
+                            datatable.reload();
+                            datatable.search('test');
+                            datatable.sort('name');
+                            datatable.goPage(1);
+                            datatable.setPageSize(20);
+                            datatable.getState();
+                        }).not.toThrow();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});
+//# sourceMappingURL=race-conditions.test.js.map

package/lib/cjs/components/datatable/__tests__/race-conditions.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"race-conditions.test.js","sourceRoot":"","sources":["../../../../../src/components/datatable/__tests__/race-conditions.test.ts"],"names":[],"mappings":"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"}

package/lib/cjs/components/datatable/__tests__/setup.js

@@ -0,0 +1,63 @@
+"use strict";
+/**
+ * Vitest setup file for datatable tests
+ * Provides DOM environment setup and utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMockElement = exports.waitFor = void 0;
+var vitest_1 = require("vitest");
+// Mock KTComponents to prevent auto-initialization errors
+vitest_1.vi.mock('../../../index', function () { return ({
+    default: {
+        init: vitest_1.vi.fn(),
+    },
+    KTComponents: {
+        init: vitest_1.vi.fn(),
+    },
+}); });
+// Setup DOM environment before each test
+(0, vitest_1.beforeEach)(function () {
+    // Clear localStorage
+    localStorage.clear();
+    // Reset document body
+    document.body.innerHTML = '';
+    // Clear any global state
+    // Add any other global setup here
+});
+// Cleanup after each test
+(0, vitest_1.afterEach)(function () {
+    // Clear localStorage
+    localStorage.clear();
+    // Reset document body
+    document.body.innerHTML = '';
+    // Clear all pending timers to prevent "document is not defined" errors
+    vitest_1.vi.clearAllTimers();
+});
+// Mock window.matchMedia if needed
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: function (query) { return ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: function () { }, // deprecated
+        removeListener: function () { }, // deprecated
+        addEventListener: function () { },
+        removeEventListener: function () { },
+        dispatchEvent: function () { return true; },
+    }); },
+});
+// Export utilities that tests can use
+var waitFor = function (ms) { return new Promise(function (resolve) { return setTimeout(resolve, ms); }); };
+exports.waitFor = waitFor;
+var createMockElement = function (tag, attributes) {
+    if (attributes === void 0) { attributes = {}; }
+    var el = document.createElement(tag);
+    Object.entries(attributes).forEach(function (_a) {
+        var key = _a[0], value = _a[1];
+        el.setAttribute(key, value);
+    });
+    return el;
+};
+exports.createMockElement = createMockElement;
+//# sourceMappingURL=setup.js.map

package/lib/cjs/components/datatable/__tests__/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../../../src/components/datatable/__tests__/setup.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH,iCAAmD;AAEnD,0DAA0D;AAC1D,WAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,cAAM,OAAA,CAAC;IAChC,OAAO,EAAE;QACR,IAAI,EAAE,WAAE,CAAC,EAAE,EAAE;KACb;IACD,YAAY,EAAE;QACb,IAAI,EAAE,WAAE,CAAC,EAAE,EAAE;KACb;CACD,CAAC,EAP8B,CAO9B,CAAC,CAAC;AAEJ,yCAAyC;AACzC,IAAA,mBAAU,EAAC;IACV,qBAAqB;IACrB,YAAY,CAAC,KAAK,EAAE,CAAC;IAErB,sBAAsB;IACtB,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IAE7B,yBAAyB;IACzB,kCAAkC;AACnC,CAAC,CAAC,CAAC;AAEH,0BAA0B;AAC1B,IAAA,kBAAS,EAAC;IACT,qBAAqB;IACrB,YAAY,CAAC,KAAK,EAAE,CAAC;IAErB,sBAAsB;IACtB,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IAE7B,uEAAuE;IACvE,WAAE,CAAC,cAAc,EAAE,CAAC;AACrB,CAAC,CAAC,CAAC;AAEH,mCAAmC;AACnC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE;IAC3C,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,UAAC,KAAa,IAAK,OAAA,CAAC;QAC1B,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAuE;QACjF,WAAW,EAAE,cAAO,CAAC,EAAE,aAAa;QACpC,cAAc,EAAE,cAAO,CAAC,EAAE,aAAa;QACvC,gBAAgB,EAAE,cAAO,CAAC;QAC1B,mBAAmB,EAAE,cAAO,CAAC;QAC7B,aAAa,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;KACzB,CAAC,EATwB,CASxB;CACF,CAAC,CAAC;AAEH,sCAAsC;AAC/B,IAAM,OAAO,GAAG,UAAC,EAAU,IAAK,OAAA,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,EAAvB,CAAuB,CAAC,EAAjD,CAAiD,CAAC;AAA5E,QAAA,OAAO,WAAqE;AAElF,IAAM,iBAAiB,GAAG,UAAC,GAAW,EAAE,UAAuC;IAAvC,2BAAA,EAAA,eAAuC;IACrF,IAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAC9C,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,CAAC;AACX,CAAC,CAAC;AANW,QAAA,iBAAiB,qBAM5B"}