@roqua/quby-frontend 0.5.0 → 0.5.2
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.
- package/CHANGELOG.md +8 -0
- package/lib/components/AnswerPage.js +16 -9
- package/lib/components/AnswerPage.js.map +1 -1
- package/lib/components/MainLabel.js +11 -4
- package/lib/components/MainLabel.js.map +1 -1
- package/lib/components/Paginator.js +27 -20
- package/lib/components/Paginator.js.map +1 -1
- package/lib/components/PanelContent.js +14 -7
- package/lib/components/PanelContent.js.map +1 -1
- package/lib/components/PanelItem.js +15 -8
- package/lib/components/PanelItem.js.map +1 -1
- package/lib/components/ProgressBar.js +17 -10
- package/lib/components/ProgressBar.js.map +1 -1
- package/lib/components/Quby.js +14 -7
- package/lib/components/Quby.js.map +1 -1
- package/lib/components/QuestionDescription.js +10 -3
- package/lib/components/QuestionDescription.js.map +1 -1
- package/lib/components/QuestionWrapper.js +15 -8
- package/lib/components/QuestionWrapper.js.map +1 -1
- package/lib/components/ValidationErrors.js +15 -8
- package/lib/components/ValidationErrors.js.map +1 -1
- package/lib/components/index.js +14 -2
- package/lib/components/index.js.map +1 -1
- package/lib/components/items/HtmlItem.js +11 -4
- package/lib/components/items/HtmlItem.js.map +1 -1
- package/lib/components/items/QuestionItem.js +29 -22
- package/lib/components/items/QuestionItem.js.map +1 -1
- package/lib/components/items/UnknownItem.js +10 -3
- package/lib/components/items/UnknownItem.js.map +1 -1
- package/lib/components/questions/CheckBoxQuestion.js +31 -24
- package/lib/components/questions/CheckBoxQuestion.js.map +1 -1
- package/lib/components/questions/DatePartsQuestion.js +22 -15
- package/lib/components/questions/DatePartsQuestion.js.map +1 -1
- package/lib/components/questions/FloatQuestion.js +21 -14
- package/lib/components/questions/FloatQuestion.js.map +1 -1
- package/lib/components/questions/IntegerQuestion.js +21 -14
- package/lib/components/questions/IntegerQuestion.js.map +1 -1
- package/lib/components/questions/RadioQuestion.js +31 -24
- package/lib/components/questions/RadioQuestion.js.map +1 -1
- package/lib/components/questions/ScaleQuestion.js +31 -24
- package/lib/components/questions/ScaleQuestion.js.map +1 -1
- package/lib/components/questions/SelectQuestion.js +24 -16
- package/lib/components/questions/SelectQuestion.js.map +1 -1
- package/lib/components/questions/SliderQuestion.js +24 -17
- package/lib/components/questions/SliderQuestion.js.map +1 -1
- package/lib/components/questions/StringQuestion.js +20 -13
- package/lib/components/questions/StringQuestion.js.map +1 -1
- package/lib/components/questions/TextareaQuestion.js +20 -13
- package/lib/components/questions/TextareaQuestion.js.map +1 -1
- package/lib/core/index.js +17 -5
- package/lib/core/index.js.map +1 -1
- package/lib/core/mock_helpers.js +9 -3
- package/lib/core/mock_helpers.js.map +1 -1
- package/lib/core/questionnaire.js +7 -3
- package/lib/core/questionnaire.js.map +1 -1
- package/lib/core/questionnaire_json.js +5 -2
- package/lib/core/questionnaire_json.js.map +1 -1
- package/lib/core/response.js +16 -12
- package/lib/core/response.js.map +1 -1
- package/lib/core/response_json.js +16 -11
- package/lib/core/response_json.js.map +1 -1
- package/lib/core/validators.js +26 -11
- package/lib/core/validators.js.map +1 -1
- package/lib/core/visibility_rules.js +7 -2
- package/lib/core/visibility_rules.js.map +1 -1
- package/lib/i18n.js +10 -5
- package/lib/i18n.js.map +1 -1
- package/lib/index.js +15 -3
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,78 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.QuestionItem = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const StringQuestion_1 = require("../questions/StringQuestion");
|
|
9
|
+
const ScaleQuestion_1 = require("../questions/ScaleQuestion");
|
|
10
|
+
const RadioQuestion_1 = require("../questions/RadioQuestion");
|
|
11
|
+
const SelectQuestion_1 = require("../questions/SelectQuestion");
|
|
12
|
+
const DatePartsQuestion_1 = require("../questions/DatePartsQuestion");
|
|
13
|
+
const IntegerQuestion_1 = require("../questions/IntegerQuestion");
|
|
14
|
+
const FloatQuestion_1 = require("../questions/FloatQuestion");
|
|
15
|
+
const SliderQuestion_1 = require("../questions/SliderQuestion");
|
|
16
|
+
const TextareaQuestion_1 = require("../questions/TextareaQuestion");
|
|
17
|
+
const CheckBoxQuestion_1 = require("../questions/CheckBoxQuestion");
|
|
18
|
+
const QuestionItem = ({ questionnaire, response, fieldKey, setQuestionRef }) => {
|
|
13
19
|
const question = questionnaire.getField(fieldKey);
|
|
14
20
|
switch (question.as) {
|
|
15
21
|
case "string": {
|
|
16
22
|
const fieldState = response.getFieldState(fieldKey);
|
|
17
23
|
if (fieldState.hidden)
|
|
18
24
|
return null;
|
|
19
|
-
return
|
|
25
|
+
return react_1.default.createElement(StringQuestion_1.StringQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
20
26
|
}
|
|
21
27
|
case "scale": {
|
|
22
28
|
const fieldState = response.getFieldState(fieldKey);
|
|
23
29
|
if (fieldState.hidden)
|
|
24
30
|
return null;
|
|
25
|
-
return
|
|
31
|
+
return react_1.default.createElement(ScaleQuestion_1.ScaleQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
26
32
|
}
|
|
27
33
|
case "radio": {
|
|
28
34
|
const fieldState = response.getFieldState(fieldKey);
|
|
29
35
|
if (fieldState.hidden)
|
|
30
36
|
return null;
|
|
31
|
-
return
|
|
37
|
+
return react_1.default.createElement(RadioQuestion_1.RadioQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
32
38
|
}
|
|
33
39
|
case "select": {
|
|
34
40
|
const fieldState = response.getFieldState(fieldKey);
|
|
35
41
|
if (fieldState.hidden)
|
|
36
42
|
return null;
|
|
37
|
-
return
|
|
43
|
+
return react_1.default.createElement(SelectQuestion_1.SelectQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
38
44
|
}
|
|
39
45
|
case "date_parts": {
|
|
40
46
|
const fieldState = response.getFieldState(fieldKey);
|
|
41
47
|
if (fieldState.hidden)
|
|
42
48
|
return null;
|
|
43
|
-
return
|
|
49
|
+
return react_1.default.createElement(DatePartsQuestion_1.DatePartsQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
44
50
|
}
|
|
45
51
|
case "integer": {
|
|
46
52
|
const fieldState = response.getFieldState(fieldKey);
|
|
47
53
|
if (fieldState.hidden)
|
|
48
54
|
return null;
|
|
49
|
-
return
|
|
55
|
+
return react_1.default.createElement(IntegerQuestion_1.IntegerQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
50
56
|
}
|
|
51
57
|
case "float": {
|
|
52
58
|
const fieldState = response.getFieldState(fieldKey);
|
|
53
59
|
if (fieldState.hidden)
|
|
54
60
|
return null;
|
|
55
|
-
return
|
|
61
|
+
return react_1.default.createElement(FloatQuestion_1.FloatQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
56
62
|
}
|
|
57
63
|
case "slider": {
|
|
58
64
|
const fieldState = response.getFieldState(fieldKey);
|
|
59
65
|
if (fieldState.hidden)
|
|
60
66
|
return null;
|
|
61
|
-
return
|
|
67
|
+
return react_1.default.createElement(SliderQuestion_1.SliderQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
62
68
|
}
|
|
63
69
|
case "textarea": {
|
|
64
70
|
const fieldState = response.getFieldState(fieldKey);
|
|
65
71
|
if (fieldState.hidden)
|
|
66
72
|
return null;
|
|
67
|
-
return
|
|
73
|
+
return react_1.default.createElement(TextareaQuestion_1.TextareaQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
68
74
|
}
|
|
69
75
|
case "check_box": {
|
|
70
76
|
const fieldState = response.getFieldState(fieldKey);
|
|
71
77
|
if (fieldState.hidden)
|
|
72
78
|
return null;
|
|
73
|
-
return
|
|
79
|
+
return react_1.default.createElement(CheckBoxQuestion_1.CheckBoxQuestion, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef });
|
|
74
80
|
}
|
|
75
81
|
}
|
|
76
82
|
throw new Error(`unknown question type`);
|
|
77
83
|
};
|
|
84
|
+
exports.QuestionItem = QuestionItem;
|
|
78
85
|
//# sourceMappingURL=QuestionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionItem.js","sourceRoot":"","sources":["../../../src/components/items/QuestionItem.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"QuestionItem.js","sourceRoot":"","sources":["../../../src/components/items/QuestionItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.UnknownItem = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const UnknownItem = ({ item }) => {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "item", style: { border: "1px red", background: "yellow" } },
|
|
4
10
|
"Unknown item type:",
|
|
5
11
|
item.type));
|
|
6
12
|
};
|
|
13
|
+
exports.UnknownItem = UnknownItem;
|
|
7
14
|
//# sourceMappingURL=UnknownItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnknownItem.js","sourceRoot":"","sources":["../../../src/components/items/UnknownItem.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"UnknownItem.js","sourceRoot":"","sources":["../../../src/components/items/UnknownItem.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAOnB,MAAM,WAAW,GAAmC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAC;;QAElE,IAAI,CAAC,IAAI,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,WAAW,eAOtB"}
|
|
@@ -1,37 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { QuestionWrapper } from "../QuestionWrapper";
|
|
5
|
-
import { QuestionDescription } from "../QuestionDescription";
|
|
6
|
-
export const CheckBoxQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
7
|
-
const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
|
|
8
|
-
return (React.createElement(QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
9
|
-
React.createElement(MainLabel, { question: question }),
|
|
10
|
-
React.createElement("div", { className: "description-and-fields" },
|
|
11
|
-
React.createElement(QuestionDescription, { question: question }),
|
|
12
|
-
React.createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map((child, index) => (child.type === 'option'
|
|
13
|
-
? React.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
|
|
14
|
-
: React.createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })))))));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CheckBoxQuestion = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const MainLabel_1 = require("../MainLabel");
|
|
10
|
+
const QuestionWrapper_1 = require("../QuestionWrapper");
|
|
11
|
+
const QuestionDescription_1 = require("../QuestionDescription");
|
|
12
|
+
const CheckBoxQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
13
|
+
const fieldsClassNames = (0, classnames_1.default)("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
|
|
14
|
+
return (react_1.default.createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
15
|
+
react_1.default.createElement(MainLabel_1.MainLabel, { question: question }),
|
|
16
|
+
react_1.default.createElement("div", { className: "description-and-fields" },
|
|
17
|
+
react_1.default.createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
18
|
+
react_1.default.createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map((child, index) => (child.type === 'option'
|
|
19
|
+
? react_1.default.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
|
|
20
|
+
: react_1.default.createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })))))));
|
|
21
|
+
};
|
|
22
|
+
exports.CheckBoxQuestion = CheckBoxQuestion;
|
|
16
23
|
const Option = ({ question, option, index, fieldState }) => {
|
|
17
|
-
const divClassNames =
|
|
24
|
+
const divClassNames = (0, classnames_1.default)("option", {
|
|
18
25
|
show_values: false // TODO
|
|
19
26
|
});
|
|
20
|
-
const inputClassNames =
|
|
27
|
+
const inputClassNames = (0, classnames_1.default)(question.type, {
|
|
21
28
|
subinput: false,
|
|
22
29
|
deselectable: false // TODO
|
|
23
30
|
});
|
|
24
31
|
const value = fieldState.value || new Set();
|
|
25
32
|
const checked = value.has(option.key) || false;
|
|
26
33
|
const handleChange = (event) => option.key && fieldState.setValue(toggleValue(fieldState, option.key));
|
|
27
|
-
return (
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
return (react_1.default.createElement("div", { className: divClassNames },
|
|
35
|
+
react_1.default.createElement("div", { className: "radiocheckwrapper" },
|
|
36
|
+
react_1.default.createElement("input", { type: "checkbox", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion })),
|
|
37
|
+
react_1.default.createElement(ShowValue, { question: question, option: option }),
|
|
38
|
+
react_1.default.createElement("div", { className: "labelwrapper" },
|
|
39
|
+
react_1.default.createElement("label", { htmlFor: option.viewId },
|
|
40
|
+
react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: option.description } }))),
|
|
41
|
+
react_1.default.createElement(SubQuestions, null)));
|
|
35
42
|
};
|
|
36
43
|
const ShowValue = ({ question, option }) => {
|
|
37
44
|
return null; // TODO
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"CheckBoxQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.DatePartsQuestion = void 0;
|
|
7
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const react_i18next_1 = require("react-i18next");
|
|
10
|
+
const MainLabel_1 = require("../MainLabel");
|
|
11
|
+
const QuestionWrapper_1 = require("../QuestionWrapper");
|
|
12
|
+
const QuestionDescription_1 = require("../QuestionDescription");
|
|
13
|
+
const DatePartsQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
14
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
9
15
|
const handleChange = (event, component) => {
|
|
10
16
|
const newValue = new Map(fieldState.value || []);
|
|
11
17
|
newValue.set(component, event.target.value.trim());
|
|
12
18
|
fieldState.setValue(newValue);
|
|
13
19
|
};
|
|
14
|
-
const className =
|
|
20
|
+
const className = (0, classnames_1.default)(question.type, {
|
|
15
21
|
subitem: false // TODO
|
|
16
22
|
});
|
|
17
|
-
return (
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
23
|
+
return (react_1.default.createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
24
|
+
react_1.default.createElement(MainLabel_1.MainLabel, { question: question }),
|
|
25
|
+
react_1.default.createElement("div", { className: "description-and-fields" },
|
|
26
|
+
react_1.default.createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
27
|
+
react_1.default.createElement("div", { className: "fields", id: htmlId(question) }, question.dateParts.map((datePart) => {
|
|
22
28
|
var _a;
|
|
23
|
-
return
|
|
29
|
+
return react_1.default.createElement("input", { key: datePart.part, type: "text", value: ((_a = fieldState.value) === null || _a === void 0 ? void 0 : _a.get(datePart.part)) || '', placeholder: t(`placeholders.${datePart.part}`), className: className, onChange: event => handleChange(event, datePart.part), size: datePart.part === "year" ? 5 : 3, style: { marginRight: '.5em' }, onFocus: fieldState.setAsActiveQuestion });
|
|
24
30
|
})))));
|
|
25
31
|
};
|
|
32
|
+
exports.DatePartsQuestion = DatePartsQuestion;
|
|
26
33
|
function htmlId(question) {
|
|
27
34
|
return `answer_${question.key}_input`;
|
|
28
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePartsQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/DatePartsQuestion.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"DatePartsQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/DatePartsQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,kDAA0B;AAC1B,iDAA+C;AAE/C,4CAAyC;AAEzC,wDAAqD;AACrD,gEAA6D;AAQtD,MAAM,iBAAiB,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,SAA6B,EAAE,EAAE;QACjG,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACjD,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,8BAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,uCAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,IAExC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;;gBAClC,OAAA,yCACE,GAAG,EAAE,QAAQ,CAAC,IAAI,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,CAAA,MAAA,UAAU,CAAC,KAAK,0CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAI,EAAE,EACjD,WAAW,EAAE,CAAC,CAAC,gBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,EAC/C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EACrD,IAAI,EAAE,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtC,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,EAC5B,OAAO,EAAE,UAAU,CAAC,mBAAmB,GAGvC,CAAA;aAAA,CACH,CAEC,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,iBAAiB,qBAsC5B;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,UAAU,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -1,26 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.FloatQuestion = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const MainLabel_1 = require("../MainLabel");
|
|
10
|
+
const QuestionWrapper_1 = require("../QuestionWrapper");
|
|
11
|
+
const QuestionDescription_1 = require("../QuestionDescription");
|
|
12
|
+
const FloatQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
7
13
|
const handleChange = (event) => {
|
|
8
14
|
fieldState.setValue(event.target.value);
|
|
9
15
|
};
|
|
10
|
-
const className =
|
|
16
|
+
const className = (0, classnames_1.default)(question.type, {
|
|
11
17
|
sized: !!question.size,
|
|
12
18
|
subitem: false // TODO
|
|
13
19
|
});
|
|
14
|
-
return (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
question.unit &&
|
|
20
|
+
return (react_1.default.createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
21
|
+
react_1.default.createElement(MainLabel_1.MainLabel, { question: question }),
|
|
22
|
+
react_1.default.createElement("div", { className: "description-and-fields" },
|
|
23
|
+
react_1.default.createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
24
|
+
react_1.default.createElement("div", { className: "fields", id: htmlId(question) },
|
|
25
|
+
react_1.default.createElement("input", { type: "text", className: className, value: fieldState.value || "", size: question.size, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion }),
|
|
26
|
+
question.unit && react_1.default.createElement("span", { className: "unit" },
|
|
21
27
|
" ",
|
|
22
28
|
question.unit)))));
|
|
23
29
|
};
|
|
30
|
+
exports.FloatQuestion = FloatQuestion;
|
|
24
31
|
function htmlId(question) {
|
|
25
32
|
return `answer_${question.key}_input`;
|
|
26
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"FloatQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,4CAAyC;AACzC,wDAAqD;AACrD,gEAA6D;AAQtD,MAAM,aAAa,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IACxG,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,8BAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,uCAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAE1C,yCACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,UAAU,CAAC,mBAAmB,GACvC;gBACA,QAAQ,CAAC,IAAI,IAAI,wCAAM,SAAS,EAAC,MAAM;oBAAE,GAAG;oBAAE,QAAQ,CAAC,IAAI,CAAQ,CACjE,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,UAAU,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -1,26 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.IntegerQuestion = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const MainLabel_1 = require("../MainLabel");
|
|
10
|
+
const QuestionWrapper_1 = require("../QuestionWrapper");
|
|
11
|
+
const QuestionDescription_1 = require("../QuestionDescription");
|
|
12
|
+
const IntegerQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
7
13
|
const handleChange = (event) => {
|
|
8
14
|
fieldState.setValue(event.target.value);
|
|
9
15
|
};
|
|
10
|
-
const className =
|
|
16
|
+
const className = (0, classnames_1.default)(question.type, {
|
|
11
17
|
// sized: !!question.size,
|
|
12
18
|
subitem: false // TODO
|
|
13
19
|
});
|
|
14
|
-
return (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
question.unit &&
|
|
20
|
+
return (react_1.default.createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
21
|
+
react_1.default.createElement(MainLabel_1.MainLabel, { question: question }),
|
|
22
|
+
react_1.default.createElement("div", { className: "description-and-fields" },
|
|
23
|
+
react_1.default.createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
24
|
+
react_1.default.createElement("div", { className: "fields", id: htmlId(question) },
|
|
25
|
+
react_1.default.createElement("input", { type: "text", className: className, value: fieldState.value || "", size: question.size, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion }),
|
|
26
|
+
question.unit && react_1.default.createElement("span", { className: "unit" },
|
|
21
27
|
" ",
|
|
22
28
|
question.unit)))));
|
|
23
29
|
};
|
|
30
|
+
exports.IntegerQuestion = IntegerQuestion;
|
|
24
31
|
function htmlId(question) {
|
|
25
32
|
return `answer_${question.key}_input`;
|
|
26
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IntegerQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"IntegerQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,4CAAyC;AACzC,wDAAqD;AACrD,gEAA6D;AAQtD,MAAM,eAAe,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IAC1G,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,0BAA0B;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,8BAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,uCAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAE1C,yCACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,UAAU,CAAC,mBAAmB,GACvC;gBACA,QAAQ,CAAC,IAAI,IAAI,wCAAM,SAAS,EAAC,MAAM;oBAAE,GAAG;oBAAE,QAAQ,CAAC,IAAI,CAAQ,CACjE,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,UAAU,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -1,40 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.RadioQuestion = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const MainLabel_1 = require("../MainLabel");
|
|
10
|
+
const QuestionWrapper_1 = require("../QuestionWrapper");
|
|
11
|
+
const QuestionDescription_1 = require("../QuestionDescription");
|
|
12
|
+
const RadioQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
7
13
|
const handleChange = (event) => {
|
|
8
14
|
fieldState.setValue(event.target.value);
|
|
9
15
|
};
|
|
10
|
-
const fieldsClassNames =
|
|
11
|
-
return (
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
?
|
|
17
|
-
:
|
|
16
|
+
const fieldsClassNames = (0, classnames_1.default)("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
|
|
17
|
+
return (react_1.default.createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
18
|
+
react_1.default.createElement(MainLabel_1.MainLabel, { question: question }),
|
|
19
|
+
react_1.default.createElement("div", { className: "description-and-fields" },
|
|
20
|
+
react_1.default.createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
21
|
+
react_1.default.createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map((child, index) => (child.type === 'option'
|
|
22
|
+
? react_1.default.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
|
|
23
|
+
: react_1.default.createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })))))));
|
|
18
24
|
};
|
|
25
|
+
exports.RadioQuestion = RadioQuestion;
|
|
19
26
|
const Option = ({ question, option, index, fieldState }) => {
|
|
20
|
-
const divClassNames =
|
|
27
|
+
const divClassNames = (0, classnames_1.default)("option", {
|
|
21
28
|
show_values: false // TODO
|
|
22
29
|
});
|
|
23
|
-
const inputClassNames =
|
|
30
|
+
const inputClassNames = (0, classnames_1.default)(question.type, {
|
|
24
31
|
subinput: false,
|
|
25
32
|
deselectable: false // TODO
|
|
26
33
|
});
|
|
27
34
|
const checked = fieldState.value === option.key;
|
|
28
35
|
const handleChange = (event) => fieldState.setValue(option.key);
|
|
29
36
|
const handleClick = (event) => { (checked && question.deselectable ? fieldState.setValue(null) : true); };
|
|
30
|
-
return (
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
return (react_1.default.createElement("div", { className: divClassNames },
|
|
38
|
+
react_1.default.createElement("div", { className: "radiocheckwrapper" },
|
|
39
|
+
react_1.default.createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion })),
|
|
40
|
+
react_1.default.createElement(ShowValue, { question: question, option: option }),
|
|
41
|
+
react_1.default.createElement("div", { className: "labelwrapper" },
|
|
42
|
+
react_1.default.createElement("label", { htmlFor: option.viewId },
|
|
43
|
+
react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: option.description } }))),
|
|
44
|
+
react_1.default.createElement(SubQuestions, null)));
|
|
38
45
|
};
|
|
39
46
|
const ShowValue = ({ question, option }) => {
|
|
40
47
|
return null; // TODO
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,41 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ScaleQuestion = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const MainLabel_1 = require("../MainLabel");
|
|
10
|
+
const QuestionWrapper_1 = require("../QuestionWrapper");
|
|
11
|
+
const QuestionDescription_1 = require("../QuestionDescription");
|
|
12
|
+
const ScaleQuestion = ({ question, fieldState, setQuestionRef }) => {
|
|
7
13
|
const handleChange = (event) => {
|
|
8
14
|
fieldState.setValue(event.target.value);
|
|
9
15
|
};
|
|
10
|
-
const fieldsClassNames =
|
|
11
|
-
return (
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
const fieldsClassNames = (0, classnames_1.default)("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
|
|
17
|
+
return (react_1.default.createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
|
|
18
|
+
react_1.default.createElement(MainLabel_1.MainLabel, { question: question }),
|
|
19
|
+
react_1.default.createElement("div", { className: "description-and-fields" },
|
|
20
|
+
react_1.default.createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
21
|
+
react_1.default.createElement("div", { className: fieldsClassNames, id: htmlId(question) },
|
|
22
|
+
react_1.default.createElement("table", { cellSpacing: "0" },
|
|
23
|
+
react_1.default.createElement("tbody", null,
|
|
24
|
+
react_1.default.createElement("tr", null, question.children.map((child, index) => (react_1.default.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState }))))))))));
|
|
19
25
|
};
|
|
26
|
+
exports.ScaleQuestion = ScaleQuestion;
|
|
20
27
|
const Option = ({ question, option, index, fieldState }) => {
|
|
21
|
-
const tdClassNames =
|
|
28
|
+
const tdClassNames = (0, classnames_1.default)("option", `optionwidth${question.children.length}`, {
|
|
22
29
|
first: index <= 0,
|
|
23
30
|
last: index >= question.children.length - 1
|
|
24
31
|
});
|
|
25
|
-
const inputClassNames =
|
|
32
|
+
const inputClassNames = (0, classnames_1.default)(question.type, {
|
|
26
33
|
subinput: false,
|
|
27
34
|
deselectable: false // TODO
|
|
28
35
|
});
|
|
29
36
|
const checked = fieldState.value === option.key;
|
|
30
37
|
const handleChange = (event) => fieldState.setValue(option.key);
|
|
31
38
|
const handleClick = () => (checked && question.deselectable ? fieldState.setValue(null) : true);
|
|
32
|
-
return (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
+
return (react_1.default.createElement("td", { className: tdClassNames },
|
|
40
|
+
react_1.default.createElement(ShowValue, { question: question, option: option }),
|
|
41
|
+
react_1.default.createElement("span", null,
|
|
42
|
+
react_1.default.createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion }),
|
|
43
|
+
react_1.default.createElement("br", null),
|
|
44
|
+
react_1.default.createElement("label", { htmlFor: option.viewId },
|
|
45
|
+
react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: option.description } })))));
|
|
39
46
|
};
|
|
40
47
|
const ShowValue = ({ question, option }) => {
|
|
41
48
|
return null; // TODO
|