Fixed falsey defaults

Author: aeagle

react-spaces/src/Globals/Hooks.ts

@@ -141,15 +141,15 @@ export const useSpace = (props: AllProps, divElementRef: React.MutableRefObject<
 		props.anchor && parentContext.registerSpaceTaker({
 			id: state.id,
 			zIndex: currentZIndex,
-			order: props.order || 1,
+			order: props.order === undefined ? 1 : props.order,
 			anchorType: props.anchor,
 			size: props.anchorSize || 0,
 			adjustedSize: 0
 		});
 	}
 
 	const currentContext = createContext(state, setState, parentContext, currentZIndex);
-	const handleSize = props.handleSize || 5;
+	const handleSize = props.handleSize === undefined ? 5 : props.handleSize;
 	const overlayHandle = props.overlayHandle !== undefined ? props.overlayHandle : true;
 
 	const resize = applyResize(props, state, setState, parentContext, handleSize, divElementRef);

react-spaces/src/Globals/Utils.tsx

@@ -106,8 +106,8 @@ export const applyResize = (
 
 	if (parentContext && props.anchor && props.resizable) {
 		const resizeType = AnchorToResizeTypeMap[props.anchor];
-		const resizeHandleWidth = resizeType === ResizeType.Left || resizeType === ResizeType.Right ? props.handleSize || 5 : undefined;
-		const resizeHandleHeight = resizeType === ResizeType.Top || resizeType === ResizeType.Bottom ? props.handleSize || 5 : undefined;
+		const resizeHandleWidth = resizeType === ResizeType.Left || resizeType === ResizeType.Right ? handleSize : undefined;
+		const resizeHandleHeight = resizeType === ResizeType.Top || resizeType === ResizeType.Bottom ? handleSize : undefined;
 
 		return {
 			resizeHandle:
@@ -116,7 +116,7 @@ export const applyResize = (
 					adjustedSize={state.adjustedSize} 
 					width={resizeHandleWidth}
 					height={resizeHandleHeight}
-					minimumAdjust={ (props.minimumSize || 20) - (state.parsedSize || 0) }
+					minimumAdjust={ (props.minimumSize === undefined ? 20 : props.minimumSize) - (state.parsedSize || 0) }
 					maximumAdjust={ props.maximumSize ? (props.maximumSize - (state.parsedSize || 0)) : undefined }
 					onResize={(adjustedSize) => { 
 						setState({ adjustedSize: adjustedSize });
@@ -128,7 +128,7 @@ export const applyResize = (
 						{
 							const currentRect = divElementRef.current.getBoundingClientRect();
 							props.onResizeEnd && props.onResizeEnd(
-								resizeType === ResizeType.Left || resizeType === ResizeType.Right ? currentRect.width : currentRect.height
+								Math.floor(resizeType === ResizeType.Left || resizeType === ResizeType.Right ? currentRect.width : currentRect.height)
 							);
 						}
 					}} />,

react-spaces/src/Resizable.tsx

@@ -23,14 +23,15 @@ export const Resizable : React.FC<IProps> = (props) => {
 		const adjustmentX = 
 			Math.min(
 				Math.max(props.type === ResizeType.Left ? originalX - x : x - originalX, props.minimumAdjust),
-				props.maximumAdjust || 999999
+				props.maximumAdjust === undefined ? 999999 : props.maximumAdjust
 			);
 		const adjustmentY = 
 			Math.min(
 				Math.max(props.type === ResizeType.Top ? originalY - y : y - originalY, props.minimumAdjust),
-				props.maximumAdjust || 999999
+				props.maximumAdjust === undefined ? 999999 : props.maximumAdjust
 			);
-		const adjustment = props.type === ResizeType.Left || props.type === ResizeType.Right ?  adjustmentX : adjustmentY;
+
+		const adjustment = props.type === ResizeType.Left || props.type === ResizeType.Right ? adjustmentX : adjustmentY;
 
 		if (adjustment !== props.adjustedSize) {
 			props.onResize(adjustment);
@@ -96,5 +97,7 @@ Resizable.propTypes = {
 	height: PropTypes.number,
 	minimumAdjust: PropTypes.number.isRequired,
 	maximumAdjust: PropTypes.number,
-	onResize: PropTypes.any
+	onResize: PropTypes.any,
+	onResizeStart: PropTypes.func,
+	onResizeEnd: PropTypes.func
 }