@kronor/dtv 0.2.9 → 0.3.0

package/e2e/pagination.spec.ts

@@ -1,38 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-const APP_URL = 'http://localhost:5173/?test-view=simple-test-view';
-const nextButton = '[data-testid="pagination-next"]';
-const prevButton = '[data-testid="pagination-prev"]';
-const pageIndicator = '[data-testid="pagination-page"]';
-const tableRows = 'table tbody tr';
-
-test.describe('Simple View Pagination', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.route('**/graphql', mockPaginationGraphQL);
-        await page.goto(APP_URL);
-        await page.waitForSelector(tableRows);
-    });
-
-    test('shows first page and disables previous button', async ({ page }) => {
-        await expect(page.locator(pageIndicator)).toHaveText('1-20');
-        await expect(page.locator(prevButton)).toBeDisabled();
-        const rowCount = await page.locator(tableRows).count();
-        expect(rowCount).toBe(20);
-    });
-
-    test('can go to next and previous page', async ({ page }) => {
-        await page.click(nextButton);
-        await expect(page.locator(pageIndicator)).toHaveText('21-30');
-        await expect(page.locator(prevButton)).toBeEnabled();
-        await page.click(prevButton);
-        await expect(page.locator(pageIndicator)).toHaveText('1-20');
-    });
-
-    test('next button disables on last page', async ({ page }) => {
-        await page.click(nextButton); // to 2nd page
-        await expect(page.locator(pageIndicator)).toHaveText('21-30');
-        await expect(page.locator(tableRows)).toHaveCount(10);
-        await expect(page.locator(nextButton)).toBeDisabled();
-    });
-});

package/e2e/payment-request-email-filter.spec.ts

@@ -1,67 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-test.describe('Simple View Email Filter', () => {
-    test('should set email filter when clicking on email', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Verify that the table headers are rendered correctly
-        await expect(table.getByText('Test Column Header')).toBeVisible();
-        await expect(table.getByText('Email')).toBeVisible();
-
-        // Find the first email button in the Email column
-        const firstEmailButton = table.locator('td button').filter({ hasText: '@' }).first();
-        await expect(firstEmailButton).toBeVisible();
-
-        // Verify the button has the expected styling classes
-        await expect(firstEmailButton).toHaveClass(/text-blue-500/);
-        await expect(firstEmailButton).toHaveClass(/underline/);
-
-        // Get the email text before clicking
-        const emailText = await firstEmailButton.textContent();
-        expect(emailText).toMatch(/@/);
-        expect(emailText).toBeTruthy(); // Ensure it's not null
-
-        // Click the email button
-        await firstEmailButton.click();
-
-        // Show filters to see the filter form
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Verify that the Email filter is now populated with the clicked email
-        const emailFilterInput = page.getByText('Email', { exact: true }).locator('..').locator('~ div input');
-        await expect(emailFilterInput).toHaveValue(emailText!);
-
-        // Verify that the table now shows only rows with that email (should be just 1 row)
-        const emailButtons = table.locator('td button').filter({ hasText: emailText! });
-        await expect(emailButtons).toHaveCount(1);
-    });
-
-    test('should show tooltip on email hover', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Find the first email button
-        const emailButton = table.locator('td button').filter({ hasText: '@' }).first();
-        await expect(emailButton).toBeVisible();
-
-        // Check for title attribute (tooltip)
-        const title = await emailButton.getAttribute('title');
-        expect(title).toMatch(/Filter by email:/);
-    });
-});

package/e2e/save-filter-splitbutton.spec.ts

@@ -1,68 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-test.describe('Save Filter SplitButton', () => {
-    test.beforeEach(async ({ page }) => {
-        // Set up GraphQL mock
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the app
-        await page.goto('/?test-view=simple-test-view');
-    });
-
-    test('should render SplitButton for save filter', async ({ page }) => {
-        // Show filters
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Look for the Save Filter SplitButton
-        const saveFilterButton = page.locator('.p-splitbutton').filter({ hasText: 'Save Filter' });
-        await expect(saveFilterButton).toBeVisible();
-
-        // Verify the main button text
-        const mainButton = saveFilterButton.locator('.p-splitbutton-defaultbutton');
-        await expect(mainButton).toContainText('Save Filter');
-
-        // Verify the dropdown exists
-        const dropdownButton = saveFilterButton.locator('.p-splitbutton-menubutton');
-        await expect(dropdownButton).toBeVisible();
-    });
-
-    test('should open dropdown menu when arrow is clicked', async ({ page }) => {
-        // Show filters
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the SplitButton
-        const saveFilterButton = page.locator('.p-splitbutton').filter({ hasText: 'Save Filter' });
-        await expect(saveFilterButton).toBeVisible();
-
-        // Click the dropdown arrow
-        const dropdownButton = saveFilterButton.locator('.p-splitbutton-menubutton');
-        await dropdownButton.click();
-
-        // Should see a menu appear (even if empty)
-        const menu = page.locator('.p-menu', { hasText: /Update/ }).or(page.locator('.p-menu'));
-        await expect(menu.first()).toBeVisible();
-    });
-
-    test('main button click should trigger save dialog', async ({ page }) => {
-        // Show filters
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Set up dialog handler to verify it's triggered
-        let dialogTriggered = false;
-        page.on('dialog', async dialog => {
-            expect(dialog.type()).toBe('prompt');
-            expect(dialog.message()).toBe('Enter a name for this filter:');
-            dialogTriggered = true;
-            await dialog.dismiss(); // Just dismiss to avoid actually saving
-        });
-
-        // Click the main save button
-        const saveFilterButton = page.locator('.p-splitbutton').filter({ hasText: 'Save Filter' });
-        await saveFilterButton.locator('.p-splitbutton-defaultbutton').click();
-
-        // Verify dialog was triggered
-        await page.waitForTimeout(500);
-        expect(dialogTriggered).toBe(true);
-    });
-});

package/e2e/simple-view-email-filter.spec.ts

@@ -1,67 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-test.describe('Simple View Email Filter', () => {
-    test('should set email filter when clicking on email', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Verify that the table headers are rendered correctly
-        await expect(table.getByText('Test Column Header')).toBeVisible();
-        await expect(table.getByText('Email')).toBeVisible();
-
-        // Find the first email button in the Email column
-        const firstEmailButton = table.locator('td button').filter({ hasText: '@' }).first();
-        await expect(firstEmailButton).toBeVisible();
-
-        // Verify the button has the expected styling classes
-        await expect(firstEmailButton).toHaveClass(/text-blue-500/);
-        await expect(firstEmailButton).toHaveClass(/underline/);
-
-        // Get the email text before clicking
-        const emailText = await firstEmailButton.textContent();
-        expect(emailText).toMatch(/@/);
-        expect(emailText).toBeTruthy(); // Ensure it's not null
-
-        // Click the email button
-        await firstEmailButton.click();
-
-        // Show filters to see the filter form
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Verify that the Email filter is now populated with the clicked email
-        const emailFilterInput = page.getByText('Email', { exact: true }).locator('..').locator('~ div input');
-        await expect(emailFilterInput).toHaveValue(emailText!);
-
-        // Verify that the table now shows only rows with that email (should be just 1 row)
-        const emailButtons = table.locator('td button').filter({ hasText: emailText! });
-        await expect(emailButtons).toHaveCount(1);
-    });
-
-    test('should show tooltip on email hover', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Find the first email button
-        const emailButton = table.locator('td button').filter({ hasText: '@' }).first();
-        await expect(emailButton).toBeVisible();
-
-        // Check for title attribute (tooltip)
-        const title = await emailButton.getAttribute('title');
-        expect(title).toMatch(/Filter by email:/);
-    });
-});

package/e2e/simple-view-transforms.spec.ts

@@ -1,171 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-test.describe('Simple View Transform Functionality', () => {
-
-    test('should apply transform functions when filtering by amount', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Verify all rows are initially visible
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 29', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 28', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 27', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 26', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 25', { exact: true })).toBeVisible();
-        await expect(table.getByText('$300', { exact: true })).toBeVisible(); // amount for Test 30
-        await expect(table.getByText('$290', { exact: true })).toBeVisible(); // amount for Test 29
-        await expect(table.getByText('$280', { exact: true })).toBeVisible(); // amount for Test 28
-        await expect(table.getByText('$270', { exact: true })).toBeVisible(); // amount for Test 27
-        await expect(table.getByText('$260', { exact: true })).toBeVisible(); // amount for Test 26
-        await expect(table.getByText('$250', { exact: true })).toBeVisible(); // amount for Test 25
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the amount filter input
-        const amountLabel = page.getByText('Amount', { exact: true });
-        const amountInput = amountLabel.locator('..').locator('~ div input');
-
-        // Enter 255 in the input field
-        // With transform: toQuery adds 5, so 255 becomes 260 in the query
-        // This should show only rows with amount >= 260 (Test 26, 27, 28, 29, 30)
-        await amountInput.fill('255');
-        await amountInput.press('Enter');
-
-        // Wait for filtering to complete and verify results
-        // These should still be visible (amount >= 260)
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 29', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 28', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 27', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 26', { exact: true })).toBeVisible();
-        await expect(table.getByText('$300', { exact: true })).toBeVisible();
-        await expect(table.getByText('$290', { exact: true })).toBeVisible();
-        await expect(table.getByText('$280', { exact: true })).toBeVisible();
-        await expect(table.getByText('$270', { exact: true })).toBeVisible();
-        await expect(table.getByText('$260', { exact: true })).toBeVisible();
-
-        // These should not be visible (amount < 260)
-        await expect(table.getByText('Test 25', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('Test 24', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('Test 23', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('$250', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('$240', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('$230', { exact: true })).not.toBeVisible();
-    });
-
-    test('should handle multiple filter value changes with transforms', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the amount filter input
-        const amountLabel = page.getByText('Amount', { exact: true });
-        const amountInput = amountLabel.locator('..').locator('~ div input');
-
-        // Test 1: Enter 245 (transforms to 250), should show Test 25 and up
-        await amountInput.fill('245');
-        await amountInput.press('Enter');
-
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 25', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 24', { exact: true })).not.toBeVisible();
-
-        // Test 2: Change to 265 (transforms to 270), should show Test 27 and up
-        await amountInput.clear();
-        await amountInput.fill('265');
-        await amountInput.press('Enter');
-
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 27', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 26', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('Test 25', { exact: true })).not.toBeVisible();
-
-        // Test 3: Clear filter should show all items again
-        await amountInput.clear();
-        await amountInput.press('Enter');
-
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 25', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 24', { exact: true })).toBeVisible();
-    });
-
-    test('should handle key-value transform objects', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Verify all rows are initially visible
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 29', { exact: true })).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the extra filters panel
-        const extraFiltersPanel = page.locator('.p-panel-header', { hasText: 'Extra Filters' });
-        await expect(extraFiltersPanel).toBeVisible();
-
-        // Expand the extra filters panel if needed
-        if (await extraFiltersPanel.getAttribute('aria-expanded') !== 'true') {
-            await extraFiltersPanel.click();
-        }
-
-        // Find the key-value transform filter input
-        const keyValueLabel = page.getByText('Test Field (Key-Value Transform)', { exact: true });
-        await expect(keyValueLabel).toBeVisible();
-
-        const keyValueInput = keyValueLabel.locator('..').locator('~ div input');
-        await expect(keyValueInput).toBeVisible();
-
-        // Test 1: Enter a value that should be transformed
-        // The transform should add "prefix_" to the input and change the field to "transformedField"
-        await keyValueInput.fill('30');
-        await keyValueInput.press('Enter');
-
-        // Wait a bit for the filter to apply
-        await page.waitForTimeout(2000);
-
-        // Verify the correct row is shown (Test 30 should be visible since it matches the transformed query)
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        // Verify other rows are hidden
-        await expect(table.getByText('Test 29', { exact: true })).not.toBeVisible();
-
-        // Test 2: Clear the filter to verify all rows show again
-        await keyValueInput.clear();
-        await keyValueInput.press('Enter');
-
-        // Wait for the filter to clear
-        await page.waitForTimeout(1000);
-
-        // All rows should be visible again
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 29', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 28', { exact: true })).toBeVisible();
-    });
-
-});

package/e2e/simple-view.spec.ts

@@ -1,104 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-test.describe('Simple View Rendering', () => {
-
-    test('should filter by phone using a custom filter component', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the phone filter input (by placeholder or input type)
-        const phoneInput = page.locator('input[placeholder="Phone number"]');
-
-        const phoneNumber = '+46700000025';
-        await phoneInput.fill(phoneNumber);
-
-        // Submit the filter form (by aria-label)
-        await page.getByLabel('Apply filter').click();
-
-        // Wait for the table to update and check that results are filtered
-        await expect(table.getByText(phoneNumber)).toBeVisible();
-    });
-    test('should render a view with a single column header and data', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Get the expected header text from the simple test view JSON (first column name)
-        const expectedHeaderText = "Test Column Header";
-
-        // Locate the column header by its text content
-        const columnHeader = table.getByText(expectedHeaderText, { exact: true });
-
-        // Assert that the column header is visible
-        await expect(columnHeader).toBeVisible();
-
-        // Assert that all rows are visible before applying the filter
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 29', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 28', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 27', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 25', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 24', { exact: true })).toBeVisible();
-        await expect(table.getByText('$300', { exact: true })).toBeVisible();
-        await expect(table.getByText('$290', { exact: true })).toBeVisible();
-        await expect(table.getByText('$280', { exact: true })).toBeVisible();
-        await expect(table.getByText('$270', { exact: true })).toBeVisible();
-        await expect(table.getByText('$250', { exact: true })).toBeVisible();
-        await expect(table.getByText('$240', { exact: true })).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Use the filter to only show rows with amount >= 30
-        // Find the Amount label, then its parent, then the sibling div, then the input inside
-        const amountLabel = page.getByText('Amount', { exact: true });
-        const amountInput = amountLabel.locator('..').locator('~ div input');
-        await amountInput.fill('260');
-        await amountInput.press('Enter');
-
-        // Assert that only the filtered rows are visible
-        await expect(table.getByText('Test 30', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 27', { exact: true })).toBeVisible();
-        await expect(table.getByText('Test 25', { exact: true })).not.toBeVisible();
-        await expect(table.getByText('Test 24', { exact: true })).not.toBeVisible();
-    });
-
-    test('should render filter group captions in the filter form', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Wait for the filter form to be present
-        const filterForm = page.locator('form');
-        await expect(filterForm).toBeVisible();
-
-        // Check for the presence of the new group label ("Extra Filters") as a Panel header
-        const extraFiltersPanel = page.locator('.p-panel-header', { hasText: 'Extra Filters' });
-        await expect(extraFiltersPanel).toBeVisible();
-
-        // Check that the filter label is present under the new group
-        await expect(page.getByText('Test Field', { exact: true })).toBeVisible();
-    });
-});

package/e2e/transform-regression.spec.ts

@@ -1,108 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { mockPaginationGraphQL } from './graphqlMock';
-
-test.describe('Transform Regression Tests', () => {
-
-    test('should preserve display value after applying transform', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the amount filter input
-        const amountLabel = page.getByText('Amount', { exact: true });
-        const amountInput = amountLabel.locator('..').locator('~ div input');
-
-        // Enter 255 in the input field
-        // With transform: toQuery adds 5, so 255 becomes 260 in the query
-        // Display should remain 255 (the user's input)
-        await amountInput.fill('255');
-
-        // Apply the filter
-        await page.getByRole('button', { name: 'Apply filter' }).click();
-
-        // Wait for the filter to be applied
-        await page.waitForTimeout(100);
-
-        // Check that the input still shows the original value (255) after applying the transform
-        // This is the regression test - it should show the original user input
-        await expect(amountInput).toHaveValue('255');
-    });
-
-    test('should correctly apply toQuery transforms', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the amount filter input
-        const amountLabel = page.getByText('Amount', { exact: true });
-        const amountInput = amountLabel.locator('..').locator('~ div input');
-
-        // Test multiple values to ensure the transform roundtrip works correctly
-        const testValues = ['100', '255', '300'];
-
-        for (const testValue of testValues) {
-            // Clear and enter the test value
-            await amountInput.fill('');
-            await amountInput.fill(testValue);
-
-            // Apply the filter
-            await page.getByRole('button', { name: 'Apply filter' }).click();
-
-            // Wait for the filter to be applied
-            await page.waitForTimeout(100);
-
-            // Verify the input still shows the original value
-            await expect(amountInput).toHaveValue(testValue);
-        }
-    });
-
-    test('should handle empty values correctly with transforms', async ({ page }) => {
-        // Intercept the GraphQL request and mock the response
-        await page.route('**/v1/graphql', mockPaginationGraphQL);
-
-        // Navigate to the page with the simple test view
-        await page.goto('/?test-view=simple-test-view');
-
-        // Wait for the table to be present and visible
-        const table = page.getByRole('table');
-        await expect(table).toBeVisible();
-
-        // Show filters first
-        await page.getByText('Filters', { exact: true }).click();
-
-        // Find the amount filter input
-        const amountLabel = page.getByText('Amount', { exact: true });
-        const amountInput = amountLabel.locator('..').locator('~ div input');
-
-        // Enter a value, then clear it
-        await amountInput.fill('255');
-        await page.getByRole('button', { name: 'Apply filter' }).click();
-        await page.waitForTimeout(100);
-
-        // Clear the input
-        await amountInput.fill('');
-        await page.getByRole('button', { name: 'Apply filter' }).click();
-        await page.waitForTimeout(100);
-
-        // Verify the input remains empty
-        await expect(amountInput).toHaveValue('');
-    });
-});

package/eslint.config.js

@@ -1,30 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-
-export default tseslint.config(
-  { ignores: ['dist'] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-      '@typescript-eslint/no-explicit-any': 'off',
-      'indent': ['error', 4, { 'SwitchCase': 1 }],
-    },
-  },
-)