@lodev09/react-native-true-sheet 3.0.0-beta.6 → 3.0.0-beta.8

package/ios/TrueSheetView.mm

@@ -27,16 +27,19 @@
 #import "utils/LayoutUtil.h"
 #import "utils/WindowUtil.h"
 
-#import <react/renderer/components/TrueSheetSpec/ComponentDescriptors.h>
 #import <react/renderer/components/TrueSheetSpec/EventEmitters.h>
 #import <react/renderer/components/TrueSheetSpec/Props.h>
 #import <react/renderer/components/TrueSheetSpec/RCTComponentViewHelpers.h>
+#import <react/renderer/components/TrueSheetSpec/TrueSheetViewComponentDescriptor.h>
+#import <react/renderer/components/TrueSheetSpec/TrueSheetViewShadowNode.h>
+#import <react/renderer/components/TrueSheetSpec/TrueSheetViewState.h>
 
 #import <React/RCTConversions.h>
 #import <React/RCTFabricComponentsPlugins.h>
 #import <React/RCTLog.h>
 #import <React/RCTSurfaceTouchHandler.h>
 #import <React/RCTUtils.h>
+#import <react/renderer/core/State.h>
 
 using namespace facebook::react;
 
@@ -47,28 +50,31 @@ using namespace facebook::react;
   TrueSheetContainerView *_containerView;
   TrueSheetViewController *_controller;
   RCTSurfaceTouchHandler *_touchHandler;
+  TrueSheetViewShadowNode::ConcreteState::Shared _state;
+  CGSize _lastStateSize;
   NSInteger _initialDetentIndex;
   BOOL _fitScrollView;
   BOOL _initialDetentAnimated;
+  BOOL _isSheetUpdatePending;
 }
 
+#pragma mark - Initialization
+
 - (instancetype)initWithFrame:(CGRect)frame {
   if (self = [super initWithFrame:frame]) {
     static const auto defaultProps = std::make_shared<const TrueSheetViewProps>();
     _props = defaultProps;
 
-    // Initialize controller - persists across container lifecycle
     _controller = [[TrueSheetViewController alloc] init];
     _controller.delegate = self;
 
-    // Initialize touch handler - will be attached to container when mounted
     _touchHandler = [[RCTSurfaceTouchHandler alloc] init];
-
     _containerView = nil;
-
+    _lastStateSize = CGSizeZero;
     _initialDetentIndex = -1;
     _initialDetentAnimated = YES;
     _fitScrollView = NO;
+    _isSheetUpdatePending = NO;
   }
   return self;
 }
@@ -76,28 +82,23 @@ using namespace facebook::react;
 - (void)didMoveToWindow {
   [super didMoveToWindow];
 
-  if (!self.window) {
+  if (!self.window)
     return;
-  }
 
-  // Register this view with the TurboModule when added to window
-  // This ensures the tag is properly set by the framework
+  // Register with TurboModule when tag is set
   if (self.tag > 0) {
     [TrueSheetModule registerView:self withTag:@(self.tag)];
   }
 }
 
 - (void)dealloc {
-  // Dismiss controller if presented
   if (_controller && _controller.presentingViewController) {
     [_controller dismissViewControllerAnimated:NO completion:nil];
   }
 
-  // Clean up controller
   _controller.delegate = nil;
   _controller = nil;
 
-  // Unregister this view from the TurboModule
   [TrueSheetModule unregisterViewWithTag:@(self.tag)];
 }
 
@@ -107,276 +108,262 @@ using namespace facebook::react;
   return concreteComponentDescriptorProvider<TrueSheetViewComponentDescriptor>();
 }
 
-#pragma mark - TurboModule Methods
-
-- (void)presentAtIndex:(NSInteger)index
-              animated:(BOOL)animated
-            completion:(nullable TrueSheetCompletionBlock)completion {
-  if (_controller.isPresented) {
-    [_controller.sheetPresentationController animateChanges:^{
-      [self->_controller setupActiveDetentWithIndex:index];
-    }];
-
-    if (completion) {
-      completion(YES, nil);
-    }
-    return;
-  }
-
-  UIViewController *presentingViewController = [self findPresentingViewController];
-
-  if (!presentingViewController) {
-    NSError *error = [NSError errorWithDomain:@"com.lodev09.TrueSheet"
-                                         code:1001
-                                     userInfo:@{NSLocalizedDescriptionKey : @"No presenting view controller found"}];
-
-    if (completion) {
-      completion(NO, error);
-    }
-    return;
-  }
-
-  // Setup our sheet properties
-  [_controller setupSheetProps];
-  [_controller setupSheetDetents];
-
-  // Set to the given detent index
-  [_controller setupActiveDetentWithIndex:index];
-
-  // Present our sheet
-  [presentingViewController presentViewController:self->_controller
-                                         animated:animated
-                                       completion:^{
-                                         // Call completion handler
-                                         if (completion) {
-                                           completion(YES, nil);
-                                         }
-                                       }];
-}
-
-- (void)dismissAnimated:(BOOL)animated completion:(nullable TrueSheetCompletionBlock)completion {
-  if (!_controller.isPresented) {
-    if (completion) {
-      completion(YES, nil);
-    }
-    return;
-  }
-
-  [_controller dismissViewControllerAnimated:animated
-                                  completion:^{
-                                    if (completion) {
-                                      completion(YES, nil);
-                                    }
-                                  }];
-}
-
-- (void)resizeToIndex:(NSInteger)index {
-  if (_controller.isPresented) {
-    [_controller.sheetPresentationController animateChanges:^{
-      [self->_controller setupActiveDetentWithIndex:index];
-    }];
-  }
-}
-
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
   [super updateProps:props oldProps:oldProps];
 
   const auto &newProps = *std::static_pointer_cast<TrueSheetViewProps const>(props);
 
-  // Update detents - pass numbers directly (-1 represents "auto")
+  // Detents (-1 represents "auto")
   NSMutableArray *detents = [NSMutableArray new];
   for (const auto &detent : newProps.detents) {
     [detents addObject:@(detent)];
   }
-
   _controller.detents = detents;
 
-  if (newProps.background == 0) {
-    _controller.backgroundColor = nil;
-  } else {
-    UIColor *color = RCTUIColorFromSharedColor(SharedColor(newProps.background));
-    _controller.backgroundColor = color;
-  }
+  // Background color
+  _controller.backgroundColor =
+    newProps.background == 0 ? nil : RCTUIColorFromSharedColor(SharedColor(newProps.background));
 
-  // Update blur tint - always set it to clear when removed
+  // Blur tint
   _controller.blurTint = !newProps.blurTint.empty() ? RCTNSStringFromString(newProps.blurTint) : nil;
 
-  // Update corner radius
-  if (newProps.cornerRadius < 0) {
-    _controller.cornerRadius = nil;
-  } else {
-    _controller.cornerRadius = @(newProps.cornerRadius);
-  }
+  // Corner radius
+  _controller.cornerRadius = newProps.cornerRadius < 0 ? nil : @(newProps.cornerRadius);
 
-  // Update max height
+  // Max height
   if (newProps.maxHeight != 0.0) {
     _controller.maxHeight = @(newProps.maxHeight);
   }
 
-  // Update grabber
   _controller.grabber = newProps.grabber;
-
-  // Update page sizing
   _controller.pageSizing = newProps.pageSizing;
-
-  // Update dismissible
   _controller.modalInPresentation = !newProps.dismissible;
-
-  // Update dimmed
   _controller.dimmed = newProps.dimmed;
 
-  // Update dimmedDetentIndex
   if (newProps.dimmedDetentIndex >= 0) {
     _controller.dimmedDetentIndex = @(newProps.dimmedDetentIndex);
   }
 
-  // Store initial presentation settings
   _initialDetentIndex = newProps.initialDetentIndex;
   _initialDetentAnimated = newProps.initialDetentAnimated;
-
-  // Store ScrollView fit prop
   _fitScrollView = newProps.fitScrollView;
+
+  if (_containerView) {
+    _containerView.scrollViewPinningEnabled = _fitScrollView;
+  }
+}
+
+- (void)updateState:(const State::Shared &)state oldState:(const State::Shared &)oldState {
+  _state = std::static_pointer_cast<TrueSheetViewShadowNode::ConcreteState const>(state);
+
+  if (_controller) {
+    [self updateStateWithSize:_controller.view.frame.size];
+  }
+}
+
+/**
+ * Updates Fabric state with container width for Yoga layout.
+ */
+- (void)updateStateWithSize:(CGSize)size {
+  if (!_state || size.width <= 0 || size.width == _lastStateSize.width)
+    return;
+
+  _lastStateSize = size;
+  _state->updateState([=](TrueSheetViewShadowNode::ConcreteState::Data const &oldData)
+                        -> TrueSheetViewShadowNode::ConcreteState::SharedData {
+    auto newData = oldData;
+    newData.containerWidth = static_cast<float>(size.width);
+    return std::make_shared<TrueSheetViewShadowNode::ConcreteState::Data const>(newData);
+  });
 }
 
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask {
   [super finalizeUpdates:updateMask];
 
-  // Apply controller updates after all props and children are updated
-  if (updateMask & RNComponentViewUpdateMaskProps) {
-    if (!_controller)
-      return;
+  if (!(updateMask & RNComponentViewUpdateMaskProps) || !_controller)
+    return;
 
-    // Update ScrollView Pinning
-    if (_containerView) {
-      [_containerView setupContentScrollViewPinning:_fitScrollView];
-    }
+  if (_containerView) {
+    [_containerView setupContentScrollViewPinning];
+  }
 
-    // Apply changes to presented sheet if needed
-    if (_controller.isPresented) {
-      [_controller.sheetPresentationController animateChanges:^{
-        [self->_controller setupSheetProps];
-        [self->_controller setupSheetDetents];
-        [self->_controller applyActiveDetent];
-      }];
-    } else {
-      // Handle initial presentation
-      if (_initialDetentIndex >= 0 && !_controller.isPresented) {
-        [self presentAtIndex:_initialDetentIndex animated:_initialDetentAnimated completion:nil];
-      }
-    }
+  if (_controller.isPresented) {
+    [_controller.sheetPresentationController animateChanges:^{
+      [self->_controller setupSheetProps];
+      [self->_controller setupSheetDetents];
+      [self->_controller applyActiveDetent];
+    }];
+  } else if (_initialDetentIndex >= 0) {
+    [self presentAtIndex:_initialDetentIndex animated:_initialDetentAnimated completion:nil];
   }
 }
 
-- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index {
-  // Check if it's a container view
-  if ([childComponentView isKindOfClass:[TrueSheetContainerView class]]) {
-    if (_containerView != nil) {
-      RCTLogWarn(@"TrueSheet: Sheet can only have one container component.");
-      return;
-    }
+- (void)prepareForRecycle {
+  [super prepareForRecycle];
 
-    _containerView = (TrueSheetContainerView *)childComponentView;
+  _lastStateSize = CGSizeZero;
 
-    // Set this view as the container's delegate
-    _containerView.delegate = self;
+  if (_controller && _controller.presentingViewController) {
+    [_controller dismissViewControllerAnimated:YES completion:nil];
+  }
 
-    // Attach touch handler to container for touch event handling
-    [_touchHandler attachToView:_containerView];
+  [TrueSheetModule unregisterViewWithTag:@(self.tag)];
+}
 
-    // Add to parent view hierarchy
-    [_controller.view addSubview:_containerView];
+#pragma mark - Child Component Mounting
 
-    // Pin container to fill the entire parent view
-    [LayoutUtil pinView:_containerView toParentView:_controller.view edges:UIRectEdgeAll];
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index {
+  if (![childComponentView isKindOfClass:[TrueSheetContainerView class]])
+    return;
 
-    // Ensure container is above background view
-    [_controller.view bringSubviewToFront:_containerView];
+  if (_containerView != nil) {
+    RCTLogWarn(@"TrueSheet: Sheet can only have one container component.");
+    return;
+  }
 
-    // Force layout pass immediately so container gets correct width on mount
-    // This pushes the width to Yoga before the sheet is presented
-    [_controller.view layoutIfNeeded];
+  _containerView = (TrueSheetContainerView *)childComponentView;
+  _containerView.delegate = self;
 
-    // Get initial content height from container
-    CGFloat contentHeight = [_containerView contentHeight];
-    if (contentHeight > 0) {
-      _controller.contentHeight = @(contentHeight);
-    }
+  [_touchHandler attachToView:_containerView];
+  [_controller.view addSubview:_containerView];
+  [LayoutUtil pinView:_containerView toParentView:_controller.view edges:UIRectEdgeAll];
+  [_controller.view bringSubviewToFront:_containerView];
 
-    // Update fitScrollView setting on container
-    [_containerView setupContentScrollViewPinning:_fitScrollView];
+  CGFloat contentHeight = [_containerView contentHeight];
+  if (contentHeight > 0) {
+    _controller.contentHeight = @(contentHeight);
+  }
 
-    // Emit onMount event when container is mounted
-    [OnMountEvent emit:_eventEmitter];
+  CGFloat headerHeight = [_containerView headerHeight];
+  if (headerHeight > 0) {
+    _controller.headerHeight = @(headerHeight);
   }
+
+  _containerView.scrollViewPinningEnabled = _fitScrollView;
+  [_containerView setupContentScrollViewPinning];
+
+  [OnMountEvent emit:_eventEmitter];
 }
 
 - (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index {
-  if ([childComponentView isKindOfClass:[TrueSheetContainerView class]]) {
-    _containerView.delegate = nil;
-
-    // Detach touch handler
-    if (_touchHandler) {
-      [_touchHandler detachFromView:_containerView];
-    }
+  if (![childComponentView isKindOfClass:[TrueSheetContainerView class]])
+    return;
 
-    // Unpin and remove from view hierarchy
-    [LayoutUtil unpinView:_containerView];
-    [_containerView removeFromSuperview];
+  _containerView.delegate = nil;
 
-    _containerView = nil;
+  if (_touchHandler) {
+    [_touchHandler detachFromView:_containerView];
   }
+
+  [LayoutUtil unpinView:_containerView fromParentView:nil];
+  [_containerView removeFromSuperview];
+  _containerView = nil;
 }
 
-- (void)prepareForRecycle {
-  [super prepareForRecycle];
+#pragma mark - TurboModule Methods
 
-  // Dismiss controller if presented
-  if (_controller && _controller.presentingViewController) {
-    [_controller dismissViewControllerAnimated:YES completion:nil];
+- (void)presentAtIndex:(NSInteger)index
+              animated:(BOOL)animated
+            completion:(nullable TrueSheetCompletionBlock)completion {
+  if (_controller.isPresented) {
+    [_controller.sheetPresentationController animateChanges:^{
+      [self->_controller setupActiveDetentWithIndex:index];
+    }];
+    if (completion) {
+      completion(YES, nil);
+    }
+    return;
   }
 
-  // Unregister from the registry
-  // Note: Re-registration will happen automatically when the component is reused
-  [TrueSheetModule unregisterViewWithTag:@(self.tag)];
+  UIViewController *presentingViewController = [self findPresentingViewController];
+  if (!presentingViewController) {
+    NSError *error = [NSError errorWithDomain:@"com.lodev09.TrueSheet"
+                                         code:1001
+                                     userInfo:@{NSLocalizedDescriptionKey : @"No presenting view controller found"}];
+    if (completion) {
+      completion(NO, error);
+    }
+    return;
+  }
+
+  [_controller setupSheetProps];
+  [_controller setupSheetDetents];
+  [_controller setupActiveDetentWithIndex:index];
+
+  [presentingViewController presentViewController:_controller
+                                         animated:animated
+                                       completion:^{
+                                         if (completion) {
+                                           completion(YES, nil);
+                                         }
+                                       }];
+}
+
+- (void)dismissAnimated:(BOOL)animated completion:(nullable TrueSheetCompletionBlock)completion {
+  if (!_controller.isPresented) {
+    if (completion) {
+      completion(YES, nil);
+    }
+    return;
+  }
+
+  [_controller dismissViewControllerAnimated:animated
+                                  completion:^{
+                                    if (completion) {
+                                      completion(YES, nil);
+                                    }
+                                  }];
+}
+
+- (void)resizeToIndex:(NSInteger)index {
+  if (_controller.isPresented) {
+    [_controller.sheetPresentationController animateChanges:^{
+      [self->_controller setupActiveDetentWithIndex:index];
+    }];
+  }
 }
 
 #pragma mark - TrueSheetContainerViewDelegate
 
-- (void)containerViewContentDidChangeSize:(CGSize)newSize {
-  // Clamp content height to container height to prevent unbounded growth with scrollable content
-  CGFloat containerHeight = _controller.containerHeight;
-  CGFloat contentHeight = containerHeight > 0 ? MIN(newSize.height, containerHeight) : newSize.height;
+/**
+ * Debounced sheet update to handle rapid content/header size changes.
+ */
+- (void)updateSheetIfNeeded {
+  if (!_controller.isPresented || _isSheetUpdatePending)
+    return;
 
-  _controller.contentHeight = @(contentHeight);
+  _isSheetUpdatePending = YES;
 
-  // Update detents if sheet is already presented
-  if (_controller.isPresented) {
-    // Tell controller that we are transitioning from layout changes.
-    // Controller viewDidLayoutSubviews will handle position notification.
-    _controller.layoutTransitioning = YES;
+  dispatch_async(dispatch_get_main_queue(), ^{
+    self->_isSheetUpdatePending = NO;
+    self->_controller.layoutTransitioning = YES;
 
-    [_controller.sheetPresentationController animateChanges:^{
+    [self->_controller.sheetPresentationController animateChanges:^{
       [self->_controller setupSheetDetents];
     }];
-  }
+  });
+}
+
+- (void)containerViewContentDidChangeSize:(CGSize)newSize {
+  _controller.contentHeight = @(newSize.height);
+  [self updateSheetIfNeeded];
+}
+
+- (void)containerViewHeaderDidChangeSize:(CGSize)newSize {
+  _controller.headerHeight = @(newSize.height);
+  [self updateSheetIfNeeded];
 }
 
 #pragma mark - TrueSheetViewControllerDelegate
 
 - (void)viewControllerWillPresent {
   NSInteger index = [_controller currentDetentIndex];
-  CGFloat position = _controller.currentPosition;
-
   _controller.activeDetentIndex = index;
-
-  [OnWillPresentEvent emit:_eventEmitter index:index position:position];
+  [OnWillPresentEvent emit:_eventEmitter index:index position:_controller.currentPosition];
 }
 
 - (void)viewControllerDidPresent {
-  NSInteger index = [_controller currentDetentIndex];
-  CGFloat position = _controller.currentPosition;
-
-  [OnDidPresentEvent emit:_eventEmitter index:index position:position];
+  [OnDidPresentEvent emit:_eventEmitter index:[_controller currentDetentIndex] position:_controller.currentPosition];
 }
 
 - (void)viewControllerDidDrag:(UIGestureRecognizerState)state index:(NSInteger)index position:(CGFloat)position {
@@ -384,16 +371,13 @@ using namespace facebook::react;
     case UIGestureRecognizerStateBegan:
       [OnDragBeginEvent emit:_eventEmitter index:index position:position];
       break;
-
     case UIGestureRecognizerStateChanged:
       [OnDragChangeEvent emit:_eventEmitter index:index position:position];
       break;
-
     case UIGestureRecognizerStateEnded:
     case UIGestureRecognizerStateCancelled:
       [OnDragEndEvent emit:_eventEmitter index:index position:position];
       break;
-
     default:
       break;
   }
@@ -405,7 +389,6 @@ using namespace facebook::react;
 
 - (void)viewControllerDidDismiss {
   _controller.activeDetentIndex = -1;
-
   [OnDidDismissEvent emit:_eventEmitter];
 }
 
@@ -413,7 +396,6 @@ using namespace facebook::react;
   if (_controller.activeDetentIndex != index) {
     _controller.activeDetentIndex = index;
   }
-
   [OnDetentChangeEvent emit:_eventEmitter index:index position:position];
 }
 
@@ -421,30 +403,29 @@ using namespace facebook::react;
   [OnPositionChangeEvent emit:_eventEmitter index:index position:position transitioning:transitioning];
 }
 
+- (void)viewControllerDidChangeSize:(CGSize)size {
+  [self updateStateWithSize:size];
+}
+
 #pragma mark - Private Helpers
 
 - (UIViewController *)findPresentingViewController {
   UIWindow *keyWindow = [WindowUtil keyWindow];
-
-  if (!keyWindow) {
+  if (!keyWindow)
     return nil;
-  }
 
   UIViewController *rootViewController = keyWindow.rootViewController;
-
-  if (!rootViewController) {
+  if (!rootViewController)
     return nil;
-  }
 
-  // Find the top-most presented view controller
+  // Find topmost presented view controller
   while (rootViewController.presentedViewController) {
     UIViewController *presented = rootViewController.presentedViewController;
 
-    // Skip TrueSheetViewController if it's being dismissed
+    // Skip TrueSheetViewController if being dismissed
     if ([presented isKindOfClass:[TrueSheetViewController class]] && presented.isBeingDismissed) {
       break;
     }
-
     rootViewController = presented;
   }
 

package/ios/TrueSheetViewController.h

@@ -26,6 +26,7 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)viewControllerDidChangeDetent:(NSInteger)index position:(CGFloat)position;
 - (void)viewControllerDidDrag:(UIGestureRecognizerState)state index:(NSInteger)index position:(CGFloat)position;
 - (void)viewControllerDidChangePosition:(NSInteger)index position:(CGFloat)position transitioning:(BOOL)transitioning;
+- (void)viewControllerDidChangeSize:(CGSize)size;
 
 @end
 
@@ -40,6 +41,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, strong) NSArray *detents;
 @property (nonatomic, strong, nullable) NSNumber *maxHeight;
 @property (nonatomic, strong, nullable) NSNumber *contentHeight;
+@property (nonatomic, strong, nullable) NSNumber *headerHeight;
 @property (nonatomic, strong, nullable) UIColor *backgroundColor;
 @property (nonatomic, strong, nullable) NSNumber *cornerRadius;
 @property (nonatomic, assign) BOOL grabber;
@@ -58,8 +60,6 @@ NS_ASSUME_NONNULL_BEGIN
 - (NSInteger)currentDetentIndex;
 - (CGFloat)currentPosition;
 - (CGFloat)bottomInset;
-- (CGFloat)currentHeight;
-- (CGFloat)containerHeight;
 
 @end