@plusscommunities/pluss-core-app 8.0.36 → 8.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/module/components/ConfirmationPopup.js +1 -1
  2. package/dist/module/components/ConfirmationPopup.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/components/ConfirmationPopup.js +71 -71
package/dist/module/components/ConfirmationPopup.js CHANGED
@@ -13,7 +13,7 @@ class ConfirmationPopup extends PureComponent {
13
13
  style: [styles.popup, this.props.style]
14
14
  }, /*#__PURE__*/React.createElement(FontAwesome, {
15
15
  style: styles.icon,
16
- name: "check-circle"
16
+ name: "circle-check"
17
17
  }), /*#__PURE__*/React.createElement(Text, {
18
18
  style: styles.text
19
19
  }, this.props.confirmText), this.props.onPressAction && /*#__PURE__*/React.createElement(InlineButton, {
package/dist/module/components/ConfirmationPopup.js.map CHANGED
@@ -1 +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\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":[]}
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":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plusscommunities/pluss-core-app",
3
- "version": "8.0.36",
3
+ "version": "8.0.37",
4
4
  "description": "Core extension package for Pluss Communities platform",
5
5
  "exports": {
6
6
  ".": {
package/src/components/ConfirmationPopup.js CHANGED
@@ -3,88 +3,88 @@ import { Text } from "./Text";
3
3
  import { connect } from "react-redux";
4
4
  import { FontAwesome } from "./Icon";
5
5
  import {
6
- COLOUR_GREEN,
7
- TEXT_DARK,
8
- getMainBrandingColourFromState,
6
+ COLOUR_GREEN,
7
+ TEXT_DARK,
8
+ getMainBrandingColourFromState,
9
9
  } from "../colours";
10
10
  import { MiddlePopup } from "./MiddlePopup";
11
11
  import { InlineButton } from "./InlineButton";
12
12
 
13
13
  class ConfirmationPopup extends PureComponent {
14
- render() {
15
- return (
16
- <MiddlePopup
17
- visible={this.props.visible}
18
- onClose={this.props.onClose}
19
- style={[styles.popup, this.props.style]}
20
- >
21
- <FontAwesome style={styles.icon} name="check-circle" />
22
- <Text style={styles.text}>{this.props.confirmText}</Text>
23
- {this.props.onPressAction && (
24
- <InlineButton
25
- onPress={this.props.onPressAction}
26
- color={this.props.colourBrandingMain}
27
- style={[
28
- styles.button,
29
- this.props.largeButtons && styles.largeButton,
30
- ]}
31
- large={this.props.largeButtons}
32
- >
33
- {this.props.repeatText}
34
- </InlineButton>
35
- )}
36
- <InlineButton
37
- onPress={this.props.onClose}
38
- color="#fff"
39
- style={[
40
- styles.button,
41
- styles.closeButton,
42
- this.props.largeButtons && styles.largeButton,
43
- { borderColor: this.props.colourBrandingMain },
44
- ]}
45
- textStyle={{ color: this.props.colourBrandingMain }}
46
- large={this.props.largeButtons}
47
- >
48
- Close
49
- </InlineButton>
50
- </MiddlePopup>
51
- );
52
- }
14
+ render() {
15
+ return (
16
+ <MiddlePopup
17
+ visible={this.props.visible}
18
+ onClose={this.props.onClose}
19
+ style={[styles.popup, this.props.style]}
20
+ >
21
+ <FontAwesome style={styles.icon} name="circle-check" />
22
+ <Text style={styles.text}>{this.props.confirmText}</Text>
23
+ {this.props.onPressAction && (
24
+ <InlineButton
25
+ onPress={this.props.onPressAction}
26
+ color={this.props.colourBrandingMain}
27
+ style={[
28
+ styles.button,
29
+ this.props.largeButtons && styles.largeButton,
30
+ ]}
31
+ large={this.props.largeButtons}
32
+ >
33
+ {this.props.repeatText}
34
+ </InlineButton>
35
+ )}
36
+ <InlineButton
37
+ onPress={this.props.onClose}
38
+ color="#fff"
39
+ style={[
40
+ styles.button,
41
+ styles.closeButton,
42
+ this.props.largeButtons && styles.largeButton,
43
+ { borderColor: this.props.colourBrandingMain },
44
+ ]}
45
+ textStyle={{ color: this.props.colourBrandingMain }}
46
+ large={this.props.largeButtons}
47
+ >
48
+ Close
49
+ </InlineButton>
50
+ </MiddlePopup>
51
+ );
52
+ }
53
53
  }
54
54
 
55
55
  const styles = {
56
- popup: {
57
- width: 280,
58
- paddingVertical: 40,
59
- },
60
- icon: {
61
- fontSize: 52,
62
- color: COLOUR_GREEN,
63
- },
64
- text: {
65
- fontFamily: "sf-bold",
66
- fontSize: 24,
67
- lineHeight: 24,
68
- color: TEXT_DARK,
69
- textAlign: "center",
70
- marginTop: 8,
71
- },
72
- button: {
73
- width: 150,
74
- marginTop: 20,
75
- },
76
- closeButton: {
77
- borderWidth: 1,
78
- },
79
- largeButton: {
80
- width: 250,
81
- },
56
+ popup: {
57
+ width: 280,
58
+ paddingVertical: 40,
59
+ },
60
+ icon: {
61
+ fontSize: 52,
62
+ color: COLOUR_GREEN,
63
+ },
64
+ text: {
65
+ fontFamily: "sf-bold",
66
+ fontSize: 24,
67
+ lineHeight: 24,
68
+ color: TEXT_DARK,
69
+ textAlign: "center",
70
+ marginTop: 8,
71
+ },
72
+ button: {
73
+ width: 150,
74
+ marginTop: 20,
75
+ },
76
+ closeButton: {
77
+ borderWidth: 1,
78
+ },
79
+ largeButton: {
80
+ width: 250,
81
+ },
82
82
  };
83
83
 
84
84
  const mapStateToProps = (state) => {
85
- return {
86
- colourBrandingMain: getMainBrandingColourFromState(state),
87
- };
85
+ return {
86
+ colourBrandingMain: getMainBrandingColourFromState(state),
87
+ };
88
88
  };
89
89
 
90
90
  const confirmationPopup = connect(mapStateToProps, {})(ConfirmationPopup);