@plusscommunities/pluss-core-app 4.0.4-auth.0 → 6.0.0-auth.0

package/dist/module/components/GenericInput.js

@@ -0,0 +1,148 @@
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { TextInput, View, TouchableWithoutFeedback } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { TEXT_LIGHT, TEXT_DARK, TEXT_DARKEST } from '../colours';
+import { Pl60Icon } from '../fonts';
+class GenericInput extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      showSecureText: false
+    };
+  }
+  blur() {
+    this.refs.input.blur();
+  }
+  toggleSecureText() {
+    this.setState({
+      showSecureText: !this.state.showSecureText
+    });
+  }
+  renderLeftIcon() {
+    if (!this.props.icon) {
+      return null;
+    }
+    if (this.props.iconType && this.props.iconType === 'pl60') {
+      return /*#__PURE__*/React.createElement(Pl60Icon, {
+        name: this.props.icon,
+        style: styles.searchIcon
+      });
+    }
+    return /*#__PURE__*/React.createElement(Icon, {
+      type: "font-awesome",
+      name: this.props.icon,
+      iconStyle: styles.searchIcon
+    });
+  }
+  renderRightIcon() {
+    if (this.props.secureTextEntry) {
+      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: this.toggleSecureText.bind(this)
+      }, /*#__PURE__*/React.createElement(Pl60Icon, {
+        name: this.state.showSecureText ? 'hide' : 'show',
+        style: [styles.clearIcon, styles.secureIcon]
+      }));
+    }
+    if (this.props.rightIcon) {
+      if (this.props.rightIconAction) {
+        return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+          onPress: this.props.rightIconAction
+        }, /*#__PURE__*/React.createElement(Icon, {
+          type: "font-awesome",
+          name: this.props.rightIcon,
+          iconStyle: styles.clearIcon
+        }));
+      }
+      return /*#__PURE__*/React.createElement(Icon, {
+        type: "font-awesome",
+        name: this.props.rightIcon,
+        iconStyle: styles.clearIcon
+      });
+    }
+    if (this.props.hasClear && !_.isEmpty(this.props.value)) {
+      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: () => {
+          this.props.onChangeText('');
+        }
+      }, /*#__PURE__*/React.createElement(Pl60Icon, {
+        name: "clear",
+        style: styles.clearIcon
+      }));
+    }
+    return null;
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.searchInputContainer, this.props.squaredCorners && styles.squaredSearchInputContainer, this.props.autoGrow ? {
+        paddingVertical: 8,
+        minHeight: 40
+      } : {
+        height: 36
+      }, this.props.containerStyle]
+    }, this.renderLeftIcon(), /*#__PURE__*/React.createElement(TextInput, {
+      ref: "input",
+      placeholder: this.props.placeholder,
+      placeholderTextColor: TEXT_LIGHT,
+      autoCorrect: this.props.autoCorrect != null ? this.props.autoCorrect : false,
+      autoFocus: this.props.autoFocus != null ? this.props.autoFocus : false,
+      autoGrow: this.props.autoGrow != null ? this.props.autoGrow : false,
+      multiline: this.props.multiline != null ? this.props.multiline : false,
+      style: [styles.searchText, this.props.style, {
+        textAlignVertical: this.props.multiline ? 'top' : 'center'
+      }, this.props.minHeight && {
+        minHeight: this.props.minHeight
+      }],
+      value: this.props.value,
+      onChangeText: this.props.onChangeText,
+      keyboardType: this.props.keyboardType,
+      returnKeyType: this.props.returnKeyType,
+      selectionColor: TEXT_DARK,
+      underlineColorAndroid: "rgba(0,0,0,0)",
+      editable: this.props.editable != null ? this.props.editable : true,
+      autoCapitalize: this.props.autoCapitalize || 'none',
+      onKeyPress: this.props.onKeyPress,
+      onSubmitEditing: this.props.onSubmitEditing,
+      onFocus: this.props.onFocus,
+      onBlur: this.props.onBlur,
+      secureTextEntry: this.props.secureTextEntry && !this.state.showSecureText
+    }), this.renderRightIcon());
+  }
+}
+const styles = {
+  searchInputContainer: {
+    flex: 1,
+    borderRadius: 25,
+    backgroundColor: '#ebeff2',
+    alignItems: 'center',
+    flexDirection: 'row',
+    paddingHorizontal: 16
+  },
+  squaredSearchInputContainer: {
+    borderRadius: 5,
+    paddingHorizontal: 8
+  },
+  searchIcon: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    marginRight: 8
+  },
+  clearIcon: {
+    fontSize: 14,
+    color: TEXT_LIGHT,
+    marginLeft: 8,
+    marginTop: 8,
+    marginBottom: 8
+  },
+  secureIcon: {
+    fontSize: 20
+  },
+  searchText: {
+    color: TEXT_DARKEST,
+    fontFamily: 'sf-regular',
+    fontSize: 16,
+    flex: 1
+  }
+};
+export { GenericInput };
+//# sourceMappingURL=GenericInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","_","TextInput","View","TouchableWithoutFeedback","Icon","TEXT_LIGHT","TEXT_DARK","TEXT_DARKEST","Pl60Icon","GenericInput","constructor","props","state","showSecureText","blur","refs","input","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","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 { Icon } from 'react-native-elements';\nimport { TEXT_LIGHT, TEXT_DARK, TEXT_DARKEST } from '../colours';\nimport { Pl60Icon } from '../fonts';\n\nclass GenericInput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      showSecureText: false,\n    };\n  }\n\n  blur() {\n    this.refs.input.blur();\n  }\n\n  toggleSecureText() {\n    this.setState({\n      showSecureText: !this.state.showSecureText,\n    });\n  }\n\n  renderLeftIcon() {\n    if (!this.props.icon) {\n      return null;\n    }\n    if (this.props.iconType && this.props.iconType === 'pl60') {\n      return <Pl60Icon name={this.props.icon} style={styles.searchIcon} />;\n    }\n    return <Icon type=\"font-awesome\" name={this.props.icon} iconStyle={styles.searchIcon} />;\n  }\n\n  renderRightIcon() {\n    if (this.props.secureTextEntry) {\n      return (\n        <TouchableWithoutFeedback onPress={this.toggleSecureText.bind(this)}>\n          <Pl60Icon name={this.state.showSecureText ? 'hide' : 'show'} style={[styles.clearIcon, styles.secureIcon]} />\n        </TouchableWithoutFeedback>\n      );\n    }\n    if (this.props.rightIcon) {\n      if (this.props.rightIconAction) {\n        return (\n          <TouchableWithoutFeedback onPress={this.props.rightIconAction}>\n            <Icon type=\"font-awesome\" name={this.props.rightIcon} iconStyle={styles.clearIcon} />\n          </TouchableWithoutFeedback>\n        );\n      }\n      return <Icon type=\"font-awesome\" name={this.props.rightIcon} iconStyle={styles.clearIcon} />;\n    }\n    if (this.props.hasClear && !_.isEmpty(this.props.value)) {\n      return (\n        <TouchableWithoutFeedback\n          onPress={() => {\n            this.props.onChangeText('');\n          }}\n        >\n          <Pl60Icon name=\"clear\" style={styles.clearIcon} />\n        </TouchableWithoutFeedback>\n      );\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <View\n        style={[\n          styles.searchInputContainer,\n          this.props.squaredCorners && styles.squaredSearchInputContainer,\n          this.props.autoGrow ? { paddingVertical: 8, minHeight: 40 } : { height: 36 },\n          this.props.containerStyle,\n        ]}\n      >\n        {this.renderLeftIcon()}\n        <TextInput\n          ref=\"input\"\n          placeholder={this.props.placeholder}\n          placeholderTextColor={TEXT_LIGHT}\n          autoCorrect={this.props.autoCorrect != null ? this.props.autoCorrect : false}\n          autoFocus={this.props.autoFocus != null ? this.props.autoFocus : false}\n          autoGrow={this.props.autoGrow != null ? this.props.autoGrow : false}\n          multiline={this.props.multiline != null ? this.props.multiline : false}\n          style={[\n            styles.searchText,\n            this.props.style,\n            { textAlignVertical: this.props.multiline ? 'top' : 'center' },\n            this.props.minHeight && { minHeight: this.props.minHeight },\n          ]}\n          value={this.props.value}\n          onChangeText={this.props.onChangeText}\n          keyboardType={this.props.keyboardType}\n          returnKeyType={this.props.returnKeyType}\n          selectionColor={TEXT_DARK}\n          underlineColorAndroid=\"rgba(0,0,0,0)\"\n          editable={this.props.editable != null ? this.props.editable : true}\n          autoCapitalize={this.props.autoCapitalize || 'none'}\n          onKeyPress={this.props.onKeyPress}\n          onSubmitEditing={this.props.onSubmitEditing}\n          onFocus={this.props.onFocus}\n          onBlur={this.props.onBlur}\n          secureTextEntry={this.props.secureTextEntry && !this.state.showSecureText}\n        />\n        {this.renderRightIcon()}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  searchInputContainer: {\n    flex: 1,\n    borderRadius: 25,\n    backgroundColor: '#ebeff2',\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 16,\n  },\n  squaredSearchInputContainer: {\n    borderRadius: 5,\n    paddingHorizontal: 8,\n  },\n  searchIcon: {\n    fontSize: 14,\n    color: TEXT_LIGHT,\n    marginRight: 8,\n  },\n  clearIcon: {\n    fontSize: 14,\n    color: TEXT_LIGHT,\n    marginLeft: 8,\n    marginTop: 8,\n    marginBottom: 8,\n  },\n  secureIcon: {\n    fontSize: 20,\n  },\n  searchText: {\n    color: TEXT_DARKEST,\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n    flex: 1,\n  },\n};\n\nexport { GenericInput };\n"],"mappings":"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"}

package/dist/module/components/GenericInputSection.js

@@ -0,0 +1,158 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { PureComponent } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { connect } from 'react-redux';
+import { GenericInput } from './GenericInput';
+import { TEXT_DARKEST, COLOUR_GREEN, COLOUR_GRAPEFRUIT, getMainBrandingColourFromState } from '../colours';
+import { RadioButton } from './RadioButton';
+class GenericInputSection extends PureComponent {
+  renderValidationDot() {
+    if (!this.props.required) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.validatorDot, this.props.isValid() ? styles.validatorTrue : styles.validatorFalse]
+    });
+  }
+  renderLabel() {
+    if (!this.props.label) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.labelContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.labelText, this.props.labelStyle]
+    }, this.props.label), this.renderValidationDot());
+  }
+  renderRadioOption(label, value, isActive, onChange, style) {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => onChange(value),
+      key: label,
+      style: [styles.radioOption, style],
+      hitSlop: {
+        top: 8,
+        left: 8,
+        bottom: 8,
+        right: 8
+      }
+    }, /*#__PURE__*/React.createElement(RadioButton, {
+      onPress: () => onChange(value),
+      isActive: isActive,
+      iconSize: 22,
+      style: styles.radioOptionButton
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.radioOptionText
+    }, label));
+  }
+  renderInput() {
+    if (this.props.children) {
+      return this.props.children;
+    }
+    if (this.props.inputType === 'toggle') {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.radioOptionsContainer
+      }, this.renderRadioOption('Yes', true, this.props.value === true, this.props.onChange), this.renderRadioOption('No', false, this.props.value === false, this.props.onChange));
+    }
+    if (this.props.inputType === 'radio') {
+      return /*#__PURE__*/React.createElement(View, null, this.props.options.map(o => {
+        return this.renderRadioOption(o.Label, o.Value, this.props.value === o.Value, this.props.onChange, styles.radioOptionVertical);
+      }));
+    }
+    if (this.props.inputType === 'optionSelector') {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: this.props.onPress
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.optionSelector
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.optionSelectorText
+      }, this.props.value), /*#__PURE__*/React.createElement(Icon, {
+        name: "angle-right",
+        type: "font-awesome",
+        iconStyle: [styles.optionSelectorIcon, {
+          color: this.props.colourBrandingMain
+        }]
+      })));
+    }
+    return /*#__PURE__*/React.createElement(GenericInput, _extends({}, this.props, {
+      containerStyle: [styles.input, this.props.containerStyle]
+    }));
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.sectionStyle]
+    }, this.renderLabel(), this.renderInput());
+  }
+}
+const styles = {
+  container: {},
+  labelContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  labelText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+    color: TEXT_DARKEST
+  },
+  input: {
+    marginTop: 8
+  },
+  validatorDot: {
+    height: 6,
+    width: 6,
+    borderRadius: 3,
+    marginLeft: 8
+  },
+  validatorTrue: {
+    backgroundColor: COLOUR_GREEN
+  },
+  validatorFalse: {
+    backgroundColor: COLOUR_GRAPEFRUIT
+  },
+  radioOptionsContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8
+  },
+  radioOptionVertical: {
+    marginTop: 16
+  },
+  radioOption: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginRight: 24
+  },
+  radioOptionButton: {
+    marginRight: 8
+  },
+  radioOptionText: {
+    fontFamily: 'sf-medium',
+    fontSize: 14,
+    color: TEXT_DARKEST
+  },
+  optionSelector: {
+    marginTop: 8,
+    flex: 1,
+    height: 36,
+    backgroundColor: '#ebeff2',
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    borderRadius: 5,
+    paddingHorizontal: 8
+  },
+  optionSelectorText: {
+    color: TEXT_DARKEST,
+    fontFamily: 'sf-regular',
+    fontSize: 16
+  }
+};
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+const genericInputSection = connect(mapStateToProps, {})(GenericInputSection);
+export { genericInputSection as GenericInputSection };
+//# sourceMappingURL=GenericInputSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","View","Text","TouchableOpacity","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","render","container","sectionStyle","flexDirection","alignItems","fontFamily","fontSize","marginTop","height","width","borderRadius","marginLeft","backgroundColor","marginRight","flex","justifyContent","paddingHorizontal","mapStateToProps","state","genericInputSection"],"sources":["GenericInputSection.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, Text, TouchableOpacity } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { connect } from 'react-redux';\nimport { GenericInput } from './GenericInput';\nimport { TEXT_DARKEST, COLOUR_GREEN, COLOUR_GRAPEFRUIT, getMainBrandingColourFromState } from '../colours';\nimport { RadioButton } from './RadioButton';\n\nclass GenericInputSection extends PureComponent {\n  renderValidationDot() {\n    if (!this.props.required) {\n      return null;\n    }\n    return <View style={[styles.validatorDot, this.props.isValid() ? styles.validatorTrue : styles.validatorFalse]} />;\n  }\n\n  renderLabel() {\n    if (!this.props.label) {\n      return null;\n    }\n    return (\n      <View style={styles.labelContainer}>\n        <Text style={[styles.labelText, this.props.labelStyle]}>{this.props.label}</Text>\n        {this.renderValidationDot()}\n      </View>\n    );\n  }\n\n  renderRadioOption(label, value, isActive, onChange, style) {\n    return (\n      <TouchableOpacity\n        onPress={() => onChange(value)}\n        key={label}\n        style={[styles.radioOption, style]}\n        hitSlop={{ top: 8, left: 8, bottom: 8, right: 8 }}\n      >\n        <RadioButton onPress={() => onChange(value)} isActive={isActive} iconSize={22} style={styles.radioOptionButton} />\n        <Text style={styles.radioOptionText}>{label}</Text>\n      </TouchableOpacity>\n    );\n  }\n\n  renderInput() {\n    if (this.props.children) {\n      return this.props.children;\n    }\n    if (this.props.inputType === 'toggle') {\n      return (\n        <View style={styles.radioOptionsContainer}>\n          {this.renderRadioOption('Yes', true, this.props.value === true, this.props.onChange)}\n          {this.renderRadioOption('No', false, this.props.value === false, this.props.onChange)}\n        </View>\n      );\n    }\n    if (this.props.inputType === 'radio') {\n      return (\n        <View>\n          {this.props.options.map(o => {\n            return this.renderRadioOption(o.Label, o.Value, this.props.value === o.Value, this.props.onChange, styles.radioOptionVertical);\n          })}\n        </View>\n      );\n    }\n    if (this.props.inputType === 'optionSelector') {\n      return (\n        <TouchableOpacity onPress={this.props.onPress}>\n          <View style={styles.optionSelector}>\n            <Text style={styles.optionSelectorText}>{this.props.value}</Text>\n            <Icon\n              name=\"angle-right\"\n              type=\"font-awesome\"\n              iconStyle={[styles.optionSelectorIcon, { color: this.props.colourBrandingMain }]}\n            />\n          </View>\n        </TouchableOpacity>\n      );\n    }\n    return <GenericInput {...this.props} containerStyle={[styles.input, this.props.containerStyle]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.sectionStyle]}>\n        {this.renderLabel()}\n        {this.renderInput()}\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {},\n  labelContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  labelText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    color: TEXT_DARKEST,\n  },\n  input: {\n    marginTop: 8,\n  },\n  validatorDot: {\n    height: 6,\n    width: 6,\n    borderRadius: 3,\n    marginLeft: 8,\n  },\n  validatorTrue: {\n    backgroundColor: COLOUR_GREEN,\n  },\n  validatorFalse: {\n    backgroundColor: COLOUR_GRAPEFRUIT,\n  },\n  radioOptionsContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginTop: 8,\n  },\n  radioOptionVertical: {\n    marginTop: 16,\n  },\n  radioOption: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginRight: 24,\n  },\n  radioOptionButton: {\n    marginRight: 8,\n  },\n  radioOptionText: {\n    fontFamily: 'sf-medium',\n    fontSize: 14,\n    color: TEXT_DARKEST,\n  },\n  optionSelector: {\n    marginTop: 8,\n    flex: 1,\n    height: 36,\n    backgroundColor: '#ebeff2',\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    borderRadius: 5,\n    paddingHorizontal: 8,\n  },\n  optionSelectorText: {\n    color: TEXT_DARKEST,\n    fontFamily: 'sf-regular',\n    fontSize: 16,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst genericInputSection = connect(mapStateToProps, {})(GenericInputSection);\nexport { genericInputSection as GenericInputSection };\n"],"mappings":"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"}