@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
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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.AnswerPage = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const PanelContent_1 = require("./PanelContent");
|
|
9
|
+
const Paginator_1 = require("./Paginator");
|
|
10
|
+
const AnswerPage = props => {
|
|
11
|
+
const [_, setCounter] = react_1.default.useState(0);
|
|
6
12
|
const displayMode = props.displayOptions.displayMode;
|
|
7
13
|
const handleChange = (response) => setCounter(number => number + 1);
|
|
8
14
|
const questionRefs = new Map();
|
|
9
|
-
|
|
15
|
+
react_1.default.useEffect(() => {
|
|
10
16
|
props.response.onChange(handleChange);
|
|
11
17
|
return () => props.response.offChange(handleChange);
|
|
12
18
|
});
|
|
@@ -38,10 +44,11 @@ export const AnswerPage = props => {
|
|
|
38
44
|
const setQuestionRef = (key, ref) => {
|
|
39
45
|
questionRefs.set(key, ref);
|
|
40
46
|
};
|
|
41
|
-
return (
|
|
42
|
-
|
|
43
|
-
|
|
47
|
+
return (react_1.default.createElement("div", null,
|
|
48
|
+
react_1.default.createElement("form", { className: "paged", onSubmit: event => event.preventDefault() },
|
|
49
|
+
react_1.default.createElement(Paginator_1.Paginator, { beforeNext: beforeNext, displayMode: displayMode, panels: props.questionnaire.panels.map(panel => (react_1.default.createElement(PanelContent_1.PanelContent, { questionnaire: props.questionnaire, panel: panel, response: props.response, setQuestionRef: setQuestionRef }))), onDone: onDone, onFocus: () => props.response.setActiveQuestion(null) }))));
|
|
44
50
|
};
|
|
51
|
+
exports.AnswerPage = AnswerPage;
|
|
45
52
|
// const DISPLAY_MODES = ["paged", "single_page"];
|
|
46
53
|
// const DisplayModeSelector = ({ displayMode, onChange }) => {
|
|
47
54
|
// return (
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnswerPage.js","sourceRoot":"","sources":["../../src/components/AnswerPage.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"AnswerPage.js","sourceRoot":"","sources":["../../src/components/AnswerPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
|
|
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.MainLabel = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
2
8
|
// TODO: title_insert (input field directly inside the question title)
|
|
3
|
-
|
|
9
|
+
const MainLabel = ({ question }) => {
|
|
4
10
|
const titleText = question.title;
|
|
5
11
|
const labelFor = `answer_${question.key}`;
|
|
6
12
|
if (titleText && titleText !== "") {
|
|
7
|
-
return (
|
|
8
|
-
|
|
13
|
+
return (react_1.default.createElement("div", { className: "main" },
|
|
14
|
+
react_1.default.createElement("label", { htmlFor: labelFor, dangerouslySetInnerHTML: { __html: titleText } })));
|
|
9
15
|
}
|
|
10
16
|
else {
|
|
11
17
|
return null;
|
|
12
18
|
}
|
|
13
19
|
};
|
|
20
|
+
exports.MainLabel = MainLabel;
|
|
14
21
|
//# sourceMappingURL=MainLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainLabel.js","sourceRoot":"","sources":["../../src/components/MainLabel.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"MainLabel.js","sourceRoot":"","sources":["../../src/components/MainLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAO1B,sEAAsE;AAC/D,MAAM,SAAS,GAAmC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjC,MAAM,QAAQ,GAAG,UAAU,QAAQ,CAAC,GAAG,EAAE,CAAC;IAE1C,IAAI,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE;QACjC,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;YACnB,yCAAO,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,GAAI,CACtE,CACP,CAAC;KACH;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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.Paginator = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_i18next_1 = require("react-i18next");
|
|
9
|
+
const ProgressBar_1 = require("./ProgressBar");
|
|
10
|
+
const Paginator = props => {
|
|
11
|
+
const [activeIndex, setActiveIndex] = react_1.default.useState(0);
|
|
6
12
|
const callbacks = {
|
|
7
13
|
prev: activeIndex > 0 ? () => setActiveIndex(idx => idx - 1) : undefined,
|
|
8
14
|
next: activeIndex < props.panels.length - 1 && props.displayMode !== "single_page"
|
|
@@ -17,18 +23,19 @@ export const Paginator = props => {
|
|
|
17
23
|
};
|
|
18
24
|
switch (props.displayMode) {
|
|
19
25
|
case "paged": {
|
|
20
|
-
return (
|
|
26
|
+
return (react_1.default.createElement(PagedPanel, { panelCount: props.panels.length, panelIndex: activeIndex, navigate: callbacks }, props.panels[activeIndex]));
|
|
21
27
|
}
|
|
22
28
|
case "single_page": {
|
|
23
|
-
return (
|
|
29
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, props.panels.map((content, index) => (react_1.default.createElement("fieldset", { className: "panel", key: index },
|
|
24
30
|
content,
|
|
25
|
-
index === props.panels.length - 1 ?
|
|
31
|
+
index === props.panels.length - 1 ? react_1.default.createElement(Buttons, { firstPanel: false, lastPanel: true, navigate: callbacks }) : null)))));
|
|
26
32
|
}
|
|
27
33
|
default: {
|
|
28
34
|
return null;
|
|
29
35
|
}
|
|
30
36
|
}
|
|
31
37
|
};
|
|
38
|
+
exports.Paginator = Paginator;
|
|
32
39
|
function isFirstOrLastPanel(count, index) {
|
|
33
40
|
return {
|
|
34
41
|
firstPanel: index <= 0,
|
|
@@ -37,20 +44,20 @@ function isFirstOrLastPanel(count, index) {
|
|
|
37
44
|
}
|
|
38
45
|
const PagedPanel = props => {
|
|
39
46
|
const { firstPanel, lastPanel } = isFirstOrLastPanel(props.panelCount, props.panelIndex);
|
|
40
|
-
return (
|
|
41
|
-
|
|
47
|
+
return (react_1.default.createElement("fieldset", { className: "panel" },
|
|
48
|
+
react_1.default.createElement(Hotkeys, null),
|
|
42
49
|
props.children,
|
|
43
|
-
|
|
44
|
-
|
|
50
|
+
react_1.default.createElement(ProgressBar_1.ProgressBar, { max: props.panelCount, current: props.panelIndex }),
|
|
51
|
+
react_1.default.createElement(Buttons, { firstPanel: firstPanel, lastPanel: lastPanel, navigate: props.navigate })));
|
|
45
52
|
};
|
|
46
53
|
const Buttons = props => {
|
|
47
|
-
const { t } = useTranslation();
|
|
48
|
-
return (
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
?
|
|
53
|
-
:
|
|
54
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
55
|
+
return (react_1.default.createElement("div", { className: "buttons" },
|
|
56
|
+
react_1.default.createElement("div", { className: "prev" }, props.navigate.prev && react_1.default.createElement(Button, { onClick: props.navigate.prev, value: t("previous"), onFocus: props.navigate.onFocus })),
|
|
57
|
+
react_1.default.createElement("div", { className: "abort" }, props.navigate.abort && react_1.default.createElement(Button, { onClick: props.navigate.abort, value: t("abort"), onFocus: props.navigate.onFocus })),
|
|
58
|
+
react_1.default.createElement("div", { className: "next" }, props.navigate.next
|
|
59
|
+
? react_1.default.createElement(Button, { onClick: props.navigate.next, value: t("next"), onFocus: props.navigate.onFocus })
|
|
60
|
+
: react_1.default.createElement(Button, { onClick: props.navigate.done, value: t("done"), onFocus: props.navigate.onFocus }))));
|
|
54
61
|
// .buttons
|
|
55
62
|
// - if panel_counter == 0 and @questionnaire.enable_previous_questionnaire_button
|
|
56
63
|
// .back
|
|
@@ -73,7 +80,7 @@ const Buttons = props => {
|
|
|
73
80
|
// = render :partial => 'quby/v1/shared/pdf_button'
|
|
74
81
|
};
|
|
75
82
|
const Button = ({ value, onClick, onFocus }) => {
|
|
76
|
-
return
|
|
83
|
+
return react_1.default.createElement("button", { onClick: onClick, onFocus: onFocus }, value);
|
|
77
84
|
};
|
|
78
85
|
// TODO:
|
|
79
86
|
// .panel-action-links
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../src/components/Paginator.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../src/components/Paginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (React.createElement(React.Fragment, null,
|
|
5
|
-
React.createElement(Title, { title: panel.title }),
|
|
6
|
-
panel.items.map((item, idx) => (React.createElement(PanelItem, { key: idx, questionnaire: questionnaire, item: item, response: response, setQuestionRef: setQuestionRef })))));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
7
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PanelContent = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const PanelItem_1 = require("./PanelItem");
|
|
9
|
+
const PanelContent = ({ questionnaire, panel, response, setQuestionRef }) => {
|
|
10
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
11
|
+
react_1.default.createElement(Title, { title: panel.title }),
|
|
12
|
+
panel.items.map((item, idx) => (react_1.default.createElement(PanelItem_1.PanelItem, { key: idx, questionnaire: questionnaire, item: item, response: response, setQuestionRef: setQuestionRef })))));
|
|
13
|
+
};
|
|
14
|
+
exports.PanelContent = PanelContent;
|
|
8
15
|
const Title = ({ title }) => {
|
|
9
16
|
if (title) {
|
|
10
|
-
return
|
|
17
|
+
return react_1.default.createElement("h1", null, title);
|
|
11
18
|
}
|
|
12
19
|
else {
|
|
13
20
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelContent.js","sourceRoot":"","sources":["../../src/components/PanelContent.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"PanelContent.js","sourceRoot":"","sources":["../../src/components/PanelContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAwC;AASjC,MAAM,YAAY,GAAmC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACjH,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ;QACb,8BAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9B,8BAAC,qBAAS,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CACtH,CAAC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,YAAY,gBASvB;AAEF,MAAM,KAAK,GAAqD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5E,IAAI,KAAK,EAAE;QACT,OAAO,0CAAK,KAAK,CAAM,CAAC;KACzB;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC"}
|
|
@@ -1,20 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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.PanelItem = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const HtmlItem_1 = require("./items/HtmlItem");
|
|
9
|
+
const QuestionItem_1 = require("./items/QuestionItem");
|
|
10
|
+
const UnknownItem_1 = require("./items/UnknownItem");
|
|
5
11
|
// TODO: raw_content
|
|
6
|
-
|
|
12
|
+
const PanelItem = props => {
|
|
7
13
|
switch (props.item.type) {
|
|
8
14
|
case "html": {
|
|
9
|
-
return
|
|
15
|
+
return react_1.default.createElement(HtmlItem_1.HtmlItem, { item: props.item, response: props.response });
|
|
10
16
|
}
|
|
11
17
|
case "question": {
|
|
12
|
-
return
|
|
18
|
+
return react_1.default.createElement(QuestionItem_1.QuestionItem, { questionnaire: props.questionnaire, response: props.response, fieldKey: props.item.key, setQuestionRef: props.setQuestionRef });
|
|
13
19
|
}
|
|
14
20
|
default: {
|
|
15
|
-
return
|
|
21
|
+
return react_1.default.createElement(UnknownItem_1.UnknownItem, { item: props.item });
|
|
16
22
|
return null;
|
|
17
23
|
}
|
|
18
24
|
}
|
|
19
25
|
};
|
|
26
|
+
exports.PanelItem = PanelItem;
|
|
20
27
|
//# sourceMappingURL=PanelItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelItem.js","sourceRoot":"","sources":["../../src/components/PanelItem.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"PanelItem.js","sourceRoot":"","sources":["../../src/components/PanelItem.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,+CAA4C;AAC5C,uDAAoD;AACpD,qDAAkD;AASlD,oBAAoB;AAEb,MAAM,SAAS,GAAmC,KAAK,CAAC,EAAE;IAC/D,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACvB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,8BAAC,mBAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC;SACjE;QACD,KAAK,UAAU,CAAC,CAAC;YACf,OAAO,8BAAC,2BAAY,IAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,GAAI,CAAC;SACvJ;QACD,OAAO,CAAC,CAAC;YACP,OAAO,8BAAC,yBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAA;YACxC,OAAO,IAAI,CAAC;SACb;KACF;AACH,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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.ProgressBar = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const react_i18next_1 = require("react-i18next");
|
|
10
|
+
const ProgressBar = ({ max, current }) => {
|
|
11
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
6
12
|
if (max <= 1) {
|
|
7
13
|
return null;
|
|
8
14
|
}
|
|
9
|
-
return (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return (
|
|
15
|
+
return (react_1.default.createElement("div", { className: "progress-bar" },
|
|
16
|
+
react_1.default.createElement("div", { className: "progress-wrapper" },
|
|
17
|
+
react_1.default.createElement("div", { className: (0, classnames_1.default)("progress-slider", { "long-list": max > 25 }) }, Array.from({ length: max }, (x, i) => {
|
|
18
|
+
return (react_1.default.createElement("span", { key: i, className: (0, classnames_1.default)("progress-stop", `step-${i + 1}`, {
|
|
13
19
|
active: i <= current,
|
|
14
20
|
"first-child": i === 0,
|
|
15
21
|
"last-child": i === max - 1,
|
|
16
22
|
current: i === current
|
|
17
23
|
}) }, i + 1));
|
|
18
24
|
})),
|
|
19
|
-
|
|
25
|
+
react_1.default.createElement("div", { className: "progress-details" }, t("step_i_of_n", { i: current + 1, n: max })))));
|
|
20
26
|
};
|
|
27
|
+
exports.ProgressBar = ProgressBar;
|
|
21
28
|
// - if panels.length > 1
|
|
22
29
|
// - current = panel_counter + 1
|
|
23
30
|
// .progress-bar{ 'data-panel-number' => current, 'data-panel-length' => panels.length }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,iDAA+C;AAOxC,MAAM,WAAW,GAAmC,CAAC,EAC1D,GAAG,EACH,OAAO,EACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,IAAI,GAAG,IAAI,CAAC,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;QAC3B,uCAAK,SAAS,EAAC,kBAAkB;YAC/B,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,EAAE,WAAW,EAAE,GAAG,GAAG,EAAE,EAAE,CAAC,IAElE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpC,OAAO,CACL,wCACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,IAAA,oBAAU,EAAC,eAAe,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE;wBACtD,MAAM,EAAE,CAAC,IAAI,OAAO;wBACpB,aAAa,EAAE,CAAC,KAAK,CAAC;wBACtB,YAAY,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC;wBAC3B,OAAO,EAAE,CAAC,KAAK,OAAO;qBACvB,CAAC,IAED,CAAC,GAAG,CAAC,CACD,CACR,CAAC;YACJ,CAAC,CAAC,CACE;YACN,uCAAK,SAAS,EAAC,kBAAkB,IAC7B,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CACxC,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB;AACF,yBAAyB;AACzB,gCAAgC;AAChC,wFAAwF;AACxF,sBAAsB;AACtB,wEAAwE;AACxE,qCAAqC;AACrC,yBAAyB;AACzB,wCAAwC;AACxC,4DAA4D;AAC5D,sDAAsD;AACtD,kEAAkE;AAClE,4DAA4D;AAC5D,0DAA0D;AAC1D,wBAAwB;AACxB,2EAA2E"}
|
package/lib/components/Quby.js
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
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.Quby = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const AnswerPage_1 = require("./AnswerPage");
|
|
9
|
+
const core_1 = require("../core");
|
|
10
|
+
const Quby = (props) => {
|
|
11
|
+
const questionnaire = new core_1.Questionnaire(props.questionnaireJson);
|
|
12
|
+
const response = new core_1.Response(questionnaire, (0, core_1.convertAndValidateResponseJson)(props.responseJson, questionnaire));
|
|
7
13
|
const displayOptions = { displayMode: props.displayMode };
|
|
8
14
|
const handleSave = () => {
|
|
9
15
|
props.onSave(response);
|
|
10
16
|
};
|
|
11
|
-
return
|
|
17
|
+
return react_1.default.createElement(AnswerPage_1.AnswerPage, { questionnaire: questionnaire, response: response, displayOptions: displayOptions, onSave: handleSave });
|
|
12
18
|
};
|
|
19
|
+
exports.Quby = Quby;
|
|
13
20
|
//# sourceMappingURL=Quby.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Quby.js","sourceRoot":"","sources":["../../src/components/Quby.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Quby.js","sourceRoot":"","sources":["../../src/components/Quby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6CAA0C;AAC1C,kCAAkH;AAS3G,MAAM,IAAI,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,aAAa,GAAG,IAAI,oBAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAI,eAAQ,CAAC,aAAa,EAAE,IAAA,qCAA8B,EAAC,KAAK,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAChH,MAAM,cAAc,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAqB,CAAC;IAC7E,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAA;IAED,OAAO,8BAAC,uBAAU,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,GAAI,CAAA;AAC7H,CAAC,CAAA;AATY,QAAA,IAAI,QAShB"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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.QuestionDescription = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const QuestionDescription = (props) => {
|
|
3
9
|
if (!props.question.description)
|
|
4
10
|
return null;
|
|
5
|
-
return
|
|
11
|
+
return react_1.default.createElement("div", { className: "description", dangerouslySetInnerHTML: { __html: props.question.description } });
|
|
6
12
|
};
|
|
13
|
+
exports.QuestionDescription = QuestionDescription;
|
|
7
14
|
//# sourceMappingURL=QuestionDescription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionDescription.js","sourceRoot":"","sources":["../../src/components/QuestionDescription.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"QuestionDescription.js","sourceRoot":"","sources":["../../src/components/QuestionDescription.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAUnB,MAAM,mBAAmB,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC3E,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7C,OAAO,uCAAK,SAAS,EAAC,aAAa,EAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAC,GAAI,CAAA;AACvG,CAAC,CAAA;AAJY,QAAA,mBAAmB,uBAI/B"}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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.QuestionWrapper = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const ValidationErrors_1 = require("./ValidationErrors");
|
|
10
|
+
const QuestionWrapper = props => {
|
|
5
11
|
const { question, fieldState, setQuestionRef } = props;
|
|
6
|
-
const questionRef =
|
|
12
|
+
const questionRef = react_1.default.useRef(null);
|
|
7
13
|
setQuestionRef(question.key, questionRef);
|
|
8
|
-
const className =
|
|
14
|
+
const className = (0, classnames_1.default)("item", question.type, question.presentation, question.questionGroup, question.as, props.className, {
|
|
9
15
|
errors: fieldState.beenActive && fieldState.errors.length > 0,
|
|
10
16
|
active: fieldState.isActiveQuestion
|
|
11
17
|
});
|
|
12
|
-
return (
|
|
13
|
-
|
|
18
|
+
return (react_1.default.createElement("div", { className: className, ref: questionRef, style: { ...(fieldState.isActiveQuestion && activeStyles) } },
|
|
19
|
+
react_1.default.createElement(ValidationErrors_1.ValidationErrors, { fieldState: fieldState }),
|
|
14
20
|
props.children));
|
|
15
21
|
};
|
|
22
|
+
exports.QuestionWrapper = QuestionWrapper;
|
|
16
23
|
const activeStyles = {
|
|
17
24
|
backgroundColor: '#fbfbff'
|
|
18
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionWrapper.js","sourceRoot":"","sources":["../../src/components/QuestionWrapper.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"QuestionWrapper.js","sourceRoot":"","sources":["../../src/components/QuestionWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,yDAAsD;AAS/C,MAAM,eAAe,GAAmC,KAAK,CAAC,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,WAAW,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,SAAS,EAAE;QAC/H,MAAM,EAAE,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;QAC7D,MAAM,EAAE,UAAU,CAAC,gBAAgB;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,EAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,IAAI,YAAY,CAAC,EAAC;QACpG,8BAAC,mCAAgB,IAAC,UAAU,EAAE,UAAU,GAAI;QAC3C,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,eAAe,mBAgB1B;AAGF,MAAM,YAAY,GAAG;IACnB,eAAe,EAAE,SAAS;CAC3B,CAAA"}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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.ValidationErrors = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const react_i18next_1 = require("react-i18next");
|
|
10
|
+
const ValidationErrors = ({ fieldState }) => {
|
|
5
11
|
if (!fieldState.beenActive)
|
|
6
12
|
return null;
|
|
7
|
-
return
|
|
13
|
+
return react_1.default.createElement(react_1.default.Fragment, null, fieldState.errors.map(error => react_1.default.createElement(Error, { key: error.type, error: error })));
|
|
8
14
|
};
|
|
15
|
+
exports.ValidationErrors = ValidationErrors;
|
|
9
16
|
const Error = ({ error }) => {
|
|
10
|
-
const { t } = useTranslation();
|
|
11
|
-
const className =
|
|
17
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
18
|
+
const className = (0, classnames_1.default)("error", error.type);
|
|
12
19
|
const args = { ...error.message };
|
|
13
20
|
delete args.t;
|
|
14
|
-
return
|
|
21
|
+
return react_1.default.createElement("div", { className: className }, t(`validations.${error.message.t}`, args));
|
|
15
22
|
};
|
|
16
23
|
//# sourceMappingURL=ValidationErrors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidationErrors.js","sourceRoot":"","sources":["../../src/components/ValidationErrors.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"ValidationErrors.js","sourceRoot":"","sources":["../../src/components/ValidationErrors.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AACpC,iDAA+C;AAMxC,MAAM,gBAAgB,GAAmC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACjF,IAAI,CAAC,UAAU,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAExC,OAAO,8DAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,8BAAC,KAAK,IAAC,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAI,CAAC;AACzF,CAAC,CAAC;AAJW,QAAA,gBAAgB,oBAI3B;AAEF,MAAM,KAAK,GAA+C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,IAAI,GAAQ,EAAC,GAAG,KAAK,CAAC,OAAO,EAAC,CAAC;IACrC,OAAO,IAAI,CAAC,CAAC,CAAC;IAEd,OAAO,uCAAK,SAAS,EAAE,SAAS,IAC7B,CAAC,CAAC,eAAe,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CACtC,CAAA;AACR,CAAC,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
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
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./AnswerPage"), exports);
|
|
14
|
+
__exportStar(require("./Quby"), exports);
|
|
3
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yCAAuB"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (
|
|
4
|
-
React.createElement("div", { className: "text", dangerouslySetInnerHTML: { __html: item.html } })));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.HtmlItem = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const HtmlItem = ({ item }) => {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "item" },
|
|
10
|
+
react_1.default.createElement("div", { className: "text", dangerouslySetInnerHTML: { __html: item.html } })));
|
|
11
|
+
};
|
|
12
|
+
exports.HtmlItem = HtmlItem;
|
|
6
13
|
//# sourceMappingURL=HtmlItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlItem.js","sourceRoot":"","sources":["../../../src/components/items/HtmlItem.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"HtmlItem.js","sourceRoot":"","sources":["../../../src/components/items/HtmlItem.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,QAAQ,GAAmC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,uCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB"}
|