feat: improve Link props and export LabelFactory for Select

refs: (#98)

src/components/basic/Link.test.tsx

@@ -4,20 +4,19 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
+import { screen } from '@testing-library/dom';
 import React from 'react';
-import { faker } from '@faker-js/faker';
 import { render } from '../../test-utils';
 import { Link } from './Link';
 
 describe('Link', () => {
-	const text = faker.lorem.words(3);
 	test('Render a Link', () => {
-		const { container } = render(
-			<Link weight="bold" size="large" color="warning" underlined>
+		const text = 'some content';
+		render(
+			<Link weight="bold" size="large" color="warning" underlined href="https://test-link.test">
 				{text}
 			</Link>
 		);
-		expect(container.querySelector('a')).toBeInTheDocument();
-		expect(container.querySelector('a')).toHaveTextContent(text);
+		expect(screen.getByRole('link', { name: text })).toBeVisible();
 	});
 });

src/components/basic/Link.tsx

@@ -4,18 +4,17 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { useMemo, useCallback, AnchorHTMLAttributes } from 'react';
+import React, { useMemo, useCallback } from 'react';
 import styled from 'styled-components';
-import type { ThemeObj } from '../../theme/theme';
 import { getColor } from '../../theme/theme-utils';
 
 import { Text, TextProps } from './Text';
 import { useKeyboard, getKeyboardPreset } from '../../hooks/useKeyboard';
 import { useCombinedRefs } from '../../hooks/useCombinedRefs';
 
-const StyledLink = styled(Text).attrs({
+const StyledLink = styled(Text).attrs(() => ({
 	forwardedAs: 'a'
-})<{
+}))<{
 	$underlined: boolean;
 }>`
 	cursor: pointer;
@@ -29,14 +28,14 @@ const StyledLink = styled(Text).attrs({
 	}
 `;
 
-interface LinkProps extends TextProps {
+type LinkProps = {
 	/** Whether the link should be underlined */
 	underlined?: boolean;
-	color?: string | keyof ThemeObj['palette'];
-}
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> &
+	TextProps;
 
 const Link = React.forwardRef<HTMLDivElement, LinkProps>(function LinkFn(
-	{ children, size, underlined = false, color = 'primary', ...rest },
+	{ children, underlined = false, color = 'primary', ...rest },
 	ref
 ) {
 	const linkRef = useCombinedRefs<HTMLDivElement>(ref);
@@ -46,14 +45,7 @@ const Link = React.forwardRef<HTMLDivElement, LinkProps>(function LinkFn(
 	useKeyboard(linkRef, keyEvents);
 
 	return (
-		<StyledLink
-			ref={linkRef}
-			size={size}
-			$underlined={underlined}
-			color={color}
-			tabIndex={0}
-			{...rest}
-		>
+		<StyledLink ref={linkRef} $underlined={underlined} color={color} tabIndex={0} {...rest}>
 			{children}
 		</StyledLink>
 	);

src/components/inputs/Select.tsx

@@ -391,4 +391,4 @@ const Select = React.forwardRef<HTMLDivElement, SelectProps>(function SelectFn(
 	);
 });
 
-export { Select, SelectProps, SelectItem };
+export { Select, SelectProps, SelectItem, LabelFactoryProps };