🛠 Make project iOS only

dominicstop · Oct 25, 2020 · 4f34481 · 4f34481
1 parent 302b16b
commit 4f34481
Show file tree

Hide file tree

Showing 3 changed files with 146 additions and 128 deletions.
diff --git a/react-native.config.js b/react-native.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  project: {
+    ios: {
+      project: 'IosContextMenu.xcodeproj',
+    },
+  },
+};
diff --git a/src/ContextMenuView.ios.js b/src/ContextMenuView.ios.js
@@ -0,0 +1,131 @@
+import React from 'react';
+import { StyleSheet, requireNativeComponent, UIManager } from 'react-native';
+import Proptypes from 'prop-types';
+
+
+const componentName   = "RCTContextMenu";
+const NativeCommands  = UIManager[componentName]?.Commands;
+const NativeComponent = requireNativeComponent(componentName);
+
+const NATIVE_PROP_KEYS = {
+  // props: values --------
+  menuConfig: 'menuConfig',
+  // props: events --------------------
+  onMenuWillShow  : 'onMenuWillShow'  ,
+  onMenuWillHide  : 'onMenuWillHide'  ,
+  onMenuWillCancel: 'onMenuWillCancel',
+  onMenuDidShow   : 'onMenuDidShow'   ,
+  onMenuDidHide   : 'onMenuDidHide'   ,
+  onMenuDidCancel : 'onMenuDidCancel' ,
+  // props: onPress events ----------------
+  onPressMenuItem   : 'onPressMenuItem'   ,
+  onPressMenuPreview: 'onPressMenuPreview',
+};
+
+
+export class ContextMenuView extends React.PureComponent {
+  static proptypes = {
+    menuConfig: Proptypes.object,
+    // events -----------------------
+    onMenuWillShow  : Proptypes.func,
+    onMenuWillHide  : Proptypes.func,
+    onMenuWillCancel: Proptypes.func,
+    onMenuDidShow   : Proptypes.func,
+    onMenuDidHide   : Proptypes.func,
+    onMenuDidCancel : Proptypes.func,
+    // onPress events -----------------
+    onPressMenuItem   : Proptypes.func,
+    onPressMenuPreview: Proptypes.func,
+  };
+
+  constructor(props){
+    super(props);
+
+    this.state = {
+      menuVisible: false,
+    };
+  };
+
+  //#region - Event Handlers
+  _handleOnMenuWillShow = (event) => {
+    const { onMenuWillShow } = this.props;
+    onMenuWillShow?.(event);
+
+    this.setState({menuVisible: true});
+  };
+
+  _handleOnMenuWillHide = (event) => {
+    const { onMenuWillHide } = this.props;
+    onMenuWillHide?.(event);
+
+    this.setState({menuVisible: false});
+  };
+
+  _handleOnMenuWillCancel = (event) => {
+    const { onMenuWillCancel } = this.props;
+    onMenuWillCancel?.(event);
+  };
+
+  _handleOnMenuDidShow = (event) => {
+    const { onMenuDidShow } = this.props;
+    onMenuDidShow?.(event);
+  };
+
+  _handleOnMenuDidHide = (event) => {
+    const { onMenuDidHide } = this.props;
+    onMenuDidHide?.(event);
+  };
+
+  _handleOnMenuDidCancel = (event) => {
+    const { onMenuDidCancel } = this.props;
+    onMenuDidCancel?.(event);
+  };
+
+  _handleOnPressMenuItem = (event) => {
+    this.props.onPressMenuItem?.(event);
+  };
+
+  _handleOnPressMenuPreview = (event) => {
+    const { onPressMenuPreview } = this.props;
+    onPressMenuPreview?.(event);
+
+    this.setState({menuVisible: false});
+  };
+  //#endregion
+
+  render(){
+    const { style, children, ...props } = this.props;
+    const { menuVisible } = this.state;
+
+    const nativeProps = {
+      ...props,
+      // Native Props: Events ------------------------------------------
+      [NATIVE_PROP_KEYS.onMenuWillShow  ]: this._handleOnMenuWillShow  ,
+      [NATIVE_PROP_KEYS.onMenuWillHide  ]: this._handleOnMenuWillHide  ,
+      [NATIVE_PROP_KEYS.onMenuWillCancel]: this._handleOnMenuWillCancel,
+      [NATIVE_PROP_KEYS.onMenuDidShow   ]: this._handleOnMenuDidShow   ,
+      [NATIVE_PROP_KEYS.onMenuDidHide   ]: this._handleOnMenuDidHide   ,
+      [NATIVE_PROP_KEYS.onMenuDidCancel ]: this._handleOnMenuDidCancel ,
+      // Native Props: OnPress Events --------------------------------------
+      [NATIVE_PROP_KEYS.onPressMenuItem   ]: this._handleOnPressMenuItem   ,
+      [NATIVE_PROP_KEYS.onPressMenuPreview]: this._handleOnPressMenuPreview,
+    };
+
+    return(
+      <NativeComponent
+        style={[styles.menuView, style]}
+        {...nativeProps}
+      >
+        {React.Children.map(children, child => 
+          React.cloneElement(child, {menuVisible})
+        )}
+      </NativeComponent>
+    );
+  };
+};
+
+const styles = StyleSheet.create({
+  menuView: {
+    backgroundColor: 'transparent',
+  },
+});
diff --git a/src/ContextMenuView.js b/src/ContextMenuView.js
@@ -1,131 +1,11 @@
 import React from 'react';
-import { StyleSheet, requireNativeComponent, UIManager } from 'react-native';
-import Proptypes from 'prop-types';
+import { View } from 'react-native';
 
 
-const componentName   = "RCTContextMenu";
-const NativeCommands  = UIManager[componentName]?.Commands;
-const NativeComponent = requireNativeComponent(componentName);
-
-const NATIVE_PROP_KEYS = {
-  // props: values --------
-  menuConfig: 'menuConfig',
-  // props: events --------------------
-  onMenuWillShow  : 'onMenuWillShow'  ,
-  onMenuWillHide  : 'onMenuWillHide'  ,
-  onMenuWillCancel: 'onMenuWillCancel',
-  onMenuDidShow   : 'onMenuDidShow'   ,
-  onMenuDidHide   : 'onMenuDidHide'   ,
-  onMenuDidCancel : 'onMenuDidCancel' ,
-  // props: onPress events ----------------
-  onPressMenuItem   : 'onPressMenuItem'   ,
-  onPressMenuPreview: 'onPressMenuPreview',
-};
-
-
-export class ContextMenuView extends React.PureComponent {
-  static proptypes = {
-    menuConfig: Proptypes.object,
-    // events -----------------------
-    onMenuWillShow  : Proptypes.func,
-    onMenuWillHide  : Proptypes.func,
-    onMenuWillCancel: Proptypes.func,
-    onMenuDidShow   : Proptypes.func,
-    onMenuDidHide   : Proptypes.func,
-    onMenuDidCancel : Proptypes.func,
-    // onPress events -----------------
-    onPressMenuItem   : Proptypes.func,
-    onPressMenuPreview: Proptypes.func,
-  };
-
-  constructor(props){
-    super(props);
-
-    this.state = {
-      menuVisible: false,
-    };
-  };
-
-  //#region - Event Handlers
-  _handleOnMenuWillShow = (event) => {
-    const { onMenuWillShow } = this.props;
-    onMenuWillShow?.(event);
-
-    this.setState({menuVisible: true});
-  };
-
-  _handleOnMenuWillHide = (event) => {
-    const { onMenuWillHide } = this.props;
-    onMenuWillHide?.(event);
-
-    this.setState({menuVisible: false});
-  };
-
-  _handleOnMenuWillCancel = (event) => {
-    const { onMenuWillCancel } = this.props;
-    onMenuWillCancel?.(event);
-  };
-
-  _handleOnMenuDidShow = (event) => {
-    const { onMenuDidShow } = this.props;
-    onMenuDidShow?.(event);
-  };
-
-  _handleOnMenuDidHide = (event) => {
-    const { onMenuDidHide } = this.props;
-    onMenuDidHide?.(event);
-  };
-
-  _handleOnMenuDidCancel = (event) => {
-    const { onMenuDidCancel } = this.props;
-    onMenuDidCancel?.(event);
-  };
-
-  _handleOnPressMenuItem = (event) => {
-    this.props.onPressMenuItem?.(event);
-  };
-
-  _handleOnPressMenuPreview = (event) => {
-    const { onPressMenuPreview } = this.props;
-    onPressMenuPreview?.(event);
-
-    this.setState({menuVisible: false});
-  };
-  //#endregion
-
-  render(){
-    const { style, children, ...props } = this.props;
-    const { menuVisible } = this.state;
-
-    const nativeProps = {
-      ...props,
-      // Native Props: Events ------------------------------------------
-      [NATIVE_PROP_KEYS.onMenuWillShow  ]: this._handleOnMenuWillShow  ,
-      [NATIVE_PROP_KEYS.onMenuWillHide  ]: this._handleOnMenuWillHide  ,
-      [NATIVE_PROP_KEYS.onMenuWillCancel]: this._handleOnMenuWillCancel,
-      [NATIVE_PROP_KEYS.onMenuDidShow   ]: this._handleOnMenuDidShow   ,
-      [NATIVE_PROP_KEYS.onMenuDidHide   ]: this._handleOnMenuDidHide   ,
-      [NATIVE_PROP_KEYS.onMenuDidCancel ]: this._handleOnMenuDidCancel ,
-      // Native Props: OnPress Events --------------------------------------
-      [NATIVE_PROP_KEYS.onPressMenuItem   ]: this._handleOnPressMenuItem   ,
-      [NATIVE_PROP_KEYS.onPressMenuPreview]: this._handleOnPressMenuPreview,
-    };
-
-    return(
-      <NativeComponent
-        style={[styles.menuView, style]}
-        {...nativeProps}
-      >
-        {React.Children.map(children, child => 
-          React.cloneElement(child, {menuVisible})
-        )}
-      </NativeComponent>
-    );
-  };
-};
-
-const styles = StyleSheet.create({
-  menuView: {
-    backgroundColor: 'transparent',
-  },
-});
+export function ContextMenuView(props){
+  return(
+    <View {...props}>
+      {props.children}
+    </View>
+  );
+};