@amsterdam/design-system-react 2.1.0 → 3.0.0

package/dist/Grid/GridCell.test.js

@@ -1,84 +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 { ariaRoleForTag } from '../common/accessibility';
-import { Grid } from './Grid';
-import { gridCellTags } from './GridCell';
-import '@testing-library/jest-dom';
-describe('Grid cell', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Grid.Cell, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Grid.Cell, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Grid.Cell, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell extra');
-    });
-    it('renders no class names for undefined values for start and span', () => {
-        const { container } = render(_jsx(Grid.Cell, {}));
-        const elementWithSpanClass = container.querySelector('[class*="ams-grid__cell--span"]');
-        const elementWithStartClass = container.querySelector('[class*="ams-grid__cell--start"]');
-        expect(elementWithSpanClass).not.toBeInTheDocument();
-        expect(elementWithStartClass).not.toBeInTheDocument();
-    });
-    it('renders class names for single number values for start and span', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: 4, start: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-4 ams-grid__cell--start-2');
-    });
-    it('renders class names for a single number value for start', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: 8 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-8');
-    });
-    it('renders class names for a single number value for span', () => {
-        const { container } = render(_jsx(Grid.Cell, { start: 6 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--start-6');
-    });
-    it('renders class names for a single number for span and an object for start', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: 8, start: { narrow: 2, medium: 4, wide: 6 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-8 ams-grid__cell--start-2 ams-grid__cell--start-4-medium ams-grid__cell--start-6-wide');
-    });
-    it('renders class names for an object for span and a single number for start', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: { narrow: 3, medium: 5, wide: 7 }, start: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-3 ams-grid__cell--span-5-medium ams-grid__cell--span-7-wide ams-grid__cell--start-2');
-    });
-    it('renders class names for an object for both start and span', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: { narrow: 2, medium: 4, wide: 6 }, start: { narrow: 1, medium: 3, wide: 5 } }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-2 ams-grid__cell--span-4-medium ams-grid__cell--span-6-wide ams-grid__cell--start-1 ams-grid__cell--start-3-medium ams-grid__cell--start-5-wide');
-    });
-    it('renders the correct class name for the “all” value of span', () => {
-        const { container } = render(_jsx(Grid.Cell, { span: "all" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell--span-all');
-    });
-    gridCellTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Grid.Cell, { "aria-label": tag === 'section' ? 'Accessible name' : undefined, as: tag }));
-            const component = tag === 'div' ? container.querySelector(tag) : screen.getByRole(ariaRoleForTag[tag]);
-            expect(component).toBeInTheDocument();
-        });
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Grid.Cell, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Heading/Heading.test.d.ts

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

package/dist/Heading/Heading.test.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, 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 { Heading } from './Heading';
-import '@testing-library/jest-dom';
-describe('Heading', () => {
-    it('renders an element with role heading', () => {
-        render(_jsx(Heading, { level: 1, children: "Breaking news" }));
-        const heading = screen.getByRole('heading', {
-            name: 'Breaking news',
-        });
-        expect(heading).toBeInTheDocument();
-        expect(heading).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Heading, { level: 1 }));
-        const heading = screen.getByRole('heading');
-        expect(heading).toHaveClass('ams-heading');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Heading, { className: "extra", level: 1 }));
-        const heading = screen.getByRole('heading');
-        expect(heading).toHaveClass('ams-heading extra');
-    });
-    it('renders the allowed levels correctly', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Heading, { level: 1, children: "Heading 1" }), _jsx(Heading, { level: 2, children: "Heading 2" }), _jsx(Heading, { level: 3, children: "Heading 3" }), _jsx(Heading, { level: 4, children: "Heading 4" })] }));
-        const h1 = screen.getByRole('heading', { level: 1, name: 'Heading 1' });
-        const h2 = screen.getByRole('heading', { level: 2, name: 'Heading 2' });
-        const h3 = screen.getByRole('heading', { level: 3, name: 'Heading 3' });
-        const h4 = screen.getByRole('heading', { level: 4, name: 'Heading 4' });
-        expect(h1).toBeInTheDocument();
-        expect(h2).toBeInTheDocument();
-        expect(h3).toBeInTheDocument();
-        expect(h4).toBeInTheDocument();
-    });
-    it('renders the correct size level class', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Heading, { level: 1, size: "level-1", children: "Size level 1" }), _jsx(Heading, { level: 1, size: "level-2", children: "Size level 2" }), _jsx(Heading, { level: 1, size: "level-3", children: "Size level 3" }), _jsx(Heading, { level: 1, size: "level-4", children: "Size level 4" }), _jsx(Heading, { level: 1, size: "level-5", children: "Size level 5" })] }));
-        const sizeLevel1 = screen.getByRole('heading', { level: 1, name: 'Size level 1' });
-        const sizeLevel2 = screen.getByRole('heading', { level: 1, name: 'Size level 2' });
-        const sizeLevel3 = screen.getByRole('heading', { level: 1, name: 'Size level 3' });
-        const sizeLevel4 = screen.getByRole('heading', { level: 1, name: 'Size level 4' });
-        const sizeLevel5 = screen.getByRole('heading', { level: 1, name: 'Size level 5' });
-        expect(sizeLevel1).toHaveClass('ams-heading--1');
-        expect(sizeLevel2).toHaveClass('ams-heading--2');
-        expect(sizeLevel3).toHaveClass('ams-heading--3');
-        expect(sizeLevel4).toHaveClass('ams-heading--4');
-        expect(sizeLevel5).toHaveClass('ams-heading--5');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(Heading, { color: "inverse", level: 1, children: "Heading" }));
-        const heading = screen.getByRole('heading', { name: 'Heading' });
-        expect(heading).toHaveClass('ams-heading--inverse');
-    });
-    it('renders inline markup', () => {
-        render(_jsxs(Heading, { level: 1, children: [_jsx("strong", { children: "Breaking" }), " news"] }));
-        const heading = screen.getByRole('heading', { name: 'Breaking news' });
-        const inlineMarkup = heading.querySelector('strong');
-        expect(inlineMarkup).toBeInTheDocument();
-    });
-    it('is able to pass a React ref', () => {
-        const ref = createRef();
-        render(_jsx(Heading, { level: 1, ref: ref }));
-        const heading = screen.getByRole('heading');
-        expect(ref.current).toBe(heading);
-    });
-});

package/dist/Hint/Hint.test.d.ts

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

package/dist/Hint/Hint.test.js

@@ -1,53 +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 { Hint } from '.';
-import '@testing-library/jest-dom';
-describe('Hint', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Hint, { hint: "hint" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Hint, { optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-hint');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Hint, { className: "extra", optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-hint extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Hint, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders the provided hint text', () => {
-        const { container } = render(_jsx(Hint, { hint: "hint text" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(hint text)');
-    });
-    it('renders the default hint text', () => {
-        const { container } = render(_jsx(Hint, { optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(niet verplicht)');
-    });
-    it('renders the provided hint text when `optional` is set to `false`', () => {
-        const { container } = render(_jsx(Hint, { hint: "not required", optional: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(not required)');
-    });
-    it('renders the provided hint text "required" while also being marked as not optional', () => {
-        const { container } = render(_jsx(Hint, { hint: "required", optional: false }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveTextContent('(required)');
-    });
-});

package/dist/Icon/Icon.test.d.ts

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

package/dist/Icon/Icon.test.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { WarningIcon } from '@amsterdam/design-system-react-icons';
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { Icon, iconSizes } from './Icon';
-import '@testing-library/jest-dom';
-describe('Icon', () => {
-    it('renders a span element', () => {
-        const { container } = render(_jsx(Icon, { svg: WarningIcon }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toBeInTheDocument();
-    });
-    it('renders with a React node for the svg prop', () => {
-        const { container } = render(_jsx(Icon, { svg: _jsx(WarningIcon, {}) }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Icon, { svg: WarningIcon }));
-        const icon = container.querySelector(':only-child');
-        expect(icon).toHaveClass('ams-icon');
-    });
-    it('renders an svg child', () => {
-        const { container } = render(_jsx(Icon, { svg: WarningIcon }));
-        const svg = container.querySelector(':only-child svg');
-        expect(svg).toBeInTheDocument();
-    });
-    iconSizes.forEach((size) => {
-        it(`renders the correct class name for a ‘${size}’ icon`, () => {
-            const { container } = render(_jsx(Icon, { size: size, svg: WarningIcon }));
-            const icon = container.querySelector(':only-child');
-            expect(icon).toHaveClass(`ams-icon--${size}`);
-        });
-    });
-    it('renders the right square class', () => {
-        const { container } = render(_jsx(Icon, { square: true, svg: WarningIcon }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toHaveClass('ams-icon--square');
-    });
-    it('renders the class name for inverse color', () => {
-        const { container } = render(_jsx(Icon, { color: "inverse", svg: WarningIcon }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toHaveClass('ams-icon--inverse');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Icon, { className: "extra", svg: WarningIcon }));
-        const icon = container.querySelector(':only-child');
-        expect(icon).toHaveClass('ams-icon extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Icon, { ref: ref, svg: WarningIcon }));
-        const icon = container.querySelector(':only-child');
-        expect(ref.current).toBe(icon);
-    });
-});

package/dist/IconButton/IconButton.test.d.ts

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

package/dist/IconButton/IconButton.test.js

@@ -1,48 +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 { IconButton } from './IconButton';
-import '@testing-library/jest-dom';
-describe('Icon button', () => {
-    it('renders', () => {
-        render(_jsx(IconButton, { label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(IconButton, { label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(IconButton, { className: "extra", label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button extra');
-    });
-    it('renders an accessible label', () => {
-        render(_jsx(IconButton, { className: "extra", label: "Test" }));
-        const component = screen.getByRole('button', { name: 'Test' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the class name for contrast color', () => {
-        render(_jsx(IconButton, { color: "contrast", label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button--contrast');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(IconButton, { color: "inverse", label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(IconButton, { label: "Test", ref: ref }));
-        const component = screen.getByRole('button');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Image/Image.test.d.ts

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

package/dist/Image/Image.test.js

@@ -1,43 +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 { aspectRatioOptions } from '../common/types';
-import { generateAspectRatioClass } from './generateAspectRatioClass';
-import { Image } from './Image';
-import '@testing-library/jest-dom';
-describe('Image', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Image, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Image, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Image, { alt: "", className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image extra');
-    });
-    aspectRatioOptions.forEach((aspectRatio) => {
-        it(`renders class names to display the image in the ${aspectRatio} aspect ratio`, () => {
-            const { container } = render(_jsx(Image, { alt: "", aspectRatio: aspectRatio }));
-            const component = container.querySelector(':only-child');
-            const aspectRatioClass = generateAspectRatioClass(aspectRatio) || '';
-            expect(component).toHaveClass(aspectRatioClass);
-        });
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Image, { alt: "", ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSlider.test.d.ts

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

package/dist/ImageSlider/ImageSlider.test.js

@@ -1,70 +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 { ImageSlider } from './ImageSlider';
-import '@testing-library/jest-dom';
-const observe = jest.fn();
-const unobserve = jest.fn();
-const disconnect = jest.fn();
-const takeRecords = jest.fn();
-// Mock implementation of IntersectionObserver
-window.IntersectionObserver = jest.fn(() => ({
-    disconnect,
-    observe,
-    root: null,
-    rootMargin: '',
-    takeRecords,
-    thresholds: [],
-    unobserve,
-}));
-describe('Image Slider', () => {
-    const images = [
-        {
-            alt: 'Bridge',
-            src: 'https://picsum.photos/id/122/320/180',
-        },
-        {
-            alt: 'Bunker',
-            src: 'https://picsum.photos/id/101/320/180',
-        },
-        {
-            alt: 'Chairs',
-            src: 'https://picsum.photos/id/153/320/180',
-        },
-    ];
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders slides', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        const slides = Array.from(container.querySelectorAll('.ams-image-slider__item'));
-        expect(slides).toHaveLength(3);
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSlider, { className: "extra", images: images }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSlider, { images: images, ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders thumbnails', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        expect(container.querySelector('.ams-image-slider__thumbnails')).toBeInTheDocument();
-    });
-});

package/dist/ImageSlider/ImageSliderControls.test.d.ts

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

package/dist/ImageSlider/ImageSliderControls.test.js

@@ -1,25 +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 { ImageSliderControls } from './ImageSliderControls';
-import '@testing-library/jest-dom';
-describe('Image Slider Controls', () => {
-    const nextLabel = 'Volgende';
-    const previousLabel = 'Vorige';
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderControls, { nextLabel: nextLabel, previousLabel: previousLabel }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderControls, { nextLabel: nextLabel, previousLabel: previousLabel, ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSliderItem.test.d.ts

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

package/dist/ImageSlider/ImageSliderItem.test.js

@@ -1,37 +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 { ImageSliderItem } from './ImageSliderItem';
-import '@testing-library/jest-dom';
-describe('Image Slider Item', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderItem, { slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders children', () => {
-        const { container } = render(_jsx(ImageSliderItem, { slideId: 0, children: "child" }));
-        expect(container).toHaveTextContent('child');
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSliderItem, { slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__item');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSliderItem, { className: "extra", slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__item extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderItem, { ref: ref, slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSliderScroller.test.d.ts

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

package/dist/ImageSlider/ImageSliderScroller.test.js

@@ -1,37 +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 { ImageSliderScroller } from './ImageSliderScroller';
-import '@testing-library/jest-dom';
-describe('Image Slider Scroller', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderScroller, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders children', () => {
-        const { container } = render(_jsx(ImageSliderScroller, { children: "child" }));
-        expect(container).toHaveTextContent('child');
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSliderScroller, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__scroller');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSliderScroller, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__scroller extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderScroller, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSliderThumbnails.test.d.ts

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

package/dist/ImageSlider/ImageSliderThumbnails.test.js

@@ -1,52 +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 { ImageSliderThumbnails } from './ImageSliderThumbnails';
-import '@testing-library/jest-dom';
-describe('Image Slider Thumbnails', () => {
-    const thumbnails = [
-        {
-            alt: 'This is gallery image 1',
-            src: 'https://picsum.photos/id/122/1280/720',
-        },
-        {
-            alt: 'This is gallery image 2',
-            src: 'https://picsum.photos/id/101/1280/720',
-        },
-        {
-            alt: 'This is gallery image 3',
-            src: 'https://picsum.photos/id/153/1280/720',
-        },
-    ];
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders thumbnails', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { thumbnails: thumbnails }));
-        const thumbs = container.querySelectorAll('.ams-image-slider__thumbnail');
-        expect(thumbs).toHaveLength(thumbnails.length);
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__thumbnails');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { className: "extra", thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__thumbnails extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderThumbnails, { ref: ref, thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});