Added pass-through events

Author: aeagle

package-lock.json

@@ -15,7 +15,20 @@ function applyCentering(children: React.ReactNode, centerType: CenterType | unde
 }
 
 export const Space: React.FC<ISpaceProps> = (props) => {
-	const { style, className, onClick, children } = props;
+	const {
+		style,
+		className,
+		onClick,
+		onDoubleClick,
+		onMouseDown,
+		onMouseEnter,
+		onMouseLeave,
+		onMouseMove,
+		onTouchStart,
+		onTouchMove,
+		onTouchEnd,
+		children,
+	} = props;
 	const { space, domRect, elementRef, resizeHandles } = useSpace(props);
 
 	React.useEffect(() => {
@@ -46,6 +59,14 @@ export const Space: React.FC<ISpaceProps> = (props) => {
 					style: style,
 					className: outerClasses.join(" "),
 					onClick: onClick,
+					onDoubleClick: onDoubleClick,
+					onMouseDown: onMouseDown,
+					onMouseEnter: onMouseEnter,
+					onMouseLeave: onMouseLeave,
+					onMouseMove: onMouseMove,
+					onTouchStart: onTouchStart,
+					onTouchMove: onTouchMove,
+					onTouchEnd: onTouchEnd,
 				},
 				<ParentContext.Provider value={space.id}>
 					<LayerContext.Provider value={undefined}>

src/components/Space.tsx

@@ -38,7 +38,19 @@ export enum CenterType {
 	HorizontalVertical = "horizontalVertical",
 }
 
-export interface ICommonProps {
+export interface IPassThroughEvents {
+	onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+	onDoubleClick?: (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;
+	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 interface ICommonProps extends IPassThroughEvents {
 	id?: string;
 	className?: string;
 	style?: React.CSSProperties;
@@ -47,7 +59,6 @@ export interface ICommonProps {
 	zIndex?: number;
 	scrollable?: boolean;
 	trackSize?: boolean;
-	onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 
 export interface ISpaceProps extends ICommonProps {