feat: Add onClick to usePan (#619)

* added onclick to usepan

* Revert "added onclick to usepan"

This reverts commit de8037b.

* Added onClick event to usePan

src/vis/vishooks/hooks/usePan.ts

@@ -1,6 +1,7 @@
+/* eslint-disable react-compiler/react-compiler */
 import * as React from 'react';
 import { Direction, ZoomTransform } from '../interfaces';
-import { useInteractions } from './useInteractions';
+import { useInteractions, UseInteractionsProps } from './useInteractions';
 import { useControlledUncontrolled } from './useControlledUncontrolled';
 import { defaultConstraint } from '../transform';
 import { m4 } from '../math';
@@ -20,6 +21,8 @@ interface UsePanProps {
    */
   direction?: Direction;
 
+  onClick?: NonNullable<UseInteractionsProps['onClick']>;
+
   skip?: boolean;
 }
 
@@ -34,8 +37,9 @@ export function usePan(options: UsePanProps = {}) {
   const zoomRef = React.useRef<UsePanProps['value']>(zoom);
   zoomRef.current = zoom;
 
-  const { ref, setRef } = useInteractions({
+  const { ref, setRef, state } = useInteractions({
     skip: options.skip,
+    onClick: options.onClick,
     onDrag: (event) => {
       let newMatrix = m4.clone(zoomRef.current);
 
@@ -59,5 +63,5 @@ export function usePan(options: UsePanProps = {}) {
     },
   });
 
-  return { ref, setRef, value: zoom, setValue: setZoom };
+  return { ref, setRef, value: zoom, setValue: setZoom, state };
 }