@roqua/quby-frontend 0.1.4 → 0.2.0
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 +5 -0
- package/lib/components/AnswerPage.d.ts.map +1 -1
- package/lib/components/AnswerPage.js +7 -2
- package/lib/components/AnswerPage.js.map +1 -1
- package/lib/components/MainLabel.js +4 -2
- package/lib/components/MainLabel.js.map +1 -1
- package/lib/components/Paginator.js +4 -2
- package/lib/components/Paginator.js.map +1 -1
- package/lib/components/PanelContent.js +3 -1
- package/lib/components/PanelContent.js.map +1 -1
- package/lib/components/PanelItem.d.ts.map +1 -1
- package/lib/components/PanelItem.js +4 -4
- package/lib/components/PanelItem.js.map +1 -1
- package/lib/components/ProgressBar.d.ts.map +1 -1
- package/lib/components/ProgressBar.js +6 -4
- package/lib/components/ProgressBar.js.map +1 -1
- package/lib/components/Quby.js +3 -1
- package/lib/components/Quby.js.map +1 -1
- package/lib/components/QuestionDescription.js +3 -1
- package/lib/components/QuestionDescription.js.map +1 -1
- package/lib/components/QuestionWrapper.d.ts +2 -2
- package/lib/components/QuestionWrapper.d.ts.map +1 -1
- package/lib/components/QuestionWrapper.js +4 -2
- package/lib/components/QuestionWrapper.js.map +1 -1
- package/lib/components/ValidationErrors.d.ts +2 -2
- package/lib/components/ValidationErrors.d.ts.map +1 -1
- package/lib/components/ValidationErrors.js +6 -4
- package/lib/components/ValidationErrors.js.map +1 -1
- package/lib/components/index.js +12 -5
- package/lib/components/index.js.map +1 -1
- package/lib/components/items/HtmlItem.js +3 -1
- package/lib/components/items/HtmlItem.js.map +1 -1
- package/lib/components/items/QuestionItem.d.ts +4 -3
- package/lib/components/items/QuestionItem.d.ts.map +1 -1
- package/lib/components/items/QuestionItem.js +44 -3
- package/lib/components/items/QuestionItem.js.map +1 -1
- package/lib/components/items/UnknownItem.js +3 -1
- package/lib/components/items/UnknownItem.js.map +1 -1
- package/lib/components/questions/CheckBoxQuestion.d.ts +2 -1
- package/lib/components/questions/CheckBoxQuestion.d.ts.map +1 -1
- package/lib/components/questions/CheckBoxQuestion.js +22 -17
- package/lib/components/questions/CheckBoxQuestion.js.map +1 -1
- package/lib/components/questions/DateQuestion.d.ts +1 -1
- package/lib/components/questions/DateQuestion.d.ts.map +1 -1
- package/lib/components/questions/DateQuestion.js +5 -3
- package/lib/components/questions/DateQuestion.js.map +1 -1
- package/lib/components/questions/FloatQuestion.d.ts +1 -1
- package/lib/components/questions/FloatQuestion.d.ts.map +1 -1
- package/lib/components/questions/FloatQuestion.js +10 -5
- package/lib/components/questions/FloatQuestion.js.map +1 -1
- package/lib/components/questions/IntegerQuestion.d.ts +1 -1
- package/lib/components/questions/IntegerQuestion.d.ts.map +1 -1
- package/lib/components/questions/IntegerQuestion.js +5 -3
- package/lib/components/questions/IntegerQuestion.js.map +1 -1
- package/lib/components/questions/RadioQuestion.d.ts +1 -1
- package/lib/components/questions/RadioQuestion.d.ts.map +1 -1
- package/lib/components/questions/RadioQuestion.js +8 -6
- package/lib/components/questions/RadioQuestion.js.map +1 -1
- package/lib/components/questions/ScaleQuestion.d.ts +1 -1
- package/lib/components/questions/ScaleQuestion.d.ts.map +1 -1
- package/lib/components/questions/ScaleQuestion.js +7 -5
- package/lib/components/questions/ScaleQuestion.js.map +1 -1
- package/lib/components/questions/SelectQuestion.d.ts.map +1 -1
- package/lib/components/questions/SelectQuestion.js +8 -6
- package/lib/components/questions/SelectQuestion.js.map +1 -1
- package/lib/components/questions/SliderQuestion.d.ts +9 -0
- package/lib/components/questions/SliderQuestion.d.ts.map +1 -0
- package/lib/components/questions/SliderQuestion.js +123 -0
- package/lib/components/questions/SliderQuestion.js.map +1 -0
- package/lib/components/questions/StringQuestion.d.ts +1 -1
- package/lib/components/questions/StringQuestion.d.ts.map +1 -1
- package/lib/components/questions/StringQuestion.js +5 -3
- package/lib/components/questions/StringQuestion.js.map +1 -1
- package/lib/components/questions/TextareaQuestion.d.ts +1 -1
- package/lib/components/questions/TextareaQuestion.d.ts.map +1 -1
- package/lib/components/questions/TextareaQuestion.js +6 -4
- package/lib/components/questions/TextareaQuestion.js.map +1 -1
- package/lib/core/index.d.ts +1 -1
- package/lib/core/index.d.ts.map +1 -1
- package/lib/core/index.js +14 -6
- package/lib/core/index.js.map +1 -1
- package/lib/core/mock_helpers.d.ts +5 -0
- package/lib/core/mock_helpers.d.ts.map +1 -0
- package/lib/core/mock_helpers.js +30 -0
- package/lib/core/mock_helpers.js.map +1 -0
- package/lib/core/questionnaire.d.ts +3 -1
- package/lib/core/questionnaire.d.ts.map +1 -1
- package/lib/core/questionnaire.js +3 -0
- package/lib/core/questionnaire.js.map +1 -1
- package/lib/core/questionnaire_json.d.ts +37 -10
- package/lib/core/questionnaire_json.d.ts.map +1 -1
- package/lib/core/response.d.ts +26 -8
- package/lib/core/response.d.ts.map +1 -1
- package/lib/core/response.js +37 -3
- package/lib/core/response.js.map +1 -1
- package/lib/core/validators.d.ts +9 -8
- package/lib/core/validators.d.ts.map +1 -1
- package/lib/core/validators.js +4 -1
- package/lib/core/validators.js.map +1 -1
- package/lib/core/visibility_rules.js +5 -2
- package/lib/core/visibility_rules.js.map +1 -1
- package/lib/index.js +12 -5
- package/lib/index.js.map +1 -1
- package/package.json +3 -2
- package/lib/assets/assets/quby/application.css +0 -5653
- package/lib/components/items/MarkdownItem.d.ts +0 -9
- package/lib/components/items/MarkdownItem.d.ts.map +0 -1
- package/lib/components/items/MarkdownItem.js +0 -13
- package/lib/components/items/MarkdownItem.js.map +0 -1
- package/lib/core/markdown.d.ts +0 -2
- package/lib/core/markdown.d.ts.map +0 -1
- package/lib/core/markdown.js +0 -7
- package/lib/core/markdown.js.map +0 -1
- package/lib/core/models.d.ts +0 -160
- package/lib/core/models.d.ts.map +0 -1
- package/lib/core/models.js +0 -3
- package/lib/core/models.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckBoxQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAMrE,aAAK,kBAAkB,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAEnD,UAAU,KAAK;IACb,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuB3D,CAAC"}
|
|
@@ -3,42 +3,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.CheckBoxQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
9
|
var MainLabel_1 = require("../MainLabel");
|
|
9
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
11
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
12
|
+
var CheckBoxQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
|
-
var
|
|
14
|
-
fieldState.setValue(event.target.value);
|
|
15
|
-
};
|
|
16
|
-
var fieldsClassNames = classnames_1["default"]("fields", question.presentation !== "horizontal"
|
|
17
|
-
? "options" + question.options.length
|
|
18
|
-
: null);
|
|
14
|
+
var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
|
|
19
15
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
20
16
|
react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
|
|
21
17
|
react_1["default"].createElement("div", { className: "description-and-fields" },
|
|
22
18
|
react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
23
|
-
react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { question: question, option: option, index: index, fieldState: fieldState })); })))));
|
|
19
|
+
react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { key: option.key, question: question, option: option, index: index, fieldState: fieldState })); })))));
|
|
24
20
|
};
|
|
21
|
+
exports.CheckBoxQuestion = CheckBoxQuestion;
|
|
25
22
|
var Option = function (_a) {
|
|
26
23
|
var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
|
|
27
|
-
var divClassNames = classnames_1["default"]("option", {
|
|
24
|
+
var divClassNames = (0, classnames_1["default"])("option", {
|
|
28
25
|
show_values: false // TODO
|
|
29
26
|
});
|
|
30
|
-
var inputClassNames = classnames_1["default"](question.type, {
|
|
27
|
+
var inputClassNames = (0, classnames_1["default"])(question.type, {
|
|
31
28
|
subinput: false,
|
|
32
29
|
deselectable: false // TODO
|
|
33
30
|
});
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
return checked && question.deselectable ? fieldState.setValue(null) : true;
|
|
38
|
-
};
|
|
31
|
+
var value = fieldState.value || new Set();
|
|
32
|
+
var checked = value.has(option.key);
|
|
33
|
+
var handleChange = function (event) { return fieldState.setValue(toggleValue(fieldState, option.key)); };
|
|
39
34
|
return (react_1["default"].createElement("div", { className: divClassNames },
|
|
40
35
|
react_1["default"].createElement("div", { className: "radiocheckwrapper" },
|
|
41
|
-
react_1["default"].createElement("input", { type: "checkbox", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange
|
|
36
|
+
react_1["default"].createElement("input", { type: "checkbox", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange })),
|
|
42
37
|
react_1["default"].createElement(ShowValue, { question: question, option: option }),
|
|
43
38
|
react_1["default"].createElement("div", { className: "labelwrapper" },
|
|
44
39
|
react_1["default"].createElement("label", { htmlFor: option.viewId },
|
|
@@ -53,6 +48,16 @@ var SubQuestions = function () {
|
|
|
53
48
|
return null; // TODO
|
|
54
49
|
};
|
|
55
50
|
function htmlId(question) {
|
|
56
|
-
return "answer_"
|
|
51
|
+
return "answer_".concat(question.key, "_input");
|
|
52
|
+
}
|
|
53
|
+
function toggleValue(fieldState, optionKey) {
|
|
54
|
+
var value = fieldState.value || new Set();
|
|
55
|
+
if (value.has(optionKey)) {
|
|
56
|
+
value["delete"](optionKey);
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
value.add(optionKey);
|
|
60
|
+
}
|
|
61
|
+
return value;
|
|
57
62
|
}
|
|
58
63
|
//# sourceMappingURL=CheckBoxQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckBoxQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IFieldState, IDateQuestion } from "../../core";
|
|
3
3
|
interface Props {
|
|
4
4
|
question: IDateQuestion;
|
|
5
|
-
fieldState: IFieldState
|
|
5
|
+
fieldState: IFieldState<Date>;
|
|
6
6
|
}
|
|
7
7
|
export declare const DateQuestion: React.FunctionComponent<Props>;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/DateQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAU,MAAM,YAAY,CAAC;AAIhE,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"DateQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/DateQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAU,MAAM,YAAY,CAAC;AAIhE,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAmBvD,CAAC"}
|
|
@@ -3,17 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.DateQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
9
|
var MainLabel_1 = require("../MainLabel");
|
|
9
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
11
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
12
|
+
var DateQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
14
|
var handleChange = function (event) {
|
|
14
15
|
fieldState.setValue(event.target.value);
|
|
15
16
|
};
|
|
16
|
-
var className = classnames_1["default"](question.type, {
|
|
17
|
+
var className = (0, classnames_1["default"])(question.type, {
|
|
17
18
|
subitem: false // TODO
|
|
18
19
|
});
|
|
19
20
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
@@ -23,7 +24,8 @@ exports.DateQuestion = function (_a) {
|
|
|
23
24
|
react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
|
|
24
25
|
react_1["default"].createElement("input", { type: "" })))));
|
|
25
26
|
};
|
|
27
|
+
exports.DateQuestion = DateQuestion;
|
|
26
28
|
function htmlId(question) {
|
|
27
|
-
return "answer_"
|
|
29
|
+
return "answer_".concat(question.key, "_input");
|
|
28
30
|
}
|
|
29
31
|
//# sourceMappingURL=DateQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/DateQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/DateQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AACpC,0CAAyC;AAEzC,sDAAqD;AACrD,8DAA6D;AAOtD,IAAM,YAAY,GAAmC,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACjF,IAAM,YAAY,GAAG,UAAA,KAAK;QACxB,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAM,SAAS,GAAG,IAAA,uBAAU,EAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU;QACzD,iCAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,0CAAK,SAAS,EAAC,wBAAwB;YACrC,iCAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,0CAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAC1C,4CAAO,IAAI,EAAC,EAAE,GAAG,CACb,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,YAAY,gBAmBvB;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IFloatQuestion, IFieldState } from "../../core";
|
|
3
3
|
interface Props {
|
|
4
4
|
question: IFloatQuestion;
|
|
5
|
-
fieldState: IFieldState
|
|
5
|
+
fieldState: IFieldState<number>;
|
|
6
6
|
}
|
|
7
7
|
export declare const FloatQuestion: React.FunctionComponent<Props>;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AAKjE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"FloatQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AAKjE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAsBxD,CAAC"}
|
|
@@ -3,18 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.FloatQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
9
|
var MainLabel_1 = require("../MainLabel");
|
|
9
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
11
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
12
|
+
var FloatQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
14
|
var handleChange = function (event) {
|
|
14
15
|
fieldState.setValue(event.target.value);
|
|
15
16
|
};
|
|
16
|
-
var className = classnames_1["default"](question.type, {
|
|
17
|
-
|
|
17
|
+
var className = (0, classnames_1["default"])(question.type, {
|
|
18
|
+
sized: !!question.size,
|
|
18
19
|
subitem: false // TODO
|
|
19
20
|
});
|
|
20
21
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
@@ -22,9 +23,13 @@ exports.FloatQuestion = function (_a) {
|
|
|
22
23
|
react_1["default"].createElement("div", { className: "description-and-fields" },
|
|
23
24
|
react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
24
25
|
react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
|
|
25
|
-
react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", onChange: handleChange })
|
|
26
|
+
react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", size: question.size, onChange: handleChange }),
|
|
27
|
+
question.unit && react_1["default"].createElement("span", { className: "unit" },
|
|
28
|
+
" ",
|
|
29
|
+
question.unit)))));
|
|
26
30
|
};
|
|
31
|
+
exports.FloatQuestion = FloatQuestion;
|
|
27
32
|
function htmlId(question) {
|
|
28
|
-
return "answer_"
|
|
33
|
+
return "answer_".concat(question.key, "_input");
|
|
29
34
|
}
|
|
30
35
|
//# sourceMappingURL=FloatQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FloatQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0CAAyC;AACzC,sDAAqD;AACrD,8DAA6D;AAOtD,IAAM,aAAa,GAAmC,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAClF,IAAM,YAAY,GAAG,UAAA,KAAK;QACxB,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAM,SAAS,GAAG,IAAA,uBAAU,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,iCAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU;QACzD,iCAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,0CAAK,SAAS,EAAC,wBAAwB;YACrC,iCAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,0CAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAE1C,4CAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,GAAI;gBACrH,QAAQ,CAAC,IAAI,IAAI,2CAAM,SAAS,EAAC,MAAM;oBAAE,GAAG;oBAAE,QAAQ,CAAC,IAAI,CAAQ,CACjE,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IIntegerQuestion, IFieldState } from "../../core";
|
|
3
3
|
interface Props {
|
|
4
4
|
question: IIntegerQuestion;
|
|
5
|
-
fieldState: IFieldState
|
|
5
|
+
fieldState: IFieldState<number>;
|
|
6
6
|
}
|
|
7
7
|
export declare const IntegerQuestion: React.FunctionComponent<Props>;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IntegerQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"IntegerQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAqB1D,CAAC"}
|
|
@@ -3,17 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.IntegerQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
9
|
var MainLabel_1 = require("../MainLabel");
|
|
9
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
11
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
12
|
+
var IntegerQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
14
|
var handleChange = function (event) {
|
|
14
15
|
fieldState.setValue(event.target.value);
|
|
15
16
|
};
|
|
16
|
-
var className = classnames_1["default"](question.type, {
|
|
17
|
+
var className = (0, classnames_1["default"])(question.type, {
|
|
17
18
|
// sized: !!question.size,
|
|
18
19
|
subitem: false // TODO
|
|
19
20
|
});
|
|
@@ -24,7 +25,8 @@ exports.IntegerQuestion = function (_a) {
|
|
|
24
25
|
react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
|
|
25
26
|
react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", onChange: handleChange })))));
|
|
26
27
|
};
|
|
28
|
+
exports.IntegerQuestion = IntegerQuestion;
|
|
27
29
|
function htmlId(question) {
|
|
28
|
-
return "answer_"
|
|
30
|
+
return "answer_".concat(question.key, "_input");
|
|
29
31
|
}
|
|
30
32
|
//# sourceMappingURL=IntegerQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IntegerQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IntegerQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0CAAyC;AACzC,sDAAqD;AACrD,8DAA6D;AAOtD,IAAM,eAAe,GAAmC,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACpF,IAAM,YAAY,GAAG,UAAA,KAAK;QACxB,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAM,SAAS,GAAG,IAAA,uBAAU,EAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,0BAA0B;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU;QACzD,iCAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,0CAAK,SAAS,EAAC,wBAAwB;YACrC,iCAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,0CAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAE1C,4CAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,YAAY,GAAI,CAC9F,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,eAAe,mBAqB1B;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IRadioQuestion, IFieldState } from "../../core";
|
|
3
3
|
interface Props {
|
|
4
4
|
question: IRadioQuestion;
|
|
5
|
-
fieldState: IFieldState
|
|
5
|
+
fieldState: IFieldState<string>;
|
|
6
6
|
}
|
|
7
7
|
export declare const RadioQuestion: React.FunctionComponent<Props>;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAKlE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAKlE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAoBxD,CAAC"}
|
|
@@ -3,29 +3,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.RadioQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
9
|
var MainLabel_1 = require("../MainLabel");
|
|
9
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
11
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
12
|
+
var RadioQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
14
|
var handleChange = function (event) {
|
|
14
15
|
fieldState.setValue(event.target.value);
|
|
15
16
|
};
|
|
16
|
-
var fieldsClassNames = classnames_1["default"]("fields", question.presentation !== "horizontal" ? "options"
|
|
17
|
+
var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
|
|
17
18
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
18
19
|
react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
|
|
19
20
|
react_1["default"].createElement("div", { className: "description-and-fields" },
|
|
20
21
|
react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
21
|
-
react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { question: question, option: option, index: index, fieldState: fieldState })); })))));
|
|
22
|
+
react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { key: option.key, question: question, option: option, index: index, fieldState: fieldState })); })))));
|
|
22
23
|
};
|
|
24
|
+
exports.RadioQuestion = RadioQuestion;
|
|
23
25
|
var Option = function (_a) {
|
|
24
26
|
var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
|
|
25
|
-
var divClassNames = classnames_1["default"]("option", {
|
|
27
|
+
var divClassNames = (0, classnames_1["default"])("option", {
|
|
26
28
|
show_values: false // TODO
|
|
27
29
|
});
|
|
28
|
-
var inputClassNames = classnames_1["default"](question.type, {
|
|
30
|
+
var inputClassNames = (0, classnames_1["default"])(question.type, {
|
|
29
31
|
subinput: false,
|
|
30
32
|
deselectable: false // TODO
|
|
31
33
|
});
|
|
@@ -49,6 +51,6 @@ var SubQuestions = function () {
|
|
|
49
51
|
return null; // TODO
|
|
50
52
|
};
|
|
51
53
|
function htmlId(question) {
|
|
52
|
-
return "answer_"
|
|
54
|
+
return "answer_".concat(question.key, "_input");
|
|
53
55
|
}
|
|
54
56
|
//# sourceMappingURL=RadioQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { IRadioQuestion, IFieldState } from "../../core";
|
|
3
3
|
interface Props {
|
|
4
4
|
question: IRadioQuestion;
|
|
5
|
-
fieldState: IFieldState
|
|
5
|
+
fieldState: IFieldState<string>;
|
|
6
6
|
}
|
|
7
7
|
export declare const ScaleQuestion: React.FunctionComponent<Props>;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScaleQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAC;AAK1E,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"ScaleQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAC;AAK1E,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0BxD,CAAC"}
|
|
@@ -3,17 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.ScaleQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
9
|
var MainLabel_1 = require("../MainLabel");
|
|
9
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
11
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
12
|
+
var ScaleQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
14
|
var handleChange = function (event) {
|
|
14
15
|
fieldState.setValue(event.target.value);
|
|
15
16
|
};
|
|
16
|
-
var fieldsClassNames = classnames_1["default"]("fields", question.presentation !== "horizontal" ? "options"
|
|
17
|
+
var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
|
|
17
18
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
18
19
|
react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
|
|
19
20
|
react_1["default"].createElement("div", { className: "description-and-fields" },
|
|
@@ -23,13 +24,14 @@ exports.ScaleQuestion = function (_a) {
|
|
|
23
24
|
react_1["default"].createElement("tbody", null,
|
|
24
25
|
react_1["default"].createElement("tr", null, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { key: option.key, question: question, option: option, index: index, fieldState: fieldState })); }))))))));
|
|
25
26
|
};
|
|
27
|
+
exports.ScaleQuestion = ScaleQuestion;
|
|
26
28
|
var Option = function (_a) {
|
|
27
29
|
var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
|
|
28
|
-
var tdClassNames = classnames_1["default"]("option", "optionwidth"
|
|
30
|
+
var tdClassNames = (0, classnames_1["default"])("option", "optionwidth".concat(question.options.length), {
|
|
29
31
|
first: index <= 0,
|
|
30
32
|
last: index >= question.options.length - 1
|
|
31
33
|
});
|
|
32
|
-
var inputClassNames = classnames_1["default"](question.type, {
|
|
34
|
+
var inputClassNames = (0, classnames_1["default"])(question.type, {
|
|
33
35
|
subinput: false,
|
|
34
36
|
deselectable: false // TODO
|
|
35
37
|
});
|
|
@@ -49,6 +51,6 @@ var ShowValue = function (_a) {
|
|
|
49
51
|
return null; // TODO
|
|
50
52
|
};
|
|
51
53
|
function htmlId(question) {
|
|
52
|
-
return "answer_"
|
|
54
|
+
return "answer_".concat(question.key, "_input");
|
|
53
55
|
}
|
|
54
56
|
//# sourceMappingURL=ScaleQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScaleQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScaleQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"SelectQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAsBzD,CAAC"}
|
|
@@ -3,24 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
+
exports.SelectQuestion = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
|
-
var core_1 = require("../../core");
|
|
9
9
|
var MainLabel_1 = require("../MainLabel");
|
|
10
10
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
11
|
-
|
|
11
|
+
var QuestionDescription_1 = require("../QuestionDescription");
|
|
12
|
+
var SelectQuestion = function (_a) {
|
|
12
13
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
14
|
var handleChange = function (event) {
|
|
14
15
|
fieldState.setValue(event.target.value);
|
|
15
16
|
};
|
|
16
|
-
var fieldsClassNames = classnames_1["default"]("fields", question.presentation !== "horizontal" ? "options"
|
|
17
|
+
var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
|
|
17
18
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
18
19
|
react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
|
|
19
20
|
react_1["default"].createElement("div", { className: "description-and-fields" },
|
|
20
|
-
react_1["default"].createElement(
|
|
21
|
+
react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
21
22
|
react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) },
|
|
22
|
-
react_1["default"].createElement("select", { onChange: handleChange }, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { question: question, option: option, index: index, fieldState: fieldState })); }))))));
|
|
23
|
+
react_1["default"].createElement("select", { onChange: handleChange }, question.options.map(function (option, index) { return (react_1["default"].createElement(Option, { key: option.key, question: question, option: option, index: index, fieldState: fieldState })); }))))));
|
|
23
24
|
};
|
|
25
|
+
exports.SelectQuestion = SelectQuestion;
|
|
24
26
|
var Option = function (_a) {
|
|
25
27
|
var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
|
|
26
28
|
return (react_1["default"].createElement("option", { value: option.key, disabled: false }, option.description));
|
|
@@ -33,6 +35,6 @@ var SubQuestions = function () {
|
|
|
33
35
|
return null; // TODO
|
|
34
36
|
};
|
|
35
37
|
function htmlId(question) {
|
|
36
|
-
return "answer_"
|
|
38
|
+
return "answer_".concat(question.key, "_input");
|
|
37
39
|
}
|
|
38
40
|
//# sourceMappingURL=SelectQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0CAAyC;AACzC,sDAAqD;AACrD,8DAA6D;AAOtD,IAAM,cAAc,GAAmC,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACnF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAA;IACD,IAAM,gBAAgB,GAAG,IAAA,uBAAU,EAAC,QAAQ,EAAE,QAAQ,CAAC,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC,iBAAU,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEnI,OAAO,CACL,iCAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU;QACzD,iCAAC,qBAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,0CAAK,SAAS,EAAC,wBAAwB;YACrC,iCAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAE3C,0CAAK,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBACpD,6CAAQ,QAAQ,EAAE,YAAY,IAC3B,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CACvC,iCAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACtG,EAFwC,CAExC,CAAC,CACK,CACL,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEF,IAAM,MAAM,GAKP,UAAC,EAAuC;QAArC,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IACzC,OAAO,CACL,6CAAQ,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,IACvC,MAAM,CAAC,WAAW,CACZ,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,SAAS,GAGV,UAAC,EAAoB;QAAlB,QAAQ,cAAA,EAAE,MAAM,YAAA;IACtB,OAAO,IAAI,CAAC,CAAC,OAAO;AACtB,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG;IACnB,OAAO,IAAI,CAAC,CAAC,OAAO;AACtB,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,QAAyB;IACvC,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ISliderQuestion, IFieldState } from "../../core";
|
|
3
|
+
interface Props {
|
|
4
|
+
question: ISliderQuestion;
|
|
5
|
+
fieldState: IFieldState<number>;
|
|
6
|
+
}
|
|
7
|
+
export declare const SliderQuestion: React.FunctionComponent<Props>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=SliderQuestion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SliderQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAA4C,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKpG,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAyCzD,CAAC"}
|