Merge branch 'storybook' of https://github.com/aeagle/react-spaces into storybook

Author: aeagle

.gitignore

@@ -22,3 +22,4 @@ yarn-debug.log*
 yarn-error.log*
 **/.rpt2_cache
 **/.next
+**/storybook-static

src/components/ResizeHandle.tsx

@@ -8,6 +8,8 @@ interface IProps {
 	resizable?: boolean;
 	anchor?: AnchorType;
 	handleSize?: number;
+	maximumSize?: number;
+	minimumSize?: number;
 	parentContext: ISpaceContext | undefined;
 	space: ISpace;
 	spaceElement: HTMLElement | undefined;

src/components/Space.tsx

@@ -143,6 +143,8 @@ export const SpaceInternal: React.FC<AllProps> = React.memo((props) => {
 						parentContext={parentContext}
 						space={space}
 						spaceElement={spaceElement.current}
+						minimumSize={props.minimumSize}
+						maximumSize={props.maximumSize}
 					/>
 					<div className={innerClasses.join(" ")} style={innerStyle}>
 						<SpaceContext.Provider value={currentContext}>
@@ -172,6 +174,8 @@ export const SpaceInternal: React.FC<AllProps> = React.memo((props) => {
 						parentContext={parentContext}
 						space={space}
 						spaceElement={spaceElement.current}
+						minimumSize={props.minimumSize}
+						maximumSize={props.maximumSize}
 					/>
 					<SpaceContext.Provider value={currentContext}>
 						<SpaceInfoContext.Provider value={{ width: Math.floor(currentSize.width), height: Math.floor(currentSize.height) }}>

src/resizing.ts

@@ -1,5 +1,5 @@
 import { ResizeType, AllProps, AnchorToResizeTypeMap, ISpace, IPosition } from "./types";
-import { isHorizontalSpace } from "./utils";
+import { isHorizontalSpace, coalesce } from "./utils";
 import { ISpaceContext, updateSpace } from "./ISpaceContext";
 import { throttle } from "./throttle";
 import { SyntheticEvent } from "react";
@@ -147,8 +147,9 @@ function startResize<T extends SyntheticEvent<HTMLElement> | MouseEvent | TouchE
 		const coords = getCoords(e);
 		const originalMouseX = resizeType === ResizeType.Left ? coords.x + space.adjustedSize : coords.x - space.adjustedSize;
 		const originalMouseY = resizeType === ResizeType.Top ? coords.y + space.adjustedSize : coords.y - space.adjustedSize;
-		const minimumAdjust = (props.minimumSize === undefined ? 20 : props.minimumSize) - size + space.adjustedSize;
+		const minimumAdjust = coalesce(props.minimumSize, 20) - size + space.adjustedSize;
 		const maximumAdjust = props.maximumSize ? props.maximumSize - size + space.adjustedSize : undefined;
+
 		let lastX = 0;
 		let lastY = 0;
 		let moved = false;