@churchapps/apphelper 0.2.35 → 0.2.36
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.
|
@@ -53,17 +53,17 @@ const QuestionEdit = (_a) => {
|
|
|
53
53
|
let answerValue = (props.answer === null) ? "" : props.answer.value;
|
|
54
54
|
switch (q.fieldType) {
|
|
55
55
|
case "Textbox":
|
|
56
|
-
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
56
|
+
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, InputLabelProps: { sx: { fontWeight: "bold" } }, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
57
57
|
break;
|
|
58
58
|
case "Multiple Choice": {
|
|
59
59
|
input = (react_1.default.createElement(material_1.FormControl, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {} },
|
|
60
|
-
react_1.default.createElement(material_1.InputLabel,
|
|
60
|
+
react_1.default.createElement(material_1.InputLabel, { sx: { fontWeight: "bold" } }, q.title),
|
|
61
61
|
react_1.default.createElement(material_1.Select, { fullWidth: true, label: q.title, value: answerValue, onChange: handleChange }, choiceOptions)));
|
|
62
62
|
break;
|
|
63
63
|
}
|
|
64
64
|
case "Yes/No": {
|
|
65
65
|
input = (react_1.default.createElement(material_1.FormControl, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {} },
|
|
66
|
-
react_1.default.createElement(material_1.InputLabel,
|
|
66
|
+
react_1.default.createElement(material_1.InputLabel, { sx: { fontWeight: "bold" } }, q.title),
|
|
67
67
|
react_1.default.createElement(material_1.Select, { fullWidth: true, label: q.title, value: answerValue, onChange: handleChange },
|
|
68
68
|
react_1.default.createElement(material_1.MenuItem, { value: "False" }, "No"),
|
|
69
69
|
react_1.default.createElement(material_1.MenuItem, { value: "True" }, "Yes"))));
|
|
@@ -71,25 +71,25 @@ const QuestionEdit = (_a) => {
|
|
|
71
71
|
}
|
|
72
72
|
case "Checkbox": {
|
|
73
73
|
input = (react_1.default.createElement(material_1.FormControl, { fullWidth: true, sx: { marginLeft: 1 } },
|
|
74
|
-
react_1.default.createElement(material_1.FormLabel,
|
|
74
|
+
react_1.default.createElement(material_1.FormLabel, { sx: { fontWeight: "bold" } }, q.title),
|
|
75
75
|
react_1.default.createElement(material_1.FormGroup, null, choiceOptions)));
|
|
76
76
|
break;
|
|
77
77
|
}
|
|
78
78
|
case "Whole Number":
|
|
79
79
|
case "Decimal":
|
|
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 });
|
|
80
|
+
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, type: "number", InputLabelProps: { shrink: true, sx: { fontWeight: "bold" } }, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
81
81
|
break;
|
|
82
82
|
case "Date":
|
|
83
|
-
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, type: "date", InputLabelProps: { shrink: true }, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
83
|
+
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, type: "date", InputLabelProps: { shrink: true, sx: { fontWeight: "bold" } }, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
84
84
|
break;
|
|
85
85
|
case "Phone Number":
|
|
86
|
-
input = react_1.default.createElement(mui_tel_input_1.MuiTelInput, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, label: q.title, placeholder: "", value: answerValue, onChange: (value) => { props.changeFunction(props.question.id, value); }, defaultCountry: "US", focusOnSelectCountry: true, excludedCountries: ["TA", "AC"] });
|
|
86
|
+
input = react_1.default.createElement(mui_tel_input_1.MuiTelInput, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, InputLabelProps: { sx: { fontWeight: "bold" } }, label: q.title, placeholder: "", value: answerValue, onChange: (value) => { props.changeFunction(props.question.id, value); }, defaultCountry: "US", focusOnSelectCountry: true, excludedCountries: ["TA", "AC"] });
|
|
87
87
|
break;
|
|
88
88
|
case "Email":
|
|
89
|
-
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, type: "email", label: q.title, placeholder: "john@doe.com", value: answerValue, onChange: handleChange });
|
|
89
|
+
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, type: "email", InputLabelProps: { sx: { fontWeight: "bold" } }, label: q.title, placeholder: "john@doe.com", value: answerValue, onChange: handleChange });
|
|
90
90
|
break;
|
|
91
91
|
case "Text Area":
|
|
92
|
-
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, multiline: true, rows: 4, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
92
|
+
input = react_1.default.createElement(material_1.TextField, { fullWidth: true, style: noBackground ? { backgroundColor: "white", borderRadius: "4px" } : {}, multiline: true, rows: 4, InputLabelProps: { sx: { fontWeight: "bold" } }, label: q.title, placeholder: q.placeholder, value: answerValue, onChange: handleChange });
|
|
93
93
|
break;
|
|
94
94
|
default: return null;
|
|
95
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionEdit.js","sourceRoot":"","sources":["../../src/components/QuestionEdit.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"QuestionEdit.js","sourceRoot":"","sources":["../../src/components/QuestionEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAE5C,4CAA0J;AASnJ,MAAM,YAAY,GAAoB,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAC,YAAY,GAAG,KAAK,OAAW,EAAN,KAAK,cAA/B,gBAAgC,CAAD;IAC3E,MAAM,YAAY,GAAG,CAAC,CAA4G,EAAE,EAAE;QACpI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC7D,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACpB,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACrC;aAAM;YACL,MAAM,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACnD,eAAe,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;SAChC;QACD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC,CAAA;IAED,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;IAEvB,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS;QAAE,OAAO,0CAAK,CAAC,CAAC,KAAK,CAAM,CAAC;SACpD;QACH,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,IAAI,aAAa,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,CAAC,OAAO,KAAK,SAAS,IAAI,CAAC,CAAC,OAAO,KAAK,IAAI,EAAE;YACjD,IAAI,CAAC,CAAC,SAAS,KAAK,iBAAiB,EAAE;gBACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;oBAAE,aAAa,CAAC,IAAI,CAAC,8BAAC,mBAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAY,CAAC,CAAC;aAC5I;iBAAM,IAAI,CAAC,CAAC,SAAS,KAAK,UAAU,EAAE;gBACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;oBAAE,aAAa,CAAC,IAAI,CAAC,8BAAC,2BAAgB,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,8BAAC,mBAAQ,IAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAI,GAAI,CAAC,CAAC;aAC/L;SACF;QAED,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QACnE,QAAQ,CAAC,CAAC,SAAS,EAAE;YACnB,KAAK,SAAS;gBAAE,KAAK,GAAG,8BAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;gBAAC,MAAM;YAC5Q,KAAK,iBAAiB,CAAC,CAAC;gBACtB,KAAK,GAAG,CACN,8BAAC,sBAAW,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE;oBAC/F,8BAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,CAAC,CAAC,KAAK,CAAc;oBAC9D,8BAAC,iBAAM,IAAC,SAAS,QAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,IAAG,aAAa,CAAU,CAC1F,CAAC,CAAC;gBAClB,MAAM;aACP;YACD,KAAK,QAAQ,CAAC,CAAC;gBACb,KAAK,GAAG,CACN,8BAAC,sBAAW,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE;oBAC/F,8BAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,CAAC,CAAC,KAAK,CAAc;oBAC9D,8BAAC,iBAAM,IAAC,SAAS,QAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY;wBAC1E,8BAAC,mBAAQ,IAAC,KAAK,EAAC,OAAO,SAAc;wBACrC,8BAAC,mBAAQ,IAAC,KAAK,EAAC,MAAM,UAAe,CAC9B,CACG,CAAC,CAAC;gBAClB,MAAM;aACP;YACD,KAAK,UAAU,CAAC,CAAC;gBACf,KAAK,GAAG,CACN,8BAAC,sBAAW,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;oBAC1C,8BAAC,oBAAS,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,CAAC,CAAC,KAAK,CAAa;oBAC5D,8BAAC,oBAAS,QACP,aAAa,CACJ,CACA,CACf,CAAC;gBACF,MAAM;aACP;YACD,KAAK,cAAc,CAAC;YACpB,KAAK,SAAS;gBACZ,KAAK,GAAG,8BAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;gBACjR,MAAM;YACR,KAAK,MAAM;gBAAE,KAAK,GAAG,8BAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;gBAAC,MAAM;YACnS,KAAK,cAAc;gBAAE,KAAK,GAAG,8BAAC,2BAAW,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAC,EAAE,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,EAAC,IAAI,EAAC,oBAAoB,QAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,GAAI,CAAC;gBAAC,MAAM;YAClY,KAAK,OAAO;gBAAE,KAAK,GAAG,8BAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAC,cAAc,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;gBAAC,MAAM;YACtR,KAAK,WAAW;gBAAE,KAAK,GAAG,8BAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,QAAC,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;gBAAC,MAAM;YACjS,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC;SACtB;QACD,OAAO,KAAK,CAAC;KACd;AAEH,CAAC,CAAA;AA5EY,QAAA,YAAY,gBA4ExB"}
|
package/package.json
CHANGED
|
@@ -42,11 +42,11 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
42
42
|
|
|
43
43
|
let answerValue = (props.answer === null) ? "" : props.answer.value
|
|
44
44
|
switch (q.fieldType) {
|
|
45
|
-
case "Textbox": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />; break;
|
|
45
|
+
case "Textbox": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} InputLabelProps={{ sx: { fontWeight: "bold" } }} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />; break;
|
|
46
46
|
case "Multiple Choice": {
|
|
47
47
|
input = (
|
|
48
48
|
<FormControl fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}}>
|
|
49
|
-
<InputLabel>{q.title}</InputLabel>
|
|
49
|
+
<InputLabel sx={{ fontWeight: "bold" }}>{q.title}</InputLabel>
|
|
50
50
|
<Select fullWidth label={q.title} value={answerValue} onChange={handleChange}>{choiceOptions}</Select>
|
|
51
51
|
</FormControl>);
|
|
52
52
|
break;
|
|
@@ -54,7 +54,7 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
54
54
|
case "Yes/No": {
|
|
55
55
|
input = (
|
|
56
56
|
<FormControl fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}}>
|
|
57
|
-
<InputLabel>{q.title}</InputLabel>
|
|
57
|
+
<InputLabel sx={{ fontWeight: "bold" }}>{q.title}</InputLabel>
|
|
58
58
|
<Select fullWidth label={q.title} value={answerValue} onChange={handleChange}>
|
|
59
59
|
<MenuItem value="False">No</MenuItem>
|
|
60
60
|
<MenuItem value="True">Yes</MenuItem>
|
|
@@ -65,7 +65,7 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
65
65
|
case "Checkbox": {
|
|
66
66
|
input = (
|
|
67
67
|
<FormControl fullWidth sx={{ marginLeft: 1 }}>
|
|
68
|
-
<FormLabel>{q.title}</FormLabel>
|
|
68
|
+
<FormLabel sx={{ fontWeight: "bold" }}>{q.title}</FormLabel>
|
|
69
69
|
<FormGroup>
|
|
70
70
|
{choiceOptions}
|
|
71
71
|
</FormGroup>
|
|
@@ -75,12 +75,12 @@ export const QuestionEdit: React.FC<Props> = ({noBackground = false, ...props})
|
|
|
75
75
|
}
|
|
76
76
|
case "Whole Number":
|
|
77
77
|
case "Decimal":
|
|
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} />;
|
|
78
|
+
input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} type="number" InputLabelProps={{ shrink: true, sx: { fontWeight: "bold" } }} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />;
|
|
79
79
|
break;
|
|
80
|
-
case "Date": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} type="date" InputLabelProps={{shrink: true}} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />; break;
|
|
81
|
-
case "Phone Number": input = <MuiTelInput fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} label={q.title} placeholder="" value={answerValue} onChange={(value) => { props.changeFunction(props.question.id, value); }} defaultCountry="US" focusOnSelectCountry excludedCountries={["TA", "AC"]} />; break;
|
|
82
|
-
case "Email": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} type="email" label={q.title} placeholder="john@doe.com" value={answerValue} onChange={handleChange} />; break;
|
|
83
|
-
case "Text Area": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} multiline rows={4} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />; break;
|
|
80
|
+
case "Date": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} type="date" InputLabelProps={{ shrink: true, sx: { fontWeight: "bold" } }} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />; break;
|
|
81
|
+
case "Phone Number": input = <MuiTelInput fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} InputLabelProps={{ sx: { fontWeight: "bold" } }} label={q.title} placeholder="" value={answerValue} onChange={(value) => { props.changeFunction(props.question.id, value); }} defaultCountry="US" focusOnSelectCountry excludedCountries={["TA", "AC"]} />; break;
|
|
82
|
+
case "Email": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} type="email" InputLabelProps={{ sx: { fontWeight: "bold" } }} label={q.title} placeholder="john@doe.com" value={answerValue} onChange={handleChange} />; break;
|
|
83
|
+
case "Text Area": input = <TextField fullWidth style={noBackground ? {backgroundColor: "white", borderRadius: "4px"} : {}} multiline rows={4} InputLabelProps={{ sx: { fontWeight: "bold" } }} label={q.title} placeholder={q.placeholder} value={answerValue} onChange={handleChange} />; break;
|
|
84
84
|
default: return null;
|
|
85
85
|
}
|
|
86
86
|
return input;
|