Init button wrapper shadow node

Author: j-piasecki

packages/react-native-gesture-handler/package.json

@@ -137,7 +137,8 @@
     "ios": {
       "componentProvider": {
         "RNGestureHandlerButton": "RNGestureHandlerButtonComponentView",
-        "RNGestureHandlerDetector": "RNGestureHandlerDetector"
+        "RNGestureHandlerDetector": "RNGestureHandlerDetector",
+        "RNGestureHandlerButtonWrapper": "RNGestureHandlerButtonWrapper"
       }
     }
   },

packages/react-native-gesture-handler/shared/shadowNodes/react/renderer/components/rngesturehandler_codegen/ComponentDescriptors.h

@@ -15,12 +15,14 @@
 #include <react/renderer/components/rngesturehandler_codegen/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
 
+#include <react/renderer/components/rngesturehandler_codegen/RNGestureHandlerButtonWrapperComponentDescriptor.h>
 #include <react/renderer/components/rngesturehandler_codegen/RNGestureHandlerDetectorComponentDescriptor.h>
 
 namespace facebook::react {
 
 using RNGestureHandlerButtonComponentDescriptor =
     ConcreteComponentDescriptor<RNGestureHandlerButtonShadowNode>;
+
 using RNGestureHandlerRootViewComponentDescriptor =
     ConcreteComponentDescriptor<RNGestureHandlerRootViewShadowNode>;
 

packages/react-native-gesture-handler/shared/shadowNodes/react/renderer/components/rngesturehandler_codegen/RNGestureHandlerButtonWrapperComponentDescriptor.h

@@ -0,0 +1,32 @@
+
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorH.js
+ */
+
+#pragma once
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+#include "RNGestureHandlerButtonWrapperShadowNode.h"
+
+namespace facebook::react {
+
+class RNGestureHandlerButtonWrapperComponentDescriptor final
+    : public ConcreteComponentDescriptor<
+          RNGestureHandlerButtonWrapperShadowNode> {
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+  void adopt(ShadowNode &shadowNode) const override {
+    react_native_assert(
+        dynamic_cast<RNGestureHandlerButtonWrapperShadowNode *>(&shadowNode));
+
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+};
+
+} // namespace facebook::react

packages/react-native-gesture-handler/shared/shadowNodes/react/renderer/components/rngesturehandler_codegen/RNGestureHandlerButtonWrapperShadowNode.cpp

@@ -0,0 +1,59 @@
+
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateShadowNodeCpp.js
+ */
+
+#include "RNGestureHandlerButtonWrapperShadowNode.h"
+
+namespace facebook::react {
+
+extern const char RNGestureHandlerButtonWrapperComponentName[] =
+    "RNGestureHandlerButtonWrapper";
+
+void RNGestureHandlerButtonWrapperShadowNode::initialize() {
+  // Disable forcing view flattening
+  ShadowNode::traits_.unset(ShadowNodeTraits::ForceFlattenView);
+
+  // When the button wrapper is cloned and has a child node, the child node
+  // should be cloned as well to ensure it is mutable.
+  const auto &children = getChildren();
+  if (!children.empty()) {
+    react_native_assert(
+        children.size() == 1 &&
+        "RNGestureHandlerButtonWrapper received more than one child");
+
+    const auto clonedChild = children[0]->clone({});
+    replaceChild(*children[0], clonedChild);
+  }
+}
+
+void RNGestureHandlerButtonWrapperShadowNode::layout(
+    LayoutContext layoutContext) {
+  YogaLayoutableShadowNode::layout(layoutContext);
+  // TODO: consider allowing more than one child and doing bounding box
+  react_native_assert(getChildren().size() == 1);
+
+  auto child = std::static_pointer_cast<const YogaLayoutableShadowNode>(
+      getChildren()[0]);
+
+  child->ensureUnsealed();
+  auto mutableChild = std::const_pointer_cast<YogaLayoutableShadowNode>(child);
+
+  // TODO: figure out the correct way to setup metrics between button wrapper
+  // and the child
+  auto metrics = child->getLayoutMetrics();
+  metrics.frame = child->getLayoutMetrics().frame;
+  setLayoutMetrics(metrics);
+
+  auto childmetrics = child->getLayoutMetrics();
+  childmetrics.frame.origin = Point{};
+  mutableChild->setLayoutMetrics(childmetrics);
+}
+
+} // namespace facebook::react

packages/react-native-gesture-handler/shared/shadowNodes/react/renderer/components/rngesturehandler_codegen/RNGestureHandlerButtonWrapperShadowNode.h

@@ -0,0 +1,57 @@
+
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateShadowNodeH.js
+ */
+
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/rngesturehandler_codegen/EventEmitters.h>
+#include <react/renderer/components/rngesturehandler_codegen/Props.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <react/renderer/core/LayoutContext.h>
+
+#include "RNGestureHandlerButtonWrapperState.h"
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char RNGestureHandlerButtonWrapperComponentName[];
+
+/*
+ * `ShadowNode` for <RNGestureHandlerButtonWrapper> component.
+ */
+class RNGestureHandlerButtonWrapperShadowNode final
+    : public ConcreteViewShadowNode<
+          RNGestureHandlerButtonWrapperComponentName,
+          RNGestureHandlerButtonWrapperProps,
+          RNGestureHandlerButtonWrapperEventEmitter,
+          RNGestureHandlerButtonWrapperState> {
+ public:
+  RNGestureHandlerButtonWrapperShadowNode(
+      const ShadowNodeFragment &fragment,
+      const ShadowNodeFamily::Shared &family,
+      ShadowNodeTraits traits)
+      : ConcreteViewShadowNode(fragment, family, traits) {
+    initialize();
+  }
+
+  RNGestureHandlerButtonWrapperShadowNode(
+      const ShadowNode &sourceShadowNode,
+      const ShadowNodeFragment &fragment)
+      : ConcreteViewShadowNode(sourceShadowNode, fragment) {
+    initialize();
+  }
+
+  void layout(LayoutContext layoutContext) override;
+
+ private:
+  void initialize();
+};
+
+} // namespace facebook::react

packages/react-native-gesture-handler/shared/shadowNodes/react/renderer/components/rngesturehandler_codegen/RNGestureHandlerButtonWrapperState.h

@@ -0,0 +1,32 @@
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateStateH.js
+ */
+#pragma once
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook::react {
+
+class RNGestureHandlerButtonWrapperState {
+ public:
+  RNGestureHandlerButtonWrapperState() = default;
+
+#ifdef ANDROID
+  RNGestureHandlerButtonWrapperState(
+      RNGestureHandlerButtonWrapperState const &previousState,
+      folly::dynamic data){};
+  folly::dynamic getDynamic() const {
+    return {};
+  };
+#endif
+};
+
+} // namespace facebook::react

packages/react-native-gesture-handler/src/specs/RNGestureHandlerButtonWrapperNativeComponent.ts

@@ -0,0 +1,11 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native';
+
+interface NativeProps extends ViewProps {}
+
+export default codegenNativeComponent<NativeProps>(
+  'RNGestureHandlerButtonWrapper',
+  {
+    interfaceOnly: true,
+  }
+);