CKInsetComponent live editing

Summary:
CKInsetComponent's insets are now live editable
P.S. Now it takes some time to see the view changed and the new value of insets on flipper side

Reviewed By: kevin0571

Differential Revision: D16338109

fbshipit-source-id: 9c6648e72d55a09df9d715637e82901d1b5dcec8

iOS/Plugins/FlipperKitLayoutPlugin/FlipperKitLayoutComponentKitSupport/CKInsetComponent+Sonar.mm

@@ -19,7 +19,33 @@ FB_LINKABLE(CKInsetComponent_Sonar)
 
 - (NSArray<SKNamed<NSDictionary<NSString *, NSObject *> *> *> *)sonar_additionalDataOverride
 {
-  return @[[SKNamed newWithName:@"CKInsetComponent" withValue:@{@"insets": SKObject([[self valueForKey: @"_insets"] UIEdgeInsetsValue])}]];
+  return @[[SKNamed newWithName:@"CKInsetComponent" withValue:@{@"insets": SKMutableObject([[self valueForKey:@"_insets"] UIEdgeInsetsValue])}]];
+}
+
+- (void)setMutableData:(id)data {
+  [self setValue:data forKey:@"_insets"];
+}
+
+- (NSDictionary<NSString *, SKNodeDataChanged> *)sonar_getDataMutationsChanged {
+  __block UIEdgeInsets insets = [[self valueForKey:@"_insets"] UIEdgeInsetsValue];
+  return @{
+           @"CKInsetComponent.insets.bottom": ^(NSNumber *value) {
+             insets.bottom = value.floatValue;
+             return [NSValue valueWithUIEdgeInsets:insets];
+           },
+           @"CKInsetComponent.insets.left": ^(NSNumber *value) {
+             insets.left = value.floatValue;
+             return [NSValue valueWithUIEdgeInsets:insets];
+           },
+           @"CKInsetComponent.insets.right": ^(NSNumber *value) {
+             insets.right = value.floatValue;
+             return [NSValue valueWithUIEdgeInsets:insets];
+           },
+           @"CKInsetComponent.insets.top": ^(NSNumber *value) {
+             insets.top = value.floatValue;
+             return [NSValue valueWithUIEdgeInsets:insets];
+           },
+           };
 }
 
 @end