From d0ba9ce712f2c25755cc8112c98ad6380cf88788 Mon Sep 17 00:00:00 2001
From: Leko <leko.noor@gmail.com>
Date: Wed, 16 Jan 2019 13:10:27 -0800
Subject: [PATCH] RCTMaskedView (#23001)

Summary:
This pull request is part of https://github.com/facebook/react-native/issues/22990.

Changelog:
----------

[iOS] [Changed] - Split RCTMaskedView into RCTMaskedViewNativeComponent.
Pull Request resolved: https://github.com/facebook/react-native/pull/23001

Differential Revision: D13697245

Pulled By: TheSavior

fbshipit-source-id: 16af0b394ae32cd3c4992c2cd5ea2d3c140755b3
---
 .../MaskedView/MaskedViewIOS.ios.js           |  9 +++----
 .../RCTMaskedViewNativeComponent.js           | 24 +++++++++++++++++++
 2 files changed, 27 insertions(+), 6 deletions(-)
 create mode 100644 Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js

diff --git a/Libraries/Components/MaskedView/MaskedViewIOS.ios.js b/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
index ce860ac2e..b8af448da 100644
--- a/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
+++ b/Libraries/Components/MaskedView/MaskedViewIOS.ios.js
@@ -11,13 +11,10 @@
 const React = require('React');
 const StyleSheet = require('StyleSheet');
 const View = require('View');
-
-const requireNativeComponent = require('requireNativeComponent');
+const RCTMaskedViewNativeComponent = require('RCTMaskedViewNativeComponent');
 
 import type {ViewProps} from 'ViewPropTypes';
 
-const RCTMaskedView = requireNativeComponent('RCTMaskedView');
-
 type Props = $ReadOnly<{|
   ...ViewProps,
 
@@ -83,12 +80,12 @@ class MaskedViewIOS extends React.Component<Props> {
     }
 
     return (
-      <RCTMaskedView {...otherViewProps}>
+      <RCTMaskedViewNativeComponent {...otherViewProps}>
         <View pointerEvents="none" style={StyleSheet.absoluteFill}>
           {maskElement}
         </View>
         {children}
-      </RCTMaskedView>
+      </RCTMaskedViewNativeComponent>
     );
   }
 }
diff --git a/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js b/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js
new file mode 100644
index 000000000..b2cb472f4
--- /dev/null
+++ b/Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+const requireNativeComponent = require('requireNativeComponent');
+
+import type {ViewProps} from 'ViewPropTypes';
+import type {NativeComponent} from 'ReactNative';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+
+type RCTMaskedViewNativeType = Class<NativeComponent<NativeProps>>;
+
+module.exports = ((requireNativeComponent(
+  'RCTMaskedView',
+): any): RCTMaskedViewNativeType);