@amazon-devices/react-native-safe-area-context 2.0.1758683737 → 8.0.9000000000

package/android/src/paper/java/com/th3rdwave/safeareacontext/InsetsChangeEvent.kt

@@ -0,0 +1,29 @@
+@file:Suppress("DEPRECATION")
+
+package com.th3rdwave.safeareacontext
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+internal class InsetsChangeEvent(
+    @Suppress("UNUSED_PARAMETER") surfaceId: Int,
+    viewTag: Int,
+    private val mInsets: EdgeInsets,
+    private val mFrame: Rect
+// New ctor is only available in RN 0.65.
+) : Event<InsetsChangeEvent>(viewTag) {
+  override fun getEventName() = EVENT_NAME
+
+  // TODO: Migrate to getEventData when dropping support for RN 0.64.
+  override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+    val event = Arguments.createMap()
+    event.putMap("insets", edgeInsetsToJsMap(mInsets))
+    event.putMap("frame", rectToJsMap(mFrame))
+    rctEventEmitter.receiveEvent(viewTag, eventName, event)
+  }
+
+  companion object {
+    const val EVENT_NAME = "topInsetsChange"
+  }
+}

package/android/src/paper/java/com/th3rdwave/safeareacontext/NativeSafeAreaContextSpec.java

@@ -0,0 +1,56 @@
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * <p>Do not edit this file as changes may cause incorrect behavior and will be lost once the code
+ * is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleJavaSpec.js
+ * @nolint
+ */
+package com.th3rdwave.safeareacontext;
+
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactModuleWithSpec;
+import com.facebook.react.common.build.ReactBuildConfig;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import java.util.Arrays;
+import java.util.HashSet;
+import java.util.Map;
+import java.util.Set;
+import javax.annotation.Nullable;
+
+public abstract class NativeSafeAreaContextSpec extends ReactContextBaseJavaModule
+    implements ReactModuleWithSpec, TurboModule {
+  public NativeSafeAreaContextSpec(ReactApplicationContext reactContext) {
+    super(reactContext);
+  }
+
+  protected abstract Map<String, Object> getTypedExportedConstants();
+
+  @Override
+  @DoNotStrip
+  public final @Nullable Map<String, Object> getConstants() {
+    Map<String, Object> constants = getTypedExportedConstants();
+    if (ReactBuildConfig.DEBUG || ReactBuildConfig.IS_INTERNAL_BUILD) {
+      Set<String> obligatoryFlowConstants = new HashSet<>();
+      Set<String> optionalFlowConstants = new HashSet<>(Arrays.asList("initialWindowMetrics"));
+      Set<String> undeclaredConstants = new HashSet<>(constants.keySet());
+      undeclaredConstants.removeAll(obligatoryFlowConstants);
+      undeclaredConstants.removeAll(optionalFlowConstants);
+      if (!undeclaredConstants.isEmpty()) {
+        throw new IllegalStateException(
+            String.format("Native Module Flow doesn't declare constants: %s", undeclaredConstants));
+      }
+      undeclaredConstants = obligatoryFlowConstants;
+      undeclaredConstants.removeAll(constants.keySet());
+      if (!undeclaredConstants.isEmpty()) {
+        throw new IllegalStateException(
+            String.format("Native Module doesn't fill in constants: %s", undeclaredConstants));
+      }
+    }
+    return constants;
+  }
+}

package/android/src/paper/java/com/th3rdwave/safeareacontext/UIManagerHelperCompat.kt

@@ -0,0 +1,20 @@
+package com.th3rdwave.safeareacontext
+
+import android.content.Context
+import android.content.ContextWrapper
+import android.view.View
+import com.facebook.react.bridge.ReactContext
+
+/** UIManagerHelper.getReactContext only exists in RN 0.63+ so vendor it here for a while. */
+fun getReactContext(view: View): ReactContext {
+  var context = view.context
+  if (context !is ReactContext && context is ContextWrapper) {
+    context = context.baseContext
+  }
+  return context as ReactContext
+}
+
+/** UIManagerHelper.getSurfaceId only exists in RN 0.65+, surface id is only needed for new arch. */
+fun getSurfaceId(@Suppress("UNUSED_PARAMETER") context: Context): Int {
+  return -1
+}

package/common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewComponentDescriptor.h

@@ -0,0 +1,25 @@
+#pragma once
+
+#include <react/renderer/components/safeareacontext/RNCSafeAreaViewShadowNode.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Descriptor for <RNCSafeAreaView> component.
+ */
+class RNCSafeAreaViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<RNCSafeAreaViewShadowNode> {
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+  void adopt(ShadowNode &shadowNode) const override {
+    auto &concreteShadowNode =
+        static_cast<RNCSafeAreaViewShadowNode &>(shadowNode);
+    concreteShadowNode.adjustLayoutWithState();
+
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+};
+
+} // namespace react
+} // namespace facebook

package/common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewShadowNode.cpp

@@ -0,0 +1,131 @@
+#include "RNCSafeAreaViewShadowNode.h"
+
+#include <react/renderer/components/view/conversions.h>
+#include <react/renderer/core/LayoutContext.h>
+#include <yoga/Yoga.h>
+#include <algorithm>
+
+namespace facebook {
+namespace react {
+
+using namespace yoga;
+
+extern const char RNCSafeAreaViewComponentName[] = "RNCSafeAreaView";
+
+inline Style::Length valueFromEdges(
+    Style::Length edge,
+    Style::Length axis,
+    Style::Length defaultValue) {
+  if (edge.isDefined()) {
+    return edge;
+  }
+  if (axis.isDefined()) {
+    return axis;
+  }
+  return defaultValue;
+}
+
+inline float
+getEdgeValue(std::string edgeMode, float insetValue, float edgeValue) {
+  if (edgeMode == "off") {
+    return edgeValue;
+  } else if (edgeMode == "maximum") {
+    return fmax(insetValue, edgeValue);
+  } else {
+    return insetValue + edgeValue;
+  }
+}
+
+void RNCSafeAreaViewShadowNode::adjustLayoutWithState() {
+  ensureUnsealed();
+
+  auto &props = getConcreteProps();
+  auto state =
+      std::static_pointer_cast<const RNCSafeAreaViewShadowNode::ConcreteState>(
+          getState());
+  auto stateData = state->getData();
+  auto edges = props.edges;
+
+  // Get the current values for padding / margin. The only caveat here is that
+  // percent values are not supported. Also might need to add support for start
+  // / end.
+  Style::Length top, left, right, bottom;
+  if (props.mode == RNCSafeAreaViewMode::Padding) {
+    auto defaultPadding = props.yogaStyle.padding(Edge::All);
+    top = valueFromEdges(
+        props.yogaStyle.padding(Edge::Top),
+        props.yogaStyle.padding(Edge::Vertical),
+        defaultPadding);
+    left = valueFromEdges(
+        props.yogaStyle.padding(Edge::Left),
+        props.yogaStyle.padding(Edge::Horizontal),
+        defaultPadding);
+    bottom = valueFromEdges(
+        props.yogaStyle.padding(Edge::Bottom),
+        props.yogaStyle.padding(Edge::Vertical),
+        defaultPadding);
+    right = valueFromEdges(
+        props.yogaStyle.padding(Edge::Right),
+        props.yogaStyle.padding(Edge::Horizontal),
+        defaultPadding);
+  } else {
+    auto defaultMargin = props.yogaStyle.margin(Edge::All);
+    top = valueFromEdges(
+        props.yogaStyle.margin(Edge::Top),
+        props.yogaStyle.margin(Edge::Vertical),
+        defaultMargin);
+    left = valueFromEdges(
+        props.yogaStyle.margin(Edge::Left),
+        props.yogaStyle.margin(Edge::Horizontal),
+        defaultMargin);
+    bottom = valueFromEdges(
+        props.yogaStyle.margin(Edge::Bottom),
+        props.yogaStyle.margin(Edge::Vertical),
+        defaultMargin);
+    right = valueFromEdges(
+        props.yogaStyle.margin(Edge::Right),
+        props.yogaStyle.margin(Edge::Horizontal),
+        defaultMargin);
+  }
+
+  top = Style::Length::points(getEdgeValue(
+      edges.top, stateData.insets.top, top.value().unwrapOrDefault(0)));
+  left = Style::Length::points(getEdgeValue(
+      edges.left, stateData.insets.left, left.value().unwrapOrDefault(0)));
+  right = Style::Length::points(getEdgeValue(
+      edges.right, stateData.insets.right, right.value().unwrapOrDefault(0)));
+  bottom = Style::Length::points(getEdgeValue(
+      edges.bottom,
+      stateData.insets.bottom,
+      bottom.value().unwrapOrDefault(0)));
+
+  yoga::Style adjustedStyle = getConcreteProps().yogaStyle;
+  if (props.mode == RNCSafeAreaViewMode::Padding) {
+    adjustedStyle.setPadding(Edge::Top, top);
+    adjustedStyle.setPadding(Edge::Left, left);
+    adjustedStyle.setPadding(Edge::Right, right);
+    adjustedStyle.setPadding(Edge::Bottom, bottom);
+  } else {
+    adjustedStyle.setMargin(Edge::Top, top);
+    adjustedStyle.setMargin(Edge::Left, left);
+    adjustedStyle.setMargin(Edge::Right, right);
+    adjustedStyle.setMargin(Edge::Bottom, bottom);
+  }
+
+  auto currentStyle = yogaNode_.style();
+  if (adjustedStyle.padding(Edge::Top) != currentStyle.padding(Edge::Top) ||
+      adjustedStyle.padding(Edge::Left) != currentStyle.padding(Edge::Left) ||
+      adjustedStyle.padding(Edge::Right) != currentStyle.padding(Edge::Right) ||
+      adjustedStyle.padding(Edge::Bottom) !=
+          currentStyle.padding(Edge::Bottom) ||
+      adjustedStyle.margin(Edge::Top) != currentStyle.margin(Edge::Top) ||
+      adjustedStyle.margin(Edge::Left) != currentStyle.margin(Edge::Left) ||
+      adjustedStyle.margin(Edge::Right) != currentStyle.margin(Edge::Right) ||
+      adjustedStyle.margin(Edge::Bottom) != currentStyle.margin(Edge::Bottom)) {
+    yogaNode_.setStyle(adjustedStyle);
+    yogaNode_.setDirty(true);
+  }
+}
+
+} // namespace react
+} // namespace facebook

package/common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewShadowNode.h

@@ -0,0 +1,36 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/safeareacontext/EventEmitters.h>
+#include <react/renderer/components/safeareacontext/Props.h>
+#include <react/renderer/components/safeareacontext/RNCSafeAreaViewState.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+JSI_EXPORT extern const char RNCSafeAreaViewComponentName[];
+
+/*
+ * `ShadowNode` for <RNCSafeAreaView> component.
+ */
+class JSI_EXPORT RNCSafeAreaViewShadowNode final
+    : public ConcreteViewShadowNode<
+          RNCSafeAreaViewComponentName,
+          RNCSafeAreaViewProps,
+          ViewEventEmitter,
+          RNCSafeAreaViewState> {
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+ public:
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::DirtyYogaNode);
+    return traits;
+  }
+
+  void adjustLayoutWithState();
+};
+
+} // namespace react
+} // namespace facebook

package/common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewState.cpp

@@ -0,0 +1,23 @@
+#include "RNCSafeAreaViewState.h"
+
+namespace facebook {
+namespace react {
+
+#ifdef ANDROID
+
+folly::dynamic RNCSafeAreaViewState::getDynamic() const {
+  folly::dynamic insetsValue = folly::dynamic::object();
+  insetsValue["top"] = insets.top;
+  insetsValue["left"] = insets.left;
+  insetsValue["bottom"] = insets.bottom;
+  insetsValue["right"] = insets.right;
+
+  folly::dynamic data = folly::dynamic::object();
+  data["insets"] = insetsValue;
+
+  return data;
+}
+#endif
+
+} // namespace react
+} // namespace facebook

package/common/cpp/react/renderer/components/safeareacontext/RNCSafeAreaViewState.h

@@ -0,0 +1,56 @@
+#pragma once
+
+#include <react/renderer/components/safeareacontext/Props.h>
+#include <react/renderer/graphics/RectangleEdges.h>
+#include <vector>
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <react/renderer/mapbuffer/MapBufferBuilder.h>
+#endif
+
+namespace facebook {
+namespace react {
+
+#ifdef ANDROID
+inline EdgeInsets edgeInsetsFromDynamic(const folly::dynamic &value) {
+  return EdgeInsets{
+      .left = (float)value["left"].getDouble(),
+      .top = (float)value["top"].getDouble(),
+      .right = (float)value["right"].getDouble(),
+      .bottom = (float)value["bottom"].getDouble(),
+  };
+}
+
+#endif
+
+/*
+ * State for <RNCSafeAreaView> component.
+ */
+class JSI_EXPORT RNCSafeAreaViewState final {
+ public:
+  using Shared = std::shared_ptr<const RNCSafeAreaViewState>;
+
+  RNCSafeAreaViewState(){};
+
+#ifdef ANDROID
+  RNCSafeAreaViewState(
+      RNCSafeAreaViewState const &previousState,
+      folly::dynamic data)
+      : insets(edgeInsetsFromDynamic(data["insets"])){};
+#endif
+
+  EdgeInsets insets{};
+
+#ifdef ANDROID
+  folly::dynamic getDynamic() const;
+  MapBuffer getMapBuffer() const {
+    return MapBufferBuilder::EMPTY();
+  };
+
+#endif
+};
+
+} // namespace react
+} // namespace facebook

package/ios/Fabric/RNCSafeAreaProviderComponentView.h

@@ -0,0 +1,13 @@
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNCSafeAreaProviderComponentView : RCTViewComponentView
+
+extern NSString *const RNCSafeAreaDidChange;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/Fabric/RNCSafeAreaProviderComponentView.mm

@@ -0,0 +1,129 @@
+#import "RNCSafeAreaProviderComponentView.h"
+
+#import <react/renderer/components/safeareacontext/ComponentDescriptors.h>
+#import <react/renderer/components/safeareacontext/EventEmitters.h>
+#import <react/renderer/components/safeareacontext/Props.h>
+#import <react/renderer/components/safeareacontext/RCTComponentViewHelpers.h>
+
+#import <React/RCTFabricComponentsPlugins.h>
+#import "RNCSafeAreaUtils.h"
+
+using namespace facebook::react;
+
+@interface RNCSafeAreaProviderComponentView () <RCTRNCSafeAreaProviderViewProtocol>
+@end
+
+@implementation RNCSafeAreaProviderComponentView {
+  UIEdgeInsets _currentSafeAreaInsets;
+  CGRect _currentFrame;
+  BOOL _initialInsetsSent;
+}
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNCSafeAreaProviderProps>();
+    _props = defaultProps;
+
+#if !TARGET_OS_TV
+    [NSNotificationCenter.defaultCenter addObserver:self
+                                           selector:@selector(invalidateSafeAreaInsets)
+                                               name:UIKeyboardDidShowNotification
+                                             object:nil];
+    [NSNotificationCenter.defaultCenter addObserver:self
+                                           selector:@selector(invalidateSafeAreaInsets)
+                                               name:UIKeyboardDidHideNotification
+                                             object:nil];
+    [NSNotificationCenter.defaultCenter addObserver:self
+                                           selector:@selector(invalidateSafeAreaInsets)
+                                               name:UIKeyboardDidChangeFrameNotification
+                                             object:nil];
+#endif
+  }
+
+  return self;
+}
+
+- (void)safeAreaInsetsDidChange
+{
+  [self invalidateSafeAreaInsets];
+}
+
+- (void)invalidateSafeAreaInsets
+{
+  // This gets called before the view size is set by react-native so
+  // make sure to wait so we don't set wrong insets to JS.
+  if (CGSizeEqualToSize(self.frame.size, CGSizeZero)) {
+    return;
+  }
+
+  UIEdgeInsets safeAreaInsets = self.safeAreaInsets;
+  CGRect frame = [self convertRect:self.bounds toView:RNCParentViewController(self).view];
+
+  if (_initialInsetsSent &&
+      UIEdgeInsetsEqualToEdgeInsetsWithThreshold(safeAreaInsets, _currentSafeAreaInsets, 1.0 / RCTScreenScale()) &&
+      CGRectEqualToRect(frame, _currentFrame)) {
+    return;
+  }
+
+  _initialInsetsSent = YES;
+  _currentSafeAreaInsets = safeAreaInsets;
+  _currentFrame = frame;
+
+  [NSNotificationCenter.defaultCenter postNotificationName:RNCSafeAreaDidChange object:self userInfo:nil];
+
+  if (_eventEmitter) {
+    RNCSafeAreaProviderEventEmitter::OnInsetsChange event = {
+        .insets =
+            {
+                .top = safeAreaInsets.top,
+                .left = safeAreaInsets.left,
+                .bottom = safeAreaInsets.bottom,
+                .right = safeAreaInsets.right,
+            },
+        .frame =
+            {
+                .x = frame.origin.x,
+                .y = frame.origin.y,
+                .width = frame.size.width,
+                .height = frame.size.height,
+            },
+    };
+    std::static_pointer_cast<RNCSafeAreaProviderEventEmitter const>(_eventEmitter)->onInsetsChange(event);
+  }
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+
+  [self invalidateSafeAreaInsets];
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNCSafeAreaProviderComponentDescriptor>();
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _currentSafeAreaInsets = UIEdgeInsetsZero;
+  _currentFrame = CGRectZero;
+  _initialInsetsSent = NO;
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RNCSafeAreaProviderCls(void)
+{
+  return RNCSafeAreaProviderComponentView.class;
+}

package/ios/Fabric/RNCSafeAreaViewComponentView.h

@@ -0,0 +1,11 @@
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNCSafeAreaViewComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/Fabric/RNCSafeAreaViewComponentView.mm

@@ -0,0 +1,153 @@
+#import "RNCSafeAreaViewComponentView.h"
+
+#import <react/renderer/components/safeareacontext/EventEmitters.h>
+#import <react/renderer/components/safeareacontext/Props.h>
+#import <react/renderer/components/safeareacontext/RCTComponentViewHelpers.h>
+#import <react/renderer/components/safeareacontext/RNCSafeAreaViewComponentDescriptor.h>
+#import <react/renderer/components/safeareacontext/RNCSafeAreaViewShadowNode.h>
+
+#import <React/RCTConversions.h>
+#import <React/RCTFabricComponentsPlugins.h>
+
+#import "RNCSafeAreaProviderComponentView.h"
+#import "RNCSafeAreaUtils.h"
+
+using namespace facebook::react;
+
+@interface RNCSafeAreaViewComponentView () <RCTRNCSafeAreaViewViewProtocol>
+@end
+
+@implementation RNCSafeAreaViewComponentView {
+  RNCSafeAreaViewShadowNode::ConcreteState::Shared _state;
+  UIEdgeInsets _currentSafeAreaInsets;
+  __weak UIView *_Nullable _providerView;
+}
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const RNCSafeAreaViewProps>();
+    _props = defaultProps;
+  }
+
+  return self;
+}
+
+- (NSString *)description
+{
+  NSString *superDescription = [super description];
+
+  // Cutting the last `>` character.
+  if (superDescription.length > 0 && [superDescription characterAtIndex:superDescription.length - 1] == '>') {
+    superDescription = [superDescription substringToIndex:superDescription.length - 1];
+  }
+
+  return [NSString stringWithFormat:@"%@; RNCSafeAreaInsets = %@; appliedRNCSafeAreaInsets = %@>",
+                                    superDescription,
+                                    NSStringFromUIEdgeInsets(_providerView.safeAreaInsets),
+                                    NSStringFromUIEdgeInsets(_currentSafeAreaInsets)];
+}
+
+- (void)didMoveToWindow
+{
+  UIView *previousProviderView = _providerView;
+  _providerView = [self findNearestProvider];
+
+  [self updateStateIfNecessary];
+
+  if (previousProviderView != _providerView) {
+    [NSNotificationCenter.defaultCenter removeObserver:self name:RNCSafeAreaDidChange object:previousProviderView];
+    [NSNotificationCenter.defaultCenter addObserver:self
+                                           selector:@selector(safeAreaProviderInsetsDidChange:)
+                                               name:RNCSafeAreaDidChange
+                                             object:_providerView];
+  }
+}
+
+- (void)safeAreaProviderInsetsDidChange:(NSNotification *)notification
+{
+  [self updateStateIfNecessary];
+}
+
+- (void)updateStateIfNecessary
+{
+  if (_providerView == nil) {
+    return;
+  }
+  UIEdgeInsets safeAreaInsets = _providerView.safeAreaInsets;
+
+  if (UIEdgeInsetsEqualToEdgeInsetsWithThreshold(safeAreaInsets, _currentSafeAreaInsets, 1.0 / RCTScreenScale())) {
+    return;
+  }
+
+  _currentSafeAreaInsets = safeAreaInsets;
+  [self updateState];
+}
+
+- (UIView *)findNearestProvider
+{
+  UIView *current = self.superview;
+  while (current != nil) {
+    if ([current isKindOfClass:RNCSafeAreaProviderComponentView.class]) {
+      return current;
+    }
+    current = current.superview;
+  }
+  return self;
+}
+
+- (void)updateState
+{
+  if (!_state) {
+    return;
+  }
+
+  _state->updateState(
+      [=](RNCSafeAreaViewShadowNode::ConcreteState::Data const &oldData)
+          -> RNCSafeAreaViewShadowNode::ConcreteState::SharedData {
+        auto newData = oldData;
+        newData.insets = RCTEdgeInsetsFromUIEdgeInsets(_currentSafeAreaInsets);
+        return std::make_shared<RNCSafeAreaViewShadowNode::ConcreteState::Data const>(newData);
+      });
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<RNCSafeAreaViewComponentDescriptor>();
+}
+
+- (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState
+{
+  _state = std::static_pointer_cast<RNCSafeAreaViewShadowNode::ConcreteState const>(state);
+}
+
+- (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
+{
+  [super finalizeUpdates:updateMask];
+  [self updateStateIfNecessary];
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+
+  [NSNotificationCenter.defaultCenter removeObserver:self];
+  _state.reset();
+  _providerView = nil;
+  _currentSafeAreaInsets = UIEdgeInsetsZero;
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RNCSafeAreaViewCls(void)
+{
+  return RNCSafeAreaViewComponentView.class;
+}