@roqua/quby-frontend 0.1.6 → 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.js +3 -1
- 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.js +3 -1
- package/lib/components/PanelItem.js.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.js +4 -2
- package/lib/components/QuestionWrapper.js.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.map +1 -1
- package/lib/components/items/QuestionItem.js +10 -8
- 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.js +7 -5
- package/lib/components/questions/CheckBoxQuestion.js.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.js +5 -3
- package/lib/components/questions/FloatQuestion.js.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.js +7 -5
- package/lib/components/questions/RadioQuestion.js.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.js +5 -3
- package/lib/components/questions/SelectQuestion.js.map +1 -1
- package/lib/components/questions/SliderQuestion.d.ts +2 -2
- package/lib/components/questions/SliderQuestion.d.ts.map +1 -1
- package/lib/components/questions/SliderQuestion.js +106 -12
- package/lib/components/questions/SliderQuestion.js.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.js +5 -3
- package/lib/components/questions/TextareaQuestion.js.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 +2 -1
- package/lib/core/mock_helpers.d.ts.map +1 -1
- package/lib/core/mock_helpers.js +1 -0
- package/lib/core/mock_helpers.js.map +1 -1
- package/lib/core/questionnaire.js +2 -1
- package/lib/core/questionnaire.js.map +1 -1
- package/lib/core/questionnaire_json.d.ts +26 -11
- package/lib/core/questionnaire_json.d.ts.map +1 -1
- package/lib/core/response.js +5 -3
- package/lib/core/response.js.map +1 -1
- package/lib/core/validators.js +4 -1
- package/lib/core/validators.js.map +1 -1
- package/lib/core/visibility_rules.js +4 -1
- 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
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -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
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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"}
|
|
@@ -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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"}
|
|
@@ -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.SelectQuestion = 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 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" },
|
|
@@ -21,6 +22,7 @@ exports.SelectQuestion = function (_a) {
|
|
|
21
22
|
react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) },
|
|
22
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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ISliderQuestion, IFieldState } from "../../core";
|
|
3
3
|
interface Props {
|
|
4
|
-
question:
|
|
4
|
+
question: ISliderQuestion;
|
|
5
5
|
fieldState: IFieldState<number>;
|
|
6
6
|
}
|
|
7
7
|
export declare const SliderQuestion: React.FunctionComponent<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,29 +1,123 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
exports.__esModule = true;
|
|
17
|
+
exports.SliderQuestion = void 0;
|
|
6
18
|
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var
|
|
19
|
+
var react_range_1 = require("react-range");
|
|
8
20
|
var MainLabel_1 = require("../MainLabel");
|
|
9
21
|
var QuestionWrapper_1 = require("../QuestionWrapper");
|
|
10
22
|
var QuestionDescription_1 = require("../QuestionDescription");
|
|
11
|
-
|
|
23
|
+
var SliderQuestion = function (_a) {
|
|
12
24
|
var question = _a.question, fieldState = _a.fieldState;
|
|
13
|
-
var handleChange = function (
|
|
14
|
-
fieldState.setValue(
|
|
25
|
+
var handleChange = function (newValues) {
|
|
26
|
+
fieldState.setValue(newValues[0]);
|
|
15
27
|
};
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
|
|
28
|
+
var blank = fieldState.value == null;
|
|
29
|
+
var value = fieldState.value || question.defaultPosition;
|
|
30
|
+
var markerLabels = calculateMarkerLabels(question);
|
|
19
31
|
return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
|
|
20
32
|
react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
|
|
21
33
|
react_1["default"].createElement("div", { className: "description-and-fields" },
|
|
22
34
|
react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
|
|
23
|
-
react_1["default"].createElement("div", { className: "fields"
|
|
24
|
-
react_1["default"].createElement(
|
|
35
|
+
react_1["default"].createElement("div", { className: "fields" },
|
|
36
|
+
react_1["default"].createElement(react_range_1.Range, { values: [value], onChange: handleChange, min: question.minimum, max: question.maximum, step: question.step, renderTrack: function (_a) {
|
|
37
|
+
var props = _a.props, children = _a.children;
|
|
38
|
+
return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign({}, props.style), trackStyles) }), children));
|
|
39
|
+
}, renderThumb: function (thumbProps) { return renderThumb(__assign(__assign({}, thumbProps), { blank: blank, showTooltip: question.valueTooltip, startThumbHidden: question.startThumbHidden })); }, renderMark: function (_a) {
|
|
40
|
+
var props = _a.props, index = _a.index;
|
|
41
|
+
return (markerLabels[index] !== undefined
|
|
42
|
+
? renderMark(props, markerLabels[index])
|
|
43
|
+
: null);
|
|
44
|
+
} })))));
|
|
45
|
+
};
|
|
46
|
+
exports.SliderQuestion = SliderQuestion;
|
|
47
|
+
// blank: no value is set in fieldState
|
|
48
|
+
// showTooltip: how a tooltip with the value while dragging
|
|
49
|
+
// startThumbHidden:
|
|
50
|
+
// if set: hide thumb while <blank>
|
|
51
|
+
// if not set: thumb appears a very translucent grey when <blank>
|
|
52
|
+
var renderThumb = function (_a) {
|
|
53
|
+
var props = _a.props, value = _a.value, index = _a.index, isDragged = _a.isDragged, blank = _a.blank, showTooltip = _a.showTooltip, startThumbHidden = _a.startThumbHidden;
|
|
54
|
+
if (startThumbHidden && blank) {
|
|
55
|
+
return react_1["default"].createElement("div", __assign({}, props));
|
|
56
|
+
}
|
|
57
|
+
return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign(__assign(__assign({}, props.style), baseThumbStyles), (isDragged && isDraggedThumbStyles)), (blank && invalidThumbStyles)) }),
|
|
58
|
+
"||",
|
|
59
|
+
showTooltip && isDragged && react_1["default"].createElement("div", { style: labelStyles }, value)));
|
|
60
|
+
};
|
|
61
|
+
// Outer div is vertical bar.
|
|
62
|
+
// inner div is absolutely center positioned label.
|
|
63
|
+
// Note: Labels will take no action to avoid eachother!
|
|
64
|
+
var renderMark = function (props, label) { return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign({}, props.style), { top: '18px', marginTop: 0, height: '9px', width: '1px', backgroundColor: '#d3d3d3' }) }),
|
|
65
|
+
react_1["default"].createElement("div", { style: {
|
|
66
|
+
position: 'absolute',
|
|
67
|
+
top: '8px',
|
|
68
|
+
transform: label.first
|
|
69
|
+
? null
|
|
70
|
+
: label.last
|
|
71
|
+
? 'translateX(-100%)'
|
|
72
|
+
: 'translateX(-50%)'
|
|
73
|
+
}, dangerouslySetInnerHTML: { __html: label.text } }))); };
|
|
74
|
+
// {<markerIndex>: {text: .., first: true, last: false}}
|
|
75
|
+
// There can be hundreds of markers, but we'll only ever show the ones with a label.
|
|
76
|
+
var calculateMarkerLabels = function (question) {
|
|
77
|
+
if (question.labels.length === 0)
|
|
78
|
+
return {};
|
|
79
|
+
var nroMarkers = (question.maximum - question.minimum) / question.step;
|
|
80
|
+
var markerLabels = {};
|
|
81
|
+
question.labels.forEach(function (label, labelIndex) {
|
|
82
|
+
var markerIdx = Math.floor((labelIndex * nroMarkers / (question.labels.length - 1)));
|
|
83
|
+
markerLabels[markerIdx] = { text: label, first: labelIndex === 0, last: labelIndex === question.labels.length - 1 };
|
|
84
|
+
});
|
|
85
|
+
return markerLabels;
|
|
86
|
+
};
|
|
87
|
+
var trackStyles = {
|
|
88
|
+
border: '1px solid #d3d3d3',
|
|
89
|
+
background: '#fafafa',
|
|
90
|
+
height: '18px',
|
|
91
|
+
borderRadius: '4px',
|
|
92
|
+
marginBottom: '18px',
|
|
93
|
+
boxShadow: 'inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB'
|
|
94
|
+
};
|
|
95
|
+
var baseThumbStyles = {
|
|
96
|
+
height: '28px',
|
|
97
|
+
width: '34px',
|
|
98
|
+
textAlign: 'center',
|
|
99
|
+
lineHeight: '27px',
|
|
100
|
+
backgroundColor: "rgba(27,124,194,0.7)",
|
|
101
|
+
color: '#E8E7E6',
|
|
102
|
+
border: '1px solid #9AC1DD',
|
|
103
|
+
borderRadius: '3px',
|
|
104
|
+
boxShadow: 'inset 0 0 1px #FFF, inset 0 1px 7px #9AC1DD, 0 3px 6px -3px #9AC1DD'
|
|
105
|
+
};
|
|
106
|
+
var isDraggedThumbStyles = {
|
|
107
|
+
boxShadow: 'inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB'
|
|
108
|
+
};
|
|
109
|
+
var invalidThumbStyles = {
|
|
110
|
+
backgroundColor: "rgba(255, 255, 255, .5)",
|
|
111
|
+
boxShadow: 'none',
|
|
112
|
+
border: '1px solid #D9D9D9'
|
|
113
|
+
};
|
|
114
|
+
var labelStyles = {
|
|
115
|
+
position: 'absolute',
|
|
116
|
+
top: '-28px',
|
|
117
|
+
left: '17px',
|
|
118
|
+
transform: 'translateX(-50%)',
|
|
119
|
+
color: '#000',
|
|
120
|
+
fontWeight: 'bold',
|
|
121
|
+
padding: '4px'
|
|
25
122
|
};
|
|
26
|
-
function htmlId(question) {
|
|
27
|
-
return "answer_" + question.key + "_input";
|
|
28
|
-
}
|
|
29
123
|
//# sourceMappingURL=SliderQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SliderQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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.StringQuestion = 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 StringQuestion = 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
|
});
|
|
@@ -25,7 +26,8 @@ exports.StringQuestion = function (_a) {
|
|
|
25
26
|
react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", onChange: handleChange }),
|
|
26
27
|
question.unit))));
|
|
27
28
|
};
|
|
29
|
+
exports.StringQuestion = StringQuestion;
|
|
28
30
|
function htmlId(question) {
|
|
29
|
-
return "answer_"
|
|
31
|
+
return "answer_".concat(question.key, "_input");
|
|
30
32
|
}
|
|
31
33
|
//# sourceMappingURL=StringQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StringQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/StringQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StringQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/StringQuestion.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,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,QAAQ,EAAE,YAAY,GAAI;gBACjG,QAAQ,CAAC,IAAI,CACV,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,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.TextareaQuestion = 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 TextareaQuestion = 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.TextareaQuestion = function (_a) {
|
|
|
24
25
|
react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
|
|
25
26
|
react_1["default"].createElement("textarea", { className: className, value: fieldState.value || "", rows: question.lines, cols: question.cols, onChange: handleChange })))));
|
|
26
27
|
};
|
|
28
|
+
exports.TextareaQuestion = TextareaQuestion;
|
|
27
29
|
function htmlId(question) {
|
|
28
|
-
return "answer_"
|
|
30
|
+
return "answer_".concat(question.key, "_input");
|
|
29
31
|
}
|
|
30
32
|
//# sourceMappingURL=TextareaQuestion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/TextareaQuestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextareaQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/TextareaQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0CAAyC;AACzC,sDAAqD;AACrD,8DAA6D;AAOtD,IAAM,gBAAgB,GAAmC,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACrF,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,+CAAU,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChI,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
|
package/lib/core/index.js
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
}
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
5
12
|
exports.__esModule = true;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
13
|
+
__exportStar(require("./questionnaire_json"), exports);
|
|
14
|
+
__exportStar(require("./questionnaire"), exports);
|
|
15
|
+
__exportStar(require("./response"), exports);
|
|
16
|
+
__exportStar(require("./validators"), exports);
|
|
9
17
|
//# sourceMappingURL=index.js.map
|
package/lib/core/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqC;AACrC,kDAAgC;AAChC,6CAA2B;AAC3B,+CAA6B"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IFieldState } from "./response";
|
|
2
|
+
import { ValidatableResponse } from "./validators";
|
|
2
3
|
export declare function mockFieldState<T>(key: string, value: T): IFieldState<T>;
|
|
3
|
-
export declare function mockResponse<T>(values: object):
|
|
4
|
+
export declare function mockResponse<T>(values: object): ValidatableResponse;
|
|
4
5
|
//# sourceMappingURL=mock_helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mock_helpers.d.ts","sourceRoot":"","sources":["../../src/core/mock_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"mock_helpers.d.ts","sourceRoot":"","sources":["../../src/core/mock_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,wBAAgB,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,kBAWtD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,uBAa7C"}
|
package/lib/core/mock_helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mock_helpers.js","sourceRoot":"","sources":["../../src/core/mock_helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mock_helpers.js","sourceRoot":"","sources":["../../src/core/mock_helpers.ts"],"names":[],"mappings":";;;AAGA,SAAgB,cAAc,CAAI,GAAW,EAAE,KAAQ;IACrD,OAAO;QACL,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,UAAC,KAAQ,IAAO,CAAC;QAC3B,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;KACF,CAAC;AACtB,CAAC;AAXD,wCAWC;AAED,SAAgB,YAAY,CAAI,MAAc;IAC5C,IAAM,WAAW,GAAG,EAAE,CAAC;IAEvB,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;QACtB,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,WAAW,CAAC,GAAG,CAAC,GAAG,cAAc,CAAe,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;KACnE;IAED,OAAO;QACL,aAAa,EAAE,UAAC,GAAG;YACjB,OAAO,WAAW,CAAC,GAAG,CAAC,CAAA;QACzB,CAAC;KACqB,CAAC;AAC3B,CAAC;AAbD,oCAaC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
+
exports.Questionnaire = void 0;
|
|
3
4
|
var visibility_rules_1 = require("./visibility_rules");
|
|
4
5
|
var Questionnaire = /** @class */ (function () {
|
|
5
6
|
function Questionnaire(data) {
|
|
6
7
|
this.fields = data.fields;
|
|
7
8
|
this.panels = data.panels;
|
|
8
9
|
this.validations = data.validations;
|
|
9
|
-
this.visibilityRules = data.visibilityRules.map(function (rule) { return visibility_rules_1.buildVisibilityRule(rule); });
|
|
10
|
+
this.visibilityRules = data.visibilityRules.map(function (rule) { return (0, visibility_rules_1.buildVisibilityRule)(rule); });
|
|
10
11
|
}
|
|
11
12
|
Questionnaire.prototype.getField = function (key) {
|
|
12
13
|
return this.fields[key];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"questionnaire.js","sourceRoot":"","sources":["../../src/core/questionnaire.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"questionnaire.js","sourceRoot":"","sources":["../../src/core/questionnaire.ts"],"names":[],"mappings":";;;AACA,uDAAyE;AAEzE;IAME,uBAAY,IAAoB;QAC9B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAA,sCAAmB,EAAC,IAAI,CAAC,EAAzB,CAAyB,CAAC,CAAC;IACrF,CAAC;IAED,gCAAQ,GAAR,UAAS,GAAW;QAClB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IACH,oBAAC;AAAD,CAAC,AAhBD,IAgBC;AAhBY,sCAAa"}
|