@plusscommunities/pluss-core-app 8.0.37 → 8.0.39

package/dist/module/components/ConfirmationPopup.js

@@ -13,7 +13,7 @@ class ConfirmationPopup extends PureComponent {
       style: [styles.popup, this.props.style]
     }, /*#__PURE__*/React.createElement(FontAwesome, {
       style: styles.icon,
-      name: "circle-check"
+      name: "check-circle"
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.text
     }, this.props.confirmText), this.props.onPressAction && /*#__PURE__*/React.createElement(InlineButton, {

package/dist/module/components/ConfirmationPopup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","Text","connect","FontAwesome","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","ConfirmationPopup","render","createElement","visible","props","onClose","style","styles","popup","icon","name","text","confirmText","onPressAction","onPress","color","colourBrandingMain","button","largeButtons","largeButton","large","repeatText","closeButton","borderColor","textStyle","width","paddingVertical","fontSize","fontFamily","lineHeight","textAlign","marginTop","borderWidth","mapStateToProps","state","confirmationPopup"],"sources":["ConfirmationPopup.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { FontAwesome } from \"./Icon\";\nimport {\n  COLOUR_GREEN,\n  TEXT_DARK,\n  getMainBrandingColourFromState,\n} from \"../colours\";\nimport { MiddlePopup } from \"./MiddlePopup\";\nimport { InlineButton } from \"./InlineButton\";\n\nclass ConfirmationPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup\n        visible={this.props.visible}\n        onClose={this.props.onClose}\n        style={[styles.popup, this.props.style]}\n      >\n        <FontAwesome style={styles.icon} name=\"circle-check\" />\n        <Text style={styles.text}>{this.props.confirmText}</Text>\n        {this.props.onPressAction && (\n          <InlineButton\n            onPress={this.props.onPressAction}\n            color={this.props.colourBrandingMain}\n            style={[\n              styles.button,\n              this.props.largeButtons && styles.largeButton,\n            ]}\n            large={this.props.largeButtons}\n          >\n            {this.props.repeatText}\n          </InlineButton>\n        )}\n        <InlineButton\n          onPress={this.props.onClose}\n          color=\"#fff\"\n          style={[\n            styles.button,\n            styles.closeButton,\n            this.props.largeButtons && styles.largeButton,\n            { borderColor: this.props.colourBrandingMain },\n          ]}\n          textStyle={{ color: this.props.colourBrandingMain }}\n          large={this.props.largeButtons}\n        >\n          Close\n        </InlineButton>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    width: 280,\n    paddingVertical: 40,\n  },\n  icon: {\n    fontSize: 52,\n    color: COLOUR_GREEN,\n  },\n  text: {\n    fontFamily: \"sf-bold\",\n    fontSize: 24,\n    lineHeight: 24,\n    color: TEXT_DARK,\n    textAlign: \"center\",\n    marginTop: 8,\n  },\n  button: {\n    width: 150,\n    marginTop: 20,\n  },\n  closeButton: {\n    borderWidth: 1,\n  },\n  largeButton: {\n    width: 250,\n  },\n};\n\nconst mapStateToProps = (state) => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst confirmationPopup = connect(mapStateToProps, {})(ConfirmationPopup);\nexport { confirmationPopup as ConfirmationPopup };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","Text","connect","FontAwesome","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","ConfirmationPopup","render","createElement","visible","props","onClose","style","styles","popup","icon","name","text","confirmText","onPressAction","onPress","color","colourBrandingMain","button","largeButtons","largeButton","large","repeatText","closeButton","borderColor","textStyle","width","paddingVertical","fontSize","fontFamily","lineHeight","textAlign","marginTop","borderWidth","mapStateToProps","state","confirmationPopup"],"sources":["ConfirmationPopup.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { Text } from \"./Text\";\nimport { connect } from \"react-redux\";\nimport { FontAwesome } from \"./Icon\";\nimport {\n\tCOLOUR_GREEN,\n\tTEXT_DARK,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { MiddlePopup } from \"./MiddlePopup\";\nimport { InlineButton } from \"./InlineButton\";\n\nclass ConfirmationPopup extends PureComponent {\n\trender() {\n\t\treturn (\n\t\t\t<MiddlePopup\n\t\t\t\tvisible={this.props.visible}\n\t\t\t\tonClose={this.props.onClose}\n\t\t\t\tstyle={[styles.popup, this.props.style]}\n\t\t\t>\n\t\t\t\t<FontAwesome style={styles.icon} name=\"check-circle\" />\n\t\t\t\t<Text style={styles.text}>{this.props.confirmText}</Text>\n\t\t\t\t{this.props.onPressAction && (\n\t\t\t\t\t<InlineButton\n\t\t\t\t\t\tonPress={this.props.onPressAction}\n\t\t\t\t\t\tcolor={this.props.colourBrandingMain}\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.button,\n\t\t\t\t\t\t\tthis.props.largeButtons && styles.largeButton,\n\t\t\t\t\t\t]}\n\t\t\t\t\t\tlarge={this.props.largeButtons}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.repeatText}\n\t\t\t\t\t</InlineButton>\n\t\t\t\t)}\n\t\t\t\t<InlineButton\n\t\t\t\t\tonPress={this.props.onClose}\n\t\t\t\t\tcolor=\"#fff\"\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.button,\n\t\t\t\t\t\tstyles.closeButton,\n\t\t\t\t\t\tthis.props.largeButtons && styles.largeButton,\n\t\t\t\t\t\t{ borderColor: this.props.colourBrandingMain },\n\t\t\t\t\t]}\n\t\t\t\t\ttextStyle={{ color: this.props.colourBrandingMain }}\n\t\t\t\t\tlarge={this.props.largeButtons}\n\t\t\t\t>\n\t\t\t\t\tClose\n\t\t\t\t</InlineButton>\n\t\t\t</MiddlePopup>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tpopup: {\n\t\twidth: 280,\n\t\tpaddingVertical: 40,\n\t},\n\ticon: {\n\t\tfontSize: 52,\n\t\tcolor: COLOUR_GREEN,\n\t},\n\ttext: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tlineHeight: 24,\n\t\tcolor: TEXT_DARK,\n\t\ttextAlign: \"center\",\n\t\tmarginTop: 8,\n\t},\n\tbutton: {\n\t\twidth: 150,\n\t\tmarginTop: 20,\n\t},\n\tcloseButton: {\n\t\tborderWidth: 1,\n\t},\n\tlargeButton: {\n\t\twidth: 250,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst confirmationPopup = connect(mapStateToProps, {})(ConfirmationPopup);\nexport { confirmationPopup as ConfirmationPopup };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/GenericInput.js

@@ -76,11 +76,9 @@ class GenericInput extends Component {
   }
   render() {
     return /*#__PURE__*/React.createElement(View, {
-      style: [styles.searchInputContainer, this.props.squaredCorners && styles.squaredSearchInputContainer, this.props.autoGrow ? {
+      style: [styles.searchInputContainer, this.props.squaredCorners && styles.squaredSearchInputContainer, {
         paddingVertical: 8,
         minHeight: 40
-      } : {
-        height: 36
       }, this.props.containerStyle]
     }, this.renderLeftIcon(), /*#__PURE__*/React.createElement(TextInput, {
       maxFontSizeMultiplier: 1.2,

package/dist/module/components/GenericInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","_","TextInput","View","TouchableWithoutFeedback","Text","Icon","TEXT_LIGHT","TEXT_DARK","TEXT_DARKEST","FontAwesome","GenericInput","constructor","props","state","showSecureText","inputRef","createRef","blur","current","toggleSecureText","setState","renderLeftIcon","icon","iconType","createElement","name","style","styles","searchIcon","type","iconStyle","renderRightIcon","secureTextEntry","onPress","bind","clearIcon","secureIcon","rightIcon","rightIconAction","hasClear","isEmpty","value","onChangeText","render","searchInputContainer","squaredCorners","squaredSearchInputContainer","autoGrow","paddingVertical","minHeight","height","containerStyle","maxFontSizeMultiplier","ref","placeholder","placeholderTextColor","autoCorrect","autoFocus","multiline","searchText","textAlignVertical","keyboardType","returnKeyType","selectionColor","underlineColorAndroid","editable","autoCapitalize","onKeyPress","onSubmitEditing","onFocus","onBlur","flex","borderRadius","backgroundColor","alignItems","flexDirection","paddingHorizontal","fontSize","color","marginRight","marginLeft","marginTop","marginBottom","fontFamily"],"sources":["GenericInput.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TextInput, View, TouchableWithoutFeedback } from \"react-native\";\nimport { Text } from \".\";\nimport { Icon } from \"@rneui/themed\";\nimport { TEXT_LIGHT, TEXT_DARK, TEXT_DARKEST } from \"../colours\";\nimport { FontAwesome } from \"./Icon\";\n\nclass GenericInput extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tshowSecureText: false,\n\t\t};\n\t\tthis.inputRef = React.createRef();\n\t}\n\n\tblur() {\n\t\tthis.inputRef.current.blur();\n\t}\n\n\ttoggleSecureText() {\n\t\tthis.setState({\n\t\t\tshowSecureText: !this.state.showSecureText,\n\t\t});\n\t}\n\n\trenderLeftIcon() {\n\t\tif (!this.props.icon) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.iconType && this.props.iconType === \"pl60\") {\n\t\t\treturn <FontAwesome name={this.props.icon} style={styles.searchIcon} />;\n\t\t}\n\t\treturn (\n\t\t\t<Icon\n\t\t\t\ttype=\"font-awesome\"\n\t\t\t\tname={this.props.icon}\n\t\t\t\ticonStyle={styles.searchIcon}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderRightIcon() {\n\t\tif (this.props.secureTextEntry) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback onPress={this.toggleSecureText.bind(this)}>\n\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\tname={this.state.showSecureText ? \"eye-slash\" : \"eye\"}\n\t\t\t\t\t\tstyle={[styles.clearIcon, styles.secureIcon]}\n\t\t\t\t\t/>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\t\tif (this.props.rightIcon) {\n\t\t\tif (this.props.rightIconAction) {\n\t\t\t\treturn (\n\t\t\t\t\t<TouchableWithoutFeedback onPress={this.props.rightIconAction}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\t\t\ticonStyle={styles.clearIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Icon\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\ticonStyle={styles.clearIcon}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (this.props.hasClear && !_.isEmpty(this.props.value)) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.props.onChangeText(\"\");\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FontAwesome name=\"circle-x\" style={styles.clearIcon} />\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.searchInputContainer,\n\t\t\t\t\tthis.props.squaredCorners && styles.squaredSearchInputContainer,\n\t\t\t\t\tthis.props.autoGrow\n\t\t\t\t\t\t? { paddingVertical: 8, minHeight: 40 }\n\t\t\t\t\t\t: { height: 36 },\n\t\t\t\t\tthis.props.containerStyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{this.renderLeftIcon()}\n\t\t\t\t<TextInput\n\t\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\t\tref={this.inputRef}\n\t\t\t\t\tplaceholder={this.props.placeholder}\n\t\t\t\t\tplaceholderTextColor={TEXT_LIGHT}\n\t\t\t\t\tautoCorrect={\n\t\t\t\t\t\tthis.props.autoCorrect != null ? this.props.autoCorrect : false\n\t\t\t\t\t}\n\t\t\t\t\tautoFocus={\n\t\t\t\t\t\tthis.props.autoFocus != null ? this.props.autoFocus : false\n\t\t\t\t\t}\n\t\t\t\t\tautoGrow={this.props.autoGrow != null ? this.props.autoGrow : false}\n\t\t\t\t\tmultiline={\n\t\t\t\t\t\tthis.props.multiline != null ? this.props.multiline : false\n\t\t\t\t\t}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.searchText,\n\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t\t{ textAlignVertical: this.props.multiline ? \"top\" : \"center\" },\n\t\t\t\t\t\tthis.props.minHeight && { minHeight: this.props.minHeight },\n\t\t\t\t\t]}\n\t\t\t\t\tvalue={this.props.value}\n\t\t\t\t\tonChangeText={this.props.onChangeText}\n\t\t\t\t\tkeyboardType={this.props.keyboardType}\n\t\t\t\t\treturnKeyType={this.props.returnKeyType}\n\t\t\t\t\tselectionColor={TEXT_DARK}\n\t\t\t\t\tunderlineColorAndroid=\"rgba(0,0,0,0)\"\n\t\t\t\t\teditable={this.props.editable != null ? this.props.editable : true}\n\t\t\t\t\tautoCapitalize={this.props.autoCapitalize || \"none\"}\n\t\t\t\t\tonKeyPress={this.props.onKeyPress}\n\t\t\t\t\tonSubmitEditing={this.props.onSubmitEditing}\n\t\t\t\t\tonFocus={this.props.onFocus}\n\t\t\t\t\tonBlur={this.props.onBlur}\n\t\t\t\t\tsecureTextEntry={\n\t\t\t\t\t\tthis.props.secureTextEntry && !this.state.showSecureText\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{this.renderRightIcon()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tsearchInputContainer: {\n\t\tflex: 1,\n\t\tborderRadius: 25,\n\t\tbackgroundColor: \"#ebeff2\",\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tpaddingHorizontal: 16,\n\t},\n\tsquaredSearchInputContainer: {\n\t\tborderRadius: 5,\n\t\tpaddingHorizontal: 8,\n\t},\n\tsearchIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginRight: 8,\n\t},\n\tclearIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginLeft: 8,\n\t\tmarginTop: 8,\n\t\tmarginBottom: 8,\n\t},\n\tsecureIcon: {\n\t\tfontSize: 20,\n\t},\n\tsearchText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\tflex: 1,\n\t},\n};\n\nexport { GenericInput };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","_","TextInput","View","TouchableWithoutFeedback","Text","Icon","TEXT_LIGHT","TEXT_DARK","TEXT_DARKEST","FontAwesome","GenericInput","constructor","props","state","showSecureText","inputRef","createRef","blur","current","toggleSecureText","setState","renderLeftIcon","icon","iconType","createElement","name","style","styles","searchIcon","type","iconStyle","renderRightIcon","secureTextEntry","onPress","bind","clearIcon","secureIcon","rightIcon","rightIconAction","hasClear","isEmpty","value","onChangeText","render","searchInputContainer","squaredCorners","squaredSearchInputContainer","paddingVertical","minHeight","containerStyle","maxFontSizeMultiplier","ref","placeholder","placeholderTextColor","autoCorrect","autoFocus","autoGrow","multiline","searchText","textAlignVertical","keyboardType","returnKeyType","selectionColor","underlineColorAndroid","editable","autoCapitalize","onKeyPress","onSubmitEditing","onFocus","onBlur","flex","borderRadius","backgroundColor","alignItems","flexDirection","paddingHorizontal","fontSize","color","marginRight","marginLeft","marginTop","marginBottom","fontFamily"],"sources":["GenericInput.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport { TextInput, View, TouchableWithoutFeedback } from \"react-native\";\nimport { Text } from \".\";\nimport { Icon } from \"@rneui/themed\";\nimport { TEXT_LIGHT, TEXT_DARK, TEXT_DARKEST } from \"../colours\";\nimport { FontAwesome } from \"./Icon\";\n\nclass GenericInput extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tshowSecureText: false,\n\t\t};\n\t\tthis.inputRef = React.createRef();\n\t}\n\n\tblur() {\n\t\tthis.inputRef.current.blur();\n\t}\n\n\ttoggleSecureText() {\n\t\tthis.setState({\n\t\t\tshowSecureText: !this.state.showSecureText,\n\t\t});\n\t}\n\n\trenderLeftIcon() {\n\t\tif (!this.props.icon) {\n\t\t\treturn null;\n\t\t}\n\t\tif (this.props.iconType && this.props.iconType === \"pl60\") {\n\t\t\treturn <FontAwesome name={this.props.icon} style={styles.searchIcon} />;\n\t\t}\n\t\treturn (\n\t\t\t<Icon\n\t\t\t\ttype=\"font-awesome\"\n\t\t\t\tname={this.props.icon}\n\t\t\t\ticonStyle={styles.searchIcon}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderRightIcon() {\n\t\tif (this.props.secureTextEntry) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback onPress={this.toggleSecureText.bind(this)}>\n\t\t\t\t\t<FontAwesome\n\t\t\t\t\t\tname={this.state.showSecureText ? \"eye-slash\" : \"eye\"}\n\t\t\t\t\t\tstyle={[styles.clearIcon, styles.secureIcon]}\n\t\t\t\t\t/>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\t\tif (this.props.rightIcon) {\n\t\t\tif (this.props.rightIconAction) {\n\t\t\t\treturn (\n\t\t\t\t\t<TouchableWithoutFeedback onPress={this.props.rightIconAction}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\t\t\ticonStyle={styles.clearIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Icon\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\tname={this.props.rightIcon}\n\t\t\t\t\ticonStyle={styles.clearIcon}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (this.props.hasClear && !_.isEmpty(this.props.value)) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={() => {\n\t\t\t\t\t\tthis.props.onChangeText(\"\");\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FontAwesome name=\"circle-x\" style={styles.clearIcon} />\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.searchInputContainer,\n\t\t\t\t\tthis.props.squaredCorners && styles.squaredSearchInputContainer,\n\t\t\t\t\t{ paddingVertical: 8, minHeight: 40 },\n\t\t\t\t\tthis.props.containerStyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{this.renderLeftIcon()}\n\t\t\t\t<TextInput\n\t\t\t\t\tmaxFontSizeMultiplier={1.2}\n\t\t\t\t\tref={this.inputRef}\n\t\t\t\t\tplaceholder={this.props.placeholder}\n\t\t\t\t\tplaceholderTextColor={TEXT_LIGHT}\n\t\t\t\t\tautoCorrect={\n\t\t\t\t\t\tthis.props.autoCorrect != null ? this.props.autoCorrect : false\n\t\t\t\t\t}\n\t\t\t\t\tautoFocus={\n\t\t\t\t\t\tthis.props.autoFocus != null ? this.props.autoFocus : false\n\t\t\t\t\t}\n\t\t\t\t\tautoGrow={this.props.autoGrow != null ? this.props.autoGrow : false}\n\t\t\t\t\tmultiline={\n\t\t\t\t\t\tthis.props.multiline != null ? this.props.multiline : false\n\t\t\t\t\t}\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.searchText,\n\t\t\t\t\t\tthis.props.style,\n\t\t\t\t\t\t{ textAlignVertical: this.props.multiline ? \"top\" : \"center\" },\n\t\t\t\t\t\tthis.props.minHeight && { minHeight: this.props.minHeight },\n\t\t\t\t\t]}\n\t\t\t\t\tvalue={this.props.value}\n\t\t\t\t\tonChangeText={this.props.onChangeText}\n\t\t\t\t\tkeyboardType={this.props.keyboardType}\n\t\t\t\t\treturnKeyType={this.props.returnKeyType}\n\t\t\t\t\tselectionColor={TEXT_DARK}\n\t\t\t\t\tunderlineColorAndroid=\"rgba(0,0,0,0)\"\n\t\t\t\t\teditable={this.props.editable != null ? this.props.editable : true}\n\t\t\t\t\tautoCapitalize={this.props.autoCapitalize || \"none\"}\n\t\t\t\t\tonKeyPress={this.props.onKeyPress}\n\t\t\t\t\tonSubmitEditing={this.props.onSubmitEditing}\n\t\t\t\t\tonFocus={this.props.onFocus}\n\t\t\t\t\tonBlur={this.props.onBlur}\n\t\t\t\t\tsecureTextEntry={\n\t\t\t\t\t\tthis.props.secureTextEntry && !this.state.showSecureText\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{this.renderRightIcon()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tsearchInputContainer: {\n\t\tflex: 1,\n\t\tborderRadius: 25,\n\t\tbackgroundColor: \"#ebeff2\",\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tpaddingHorizontal: 16,\n\t},\n\tsquaredSearchInputContainer: {\n\t\tborderRadius: 5,\n\t\tpaddingHorizontal: 8,\n\t},\n\tsearchIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginRight: 8,\n\t},\n\tclearIcon: {\n\t\tfontSize: 14,\n\t\tcolor: TEXT_LIGHT,\n\t\tmarginLeft: 8,\n\t\tmarginTop: 8,\n\t\tmarginBottom: 8,\n\t},\n\tsecureIcon: {\n\t\tfontSize: 20,\n\t},\n\tsearchText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\tflex: 1,\n\t},\n};\n\nexport { GenericInput };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/GenericInputSection.js

@@ -143,7 +143,7 @@ const styles = {
   optionSelector: {
     marginTop: 8,
     flex: 1,
-    height: 36,
+    minHeight: 40,
     backgroundColor: "#ebeff2",
     alignItems: "center",
     flexDirection: "row",

package/dist/module/components/GenericInputSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","View","TouchableOpacity","Text","Icon","connect","GenericInput","TEXT_DARKEST","COLOUR_GREEN","COLOUR_GRAPEFRUIT","getMainBrandingColourFromState","RadioButton","GenericInputSection","renderValidationDot","props","required","createElement","style","styles","validatorDot","isValid","validatorTrue","validatorFalse","renderLabel","label","labelContainer","labelText","labelStyle","renderRadioOption","value","isActive","onChange","onPress","key","radioOption","hitSlop","top","left","bottom","right","iconSize","radioOptionButton","radioOptionText","renderInput","children","inputType","radioOptionsContainer","options","map","o","Label","Value","radioOptionVertical","optionSelector","optionSelectorText","name","type","iconStyle","optionSelectorIcon","color","colourBrandingMain","_extends","containerStyle","input","renderError","showError","errorText","render","container","sectionStyle","flexDirection","alignItems","fontFamily","fontSize","marginTop","height","width","borderRadius","marginLeft","backgroundColor","marginRight","flex","justifyContent","paddingHorizontal","paddingTop","mapStateToProps","state","genericInputSection"],"sources":["GenericInputSection.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { View, TouchableOpacity } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"@rneui/themed\";\nimport { connect } from \"react-redux\";\nimport { GenericInput } from \"./GenericInput\";\nimport {\n\tTEXT_DARKEST,\n\tCOLOUR_GREEN,\n\tCOLOUR_GRAPEFRUIT,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { RadioButton } from \"./RadioButton\";\n\nclass GenericInputSection extends PureComponent {\n\trenderValidationDot() {\n\t\tif (!this.props.required) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.validatorDot,\n\t\t\t\t\tthis.props.isValid() ? styles.validatorTrue : styles.validatorFalse,\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderLabel() {\n\t\tif (!this.props.label) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.labelContainer}>\n\t\t\t\t<Text style={[styles.labelText, this.props.labelStyle]}>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t</Text>\n\t\t\t\t{this.renderValidationDot()}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderRadioOption(label, value, isActive, onChange, style) {\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tonPress={() => onChange(value)}\n\t\t\t\tkey={label}\n\t\t\t\tstyle={[styles.radioOption, style]}\n\t\t\t\thitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n\t\t\t>\n\t\t\t\t<RadioButton\n\t\t\t\t\tonPress={() => onChange(value)}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\ticonSize={22}\n\t\t\t\t\tstyle={styles.radioOptionButton}\n\t\t\t\t/>\n\t\t\t\t<Text style={styles.radioOptionText}>{label}</Text>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderInput() {\n\t\tif (this.props.children) {\n\t\t\treturn this.props.children;\n\t\t}\n\t\tif (this.props.inputType === \"toggle\") {\n\t\t\treturn (\n\t\t\t\t<View style={styles.radioOptionsContainer}>\n\t\t\t\t\t{this.renderRadioOption(\n\t\t\t\t\t\t\"Yes\",\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tthis.props.value === true,\n\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t)}\n\t\t\t\t\t{this.renderRadioOption(\n\t\t\t\t\t\t\"No\",\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tthis.props.value === false,\n\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.inputType === \"radio\") {\n\t\t\treturn (\n\t\t\t\t<View>\n\t\t\t\t\t{this.props.options.map((o) => {\n\t\t\t\t\t\treturn this.renderRadioOption(\n\t\t\t\t\t\t\to.Label,\n\t\t\t\t\t\t\to.Value,\n\t\t\t\t\t\t\tthis.props.value === o.Value,\n\t\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t\t\tstyles.radioOptionVertical,\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.inputType === \"optionSelector\") {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity onPress={this.props.onPress}>\n\t\t\t\t\t<View style={styles.optionSelector}>\n\t\t\t\t\t\t<Text style={styles.optionSelectorText}>{this.props.value}</Text>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"angle-right\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\t\tstyles.optionSelectorIcon,\n\t\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<GenericInput\n\t\t\t\t{...this.props}\n\t\t\t\tcontainerStyle={[styles.input, this.props.containerStyle]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderError() {\n\t\tif (this.props.showError === true && !this.props.isValid()) {\n\t\t\treturn (\n\t\t\t\t<Text style={styles.errorText}>\n\t\t\t\t\t{this.props.errorText || \"Required\"}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={[styles.container, this.props.sectionStyle]}>\n\t\t\t\t{this.renderLabel()}\n\t\t\t\t{this.renderInput()}\n\t\t\t\t{this.renderError()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {},\n\tlabelContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t},\n\tlabelText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\tinput: {\n\t\tmarginTop: 8,\n\t},\n\tvalidatorDot: {\n\t\theight: 6,\n\t\twidth: 6,\n\t\tborderRadius: 3,\n\t\tmarginLeft: 8,\n\t},\n\tvalidatorTrue: {\n\t\tbackgroundColor: COLOUR_GREEN,\n\t},\n\tvalidatorFalse: {\n\t\tbackgroundColor: COLOUR_GRAPEFRUIT,\n\t},\n\tradioOptionsContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginTop: 8,\n\t},\n\tradioOptionVertical: {\n\t\tmarginTop: 16,\n\t},\n\tradioOption: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginRight: 24,\n\t},\n\tradioOptionButton: {\n\t\tmarginRight: 8,\n\t},\n\tradioOptionText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\toptionSelector: {\n\t\tmarginTop: 8,\n\t\tflex: 1,\n\t\theight: 36,\n\t\tbackgroundColor: \"#ebeff2\",\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\tborderRadius: 5,\n\t\tpaddingHorizontal: 8,\n\t},\n\toptionSelectorText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t},\n\terrorText: {\n\t\tpaddingTop: 4,\n\t\tfontSize: 13,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: COLOUR_GRAPEFRUIT,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst genericInputSection = connect(mapStateToProps, {})(GenericInputSection);\nexport { genericInputSection as GenericInputSection };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","View","TouchableOpacity","Text","Icon","connect","GenericInput","TEXT_DARKEST","COLOUR_GREEN","COLOUR_GRAPEFRUIT","getMainBrandingColourFromState","RadioButton","GenericInputSection","renderValidationDot","props","required","createElement","style","styles","validatorDot","isValid","validatorTrue","validatorFalse","renderLabel","label","labelContainer","labelText","labelStyle","renderRadioOption","value","isActive","onChange","onPress","key","radioOption","hitSlop","top","left","bottom","right","iconSize","radioOptionButton","radioOptionText","renderInput","children","inputType","radioOptionsContainer","options","map","o","Label","Value","radioOptionVertical","optionSelector","optionSelectorText","name","type","iconStyle","optionSelectorIcon","color","colourBrandingMain","_extends","containerStyle","input","renderError","showError","errorText","render","container","sectionStyle","flexDirection","alignItems","fontFamily","fontSize","marginTop","height","width","borderRadius","marginLeft","backgroundColor","marginRight","flex","minHeight","justifyContent","paddingHorizontal","paddingTop","mapStateToProps","state","genericInputSection"],"sources":["GenericInputSection.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { View, TouchableOpacity } from \"react-native\";\nimport { Text } from \"./Text\";\nimport { Icon } from \"@rneui/themed\";\nimport { connect } from \"react-redux\";\nimport { GenericInput } from \"./GenericInput\";\nimport {\n\tTEXT_DARKEST,\n\tCOLOUR_GREEN,\n\tCOLOUR_GRAPEFRUIT,\n\tgetMainBrandingColourFromState,\n} from \"../colours\";\nimport { RadioButton } from \"./RadioButton\";\n\nclass GenericInputSection extends PureComponent {\n\trenderValidationDot() {\n\t\tif (!this.props.required) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={[\n\t\t\t\t\tstyles.validatorDot,\n\t\t\t\t\tthis.props.isValid() ? styles.validatorTrue : styles.validatorFalse,\n\t\t\t\t]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderLabel() {\n\t\tif (!this.props.label) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={styles.labelContainer}>\n\t\t\t\t<Text style={[styles.labelText, this.props.labelStyle]}>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t</Text>\n\t\t\t\t{this.renderValidationDot()}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderRadioOption(label, value, isActive, onChange, style) {\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tonPress={() => onChange(value)}\n\t\t\t\tkey={label}\n\t\t\t\tstyle={[styles.radioOption, style]}\n\t\t\t\thitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n\t\t\t>\n\t\t\t\t<RadioButton\n\t\t\t\t\tonPress={() => onChange(value)}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\ticonSize={22}\n\t\t\t\t\tstyle={styles.radioOptionButton}\n\t\t\t\t/>\n\t\t\t\t<Text style={styles.radioOptionText}>{label}</Text>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderInput() {\n\t\tif (this.props.children) {\n\t\t\treturn this.props.children;\n\t\t}\n\t\tif (this.props.inputType === \"toggle\") {\n\t\t\treturn (\n\t\t\t\t<View style={styles.radioOptionsContainer}>\n\t\t\t\t\t{this.renderRadioOption(\n\t\t\t\t\t\t\"Yes\",\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tthis.props.value === true,\n\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t)}\n\t\t\t\t\t{this.renderRadioOption(\n\t\t\t\t\t\t\"No\",\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tthis.props.value === false,\n\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.inputType === \"radio\") {\n\t\t\treturn (\n\t\t\t\t<View>\n\t\t\t\t\t{this.props.options.map((o) => {\n\t\t\t\t\t\treturn this.renderRadioOption(\n\t\t\t\t\t\t\to.Label,\n\t\t\t\t\t\t\to.Value,\n\t\t\t\t\t\t\tthis.props.value === o.Value,\n\t\t\t\t\t\t\tthis.props.onChange,\n\t\t\t\t\t\t\tstyles.radioOptionVertical,\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\tif (this.props.inputType === \"optionSelector\") {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity onPress={this.props.onPress}>\n\t\t\t\t\t<View style={styles.optionSelector}>\n\t\t\t\t\t\t<Text style={styles.optionSelectorText}>{this.props.value}</Text>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname=\"angle-right\"\n\t\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\t\ticonStyle={[\n\t\t\t\t\t\t\t\tstyles.optionSelectorIcon,\n\t\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<GenericInput\n\t\t\t\t{...this.props}\n\t\t\t\tcontainerStyle={[styles.input, this.props.containerStyle]}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderError() {\n\t\tif (this.props.showError === true && !this.props.isValid()) {\n\t\t\treturn (\n\t\t\t\t<Text style={styles.errorText}>\n\t\t\t\t\t{this.props.errorText || \"Required\"}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={[styles.container, this.props.sectionStyle]}>\n\t\t\t\t{this.renderLabel()}\n\t\t\t\t{this.renderInput()}\n\t\t\t\t{this.renderError()}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {},\n\tlabelContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t},\n\tlabelText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\tinput: {\n\t\tmarginTop: 8,\n\t},\n\tvalidatorDot: {\n\t\theight: 6,\n\t\twidth: 6,\n\t\tborderRadius: 3,\n\t\tmarginLeft: 8,\n\t},\n\tvalidatorTrue: {\n\t\tbackgroundColor: COLOUR_GREEN,\n\t},\n\tvalidatorFalse: {\n\t\tbackgroundColor: COLOUR_GRAPEFRUIT,\n\t},\n\tradioOptionsContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginTop: 8,\n\t},\n\tradioOptionVertical: {\n\t\tmarginTop: 16,\n\t},\n\tradioOption: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tmarginRight: 24,\n\t},\n\tradioOptionButton: {\n\t\tmarginRight: 8,\n\t},\n\tradioOptionText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tcolor: TEXT_DARKEST,\n\t},\n\toptionSelector: {\n\t\tmarginTop: 8,\n\t\tflex: 1,\n\t\tminHeight: 40,\n\t\tbackgroundColor: \"#ebeff2\",\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\tborderRadius: 5,\n\t\tpaddingHorizontal: 8,\n\t},\n\toptionSelectorText: {\n\t\tcolor: TEXT_DARKEST,\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t},\n\terrorText: {\n\t\tpaddingTop: 4,\n\t\tfontSize: 13,\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: COLOUR_GRAPEFRUIT,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst genericInputSection = connect(mapStateToProps, {})(GenericInputSection);\nexport { genericInputSection as GenericInputSection };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/PopupMenu.js

@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import { Text } from "@plusscommunities/pluss-core-app/components";
 import { View, TouchableWithoutFeedback, TouchableOpacity, Modal } from "react-native";
 import { connect } from "react-redux";
+import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 import _ from "lodash";
 import { getMainBrandingColourFromState, LINEGREY, TEXT_DARK } from "../colours";
 class PopupMenu extends Component {
@@ -46,14 +47,15 @@ class PopupMenu extends Component {
       transparent: true,
       animationType: "slide",
       onRequestClose: this.props.onClose
-    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    }, /*#__PURE__*/React.createElement(SafeAreaProvider, null, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
       style: styles.container,
       onPress: this.props.onClose
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.container
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.menu
-    }, this.renderTitle(), this.renderOptions(), this.renderCancel()))));
+    }, /*#__PURE__*/React.createElement(SafeAreaView, {
+      style: styles.menu,
+      edges: ["bottom"]
+    }, this.renderTitle(), this.renderOptions(), this.renderCancel())))));
   }
 }
 const styles = {

package/dist/module/components/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Text","View","TouchableWithoutFeedback","TouchableOpacity","Modal","connect","_","getMainBrandingColourFromState","LINEGREY","TEXT_DARK","PopupMenu","renderOption","item","index","createElement","key","onPress","style","styles","option","firstOption","isEmpty","text","content","optionText","renderOptions","optionsContainer","map","props","options","renderTitle","titleContainer","titleText","title","renderCancel","onClose","cancelOption","cancelText","color","colourBrandingMain","render","visible","transparent","animationType","onRequestClose","container","menu","position","bottom","left","right","top","backgroundColor","zIndex","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingVertical","borderColor","borderTopWidth","fontFamily","fontSize","textAlign","padding","borderBottomWidth","mapStateToProps","state","popupMenu"],"sources":["PopupMenu.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tTouchableOpacity,\n\tModal,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport {\n\tgetMainBrandingColourFromState,\n\tLINEGREY,\n\tTEXT_DARK,\n} from \"../colours\";\n\nclass PopupMenu extends Component {\n\trenderOption(item, index) {\n\t\treturn (\n\t\t\t<TouchableOpacity key={index} onPress={item.onPress}>\n\t\t\t\t<View style={[styles.option, index === 0 && styles.firstOption]}>\n\t\t\t\t\t{_.isEmpty(item.text) && item.content ? (\n\t\t\t\t\t\titem.content\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text style={styles.optionText}>{item.text}</Text>\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderOptions() {\n\t\treturn (\n\t\t\t<View style={styles.optionsContainer}>\n\t\t\t\t{_.map(this.props.options, (item, index) => {\n\t\t\t\t\treturn this.renderOption(item, index);\n\t\t\t\t})}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderTitle() {\n\t\treturn (\n\t\t\t<View style={styles.titleContainer}>\n\t\t\t\t<Text style={styles.titleText}>{this.props.title}</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderCancel() {\n\t\treturn (\n\t\t\t<TouchableOpacity onPress={this.props.onClose}>\n\t\t\t\t<View style={[styles.option, styles.cancelOption]}>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.optionText,\n\t\t\t\t\t\t\tstyles.cancelText,\n\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.cancelText}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible\n\t\t\t\ttransparent\n\t\t\t\tanimationType=\"slide\"\n\t\t\t\tonRequestClose={this.props.onClose}\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tstyle={styles.container}\n\t\t\t\t\tonPress={this.props.onClose}\n\t\t\t\t>\n\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t<View style={styles.menu}>\n\t\t\t\t\t\t\t{this.renderTitle()}\n\t\t\t\t\t\t\t{this.renderOptions()}\n\t\t\t\t\t\t\t{this.renderCancel()}\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\tposition: \"absolute\",\n\t\tbottom: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\ttop: 0,\n\t\tbackgroundColor: \"rgba(0,0,0,0.5)\",\n\t\tzIndex: 1000,\n\t},\n\tmenu: {\n\t\tposition: \"absolute\",\n\t\tbottom: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbackgroundColor: \"#fff\",\n\t\tborderTopLeftRadius: 12,\n\t\tborderTopRightRadius: 12,\n\t},\n\toptionsContainer: {\n\t\tpaddingHorizontal: 16,\n\t},\n\toption: {\n\t\tpaddingVertical: 16,\n\t\tborderColor: LINEGREY,\n\t\tborderTopWidth: 1,\n\t},\n\tcancelOption: {\n\t\tpaddingHorizontal: 16,\n\t},\n\tfirstOption: {\n\t\tborderTopWidth: 0,\n\t},\n\toptionText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\ttextAlign: \"center\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tcancelText: {\n\t\tfontFamily: \"sf-medium\",\n\t},\n\ttitleContainer: {\n\t\tpadding: 16,\n\t\tborderColor: LINEGREY,\n\t\tborderBottomWidth: 1,\n\t},\n\ttitleText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\ttextAlign: \"center\",\n\t\tcolor: TEXT_DARK,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst popupMenu = connect(mapStateToProps, {})(PopupMenu);\nexport { popupMenu as PopupMenu };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,6CAA6C;AAClE,SACCC,IAAI,EACJC,wBAAwB,EACxBC,gBAAgB,EAChBC,KAAK,QACC,cAAc;AACrB,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,CAAC,MAAM,QAAQ;AACtB,SACCC,8BAA8B,EAC9BC,QAAQ,EACRC,SAAS,QACH,YAAY;AAEnB,MAAMC,SAAS,SAASX,SAAS,CAAC;EACjCY,YAAYA,CAACC,IAAI,EAAEC,KAAK,EAAE;IACzB,oBACCf,KAAA,CAAAgB,aAAA,CAACX,gBAAgB;MAACY,GAAG,EAAEF,KAAM;MAACG,OAAO,EAAEJ,IAAI,CAACI;IAAQ,gBACnDlB,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAEN,KAAK,KAAK,CAAC,IAAIK,MAAM,CAACE,WAAW;IAAE,GAC9Dd,CAAC,CAACe,OAAO,CAACT,IAAI,CAACU,IAAI,CAAC,IAAIV,IAAI,CAACW,OAAO,GACpCX,IAAI,CAACW,OAAO,gBAEZzB,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACM;IAAW,GAAEZ,IAAI,CAACU,IAAW,CAE7C,CACW,CAAC;EAErB;EAEAG,aAAaA,CAAA,EAAG;IACf,oBACC3B,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACQ;IAAiB,GACnCpB,CAAC,CAACqB,GAAG,CAAC,IAAI,CAACC,KAAK,CAACC,OAAO,EAAE,CAACjB,IAAI,EAAEC,KAAK,KAAK;MAC3C,OAAO,IAAI,CAACF,YAAY,CAACC,IAAI,EAAEC,KAAK,CAAC;IACtC,CAAC,CACI,CAAC;EAET;EAEAiB,WAAWA,CAAA,EAAG;IACb,oBACChC,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACa;IAAe,gBAClCjC,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACc;IAAU,GAAE,IAAI,CAACJ,KAAK,CAACK,KAAY,CAClD,CAAC;EAET;EAEAC,YAAYA,CAAA,EAAG;IACd,oBACCpC,KAAA,CAAAgB,aAAA,CAACX,gBAAgB;MAACa,OAAO,EAAE,IAAI,CAACY,KAAK,CAACO;IAAQ,gBAC7CrC,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAED,MAAM,CAACkB,YAAY;IAAE,gBACjDtC,KAAA,CAAAgB,aAAA,CAACd,IAAI;MACJiB,KAAK,EAAE,CACNC,MAAM,CAACM,UAAU,EACjBN,MAAM,CAACmB,UAAU,EACjB;QAAEC,KAAK,EAAE,IAAI,CAACV,KAAK,CAACW;MAAmB,CAAC;IACvC,GAED,IAAI,CAACX,KAAK,CAACS,UACP,CACD,CACW,CAAC;EAErB;EAEAG,MAAMA,CAAA,EAAG;IACR,oBACC1C,KAAA,CAAAgB,aAAA,CAACV,KAAK;MACLqC,OAAO;MACPC,WAAW;MACXC,aAAa,EAAC,OAAO;MACrBC,cAAc,EAAE,IAAI,CAAChB,KAAK,CAACO;IAAQ,gBAEnCrC,KAAA,CAAAgB,aAAA,CAACZ,wBAAwB;MACxBe,KAAK,EAAEC,MAAM,CAAC2B,SAAU;MACxB7B,OAAO,EAAE,IAAI,CAACY,KAAK,CAACO;IAAQ,gBAE5BrC,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAAC2B;IAAU,gBAC7B/C,KAAA,CAAAgB,aAAA,CAACb,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAAC4B;IAAK,GACvB,IAAI,CAAChB,WAAW,CAAC,CAAC,EAClB,IAAI,CAACL,aAAa,CAAC,CAAC,EACpB,IAAI,CAACS,YAAY,CAAC,CACd,CACD,CACmB,CACpB,CAAC;EAEV;AACD;AAEA,MAAMhB,MAAM,GAAG;EACd2B,SAAS,EAAE;IACVE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,iBAAiB;IAClCC,MAAM,EAAE;EACT,CAAC;EACDP,IAAI,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRE,eAAe,EAAE,MAAM;IACvBE,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACvB,CAAC;EACD7B,gBAAgB,EAAE;IACjB8B,iBAAiB,EAAE;EACpB,CAAC;EACDrC,MAAM,EAAE;IACPsC,eAAe,EAAE,EAAE;IACnBC,WAAW,EAAElD,QAAQ;IACrBmD,cAAc,EAAE;EACjB,CAAC;EACDvB,YAAY,EAAE;IACboB,iBAAiB,EAAE;EACpB,CAAC;EACDpC,WAAW,EAAE;IACZuC,cAAc,EAAE;EACjB,CAAC;EACDnC,UAAU,EAAE;IACXoC,UAAU,EAAE,YAAY;IACxBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBxB,KAAK,EAAE7B;EACR,CAAC;EACD4B,UAAU,EAAE;IACXuB,UAAU,EAAE;EACb,CAAC;EACD7B,cAAc,EAAE;IACfgC,OAAO,EAAE,EAAE;IACXL,WAAW,EAAElD,QAAQ;IACrBwD,iBAAiB,EAAE;EACpB,CAAC;EACDhC,SAAS,EAAE;IACV4B,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBxB,KAAK,EAAE7B;EACR;AACD,CAAC;AAED,MAAMwD,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACN3B,kBAAkB,EAAEhC,8BAA8B,CAAC2D,KAAK;EACzD,CAAC;AACF,CAAC;AAED,MAAMC,SAAS,GAAG9D,OAAO,CAAC4D,eAAe,EAAE,CAAC,CAAC,CAAC,CAACvD,SAAS,CAAC;AACzD,SAASyD,SAAS,IAAIzD,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Component","Text","View","TouchableWithoutFeedback","TouchableOpacity","Modal","connect","SafeAreaProvider","SafeAreaView","_","getMainBrandingColourFromState","LINEGREY","TEXT_DARK","PopupMenu","renderOption","item","index","createElement","key","onPress","style","styles","option","firstOption","isEmpty","text","content","optionText","renderOptions","optionsContainer","map","props","options","renderTitle","titleContainer","titleText","title","renderCancel","onClose","cancelOption","cancelText","color","colourBrandingMain","render","visible","transparent","animationType","onRequestClose","container","menu","edges","position","bottom","left","right","top","backgroundColor","zIndex","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingVertical","borderColor","borderTopWidth","fontFamily","fontSize","textAlign","padding","borderBottomWidth","mapStateToProps","state","popupMenu"],"sources":["PopupMenu.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { Text } from \"@plusscommunities/pluss-core-app/components\";\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tTouchableOpacity,\n\tModal,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport { SafeAreaProvider, SafeAreaView } from \"react-native-safe-area-context\";\nimport _ from \"lodash\";\nimport {\n\tgetMainBrandingColourFromState,\n\tLINEGREY,\n\tTEXT_DARK,\n} from \"../colours\";\n\nclass PopupMenu extends Component {\n\trenderOption(item, index) {\n\t\treturn (\n\t\t\t<TouchableOpacity key={index} onPress={item.onPress}>\n\t\t\t\t<View style={[styles.option, index === 0 && styles.firstOption]}>\n\t\t\t\t\t{_.isEmpty(item.text) && item.content ? (\n\t\t\t\t\t\titem.content\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Text style={styles.optionText}>{item.text}</Text>\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trenderOptions() {\n\t\treturn (\n\t\t\t<View style={styles.optionsContainer}>\n\t\t\t\t{_.map(this.props.options, (item, index) => {\n\t\t\t\t\treturn this.renderOption(item, index);\n\t\t\t\t})}\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderTitle() {\n\t\treturn (\n\t\t\t<View style={styles.titleContainer}>\n\t\t\t\t<Text style={styles.titleText}>{this.props.title}</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderCancel() {\n\t\treturn (\n\t\t\t<TouchableOpacity onPress={this.props.onClose}>\n\t\t\t\t<View style={[styles.option, styles.cancelOption]}>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.optionText,\n\t\t\t\t\t\t\tstyles.cancelText,\n\t\t\t\t\t\t\t{ color: this.props.colourBrandingMain },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.props.cancelText}\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Modal\n\t\t\t\tvisible\n\t\t\t\ttransparent\n\t\t\t\tanimationType=\"slide\"\n\t\t\t\tonRequestClose={this.props.onClose}\n\t\t\t>\n\t\t\t\t<SafeAreaProvider>\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\tstyle={styles.container}\n\t\t\t\t\t\tonPress={this.props.onClose}\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t\t\t<SafeAreaView style={styles.menu} edges={[\"bottom\"]}>\n\t\t\t\t\t\t\t\t{this.renderTitle()}\n\t\t\t\t\t\t\t\t{this.renderOptions()}\n\t\t\t\t\t\t\t\t{this.renderCancel()}\n\t\t\t\t\t\t\t</SafeAreaView>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t</SafeAreaProvider>\n\t\t\t</Modal>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tcontainer: {\n\t\tposition: \"absolute\",\n\t\tbottom: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\ttop: 0,\n\t\tbackgroundColor: \"rgba(0,0,0,0.5)\",\n\t\tzIndex: 1000,\n\t},\n\tmenu: {\n\t\tposition: \"absolute\",\n\t\tbottom: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tbackgroundColor: \"#fff\",\n\t\tborderTopLeftRadius: 12,\n\t\tborderTopRightRadius: 12,\n\t},\n\toptionsContainer: {\n\t\tpaddingHorizontal: 16,\n\t},\n\toption: {\n\t\tpaddingVertical: 16,\n\t\tborderColor: LINEGREY,\n\t\tborderTopWidth: 1,\n\t},\n\tcancelOption: {\n\t\tpaddingHorizontal: 16,\n\t},\n\tfirstOption: {\n\t\tborderTopWidth: 0,\n\t},\n\toptionText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\ttextAlign: \"center\",\n\t\tcolor: TEXT_DARK,\n\t},\n\tcancelText: {\n\t\tfontFamily: \"sf-medium\",\n\t},\n\ttitleContainer: {\n\t\tpadding: 16,\n\t\tborderColor: LINEGREY,\n\t\tborderBottomWidth: 1,\n\t},\n\ttitleText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\ttextAlign: \"center\",\n\t\tcolor: TEXT_DARK,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t};\n};\n\nconst popupMenu = connect(mapStateToProps, {})(PopupMenu);\nexport { popupMenu as PopupMenu };\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@plusscommunities/pluss-core-app",
-	"version": "8.0.37",
+	"version": "8.0.39",
 	"description": "Core extension package for Pluss Communities platform",
 	"exports": {
 		".": {

package/src/components/ConfirmationPopup.js

@@ -3,88 +3,88 @@ import { Text } from "./Text";
 import { connect } from "react-redux";
 import { FontAwesome } from "./Icon";
 import {
-  COLOUR_GREEN,
-  TEXT_DARK,
-  getMainBrandingColourFromState,
+	COLOUR_GREEN,
+	TEXT_DARK,
+	getMainBrandingColourFromState,
 } from "../colours";
 import { MiddlePopup } from "./MiddlePopup";
 import { InlineButton } from "./InlineButton";
 
 class ConfirmationPopup extends PureComponent {
-  render() {
-    return (
-      <MiddlePopup
-        visible={this.props.visible}
-        onClose={this.props.onClose}
-        style={[styles.popup, this.props.style]}
-      >
-        <FontAwesome style={styles.icon} name="circle-check" />
-        <Text style={styles.text}>{this.props.confirmText}</Text>
-        {this.props.onPressAction && (
-          <InlineButton
-            onPress={this.props.onPressAction}
-            color={this.props.colourBrandingMain}
-            style={[
-              styles.button,
-              this.props.largeButtons && styles.largeButton,
-            ]}
-            large={this.props.largeButtons}
-          >
-            {this.props.repeatText}
-          </InlineButton>
-        )}
-        <InlineButton
-          onPress={this.props.onClose}
-          color="#fff"
-          style={[
-            styles.button,
-            styles.closeButton,
-            this.props.largeButtons && styles.largeButton,
-            { borderColor: this.props.colourBrandingMain },
-          ]}
-          textStyle={{ color: this.props.colourBrandingMain }}
-          large={this.props.largeButtons}
-        >
-          Close
-        </InlineButton>
-      </MiddlePopup>
-    );
-  }
+	render() {
+		return (
+			<MiddlePopup
+				visible={this.props.visible}
+				onClose={this.props.onClose}
+				style={[styles.popup, this.props.style]}
+			>
+				<FontAwesome style={styles.icon} name="check-circle" />
+				<Text style={styles.text}>{this.props.confirmText}</Text>
+				{this.props.onPressAction && (
+					<InlineButton
+						onPress={this.props.onPressAction}
+						color={this.props.colourBrandingMain}
+						style={[
+							styles.button,
+							this.props.largeButtons && styles.largeButton,
+						]}
+						large={this.props.largeButtons}
+					>
+						{this.props.repeatText}
+					</InlineButton>
+				)}
+				<InlineButton
+					onPress={this.props.onClose}
+					color="#fff"
+					style={[
+						styles.button,
+						styles.closeButton,
+						this.props.largeButtons && styles.largeButton,
+						{ borderColor: this.props.colourBrandingMain },
+					]}
+					textStyle={{ color: this.props.colourBrandingMain }}
+					large={this.props.largeButtons}
+				>
+					Close
+				</InlineButton>
+			</MiddlePopup>
+		);
+	}
 }
 
 const styles = {
-  popup: {
-    width: 280,
-    paddingVertical: 40,
-  },
-  icon: {
-    fontSize: 52,
-    color: COLOUR_GREEN,
-  },
-  text: {
-    fontFamily: "sf-bold",
-    fontSize: 24,
-    lineHeight: 24,
-    color: TEXT_DARK,
-    textAlign: "center",
-    marginTop: 8,
-  },
-  button: {
-    width: 150,
-    marginTop: 20,
-  },
-  closeButton: {
-    borderWidth: 1,
-  },
-  largeButton: {
-    width: 250,
-  },
+	popup: {
+		width: 280,
+		paddingVertical: 40,
+	},
+	icon: {
+		fontSize: 52,
+		color: COLOUR_GREEN,
+	},
+	text: {
+		fontFamily: "sf-bold",
+		fontSize: 24,
+		lineHeight: 24,
+		color: TEXT_DARK,
+		textAlign: "center",
+		marginTop: 8,
+	},
+	button: {
+		width: 150,
+		marginTop: 20,
+	},
+	closeButton: {
+		borderWidth: 1,
+	},
+	largeButton: {
+		width: 250,
+	},
 };
 
 const mapStateToProps = (state) => {
-  return {
-    colourBrandingMain: getMainBrandingColourFromState(state),
-  };
+	return {
+		colourBrandingMain: getMainBrandingColourFromState(state),
+	};
 };
 
 const confirmationPopup = connect(mapStateToProps, {})(ConfirmationPopup);

package/src/components/GenericInput.js

@@ -92,9 +92,7 @@ class GenericInput extends Component {
 				style={[
 					styles.searchInputContainer,
 					this.props.squaredCorners && styles.squaredSearchInputContainer,
-					this.props.autoGrow
-						? { paddingVertical: 8, minHeight: 40 }
-						: { height: 36 },
+					{ paddingVertical: 8, minHeight: 40 },
 					this.props.containerStyle,
 				]}
 			>

package/src/components/GenericInputSection.js

@@ -194,7 +194,7 @@ const styles = {
 	optionSelector: {
 		marginTop: 8,
 		flex: 1,
-		height: 36,
+		minHeight: 40,
 		backgroundColor: "#ebeff2",
 		alignItems: "center",
 		flexDirection: "row",

package/src/components/PopupMenu.js

@@ -7,6 +7,7 @@ import {
 	Modal,
 } from "react-native";
 import { connect } from "react-redux";
+import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 import _ from "lodash";
 import {
 	getMainBrandingColourFromState,
@@ -73,18 +74,20 @@ class PopupMenu extends Component {
 				animationType="slide"
 				onRequestClose={this.props.onClose}
 			>
-				<TouchableWithoutFeedback
-					style={styles.container}
-					onPress={this.props.onClose}
-				>
-					<View style={styles.container}>
-						<View style={styles.menu}>
-							{this.renderTitle()}
-							{this.renderOptions()}
-							{this.renderCancel()}
+				<SafeAreaProvider>
+					<TouchableWithoutFeedback
+						style={styles.container}
+						onPress={this.props.onClose}
+					>
+						<View style={styles.container}>
+							<SafeAreaView style={styles.menu} edges={["bottom"]}>
+								{this.renderTitle()}
+								{this.renderOptions()}
+								{this.renderCancel()}
+							</SafeAreaView>
 						</View>
-					</View>
-				</TouchableWithoutFeedback>
+					</TouchableWithoutFeedback>
+				</SafeAreaProvider>
 			</Modal>
 		);
 	}