[Layout] Layout API based on content area (#2110)

* Initial commit for adding a size constraint to ASLayoutable's

* Some more commits

* Fix sample projects in extra/

* Remove preferredFrameSize test of ASEditableTextNode

* Remove preferredFrameSize from examples_extra

* Add deprecation warning to -[ASDisplayNode preferredFrameSize]

* Add deprecation warning to -[ASDisplayNode measureWithSizeRange:]

* Commit

* Commit

* Remove ASRelativeSizeRange

* Make ASRelativeSize private

* Adjust examples

* Improve setting of -[ASLayoutable size] with points or fractions

* Add ASWrapperLayoutSpec

* Improve creation of ASRelativeDimension

* Add `preferredFrameSize` back and add deprecated logging

* Add `layoutSpecBlock` setter and getter and add locking for it

* Add better documentation and fix macros to create ASRelativeDimension

* Create new ASSizeRangeMake with just a CGSize as parameter

* Update Kitten and Social App Layout example

* Add layoutThatFits: and deprecate measure:

* Rename ASRelativeDimension to ASDimension

* Fix examples for ASDimension renaming

* Remove fancy height and width setter

* Fix ASDimension helper

* Rename -[ASLayout layoutableObject] to -[ASLayout layoutable]

* Update layout related methods and more clearer documentation around how to use it

* Deprecate old ASLayout class constructors

* Don't unnecessary recalculate layout if constrained or parent size did not change

* Use shared pointer for ASDisplayNodeLayout

* Fix rebase conflicts

* Add documentation and move implementation in mm file of ASDisplayNodeLayout

* Fix test errors

* Rename ASSize to ASLayoutableSize

* Address comments

* Rename setSizeFromCGSize to setSizeWithCGSize

* Improve inline functions in ASDimension

* Fix rebase conflicts

examples/ASMapNode/Sample/MapHandlerNode.m

@@ -115,66 +115,86 @@
 {
 #define SPACING 5
 #define HEIGHT 30
-  CGSize preferredSize = CGSizeMake(constrainedSize.max.width * 0.3, HEIGHT);
+  CGSize nodeSize = CGSizeMake(constrainedSize.max.width * 0.3, HEIGHT);
 
-  _latEditableNode.preferredFrameSize = _lonEditableNode.preferredFrameSize = preferredSize;
-  _deltaLatEditableNode.preferredFrameSize = _deltaLonEditableNode.preferredFrameSize = preferredSize;
-  _updateRegionButton.preferredFrameSize = _liveMapToggleButton.preferredFrameSize = preferredSize;
+  [_latEditableNode setSizeWithCGSize:nodeSize];
+  [_lonEditableNode setSizeWithCGSize:nodeSize];
+  
+  [_deltaLatEditableNode setSizeWithCGSize:nodeSize];
+  [_deltaLonEditableNode setSizeWithCGSize:nodeSize];
+  
+  [_updateRegionButton setSizeWithCGSize:nodeSize];
+  [_liveMapToggleButton setSizeWithCGSize:nodeSize];
 
-  _latEditableNode.flexGrow = _lonEditableNode.flexGrow = true;
-  _deltaLatEditableNode.flexGrow = _deltaLonEditableNode.flexGrow = true;
-  _updateRegionButton.flexGrow = _liveMapToggleButton.flexGrow = true;
+  _latEditableNode.flexGrow = _lonEditableNode.flexGrow = YES;
+  _deltaLatEditableNode.flexGrow = _deltaLonEditableNode.flexGrow = YES;
+  _updateRegionButton.flexGrow = _liveMapToggleButton.flexGrow = YES;
 
-  _mapNode.flexGrow = true;
+  _mapNode.flexGrow = YES;
 
-  ASStackLayoutSpec * lonlatSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
-                                                                           spacing:SPACING
-                                                                    justifyContent:ASStackLayoutJustifyContentStart
-                                                                        alignItems:ASStackLayoutAlignItemsCenter
-                                                                          children:@[_latEditableNode, _lonEditableNode]];
+  ASStackLayoutSpec *lonlatSpec =
+    [ASStackLayoutSpec
+     stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
+     spacing:SPACING
+     justifyContent:ASStackLayoutJustifyContentStart
+     alignItems:ASStackLayoutAlignItemsCenter
+     children:@[_latEditableNode, _lonEditableNode]];
   lonlatSpec.flexGrow = true;
 
-  ASStackLayoutSpec * deltaLonlatSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
-                                                                                spacing:SPACING
-                                                                         justifyContent:ASStackLayoutJustifyContentStart
-                                                                             alignItems:ASStackLayoutAlignItemsCenter
-                                                                               children:@[_deltaLatEditableNode, _deltaLonEditableNode]];
+  ASStackLayoutSpec *deltaLonlatSpec =
+    [ASStackLayoutSpec
+     stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
+     spacing:SPACING
+     justifyContent:ASStackLayoutJustifyContentStart
+     alignItems:ASStackLayoutAlignItemsCenter
+     children:@[_deltaLatEditableNode, _deltaLonEditableNode]];
   deltaLonlatSpec.flexGrow = true;
 
-  ASStackLayoutSpec * lonlatConfigSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical
-                                                                                 spacing:SPACING
-                                                                          justifyContent:ASStackLayoutJustifyContentStart
-                                                                              alignItems:ASStackLayoutAlignItemsStretch
-                                                                                children:@[lonlatSpec, deltaLonlatSpec]];
+  ASStackLayoutSpec *lonlatConfigSpec =
+    [ASStackLayoutSpec
+     stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical
+     spacing:SPACING
+     justifyContent:ASStackLayoutJustifyContentStart
+     alignItems:ASStackLayoutAlignItemsStretch
+     children:@[lonlatSpec, deltaLonlatSpec]];
   lonlatConfigSpec.flexGrow = true;
 
-  ASStackLayoutSpec * buttonsSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical
-                                                                            spacing:SPACING
-                                                                     justifyContent:ASStackLayoutJustifyContentStart
-                                                                         alignItems:ASStackLayoutAlignItemsStretch
-                                                                           children:@[_updateRegionButton, _liveMapToggleButton]];
+  ASStackLayoutSpec *buttonsSpec =
+    [ASStackLayoutSpec
+     stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical
+     spacing:SPACING
+     justifyContent:ASStackLayoutJustifyContentStart
+     alignItems:ASStackLayoutAlignItemsStretch
+     children:@[_updateRegionButton, _liveMapToggleButton]];
   buttonsSpec.flexGrow = true;
 
-  ASStackLayoutSpec * dashboardSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
-                                                                              spacing:SPACING
-                                                                       justifyContent:ASStackLayoutJustifyContentStart
-                                                                           alignItems:ASStackLayoutAlignItemsStretch
-                                                                             children:@[lonlatConfigSpec, buttonsSpec]];
+  ASStackLayoutSpec *dashboardSpec =
+    [ASStackLayoutSpec
+     stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
+     spacing:SPACING
+     justifyContent:ASStackLayoutJustifyContentStart
+     alignItems:ASStackLayoutAlignItemsStretch
+     children:@[lonlatConfigSpec, buttonsSpec]];
   dashboardSpec.flexGrow = true;
 
-  ASInsetLayoutSpec * insetSpec = [ASInsetLayoutSpec insetLayoutSpecWithInsets:UIEdgeInsetsMake(20, 10, 0, 10) child:dashboardSpec];
+  ASInsetLayoutSpec *insetSpec =
+    [ASInsetLayoutSpec
+     insetLayoutSpecWithInsets:UIEdgeInsetsMake(20, 10, 0, 10)
+     child:dashboardSpec];
 
-  ASStackLayoutSpec * layoutSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical
-                                                                           spacing:SPACING
-                                                                    justifyContent:ASStackLayoutJustifyContentStart
-                                                                        alignItems:ASStackLayoutAlignItemsStretch
-                                                                          children:@[insetSpec, _mapNode ]];
+  ASStackLayoutSpec *layoutSpec =
+    [ASStackLayoutSpec
+     stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical
+     spacing:SPACING
+     justifyContent:ASStackLayoutJustifyContentStart
+     alignItems:ASStackLayoutAlignItemsStretch
+     children:@[insetSpec, _mapNode ]];
   return layoutSpec;
 }
 
 #pragma mark - Button actions
 
--(void)updateRegion
+- (void)updateRegion
 {
   NSNumberFormatter *f = [[NSNumberFormatter alloc] init];
   f.numberStyle = NSNumberFormatterDecimalStyle;
@@ -190,7 +210,7 @@
   _mapNode.region = region;
 }
 
--(void)toggleLiveMap
+- (void)toggleLiveMap
 {
   _mapNode.liveMap = !_mapNode.liveMap;
   NSString * const liveMapStr = [self liveMapStr];