@amsterdam/design-system-react 2.1.0 → 2.2.0

package/dist/Table/TableFooter.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Table/TableFooter.test.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Table } from './Table';
-import { TableFooter } from './TableFooter';
-import '@testing-library/jest-dom';
-describe('Table footer', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableFooter, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableFooter, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__footer');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableFooter, { className: "extra" }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__footer extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableFooter, { ref: ref }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableHeader.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Table/TableHeader.test.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Table } from './Table';
-import { TableHeader } from './TableHeader';
-import '@testing-library/jest-dom';
-describe('Table header', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__header');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { className: "extra" }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__header extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableHeader, { ref: ref }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableHeaderCell.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Table/TableHeaderCell.test.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Table } from './Table';
-import { TableHeader } from './TableHeader';
-import { TableHeaderCell } from './TableHeaderCell';
-import { TableRow } from './TableRow';
-import '@testing-library/jest-dom';
-describe('Table header cell', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a rowheader when you specify it', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { scope: "row", children: "Data" }) }) }) }));
-        const component = screen.getByRole('rowheader');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(component).toHaveClass('ams-table__header-cell');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { className: "extra", children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(component).toHaveClass('ams-table__header-cell extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { ref: ref, children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableRow.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Table/TableRow.test.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Table } from './Table';
-import { TableBody } from './TableBody';
-import { TableRow } from './TableRow';
-import '@testing-library/jest-dom';
-describe('Table row', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, {}) }) }));
-        const component = screen.getByRole('row');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, {}) }) }));
-        const component = screen.getByRole('row');
-        expect(component).toHaveClass('ams-table__row');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { className: "extra" }) }) }));
-        const component = screen.getByRole('row');
-        expect(component).toHaveClass('ams-table__row extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { ref: ref }) }) }));
-        const component = screen.getByRole('row');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TableOfContents/TableOfContents.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/TableOfContents/TableOfContents.test.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { TableOfContents } from './TableOfContents';
-import '@testing-library/jest-dom';
-describe('Table of contents', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(TableOfContents, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders its children', () => {
-        render(_jsx(TableOfContents, { children: _jsx(TableOfContents.List, {}) }));
-        const testChild = screen.getByRole('list');
-        expect(testChild).toBeTruthy();
-    });
-    it('renders a heading', () => {
-        render(_jsx(TableOfContents, { heading: "Test heading" }));
-        const heading = screen.getByRole('heading');
-        expect(heading).toBeInTheDocument();
-        expect(heading).toHaveTextContent('Test heading');
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(TableOfContents, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-table-of-contents');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(TableOfContents, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-table-of-contents extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(TableOfContents, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TableOfContents/TableOfContentsLink.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/TableOfContents/TableOfContentsLink.test.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { TableOfContents } from './TableOfContents';
-describe('Table of Contents link', () => {
-    it('renders', () => {
-        render(_jsx(TableOfContents.Link, { href: "#", label: "Test label" }));
-        const link = screen.getByRole('link');
-        expect(link).toBeInTheDocument();
-        expect(link).toBeVisible();
-        expect(link).toHaveTextContent('Test label');
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TableOfContents.Link, { href: "#", label: "Test" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-table-of-contents__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TableOfContents.Link, { className: "extra", href: "#", label: "Test" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-table-of-contents__link extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TableOfContents.Link, { href: "#", label: "Test", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TableOfContents/TableOfContentsList.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/TableOfContents/TableOfContentsList.test.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { TableOfContents } from './TableOfContents';
-import '@testing-library/jest-dom';
-describe('Table of Contents list', () => {
-    it('renders an HTML ul element', () => {
-        const { container } = render(_jsx(TableOfContents.List, {}));
-        const list = container.querySelector('ul:only-child');
-        expect(list).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TableOfContents.List, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-table-of-contents__list');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TableOfContents.List, { className: "extra" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-table-of-contents__list extra');
-    });
-    it('renders its subcomponent', () => {
-        const listItems = ['Item 1', 'Item 2', 'Item 3'];
-        const { container } = render(_jsx(TableOfContents.List, { children: listItems.map((item) => (_jsx(TableOfContents.Link, { label: `Link ${item}` }, item))) }));
-        const list = screen.getByRole('list');
-        const items = container.querySelectorAll('.ams-table-of-contents__item');
-        expect(list).toBeInTheDocument();
-        expect(items.length).toBe(3);
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TableOfContents.List, { ref: ref }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-});

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

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Tabs/Tabs.test.js

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { createRef } from 'react';
-import { Tabs } from './Tabs';
-import '@testing-library/jest-dom';
-describe('Tabs', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Tabs, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Tabs, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-tabs');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Tabs, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-tabs extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Tabs, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('supports children', () => {
-        render(_jsxs(Tabs, { children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Button, { "aria-controls": "one", children: "Tab 1" }), _jsx(Tabs.Button, { "aria-controls": "two", children: "Tab 2" })] }), _jsx(Tabs.Panel, { id: "one", children: "Content 1" }), _jsx(Tabs.Panel, { id: "two", children: "Content 2" })] }));
-        expect(screen.getByRole('tablist')).toBeInTheDocument();
-        expect(screen.getByRole('tab', { selected: true })).toBeInTheDocument();
-        expect(screen.getByRole('tabpanel')).toBeInTheDocument();
-    });
-    it('should select a tab when clicked', async () => {
-        const user = userEvent.setup();
-        render(_jsxs(Tabs, { children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Button, { "aria-controls": "one", children: "Tab 1" }), _jsx(Tabs.Button, { "aria-controls": "two", children: "Tab 2" })] }), _jsx(Tabs.Panel, { id: "one", children: "Content 1" }), _jsx(Tabs.Panel, { id: "two", children: "Content 2" })] }));
-        const tabOne = screen.getByRole('tab', { name: 'Tab 1' });
-        const tabTwo = screen.getByRole('tab', { name: 'Tab 2' });
-        expect(tabOne).toHaveAttribute('aria-selected', 'true');
-        expect(tabOne).toHaveAttribute('tabindex', '0');
-        expect(tabTwo).toHaveAttribute('aria-selected', 'false');
-        expect(tabTwo).toHaveAttribute('tabindex', '-1');
-        expect(screen.getByRole('tabpanel')).toHaveTextContent('Content 1');
-        if (tabTwo) {
-            await user.click(tabTwo);
-        }
-        expect(tabOne).toHaveAttribute('aria-selected', 'false');
-        expect(tabOne).toHaveAttribute('tabindex', '-1');
-        expect(tabTwo).toHaveAttribute('aria-selected', 'true');
-        expect(tabTwo).toHaveAttribute('tabindex', '0');
-        expect(screen.getByRole('tabpanel')).toHaveTextContent('Content 2');
-    });
-    it('calls onTabChange with the newly activated tab', async () => {
-        const user = userEvent.setup();
-        const onTabChange = jest.fn();
-        render(_jsx(Tabs, { onTabChange: onTabChange, children: _jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one", children: "Tab 1" }) }) }));
-        const button = screen.getByRole('tab', { name: 'Tab 1' });
-        await user.click(button);
-        expect(onTabChange).toHaveBeenCalledWith('one');
-    });
-    it('should be able to set the initially active tab', () => {
-        render(_jsxs(Tabs, { activeTab: "three", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Button, { "aria-controls": "one", children: "Tab 1" }), _jsx(Tabs.Button, { "aria-controls": "two", children: "Tab 2" }), _jsx(Tabs.Button, { "aria-controls": "three", children: "Tab 3" }), _jsx(Tabs.Button, { "aria-controls": "four", children: "Tab 4" })] }), _jsx(Tabs.Panel, { id: "one", children: "Content 1" }), _jsx(Tabs.Panel, { id: "two", children: "Content 2" }), _jsx(Tabs.Panel, { id: "three", children: "Content 3" }), _jsx(Tabs.Panel, { id: "four", children: "Content 4" })] }));
-        const tabOne = screen.getByRole('tab', { name: 'Tab 1' });
-        const tabThree = screen.getByRole('tab', { name: 'Tab 3' });
-        expect(tabOne).toHaveAttribute('aria-selected', 'false');
-        expect(tabOne).toHaveAttribute('tabindex', '-1');
-        expect(tabThree).toHaveAttribute('aria-selected', 'true');
-        expect(tabThree).toHaveAttribute('tabindex', '0');
-        expect(screen.getByRole('tabpanel')).toHaveTextContent('Content 3');
-    });
-    it('should set the first tab as the initially active tab when the supplied active tab does not exist', async () => {
-        // Disable console.warn for this test, to prevent it from cluttering the test output
-        jest.spyOn(console, 'warn').mockImplementation(() => { });
-        render(_jsxs(Tabs, { activeTab: "unknown", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Button, { "aria-controls": "one", children: "Tab 1" }), _jsx(Tabs.Button, { "aria-controls": "two", children: "Tab 2" }), _jsx(Tabs.Button, { "aria-controls": "three", children: "Tab 3" }), _jsx(Tabs.Button, { "aria-controls": "four", children: "Tab 4" })] }), _jsx(Tabs.Panel, { id: "one", children: "Content 1" }), _jsx(Tabs.Panel, { id: "two", children: "Content 2" }), _jsx(Tabs.Panel, { id: "three", children: "Content 3" }), _jsx(Tabs.Panel, { id: "four", children: "Content 4" })] }));
-        const firstTab = screen.getByRole('tab', { name: 'Tab 1' });
-        const lastTab = screen.getByRole('tab', { name: 'Tab 4' });
-        expect(firstTab).toHaveAttribute('aria-selected', 'true');
-        expect(firstTab).toHaveAttribute('tabindex', '0');
-        expect(lastTab).toHaveAttribute('aria-selected', 'false');
-        expect(lastTab).toHaveAttribute('tabindex', '-1');
-        expect(screen.getByRole('tabpanel')).toHaveTextContent('Content 1');
-    });
-    it('sets focus on Tabs buttons when using arrow keys', async () => {
-        const user = userEvent.setup();
-        render(_jsxs(Tabs, { children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Button, { "aria-controls": "one", children: "Tab 1" }), _jsx(Tabs.Button, { "aria-controls": "two", children: "Tab 2" }), _jsx(Tabs.Button, { "aria-controls": "three", children: "Tab 3" })] }), _jsx(Tabs.Panel, { id: "one" }), _jsx(Tabs.Panel, { id: "two" }), _jsx(Tabs.Panel, { id: "three" })] }));
-        const firstButton = screen.getByRole('tab', { name: 'Tab 1' });
-        const thirdButton = screen.getByRole('tab', { name: 'Tab 3' });
-        await user.click(firstButton);
-        expect(firstButton).toHaveFocus();
-        // Click the right arrow key twice
-        await user.keyboard('{ArrowRight}');
-        await user.keyboard('{ArrowRight}');
-        expect(thirdButton).toHaveFocus();
-        expect(firstButton).not.toHaveFocus();
-        await user.keyboard('{ArrowRight}');
-        expect(firstButton).toHaveFocus();
-    });
-});

package/dist/Tabs/TabsButton.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Tabs/TabsButton.test.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { createRef } from 'react';
-import { TabsButton } from './TabsButton';
-import '@testing-library/jest-dom';
-import { TabsContext } from './TabsContext';
-describe('Tabs button', () => {
-    it('renders', () => {
-        render(_jsx(TabsButton, { "aria-controls": "one" }));
-        const component = screen.getByRole('tab');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TabsButton, { "aria-controls": "one" }));
-        const component = screen.getByRole('tab');
-        expect(component).toHaveClass('ams-tabs__button');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TabsButton, { "aria-controls": "one", className: "extra" }));
-        const component = screen.getByRole('tab');
-        expect(component).toHaveClass('ams-tabs__button extra');
-    });
-    it('renders a label', () => {
-        render(_jsx(TabsButton, { "aria-controls": "one", children: "Label" }));
-        const component = screen.getByRole('tab', { name: 'Label' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the correct id based on the tabs prop', () => {
-        const { container } = render(_jsx(TabsButton, { "aria-controls": "one" }));
-        const component = container.querySelector('#button-one');
-        expect(component).toBeInTheDocument();
-    });
-    it('should associate the button with the correct tab', () => {
-        render(_jsx(TabsButton, { "aria-controls": "one" }));
-        const component = screen.getByRole('tab');
-        expect(component).toHaveAttribute('aria-controls', 'one');
-    });
-    it('does not call updateTab if event.preventDefault is invoked', async () => {
-        const user = userEvent.setup();
-        const mockUpdateTab = jest.fn();
-        render(_jsx(TabsContext.Provider, { value: { updateTab: mockUpdateTab }, children: _jsx(TabsButton, { "aria-controls": "one", onClick: (event) => event.preventDefault(), children: "Label" }) }));
-        const button = screen.getByRole('tab', { name: 'Label' });
-        await user.click(button);
-        expect(mockUpdateTab).not.toHaveBeenCalled();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TabsButton, { "aria-controls": "one", ref: ref }));
-        const component = screen.getByRole('tab');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Tabs/TabsList.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Tabs/TabsList.test.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { TabsList } from './TabsList';
-import '@testing-library/jest-dom';
-describe('Tabs list', () => {
-    it('renders', () => {
-        render(_jsx(TabsList, {}));
-        const component = screen.getByRole('tablist');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TabsList, {}));
-        const component = screen.getByRole('tablist');
-        expect(component).toHaveClass('ams-tabs__list');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TabsList, { className: "extra" }));
-        const component = screen.getByRole('tablist');
-        expect(component).toHaveClass('ams-tabs__list extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TabsList, { ref: ref }));
-        const component = screen.getByRole('tablist');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Tabs/TabsPanel.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Tabs/TabsPanel.test.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Tabs } from './Tabs';
-import '@testing-library/jest-dom';
-describe('Tabs Panel', () => {
-    it('renders', () => {
-        render(_jsxs(Tabs, { children: [_jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one" }) }), _jsx(Tabs.Panel, { id: "one" })] }));
-        const component = screen.getByRole('tabpanel');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsxs(Tabs, { children: [_jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one" }) }), _jsx(Tabs.Panel, { id: "one" })] }));
-        const component = screen.getByRole('tabpanel');
-        expect(component).toHaveClass('ams-tabs__panel');
-    });
-    it('renders an extra class name', () => {
-        render(_jsxs(Tabs, { children: [_jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one" }) }), _jsx(Tabs.Panel, { className: "extra", id: "one" })] }));
-        const component = screen.getByRole('tabpanel');
-        expect(component).toHaveClass('ams-tabs__panel extra');
-    });
-    it('renders the correct id based on the tabs prop', () => {
-        render(_jsxs(Tabs, { children: [_jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one" }) }), _jsx(Tabs.Panel, { id: "one" })] }));
-        const component = screen.getByRole('tabpanel');
-        expect(component).toHaveAttribute('id', 'one');
-    });
-    it('should associate the tab with the correct button', () => {
-        render(_jsxs(Tabs, { children: [_jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one" }) }), _jsx(Tabs.Panel, { id: "one" })] }));
-        const component = screen.getByRole('tabpanel');
-        expect(component).toHaveAttribute('aria-labelledby', 'button-one');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsxs(Tabs, { children: [_jsx(Tabs.List, { children: _jsx(Tabs.Button, { "aria-controls": "one" }) }), _jsx(Tabs.Panel, { id: "one", ref: ref })] }));
-        const component = screen.getByRole('tabpanel');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TextArea/TextArea.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';