@churchapps/apphelper 0.2.22 → 0.2.24
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionEdit.d.ts","sourceRoot":"","sources":["../../src/components/QuestionEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,UAAU,KAAK;IACb,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"QuestionEdit.d.ts","sourceRoot":"","sources":["../../src/components/QuestionEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,UAAU,KAAK;IACb,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ExC,CAAA"}
|
|
@@ -23,6 +23,17 @@ const QuestionEdit = (_a) => {
|
|
|
23
23
|
const handleChange = (e) => {
|
|
24
24
|
props.changeFunction(props.question.id, e.target.value);
|
|
25
25
|
};
|
|
26
|
+
const handleCheck = (e) => {
|
|
27
|
+
const selectedOptions = props.answer.value ? props.answer.value.split(",") : [];
|
|
28
|
+
if (e.target.checked) {
|
|
29
|
+
selectedOptions.push(e.target.name);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
const idx = selectedOptions.indexOf(e.target.name);
|
|
33
|
+
selectedOptions.splice(idx, 1);
|
|
34
|
+
}
|
|
35
|
+
props.changeFunction(props.question.id, selectedOptions.join());
|
|
36
|
+
};
|
|
26
37
|
let q = props.question;
|
|
27
38
|
if (q.fieldType === "Heading")
|
|
28
39
|
return react_1.default.createElement("h5", null, q.title);
|
|
@@ -30,8 +41,14 @@ const QuestionEdit = (_a) => {
|
|
|
30
41
|
let input = null;
|
|
31
42
|
let choiceOptions = [];
|
|
32
43
|
if (q.choices !== undefined && q.choices !== null) {
|
|
33
|
-
|
|
34
|
-
|
|
44
|
+
if (q.fieldType === "Multiple Choice") {
|
|
45
|
+
for (let i = 0; i < q.choices.length; i++)
|
|
46
|
+
choiceOptions.push(react_1.default.createElement(material_1.MenuItem, { key: i, value: q.choices[i].value }, q.choices[i].text));
|
|
47
|
+
}
|
|
48
|
+
else if (q.fieldType === "Checkbox") {
|
|
49
|
+
for (let i = 0; i < q.choices.length; i++)
|
|
50
|
+
choiceOptions.push(react_1.default.createElement(material_1.FormControlLabel, { key: i, label: q.choices[i].text, control: react_1.default.createElement(material_1.Checkbox, { onChange: handleCheck, name: q.choices[i].value }) }));
|
|
51
|
+
}
|
|
35
52
|
}
|
|
36
53
|
let answerValue = (props.answer === null) ? "" : props.answer.value;
|
|
37
54
|
switch (q.fieldType) {
|
|
@@ -52,6 +69,12 @@ const QuestionEdit = (_a) => {
|
|
|
52
69
|
react_1.default.createElement(material_1.MenuItem, { value: "True" }, "Yes"))));
|
|
53
70
|
break;
|
|
54
71
|
}
|
|
72
|
+
case "Checkbox": {
|
|
73
|
+
input = (react_1.default.createElement(material_1.FormControl, { fullWidth: true, sx: { marginLeft: 1 } },
|
|
74
|
+
react_1.default.createElement(material_1.FormLabel, null, q.title),
|
|
75
|
+
react_1.default.createElement(material_1.FormGroup, null, choiceOptions)));
|
|
76
|
+
break;
|
|
77
|
+
}
|
|
55
78
|
case "Whole Number":
|
|
56
79
|
case "Decimal":
|
|
57
80
|
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, type: "number", InputLabelProps: { shrink: true }, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionEdit.js","sourceRoot":"","sources":["../../src/components/QuestionEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAE5C,
|
|
1
|
+
{"version":3,"file":"QuestionEdit.js","sourceRoot":"","sources":["../../src/components/QuestionEdit.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@churchapps/apphelper",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.24",
|
|
4
4
|
"description": "Library of helper functions for React and NextJS ChurchApps",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react-router-dom": "^6.15.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@churchapps/helpers": "^1.0.
|
|
37
|
+
"@churchapps/helpers": "^1.0.20",
|
|
38
38
|
"@emotion/cache": "^11.11.0",
|
|
39
39
|
"@emotion/react": "^11.11.1",
|
|
40
40
|
"@emotion/styled": "^11.11.0",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { MuiTelInput } from "mui-tel-input";
|
|
3
3
|
import { AnswerInterface, QuestionInterface } from "@churchapps/helpers";
|
|
4
|
-
import { Select, MenuItem, SelectChangeEvent, FormControl, InputLabel, TextField } from "@mui/material";
|
|
4
|
+
import { Checkbox, Select, MenuItem, SelectChangeEvent, FormControl, InputLabel, TextField, FormLabel, FormGroup, FormControlLabel } from "@mui/material";
|
|
5
5
|
|
|
6
6
|
interface Props {
|
|
7
7
|
answer: AnswerInterface
|
|
@@ -14,6 +14,18 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
14
14
|
const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | SelectChangeEvent<string>) => {
|
|
15
15
|
props.changeFunction(props.question.id, e.target.value);
|
|
16
16
|
}
|
|
17
|
+
|
|
18
|
+
const handleCheck = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
19
|
+
const selectedOptions = props.answer.value ? props.answer.value.split(",") : [];
|
|
20
|
+
if (e.target.checked) {
|
|
21
|
+
selectedOptions.push(e.target.name);
|
|
22
|
+
} else {
|
|
23
|
+
const idx = selectedOptions.indexOf(e.target.name);
|
|
24
|
+
selectedOptions.splice(idx, 1);
|
|
25
|
+
}
|
|
26
|
+
props.changeFunction(props.question.id, selectedOptions.join());
|
|
27
|
+
}
|
|
28
|
+
|
|
17
29
|
let q = props.question;
|
|
18
30
|
|
|
19
31
|
if (q.fieldType === "Heading") return <h5>{q.title}</h5>;
|
|
@@ -21,7 +33,11 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
21
33
|
let input = null;
|
|
22
34
|
let choiceOptions = [];
|
|
23
35
|
if (q.choices !== undefined && q.choices !== null) {
|
|
24
|
-
|
|
36
|
+
if (q.fieldType === "Multiple Choice") {
|
|
37
|
+
for (let i = 0; i < q.choices.length; i++) choiceOptions.push(<MenuItem key={i} value={q.choices[i].value}>{q.choices[i].text}</MenuItem>);
|
|
38
|
+
} else if (q.fieldType === "Checkbox") {
|
|
39
|
+
for (let i = 0; i < q.choices.length; i++) choiceOptions.push(<FormControlLabel key={i} label={q.choices[i].text} control={<Checkbox onChange={handleCheck} name={q.choices[i].value} />} />);
|
|
40
|
+
}
|
|
25
41
|
}
|
|
26
42
|
|
|
27
43
|
let answerValue = (props.answer === null) ? "" : props.answer.value
|
|
@@ -46,6 +62,17 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
46
62
|
</FormControl>);
|
|
47
63
|
break;
|
|
48
64
|
}
|
|
65
|
+
case "Checkbox": {
|
|
66
|
+
input = (
|
|
67
|
+
<FormControl fullWidth sx={{ marginLeft: 1 }}>
|
|
68
|
+
<FormLabel>{q.title}</FormLabel>
|
|
69
|
+
<FormGroup>
|
|
70
|
+
{choiceOptions}
|
|
71
|
+
</FormGroup>
|
|
72
|
+
</FormControl>
|
|
73
|
+
);
|
|
74
|
+
break;
|
|
75
|
+
}
|
|
49
76
|
case "Whole Number":
|
|
50
77
|
case "Decimal":
|
|
51
78
|
input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} type="number" InputLabelProps={{shrink: true}} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />;
|