Add Link component

.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>
+ );
+}