react-native-share 8.0.0 → 8.1.0

package/ios/GenericShare.m

@@ -17,7 +17,7 @@
     inAppBaseUrl:(NSString *)inAppBaseUrl {
 
     NSLog(@"Try open view");
-    if(![serviceType isEqualToString:@"com.apple.social.twitter"] && [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:inAppBaseUrl]]) {
+    if([serviceType isEqualToString:@"com.apple.social.twitter"]) {
         SLComposeViewController *composeController = [SLComposeViewController  composeViewControllerForServiceType:serviceType];
 
         NSURL *URL = [RCTConvert NSURL:options[@"url"]];

package/ios/RNShareActivityItemSource.m

@@ -197,7 +197,7 @@
         }
     }
     
-    return nil;
+    return activityType;
 }
 
 + (nullable id)objectForActivityType:(UIActivityType)activityType inDictionary:(nonnull NSDictionary *)dictionary {

package/lib/commonjs/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["Button","buttonStyle","onPress","iconSrc","textStyle","children","styles","button","icon","buttonText","StyleSheet","create","backgroundColor","flexDirection","height","padding","color","fontSize","fontWeight","textAlign","textAlignVertical","marginLeft","marginRight","width"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAmBA,MAAMA,MAAM,GAAG,CAAC;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,OAAf;AAAwBC,EAAAA,OAAxB;AAAiCC,EAAAA,SAAjC;AAA4CC,EAAAA;AAA5C,CAAD,kBACb,oBAAC,6BAAD;AAAkB,EAAA,aAAa,EAAE,GAAjC;AAAsC,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAA7C;AAA2E,EAAA,OAAO,EAAEC;AAApF,gBACE,oBAAC,kBAAD;AAAO,EAAA,KAAK,EAAEI,MAAM,CAACE,IAArB;AAA2B,EAAA,MAAM,EAAEL;AAAnC,EADF,eAEE,oBAAC,iBAAD;AAAM,EAAA,KAAK,EAAE,CAACG,MAAM,CAACG,UAAR,EAAoBL,SAApB;AAAb,GAA8CC,QAA9C,CAFF,CADF;;eAOeL,M;;;AAEf,MAAMM,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,MAAM,EAAE;AACNK,IAAAA,eAAe,EAAE,OADX;AAENC,IAAAA,aAAa,EAAE,KAFT;AAGNC,IAAAA,MAAM,EAAE,EAHF;AAINC,IAAAA,OAAO,EAAE;AAJH,GADuB;AAO/BN,EAAAA,UAAU,EAAE;AACVO,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,MAHF;AAIVC,IAAAA,SAAS,EAAE,MAJD;AAKVC,IAAAA,iBAAiB,EAAE;AALT,GAPmB;AAc/BZ,EAAAA,IAAI,EAAE;AACJM,IAAAA,MAAM,EAAE,EADJ;AAEJO,IAAAA,UAAU,EAAE,EAFR;AAGJC,IAAAA,WAAW,EAAE,EAHT;AAIJC,IAAAA,KAAK,EAAE;AAJH;AAdyB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport {\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nexport interface ButtonProps {\n  onPress: () => void;\n  iconSrc: ImageSourcePropType;\n  buttonStyle?: StyleProp<ViewStyle>;\n  textStyle?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n}\n\nconst Button = ({ buttonStyle, onPress, iconSrc, textStyle, children }: ButtonProps) => (\n  <TouchableOpacity activeOpacity={0.5} style={[styles.button, buttonStyle]} onPress={onPress}>\n    <Image style={styles.icon} source={iconSrc} />\n    <Text style={[styles.buttonText, textStyle]}>{children}</Text>\n  </TouchableOpacity>\n);\n\nexport default Button;\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: 'white',\n    flexDirection: 'row',\n    height: 50,\n    padding: 10,\n  },\n  buttonText: {\n    color: '#2c2c2c',\n    fontSize: 16,\n    fontWeight: 'bold',\n    textAlign: 'left',\n    textAlignVertical: 'center',\n  },\n  icon: {\n    height: 28,\n    marginLeft: 10,\n    marginRight: 30,\n    width: 28,\n  },\n});\n"]}
+{"version":3,"sources":["Button.tsx"],"names":["Button","buttonStyle","onPress","iconSrc","textStyle","children","styles","button","icon","buttonText","StyleSheet","create","backgroundColor","flexDirection","height","padding","color","fontSize","fontWeight","textAlign","textAlignVertical","marginLeft","marginRight","width"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAmBA,MAAMA,MAA6B,GAAG,CAAC;AACrCC,EAAAA,WADqC;AAErCC,EAAAA,OAFqC;AAGrCC,EAAAA,OAHqC;AAIrCC,EAAAA,SAJqC;AAKrCC,EAAAA;AALqC,CAAD,kBAOpC,oBAAC,6BAAD;AAAkB,EAAA,aAAa,EAAE,GAAjC;AAAsC,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAA7C;AAA2E,EAAA,OAAO,EAAEC;AAApF,gBACE,oBAAC,kBAAD;AAAO,EAAA,KAAK,EAAEI,MAAM,CAACE,IAArB;AAA2B,EAAA,MAAM,EAAEL;AAAnC,EADF,eAEE,oBAAC,iBAAD;AAAM,EAAA,KAAK,EAAE,CAACG,MAAM,CAACG,UAAR,EAAoBL,SAApB;AAAb,GAA8CC,QAA9C,CAFF,CAPF;;eAaeL,M;;;AAEf,MAAMM,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,MAAM,EAAE;AACNK,IAAAA,eAAe,EAAE,OADX;AAENC,IAAAA,aAAa,EAAE,KAFT;AAGNC,IAAAA,MAAM,EAAE,EAHF;AAINC,IAAAA,OAAO,EAAE;AAJH,GADuB;AAO/BN,EAAAA,UAAU,EAAE;AACVO,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,MAHF;AAIVC,IAAAA,SAAS,EAAE,MAJD;AAKVC,IAAAA,iBAAiB,EAAE;AALT,GAPmB;AAc/BZ,EAAAA,IAAI,EAAE;AACJM,IAAAA,MAAM,EAAE,EADJ;AAEJO,IAAAA,UAAU,EAAE,EAFR;AAGJC,IAAAA,WAAW,EAAE,EAHT;AAIJC,IAAAA,KAAK,EAAE;AAJH;AAdyB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport {\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nexport interface ButtonProps {\n  onPress: () => void;\n  iconSrc: ImageSourcePropType;\n  buttonStyle?: StyleProp<ViewStyle>;\n  textStyle?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  buttonStyle,\n  onPress,\n  iconSrc,\n  textStyle,\n  children,\n}: ButtonProps) => (\n  <TouchableOpacity activeOpacity={0.5} style={[styles.button, buttonStyle]} onPress={onPress}>\n    <Image style={styles.icon} source={iconSrc} />\n    <Text style={[styles.buttonText, textStyle]}>{children}</Text>\n  </TouchableOpacity>\n);\n\nexport default Button;\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: 'white',\n    flexDirection: 'row',\n    height: 50,\n    padding: 10,\n  },\n  buttonText: {\n    color: '#2c2c2c',\n    fontSize: 16,\n    fontWeight: 'bold',\n    textAlign: 'left',\n    textAlignVertical: 'center',\n  },\n  icon: {\n    height: 28,\n    marginLeft: 10,\n    marginRight: 30,\n    width: 28,\n  },\n});\n"]}

package/lib/commonjs/components/Overlay.js

@@ -13,8 +13,6 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const DEFAULT_ANIMATE_TIME = 300;
 
 const styles = _reactNative.StyleSheet.create({
@@ -34,47 +32,34 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
-class Overlay extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      fadeAnim: new _reactNative.Animated.Value(0),
-      overlayStyle: styles.emptyOverlay
-    });
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps) {
-    if (newProps.visible) {
-      this.setState({
-        overlayStyle: styles.fullOverlay
-      });
+const Overlay = ({
+  visible,
+  children
+}) => {
+  const [fadeAnim] = React.useState(new _reactNative.Animated.Value(0));
+  const [overlayStyle, setOverlayStyle] = React.useState(styles.emptyOverlay);
+  const onAnimatedEnd = React.useCallback(() => {
+    if (!visible) {
+      setOverlayStyle(styles.emptyOverlay);
+    }
+  }, [visible]);
+  React.useEffect(() => {
+    if (visible) {
+      setOverlayStyle(styles.fullOverlay);
     }
 
-    return _reactNative.Animated.timing(this.state.fadeAnim, {
-      toValue: newProps.visible ? 1 : 0,
+    return _reactNative.Animated.timing(fadeAnim, {
+      toValue: visible ? 1 : 0,
       duration: DEFAULT_ANIMATE_TIME,
       useNativeDriver: false
-    }).start(this.onAnimatedEnd.bind(this));
-  }
-
-  onAnimatedEnd() {
-    if (!this.props.visible) {
-      this.setState({
-        overlayStyle: styles.emptyOverlay
-      });
-    }
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-      style: [this.state.overlayStyle, {
-        opacity: this.state.fadeAnim
-      }]
-    }, this.props.children);
-  }
-
-}
+    }).start(onAnimatedEnd);
+  }, [visible, fadeAnim, onAnimatedEnd]);
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [overlayStyle, {
+      opacity: fadeAnim
+    }]
+  }, children);
+};
 
 var _default = Overlay;
 exports.default = _default;

package/lib/commonjs/components/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Overlay.tsx"],"names":["DEFAULT_ANIMATE_TIME","styles","StyleSheet","create","emptyOverlay","backgroundColor","height","position","width","fullOverlay","bottom","left","right","top","Overlay","React","Component","fadeAnim","Animated","Value","overlayStyle","UNSAFE_componentWillReceiveProps","newProps","visible","setState","timing","state","toValue","duration","useNativeDriver","start","onAnimatedEnd","bind","props","render","opacity","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,MAAMA,oBAAoB,GAAG,GAA7B;;AACA,MAAMC,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAE,aADL;AAEZC,IAAAA,MAAM,EAAE,CAFI;AAGZC,IAAAA,QAAQ,EAAE,UAHE;AAIZC,IAAAA,KAAK,EAAE;AAJK,GADiB;AAO/BC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,eAAe,EAAE,aADN;AAEXK,IAAAA,MAAM,EAAE,CAFG;AAGXC,IAAAA,IAAI,EAAE,CAHK;AAIXJ,IAAAA,QAAQ,EAAE,UAJC;AAKXK,IAAAA,KAAK,EAAE,CALI;AAMXC,IAAAA,GAAG,EAAE;AANM;AAPkB,CAAlB,CAAf;;AA0BA,MAAMC,OAAN,SAAsBC,KAAK,CAACC,SAA5B,CAA2D;AAAA;AAAA;;AAAA,mCACjD;AACNC,MAAAA,QAAQ,EAAE,IAAIC,sBAASC,KAAb,CAAmB,CAAnB,CADJ;AAENC,MAAAA,YAAY,EAAEnB,MAAM,CAACG;AAFf,KADiD;AAAA;;AAMzDiB,EAAAA,gCAAgC,CAACC,QAAD,EAAyB;AACvD,QAAIA,QAAQ,CAACC,OAAb,EAAsB;AACpB,WAAKC,QAAL,CAAc;AAAEJ,QAAAA,YAAY,EAAEnB,MAAM,CAACQ;AAAvB,OAAd;AACD;;AACD,WAAOS,sBAASO,MAAT,CAAgB,KAAKC,KAAL,CAAWT,QAA3B,EAAqC;AAC1CU,MAAAA,OAAO,EAAEL,QAAQ,CAACC,OAAT,GAAmB,CAAnB,GAAuB,CADU;AAE1CK,MAAAA,QAAQ,EAAE5B,oBAFgC;AAG1C6B,MAAAA,eAAe,EAAE;AAHyB,KAArC,EAIJC,KAJI,CAIE,KAAKC,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAJF,CAAP;AAKD;;AAEDD,EAAAA,aAAa,GAAG;AACd,QAAI,CAAC,KAAKE,KAAL,CAAWV,OAAhB,EAAyB;AACvB,WAAKC,QAAL,CAAc;AAAEJ,QAAAA,YAAY,EAAEnB,MAAM,CAACG;AAAvB,OAAd;AACD;AACF;;AAED8B,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,qBAAD,CAAU,IAAV;AAAe,MAAA,KAAK,EAAE,CAAC,KAAKR,KAAL,CAAWN,YAAZ,EAA0B;AAAEe,QAAAA,OAAO,EAAE,KAAKT,KAAL,CAAWT;AAAtB,OAA1B;AAAtB,OACG,KAAKgB,KAAL,CAAWG,QADd,CADF;AAKD;;AA7BwD;;eAgC5CtB,O","sourcesContent":["import * as React from 'react';\nimport { Animated, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nconst DEFAULT_ANIMATE_TIME = 300;\nconst styles = StyleSheet.create({\n  emptyOverlay: {\n    backgroundColor: 'transparent',\n    height: 0,\n    position: 'absolute',\n    width: 0,\n  },\n  fullOverlay: {\n    backgroundColor: 'transparent',\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\nexport interface OverlayProps {\n  visible: boolean;\n}\n\ninterface State {\n  fadeAnim: Animated.Value;\n  overlayStyle: StyleProp<ViewStyle>;\n}\n\nclass Overlay extends React.Component<OverlayProps, State> {\n  state = {\n    fadeAnim: new Animated.Value(0),\n    overlayStyle: styles.emptyOverlay,\n  };\n\n  UNSAFE_componentWillReceiveProps(newProps: OverlayProps) {\n    if (newProps.visible) {\n      this.setState({ overlayStyle: styles.fullOverlay });\n    }\n    return Animated.timing(this.state.fadeAnim, {\n      toValue: newProps.visible ? 1 : 0,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start(this.onAnimatedEnd.bind(this));\n  }\n\n  onAnimatedEnd() {\n    if (!this.props.visible) {\n      this.setState({ overlayStyle: styles.emptyOverlay });\n    }\n  }\n\n  render() {\n    return (\n      <Animated.View style={[this.state.overlayStyle, { opacity: this.state.fadeAnim }]}>\n        {this.props.children}\n      </Animated.View>\n    );\n  }\n}\n\nexport default Overlay;\n"]}
+{"version":3,"sources":["Overlay.tsx"],"names":["DEFAULT_ANIMATE_TIME","styles","StyleSheet","create","emptyOverlay","backgroundColor","height","position","width","fullOverlay","bottom","left","right","top","Overlay","visible","children","fadeAnim","React","useState","Animated","Value","overlayStyle","setOverlayStyle","onAnimatedEnd","useCallback","useEffect","timing","toValue","duration","useNativeDriver","start","opacity"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,oBAAoB,GAAG,GAA7B;;AACA,MAAMC,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAE,aADL;AAEZC,IAAAA,MAAM,EAAE,CAFI;AAGZC,IAAAA,QAAQ,EAAE,UAHE;AAIZC,IAAAA,KAAK,EAAE;AAJK,GADiB;AAO/BC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,eAAe,EAAE,aADN;AAEXK,IAAAA,MAAM,EAAE,CAFG;AAGXC,IAAAA,IAAI,EAAE,CAHK;AAIXJ,IAAAA,QAAQ,EAAE,UAJC;AAKXK,IAAAA,KAAK,EAAE,CALI;AAMXC,IAAAA,GAAG,EAAE;AANM;AAPkB,CAAlB,CAAf;;AAqBA,MAAMC,OAAwD,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAA2B;AAC1F,QAAM,CAACC,QAAD,IAAaC,KAAK,CAACC,QAAN,CAAe,IAAIC,sBAASC,KAAb,CAAmB,CAAnB,CAAf,CAAnB;AACA,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCL,KAAK,CAACC,QAAN,CAAqClB,MAAM,CAACG,YAA5C,CAAxC;AAEA,QAAMoB,aAAa,GAAGN,KAAK,CAACO,WAAN,CAAkB,MAAM;AAC5C,QAAI,CAACV,OAAL,EAAc;AACZQ,MAAAA,eAAe,CAACtB,MAAM,CAACG,YAAR,CAAf;AACD;AACF,GAJqB,EAInB,CAACW,OAAD,CAJmB,CAAtB;AAMAG,EAAAA,KAAK,CAACQ,SAAN,CAAgB,MAAM;AACpB,QAAIX,OAAJ,EAAa;AACXQ,MAAAA,eAAe,CAACtB,MAAM,CAACQ,WAAR,CAAf;AACD;;AACD,WAAOW,sBAASO,MAAT,CAAgBV,QAAhB,EAA0B;AAC/BW,MAAAA,OAAO,EAAEb,OAAO,GAAG,CAAH,GAAO,CADQ;AAE/Bc,MAAAA,QAAQ,EAAE7B,oBAFqB;AAG/B8B,MAAAA,eAAe,EAAE;AAHc,KAA1B,EAIJC,KAJI,CAIEP,aAJF,CAAP;AAKD,GATD,EASG,CAACT,OAAD,EAAUE,QAAV,EAAoBO,aAApB,CATH;AAWA,sBAAO,oBAAC,qBAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACF,YAAD,EAAe;AAAEU,MAAAA,OAAO,EAAEf;AAAX,KAAf;AAAtB,KAA8DD,QAA9D,CAAP;AACD,CAtBD;;eAwBeF,O","sourcesContent":["import * as React from 'react';\nimport { Animated, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nconst DEFAULT_ANIMATE_TIME = 300;\nconst styles = StyleSheet.create({\n  emptyOverlay: {\n    backgroundColor: 'transparent',\n    height: 0,\n    position: 'absolute',\n    width: 0,\n  },\n  fullOverlay: {\n    backgroundColor: 'transparent',\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\nexport interface OverlayProps {\n  visible: boolean;\n}\n\nconst Overlay: React.FC<React.PropsWithChildren<OverlayProps>> = ({ visible, children }) => {\n  const [fadeAnim] = React.useState(new Animated.Value(0));\n  const [overlayStyle, setOverlayStyle] = React.useState<StyleProp<ViewStyle>>(styles.emptyOverlay);\n\n  const onAnimatedEnd = React.useCallback(() => {\n    if (!visible) {\n      setOverlayStyle(styles.emptyOverlay);\n    }\n  }, [visible]);\n\n  React.useEffect(() => {\n    if (visible) {\n      setOverlayStyle(styles.fullOverlay);\n    }\n    return Animated.timing(fadeAnim, {\n      toValue: visible ? 1 : 0,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start(onAnimatedEnd);\n  }, [visible, fadeAnim, onAnimatedEnd]);\n\n  return <Animated.View style={[overlayStyle, { opacity: fadeAnim }]}>{children}</Animated.View>;\n};\n\nexport default Overlay;\n"]}

package/lib/commonjs/components/ShareSheet.js

@@ -19,48 +19,41 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-class ShareSheet extends React.Component {
-  componentDidMount() {
-    this.backButtonHandler = this.backButtonHandler.bind(this);
-
-    _reactNative.BackHandler.addEventListener('hardwareBackPress', this.backButtonHandler);
-  }
-
-  componentWillUnmount() {
-    _reactNative.BackHandler.removeEventListener('hardwareBackPress', this.backButtonHandler);
-  }
-
-  backButtonHandler() {
-    if (this.props.visible) {
-      this.props.onCancel();
+const ShareSheet = ({
+  style = {},
+  overlayStyle = {},
+  visible,
+  onCancel,
+  children
+}) => {
+  const backButtonHandler = React.useCallback(() => {
+    if (visible) {
+      onCancel();
       return true;
     }
 
     return false;
-  }
-
-  render() {
-    const {
-      style = {},
-      overlayStyle = {},
-      ...props
-    } = this.props;
-    return /*#__PURE__*/React.createElement(_Overlay.default, props, /*#__PURE__*/React.createElement(_reactNative.View, {
-      style: [styles.actionSheetContainer, overlayStyle]
-    }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-      style: styles.button,
-      onPress: this.props.onCancel
-    }), /*#__PURE__*/React.createElement(_Sheet.default, {
-      visible: this.props.visible
-    }, /*#__PURE__*/React.createElement(_reactNative.View, {
-      style: [styles.buttonContainer, style]
-    }, this.props.children))));
-  }
-
-}
-
-var _default = ShareSheet;
-exports.default = _default;
+  }, [visible, onCancel]);
+  React.useEffect(() => {
+    _reactNative.BackHandler.addEventListener('hardwareBackPress', backButtonHandler);
+
+    return () => {
+      _reactNative.BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);
+    };
+  }, [backButtonHandler]);
+  return /*#__PURE__*/React.createElement(_Overlay.default, {
+    visible: visible
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.actionSheetContainer, overlayStyle]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    onPress: onCancel
+  }), /*#__PURE__*/React.createElement(_Sheet.default, {
+    visible: visible
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.buttonContainer, style]
+  }, children))));
+};
 
 const styles = _reactNative.StyleSheet.create({
   actionSheetContainer: {
@@ -80,4 +73,7 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1
   }
 });
+
+var _default = ShareSheet;
+exports.default = _default;
 //# sourceMappingURL=ShareSheet.js.map

package/lib/commonjs/components/ShareSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShareSheet.tsx"],"names":["ShareSheet","React","Component","componentDidMount","backButtonHandler","bind","BackHandler","addEventListener","componentWillUnmount","removeEventListener","props","visible","onCancel","render","style","overlayStyle","styles","actionSheetContainer","button","buttonContainer","children","StyleSheet","create","backgroundColor","flex","justifyContent","paddingBottom","paddingTop","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AACA;;;;;;;;AAUA,MAAMA,UAAN,SAAyBC,KAAK,CAACC,SAA/B,CAA0D;AACxDC,EAAAA,iBAAiB,GAAG;AAClB,SAAKC,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBC,IAAvB,CAA4B,IAA5B,CAAzB;;AACAC,6BAAYC,gBAAZ,CAA6B,mBAA7B,EAAkD,KAAKH,iBAAvD;AACD;;AAEDI,EAAAA,oBAAoB,GAAG;AACrBF,6BAAYG,mBAAZ,CAAgC,mBAAhC,EAAqD,KAAKL,iBAA1D;AACD;;AAEDA,EAAAA,iBAAiB,GAAY;AAC3B,QAAI,KAAKM,KAAL,CAAWC,OAAf,EAAwB;AACtB,WAAKD,KAAL,CAAWE,QAAX;AACA,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAK,GAAG,EAAV;AAAcC,MAAAA,YAAY,GAAG,EAA7B;AAAiC,SAAGL;AAApC,QAA8C,KAAKA,KAAzD;AAEA,wBACE,oBAAC,gBAAD,EAAaA,KAAb,eACE,oBAAC,iBAAD;AAAM,MAAA,KAAK,EAAE,CAACM,MAAM,CAACC,oBAAR,EAA8BF,YAA9B;AAAb,oBACE,oBAAC,6BAAD;AAAkB,MAAA,KAAK,EAAEC,MAAM,CAACE,MAAhC;AAAwC,MAAA,OAAO,EAAE,KAAKR,KAAL,CAAWE;AAA5D,MADF,eAEE,oBAAC,cAAD;AAAO,MAAA,OAAO,EAAE,KAAKF,KAAL,CAAWC;AAA3B,oBACE,oBAAC,iBAAD;AAAM,MAAA,KAAK,EAAE,CAACK,MAAM,CAACG,eAAR,EAAyBL,KAAzB;AAAb,OAA+C,KAAKJ,KAAL,CAAWU,QAA1D,CADF,CAFF,CADF,CADF;AAUD;;AA/BuD;;eAkC3CpB,U;;;AAEf,MAAMgB,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,oBAAoB,EAAE;AACpBM,IAAAA,eAAe,EAAE,oBADG;AAEpBC,IAAAA,IAAI,EAAE,CAFc;AAGpBC,IAAAA,cAAc,EAAE,UAHI;AAIpBC,IAAAA,aAAa,EAAE,CAJK;AAKpBC,IAAAA,UAAU,EAAE;AALQ,GADS;AAQ/BR,EAAAA,eAAe,EAAE;AACfI,IAAAA,eAAe,EAAE,OADF;AAEfK,IAAAA,QAAQ,EAAE,QAFK;AAGfF,IAAAA,aAAa,EAAE,CAHA;AAIfC,IAAAA,UAAU,EAAE;AAJG,GARc;AAc/BT,EAAAA,MAAM,EAAE;AACNM,IAAAA,IAAI,EAAE;AADA;AAduB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet, TouchableOpacity, BackHandler } from 'react-native';\nimport type { ViewStyle, StyleProp } from 'react-native';\n\nimport Overlay from './Overlay';\nimport Sheet from './Sheet';\n\nexport interface ShareSheetProps {\n  visible: boolean;\n  onCancel: () => void;\n  children: React.ReactChildren;\n  style?: StyleProp<ViewStyle>;\n  overlayStyle?: StyleProp<ViewStyle>;\n}\n\nclass ShareSheet extends React.Component<ShareSheetProps> {\n  componentDidMount() {\n    this.backButtonHandler = this.backButtonHandler.bind(this);\n    BackHandler.addEventListener('hardwareBackPress', this.backButtonHandler);\n  }\n\n  componentWillUnmount() {\n    BackHandler.removeEventListener('hardwareBackPress', this.backButtonHandler);\n  }\n\n  backButtonHandler(): boolean {\n    if (this.props.visible) {\n      this.props.onCancel();\n      return true;\n    }\n    return false;\n  }\n\n  render() {\n    const { style = {}, overlayStyle = {}, ...props } = this.props;\n\n    return (\n      <Overlay {...props}>\n        <View style={[styles.actionSheetContainer, overlayStyle]}>\n          <TouchableOpacity style={styles.button} onPress={this.props.onCancel} />\n          <Sheet visible={this.props.visible}>\n            <View style={[styles.buttonContainer, style]}>{this.props.children}</View>\n          </Sheet>\n        </View>\n      </Overlay>\n    );\n  }\n}\n\nexport default ShareSheet;\n\nconst styles = StyleSheet.create({\n  actionSheetContainer: {\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    flex: 1,\n    justifyContent: 'flex-end',\n    paddingBottom: 0,\n    paddingTop: 10,\n  },\n  buttonContainer: {\n    backgroundColor: 'white',\n    overflow: 'hidden',\n    paddingBottom: 5,\n    paddingTop: 5,\n  },\n  button: {\n    flex: 1,\n  },\n});\n"]}
+{"version":3,"sources":["ShareSheet.tsx"],"names":["ShareSheet","style","overlayStyle","visible","onCancel","children","backButtonHandler","React","useCallback","useEffect","BackHandler","addEventListener","removeEventListener","styles","actionSheetContainer","button","buttonContainer","StyleSheet","create","backgroundColor","flex","justifyContent","paddingBottom","paddingTop","overflow"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;;;;;;;AASA,MAAMA,UAA8D,GAAG,CAAC;AACtEC,EAAAA,KAAK,GAAG,EAD8D;AAEtEC,EAAAA,YAAY,GAAG,EAFuD;AAGtEC,EAAAA,OAHsE;AAItEC,EAAAA,QAJsE;AAKtEC,EAAAA;AALsE,CAAD,KAMjE;AACJ,QAAMC,iBAAiB,GAAGC,KAAK,CAACC,WAAN,CAAkB,MAAM;AAChD,QAAIL,OAAJ,EAAa;AACXC,MAAAA,QAAQ;AACR,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GANyB,EAMvB,CAACD,OAAD,EAAUC,QAAV,CANuB,CAA1B;AAQAG,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpBC,6BAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDL,iBAAlD;;AACA,WAAO,MAAM;AACXI,+BAAYE,mBAAZ,CAAgC,mBAAhC,EAAqDN,iBAArD;AACD,KAFD;AAGD,GALD,EAKG,CAACA,iBAAD,CALH;AAOA,sBACE,oBAAC,gBAAD;AAAS,IAAA,OAAO,EAAEH;AAAlB,kBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACU,MAAM,CAACC,oBAAR,EAA8BZ,YAA9B;AAAb,kBACE,oBAAC,6BAAD;AAAkB,IAAA,KAAK,EAAEW,MAAM,CAACE,MAAhC;AAAwC,IAAA,OAAO,EAAEX;AAAjD,IADF,eAEE,oBAAC,cAAD;AAAO,IAAA,OAAO,EAAED;AAAhB,kBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACU,MAAM,CAACG,eAAR,EAAyBf,KAAzB;AAAb,KAA+CI,QAA/C,CADF,CAFF,CADF,CADF;AAUD,CAhCD;;AAkCA,MAAMQ,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,oBAAoB,EAAE;AACpBK,IAAAA,eAAe,EAAE,oBADG;AAEpBC,IAAAA,IAAI,EAAE,CAFc;AAGpBC,IAAAA,cAAc,EAAE,UAHI;AAIpBC,IAAAA,aAAa,EAAE,CAJK;AAKpBC,IAAAA,UAAU,EAAE;AALQ,GADS;AAQ/BP,EAAAA,eAAe,EAAE;AACfG,IAAAA,eAAe,EAAE,OADF;AAEfK,IAAAA,QAAQ,EAAE,QAFK;AAGfF,IAAAA,aAAa,EAAE,CAHA;AAIfC,IAAAA,UAAU,EAAE;AAJG,GARc;AAc/BR,EAAAA,MAAM,EAAE;AACNK,IAAAA,IAAI,EAAE;AADA;AAduB,CAAlB,CAAf;;eAmBepB,U","sourcesContent":["import * as React from 'react';\nimport {\n  View,\n  TouchableOpacity,\n  BackHandler,\n  ViewStyle,\n  StyleProp,\n  StyleSheet,\n} from 'react-native';\n\nimport Overlay from './Overlay';\nimport Sheet from './Sheet';\n\nexport interface ShareSheetProps {\n  visible: boolean;\n  onCancel: () => void;\n  style?: StyleProp<ViewStyle>;\n  overlayStyle?: StyleProp<ViewStyle>;\n}\n\nconst ShareSheet: React.FC<React.PropsWithChildren<ShareSheetProps>> = ({\n  style = {},\n  overlayStyle = {},\n  visible,\n  onCancel,\n  children,\n}) => {\n  const backButtonHandler = React.useCallback(() => {\n    if (visible) {\n      onCancel();\n      return true;\n    }\n    return false;\n  }, [visible, onCancel]);\n\n  React.useEffect(() => {\n    BackHandler.addEventListener('hardwareBackPress', backButtonHandler);\n    return () => {\n      BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);\n    };\n  }, [backButtonHandler]);\n\n  return (\n    <Overlay visible={visible}>\n      <View style={[styles.actionSheetContainer, overlayStyle]}>\n        <TouchableOpacity style={styles.button} onPress={onCancel} />\n        <Sheet visible={visible}>\n          <View style={[styles.buttonContainer, style]}>{children}</View>\n        </Sheet>\n      </View>\n    </Overlay>\n  );\n};\n\nconst styles = StyleSheet.create({\n  actionSheetContainer: {\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    flex: 1,\n    justifyContent: 'flex-end',\n    paddingBottom: 0,\n    paddingTop: 10,\n  },\n  buttonContainer: {\n    backgroundColor: 'white',\n    overflow: 'hidden',\n    paddingBottom: 5,\n    paddingTop: 5,\n  },\n  button: {\n    flex: 1,\n  },\n});\n\nexport default ShareSheet;\n"]}

package/lib/commonjs/components/Sheet.js

@@ -13,37 +13,27 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const DEFAULT_BOTTOM = -300;
 const DEFAULT_ANIMATE_TIME = 300;
 
-class Sheet extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      bottom: new _reactNative.Animated.Value(DEFAULT_BOTTOM)
-    });
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps) {
-    return _reactNative.Animated.timing(this.state.bottom, {
-      toValue: newProps.visible ? 0 : DEFAULT_BOTTOM,
+const Sheet = ({
+  visible,
+  children
+}) => {
+  const [bottom] = React.useState(new _reactNative.Animated.Value(DEFAULT_BOTTOM));
+  React.useEffect(() => {
+    return _reactNative.Animated.timing(bottom, {
+      toValue: visible ? 0 : DEFAULT_BOTTOM,
       duration: DEFAULT_ANIMATE_TIME,
       useNativeDriver: false
     }).start();
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-      style: {
-        bottom: this.state.bottom
-      }
-    }, this.props.children);
-  }
-
-}
+  }, [visible, bottom]);
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: {
+      bottom
+    }
+  }, children);
+};
 
 var _default = Sheet;
 exports.default = _default;

package/lib/commonjs/components/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Sheet.tsx"],"names":["DEFAULT_BOTTOM","DEFAULT_ANIMATE_TIME","Sheet","React","Component","bottom","Animated","Value","UNSAFE_componentWillReceiveProps","newProps","timing","state","toValue","visible","duration","useNativeDriver","start","render","props","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CAAC,GAAxB;AACA,MAAMC,oBAAoB,GAAG,GAA7B;;AAUA,MAAMC,KAAN,SAAoBC,KAAK,CAACC,SAA1B,CAAuD;AAAA;AAAA;;AAAA,mCAC7C;AACNC,MAAAA,MAAM,EAAE,IAAIC,sBAASC,KAAb,CAAmBP,cAAnB;AADF,KAD6C;AAAA;;AAKrDQ,EAAAA,gCAAgC,CAACC,QAAD,EAAuB;AACrD,WAAOH,sBAASI,MAAT,CAAgB,KAAKC,KAAL,CAAWN,MAA3B,EAAmC;AACxCO,MAAAA,OAAO,EAAEH,QAAQ,CAACI,OAAT,GAAmB,CAAnB,GAAuBb,cADQ;AAExCc,MAAAA,QAAQ,EAAEb,oBAF8B;AAGxCc,MAAAA,eAAe,EAAE;AAHuB,KAAnC,EAIJC,KAJI,EAAP;AAKD;;AAEDC,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,qBAAD,CAAU,IAAV;AAAe,MAAA,KAAK,EAAE;AAAEZ,QAAAA,MAAM,EAAE,KAAKM,KAAL,CAAWN;AAArB;AAAtB,OAAsD,KAAKa,KAAL,CAAWC,QAAjE,CADF;AAGD;;AAjBoD;;eAoBxCjB,K","sourcesContent":["import * as React from 'react';\nimport { Animated } from 'react-native';\n\nconst DEFAULT_BOTTOM = -300;\nconst DEFAULT_ANIMATE_TIME = 300;\n\nexport interface SheetProps {\n  visible: boolean;\n}\n\ninterface State {\n  bottom: Animated.Value;\n}\n\nclass Sheet extends React.Component<SheetProps, State> {\n  state = {\n    bottom: new Animated.Value(DEFAULT_BOTTOM),\n  };\n\n  UNSAFE_componentWillReceiveProps(newProps: SheetProps) {\n    return Animated.timing(this.state.bottom, {\n      toValue: newProps.visible ? 0 : DEFAULT_BOTTOM,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start();\n  }\n\n  render() {\n    return (\n      <Animated.View style={{ bottom: this.state.bottom }}>{this.props.children}</Animated.View>\n    );\n  }\n}\n\nexport default Sheet;\n"]}
+{"version":3,"sources":["Sheet.tsx"],"names":["DEFAULT_BOTTOM","DEFAULT_ANIMATE_TIME","Sheet","visible","children","bottom","React","useState","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,cAAc,GAAG,CAAC,GAAxB;AACA,MAAMC,oBAAoB,GAAG,GAA7B;;AAMA,MAAMC,KAAoD,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAA2B;AACtF,QAAM,CAACC,MAAD,IAAWC,KAAK,CAACC,QAAN,CAAe,IAAIC,sBAASC,KAAb,CAAmBT,cAAnB,CAAf,CAAjB;AAEAM,EAAAA,KAAK,CAACI,SAAN,CAAgB,MAAM;AACpB,WAAOF,sBAASG,MAAT,CAAgBN,MAAhB,EAAwB;AAC7BO,MAAAA,OAAO,EAAET,OAAO,GAAG,CAAH,GAAOH,cADM;AAE7Ba,MAAAA,QAAQ,EAAEZ,oBAFmB;AAG7Ba,MAAAA,eAAe,EAAE;AAHY,KAAxB,EAIJC,KAJI,EAAP;AAKD,GAND,EAMG,CAACZ,OAAD,EAAUE,MAAV,CANH;AAQA,sBAAO,oBAAC,qBAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE;AAAEA,MAAAA;AAAF;AAAtB,KAAmCD,QAAnC,CAAP;AACD,CAZD;;eAceF,K","sourcesContent":["import * as React from 'react';\nimport { Animated } from 'react-native';\n\nconst DEFAULT_BOTTOM = -300;\nconst DEFAULT_ANIMATE_TIME = 300;\n\nexport interface SheetProps {\n  visible: boolean;\n}\n\nconst Sheet: React.FC<React.PropsWithChildren<SheetProps>> = ({ visible, children }) => {\n  const [bottom] = React.useState(new Animated.Value(DEFAULT_BOTTOM));\n\n  React.useEffect(() => {\n    return Animated.timing(bottom, {\n      toValue: visible ? 0 : DEFAULT_BOTTOM,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start();\n  }, [visible, bottom]);\n\n  return <Animated.View style={{ bottom }}>{children}</Animated.View>;\n};\n\nexport default Sheet;\n"]}

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["Social","ShareAsset"],"mappings":";;;;;;IAAYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IAoBAC,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U","sourcesContent":["export enum Social {\n  Facebook = 'facebook',\n  FacebookStories = 'facebookstories',\n  Pagesmanager = 'pagesmanager',\n  Twitter = 'twitter',\n  Whatsapp = 'whatsapp',\n  Whatsappbusiness = 'whatsappbusiness',\n  Instagram = 'instagram',\n  InstagramStories = 'instagramstories',\n  Googleplus = 'googleplus',\n  Email = 'email',\n  Pinterest = 'pinterest',\n  Linkedin = 'linkedin',\n  Sms = 'sms',\n  Telegram = 'telegram',\n  Snapchat = 'snapchat',\n  Messenger = 'messenger',\n  Viber = 'viber',\n}\n\nexport enum ShareAsset {\n  BackgroundImage = 'shareBackgroundImage',\n  BackgroundVideo = 'shareBackgroundVideo',\n  StickerImage = 'shareStickerImage',\n  BackgroundAndStickerImage = 'shareBackgroundAndStickerImage',\n}\n\nexport interface LinkMetadata {\n  originalUrl?: string;\n  url?: string;\n  title?: string;\n  icon?: string;\n  image?: string;\n  remoteVideoUrl?: string;\n  video?: string;\n}\n\nexport interface ActivityItem {\n  type: 'text' | 'url';\n  content: string;\n}\n\nexport interface ActivityItemSource {\n  placeholderItem: ActivityItem;\n  item: { [key in ActivityType]?: ActivityItem | null | undefined };\n  subject?: { [key in ActivityType]?: string };\n  dataTypeIdentifier?: { [key in ActivityType]?: string };\n  thumbnailImage?: { [key in ActivityType]?: string };\n  linkMetadata?: LinkMetadata;\n}\n\ninterface BaseShareSingleOptions {\n  urls?: string[];\n  url?: string;\n  type?: string;\n  filename?: string;\n  message?: string;\n  title?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  social: Exclude<Social, Social.FacebookStories | Social.InstagramStories>;\n  forceDialog?: boolean;\n}\n\ninterface BaseSocialStoriesShareSingleOptions extends Omit<BaseShareSingleOptions, 'social'> {\n  backgroundImage?: string;\n  stickerImage?: string;\n  backgroundBottomColor?: string;\n  backgroundTopColor?: string;\n  attributionURL?: string;\n  backgroundVideo?: string;\n}\n\nexport interface InstagramStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.InstagramStories;\n  appId: string;\n}\n\nexport interface FacebookStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.FacebookStories;\n  appId: string;\n}\n\nexport type ShareSingleOptions =\n  | BaseShareSingleOptions\n  | InstagramStoriesShareSingleOptions\n  | FacebookStoriesShareSingleOptions;\n\nexport interface ShareOptions {\n  message?: string;\n  title?: string;\n  url?: string;\n  urls?: string[];\n  type?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  excludedActivityTypes?: ActivityType[] | string[];\n  failOnCancel?: boolean;\n  showAppsToView?: boolean;\n  filename?: string;\n  filenames?: string[];\n  saveToFiles?: boolean;\n  activityItemSources?: ActivityItemSource[];\n  isNewTask?: boolean;\n}\n\nexport type ActivityType =\n  | 'default'\n  | 'addToReadingList'\n  | 'airDrop'\n  | 'assignToContact'\n  | 'copyToPasteBoard'\n  | 'mail'\n  | 'message'\n  | 'openInIBooks' // iOS 9 or later\n  | 'postToFacebook'\n  | 'postToFlickr'\n  | 'postToTencentWeibo'\n  | 'postToTwitter'\n  | 'postToVimeo'\n  | 'postToWeibo'\n  | 'print'\n  | 'saveToCameraRoll'\n  | 'markupAsPDF'; // iOS 11 or late\n\nexport interface ShareSingleResult {\n  message: string;\n  success: boolean;\n}\n\nexport interface ShareOpenResult extends ShareSingleResult {\n  dismissedAction?: boolean;\n}\nexport interface IsPackageInstalledResult {\n  message: string;\n  isInstalled: boolean;\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["Social","ShareAsset"],"mappings":";;;;;;IAAYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IAoBAC,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U","sourcesContent":["export enum Social {\n  Facebook = 'facebook',\n  FacebookStories = 'facebookstories',\n  Pagesmanager = 'pagesmanager',\n  Twitter = 'twitter',\n  Whatsapp = 'whatsapp',\n  Whatsappbusiness = 'whatsappbusiness',\n  Instagram = 'instagram',\n  InstagramStories = 'instagramstories',\n  Googleplus = 'googleplus',\n  Email = 'email',\n  Pinterest = 'pinterest',\n  Linkedin = 'linkedin',\n  Sms = 'sms',\n  Telegram = 'telegram',\n  Snapchat = 'snapchat',\n  Messenger = 'messenger',\n  Viber = 'viber',\n}\n\nexport enum ShareAsset {\n  BackgroundImage = 'shareBackgroundImage',\n  BackgroundVideo = 'shareBackgroundVideo',\n  StickerImage = 'shareStickerImage',\n  BackgroundAndStickerImage = 'shareBackgroundAndStickerImage',\n}\n\nexport interface LinkMetadata {\n  originalUrl?: string;\n  url?: string;\n  title?: string;\n  icon?: string;\n  image?: string;\n  remoteVideoUrl?: string;\n  video?: string;\n}\n\nexport interface ActivityItem {\n  type: 'text' | 'url';\n  content: string;\n}\n\nexport interface ActivityItemSource {\n  placeholderItem: ActivityItem;\n  item: { [key in ActivityTypeItemSource]?: ActivityItem | null | undefined };\n  subject?: { [key in ActivityTypeItemSource]?: string };\n  dataTypeIdentifier?: { [key in ActivityTypeItemSource]?: string };\n  thumbnailImage?: { [key in ActivityTypeItemSource]?: string };\n  linkMetadata?: LinkMetadata;\n}\n\ninterface BaseShareSingleOptions {\n  urls?: string[];\n  url?: string;\n  type?: string;\n  filename?: string;\n  message?: string;\n  title?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  social: Exclude<Social, Social.FacebookStories | Social.InstagramStories>;\n  forceDialog?: boolean;\n}\n\ninterface BaseSocialStoriesShareSingleOptions extends Omit<BaseShareSingleOptions, 'social'> {\n  backgroundImage?: string;\n  stickerImage?: string;\n  backgroundBottomColor?: string;\n  backgroundTopColor?: string;\n  attributionURL?: string;\n  backgroundVideo?: string;\n}\n\nexport interface InstagramStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.InstagramStories;\n  appId: string;\n}\n\nexport interface FacebookStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.FacebookStories;\n  appId: string;\n}\n\nexport type ShareSingleOptions =\n  | BaseShareSingleOptions\n  | InstagramStoriesShareSingleOptions\n  | FacebookStoriesShareSingleOptions;\n\nexport interface ShareOptions {\n  message?: string;\n  title?: string;\n  url?: string;\n  urls?: string[];\n  type?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  excludedActivityTypes?: ActivityType[] | string[];\n  failOnCancel?: boolean;\n  showAppsToView?: boolean;\n  filename?: string;\n  filenames?: string[];\n  saveToFiles?: boolean;\n  activityItemSources?: ActivityItemSource[];\n  isNewTask?: boolean;\n}\n\nexport type ActivityType =\n  | 'default'\n  | 'addToReadingList'\n  | 'airDrop'\n  | 'assignToContact'\n  | 'copyToPasteBoard'\n  | 'mail'\n  | 'message'\n  | 'openInIBooks' // iOS 9 or later\n  | 'postToFacebook'\n  | 'postToFlickr'\n  | 'postToTencentWeibo'\n  | 'postToTwitter'\n  | 'postToVimeo'\n  | 'postToWeibo'\n  | 'print'\n  | 'saveToCameraRoll'\n  | 'markupAsPDF'; // iOS 11 or late\n\nexport type ActivityTypeItemSource = ActivityType | string;\n\nexport interface ShareSingleResult {\n  message: string;\n  success: boolean;\n}\n\nexport interface ShareOpenResult extends ShareSingleResult {\n  dismissedAction?: boolean;\n}\nexport interface IsPackageInstalledResult {\n  message: string;\n  isInstalled: boolean;\n}\n"]}

package/lib/module/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["React","StyleSheet","Text","TouchableOpacity","Image","Button","buttonStyle","onPress","iconSrc","textStyle","children","styles","button","icon","buttonText","create","backgroundColor","flexDirection","height","padding","color","fontSize","fontWeight","textAlign","textAlignVertical","marginLeft","marginRight","width"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,IAFF,EAGEC,gBAHF,EAIEC,KAJF,QASO,cATP;;AAmBA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,OAAf;AAAwBC,EAAAA,OAAxB;AAAiCC,EAAAA,SAAjC;AAA4CC,EAAAA;AAA5C,CAAD,kBACb,oBAAC,gBAAD;AAAkB,EAAA,aAAa,EAAE,GAAjC;AAAsC,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAA7C;AAA2E,EAAA,OAAO,EAAEC;AAApF,gBACE,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAEI,MAAM,CAACE,IAArB;AAA2B,EAAA,MAAM,EAAEL;AAAnC,EADF,eAEE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAE,CAACG,MAAM,CAACG,UAAR,EAAoBL,SAApB;AAAb,GAA8CC,QAA9C,CAFF,CADF;;AAOA,eAAeL,MAAf;AAEA,MAAMM,MAAM,GAAGV,UAAU,CAACc,MAAX,CAAkB;AAC/BH,EAAAA,MAAM,EAAE;AACNI,IAAAA,eAAe,EAAE,OADX;AAENC,IAAAA,aAAa,EAAE,KAFT;AAGNC,IAAAA,MAAM,EAAE,EAHF;AAINC,IAAAA,OAAO,EAAE;AAJH,GADuB;AAO/BL,EAAAA,UAAU,EAAE;AACVM,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,MAHF;AAIVC,IAAAA,SAAS,EAAE,MAJD;AAKVC,IAAAA,iBAAiB,EAAE;AALT,GAPmB;AAc/BX,EAAAA,IAAI,EAAE;AACJK,IAAAA,MAAM,EAAE,EADJ;AAEJO,IAAAA,UAAU,EAAE,EAFR;AAGJC,IAAAA,WAAW,EAAE,EAHT;AAIJC,IAAAA,KAAK,EAAE;AAJH;AAdyB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport {\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nexport interface ButtonProps {\n  onPress: () => void;\n  iconSrc: ImageSourcePropType;\n  buttonStyle?: StyleProp<ViewStyle>;\n  textStyle?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n}\n\nconst Button = ({ buttonStyle, onPress, iconSrc, textStyle, children }: ButtonProps) => (\n  <TouchableOpacity activeOpacity={0.5} style={[styles.button, buttonStyle]} onPress={onPress}>\n    <Image style={styles.icon} source={iconSrc} />\n    <Text style={[styles.buttonText, textStyle]}>{children}</Text>\n  </TouchableOpacity>\n);\n\nexport default Button;\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: 'white',\n    flexDirection: 'row',\n    height: 50,\n    padding: 10,\n  },\n  buttonText: {\n    color: '#2c2c2c',\n    fontSize: 16,\n    fontWeight: 'bold',\n    textAlign: 'left',\n    textAlignVertical: 'center',\n  },\n  icon: {\n    height: 28,\n    marginLeft: 10,\n    marginRight: 30,\n    width: 28,\n  },\n});\n"]}
+{"version":3,"sources":["Button.tsx"],"names":["React","StyleSheet","Text","TouchableOpacity","Image","Button","buttonStyle","onPress","iconSrc","textStyle","children","styles","button","icon","buttonText","create","backgroundColor","flexDirection","height","padding","color","fontSize","fontWeight","textAlign","textAlignVertical","marginLeft","marginRight","width"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,IAFF,EAGEC,gBAHF,EAIEC,KAJF,QASO,cATP;;AAmBA,MAAMC,MAA6B,GAAG,CAAC;AACrCC,EAAAA,WADqC;AAErCC,EAAAA,OAFqC;AAGrCC,EAAAA,OAHqC;AAIrCC,EAAAA,SAJqC;AAKrCC,EAAAA;AALqC,CAAD,kBAOpC,oBAAC,gBAAD;AAAkB,EAAA,aAAa,EAAE,GAAjC;AAAsC,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAA7C;AAA2E,EAAA,OAAO,EAAEC;AAApF,gBACE,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAEI,MAAM,CAACE,IAArB;AAA2B,EAAA,MAAM,EAAEL;AAAnC,EADF,eAEE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAE,CAACG,MAAM,CAACG,UAAR,EAAoBL,SAApB;AAAb,GAA8CC,QAA9C,CAFF,CAPF;;AAaA,eAAeL,MAAf;AAEA,MAAMM,MAAM,GAAGV,UAAU,CAACc,MAAX,CAAkB;AAC/BH,EAAAA,MAAM,EAAE;AACNI,IAAAA,eAAe,EAAE,OADX;AAENC,IAAAA,aAAa,EAAE,KAFT;AAGNC,IAAAA,MAAM,EAAE,EAHF;AAINC,IAAAA,OAAO,EAAE;AAJH,GADuB;AAO/BL,EAAAA,UAAU,EAAE;AACVM,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,MAHF;AAIVC,IAAAA,SAAS,EAAE,MAJD;AAKVC,IAAAA,iBAAiB,EAAE;AALT,GAPmB;AAc/BX,EAAAA,IAAI,EAAE;AACJK,IAAAA,MAAM,EAAE,EADJ;AAEJO,IAAAA,UAAU,EAAE,EAFR;AAGJC,IAAAA,WAAW,EAAE,EAHT;AAIJC,IAAAA,KAAK,EAAE;AAJH;AAdyB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport {\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  Image,\n  ImageSourcePropType,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\n\nexport interface ButtonProps {\n  onPress: () => void;\n  iconSrc: ImageSourcePropType;\n  buttonStyle?: StyleProp<ViewStyle>;\n  textStyle?: StyleProp<TextStyle>;\n  children: React.ReactNode;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  buttonStyle,\n  onPress,\n  iconSrc,\n  textStyle,\n  children,\n}: ButtonProps) => (\n  <TouchableOpacity activeOpacity={0.5} style={[styles.button, buttonStyle]} onPress={onPress}>\n    <Image style={styles.icon} source={iconSrc} />\n    <Text style={[styles.buttonText, textStyle]}>{children}</Text>\n  </TouchableOpacity>\n);\n\nexport default Button;\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: 'white',\n    flexDirection: 'row',\n    height: 50,\n    padding: 10,\n  },\n  buttonText: {\n    color: '#2c2c2c',\n    fontSize: 16,\n    fontWeight: 'bold',\n    textAlign: 'left',\n    textAlignVertical: 'center',\n  },\n  icon: {\n    height: 28,\n    marginLeft: 10,\n    marginRight: 30,\n    width: 28,\n  },\n});\n"]}

package/lib/module/components/Overlay.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as React from 'react';
 import { Animated, StyleSheet } from 'react-native';
 const DEFAULT_ANIMATE_TIME = 300;
@@ -20,47 +18,34 @@ const styles = StyleSheet.create({
   }
 });
 
-class Overlay extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      fadeAnim: new Animated.Value(0),
-      overlayStyle: styles.emptyOverlay
-    });
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps) {
-    if (newProps.visible) {
-      this.setState({
-        overlayStyle: styles.fullOverlay
-      });
+const Overlay = ({
+  visible,
+  children
+}) => {
+  const [fadeAnim] = React.useState(new Animated.Value(0));
+  const [overlayStyle, setOverlayStyle] = React.useState(styles.emptyOverlay);
+  const onAnimatedEnd = React.useCallback(() => {
+    if (!visible) {
+      setOverlayStyle(styles.emptyOverlay);
+    }
+  }, [visible]);
+  React.useEffect(() => {
+    if (visible) {
+      setOverlayStyle(styles.fullOverlay);
     }
 
-    return Animated.timing(this.state.fadeAnim, {
-      toValue: newProps.visible ? 1 : 0,
+    return Animated.timing(fadeAnim, {
+      toValue: visible ? 1 : 0,
       duration: DEFAULT_ANIMATE_TIME,
       useNativeDriver: false
-    }).start(this.onAnimatedEnd.bind(this));
-  }
-
-  onAnimatedEnd() {
-    if (!this.props.visible) {
-      this.setState({
-        overlayStyle: styles.emptyOverlay
-      });
-    }
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Animated.View, {
-      style: [this.state.overlayStyle, {
-        opacity: this.state.fadeAnim
-      }]
-    }, this.props.children);
-  }
-
-}
+    }).start(onAnimatedEnd);
+  }, [visible, fadeAnim, onAnimatedEnd]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [overlayStyle, {
+      opacity: fadeAnim
+    }]
+  }, children);
+};
 
 export default Overlay;
 //# sourceMappingURL=Overlay.js.map

package/lib/module/components/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Overlay.tsx"],"names":["React","Animated","StyleSheet","DEFAULT_ANIMATE_TIME","styles","create","emptyOverlay","backgroundColor","height","position","width","fullOverlay","bottom","left","right","top","Overlay","Component","fadeAnim","Value","overlayStyle","UNSAFE_componentWillReceiveProps","newProps","visible","setState","timing","state","toValue","duration","useNativeDriver","start","onAnimatedEnd","bind","props","render","opacity","children"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAA8BC,UAA9B,QAA2D,cAA3D;AAEA,MAAMC,oBAAoB,GAAG,GAA7B;AACA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;AAC/BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAE,aADL;AAEZC,IAAAA,MAAM,EAAE,CAFI;AAGZC,IAAAA,QAAQ,EAAE,UAHE;AAIZC,IAAAA,KAAK,EAAE;AAJK,GADiB;AAO/BC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,eAAe,EAAE,aADN;AAEXK,IAAAA,MAAM,EAAE,CAFG;AAGXC,IAAAA,IAAI,EAAE,CAHK;AAIXJ,IAAAA,QAAQ,EAAE,UAJC;AAKXK,IAAAA,KAAK,EAAE,CALI;AAMXC,IAAAA,GAAG,EAAE;AANM;AAPkB,CAAlB,CAAf;;AA0BA,MAAMC,OAAN,SAAsBhB,KAAK,CAACiB,SAA5B,CAA2D;AAAA;AAAA;;AAAA,mCACjD;AACNC,MAAAA,QAAQ,EAAE,IAAIjB,QAAQ,CAACkB,KAAb,CAAmB,CAAnB,CADJ;AAENC,MAAAA,YAAY,EAAEhB,MAAM,CAACE;AAFf,KADiD;AAAA;;AAMzDe,EAAAA,gCAAgC,CAACC,QAAD,EAAyB;AACvD,QAAIA,QAAQ,CAACC,OAAb,EAAsB;AACpB,WAAKC,QAAL,CAAc;AAAEJ,QAAAA,YAAY,EAAEhB,MAAM,CAACO;AAAvB,OAAd;AACD;;AACD,WAAOV,QAAQ,CAACwB,MAAT,CAAgB,KAAKC,KAAL,CAAWR,QAA3B,EAAqC;AAC1CS,MAAAA,OAAO,EAAEL,QAAQ,CAACC,OAAT,GAAmB,CAAnB,GAAuB,CADU;AAE1CK,MAAAA,QAAQ,EAAEzB,oBAFgC;AAG1C0B,MAAAA,eAAe,EAAE;AAHyB,KAArC,EAIJC,KAJI,CAIE,KAAKC,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAJF,CAAP;AAKD;;AAEDD,EAAAA,aAAa,GAAG;AACd,QAAI,CAAC,KAAKE,KAAL,CAAWV,OAAhB,EAAyB;AACvB,WAAKC,QAAL,CAAc;AAAEJ,QAAAA,YAAY,EAAEhB,MAAM,CAACE;AAAvB,OAAd;AACD;AACF;;AAED4B,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,QAAD,CAAU,IAAV;AAAe,MAAA,KAAK,EAAE,CAAC,KAAKR,KAAL,CAAWN,YAAZ,EAA0B;AAAEe,QAAAA,OAAO,EAAE,KAAKT,KAAL,CAAWR;AAAtB,OAA1B;AAAtB,OACG,KAAKe,KAAL,CAAWG,QADd,CADF;AAKD;;AA7BwD;;AAgC3D,eAAepB,OAAf","sourcesContent":["import * as React from 'react';\nimport { Animated, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nconst DEFAULT_ANIMATE_TIME = 300;\nconst styles = StyleSheet.create({\n  emptyOverlay: {\n    backgroundColor: 'transparent',\n    height: 0,\n    position: 'absolute',\n    width: 0,\n  },\n  fullOverlay: {\n    backgroundColor: 'transparent',\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\nexport interface OverlayProps {\n  visible: boolean;\n}\n\ninterface State {\n  fadeAnim: Animated.Value;\n  overlayStyle: StyleProp<ViewStyle>;\n}\n\nclass Overlay extends React.Component<OverlayProps, State> {\n  state = {\n    fadeAnim: new Animated.Value(0),\n    overlayStyle: styles.emptyOverlay,\n  };\n\n  UNSAFE_componentWillReceiveProps(newProps: OverlayProps) {\n    if (newProps.visible) {\n      this.setState({ overlayStyle: styles.fullOverlay });\n    }\n    return Animated.timing(this.state.fadeAnim, {\n      toValue: newProps.visible ? 1 : 0,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start(this.onAnimatedEnd.bind(this));\n  }\n\n  onAnimatedEnd() {\n    if (!this.props.visible) {\n      this.setState({ overlayStyle: styles.emptyOverlay });\n    }\n  }\n\n  render() {\n    return (\n      <Animated.View style={[this.state.overlayStyle, { opacity: this.state.fadeAnim }]}>\n        {this.props.children}\n      </Animated.View>\n    );\n  }\n}\n\nexport default Overlay;\n"]}
+{"version":3,"sources":["Overlay.tsx"],"names":["React","Animated","StyleSheet","DEFAULT_ANIMATE_TIME","styles","create","emptyOverlay","backgroundColor","height","position","width","fullOverlay","bottom","left","right","top","Overlay","visible","children","fadeAnim","useState","Value","overlayStyle","setOverlayStyle","onAnimatedEnd","useCallback","useEffect","timing","toValue","duration","useNativeDriver","start","opacity"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAA8BC,UAA9B,QAA2D,cAA3D;AAEA,MAAMC,oBAAoB,GAAG,GAA7B;AACA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;AAC/BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAE,aADL;AAEZC,IAAAA,MAAM,EAAE,CAFI;AAGZC,IAAAA,QAAQ,EAAE,UAHE;AAIZC,IAAAA,KAAK,EAAE;AAJK,GADiB;AAO/BC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,eAAe,EAAE,aADN;AAEXK,IAAAA,MAAM,EAAE,CAFG;AAGXC,IAAAA,IAAI,EAAE,CAHK;AAIXJ,IAAAA,QAAQ,EAAE,UAJC;AAKXK,IAAAA,KAAK,EAAE,CALI;AAMXC,IAAAA,GAAG,EAAE;AANM;AAPkB,CAAlB,CAAf;;AAqBA,MAAMC,OAAwD,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAA2B;AAC1F,QAAM,CAACC,QAAD,IAAanB,KAAK,CAACoB,QAAN,CAAe,IAAInB,QAAQ,CAACoB,KAAb,CAAmB,CAAnB,CAAf,CAAnB;AACA,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCvB,KAAK,CAACoB,QAAN,CAAqChB,MAAM,CAACE,YAA5C,CAAxC;AAEA,QAAMkB,aAAa,GAAGxB,KAAK,CAACyB,WAAN,CAAkB,MAAM;AAC5C,QAAI,CAACR,OAAL,EAAc;AACZM,MAAAA,eAAe,CAACnB,MAAM,CAACE,YAAR,CAAf;AACD;AACF,GAJqB,EAInB,CAACW,OAAD,CAJmB,CAAtB;AAMAjB,EAAAA,KAAK,CAAC0B,SAAN,CAAgB,MAAM;AACpB,QAAIT,OAAJ,EAAa;AACXM,MAAAA,eAAe,CAACnB,MAAM,CAACO,WAAR,CAAf;AACD;;AACD,WAAOV,QAAQ,CAAC0B,MAAT,CAAgBR,QAAhB,EAA0B;AAC/BS,MAAAA,OAAO,EAAEX,OAAO,GAAG,CAAH,GAAO,CADQ;AAE/BY,MAAAA,QAAQ,EAAE1B,oBAFqB;AAG/B2B,MAAAA,eAAe,EAAE;AAHc,KAA1B,EAIJC,KAJI,CAIEP,aAJF,CAAP;AAKD,GATD,EASG,CAACP,OAAD,EAAUE,QAAV,EAAoBK,aAApB,CATH;AAWA,sBAAO,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACF,YAAD,EAAe;AAAEU,MAAAA,OAAO,EAAEb;AAAX,KAAf;AAAtB,KAA8DD,QAA9D,CAAP;AACD,CAtBD;;AAwBA,eAAeF,OAAf","sourcesContent":["import * as React from 'react';\nimport { Animated, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nconst DEFAULT_ANIMATE_TIME = 300;\nconst styles = StyleSheet.create({\n  emptyOverlay: {\n    backgroundColor: 'transparent',\n    height: 0,\n    position: 'absolute',\n    width: 0,\n  },\n  fullOverlay: {\n    backgroundColor: 'transparent',\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\nexport interface OverlayProps {\n  visible: boolean;\n}\n\nconst Overlay: React.FC<React.PropsWithChildren<OverlayProps>> = ({ visible, children }) => {\n  const [fadeAnim] = React.useState(new Animated.Value(0));\n  const [overlayStyle, setOverlayStyle] = React.useState<StyleProp<ViewStyle>>(styles.emptyOverlay);\n\n  const onAnimatedEnd = React.useCallback(() => {\n    if (!visible) {\n      setOverlayStyle(styles.emptyOverlay);\n    }\n  }, [visible]);\n\n  React.useEffect(() => {\n    if (visible) {\n      setOverlayStyle(styles.fullOverlay);\n    }\n    return Animated.timing(fadeAnim, {\n      toValue: visible ? 1 : 0,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start(onAnimatedEnd);\n  }, [visible, fadeAnim, onAnimatedEnd]);\n\n  return <Animated.View style={[overlayStyle, { opacity: fadeAnim }]}>{children}</Animated.View>;\n};\n\nexport default Overlay;\n"]}

package/lib/module/components/ShareSheet.js

@@ -1,48 +1,43 @@
 import * as React from 'react';
-import { View, StyleSheet, TouchableOpacity, BackHandler } from 'react-native';
+import { View, TouchableOpacity, BackHandler, StyleSheet } from 'react-native';
 import Overlay from './Overlay';
 import Sheet from './Sheet';
 
-class ShareSheet extends React.Component {
-  componentDidMount() {
-    this.backButtonHandler = this.backButtonHandler.bind(this);
-    BackHandler.addEventListener('hardwareBackPress', this.backButtonHandler);
-  }
-
-  componentWillUnmount() {
-    BackHandler.removeEventListener('hardwareBackPress', this.backButtonHandler);
-  }
-
-  backButtonHandler() {
-    if (this.props.visible) {
-      this.props.onCancel();
+const ShareSheet = ({
+  style = {},
+  overlayStyle = {},
+  visible,
+  onCancel,
+  children
+}) => {
+  const backButtonHandler = React.useCallback(() => {
+    if (visible) {
+      onCancel();
       return true;
     }
 
     return false;
-  }
+  }, [visible, onCancel]);
+  React.useEffect(() => {
+    BackHandler.addEventListener('hardwareBackPress', backButtonHandler);
+    return () => {
+      BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);
+    };
+  }, [backButtonHandler]);
+  return /*#__PURE__*/React.createElement(Overlay, {
+    visible: visible
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.actionSheetContainer, overlayStyle]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: onCancel
+  }), /*#__PURE__*/React.createElement(Sheet, {
+    visible: visible
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonContainer, style]
+  }, children))));
+};
 
-  render() {
-    const {
-      style = {},
-      overlayStyle = {},
-      ...props
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Overlay, props, /*#__PURE__*/React.createElement(View, {
-      style: [styles.actionSheetContainer, overlayStyle]
-    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: styles.button,
-      onPress: this.props.onCancel
-    }), /*#__PURE__*/React.createElement(Sheet, {
-      visible: this.props.visible
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [styles.buttonContainer, style]
-    }, this.props.children))));
-  }
-
-}
-
-export default ShareSheet;
 const styles = StyleSheet.create({
   actionSheetContainer: {
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
@@ -61,4 +56,5 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
+export default ShareSheet;
 //# sourceMappingURL=ShareSheet.js.map

package/lib/module/components/ShareSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShareSheet.tsx"],"names":["React","View","StyleSheet","TouchableOpacity","BackHandler","Overlay","Sheet","ShareSheet","Component","componentDidMount","backButtonHandler","bind","addEventListener","componentWillUnmount","removeEventListener","props","visible","onCancel","render","style","overlayStyle","styles","actionSheetContainer","button","buttonContainer","children","create","backgroundColor","flex","justifyContent","paddingBottom","paddingTop","overflow"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,gBAA3B,EAA6CC,WAA7C,QAAgE,cAAhE;AAGA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,SAAlB;;AAUA,MAAMC,UAAN,SAAyBP,KAAK,CAACQ,SAA/B,CAA0D;AACxDC,EAAAA,iBAAiB,GAAG;AAClB,SAAKC,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBC,IAAvB,CAA4B,IAA5B,CAAzB;AACAP,IAAAA,WAAW,CAACQ,gBAAZ,CAA6B,mBAA7B,EAAkD,KAAKF,iBAAvD;AACD;;AAEDG,EAAAA,oBAAoB,GAAG;AACrBT,IAAAA,WAAW,CAACU,mBAAZ,CAAgC,mBAAhC,EAAqD,KAAKJ,iBAA1D;AACD;;AAEDA,EAAAA,iBAAiB,GAAY;AAC3B,QAAI,KAAKK,KAAL,CAAWC,OAAf,EAAwB;AACtB,WAAKD,KAAL,CAAWE,QAAX;AACA,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEC,MAAAA,KAAK,GAAG,EAAV;AAAcC,MAAAA,YAAY,GAAG,EAA7B;AAAiC,SAAGL;AAApC,QAA8C,KAAKA,KAAzD;AAEA,wBACE,oBAAC,OAAD,EAAaA,KAAb,eACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACM,MAAM,CAACC,oBAAR,EAA8BF,YAA9B;AAAb,oBACE,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAEC,MAAM,CAACE,MAAhC;AAAwC,MAAA,OAAO,EAAE,KAAKR,KAAL,CAAWE;AAA5D,MADF,eAEE,oBAAC,KAAD;AAAO,MAAA,OAAO,EAAE,KAAKF,KAAL,CAAWC;AAA3B,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACK,MAAM,CAACG,eAAR,EAAyBL,KAAzB;AAAb,OAA+C,KAAKJ,KAAL,CAAWU,QAA1D,CADF,CAFF,CADF,CADF;AAUD;;AA/BuD;;AAkC1D,eAAelB,UAAf;AAEA,MAAMc,MAAM,GAAGnB,UAAU,CAACwB,MAAX,CAAkB;AAC/BJ,EAAAA,oBAAoB,EAAE;AACpBK,IAAAA,eAAe,EAAE,oBADG;AAEpBC,IAAAA,IAAI,EAAE,CAFc;AAGpBC,IAAAA,cAAc,EAAE,UAHI;AAIpBC,IAAAA,aAAa,EAAE,CAJK;AAKpBC,IAAAA,UAAU,EAAE;AALQ,GADS;AAQ/BP,EAAAA,eAAe,EAAE;AACfG,IAAAA,eAAe,EAAE,OADF;AAEfK,IAAAA,QAAQ,EAAE,QAFK;AAGfF,IAAAA,aAAa,EAAE,CAHA;AAIfC,IAAAA,UAAU,EAAE;AAJG,GARc;AAc/BR,EAAAA,MAAM,EAAE;AACNK,IAAAA,IAAI,EAAE;AADA;AAduB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet, TouchableOpacity, BackHandler } from 'react-native';\nimport type { ViewStyle, StyleProp } from 'react-native';\n\nimport Overlay from './Overlay';\nimport Sheet from './Sheet';\n\nexport interface ShareSheetProps {\n  visible: boolean;\n  onCancel: () => void;\n  children: React.ReactChildren;\n  style?: StyleProp<ViewStyle>;\n  overlayStyle?: StyleProp<ViewStyle>;\n}\n\nclass ShareSheet extends React.Component<ShareSheetProps> {\n  componentDidMount() {\n    this.backButtonHandler = this.backButtonHandler.bind(this);\n    BackHandler.addEventListener('hardwareBackPress', this.backButtonHandler);\n  }\n\n  componentWillUnmount() {\n    BackHandler.removeEventListener('hardwareBackPress', this.backButtonHandler);\n  }\n\n  backButtonHandler(): boolean {\n    if (this.props.visible) {\n      this.props.onCancel();\n      return true;\n    }\n    return false;\n  }\n\n  render() {\n    const { style = {}, overlayStyle = {}, ...props } = this.props;\n\n    return (\n      <Overlay {...props}>\n        <View style={[styles.actionSheetContainer, overlayStyle]}>\n          <TouchableOpacity style={styles.button} onPress={this.props.onCancel} />\n          <Sheet visible={this.props.visible}>\n            <View style={[styles.buttonContainer, style]}>{this.props.children}</View>\n          </Sheet>\n        </View>\n      </Overlay>\n    );\n  }\n}\n\nexport default ShareSheet;\n\nconst styles = StyleSheet.create({\n  actionSheetContainer: {\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    flex: 1,\n    justifyContent: 'flex-end',\n    paddingBottom: 0,\n    paddingTop: 10,\n  },\n  buttonContainer: {\n    backgroundColor: 'white',\n    overflow: 'hidden',\n    paddingBottom: 5,\n    paddingTop: 5,\n  },\n  button: {\n    flex: 1,\n  },\n});\n"]}
+{"version":3,"sources":["ShareSheet.tsx"],"names":["React","View","TouchableOpacity","BackHandler","StyleSheet","Overlay","Sheet","ShareSheet","style","overlayStyle","visible","onCancel","children","backButtonHandler","useCallback","useEffect","addEventListener","removeEventListener","styles","actionSheetContainer","button","buttonContainer","create","backgroundColor","flex","justifyContent","paddingBottom","paddingTop","overflow"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,gBAFF,EAGEC,WAHF,EAMEC,UANF,QAOO,cAPP;AASA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,SAAlB;;AASA,MAAMC,UAA8D,GAAG,CAAC;AACtEC,EAAAA,KAAK,GAAG,EAD8D;AAEtEC,EAAAA,YAAY,GAAG,EAFuD;AAGtEC,EAAAA,OAHsE;AAItEC,EAAAA,QAJsE;AAKtEC,EAAAA;AALsE,CAAD,KAMjE;AACJ,QAAMC,iBAAiB,GAAGb,KAAK,CAACc,WAAN,CAAkB,MAAM;AAChD,QAAIJ,OAAJ,EAAa;AACXC,MAAAA,QAAQ;AACR,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GANyB,EAMvB,CAACD,OAAD,EAAUC,QAAV,CANuB,CAA1B;AAQAX,EAAAA,KAAK,CAACe,SAAN,CAAgB,MAAM;AACpBZ,IAAAA,WAAW,CAACa,gBAAZ,CAA6B,mBAA7B,EAAkDH,iBAAlD;AACA,WAAO,MAAM;AACXV,MAAAA,WAAW,CAACc,mBAAZ,CAAgC,mBAAhC,EAAqDJ,iBAArD;AACD,KAFD;AAGD,GALD,EAKG,CAACA,iBAAD,CALH;AAOA,sBACE,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEH;AAAlB,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACQ,MAAM,CAACC,oBAAR,EAA8BV,YAA9B;AAAb,kBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAES,MAAM,CAACE,MAAhC;AAAwC,IAAA,OAAO,EAAET;AAAjD,IADF,eAEE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAED;AAAhB,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACQ,MAAM,CAACG,eAAR,EAAyBb,KAAzB;AAAb,KAA+CI,QAA/C,CADF,CAFF,CADF,CADF;AAUD,CAhCD;;AAkCA,MAAMM,MAAM,GAAGd,UAAU,CAACkB,MAAX,CAAkB;AAC/BH,EAAAA,oBAAoB,EAAE;AACpBI,IAAAA,eAAe,EAAE,oBADG;AAEpBC,IAAAA,IAAI,EAAE,CAFc;AAGpBC,IAAAA,cAAc,EAAE,UAHI;AAIpBC,IAAAA,aAAa,EAAE,CAJK;AAKpBC,IAAAA,UAAU,EAAE;AALQ,GADS;AAQ/BN,EAAAA,eAAe,EAAE;AACfE,IAAAA,eAAe,EAAE,OADF;AAEfK,IAAAA,QAAQ,EAAE,QAFK;AAGfF,IAAAA,aAAa,EAAE,CAHA;AAIfC,IAAAA,UAAU,EAAE;AAJG,GARc;AAc/BP,EAAAA,MAAM,EAAE;AACNI,IAAAA,IAAI,EAAE;AADA;AAduB,CAAlB,CAAf;AAmBA,eAAejB,UAAf","sourcesContent":["import * as React from 'react';\nimport {\n  View,\n  TouchableOpacity,\n  BackHandler,\n  ViewStyle,\n  StyleProp,\n  StyleSheet,\n} from 'react-native';\n\nimport Overlay from './Overlay';\nimport Sheet from './Sheet';\n\nexport interface ShareSheetProps {\n  visible: boolean;\n  onCancel: () => void;\n  style?: StyleProp<ViewStyle>;\n  overlayStyle?: StyleProp<ViewStyle>;\n}\n\nconst ShareSheet: React.FC<React.PropsWithChildren<ShareSheetProps>> = ({\n  style = {},\n  overlayStyle = {},\n  visible,\n  onCancel,\n  children,\n}) => {\n  const backButtonHandler = React.useCallback(() => {\n    if (visible) {\n      onCancel();\n      return true;\n    }\n    return false;\n  }, [visible, onCancel]);\n\n  React.useEffect(() => {\n    BackHandler.addEventListener('hardwareBackPress', backButtonHandler);\n    return () => {\n      BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);\n    };\n  }, [backButtonHandler]);\n\n  return (\n    <Overlay visible={visible}>\n      <View style={[styles.actionSheetContainer, overlayStyle]}>\n        <TouchableOpacity style={styles.button} onPress={onCancel} />\n        <Sheet visible={visible}>\n          <View style={[styles.buttonContainer, style]}>{children}</View>\n        </Sheet>\n      </View>\n    </Overlay>\n  );\n};\n\nconst styles = StyleSheet.create({\n  actionSheetContainer: {\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    flex: 1,\n    justifyContent: 'flex-end',\n    paddingBottom: 0,\n    paddingTop: 10,\n  },\n  buttonContainer: {\n    backgroundColor: 'white',\n    overflow: 'hidden',\n    paddingBottom: 5,\n    paddingTop: 5,\n  },\n  button: {\n    flex: 1,\n  },\n});\n\nexport default ShareSheet;\n"]}

package/lib/module/components/Sheet.js

@@ -1,36 +1,26 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as React from 'react';
 import { Animated } from 'react-native';
 const DEFAULT_BOTTOM = -300;
 const DEFAULT_ANIMATE_TIME = 300;
 
-class Sheet extends React.Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      bottom: new Animated.Value(DEFAULT_BOTTOM)
-    });
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps) {
-    return Animated.timing(this.state.bottom, {
-      toValue: newProps.visible ? 0 : DEFAULT_BOTTOM,
+const Sheet = ({
+  visible,
+  children
+}) => {
+  const [bottom] = React.useState(new Animated.Value(DEFAULT_BOTTOM));
+  React.useEffect(() => {
+    return Animated.timing(bottom, {
+      toValue: visible ? 0 : DEFAULT_BOTTOM,
       duration: DEFAULT_ANIMATE_TIME,
       useNativeDriver: false
     }).start();
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Animated.View, {
-      style: {
-        bottom: this.state.bottom
-      }
-    }, this.props.children);
-  }
-
-}
+  }, [visible, bottom]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      bottom
+    }
+  }, children);
+};
 
 export default Sheet;
 //# sourceMappingURL=Sheet.js.map

package/lib/module/components/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Sheet.tsx"],"names":["React","Animated","DEFAULT_BOTTOM","DEFAULT_ANIMATE_TIME","Sheet","Component","bottom","Value","UNSAFE_componentWillReceiveProps","newProps","timing","state","toValue","visible","duration","useNativeDriver","start","render","props","children"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,MAAMC,cAAc,GAAG,CAAC,GAAxB;AACA,MAAMC,oBAAoB,GAAG,GAA7B;;AAUA,MAAMC,KAAN,SAAoBJ,KAAK,CAACK,SAA1B,CAAuD;AAAA;AAAA;;AAAA,mCAC7C;AACNC,MAAAA,MAAM,EAAE,IAAIL,QAAQ,CAACM,KAAb,CAAmBL,cAAnB;AADF,KAD6C;AAAA;;AAKrDM,EAAAA,gCAAgC,CAACC,QAAD,EAAuB;AACrD,WAAOR,QAAQ,CAACS,MAAT,CAAgB,KAAKC,KAAL,CAAWL,MAA3B,EAAmC;AACxCM,MAAAA,OAAO,EAAEH,QAAQ,CAACI,OAAT,GAAmB,CAAnB,GAAuBX,cADQ;AAExCY,MAAAA,QAAQ,EAAEX,oBAF8B;AAGxCY,MAAAA,eAAe,EAAE;AAHuB,KAAnC,EAIJC,KAJI,EAAP;AAKD;;AAEDC,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,QAAD,CAAU,IAAV;AAAe,MAAA,KAAK,EAAE;AAAEX,QAAAA,MAAM,EAAE,KAAKK,KAAL,CAAWL;AAArB;AAAtB,OAAsD,KAAKY,KAAL,CAAWC,QAAjE,CADF;AAGD;;AAjBoD;;AAoBvD,eAAef,KAAf","sourcesContent":["import * as React from 'react';\nimport { Animated } from 'react-native';\n\nconst DEFAULT_BOTTOM = -300;\nconst DEFAULT_ANIMATE_TIME = 300;\n\nexport interface SheetProps {\n  visible: boolean;\n}\n\ninterface State {\n  bottom: Animated.Value;\n}\n\nclass Sheet extends React.Component<SheetProps, State> {\n  state = {\n    bottom: new Animated.Value(DEFAULT_BOTTOM),\n  };\n\n  UNSAFE_componentWillReceiveProps(newProps: SheetProps) {\n    return Animated.timing(this.state.bottom, {\n      toValue: newProps.visible ? 0 : DEFAULT_BOTTOM,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start();\n  }\n\n  render() {\n    return (\n      <Animated.View style={{ bottom: this.state.bottom }}>{this.props.children}</Animated.View>\n    );\n  }\n}\n\nexport default Sheet;\n"]}
+{"version":3,"sources":["Sheet.tsx"],"names":["React","Animated","DEFAULT_BOTTOM","DEFAULT_ANIMATE_TIME","Sheet","visible","children","bottom","useState","Value","useEffect","timing","toValue","duration","useNativeDriver","start"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,MAAMC,cAAc,GAAG,CAAC,GAAxB;AACA,MAAMC,oBAAoB,GAAG,GAA7B;;AAMA,MAAMC,KAAoD,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAA2B;AACtF,QAAM,CAACC,MAAD,IAAWP,KAAK,CAACQ,QAAN,CAAe,IAAIP,QAAQ,CAACQ,KAAb,CAAmBP,cAAnB,CAAf,CAAjB;AAEAF,EAAAA,KAAK,CAACU,SAAN,CAAgB,MAAM;AACpB,WAAOT,QAAQ,CAACU,MAAT,CAAgBJ,MAAhB,EAAwB;AAC7BK,MAAAA,OAAO,EAAEP,OAAO,GAAG,CAAH,GAAOH,cADM;AAE7BW,MAAAA,QAAQ,EAAEV,oBAFmB;AAG7BW,MAAAA,eAAe,EAAE;AAHY,KAAxB,EAIJC,KAJI,EAAP;AAKD,GAND,EAMG,CAACV,OAAD,EAAUE,MAAV,CANH;AAQA,sBAAO,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE;AAAEA,MAAAA;AAAF;AAAtB,KAAmCD,QAAnC,CAAP;AACD,CAZD;;AAcA,eAAeF,KAAf","sourcesContent":["import * as React from 'react';\nimport { Animated } from 'react-native';\n\nconst DEFAULT_BOTTOM = -300;\nconst DEFAULT_ANIMATE_TIME = 300;\n\nexport interface SheetProps {\n  visible: boolean;\n}\n\nconst Sheet: React.FC<React.PropsWithChildren<SheetProps>> = ({ visible, children }) => {\n  const [bottom] = React.useState(new Animated.Value(DEFAULT_BOTTOM));\n\n  React.useEffect(() => {\n    return Animated.timing(bottom, {\n      toValue: visible ? 0 : DEFAULT_BOTTOM,\n      duration: DEFAULT_ANIMATE_TIME,\n      useNativeDriver: false,\n    }).start();\n  }, [visible, bottom]);\n\n  return <Animated.View style={{ bottom }}>{children}</Animated.View>;\n};\n\nexport default Sheet;\n"]}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["Social","ShareAsset"],"mappings":"AAAA,WAAYA,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AAoBZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U","sourcesContent":["export enum Social {\n  Facebook = 'facebook',\n  FacebookStories = 'facebookstories',\n  Pagesmanager = 'pagesmanager',\n  Twitter = 'twitter',\n  Whatsapp = 'whatsapp',\n  Whatsappbusiness = 'whatsappbusiness',\n  Instagram = 'instagram',\n  InstagramStories = 'instagramstories',\n  Googleplus = 'googleplus',\n  Email = 'email',\n  Pinterest = 'pinterest',\n  Linkedin = 'linkedin',\n  Sms = 'sms',\n  Telegram = 'telegram',\n  Snapchat = 'snapchat',\n  Messenger = 'messenger',\n  Viber = 'viber',\n}\n\nexport enum ShareAsset {\n  BackgroundImage = 'shareBackgroundImage',\n  BackgroundVideo = 'shareBackgroundVideo',\n  StickerImage = 'shareStickerImage',\n  BackgroundAndStickerImage = 'shareBackgroundAndStickerImage',\n}\n\nexport interface LinkMetadata {\n  originalUrl?: string;\n  url?: string;\n  title?: string;\n  icon?: string;\n  image?: string;\n  remoteVideoUrl?: string;\n  video?: string;\n}\n\nexport interface ActivityItem {\n  type: 'text' | 'url';\n  content: string;\n}\n\nexport interface ActivityItemSource {\n  placeholderItem: ActivityItem;\n  item: { [key in ActivityType]?: ActivityItem | null | undefined };\n  subject?: { [key in ActivityType]?: string };\n  dataTypeIdentifier?: { [key in ActivityType]?: string };\n  thumbnailImage?: { [key in ActivityType]?: string };\n  linkMetadata?: LinkMetadata;\n}\n\ninterface BaseShareSingleOptions {\n  urls?: string[];\n  url?: string;\n  type?: string;\n  filename?: string;\n  message?: string;\n  title?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  social: Exclude<Social, Social.FacebookStories | Social.InstagramStories>;\n  forceDialog?: boolean;\n}\n\ninterface BaseSocialStoriesShareSingleOptions extends Omit<BaseShareSingleOptions, 'social'> {\n  backgroundImage?: string;\n  stickerImage?: string;\n  backgroundBottomColor?: string;\n  backgroundTopColor?: string;\n  attributionURL?: string;\n  backgroundVideo?: string;\n}\n\nexport interface InstagramStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.InstagramStories;\n  appId: string;\n}\n\nexport interface FacebookStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.FacebookStories;\n  appId: string;\n}\n\nexport type ShareSingleOptions =\n  | BaseShareSingleOptions\n  | InstagramStoriesShareSingleOptions\n  | FacebookStoriesShareSingleOptions;\n\nexport interface ShareOptions {\n  message?: string;\n  title?: string;\n  url?: string;\n  urls?: string[];\n  type?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  excludedActivityTypes?: ActivityType[] | string[];\n  failOnCancel?: boolean;\n  showAppsToView?: boolean;\n  filename?: string;\n  filenames?: string[];\n  saveToFiles?: boolean;\n  activityItemSources?: ActivityItemSource[];\n  isNewTask?: boolean;\n}\n\nexport type ActivityType =\n  | 'default'\n  | 'addToReadingList'\n  | 'airDrop'\n  | 'assignToContact'\n  | 'copyToPasteBoard'\n  | 'mail'\n  | 'message'\n  | 'openInIBooks' // iOS 9 or later\n  | 'postToFacebook'\n  | 'postToFlickr'\n  | 'postToTencentWeibo'\n  | 'postToTwitter'\n  | 'postToVimeo'\n  | 'postToWeibo'\n  | 'print'\n  | 'saveToCameraRoll'\n  | 'markupAsPDF'; // iOS 11 or late\n\nexport interface ShareSingleResult {\n  message: string;\n  success: boolean;\n}\n\nexport interface ShareOpenResult extends ShareSingleResult {\n  dismissedAction?: boolean;\n}\nexport interface IsPackageInstalledResult {\n  message: string;\n  isInstalled: boolean;\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["Social","ShareAsset"],"mappings":"AAAA,WAAYA,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AAoBZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U","sourcesContent":["export enum Social {\n  Facebook = 'facebook',\n  FacebookStories = 'facebookstories',\n  Pagesmanager = 'pagesmanager',\n  Twitter = 'twitter',\n  Whatsapp = 'whatsapp',\n  Whatsappbusiness = 'whatsappbusiness',\n  Instagram = 'instagram',\n  InstagramStories = 'instagramstories',\n  Googleplus = 'googleplus',\n  Email = 'email',\n  Pinterest = 'pinterest',\n  Linkedin = 'linkedin',\n  Sms = 'sms',\n  Telegram = 'telegram',\n  Snapchat = 'snapchat',\n  Messenger = 'messenger',\n  Viber = 'viber',\n}\n\nexport enum ShareAsset {\n  BackgroundImage = 'shareBackgroundImage',\n  BackgroundVideo = 'shareBackgroundVideo',\n  StickerImage = 'shareStickerImage',\n  BackgroundAndStickerImage = 'shareBackgroundAndStickerImage',\n}\n\nexport interface LinkMetadata {\n  originalUrl?: string;\n  url?: string;\n  title?: string;\n  icon?: string;\n  image?: string;\n  remoteVideoUrl?: string;\n  video?: string;\n}\n\nexport interface ActivityItem {\n  type: 'text' | 'url';\n  content: string;\n}\n\nexport interface ActivityItemSource {\n  placeholderItem: ActivityItem;\n  item: { [key in ActivityTypeItemSource]?: ActivityItem | null | undefined };\n  subject?: { [key in ActivityTypeItemSource]?: string };\n  dataTypeIdentifier?: { [key in ActivityTypeItemSource]?: string };\n  thumbnailImage?: { [key in ActivityTypeItemSource]?: string };\n  linkMetadata?: LinkMetadata;\n}\n\ninterface BaseShareSingleOptions {\n  urls?: string[];\n  url?: string;\n  type?: string;\n  filename?: string;\n  message?: string;\n  title?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  social: Exclude<Social, Social.FacebookStories | Social.InstagramStories>;\n  forceDialog?: boolean;\n}\n\ninterface BaseSocialStoriesShareSingleOptions extends Omit<BaseShareSingleOptions, 'social'> {\n  backgroundImage?: string;\n  stickerImage?: string;\n  backgroundBottomColor?: string;\n  backgroundTopColor?: string;\n  attributionURL?: string;\n  backgroundVideo?: string;\n}\n\nexport interface InstagramStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.InstagramStories;\n  appId: string;\n}\n\nexport interface FacebookStoriesShareSingleOptions extends BaseSocialStoriesShareSingleOptions {\n  social: Social.FacebookStories;\n  appId: string;\n}\n\nexport type ShareSingleOptions =\n  | BaseShareSingleOptions\n  | InstagramStoriesShareSingleOptions\n  | FacebookStoriesShareSingleOptions;\n\nexport interface ShareOptions {\n  message?: string;\n  title?: string;\n  url?: string;\n  urls?: string[];\n  type?: string;\n  subject?: string;\n  email?: string;\n  recipient?: string;\n  excludedActivityTypes?: ActivityType[] | string[];\n  failOnCancel?: boolean;\n  showAppsToView?: boolean;\n  filename?: string;\n  filenames?: string[];\n  saveToFiles?: boolean;\n  activityItemSources?: ActivityItemSource[];\n  isNewTask?: boolean;\n}\n\nexport type ActivityType =\n  | 'default'\n  | 'addToReadingList'\n  | 'airDrop'\n  | 'assignToContact'\n  | 'copyToPasteBoard'\n  | 'mail'\n  | 'message'\n  | 'openInIBooks' // iOS 9 or later\n  | 'postToFacebook'\n  | 'postToFlickr'\n  | 'postToTencentWeibo'\n  | 'postToTwitter'\n  | 'postToVimeo'\n  | 'postToWeibo'\n  | 'print'\n  | 'saveToCameraRoll'\n  | 'markupAsPDF'; // iOS 11 or late\n\nexport type ActivityTypeItemSource = ActivityType | string;\n\nexport interface ShareSingleResult {\n  message: string;\n  success: boolean;\n}\n\nexport interface ShareOpenResult extends ShareSingleResult {\n  dismissedAction?: boolean;\n}\nexport interface IsPackageInstalledResult {\n  message: string;\n  isInstalled: boolean;\n}\n"]}

package/lib/typescript/components/Button.d.ts

@@ -7,5 +7,5 @@ export interface ButtonProps {
     textStyle?: StyleProp<TextStyle>;
     children: React.ReactNode;
 }
-declare const Button: ({ buttonStyle, onPress, iconSrc, textStyle, children }: ButtonProps) => JSX.Element;
+declare const Button: React.FC<ButtonProps>;
 export default Button;

package/lib/typescript/components/Overlay.d.ts

@@ -1,24 +1,6 @@
 import * as React from 'react';
-import { Animated, StyleProp, ViewStyle } from 'react-native';
 export interface OverlayProps {
     visible: boolean;
 }
-interface State {
-    fadeAnim: Animated.Value;
-    overlayStyle: StyleProp<ViewStyle>;
-}
-declare class Overlay extends React.Component<OverlayProps, State> {
-    state: {
-        fadeAnim: Animated.Value;
-        overlayStyle: {
-            backgroundColor: string;
-            height: number;
-            position: "absolute";
-            width: number;
-        };
-    };
-    UNSAFE_componentWillReceiveProps(newProps: OverlayProps): void;
-    onAnimatedEnd(): void;
-    render(): JSX.Element;
-}
+declare const Overlay: React.FC<React.PropsWithChildren<OverlayProps>>;
 export default Overlay;

package/lib/typescript/components/ShareSheet.d.ts

@@ -1,16 +1,10 @@
 import * as React from 'react';
-import type { ViewStyle, StyleProp } from 'react-native';
+import { ViewStyle, StyleProp } from 'react-native';
 export interface ShareSheetProps {
     visible: boolean;
     onCancel: () => void;
-    children: React.ReactChildren;
     style?: StyleProp<ViewStyle>;
     overlayStyle?: StyleProp<ViewStyle>;
 }
-declare class ShareSheet extends React.Component<ShareSheetProps> {
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    backButtonHandler(): boolean;
-    render(): JSX.Element;
-}
+declare const ShareSheet: React.FC<React.PropsWithChildren<ShareSheetProps>>;
 export default ShareSheet;

package/lib/typescript/components/Sheet.d.ts

@@ -1,16 +1,6 @@
 import * as React from 'react';
-import { Animated } from 'react-native';
 export interface SheetProps {
     visible: boolean;
 }
-interface State {
-    bottom: Animated.Value;
-}
-declare class Sheet extends React.Component<SheetProps, State> {
-    state: {
-        bottom: Animated.Value;
-    };
-    UNSAFE_componentWillReceiveProps(newProps: SheetProps): void;
-    render(): JSX.Element;
-}
+declare const Sheet: React.FC<React.PropsWithChildren<SheetProps>>;
 export default Sheet;

package/lib/typescript/index.d.ts

@@ -1,13 +1,14 @@
+/// <reference types="react" />
 import Overlay from './components/Overlay';
 import Sheet from './components/Sheet';
 import Button from './components/Button';
 import ShareSheet from './components/ShareSheet';
 import { Social, IsPackageInstalledResult, ActivityType, ShareOpenResult, ShareAsset, ShareOptions, ShareSingleOptions, ShareSingleResult } from './types';
 declare const RNShare: {
-    readonly Button: ({ buttonStyle, onPress, iconSrc, textStyle, children }: import("./components/Button").ButtonProps) => JSX.Element;
-    readonly ShareSheet: typeof ShareSheet;
-    readonly Overlay: typeof Overlay;
-    readonly Sheet: typeof Sheet;
+    readonly Button: import("react").FC<import("./components/Button").ButtonProps>;
+    readonly ShareSheet: import("react").FC<import("react").PropsWithChildren<import("./components/ShareSheet").ShareSheetProps>>;
+    readonly Overlay: import("react").FC<import("react").PropsWithChildren<import("./components/Overlay").OverlayProps>>;
+    readonly Sheet: import("react").FC<import("react").PropsWithChildren<import("./components/Sheet").SheetProps>>;
     readonly Social: {
         readonly FACEBOOK: Social.Facebook;
         readonly FACEBOOK_STORIES: Social.FacebookStories;

package/lib/typescript/types.d.ts

@@ -39,16 +39,16 @@ export interface ActivityItem {
 export interface ActivityItemSource {
     placeholderItem: ActivityItem;
     item: {
-        [key in ActivityType]?: ActivityItem | null | undefined;
+        [key in ActivityTypeItemSource]?: ActivityItem | null | undefined;
     };
     subject?: {
-        [key in ActivityType]?: string;
+        [key in ActivityTypeItemSource]?: string;
     };
     dataTypeIdentifier?: {
-        [key in ActivityType]?: string;
+        [key in ActivityTypeItemSource]?: string;
     };
     thumbnailImage?: {
-        [key in ActivityType]?: string;
+        [key in ActivityTypeItemSource]?: string;
     };
     linkMetadata?: LinkMetadata;
 }
@@ -101,6 +101,7 @@ export interface ShareOptions {
     isNewTask?: boolean;
 }
 export declare type ActivityType = 'default' | 'addToReadingList' | 'airDrop' | 'assignToContact' | 'copyToPasteBoard' | 'mail' | 'message' | 'openInIBooks' | 'postToFacebook' | 'postToFlickr' | 'postToTencentWeibo' | 'postToTwitter' | 'postToVimeo' | 'postToWeibo' | 'print' | 'saveToCameraRoll' | 'markupAsPDF';
+export declare type ActivityTypeItemSource = ActivityType | string;
 export interface ShareSingleResult {
     message: string;
     success: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-share",
   "description": "Social share, sending simple data to other apps.",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/react-native-community/react-native-share.git"

package/src/components/Button.tsx

@@ -18,7 +18,13 @@ export interface ButtonProps {
   children: React.ReactNode;
 }
 
-const Button = ({ buttonStyle, onPress, iconSrc, textStyle, children }: ButtonProps) => (
+const Button: React.FC<ButtonProps> = ({
+  buttonStyle,
+  onPress,
+  iconSrc,
+  textStyle,
+  children,
+}: ButtonProps) => (
   <TouchableOpacity activeOpacity={0.5} style={[styles.button, buttonStyle]} onPress={onPress}>
     <Image style={styles.icon} source={iconSrc} />
     <Text style={[styles.buttonText, textStyle]}>{children}</Text>

package/src/components/Overlay.tsx

@@ -23,41 +23,28 @@ export interface OverlayProps {
   visible: boolean;
 }
 
-interface State {
-  fadeAnim: Animated.Value;
-  overlayStyle: StyleProp<ViewStyle>;
-}
+const Overlay: React.FC<React.PropsWithChildren<OverlayProps>> = ({ visible, children }) => {
+  const [fadeAnim] = React.useState(new Animated.Value(0));
+  const [overlayStyle, setOverlayStyle] = React.useState<StyleProp<ViewStyle>>(styles.emptyOverlay);
 
-class Overlay extends React.Component<OverlayProps, State> {
-  state = {
-    fadeAnim: new Animated.Value(0),
-    overlayStyle: styles.emptyOverlay,
-  };
+  const onAnimatedEnd = React.useCallback(() => {
+    if (!visible) {
+      setOverlayStyle(styles.emptyOverlay);
+    }
+  }, [visible]);
 
-  UNSAFE_componentWillReceiveProps(newProps: OverlayProps) {
-    if (newProps.visible) {
-      this.setState({ overlayStyle: styles.fullOverlay });
+  React.useEffect(() => {
+    if (visible) {
+      setOverlayStyle(styles.fullOverlay);
     }
-    return Animated.timing(this.state.fadeAnim, {
-      toValue: newProps.visible ? 1 : 0,
+    return Animated.timing(fadeAnim, {
+      toValue: visible ? 1 : 0,
       duration: DEFAULT_ANIMATE_TIME,
       useNativeDriver: false,
-    }).start(this.onAnimatedEnd.bind(this));
-  }
+    }).start(onAnimatedEnd);
+  }, [visible, fadeAnim, onAnimatedEnd]);
 
-  onAnimatedEnd() {
-    if (!this.props.visible) {
-      this.setState({ overlayStyle: styles.emptyOverlay });
-    }
-  }
-
-  render() {
-    return (
-      <Animated.View style={[this.state.overlayStyle, { opacity: this.state.fadeAnim }]}>
-        {this.props.children}
-      </Animated.View>
-    );
-  }
-}
+  return <Animated.View style={[overlayStyle, { opacity: fadeAnim }]}>{children}</Animated.View>;
+};
 
 export default Overlay;

package/src/components/ShareSheet.tsx

@@ -1,6 +1,12 @@
 import * as React from 'react';
-import { View, StyleSheet, TouchableOpacity, BackHandler } from 'react-native';
-import type { ViewStyle, StyleProp } from 'react-native';
+import {
+  View,
+  TouchableOpacity,
+  BackHandler,
+  ViewStyle,
+  StyleProp,
+  StyleSheet,
+} from 'react-native';
 
 import Overlay from './Overlay';
 import Sheet from './Sheet';
@@ -8,46 +14,43 @@ import Sheet from './Sheet';
 export interface ShareSheetProps {
   visible: boolean;
   onCancel: () => void;
-  children: React.ReactChildren;
   style?: StyleProp<ViewStyle>;
   overlayStyle?: StyleProp<ViewStyle>;
 }
 
-class ShareSheet extends React.Component<ShareSheetProps> {
-  componentDidMount() {
-    this.backButtonHandler = this.backButtonHandler.bind(this);
-    BackHandler.addEventListener('hardwareBackPress', this.backButtonHandler);
-  }
-
-  componentWillUnmount() {
-    BackHandler.removeEventListener('hardwareBackPress', this.backButtonHandler);
-  }
-
-  backButtonHandler(): boolean {
-    if (this.props.visible) {
-      this.props.onCancel();
+const ShareSheet: React.FC<React.PropsWithChildren<ShareSheetProps>> = ({
+  style = {},
+  overlayStyle = {},
+  visible,
+  onCancel,
+  children,
+}) => {
+  const backButtonHandler = React.useCallback(() => {
+    if (visible) {
+      onCancel();
       return true;
     }
     return false;
-  }
+  }, [visible, onCancel]);
 
-  render() {
-    const { style = {}, overlayStyle = {}, ...props } = this.props;
+  React.useEffect(() => {
+    BackHandler.addEventListener('hardwareBackPress', backButtonHandler);
+    return () => {
+      BackHandler.removeEventListener('hardwareBackPress', backButtonHandler);
+    };
+  }, [backButtonHandler]);
 
-    return (
-      <Overlay {...props}>
-        <View style={[styles.actionSheetContainer, overlayStyle]}>
-          <TouchableOpacity style={styles.button} onPress={this.props.onCancel} />
-          <Sheet visible={this.props.visible}>
-            <View style={[styles.buttonContainer, style]}>{this.props.children}</View>
-          </Sheet>
-        </View>
-      </Overlay>
-    );
-  }
-}
-
-export default ShareSheet;
+  return (
+    <Overlay visible={visible}>
+      <View style={[styles.actionSheetContainer, overlayStyle]}>
+        <TouchableOpacity style={styles.button} onPress={onCancel} />
+        <Sheet visible={visible}>
+          <View style={[styles.buttonContainer, style]}>{children}</View>
+        </Sheet>
+      </View>
+    </Overlay>
+  );
+};
 
 const styles = StyleSheet.create({
   actionSheetContainer: {
@@ -67,3 +70,5 @@ const styles = StyleSheet.create({
     flex: 1,
   },
 });
+
+export default ShareSheet;

package/src/components/Sheet.tsx

@@ -8,28 +8,18 @@ export interface SheetProps {
   visible: boolean;
 }
 
-interface State {
-  bottom: Animated.Value;
-}
-
-class Sheet extends React.Component<SheetProps, State> {
-  state = {
-    bottom: new Animated.Value(DEFAULT_BOTTOM),
-  };
+const Sheet: React.FC<React.PropsWithChildren<SheetProps>> = ({ visible, children }) => {
+  const [bottom] = React.useState(new Animated.Value(DEFAULT_BOTTOM));
 
-  UNSAFE_componentWillReceiveProps(newProps: SheetProps) {
-    return Animated.timing(this.state.bottom, {
-      toValue: newProps.visible ? 0 : DEFAULT_BOTTOM,
+  React.useEffect(() => {
+    return Animated.timing(bottom, {
+      toValue: visible ? 0 : DEFAULT_BOTTOM,
       duration: DEFAULT_ANIMATE_TIME,
       useNativeDriver: false,
     }).start();
-  }
+  }, [visible, bottom]);
 
-  render() {
-    return (
-      <Animated.View style={{ bottom: this.state.bottom }}>{this.props.children}</Animated.View>
-    );
-  }
-}
+  return <Animated.View style={{ bottom }}>{children}</Animated.View>;
+};
 
 export default Sheet;

package/src/types.ts

@@ -42,10 +42,10 @@ export interface ActivityItem {
 
 export interface ActivityItemSource {
   placeholderItem: ActivityItem;
-  item: { [key in ActivityType]?: ActivityItem | null | undefined };
-  subject?: { [key in ActivityType]?: string };
-  dataTypeIdentifier?: { [key in ActivityType]?: string };
-  thumbnailImage?: { [key in ActivityType]?: string };
+  item: { [key in ActivityTypeItemSource]?: ActivityItem | null | undefined };
+  subject?: { [key in ActivityTypeItemSource]?: string };
+  dataTypeIdentifier?: { [key in ActivityTypeItemSource]?: string };
+  thumbnailImage?: { [key in ActivityTypeItemSource]?: string };
   linkMetadata?: LinkMetadata;
 }
 
@@ -125,6 +125,8 @@ export type ActivityType =
   | 'saveToCameraRoll'
   | 'markupAsPDF'; // iOS 11 or late
 
+export type ActivityTypeItemSource = ActivityType | string;
+
 export interface ShareSingleResult {
   message: string;
   success: boolean;