@lodev09/react-native-true-sheet 2.0.5 → 4.0.0-beta.0

package/ios/TrueSheetContainerView.h

@@ -0,0 +1,47 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol TrueSheetContainerViewDelegate <NSObject>
+
+/**
+ * Called when the container's content size changes
+ * @param newSize The new size of the content
+ */
+- (void)containerViewContentDidChangeSize:(CGSize)newSize;
+
+@end
+
+@interface TrueSheetContainerView : RCTViewComponentView
+
+/**
+ * Delegate to notify of content size changes
+ */
+@property (nonatomic, weak, nullable) id<TrueSheetContainerViewDelegate> delegate;
+
+/**
+ * Returns the current content height
+ */
+- (CGFloat)contentHeight;
+
+/**
+ * Updates footer layout constraints if needed
+ */
+- (void)layoutFooter;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/TrueSheetContainerView.mm

@@ -0,0 +1,117 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetContainerView.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 "TrueSheetContentView.h"
+#import "TrueSheetFooterView.h"
+
+#import <React/RCTConversions.h>
+
+using namespace facebook::react;
+
+@interface TrueSheetContainerView () <TrueSheetContentViewDelegate>
+@end
+
+@implementation TrueSheetContainerView {
+  TrueSheetContentView *_contentView;
+  TrueSheetFooterView *_footerView;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+  return concreteComponentDescriptorProvider<TrueSheetContainerViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const TrueSheetContainerViewProps>();
+    _props = defaultProps;
+
+    self.backgroundColor = [UIColor clearColor];
+
+    _contentView = nil;
+    _footerView = nil;
+  }
+  return self;
+}
+
+- (void)dealloc {
+}
+
+- (CGFloat)contentHeight {
+  return _contentView ? _contentView.frame.size.height : 0;
+}
+
+- (void)layoutFooter {
+  if (_footerView) {
+    // Force footer to reapply constraints on size change
+    CGFloat height = _footerView.frame.size.height;
+    if (height > 0) {
+      [_footerView setupConstraintsWithHeight:height];
+    }
+  }
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index {
+  [super mountChildComponentView:childComponentView index:index];
+
+  // Handle content view mounting
+  if ([childComponentView isKindOfClass:[TrueSheetContentView class]]) {
+    if (_contentView != nil) {
+      NSLog(@"TrueSheet: Container can only have one content component.");
+      return;
+    }
+
+    _contentView = (TrueSheetContentView *)childComponentView;
+    _contentView.delegate = self;
+  }
+
+  // Handle footer view mounting
+  if ([childComponentView isKindOfClass:[TrueSheetFooterView class]]) {
+    if (_footerView != nil) {
+      NSLog(@"TrueSheet: Container can only have one footer component.");
+      return;
+    }
+
+    _footerView = (TrueSheetFooterView *)childComponentView;
+  }
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index {
+  if ([childComponentView isKindOfClass:[TrueSheetContentView class]]) {
+    _contentView = nil;
+  }
+
+  if ([childComponentView isKindOfClass:[TrueSheetFooterView class]]) {
+    _footerView = nil;
+  }
+
+  [super unmountChildComponentView:childComponentView index:index];
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
+  [super updateProps:props oldProps:oldProps];
+}
+
+#pragma mark - TrueSheetContentViewDelegate
+
+- (void)contentViewDidChangeSize:(CGSize)newSize {
+  // Forward content size changes to host view for sheet resizing
+  if ([self.delegate respondsToSelector:@selector(containerViewContentDidChangeSize:)]) {
+    [self.delegate containerViewContentDidChangeSize:newSize];
+  }
+}
+
+@end
+
+#endif

package/ios/TrueSheetContentView.h

@@ -0,0 +1,37 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTSurfaceTouchHandler.h>
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+#import <react/renderer/core/LayoutMetrics.h>
+
+@class TrueSheetViewController;
+@class RCTScrollViewComponentView;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol TrueSheetContentViewDelegate <NSObject>
+
+- (void)contentViewDidChangeSize:(CGSize)newSize;
+
+@end
+
+@interface TrueSheetContentView : RCTViewComponentView
+
+@property (nonatomic, weak, nullable) id<TrueSheetContentViewDelegate> delegate;
+
+- (RCTScrollViewComponentView *_Nullable)findScrollView;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/TrueSheetContentView.mm

@@ -0,0 +1,114 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetContentView.h"
+#import <React/RCTScrollViewComponentView.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 "TrueSheetViewController.h"
+#import "utils/LayoutUtil.h"
+
+using namespace facebook::react;
+
+@implementation TrueSheetContentView {
+  RCTScrollViewComponentView *_pinnedScrollView;
+  CGSize _lastSize;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+  return concreteComponentDescriptorProvider<TrueSheetContentViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const TrueSheetContentViewProps>();
+    _props = defaultProps;
+
+    _pinnedScrollView = nil;
+    _lastSize = CGSizeZero;
+  }
+  return self;
+}
+
+- (void)updateLayoutMetrics:(const LayoutMetrics &)layoutMetrics
+           oldLayoutMetrics:(const LayoutMetrics &)oldLayoutMetrics {
+  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
+
+  // Notify delegate when content size changes for sheet height updates
+  CGSize newSize = CGSizeMake(layoutMetrics.frame.size.width, layoutMetrics.frame.size.height);
+  if (!CGSizeEqualToSize(newSize, _lastSize)) {
+    _lastSize = newSize;
+    if ([self.delegate respondsToSelector:@selector(contentViewDidChangeSize:)]) {
+      [self.delegate contentViewDidChangeSize:newSize];
+    }
+  }
+}
+
+- (void)didMoveToSuperview {
+  [super didMoveToSuperview];
+
+  // Setup scroll view pinning after Fabric mounts the view in container
+  // Ensures proper view hierarchy for scroll detection and pinning
+  if (self.superview) {
+    [self setupScrollViewPinning];
+  }
+}
+
+- (void)setupScrollViewPinning {
+  // Auto-detect and pin scroll views for proper sheet scrolling behavior
+  // Pinning ensures ScrollView fills the sheet area and scrolls correctly with the sheet
+  RCTScrollViewComponentView *scrollView = [self findScrollView];
+
+  if (scrollView && scrollView != _pinnedScrollView) {
+    // Unpin previous scroll view if exists
+    if (_pinnedScrollView) {
+      [LayoutUtil unpinView:_pinnedScrollView];
+    }
+
+    // Pin to container view to enable proper scrolling within the sheet
+    UIView *containerView = self.superview;
+    if (containerView) {
+      [LayoutUtil pinView:scrollView toParentView:containerView edges:UIRectEdgeAll];
+      _pinnedScrollView = scrollView;
+    }
+  }
+}
+
+- (RCTScrollViewComponentView *)findScrollView {
+  // Get the React component's root view
+  if (self.subviews.count == 0) {
+    return nil;
+  }
+
+  // Check first-level children for scroll views (ScrollView or FlatList)
+  for (UIView *subview in self.subviews) {
+    if ([subview isKindOfClass:RCTScrollViewComponentView.class]) {
+      return static_cast<RCTScrollViewComponentView *>(subview);
+    }
+  }
+
+  return nil;
+}
+
+- (void)prepareForRecycle {
+  [super prepareForRecycle];
+
+  // Remove scroll view constraints
+  if (_pinnedScrollView) {
+    [LayoutUtil unpinView:_pinnedScrollView];
+    _pinnedScrollView = nil;
+  }
+}
+
+@end
+
+#endif

package/ios/TrueSheetFooterView.h

@@ -0,0 +1,27 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTSurfaceTouchHandler.h>
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+@class TrueSheetViewController;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TrueSheetFooterView : RCTViewComponentView
+
+- (void)setupConstraintsWithHeight:(CGFloat)height;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/TrueSheetFooterView.mm

@@ -0,0 +1,101 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetFooterView.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 "TrueSheetViewController.h"
+#import "utils/LayoutUtil.h"
+
+using namespace facebook::react;
+
+@implementation TrueSheetFooterView {
+  CGFloat _lastHeight;
+  BOOL _didInitialLayout;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+  return concreteComponentDescriptorProvider<TrueSheetFooterViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const TrueSheetFooterViewProps>();
+    _props = defaultProps;
+
+    // Set background color to clear by default
+    self.backgroundColor = [UIColor clearColor];
+
+    _lastHeight = 0;
+    _didInitialLayout = NO;
+  }
+  return self;
+}
+
+- (void)setupConstraintsWithHeight:(CGFloat)height {
+  UIView *parentView = self.superview;
+  if (!parentView) {
+    return;
+  }
+
+  // Remove existing constraints before applying new ones
+  [LayoutUtil unpinView:self];
+
+  // Pin footer to bottom and sides of container with specific height
+  [LayoutUtil pinView:self
+         toParentView:parentView
+                edges:UIRectEdgeLeft | UIRectEdgeRight | UIRectEdgeBottom
+               height:height];
+
+  _lastHeight = height;
+}
+
+- (void)didMoveToSuperview {
+  [super didMoveToSuperview];
+
+  // Setup footer constraints when added to container
+  if (self.superview) {
+    CGFloat initialHeight = self.frame.size.height;
+    [self setupConstraintsWithHeight:initialHeight];
+  }
+}
+
+- (void)updateLayoutMetrics:(const facebook::react::LayoutMetrics &)layoutMetrics
+           oldLayoutMetrics:(const facebook::react::LayoutMetrics &)oldLayoutMetrics {
+  CGFloat height = layoutMetrics.frame.size.height;
+
+  // On initial layout, call super to let React Native position the view
+  // After that, we use Auto Layout constraints instead
+  if (!_didInitialLayout) {
+    [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
+    _didInitialLayout = YES;
+  }
+
+  // Update footer constraints when height changes
+  if (height != _lastHeight) {
+    [self setupConstraintsWithHeight:height];
+  }
+}
+
+- (void)prepareForRecycle {
+  [super prepareForRecycle];
+
+  // Remove footer constraints
+  [LayoutUtil unpinView:self];
+
+  _lastHeight = 0;
+  _didInitialLayout = NO;
+}
+
+@end
+
+#endif

package/ios/TrueSheetModule.h

@@ -0,0 +1,44 @@
+//
+//  TrueSheetModule.h
+//  TrueSheet
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#pragma once
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTBridgeModule.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class TrueSheetView;
+
+/**
+ * TurboModule for TrueSheet imperative API
+ * Provides promise-based async operations using view references
+ */
+@interface TrueSheetModule : NSObject <RCTBridgeModule>
+
+/**
+ * Register a sheet component view with its React tag
+ * Called automatically by TrueSheetView during initialization
+ */
++ (void)registerView:(TrueSheetView *)view withTag:(NSNumber *)tag;
+
+/**
+ * Unregister a sheet component view
+ * Called automatically by TrueSheetView during dealloc
+ */
++ (void)unregisterViewWithTag:(NSNumber *)tag;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/TrueSheetModule.mm

@@ -0,0 +1,133 @@
+//
+//  TrueSheetModule.mm
+//  TrueSheet
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetModule.h"
+#import <React/RCTUtils.h>
+#import "TrueSheetView.h"
+
+#import <TrueSheetSpec/TrueSheetSpec.h>
+
+// Static registry to store view references by tag
+static NSMutableDictionary<NSNumber *, TrueSheetView *> *viewRegistry;
+
+@interface TrueSheetModule () <NativeTrueSheetModuleSpec>
+@end
+
+@implementation TrueSheetModule
+
+RCT_EXPORT_MODULE(TrueSheetModule)
+
++ (void)initialize {
+  if (self == [TrueSheetModule class]) {
+    viewRegistry = [NSMutableDictionary new];
+  }
+}
+
++ (BOOL)requiresMainQueueSetup {
+  return NO;
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+  (const facebook::react::ObjCTurboModule::InitParams &)params {
+  return std::make_shared<facebook::react::NativeTrueSheetModuleSpecJSI>(params);
+}
+
+#pragma mark - TurboModule Methods
+
+- (void)presentByRef:(double)viewTag
+               index:(double)index
+             resolve:(RCTPromiseResolveBlock)resolve
+              reject:(RCTPromiseRejectBlock)reject {
+  RCTExecuteOnMainQueue(^{
+    TrueSheetView *trueSheetView = [TrueSheetModule getTrueSheetViewByTag:@((NSInteger)viewTag)];
+
+    if (!trueSheetView) {
+      reject(@"SHEET_NOT_FOUND", [NSString stringWithFormat:@"No sheet found with tag %d", (int)viewTag], nil);
+      return;
+    }
+
+    [trueSheetView presentAtIndex:(NSInteger)index
+                         animated:YES
+                       completion:^(BOOL success, NSError *_Nullable error) {
+                         if (success) {
+                           resolve(nil);
+                         } else {
+                           reject(@"PRESENT_FAILED", error.localizedDescription ?: @"Failed to present sheet", error);
+                         }
+                       }];
+  });
+}
+
+- (void)dismissByRef:(double)viewTag resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject {
+  RCTExecuteOnMainQueue(^{
+    TrueSheetView *trueSheetView = [TrueSheetModule getTrueSheetViewByTag:@((NSInteger)viewTag)];
+
+    if (!trueSheetView) {
+      reject(@"SHEET_NOT_FOUND", [NSString stringWithFormat:@"No sheet found with tag %d", (int)viewTag], nil);
+      return;
+    }
+
+    [trueSheetView dismissAnimated:YES
+                        completion:^(BOOL success, NSError *_Nullable error) {
+                          if (success) {
+                            resolve(nil);
+                          } else {
+                            reject(@"DISMISS_FAILED", error.localizedDescription ?: @"Failed to dismiss sheet", error);
+                          }
+                        }];
+  });
+}
+
+- (void)resizeByRef:(double)viewTag
+              index:(double)index
+            resolve:(RCTPromiseResolveBlock)resolve
+             reject:(RCTPromiseRejectBlock)reject {
+  // Resize is just present with a different index
+  [self presentByRef:viewTag index:index resolve:resolve reject:reject];
+}
+
+#pragma mark - Helper Methods
+
++ (nullable TrueSheetView *)getTrueSheetViewByTag:(NSNumber *)reactTag {
+  if (!reactTag) {
+    return nil;
+  }
+
+  @synchronized(viewRegistry) {
+    return viewRegistry[reactTag];
+  }
+}
+
++ (void)registerView:(TrueSheetView *)view withTag:(NSNumber *)tag {
+  if (!tag || !view) {
+    return;
+  }
+
+  @synchronized(viewRegistry) {
+    viewRegistry[tag] = view;
+  }
+}
+
++ (void)unregisterViewWithTag:(NSNumber *)tag {
+  if (!tag) {
+    return;
+  }
+
+  @synchronized(viewRegistry) {
+    [viewRegistry removeObjectForKey:tag];
+  }
+}
+
+@end
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/TrueSheetView.h

@@ -0,0 +1,53 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#pragma once
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+@class TrueSheetViewController;
+
+NS_ASSUME_NONNULL_BEGIN
+
+// Completion block for async operations
+typedef void (^TrueSheetCompletionBlock)(BOOL success, NSError *_Nullable error);
+
+@interface TrueSheetView : RCTViewComponentView
+
+///**
+// * The view controller managing the sheet presentation
+// * Exposed so container can access it
+// */
+//@property (nonatomic, readonly, strong) TrueSheetViewController *controller;
+//
+///**
+// * Whether the sheet is currently presented
+// */
+//@property (nonatomic, readonly) BOOL isPresented;
+//
+///**
+// * The currently active detent index
+// */
+//@property (nonatomic, readonly, strong, nullable) NSNumber *activeIndex;
+
+// TurboModule methods
+- (void)presentAtIndex:(NSInteger)index
+              animated:(BOOL)animated
+            completion:(nullable TrueSheetCompletionBlock)completion;
+
+- (void)dismissAnimated:(BOOL)animated completion:(nullable TrueSheetCompletionBlock)completion;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif  // RCT_NEW_ARCH_ENABLED