@amsterdam/design-system-react 2.0.2 → 2.2.0

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';

package/dist/TextArea/TextArea.test.js

@@ -1,105 +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, useState } from 'react';
-import { TextArea } from './TextArea';
-import '@testing-library/jest-dom';
-describe('Text area', () => {
-    it('renders', () => {
-        render(_jsx(TextArea, {}));
-        const component = screen.getByRole('textbox');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TextArea, {}));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-area');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TextArea, { className: "extra" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-area extra');
-    });
-    it('renders a textarea with horizontal resize', () => {
-        render(_jsx(TextArea, { resize: "horizontal" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-area ams-text-area--resize-horizontal');
-    });
-    it('renders a textarea with vertical resize', () => {
-        render(_jsx(TextArea, { resize: "vertical" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-area ams-text-area--resize-vertical');
-    });
-    it('renders a textarea with no resize', () => {
-        render(_jsx(TextArea, { resize: "none" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-area ams-text-area--resize-none');
-    });
-    it('renders a textarea with cols class when cols prop is provided', () => {
-        render(_jsx(TextArea, { cols: 10 }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-area ams-text-area--cols');
-    });
-    it('can be controlled', async () => {
-        function ControlledComponent() {
-            const [value, setValue] = useState('Hello');
-            return _jsx(TextArea, { onChange: (e) => setValue(e.target.value), value: value });
-        }
-        render(_jsx(ControlledComponent, {}));
-        const componentText = screen.getByDisplayValue('Hello');
-        expect(componentText).toBeInTheDocument();
-        const component = screen.getByRole('textbox');
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        const newComponentText = screen.getByDisplayValue('Hello, World!');
-        expect(newComponentText).toBeInTheDocument();
-    });
-    it('should not update the value when disabled', async () => {
-        render(_jsx(TextArea, { defaultValue: "Hello", disabled: true }));
-        const component = screen.getByRole('textbox');
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        expect(component).toHaveValue('Hello');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TextArea, { ref: ref }));
-        const component = screen.getByRole('textbox');
-        expect(ref.current).toBe(component);
-    });
-    it('renders bidirectional by default using `dir="auto"`', () => {
-        render(_jsx(TextArea, {}));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveAttribute('dir', 'auto');
-    });
-    it('renders left-to-right by using `dir="ltr"`', () => {
-        render(_jsx(TextArea, { dir: "ltr" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveAttribute('dir', 'ltr');
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            render(_jsx(TextArea, {}));
-            const component = screen.getByRole('textbox');
-            expect(component).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            render(_jsx(TextArea, { invalid: true }));
-            const component = screen.getByRole('textbox');
-            expect(component).toHaveAttribute('aria-invalid');
-            expect(component).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            render(_jsx(TextArea, { invalid: false }));
-            const component = screen.getByRole('textbox');
-            expect(component).not.toHaveAttribute('aria-invalid');
-        });
-    });
-});

package/dist/TextInput/TextInput.test.d.ts

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

package/dist/TextInput/TextInput.test.js

@@ -1,92 +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, useState } from 'react';
-import { TextInput, textInputTypes } from './TextInput';
-import '@testing-library/jest-dom';
-describe('Text input', () => {
-    it('renders', () => {
-        render(_jsx(TextInput, {}));
-        const component = screen.getByRole('textbox');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TextInput, {}));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-input');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TextInput, { className: "extra" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveClass('ams-text-input extra');
-    });
-    it('should be working in a controlled state', async () => {
-        function ControlledComponent() {
-            const [value, setValue] = useState('Hello');
-            return _jsx(TextInput, { onChange: (e) => setValue(e.target.value), value: value });
-        }
-        render(_jsx(ControlledComponent, {}));
-        const componentText = screen.getByDisplayValue('Hello');
-        expect(componentText).toBeInTheDocument();
-        const component = screen.getByRole('textbox');
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        const newComponentText = screen.getByDisplayValue('Hello, World!');
-        expect(newComponentText).toBeInTheDocument();
-    });
-    it('should not update the value when disabled', async () => {
-        render(_jsx(TextInput, { defaultValue: "Hello", disabled: true }));
-        const component = screen.getByRole('textbox');
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        expect(component).toHaveValue('Hello');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TextInput, { ref: ref }));
-        const component = screen.getByRole('textbox');
-        expect(ref.current).toBe(component);
-    });
-    it('renders bidirectional by default using `dir="auto"`', () => {
-        render(_jsx(TextInput, {}));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveAttribute('dir', 'auto');
-    });
-    it('renders left-to-right by using `dir="ltr"`', () => {
-        render(_jsx(TextInput, { dir: "ltr" }));
-        const component = screen.getByRole('textbox');
-        expect(component).toHaveAttribute('dir', 'ltr');
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            render(_jsx(TextInput, {}));
-            const component = screen.getByRole('textbox');
-            expect(component).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            render(_jsx(TextInput, { invalid: true }));
-            const component = screen.getByRole('textbox');
-            expect(component).toHaveAttribute('aria-invalid');
-            expect(component).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            render(_jsx(TextInput, { invalid: false }));
-            const component = screen.getByRole('textbox');
-            expect(component).not.toHaveAttribute('aria-invalid');
-        });
-    });
-    describe('Type', () => {
-        textInputTypes.map((type) => it(`sets the ‘${type}’ type`, () => {
-            render(_jsx(TextInput, { type: type }));
-            const component = screen.getByRole('textbox');
-            expect(component).toHaveAttribute('type', type);
-        }));
-    });
-});

package/dist/TimeInput/TimeInput.test.d.ts

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

package/dist/TimeInput/TimeInput.test.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { TimeInput } from './TimeInput';
-import '@testing-library/jest-dom';
-describe('Time input', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(TimeInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(TimeInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-time-input');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(TimeInput, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-time-input extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(TimeInput, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            const { container } = render(_jsx(TimeInput, {}));
-            const component = container.querySelector(':only-child');
-            expect(component).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            const { container } = render(_jsx(TimeInput, { invalid: true }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveAttribute('aria-invalid');
-            expect(component).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            const { container } = render(_jsx(TimeInput, { invalid: false }));
-            const component = container.querySelector(':only-child');
-            expect(component).not.toHaveAttribute('aria-invalid');
-        });
-    });
-});

package/dist/UnorderedList/UnorderedList.test.d.ts

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

package/dist/UnorderedList/UnorderedList.test.js

@@ -1,55 +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 { UnorderedList } from './UnorderedList';
-import '@testing-library/jest-dom';
-describe('Unordered list', () => {
-    it('renders an HTML ul element', () => {
-        const { container } = render(_jsx(UnorderedList, {}));
-        const list = container.querySelector('ul:only-child');
-        expect(list).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(UnorderedList, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-unordered-list');
-    });
-    it('renders a no markers class', () => {
-        render(_jsx(UnorderedList, { markers: false }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-unordered-list--no-markers');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(UnorderedList, { color: "inverse" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-unordered-list--inverse');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(UnorderedList, { className: "extra" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-unordered-list extra');
-    });
-    it('renders its subcomponent', () => {
-        const listItems = ['Item 1', 'Item 2', 'Item 3'];
-        const { container } = render(_jsx(UnorderedList, { children: listItems.map((item) => (_jsx(UnorderedList.Item, { children: item }, item))) }));
-        const list = screen.getByRole('list');
-        const items = container.querySelectorAll('.ams-unordered-list__item');
-        expect(list).toBeInTheDocument();
-        expect(items.length).toBe(3);
-    });
-    it('renders the small size class', () => {
-        render(_jsx(UnorderedList, { size: "small" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-unordered-list--small');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(UnorderedList, { ref: ref }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/UnorderedList/UnorderedListItem.test.d.ts

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

package/dist/UnorderedList/UnorderedListItem.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 { UnorderedListItem } from './UnorderedListItem';
-import '@testing-library/jest-dom';
-describe('Ordered list item', () => {
-    it('renders', () => {
-        render(_jsx(UnorderedListItem, {}));
-        const component = screen.getByRole('listitem');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(UnorderedListItem, {}));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-unordered-list__item');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(UnorderedListItem, { className: "extra" }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-unordered-list__item extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(UnorderedListItem, { ref: ref }));
-        const component = screen.getByRole('listitem');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/common/formatFileSize.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-export {};