Fix to deal with changes to size and anchor properties on anchored spaces and adjusted spaces accordingly.

Author: aeagle

demo/src/docs/VersionHistory.tsx

@@ -5,6 +5,15 @@ export const VersionHistory = () => {
 		<>
 			<h2 id="changes">Version history</h2>
 
+			<div>
+				<h3>0.1.11</h3> 
+				<ul>
+					<li>
+						Fix to deal with changes to size and anchor properties on anchored
+						spaces and adjusted spaces accordingly.
+					</li>
+				</ul>
+			</div>
 			<div>
 				<h3>0.1.10</h3> 
 				<ul>

react-spaces/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-spaces",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "main": "dist/index.js",
   "repository": "github:aeagle/react-spaces",
   "author": {

react-spaces/src/components/Space.tsx

@@ -115,6 +115,21 @@ class Space extends React.Component<AllProps, IState> {
 		}
 	}
 
+	public componentWillReceiveProps(nextProps: AllProps) {
+		if (this.props.size !== nextProps.size ||
+			this.props.anchor !== nextProps.anchor) {
+			this.setState({
+				parsedSize: typeof nextProps.size === "string" ? 0 : nextProps.size as number | undefined,
+				left: nextProps.anchor !== AnchorType.Right ? 0 : undefined,
+				top: nextProps.anchor !== AnchorType.Bottom ? 0 : undefined,
+				right: nextProps.anchor !== AnchorType.Left ? 0 : undefined,
+				bottom: nextProps.anchor !== AnchorType.Top ? 0 : undefined,
+				width: this.isHorizontalSpace() ? nextProps.size || 0 : undefined,
+				height: this.isVerticalSpace() ? nextProps.size || 0 : undefined
+			})
+		}
+	}
+
 	public componentWillUnmount() {
 		if (this.props.trackSize) {
 			if (this.resizeSensor) {
@@ -298,10 +313,17 @@ class Space extends React.Component<AllProps, IState> {
 			spaceTakers: this.state.spaceTakers,
 			registerSpaceTaker: 
 				(spaceTaker: ISpaceTaker) => {
-					if (!this.state.spaceTakers.find(t => t.id === spaceTaker.id)) {
+					const existing = this.state.spaceTakers.find(t => t.id === spaceTaker.id);
+
+					if (!existing) {
 						this.setState({
 							spaceTakers: [ ...this.state.spaceTakers, spaceTaker ]
 						})
+					} else {
+						existing.adjustedSize = 0;
+						existing.order = spaceTaker.order;
+						existing.anchorType = spaceTaker.anchorType;
+						existing.size = spaceTaker.size;
 					}
 				},
 			removeSpaceTaker: