react-native-windows 0.0.0-canary.476 → 0.0.0-canary.477

package/.flowconfig

@@ -118,4 +118,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.172.0
+^0.173.0

package/Libraries/ActionSheetIOS/ActionSheetIOS.js

@@ -143,6 +143,13 @@ const ActionSheetIOS = {
       successCallback,
     );
   },
+
+  dismissActionSheet: () => {
+    invariant(RCTActionSheetManager, "ActionSheetManager doesn't exist");
+    if (typeof RCTActionSheetManager.dismissActionSheet === 'function') {
+      RCTActionSheetManager.dismissActionSheet();
+    }
+  },
 };
 
 module.exports = ActionSheetIOS;

package/Libraries/ActionSheetIOS/NativeActionSheetManager.js

@@ -47,6 +47,7 @@ export interface Spec extends TurboModule {
     |}) => void,
     successCallback: (completed: boolean, activityType: ?string) => void,
   ) => void;
+  +dismissActionSheet?: () => void;
 }
 
 export default (TurboModuleRegistry.get<Spec>('ActionSheetManager'): ?Spec);

package/Libraries/Blob/URL.js

@@ -101,7 +101,13 @@ export class URLSearchParams {
     }
     const last = this._searchParams.length - 1;
     return this._searchParams.reduce((acc, curr, index) => {
-      return acc + curr.join('=') + (index === last ? '' : '&');
+      return (
+        acc +
+        encodeURIComponent(curr[0]) +
+        '=' +
+        encodeURIComponent(curr[1]) +
+        (index === last ? '' : '&')
+      );
     }, '');
   }
 }

package/Libraries/Components/StatusBar/StatusBar.js

@@ -471,7 +471,12 @@ class StatusBar extends React.Component<Props> {
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
           NativeStatusBarManagerAndroid.setHidden(mergedProps.hidden.value);
         }
-        if (!oldProps || oldProps.translucent !== mergedProps.translucent) {
+        // Activities are not translucent by default, so always set if true.
+        if (
+          !oldProps ||
+          oldProps.translucent !== mergedProps.translucent ||
+          mergedProps.translucent
+        ) {
           NativeStatusBarManagerAndroid.setTranslucent(mergedProps.translucent);
         }
       }

package/Libraries/Components/TextInput/TextInputState.js

@@ -73,7 +73,7 @@ function blurField(textFieldID: ?number) {
 /**
  * @param {number} TextInputID id of the text field to focus
  * Focuses the specified text field
- * noop if the text field was already focused
+ * noop if the text field was already focused or if the field is not editable
  */
 function focusTextInput(textField: ?ComponentRef) {
   if (typeof textField === 'number') {
@@ -86,7 +86,15 @@ function focusTextInput(textField: ?ComponentRef) {
     return;
   }
 
-  if (currentlyFocusedInputRef !== textField && textField != null) {
+  if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
     focusInput(textField);
     if (Platform.OS === 'ios') {
       // This isn't necessarily a single line text input

package/Libraries/Components/TextInput/TextInputState.windows.js

@@ -20,7 +20,6 @@ import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSi
 import {Commands as WindowsTextInputCommands} from '../../Components/TextInput/WindowsTextInputNativeComponent';
 
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import {UIManager} from 'react-native';
 type ComponentRef = React.ElementRef<HostComponent<mixed>>;
 
 let currentlyFocusedInputRef: ?ComponentRef = null;
@@ -75,7 +74,7 @@ function blurField(textFieldID: ?number) {
 /**
  * @param {number} TextInputID id of the text field to focus
  * Focuses the specified text field
- * noop if the text field was already focused
+ * noop if the text field was already focused or if the field is not editable
  */
 function focusTextInput(textField: ?ComponentRef) {
   if (typeof textField === 'number') {
@@ -97,7 +96,15 @@ function focusTextInput(textField: ?ComponentRef) {
     focusInput(textField);
     WindowsTextInputCommands.focus(textField);
     // Windows]
-  } else if (currentlyFocusedInputRef !== textField && textField != null) {
+  } else if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
     focusInput(textField);
     if (Platform.OS === 'ios') {
       // This isn't necessarily a single line text input

package/Libraries/Components/TextInput/WindowsTextInputNativeComponent.js

@@ -17,7 +17,7 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
 });
 
 const WindowsTextInputComponent: NativeType =
-  requireNativeComponent<mixed>('RCTTextInput');
+  requireNativeComponent<mixed>('WindowsTextInput');
 
 export default WindowsTextInputComponent;
 // [Windows]

package/Libraries/Core/ExceptionsManager.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow strict-local
+ * @flow strict
  */
 
 'use strict';

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 0,
   patch: 0,
-  prerelease: '20220311-2027-b676ca560',
+  prerelease: '20220322-2008-8a5460ce8',
 };

package/Libraries/LogBox/Data/LogBoxData.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
+ * @flow strict
  * @format
  */
 

package/Libraries/LogBox/Data/LogBoxLog.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
+ * @flow strict
  * @format
  */
 

package/Libraries/LogBox/Data/LogBoxSymbolication.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
+ * @flow strict
  * @format
  */
 

package/Libraries/LogBox/Data/parseLogBoxLog.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
+ * @flow strict
  * @format
  */
 

package/Libraries/LogBox/LogBox.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict
  * @format
  */
 
@@ -75,24 +75,6 @@ if (__DEV__) {
       consoleErrorImpl = registerError;
       consoleWarnImpl = registerWarning;
 
-      if ((console: any).disableYellowBox === true) {
-        LogBoxData.setDisabled(true);
-        console.warn(
-          'console.disableYellowBox has been deprecated and will be removed in a future release. Please use LogBox.ignoreAllLogs(value) instead.',
-        );
-      }
-
-      (Object.defineProperty: any)(console, 'disableYellowBox', {
-        configurable: true,
-        get: () => LogBoxData.isDisabled(),
-        set: value => {
-          LogBoxData.setDisabled(value);
-          console.warn(
-            'console.disableYellowBox has been deprecated and will be removed in a future release. Please use LogBox.ignoreAllLogs(value) instead.',
-          );
-        },
-      });
-
       if (Platform.isTesting) {
         LogBoxData.setDisabled(true);
       }
@@ -115,7 +97,6 @@ if (__DEV__) {
       // After uninstalling:  original > LogBox (noop) > OtherErrorHandler
       consoleErrorImpl = originalConsoleError;
       consoleWarnImpl = originalConsoleWarn;
-      delete (console: any).disableLogBox;
     },
 
     isInstalled(): boolean {
@@ -153,7 +134,7 @@ if (__DEV__) {
     return typeof args[0] === 'string' && args[0].startsWith('(ADVICE)');
   };
 
-  const isWarningModuleWarning = (...args: any) => {
+  const isWarningModuleWarning = (...args: Array<mixed>) => {
     return typeof args[0] === 'string' && args[0].startsWith('Warning: ');
   };
 

package/Libraries/LogBox/UI/LogBoxInspectorFooter.js

@@ -69,6 +69,7 @@ function FooterButton(props: ButtonProps): React.Node {
 const buttonStyles = StyleSheet.create({
   safeArea: {
     flex: 1,
+    // $FlowFixMe[sketchy-null-bool]
     paddingBottom: DeviceInfo.getConstants().isIPhoneX_deprecated ? 30 : 0,
   },
   content: {

package/Microsoft.ReactNative/Fabric/ComponentViewRegistry.cpp

@@ -19,6 +19,7 @@
 #include <react/renderer/components/text/TextShadowNode.h>
 #include <react/renderer/components/textinput/iostextinput/TextInputShadowNode.h>
 #include <react/renderer/components/view/ViewShadowNode.h>
+#include "TextInput/WindowsTextInputShadowNode.h"
 
 #include "ActivityIndicatorComponentView.h"
 #include "ImageComponentView.h"
@@ -27,6 +28,7 @@
 #include "SliderComponentView.h"
 #include "SwitchComponentView.h"
 #include "TextComponentView.h"
+#include "TextInput/WindowsTextInputComponentView.h"
 #include "ViewComponentView.h"
 #include "XamlView.h"
 
@@ -55,6 +57,8 @@ ComponentViewDescriptor const &ComponentViewRegistry::dequeueComponentViewWithCo
     view = std::make_shared<SliderComponentView>(m_context);
   } else if (componentHandle == facebook::react::SwitchShadowNode::Handle()) {
     view = std::make_shared<SwitchComponentView>(m_context);
+  } else if (componentHandle == facebook::react::WindowsTextInputShadowNode::Handle()) {
+    view = std::make_shared<WindowsTextInputComponentView>();
   } else if (componentHandle == facebook::react::ActivityIndicatorViewShadowNode::Handle()) {
     view = std::make_shared<ActivityIndicatorComponentView>();
   } else {
@@ -80,6 +84,15 @@ ComponentViewDescriptor const &ComponentViewRegistry::componentViewDescriptorWit
   return iterator->second;
 }
 
+std::shared_ptr<IComponentView> ComponentViewRegistry::findComponentViewWithTag(
+    facebook::react::Tag tag) const noexcept {
+  auto iterator = m_registry.find(tag);
+  if (iterator == m_registry.end()) {
+    return nullptr;
+  }
+  return iterator->second.view;
+}
+
 void ComponentViewRegistry::enqueueComponentViewWithComponentHandle(
     facebook::react::ComponentHandle componentHandle,
     facebook::react::Tag tag,

package/Microsoft.ReactNative/Fabric/ComponentViewRegistry.h

@@ -23,6 +23,7 @@ class ComponentViewRegistry final {
       facebook::react::ComponentHandle componentHandle,
       facebook::react::Tag tag) noexcept;
   ComponentViewDescriptor const &componentViewDescriptorWithTag(facebook::react::Tag tag) const noexcept;
+  std::shared_ptr<IComponentView> findComponentViewWithTag(facebook::react::Tag tag) const noexcept;
   void enqueueComponentViewWithComponentHandle(
       facebook::react::ComponentHandle componentHandle,
       facebook::react::Tag tag,

package/Microsoft.ReactNative/Fabric/FabricUIManagerModule.cpp

@@ -29,6 +29,7 @@
 #include <react/utils/ContextContainer.h>
 #include <runtimeexecutor/ReactCommon/RuntimeExecutor.h>
 #include <winrt/Windows.Graphics.Display.h>
+#include "TextInput/WindowsTextInputComponentDescriptor.h"
 #include "Unicode.h"
 
 #pragma warning(push)
@@ -153,6 +154,8 @@ std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry const> shar
         facebook::react::concreteComponentDescriptorProvider<facebook::react::TextInputComponentDescriptor>());
     providerRegistry->add(
         facebook::react::concreteComponentDescriptorProvider<facebook::react::ViewComponentDescriptor>());
+    providerRegistry->add(
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::WindowsTextInputComponentDescriptor>());
     return providerRegistry;
   }();
 
@@ -166,6 +169,10 @@ void FabricUIManager::installFabricUIManager() noexcept {
   std::lock_guard<std::mutex> schedulerLock(m_schedulerMutex);
 
   facebook::react::ContextContainer::Shared contextContainer = std::make_shared<facebook::react::ContextContainer>();
+
+  // This allows access to our ReactContext from the contextContainer thats passed around the fabric codebase
+  contextContainer->insert("MSRN.ReactContext", m_context);
+
   auto runtimeExecutor = SchedulerSettings::GetRuntimeExecutor(m_context.Properties());
 
   // TODO: T31905686 Create synchronous Event Beat
@@ -205,9 +212,6 @@ void FabricUIManager::installFabricUIManager() noexcept {
   toolbox.runtimeExecutor = runtimeExecutor;
   toolbox.synchronousEventBeatFactory = synchronousBeatFactory;
   toolbox.asynchronousEventBeatFactory = asynchronousBeatFactory;
-  // We currently rely on using XAML elements to perform measure/layout,
-  // which requires that the background thread also be the UI thread
-  /*
   toolbox.backgroundExecutor = [context = m_context,
                                 dispatcher = Mso::DispatchQueue::MakeLooperQueue()](std::function<void()> &&callback) {
     if (context.UIDispatcher().HasThreadAccess()) {
@@ -217,15 +221,6 @@ void FabricUIManager::installFabricUIManager() noexcept {
 
     dispatcher.Post(std::move(callback));
   };
-  */
-  toolbox.backgroundExecutor = [context = m_context](std::function<void()> &&callback) {
-    if (context.UIDispatcher().HasThreadAccess()) {
-      callback();
-      return;
-    }
-
-    context.UIDispatcher().Post(std::move(callback));
-  };
 
   m_scheduler = std::make_shared<facebook::react::Scheduler>(
       toolbox, (/*animationDriver_ ? animationDriver_.get() :*/ nullptr), this);
@@ -501,8 +496,10 @@ void FabricUIManager::schedulerDidDispatchCommand(
     m_context.UIDispatcher().Post(
         [wkThis = weak_from_this(), commandName, tag = shadowView.tag, args = folly::dynamic(arg)]() {
           if (auto pThis = wkThis.lock()) {
-            auto descriptor = pThis->m_registry.componentViewDescriptorWithTag(tag);
-            descriptor.view->handleCommand(commandName, args);
+            auto view = pThis->m_registry.findComponentViewWithTag(tag);
+            if (view) {
+              view->handleCommand(commandName, args);
+            }
           }
         });
   }

package/Microsoft.ReactNative/Fabric/ScrollViewComponentView.cpp

@@ -23,6 +23,8 @@ ScrollViewComponentView::ScrollViewComponentView() {
   // m_props = defaultProps;
 
   m_element.Content(m_contentPanel);
+  m_contentPanel.VerticalAlignment(xaml::VerticalAlignment::Top);
+  m_contentPanel.HorizontalAlignment(xaml::HorizontalAlignment::Left);
 
   m_scrollViewerViewChangingRevoker =
       m_element.ViewChanging(winrt::auto_revoke, [this](const auto &sender, const auto &args) {

package/Microsoft.ReactNative/Fabric/TextInput/WindowsTextInputComponentDescriptor.h

@@ -0,0 +1,197 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "WindowsTextInputShadowNode.h"
+
+#include <yoga/CompactValue.h>
+#include <yoga/YGEnums.h>
+#include <yoga/YGValue.h>
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+// [Windows
+void InitTextInputThemeInfo(const Mso::React::IReactContext &reactContext) {
+  xaml::Thickness textBoxPadding;
+  xaml::Application::Current().Resources().TryLookup(winrt::box_value(L"TextControlThemePadding")).as(textBoxPadding);
+  winrt::Microsoft::ReactNative::ReactPropertyBag(reactContext.Properties())
+      .Set(winrt::Microsoft::ReactNative::ReactPropertyId<xaml::Thickness>(L"TextBoxDefaultPadding"), textBoxPadding);
+}
+
+YGStyle::Edges PaddingFromContext(const facebook::react::ContextContainer &contextContainer) {
+  auto context = contextContainer.at<winrt::Microsoft::ReactNative::ReactContext>("MSRN.ReactContext");
+  auto defaultPadding = *context.Properties().Get(
+      winrt::Microsoft::ReactNative::ReactPropertyId<xaml::Thickness>(L"TextBoxDefaultPadding"));
+  YGStyle::Edges theme;
+  theme[YGEdgeStart] = YGValue{static_cast<float>(defaultPadding.Left), YGUnitPoint};
+  theme[YGEdgeEnd] = YGValue{static_cast<float>(defaultPadding.Right), YGUnitPoint};
+  theme[YGEdgeTop] = YGValue{static_cast<float>(defaultPadding.Top), YGUnitPoint};
+  theme[YGEdgeBottom] = YGValue{static_cast<float>(defaultPadding.Bottom), YGUnitPoint};
+  return theme;
+}
+// Windows]
+
+/*
+ * Descriptor for <WindowsTextInput> component.
+ */
+class WindowsTextInputComponentDescriptor final : public ConcreteComponentDescriptor<WindowsTextInputShadowNode> {
+ public:
+  WindowsTextInputComponentDescriptor(ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor<WindowsTextInputShadowNode>(parameters) {
+    // Every single `WindowsTextInputShadowNode` will have a reference to
+    // a shared `TextLayoutManager`.
+    textLayoutManager_ = std::make_shared<TextLayoutManager>(contextContainer_);
+  }
+
+  virtual State::Shared createInitialState(ShadowNodeFragment const &fragment, ShadowNodeFamily::Shared const &family)
+      const override {
+    /*
+        int surfaceId = family->getSurfaceId();
+
+        YGStyle::Edges theme;
+        // TODO: figure out RTL/start/end/left/right stuff here
+        if (surfaceIdToThemePaddingMap_.find(surfaceId) !=
+            surfaceIdToThemePaddingMap_.end()) {
+          theme = surfaceIdToThemePaddingMap_[surfaceId];
+        } else {
+          const jni::global_ref<jobject> &fabricUIManager =
+              contextContainer_->at<jni::global_ref<jobject>>("FabricUIManager");
+
+          auto env = jni::Environment::current();
+          auto defaultTextInputPaddingArray = env->NewFloatArray(4);
+          static auto getThemeData =
+              jni::findClassStatic(UIManagerJavaDescriptor)
+                  ->getMethod<jboolean(jint, jfloatArray)>("getThemeData");
+
+          if (getThemeData(
+                  fabricUIManager, surfaceId, defaultTextInputPaddingArray)) {
+            jfloat *defaultTextInputPadding =
+                env->GetFloatArrayElements(defaultTextInputPaddingArray, 0);
+            theme[YGEdgeStart] = (YGValue){defaultTextInputPadding[0], YGUnitPoint};
+            theme[YGEdgeEnd] = (YGValue){defaultTextInputPadding[1], YGUnitPoint};
+            theme[YGEdgeTop] = (YGValue){defaultTextInputPadding[2], YGUnitPoint};
+            theme[YGEdgeBottom] =
+                (YGValue){defaultTextInputPadding[3], YGUnitPoint};
+            surfaceIdToThemePaddingMap_.emplace(std::make_pair(surfaceId, theme));
+            env->ReleaseFloatArrayElements(
+                defaultTextInputPaddingArray, defaultTextInputPadding, JNI_ABORT);
+          }
+          env->DeleteLocalRef(defaultTextInputPaddingArray);
+        }
+    */
+
+    auto theme = PaddingFromContext(*contextContainer_); // [Windows]
+
+    return std::make_shared<WindowsTextInputShadowNode::ConcreteState>(
+        std::make_shared<WindowsTextInputState const>(WindowsTextInputState(
+            0,
+            {},
+            {},
+            {},
+            {},
+            {},
+            ((YGValue)theme[YGEdgeStart]).value,
+            ((YGValue)theme[YGEdgeEnd]).value,
+            ((YGValue)theme[YGEdgeTop]).value,
+            ((YGValue)theme[YGEdgeBottom]).value)),
+        family);
+  }
+
+ protected:
+  void adopt(ShadowNode::Unshared const &shadowNode) const override {
+    auto textInputShadowNode = std::static_pointer_cast<WindowsTextInputShadowNode>(shadowNode);
+
+    // `ParagraphShadowNode` uses `TextLayoutManager` to measure text content
+    // and communicate text rendering metrics to mounting layer.
+    textInputShadowNode->setTextLayoutManager(textLayoutManager_);
+
+    textInputShadowNode->setContextContainer(const_cast<ContextContainer *>(getContextContainer().get()));
+
+    /*
+        int surfaceId = textInputShadowNode->getSurfaceId();
+        if (surfaceIdToThemePaddingMap_.find(surfaceId) !=
+            surfaceIdToThemePaddingMap_.end()) */
+    {
+      // YGStyle::Edges theme = surfaceIdToThemePaddingMap_[surfaceId];
+
+      auto theme = PaddingFromContext(*contextContainer_); // [Windows]
+
+      // Override padding
+      // Node is still unsealed during adoption, before layout is complete
+      // TODO: T62959168 account for RTL and paddingLeft when setting default
+      // paddingStart, and vice-versa with paddingRight/paddingEnd.
+      // For now this assumes no RTL.
+      YGStyle::Edges result = textInputShadowNode->getConcreteProps().yogaStyle.padding();
+      bool changedPadding = false;
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingStart &&
+          !textInputShadowNode->getConcreteProps().hasPaddingLeft &&
+          !textInputShadowNode->getConcreteProps().hasPaddingHorizontal) {
+        changedPadding = true;
+        result[YGEdgeStart] = theme[YGEdgeStart];
+      }
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingEnd &&
+          !textInputShadowNode->getConcreteProps().hasPaddingRight &&
+          !textInputShadowNode->getConcreteProps().hasPaddingHorizontal) {
+        changedPadding = true;
+        result[YGEdgeEnd] = theme[YGEdgeEnd];
+      }
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingTop &&
+          !textInputShadowNode->getConcreteProps().hasPaddingVertical) {
+        changedPadding = true;
+        result[YGEdgeTop] = theme[YGEdgeTop];
+      }
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingBottom &&
+          !textInputShadowNode->getConcreteProps().hasPaddingVertical) {
+        changedPadding = true;
+        result[YGEdgeBottom] = theme[YGEdgeBottom];
+      }
+
+      // If the TextInput initially does not have paddingLeft or paddingStart, a
+      // paddingStart may be set from the theme. If that happens, when there's a
+      // paddingLeft update, we must explicitly unset paddingStart... (same with
+      // paddingEnd)
+      // TODO: support RTL
+      if ((textInputShadowNode->getConcreteProps().hasPadding ||
+           textInputShadowNode->getConcreteProps().hasPaddingLeft ||
+           textInputShadowNode->getConcreteProps().hasPaddingHorizontal) &&
+          !textInputShadowNode->getConcreteProps().hasPaddingStart) {
+        result[YGEdgeStart] = YGValueUndefined;
+      }
+      if ((textInputShadowNode->getConcreteProps().hasPadding ||
+           textInputShadowNode->getConcreteProps().hasPaddingRight ||
+           textInputShadowNode->getConcreteProps().hasPaddingHorizontal) &&
+          !textInputShadowNode->getConcreteProps().hasPaddingEnd) {
+        result[YGEdgeEnd] = YGValueUndefined;
+      }
+
+      // Note that this is expensive: on every adopt, we need to set the Yoga
+      // props again, which normally only happens during prop parsing. Every
+      // commit, state update, etc, will incur this cost.
+      if (changedPadding) {
+        // Set new props on node
+        const_cast<WindowsTextInputProps &>(textInputShadowNode->getConcreteProps()).yogaStyle.padding() = result;
+        // Communicate new props to Yoga part of the node
+        textInputShadowNode->updateYogaProps();
+      }
+    }
+
+    textInputShadowNode->dirtyLayout();
+    textInputShadowNode->enableMeasurement();
+
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+
+ private:
+  SharedTextLayoutManager textLayoutManager_;
+};
+
+} // namespace react
+} // namespace facebook