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

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetFooterViewShadowNode.h

@@ -0,0 +1,28 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/TrueSheetSpec/EventEmitters.h>
+#include <react/renderer/components/TrueSheetSpec/Props.h>
+#include <react/renderer/components/TrueSheetSpec/TrueSheetFooterViewState.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char TrueSheetFooterViewComponentName[];
+
+/*
+ * `ShadowNode` for <TrueSheetFooterView> component.
+ */
+class JSI_EXPORT TrueSheetFooterViewShadowNode final
+    : public ConcreteViewShadowNode<
+          TrueSheetFooterViewComponentName,
+          TrueSheetFooterViewProps,
+          TrueSheetFooterViewEventEmitter,
+          TrueSheetFooterViewState> {
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+ public:
+  void adjustLayoutWithState();
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetFooterViewState.cpp

@@ -0,0 +1,11 @@
+#include "TrueSheetFooterViewState.h"
+
+namespace facebook::react {
+
+#ifdef ANDROID
+folly::dynamic TrueSheetFooterViewState::getDynamic() const {
+  return folly::dynamic::object("bottomInset", bottomInset);
+}
+#endif
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetFooterViewState.h

@@ -0,0 +1,41 @@
+#pragma once
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <react/renderer/mapbuffer/MapBufferBuilder.h>
+#endif
+
+namespace facebook::react {
+
+/*
+ * State for <TrueSheetFooterView> component.
+ * Set from native with the sheet's bottom safe-area inset so the shadow node
+ * pads the footer's bottom edge (see TrueSheetFooterViewShadowNode).
+ */
+class TrueSheetFooterViewState final {
+ public:
+  TrueSheetFooterViewState() = default;
+
+#ifdef ANDROID
+  TrueSheetFooterViewState(
+      TrueSheetFooterViewState const &previousState,
+      folly::dynamic data)
+      : bottomInset(static_cast<float>(data["bottomInset"].getDouble())),
+        initialized(true) {}
+#endif
+
+  float bottomInset{0};
+  // True once native has pushed a real inset — until then the shadow node
+  // seeds the layout from TrueSheetInsets (see TrueSheetFooterViewShadowNode)
+  bool initialized{false};
+
+#ifdef ANDROID
+  folly::dynamic getDynamic() const;
+  MapBuffer getMapBuffer() const {
+    return MapBufferBuilder::EMPTY();
+  }
+#endif
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetInsets.cpp

@@ -0,0 +1,18 @@
+#include "TrueSheetInsets.h"
+
+#include <atomic>
+
+namespace facebook::react {
+
+// Written from the UI thread, read from the layout thread
+static std::atomic<float> gBottomSafeArea{0};
+
+void TrueSheetInsets::setBottomSafeArea(float inset) {
+  gBottomSafeArea.store(inset, std::memory_order_relaxed);
+}
+
+float TrueSheetInsets::bottomSafeArea() {
+  return gBottomSafeArea.load(std::memory_order_relaxed);
+}
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetInsets.h

@@ -0,0 +1,16 @@
+#pragma once
+
+namespace facebook::react {
+
+/*
+ * Bottom safe-area inset published by the host platform (points/dp) so a
+ * late-mounted footer's first layout can be padded before any Fabric state
+ * lands (see TrueSheetFooterViewShadowNode).
+ */
+class TrueSheetInsets {
+ public:
+  static void setBottomSafeArea(float inset);
+  static float bottomSafeArea();
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetViewComponentDescriptor.h

@@ -0,0 +1,28 @@
+#pragma once
+
+#include <react/renderer/components/TrueSheetSpec/TrueSheetViewShadowNode.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook::react {
+
+/*
+ * Descriptor for <TrueSheetView> component.
+ */
+class TrueSheetViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<TrueSheetViewShadowNode> {
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  void adopt(ShadowNode &shadowNode) const override {
+    auto &concreteShadowNode =
+        static_cast<TrueSheetViewShadowNode &>(shadowNode);
+    concreteShadowNode.adjustLayoutWithState();
+
+    ConcreteComponentDescriptor::adopt(shadowNode);
+
+#if !defined(ANDROID)
+    concreteShadowNode.setEventDispatcher(eventDispatcher_);
+#endif
+  }
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetViewShadowNode.cpp

@@ -0,0 +1,61 @@
+#include "TrueSheetViewShadowNode.h"
+
+#include <react/renderer/components/view/conversions.h>
+
+namespace facebook::react {
+
+using namespace yoga;
+
+extern const char TrueSheetViewComponentName[] = "TrueSheetView";
+
+void TrueSheetViewShadowNode::adjustLayoutWithState() {
+  ensureUnsealed();
+
+  auto state = std::static_pointer_cast<
+      const TrueSheetViewShadowNode::ConcreteState>(getState());
+  auto stateData = state->getData();
+
+  // If container dimensions are set from native, override Yoga's dimensions
+  if (stateData.containerWidth > 0 || stateData.containerHeight > 0) {
+    auto &props = getConcreteProps();
+    yoga::Style adjustedStyle = props.yogaStyle;
+    auto currentStyle = yogaNode_.style();
+    bool needsUpdate = false;
+
+    // Set width if provided
+    if (stateData.containerWidth > 0) {
+      adjustedStyle.setDimension(yoga::Dimension::Width, StyleSizeLength::points(stateData.containerWidth));
+      if (adjustedStyle.dimension(yoga::Dimension::Width) != currentStyle.dimension(yoga::Dimension::Width)) {
+        needsUpdate = true;
+      }
+    }
+
+    // Set height if provided
+    if (stateData.containerHeight > 0) {
+      adjustedStyle.setDimension(yoga::Dimension::Height, StyleSizeLength::points(stateData.containerHeight));
+      if (adjustedStyle.dimension(yoga::Dimension::Height) != currentStyle.dimension(yoga::Dimension::Height)) {
+        needsUpdate = true;
+      }
+    }
+
+    if (needsUpdate) {
+      yogaNode_.setStyle(adjustedStyle);
+      yogaNode_.setDirty(true);
+    }
+  }
+}
+
+#if !defined(ANDROID)
+void TrueSheetViewShadowNode::setEventDispatcher(
+    std::weak_ptr<const EventDispatcher> dispatcher) {
+  getStateDataMutable().setEventDispatcher(dispatcher);
+}
+
+TrueSheetViewShadowNode::StateData &
+TrueSheetViewShadowNode::getStateDataMutable() {
+  ensureUnsealed();
+  return const_cast<TrueSheetViewShadowNode::StateData &>(getStateData());
+}
+#endif
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetViewShadowNode.h

@@ -0,0 +1,45 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/TrueSheetSpec/EventEmitters.h>
+#include <react/renderer/components/TrueSheetSpec/Props.h>
+#include <react/renderer/components/TrueSheetSpec/TrueSheetViewState.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook::react {
+
+class EventDispatcher;
+
+JSI_EXPORT extern const char TrueSheetViewComponentName[];
+
+/*
+ * `ShadowNode` for <TrueSheetView> component.
+ */
+class JSI_EXPORT TrueSheetViewShadowNode final
+    : public ConcreteViewShadowNode<
+          TrueSheetViewComponentName,
+          TrueSheetViewProps,
+          TrueSheetViewEventEmitter,
+          TrueSheetViewState> {
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+ public:
+  using StateData = ConcreteViewShadowNode::ConcreteStateData;
+
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::RootNodeKind);
+    return traits;
+  }
+
+  void adjustLayoutWithState();
+
+#if !defined(ANDROID)
+  void setEventDispatcher(std::weak_ptr<const EventDispatcher> dispatcher);
+
+ private:
+  StateData &getStateDataMutable();
+#endif
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetViewState.cpp

@@ -0,0 +1,23 @@
+#include "TrueSheetViewState.h"
+
+namespace facebook::react {
+
+#ifdef ANDROID
+folly::dynamic TrueSheetViewState::getDynamic() const {
+  return folly::dynamic::object("containerWidth", containerWidth)("containerHeight", containerHeight);
+}
+#endif
+
+#if !defined(ANDROID)
+void TrueSheetViewState::setEventDispatcher(
+    std::weak_ptr<const EventDispatcher> dispatcher) {
+  eventDispatcher_ = dispatcher;
+}
+
+std::weak_ptr<const EventDispatcher> TrueSheetViewState::getEventDispatcher()
+    const noexcept {
+  return eventDispatcher_;
+}
+#endif
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetViewState.h

@@ -0,0 +1,52 @@
+#pragma once
+
+#include <memory>
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <react/renderer/mapbuffer/MapBufferBuilder.h>
+#endif
+
+namespace facebook::react {
+
+class EventDispatcher;
+
+/*
+ * State for <TrueSheetView> component.
+ * Contains the container dimensions from native.
+ */
+class TrueSheetViewState final {
+ public:
+  using Shared = std::shared_ptr<const TrueSheetViewState>;
+
+  TrueSheetViewState() = default;
+
+#ifdef ANDROID
+  TrueSheetViewState(
+      TrueSheetViewState const &previousState,
+      folly::dynamic data)
+      : containerWidth(static_cast<float>(data["containerWidth"].getDouble())),
+        containerHeight(static_cast<float>(data["containerHeight"].getDouble())) {}
+#endif
+
+  float containerWidth{0};
+  float containerHeight{0};
+
+#ifdef ANDROID
+  folly::dynamic getDynamic() const;
+  MapBuffer getMapBuffer() const {
+    return MapBufferBuilder::EMPTY();
+  }
+#endif
+
+#if !defined(ANDROID)
+  void setEventDispatcher(std::weak_ptr<const EventDispatcher> dispatcher);
+  std::weak_ptr<const EventDispatcher> getEventDispatcher() const noexcept;
+
+ private:
+  std::weak_ptr<const EventDispatcher> eventDispatcher_;
+#endif
+};
+
+} // namespace facebook::react

package/ios/TrueSheetContainerView.h

@@ -10,16 +10,31 @@
 
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
+#import <react/renderer/components/TrueSheetSpec/Props.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
+@interface ScrollableOptions : NSObject
+
+@property (nonatomic, assign) CGFloat keyboardScrollOffset;
+@property (nonatomic, assign) BOOL scrollingExpandsSheet;
+@property (nonatomic, assign) facebook::react::TrueSheetViewTopScrollEdgeEffect topScrollEdgeEffect;
+@property (nonatomic, assign) facebook::react::TrueSheetViewBottomScrollEdgeEffect bottomScrollEdgeEffect;
+
+@end
+
+@class TrueSheetPeekView;
+
 @protocol TrueSheetContainerViewDelegate <NSObject>
 
-/**
- * Called when the container's content size changes
- * @param newSize The new size of the content
- */
 - (void)containerViewContentDidChangeSize:(CGSize)newSize;
+- (void)containerViewScrollViewDidChange;
+
+@optional
+
+- (void)containerViewHeaderDidChangeSize:(CGSize)newSize;
+- (void)containerViewFooterDidChangeSize:(CGSize)newSize;
+- (void)containerViewPeekDidChangeSize:(CGSize)newSize;
 
 @end
 
@@ -30,15 +45,75 @@ NS_ASSUME_NONNULL_BEGIN
  */
 @property (nonatomic, weak, nullable) id<TrueSheetContainerViewDelegate> delegate;
 
+/**
+ * Inset adjustment mode for scrollable content
+ */
+@property (nonatomic, assign) facebook::react::TrueSheetViewInsetAdjustment insetAdjustment;
+
+/**
+ * Options for scrollable behavior
+ */
+@property (nonatomic, strong, nullable) ScrollableOptions *scrollableOptions;
+
+/**
+ * Whether the sheet has an `auto` detent — bounds the pinned scrollable's
+ * viewport to the container so the sheet height can derive from its content size
+ */
+@property (nonatomic, assign) BOOL hasAutoDetent;
+
+/**
+ * Bottom safe-area inset the footer absorbs as padding — the footer
+ * owns the sheet's bottom edge, so its background fills the inset
+ */
+@property (nonatomic, assign) CGFloat footerBottomInset;
+
 /**
  * Returns the current content height
  */
 - (CGFloat)contentHeight;
 
 /**
- * Updates footer layout constraints if needed
+ * Returns the current header height
+ */
+- (CGFloat)headerHeight;
+
+/**
+ * Returns the current footer height
+ */
+- (CGFloat)footerHeight;
+
+/**
+ * Returns the current height of the peek view within the content
+ */
+- (CGFloat)peekContentHeight;
+
+/**
+ * Registers a peek view found within the content subtree
+ */
+- (void)attachPeekView:(TrueSheetPeekView *)peekView;
+
+/**
+ * Re-applies the footer's keyboard slide to reflect a live `keyboardOffset` change.
+ */
+- (void)updateFooterKeyboardOffset;
+
+- (BOOL)hasAccessibilityFooterElements;
+
+/**
+ * Setup scrollable content
+ */
+- (void)setupScrollable;
+
+/**
+ * Setup keyboard observer for content and footer
+ * @param viewController The sheet view controller to observe keyboard events for
+ */
+- (void)setupKeyboardObserverWithViewController:(UIViewController *)viewController;
+
+/**
+ * Cleanup keyboard observer
  */
-- (void)layoutFooter;
+- (void)cleanupKeyboardObserver;
 
 @end