Add Link component

Author: Marinich Maxim

.gitignore

@@ -69,3 +69,5 @@ npm-debug.log
 dist
 lib
 static
+
+!src/lib

src/lib/react-alice-carousel.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import VS, { EventData } from 'vanilla-swipe';
 import { defaultProps } from './defaultProps';
-import Link, { type LinkProps } from './views/DNDLink';
+import Link, { type LinkProps } from './views/Link';
 import * as Views from './views';
 import * as Utils from './utils';
 import {

src/lib/views/Link.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { AnchorHTMLAttributes, PropsWithChildren, MouseEvent } from 'react';
+
+export type LinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+
+export default function Link(props: LinkProps) {
+	const coords: Record<string, number | null> = {
+		xDown: null,
+		xUp: null,
+	};
+
+	const handleOnMouseDown = (e: MouseEvent) => {
+		e.preventDefault();
+		coords.xUp = null;
+		coords.xDown = e.clientX;
+	};
+
+	const handleMouseUp = (e: MouseEvent) => {
+		e.preventDefault();
+		coords.xUp = e.clientX;
+	};
+
+	const handleOnClick = (e: MouseEvent) => {
+		if (coords.xDown !== coords.xUp) {
+			e.preventDefault();
+		}
+	};
+
+	return (
+		<a onClick={handleOnClick} onMouseDown={handleOnMouseDown} onMouseUp={handleMouseUp} {...props}>
+			{props.children}
+		</a>
+	);
+}