svelte-comp 1.2.7 → 1.3.5

package/dist/lib/__tests__/Splitter.test.js

@@ -0,0 +1,87 @@
+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 };
+    }
+};
+// $lib/__tests__/Splitter.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect } from "vitest";
+import Splitter from "../Splitter.svelte";
+describe("Splitter", function () {
+    it("renders horizontal layout by default", function () {
+        var container = render(Splitter).container;
+        var root = container.firstElementChild;
+        expect(root.className).toContain("flex");
+        var firstPanel = root.children[0];
+        expect(firstPanel.style.width).toBe("30%");
+    });
+    it("renders vertical layout when direction is vertical", function () {
+        var container = render(Splitter, {
+            props: { direction: "vertical", initialSize: 40 },
+        }).container;
+        var root = container.firstElementChild;
+        expect(root.className).toContain("flex-col");
+        var firstPanel = root.children[0];
+        expect(firstPanel.style.height).toBe("40%");
+    });
+    it("resizes when dragging the divider", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container, root, firstPanel, divider;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    container = render(Splitter, {
+                        props: { initialSize: 30 },
+                    }).container;
+                    root = container.firstElementChild;
+                    Object.defineProperty(root, "offsetWidth", {
+                        value: 200,
+                        configurable: true,
+                    });
+                    firstPanel = root.children[0];
+                    divider = root.children[1];
+                    return [4 /*yield*/, fireEvent.pointerDown(divider, { clientX: 0 })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.pointerMove(document, { clientX: 20 })];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.pointerUp(document)];
+                case 3:
+                    _a.sent();
+                    expect(parseFloat(firstPanel.style.width)).toBeCloseTo(40, 1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/Switch.test.js

@@ -0,0 +1,97 @@
+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 };
+    }
+};
+// $lib/__tests__/Switch.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Switch from "../Switch.svelte";
+describe("Switch", function () {
+    it("toggles state when clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container, switchButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    container = render(Switch).container;
+                    switchButton = container.querySelector("button");
+                    expect(switchButton.getAttribute("aria-pressed")).toBe("false");
+                    return [4 /*yield*/, fireEvent.click(switchButton)];
+                case 1:
+                    _a.sent();
+                    expect(switchButton.getAttribute("aria-pressed")).toBe("true");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("respects initial checked state", function () {
+        var container = render(Switch, {
+            props: { checked: true },
+        }).container;
+        var switchButton = container.querySelector("button");
+        expect(switchButton.getAttribute("aria-pressed")).toBe("true");
+    });
+    it("handles disabled state", function () {
+        var container = render(Switch, {
+            props: { disabled: true },
+        }).container;
+        var switchButton = container.querySelector("button");
+        expect(switchButton.disabled).toBe(true);
+    });
+    it("calls onChange when toggled", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnChange, container, switchButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnChange = vi.fn();
+                    container = render(Switch, {
+                        props: { onChange: mockOnChange },
+                    }).container;
+                    switchButton = container.querySelector("button");
+                    return [4 /*yield*/, fireEvent.click(switchButton)];
+                case 1:
+                    _a.sent();
+                    expect(mockOnChange).toHaveBeenCalledWith(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("applies correct size classes", function () {
+        var container = render(Switch, {
+            props: { sz: "lg" },
+        }).container;
+        var switchButton = container.querySelector("button");
+        expect(switchButton === null || switchButton === void 0 ? void 0 : switchButton.className).toContain("w-14");
+    });
+});

package/dist/lib/__tests__/Table.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/Table.test.js

@@ -0,0 +1,349 @@
+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 };
+    }
+};
+// src/lib/__tests__/Table.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Table from "../Table.svelte";
+var baseColumns = [
+    { key: "name", label: "Name" },
+    { key: "age", label: "Age" },
+];
+var simpleRows = [
+    { name: "Ada", age: 30 },
+    { name: "Linus", age: 40 },
+];
+var complexRows = [
+    { name: "Ada", age: 30, email: "ada@example.com" },
+    { name: "Linus", age: 40, email: "linus@example.com" },
+    { name: "Grace", age: 35, email: "grace@example.com" },
+    { name: "Alan", age: 25, email: "alan@example.com" },
+];
+describe("Table", function () {
+    it("renders headers and rows with data", function () {
+        var _a = render(Table, {
+            props: { columns: baseColumns, rows: simpleRows },
+        }), getByText = _a.getByText, container = _a.container;
+        expect(getByText("Name")).toBeTruthy();
+        expect(getByText("Age")).toBeTruthy();
+        var bodyRows = container.querySelectorAll("tbody tr");
+        expect(bodyRows.length).toBe(2);
+        var firstRowCells = bodyRows[0].querySelectorAll("td");
+        expect(firstRowCells[0].textContent).toBe("Ada");
+        expect(firstRowCells[1].textContent).toBe("30");
+    });
+    it("handles empty rows array", function () {
+        var container = render(Table, {
+            props: { columns: baseColumns, rows: [] },
+        }).container;
+        var bodyRows = container.querySelectorAll("tbody tr");
+        expect(bodyRows.length).toBe(0);
+    });
+    it("handles empty columns array", function () {
+        var container = render(Table, {
+            props: { columns: [], rows: simpleRows },
+        }).container;
+        var headers = container.querySelectorAll("thead th");
+        var cells = container.querySelectorAll("tbody td");
+        expect(headers.length).toBe(0);
+        expect(cells.length).toBe(0);
+    });
+    it("applies alignment and width for columns", function () {
+        var columns = [
+            { key: "name", label: "Name", align: "start", width: "200px" },
+            { key: "age", label: "Age", align: "end", width: "80px" },
+        ];
+        var container = render(Table, {
+            props: { columns: columns, rows: simpleRows },
+        }).container;
+        var headers = container.querySelectorAll("thead th");
+        expect(headers[0].className).toContain("text-left");
+        expect(headers[1].className).toContain("text-right");
+        expect(headers[0].getAttribute("style")).toContain("width: 200px");
+        expect(headers[1].getAttribute("style")).toContain("width: 80px");
+    });
+    it("wraps table in responsive overflow container", function () {
+        var container = render(Table, {
+            props: { columns: baseColumns, rows: simpleRows },
+        }).container;
+        var wrapper = container.firstElementChild;
+        expect(wrapper.className).toContain("overflow-x-auto");
+    });
+    it("renders sticky header when stickyHeader=true", function () {
+        var container = render(Table, {
+            props: { columns: baseColumns, rows: simpleRows, stickyHeader: true },
+        }).container;
+        var headerRow = container.querySelector("thead tr");
+        expect(headerRow === null || headerRow === void 0 ? void 0 : headerRow.className).toContain("sticky");
+    });
+    it("hides header row for list variant", function () {
+        var container = render(Table, {
+            props: { columns: baseColumns, rows: simpleRows, variant: "list" },
+        }).container;
+        var headerRow = container.querySelector("thead tr");
+        var headers = container.querySelectorAll("thead th");
+        expect(headerRow).toBeNull();
+        expect(headers.length).toBe(0);
+    });
+    // ---------- SORTING: NUMBERS ----------
+    it("sorts numeric column ascending on first click", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var numericRows, _a, getByLabelText, container, ageHeaderButton, bodyRows, ages;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    numericRows = [
+                        { name: "A", age: 10 },
+                        { name: "B", age: 5 },
+                        { name: "C", age: 20 },
+                    ];
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: numericRows },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    ageHeaderButton = getByLabelText("Sort by Age");
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 1:
+                    _b.sent();
+                    bodyRows = container.querySelectorAll("tbody tr");
+                    ages = Array.from(bodyRows).map(function (row) { return row.querySelectorAll("td")[1].textContent; });
+                    expect(ages).toEqual(["5", "10", "20"]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("sorts numeric column descending on second click", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var numericRows, _a, getByLabelText, container, ageHeaderButton, bodyRows, ages;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    numericRows = [
+                        { name: "A", age: 10 },
+                        { name: "B", age: 5 },
+                        { name: "C", age: 20 },
+                    ];
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: numericRows },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    ageHeaderButton = getByLabelText("Sort by Age");
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 2:
+                    _b.sent();
+                    bodyRows = container.querySelectorAll("tbody tr");
+                    ages = Array.from(bodyRows).map(function (row) { return row.querySelectorAll("td")[1].textContent; });
+                    expect(ages).toEqual(["20", "10", "5"]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("places null/empty values at the bottom when sorting ascending", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rowsWithNulls, _a, getByLabelText, container, ageHeaderButton, bodyRows, names;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    rowsWithNulls = [
+                        { name: "Ada", age: null },
+                        { name: "Linus", age: 40 },
+                        { name: "Grace", age: 35 },
+                    ];
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: rowsWithNulls },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    ageHeaderButton = getByLabelText("Sort by Age");
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 1:
+                    _b.sent();
+                    bodyRows = container.querySelectorAll("tbody tr");
+                    names = Array.from(bodyRows).map(function (row) { return row.querySelectorAll("td")[0].textContent; });
+                    expect(names[names.length - 1]).toBe("Ada");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("keeps equal numeric values stable (stable sort)", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rowsWithDuplicates, _a, getByLabelText, container, ageHeaderButton, bodyRows, names;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    rowsWithDuplicates = [
+                        { name: "First", age: 30 },
+                        { name: "Second", age: 30 },
+                        { name: "Third", age: 40 },
+                    ];
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: rowsWithDuplicates },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    ageHeaderButton = getByLabelText("Sort by Age");
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 1:
+                    _b.sent();
+                    bodyRows = container.querySelectorAll("tbody tr");
+                    names = Array.from(bodyRows).map(function (row) { return row.querySelectorAll("td")[0].textContent; });
+                    expect(names.slice(0, 2)).toEqual(["First", "Second"]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    // ---------- SORTING: LINES ----------
+    it("sorts string column ascending by name", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var stringRows, _a, getByLabelText, container, nameHeaderButton, bodyRows, names;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    stringRows = [
+                        { name: "Charlie", age: 30 },
+                        { name: "Alice", age: 25 },
+                        { name: "Bob", age: 35 },
+                    ];
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: stringRows },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    nameHeaderButton = getByLabelText("Sort by Name");
+                    return [4 /*yield*/, fireEvent.click(nameHeaderButton)];
+                case 1:
+                    _b.sent();
+                    bodyRows = container.querySelectorAll("tbody tr");
+                    names = Array.from(bodyRows).map(function (row) { return row.querySelectorAll("td")[0].textContent; });
+                    expect(names).toEqual(["Alice", "Bob", "Charlie"]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    // ---------- ARIA-SORT & KEYBOARD  ----------
+    it("updates aria-sort on sortable headers when sorting", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByLabelText, container, ageHeaderButton, ageTh;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: complexRows },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    ageHeaderButton = getByLabelText("Sort by Age");
+                    ageTh = container.querySelector('th[aria-sort="none"]');
+                    expect(ageTh).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 1:
+                    _b.sent();
+                    ageTh = container.querySelector('th[aria-sort="ascending"]');
+                    expect(ageTh).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 2:
+                    _b.sent();
+                    ageTh = container.querySelector('th[aria-sort="descending"]');
+                    expect(ageTh).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("supports keyboard sorting via Enter and Space", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByLabelText, container, nameHeaderButton, nameTh;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: complexRows },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container;
+                    nameHeaderButton = getByLabelText("Sort by Name");
+                    return [4 /*yield*/, fireEvent.keyDown(nameHeaderButton, { key: "Enter" })];
+                case 1:
+                    _b.sent();
+                    nameTh = container.querySelector('th[aria-sort="ascending"]');
+                    expect(nameTh).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.keyDown(nameHeaderButton, { key: " " })];
+                case 2:
+                    _b.sent();
+                    nameTh = container.querySelector('th[aria-sort="descending"]');
+                    expect(nameTh).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("preserves sort state after rerender with new rows", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rows1, rows2, _a, getByLabelText, container, rerender, ageHeaderButton, bodyRows, ages;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    rows1 = [
+                        { name: "Ada", age: 30 },
+                        { name: "Linus", age: 40 },
+                        { name: "Alan", age: 25 },
+                    ];
+                    rows2 = [
+                        { name: "Alan", age: 25 },
+                        { name: "Linus", age: 40 },
+                        { name: "Ada", age: 30 },
+                    ];
+                    _a = render(Table, {
+                        props: { columns: baseColumns, rows: rows1 },
+                    }), getByLabelText = _a.getByLabelText, container = _a.container, rerender = _a.rerender;
+                    ageHeaderButton = getByLabelText("Sort by Age");
+                    return [4 /*yield*/, fireEvent.click(ageHeaderButton)];
+                case 1:
+                    _b.sent(); // sort asc
+                    return [4 /*yield*/, rerender({ columns: baseColumns, rows: rows2 })];
+                case 2:
+                    _b.sent();
+                    bodyRows = container.querySelectorAll("tbody tr");
+                    ages = Array.from(bodyRows).map(function (row) { return row.querySelectorAll("td")[1].textContent; });
+                    expect(ages).toEqual(["25", "30", "40"]);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    // ---------- PAGINATION ----------
+    it("renders pagination section when pagination prop is provided", function () {
+        var pagination = {
+            currentPage: 1,
+            totalPages: 3,
+            onPageChange: vi.fn(),
+        };
+        var container = render(Table, {
+            props: { columns: baseColumns, rows: complexRows, pagination: pagination },
+        }).container;
+        var table = container.querySelector("table");
+        var paginationWrapper = table.nextElementSibling;
+        expect(paginationWrapper).toBeTruthy();
+    });
+    // ---------- OTHER ----------
+    it("applies custom class to wrapper", function () {
+        var container = render(Table, {
+            props: { columns: baseColumns, rows: simpleRows, class: "custom-table" },
+        }).container;
+        var wrapper = container.firstElementChild;
+        expect(wrapper.className).toContain("custom-table");
+    });
+});

package/dist/lib/__tests__/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};