Merge pull request #51 from aeagle/feature/mouse-touch-events

Added pass through of more mouse/touch events to space element

Author: aeagle

react-spaces/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-spaces",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "main": "dist/index.js",
   "module": "dist/es/index.js",
   "types": "dist/index.d.ts",

react-spaces/src/Globals/Types.ts

@@ -47,7 +47,11 @@ export interface IPublicProps {
 	onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void,
 	onMouseDown?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void,
 	onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void,
-	onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void
+	onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void,
+	onMouseMove?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void,
+	onTouchStart?: (event: React.TouchEvent<HTMLElement>) => void,
+	onTouchMove?: (event: React.TouchEvent<HTMLElement>) => void,
+	onTouchEnd?: (event: React.TouchEvent<HTMLElement>) => void
 }
 
 export const publicProps = {
@@ -62,7 +66,11 @@ export const publicProps = {
 	onClick: PropTypes.func,
 	onMouseDown: PropTypes.func,
 	onMouseEnter: PropTypes.func,
-	onMouseLeave: PropTypes.func
+	onMouseLeave: PropTypes.func,
+	onMouseMove: PropTypes.func,
+	onTouchStart: PropTypes.func,
+	onTouchMove: PropTypes.func,
+	onTouchEnd: PropTypes.func
 }
 
 export interface IPrivateProps {

react-spaces/src/Space.tsx

@@ -244,7 +244,11 @@ export const SpaceInternal : React.FC<AllProps> = React.memo((props) => {
 					onClick: props.onClick,
 					onMouseDown: props.onMouseDown,
 					onMouseEnter: props.onMouseEnter,
-					onMouseLeave: props.onMouseLeave
+					onMouseLeave: props.onMouseLeave,
+					onMouseMove: props.onMouseMove,
+					onTouchStart: props.onTouchStart,
+					onTouchMove: props.onTouchMove,
+					onTouchEnd: props.onTouchEnd
 				},
 				<>
 					{ !USE_INLINESTYLES && <HeadStyles spaces={currentContext.children} /> }
@@ -270,7 +274,11 @@ export const SpaceInternal : React.FC<AllProps> = React.memo((props) => {
 					onClick: props.onClick,
 					onMouseDown: props.onMouseDown,
 					onMouseEnter: props.onMouseEnter,
-					onMouseLeave: props.onMouseLeave
+					onMouseLeave: props.onMouseLeave,
+					onMouseMove: props.onMouseMove,
+					onTouchStart: props.onTouchStart,
+					onTouchMove: props.onTouchMove,
+					onTouchEnd: props.onTouchEnd
 				},
 				<>
 					{ !USE_INLINESTYLES && <HeadStyles spaces={currentContext.children} /> }