@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/common/formatFileSize.test.js

@@ -1,22 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { formatFileSize } from './formatFileSize';
-describe('formatFileSize', () => {
-    it('formats bytes correctly', () => {
-        expect(formatFileSize(500)).toBe('500 bytes');
-    });
-    it('formats kilobytes correctly', () => {
-        expect(formatFileSize(1024, 1)).toBe('1 kB');
-        expect(formatFileSize(2048, 1)).toBe('2 kB');
-    });
-    it('formats megabytes correctly', () => {
-        expect(formatFileSize(1048576, 1)).toBe('1 MB');
-        expect(formatFileSize(2097152, 1)).toBe('2 MB');
-    });
-    it('formats gigabytes correctly', () => {
-        expect(formatFileSize(1073741824, 1)).toBe('1 GB');
-        expect(formatFileSize(2147483648, 1)).toBe('2 GB');
-    });
-});

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

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

package/dist/common/formatFileType.test.js

@@ -1,27 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { formatFileType } from './formatFileType';
-describe('formatFileType', () => {
-    it('formats image types correctly', () => {
-        expect(formatFileType('image/gif')).toBe('gif');
-        expect(formatFileType('image/jpeg')).toBe('jpg');
-        expect(formatFileType('image/png')).toBe('png');
-    });
-    it('formats text types correctly', () => {
-        expect(formatFileType('text/plain')).toBe('txt');
-    });
-    it('formats application types correctly', () => {
-        expect(formatFileType('application/pdf')).toBe('pdf');
-        expect(formatFileType('application/msword')).toBe('Word');
-        expect(formatFileType('application/vnd.openxmlformats-officedocument.wordprocessingml.document')).toBe('Word');
-        expect(formatFileType('application/vnd.ms-excel')).toBe('Excel');
-        expect(formatFileType('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet')).toBe('Excel');
-        expect(formatFileType('application/vnd.ms-powerpoint')).toBe('PowerPoint');
-        expect(formatFileType('application/vnd.openxmlformats-officedocument.presentationml.presentation')).toBe('PowerPoint');
-    });
-    it('returns the original file type for unknown types', () => {
-        expect(formatFileType('unknown/type')).toBe('Document');
-    });
-});

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

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

package/dist/common/useKeyboardFocus.test.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { fireEvent, render } from '@testing-library/react';
-import { useRef } from 'react';
-import { KeyboardKeys, useKeyboardFocus } from './useKeyboardFocus';
-describe('use focus with arrows', () => {
-    const onFocusOneMock = jest.fn();
-    const onFocusTwoMock = jest.fn();
-    const onFocusThreeMock = jest.fn();
-    const Component = ({ rotate = undefined }) => {
-        const ref = useRef(null);
-        const { keyDown } = useKeyboardFocus(ref, {
-            rotating: rotate,
-        });
-        return (_jsxs("div", { onKeyDown: keyDown, ref: ref, role: "menu", tabIndex: 0, children: [_jsx("button", { onFocus: onFocusOneMock, type: "button", children: "One" }), _jsx("button", { onFocus: onFocusTwoMock, type: "button", children: "Two" }), _jsx("button", { onFocus: onFocusThreeMock, type: "button", children: "Three" })] }));
-    };
-    afterEach(() => {
-        onFocusOneMock.mockReset();
-        onFocusTwoMock.mockReset();
-        onFocusThreeMock.mockReset();
-    });
-    it('sets focus when using arrow keys', () => {
-        const { container } = render(_jsx(Component, {}));
-        const firstChild = container.firstChild;
-        expect(onFocusOneMock).not.toHaveBeenCalled();
-        // 4 times, so we can check if there are no other elements focused after reaching the last one
-        Array.from(Array(4).keys()).forEach(() => {
-            fireEvent.keyDown(firstChild, {
-                key: KeyboardKeys.ArrowDown,
-            });
-        });
-        expect(onFocusOneMock).toHaveBeenCalledTimes(1);
-        expect(onFocusTwoMock).toHaveBeenCalledTimes(1);
-        expect(onFocusThreeMock).toHaveBeenCalledTimes(1);
-        // Same here
-        Array.from(Array(4).keys()).forEach(() => {
-            fireEvent.keyDown(firstChild, {
-                key: KeyboardKeys.ArrowUp,
-            });
-        });
-        expect(onFocusTwoMock).toHaveBeenCalledTimes(2);
-        expect(onFocusOneMock).toHaveBeenCalledTimes(2);
-    });
-    it('rotates focused elements', () => {
-        const { container } = render(_jsx(Component, { rotate: true }));
-        const firstChild = container.firstChild;
-        Array.from(Array(9).keys()).forEach(() => {
-            fireEvent.keyDown(firstChild, {
-                key: KeyboardKeys.ArrowDown,
-            });
-        });
-        expect(onFocusOneMock).toHaveBeenCalledTimes(3);
-        Array.from(Array(9).keys()).forEach(() => {
-            fireEvent.keyDown(firstChild, {
-                key: KeyboardKeys.ArrowUp,
-            });
-        });
-        expect(onFocusOneMock).toHaveBeenCalledTimes(6);
-    });
-    it('sets focus to first element when using "Home" key', () => {
-        const { container } = render(_jsx(Component, {}));
-        const firstChild = container.firstChild;
-        fireEvent.keyDown(firstChild, {
-            key: KeyboardKeys.Home,
-        });
-        expect(onFocusOneMock).toHaveBeenCalledTimes(1);
-    });
-    it('sets focus to last element when using "End" key', () => {
-        const { container } = render(_jsx(Component, {}));
-        const firstChild = container.firstChild;
-        fireEvent.keyDown(firstChild, {
-            key: KeyboardKeys.End,
-        });
-        expect(onFocusThreeMock).toHaveBeenCalledTimes(1);
-    });
-});