@regardio/react 0.5.5 → 0.5.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "@regardio/react",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "private": false,
   "description": "Regardio React UI components",
   "keywords": [
@@ -172,8 +172,8 @@
     "@maptiler/sdk": "3.9.0",
     "@mdx-js/react": "3.1.1",
     "@regardio/js": "0.6.0",
-    "@regardio/tailwind": "0.1.3",
-    "@supabase/supabase-js": "2.90.0",
+    "@regardio/tailwind": "0.2.0",
+    "@supabase/supabase-js": "2.90.1",
     "cmdk": "1.1.1",
     "embla-carousel": "8.6.0",
     "embla-carousel-react": "8.6.0",
@@ -181,19 +181,19 @@
     "intl-parse-accept-language": "1.0.0",
     "leaflet": "alpha",
     "lucide-react": "0.562.0",
-    "markdown-to-jsx": "9.5.1",
+    "markdown-to-jsx": "9.5.7",
     "react": "19.2.3",
     "react-day-picker": "9.13.0",
     "react-dom": "19.2.3",
-    "react-hook-form": "7.70.0",
-    "react-resizable-panels": "4.3.1",
+    "react-hook-form": "7.71.0",
+    "react-resizable-panels": "4.4.0",
     "react-router": "7.12.0",
     "tailwind-variants": "3.2.2",
     "vaul": "1.1.2",
     "zod": "4.3.5"
   },
   "devDependencies": {
-    "@regardio/dev": "1.11.1",
+    "@regardio/dev": "1.11.4",
     "@storybook/addon-a11y": "10.1.11",
     "@storybook/addon-docs": "10.1.11",
     "@storybook/addon-vitest": "10.1.11",
@@ -203,13 +203,13 @@
     "@testing-library/react": "16.3.1",
     "@total-typescript/ts-reset": "0.6.1",
     "@types/leaflet": "1.9.21",
-    "@types/node": "25.0.3",
-    "@types/react": "19.2.7",
+    "@types/node": "25.0.8",
+    "@types/react": "19.2.8",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.2",
-    "@vitest/browser-playwright": "4.0.16",
-    "@vitest/coverage-v8": "4.0.16",
-    "@vitest/ui": "4.0.16",
+    "@vitest/browser-playwright": "4.0.17",
+    "@vitest/coverage-v8": "4.0.17",
+    "@vitest/ui": "4.0.17",
     "jsdom": "27.4.0",
     "playwright": "1.57.0",
     "storybook": "10.1.11",
@@ -217,7 +217,7 @@
     "tsup": "8.5.1",
     "typescript": "5.9.3",
     "vite": "7.3.1",
-    "vitest": "4.0.16"
+    "vitest": "4.0.17"
   },
   "engines": {
     "node": ">=18"

package/src/link/link.test.tsx

@@ -0,0 +1,169 @@
+import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { Link, LinkBase, MarkdownLink, PathResolverProvider } from './link';
+
+afterEach(() => {
+  cleanup();
+});
+
+const renderWithRouter = (ui: React.ReactNode) => {
+  return render(<MemoryRouter>{ui}</MemoryRouter>);
+};
+
+describe('LinkBase', () => {
+  it('renders internal link with NavLink', () => {
+    renderWithRouter(<LinkBase to="/about">About</LinkBase>);
+    expect(screen.getByText('About')).toBeDefined();
+  });
+
+  it('renders external http link as anchor', () => {
+    renderWithRouter(<LinkBase to="https://example.com">External</LinkBase>);
+    const link = screen.getByText('External');
+    expect(link.tagName).toBe('A');
+    expect(link.getAttribute('href')).toBe('https://example.com');
+  });
+
+  it('renders mailto link as anchor', () => {
+    renderWithRouter(<LinkBase to="mailto:test@example.com">Email</LinkBase>);
+    const link = screen.getByText('Email');
+    expect(link.tagName).toBe('A');
+    expect(link.getAttribute('href')).toBe('mailto:test@example.com');
+  });
+
+  it('renders tel link as anchor', () => {
+    renderWithRouter(<LinkBase to="tel:+1234567890">Call</LinkBase>);
+    const link = screen.getByText('Call');
+    expect(link.tagName).toBe('A');
+    expect(link.getAttribute('href')).toBe('tel:+1234567890');
+  });
+
+  it('uses pathResolver when routeKey is provided', () => {
+    const resolver = vi.fn().mockReturnValue('/resolved-path');
+    renderWithRouter(
+      <PathResolverProvider value={resolver}>
+        <LinkBase routeKey="home">Home</LinkBase>
+      </PathResolverProvider>,
+    );
+    expect(resolver).toHaveBeenCalledWith('home');
+    expect(screen.getByText('Home')).toBeDefined();
+  });
+
+  it('handles object to prop with pathname, search, and hash', () => {
+    renderWithRouter(
+      <LinkBase to={{ hash: '#section', pathname: '/page', search: '?q=test' }}>Complex</LinkBase>,
+    );
+    expect(screen.getByText('Complex')).toBeDefined();
+  });
+
+  it('renders children only when path is empty', () => {
+    renderWithRouter(<LinkBase>No Link</LinkBase>);
+    expect(screen.getByText('No Link')).toBeDefined();
+  });
+
+  it('calls onClick handler', () => {
+    const handleClick = vi.fn();
+    renderWithRouter(
+      <LinkBase
+        onClick={handleClick}
+        to="/test"
+      >
+        Click Me
+      </LinkBase>,
+    );
+    fireEvent.click(screen.getByText('Click Me'));
+    expect(handleClick).toHaveBeenCalled();
+  });
+
+  it('opens external http link in new window', () => {
+    const windowOpen = vi.spyOn(window, 'open').mockImplementation(() => null);
+    renderWithRouter(<LinkBase to="https://example.com">External</LinkBase>);
+    fireEvent.click(screen.getByText('External'));
+    expect(windowOpen).toHaveBeenCalledWith('https://example.com', '_blank', 'noopener,noreferrer');
+    windowOpen.mockRestore();
+  });
+
+  it('scrolls to element for hash links', () => {
+    const scrollIntoView = vi.fn();
+    const element = document.createElement('div');
+    element.id = 'section';
+    element.scrollIntoView = scrollIntoView;
+    document.body.appendChild(element);
+
+    renderWithRouter(<LinkBase to="#section">Jump</LinkBase>);
+    fireEvent.click(screen.getByText('Jump'));
+    expect(scrollIntoView).toHaveBeenCalledWith({ behavior: 'smooth' });
+
+    document.body.removeChild(element);
+  });
+
+  it('handles hash link when element not found', () => {
+    renderWithRouter(<LinkBase to="#nonexistent">Jump</LinkBase>);
+    fireEvent.click(screen.getByText('Jump'));
+  });
+
+  it('does not prevent default for tel links', () => {
+    renderWithRouter(<LinkBase to="tel:+1234567890">Call</LinkBase>);
+    const link = screen.getByText('Call');
+    const event = fireEvent.click(link);
+    expect(event).toBe(true);
+  });
+
+  it('respects defaultPrevented in onClick', () => {
+    const handleClick = vi.fn((e: React.MouseEvent) => e.preventDefault());
+    const windowOpen = vi.spyOn(window, 'open').mockImplementation(() => null);
+
+    renderWithRouter(
+      <LinkBase
+        onClick={handleClick}
+        to="https://example.com"
+      >
+        External
+      </LinkBase>,
+    );
+    fireEvent.click(screen.getByText('External'));
+    expect(handleClick).toHaveBeenCalled();
+    expect(windowOpen).not.toHaveBeenCalled();
+
+    windowOpen.mockRestore();
+  });
+});
+
+describe('Link', () => {
+  it('renders with variant', () => {
+    renderWithRouter(
+      <Link
+        to="/test"
+        variant="button"
+      >
+        Button Link
+      </Link>,
+    );
+    expect(screen.getByText('Button Link')).toBeDefined();
+  });
+
+  it('renders with arrow', () => {
+    renderWithRouter(
+      <Link
+        arrow="rarr"
+        to="/test"
+      >
+        Arrow Link
+      </Link>,
+    );
+    expect(screen.getByText('Arrow Link')).toBeDefined();
+  });
+});
+
+describe('MarkdownLink', () => {
+  it('renders Link when href is provided', () => {
+    renderWithRouter(<MarkdownLink href="/page">Markdown</MarkdownLink>);
+    expect(screen.getByText('Markdown')).toBeDefined();
+  });
+
+  it('returns null when href is not provided', () => {
+    const { container } = renderWithRouter(<MarkdownLink>No Link</MarkdownLink>);
+    expect(container.innerHTML).toBe('');
+  });
+});

package/src/utils/text/text.test.tsx

@@ -0,0 +1,110 @@
+import { isValidElement, type ReactNode } from 'react';
+import { describe, expect, it } from 'vitest';
+
+import { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences } from './text';
+
+describe('lowerCaseSzett', () => {
+  it('wraps ß in lowercase span for strings', () => {
+    const result = lowerCaseSzett('Straße') as ReactNode[];
+    expect(Array.isArray(result)).toBe(true);
+    expect(result).toHaveLength(3);
+    expect(result[0]).toBe('Stra');
+    expect(isValidElement(result[1])).toBe(true);
+    expect((result[1] as { props: { className: string } }).props.className).toBe('lowercase');
+    expect((result[1] as { props: { children: string } }).props.children).toBe('ß');
+    expect(result[2]).toBe('e');
+  });
+
+  it('handles strings without ß', () => {
+    const result = lowerCaseSzett('Hello') as ReactNode[];
+    expect(Array.isArray(result)).toBe(true);
+    expect(result).toEqual(['Hello']);
+  });
+
+  it('handles React elements with children containing ß', () => {
+    const element = <div>Straße</div>;
+    const result = lowerCaseSzett(element);
+    expect(isValidElement(result)).toBe(true);
+    const children = (result as { props: { children: ReactNode[] } }).props.children;
+    expect(Array.isArray(children)).toBe(true);
+  });
+
+  it('handles nested React elements', () => {
+    const element = (
+      <div>
+        <span>Große Straße</span>
+      </div>
+    );
+    const result = lowerCaseSzett(element);
+    expect(isValidElement(result)).toBe(true);
+  });
+
+  it('handles arrays of children', () => {
+    const result = lowerCaseSzett(['Straße', ' und ', 'Größe']);
+    expect(Array.isArray(result)).toBe(true);
+  });
+
+  it('returns non-string/element values as-is', () => {
+    expect(lowerCaseSzett(null)).toBeNull();
+    expect(lowerCaseSzett(undefined)).toBeUndefined();
+    expect(lowerCaseSzett(123 as unknown as string)).toBe(123);
+  });
+});
+
+describe('shy', () => {
+  it('returns null for null input', () => {
+    expect(shy(null)).toBeNull();
+  });
+
+  it('replaces soft hyphens in strings', () => {
+    const input = 'Weihnachts\u00ADspende';
+    const result = shy(input);
+    expect(typeof result).toBe('string');
+    expect(result).toContain('\u00AD');
+  });
+
+  it('handles React elements with soft hyphens', () => {
+    const element = <div>Weihnachts­spende</div>;
+    const result = shy(element);
+    expect(isValidElement(result)).toBe(true);
+    const children = (result as { props: { children: string } }).props.children;
+    expect(children).toBe('Weihnachtsspende');
+  });
+
+  it('handles nested React elements with soft hyphens', () => {
+    const element = (
+      <div>
+        <span>Weihnachts­spende</span>
+      </div>
+    );
+    const result = shy(element);
+    expect(isValidElement(result)).toBe(true);
+  });
+
+  it('handles arrays in React nodes', () => {
+    const element = <div>{['Weihnachts­spende', ' ', 'Test­wort']}</div>;
+    const result = shy(element);
+    expect(isValidElement(result)).toBe(true);
+  });
+});
+
+describe('replaceSpecialChars', () => {
+  it('applies typographic quotes and shy', () => {
+    const result = replaceSpecialChars('"Hello"', 'de');
+    expect(typeof result).toBe('string');
+    expect(result).toBe('\u201EHello\u201D');
+  });
+});
+
+describe('wrapSentences', () => {
+  it('wraps each sentence in a span', () => {
+    const result = wrapSentences('First sentence. Second sentence.');
+    expect(Array.isArray(result)).toBe(true);
+    expect((result as ReactNode[]).length).toBeGreaterThanOrEqual(2);
+  });
+
+  it('handles single sentence', () => {
+    const result = wrapSentences('Just one sentence.');
+    expect(Array.isArray(result)).toBe(true);
+  });
+});