@roqua/quby-frontend 0.4.3 → 0.5.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.
Files changed (80) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/lib/components/AnswerPage.js +26 -49
  3. package/lib/components/AnswerPage.js.map +1 -1
  4. package/lib/components/MainLabel.js +6 -14
  5. package/lib/components/MainLabel.js.map +1 -1
  6. package/lib/components/Paginator.js +29 -53
  7. package/lib/components/Paginator.js.map +1 -1
  8. package/lib/components/PanelContent.js +8 -17
  9. package/lib/components/PanelContent.js.map +1 -1
  10. package/lib/components/PanelItem.js +8 -15
  11. package/lib/components/PanelItem.js.map +1 -1
  12. package/lib/components/ProgressBar.js +10 -18
  13. package/lib/components/ProgressBar.js.map +1 -1
  14. package/lib/components/Quby.d.ts +2 -2
  15. package/lib/components/Quby.d.ts.map +1 -1
  16. package/lib/components/Quby.js +9 -16
  17. package/lib/components/Quby.js.map +1 -1
  18. package/lib/components/QuestionDescription.js +3 -10
  19. package/lib/components/QuestionDescription.js.map +1 -1
  20. package/lib/components/QuestionWrapper.js +10 -28
  21. package/lib/components/QuestionWrapper.js.map +1 -1
  22. package/lib/components/ValidationErrors.js +10 -30
  23. package/lib/components/ValidationErrors.js.map +1 -1
  24. package/lib/components/index.js +2 -14
  25. package/lib/components/index.js.map +1 -1
  26. package/lib/components/items/HtmlItem.js +4 -12
  27. package/lib/components/items/HtmlItem.js.map +1 -1
  28. package/lib/components/items/QuestionItem.js +34 -42
  29. package/lib/components/items/QuestionItem.js.map +1 -1
  30. package/lib/components/items/UnknownItem.js +3 -11
  31. package/lib/components/items/UnknownItem.js.map +1 -1
  32. package/lib/components/questions/CheckBoxQuestion.js +33 -43
  33. package/lib/components/questions/CheckBoxQuestion.js.map +1 -1
  34. package/lib/components/questions/DatePartsQuestion.js +18 -26
  35. package/lib/components/questions/DatePartsQuestion.js.map +1 -1
  36. package/lib/components/questions/FloatQuestion.js +16 -24
  37. package/lib/components/questions/FloatQuestion.js.map +1 -1
  38. package/lib/components/questions/IntegerQuestion.js +16 -24
  39. package/lib/components/questions/IntegerQuestion.js.map +1 -1
  40. package/lib/components/questions/RadioQuestion.js +32 -42
  41. package/lib/components/questions/RadioQuestion.js.map +1 -1
  42. package/lib/components/questions/ScaleQuestion.js +31 -41
  43. package/lib/components/questions/ScaleQuestion.js.map +1 -1
  44. package/lib/components/questions/SelectQuestion.js +21 -31
  45. package/lib/components/questions/SelectQuestion.js.map +1 -1
  46. package/lib/components/questions/SliderQuestion.js +59 -67
  47. package/lib/components/questions/SliderQuestion.js.map +1 -1
  48. package/lib/components/questions/StringQuestion.js +16 -24
  49. package/lib/components/questions/StringQuestion.js.map +1 -1
  50. package/lib/components/questions/TextareaQuestion.js +15 -23
  51. package/lib/components/questions/TextareaQuestion.js.map +1 -1
  52. package/lib/core/index.d.ts +1 -0
  53. package/lib/core/index.d.ts.map +1 -1
  54. package/lib/core/index.js +5 -16
  55. package/lib/core/index.js.map +1 -1
  56. package/lib/core/mock_helpers.js +11 -17
  57. package/lib/core/mock_helpers.js.map +1 -1
  58. package/lib/core/questionnaire.js +8 -13
  59. package/lib/core/questionnaire.js.map +1 -1
  60. package/lib/core/questionnaire_json.d.ts +5 -3
  61. package/lib/core/questionnaire_json.d.ts.map +1 -1
  62. package/lib/core/questionnaire_json.js +2 -2
  63. package/lib/core/questionnaire_json.js.map +1 -1
  64. package/lib/core/response.d.ts +13 -5
  65. package/lib/core/response.d.ts.map +1 -1
  66. package/lib/core/response.js +72 -78
  67. package/lib/core/response.js.map +1 -1
  68. package/lib/core/response_json.d.ts +11 -0
  69. package/lib/core/response_json.d.ts.map +1 -0
  70. package/lib/core/response_json.js +68 -0
  71. package/lib/core/response_json.js.map +1 -0
  72. package/lib/core/validators.js +56 -169
  73. package/lib/core/validators.js.map +1 -1
  74. package/lib/core/visibility_rules.js +37 -90
  75. package/lib/core/visibility_rules.js.map +1 -1
  76. package/lib/i18n.js +7 -12
  77. package/lib/i18n.js.map +1 -1
  78. package/lib/index.js +3 -15
  79. package/lib/index.js.map +1 -1
  80. package/package.json +3 -2
@@ -1 +1 @@
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;AAQtD,IAAM,eAAe,GAAmC,UAAC,EAAwC;QAAtC,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IACpG,IAAM,YAAY,GAAG,UAAC,KAA0C;QAC9D,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,EAAE,cAAc,EAAE,cAAc;QACzF,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,4CACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,UAAU,CAAC,mBAAmB,GACvC;gBACA,QAAQ,CAAC,IAAI,IAAI,2CAAM,SAAS,EAAC,MAAM;oBAAE,GAAG;oBAAE,QAAQ,CAAC,IAAI,CAAQ,CACjE,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
1
+ {"version":3,"file":"IntegerQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IAC1G,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,0BAA0B;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,oBAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,6BAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAE1C,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,UAAU,CAAC,mBAAmB,GACvC;gBACA,QAAQ,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAC,MAAM;oBAAE,GAAG;oBAAE,QAAQ,CAAC,IAAI,CAAQ,CACjE,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,UAAU,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACxC,CAAC"}
@@ -1,58 +1,48 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- exports.__esModule = true;
6
- exports.RadioQuestion = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var classnames_1 = __importDefault(require("classnames"));
9
- var MainLabel_1 = require("../MainLabel");
10
- var QuestionWrapper_1 = require("../QuestionWrapper");
11
- var QuestionDescription_1 = require("../QuestionDescription");
12
- var RadioQuestion = function (_a) {
13
- var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
14
- var handleChange = function (event) {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import { MainLabel } from "../MainLabel";
4
+ import { QuestionWrapper } from "../QuestionWrapper";
5
+ import { QuestionDescription } from "../QuestionDescription";
6
+ export const RadioQuestion = ({ question, fieldState, setQuestionRef }) => {
7
+ const handleChange = (event) => {
15
8
  fieldState.setValue(event.target.value);
16
9
  };
17
- var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
18
- return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
19
- react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
20
- react_1["default"].createElement("div", { className: "description-and-fields" },
21
- react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
22
- react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map(function (child, index) { return (child.type === 'option'
23
- ? react_1["default"].createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
24
- : react_1["default"].createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })); })))));
10
+ const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
11
+ return (React.createElement(QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
12
+ React.createElement(MainLabel, { question: question }),
13
+ React.createElement("div", { className: "description-and-fields" },
14
+ React.createElement(QuestionDescription, { question: question }),
15
+ React.createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map((child, index) => (child.type === 'option'
16
+ ? React.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
17
+ : React.createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })))))));
25
18
  };
26
- exports.RadioQuestion = RadioQuestion;
27
- var Option = function (_a) {
28
- var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
29
- var divClassNames = (0, classnames_1["default"])("option", {
19
+ const Option = ({ question, option, index, fieldState }) => {
20
+ const divClassNames = classNames("option", {
30
21
  show_values: false // TODO
31
22
  });
32
- var inputClassNames = (0, classnames_1["default"])(question.type, {
23
+ const inputClassNames = classNames(question.type, {
33
24
  subinput: false,
34
25
  deselectable: false // TODO
35
26
  });
36
- var checked = fieldState.value === option.key;
37
- var handleChange = function (event) { return fieldState.setValue(option.key); };
38
- var handleClick = function (event) { (checked && question.deselectable ? fieldState.setValue(null) : true); };
39
- return (react_1["default"].createElement("div", { className: divClassNames },
40
- react_1["default"].createElement("div", { className: "radiocheckwrapper" },
41
- react_1["default"].createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion })),
42
- react_1["default"].createElement(ShowValue, { question: question, option: option }),
43
- react_1["default"].createElement("div", { className: "labelwrapper" },
44
- react_1["default"].createElement("label", { htmlFor: option.viewId },
45
- react_1["default"].createElement("span", { dangerouslySetInnerHTML: { __html: option.description } }))),
46
- react_1["default"].createElement(SubQuestions, null)));
27
+ const checked = fieldState.value === option.key;
28
+ const handleChange = (event) => fieldState.setValue(option.key);
29
+ const handleClick = (event) => { (checked && question.deselectable ? fieldState.setValue(null) : true); };
30
+ return (React.createElement("div", { className: divClassNames },
31
+ React.createElement("div", { className: "radiocheckwrapper" },
32
+ React.createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion })),
33
+ React.createElement(ShowValue, { question: question, option: option }),
34
+ React.createElement("div", { className: "labelwrapper" },
35
+ React.createElement("label", { htmlFor: option.viewId },
36
+ React.createElement("span", { dangerouslySetInnerHTML: { __html: option.description } }))),
37
+ React.createElement(SubQuestions, null)));
47
38
  };
48
- var ShowValue = function (_a) {
49
- var question = _a.question, option = _a.option;
39
+ const ShowValue = ({ question, option }) => {
50
40
  return null; // TODO
51
41
  };
52
- var SubQuestions = function () {
42
+ const SubQuestions = () => {
53
43
  return null; // TODO
54
44
  };
55
45
  function htmlId(question) {
56
- return "answer_".concat(question.key, "_input");
46
+ return `answer_${question.key}_input`;
57
47
  }
58
48
  //# sourceMappingURL=RadioQuestion.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"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"}
@@ -1,56 +1,46 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- exports.__esModule = true;
6
- exports.ScaleQuestion = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var classnames_1 = __importDefault(require("classnames"));
9
- var MainLabel_1 = require("../MainLabel");
10
- var QuestionWrapper_1 = require("../QuestionWrapper");
11
- var QuestionDescription_1 = require("../QuestionDescription");
12
- var ScaleQuestion = function (_a) {
13
- var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
14
- var handleChange = function (event) {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import { MainLabel } from "../MainLabel";
4
+ import { QuestionWrapper } from "../QuestionWrapper";
5
+ import { QuestionDescription } from "../QuestionDescription";
6
+ export const ScaleQuestion = ({ question, fieldState, setQuestionRef }) => {
7
+ const handleChange = (event) => {
15
8
  fieldState.setValue(event.target.value);
16
9
  };
17
- var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
18
- return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
19
- react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
20
- react_1["default"].createElement("div", { className: "description-and-fields" },
21
- react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
22
- react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) },
23
- react_1["default"].createElement("table", { cellSpacing: "0" },
24
- react_1["default"].createElement("tbody", null,
25
- react_1["default"].createElement("tr", null, question.children.map(function (child, index) { return (react_1["default"].createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })); }))))))));
10
+ const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
11
+ return (React.createElement(QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
12
+ React.createElement(MainLabel, { question: question }),
13
+ React.createElement("div", { className: "description-and-fields" },
14
+ React.createElement(QuestionDescription, { question: question }),
15
+ React.createElement("div", { className: fieldsClassNames, id: htmlId(question) },
16
+ React.createElement("table", { cellSpacing: "0" },
17
+ React.createElement("tbody", null,
18
+ React.createElement("tr", null, question.children.map((child, index) => (React.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState }))))))))));
26
19
  };
27
- exports.ScaleQuestion = ScaleQuestion;
28
- var Option = function (_a) {
29
- var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
30
- var tdClassNames = (0, classnames_1["default"])("option", "optionwidth".concat(question.children.length), {
20
+ const Option = ({ question, option, index, fieldState }) => {
21
+ const tdClassNames = classNames("option", `optionwidth${question.children.length}`, {
31
22
  first: index <= 0,
32
23
  last: index >= question.children.length - 1
33
24
  });
34
- var inputClassNames = (0, classnames_1["default"])(question.type, {
25
+ const inputClassNames = classNames(question.type, {
35
26
  subinput: false,
36
27
  deselectable: false // TODO
37
28
  });
38
- var checked = fieldState.value === option.key;
39
- var handleChange = function (event) { return fieldState.setValue(option.key); };
40
- var handleClick = function () { return (checked && question.deselectable ? fieldState.setValue(null) : true); };
41
- return (react_1["default"].createElement("td", { className: tdClassNames },
42
- react_1["default"].createElement(ShowValue, { question: question, option: option }),
43
- react_1["default"].createElement("span", null,
44
- react_1["default"].createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion }),
45
- react_1["default"].createElement("br", null),
46
- react_1["default"].createElement("label", { htmlFor: option.viewId },
47
- react_1["default"].createElement("span", { dangerouslySetInnerHTML: { __html: option.description } })))));
29
+ const checked = fieldState.value === option.key;
30
+ const handleChange = (event) => fieldState.setValue(option.key);
31
+ const handleClick = () => (checked && question.deselectable ? fieldState.setValue(null) : true);
32
+ return (React.createElement("td", { className: tdClassNames },
33
+ React.createElement(ShowValue, { question: question, option: option }),
34
+ React.createElement("span", null,
35
+ React.createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion }),
36
+ React.createElement("br", null),
37
+ React.createElement("label", { htmlFor: option.viewId },
38
+ React.createElement("span", { dangerouslySetInnerHTML: { __html: option.description } })))));
48
39
  };
49
- var ShowValue = function (_a) {
50
- var question = _a.question, option = _a.option;
40
+ const ShowValue = ({ question, option }) => {
51
41
  return null; // TODO
52
42
  };
53
43
  function htmlId(question) {
54
- return "answer_".concat(question.key, "_input");
44
+ return `answer_${question.key}_input`;
55
45
  }
56
46
  //# sourceMappingURL=ScaleQuestion.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScaleQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ScaleQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"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"}
@@ -1,44 +1,34 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- exports.__esModule = true;
6
- exports.SelectQuestion = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var classnames_1 = __importDefault(require("classnames"));
9
- var MainLabel_1 = require("../MainLabel");
10
- var QuestionWrapper_1 = require("../QuestionWrapper");
11
- var QuestionDescription_1 = require("../QuestionDescription");
12
- var SelectQuestion = function (_a) {
13
- var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
14
- var handleChange = function (event) {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import { MainLabel } from "../MainLabel";
4
+ import { QuestionWrapper } from "../QuestionWrapper";
5
+ import { QuestionDescription } from "../QuestionDescription";
6
+ export const SelectQuestion = ({ question, fieldState, setQuestionRef }) => {
7
+ const handleChange = (event) => {
15
8
  fieldState.setValue(event.target.value);
16
9
  };
17
- var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
18
- return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
19
- react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
20
- react_1["default"].createElement("div", { className: "description-and-fields" },
21
- react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
22
- react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) },
23
- react_1["default"].createElement("select", { onChange: handleChange, onFocus: fieldState.setAsActiveQuestion },
10
+ const fieldsClassNames = classNames("fields", question.presentation !== "horizontal" ? `options${question.children.length}` : null);
11
+ return (React.createElement(QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
12
+ React.createElement(MainLabel, { question: question }),
13
+ React.createElement("div", { className: "description-and-fields" },
14
+ React.createElement(QuestionDescription, { question: question }),
15
+ React.createElement("div", { className: fieldsClassNames, id: htmlId(question) },
16
+ React.createElement("select", { onChange: handleChange, onFocus: fieldState.setAsActiveQuestion },
24
17
  question.placeholder
25
- ? react_1["default"].createElement("option", { key: "placeholder", className: "placeholder" }, question.placeholder)
18
+ ? React.createElement("option", { key: "placeholder", className: "placeholder" }, question.placeholder)
26
19
  : null,
27
- question.children.map(function (child, index) { return (react_1["default"].createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })); }))))));
20
+ question.children.map((child, index) => (React.createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState }))))))));
28
21
  };
29
- exports.SelectQuestion = SelectQuestion;
30
- var Option = function (_a) {
31
- var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
32
- return (react_1["default"].createElement("option", { value: option.key, disabled: false }, option.description));
22
+ const Option = ({ question, option, index, fieldState }) => {
23
+ return (React.createElement("option", { value: option.key, disabled: false }, option.description));
33
24
  };
34
- var ShowValue = function (_a) {
35
- var question = _a.question, option = _a.option;
25
+ const ShowValue = ({ question, option }) => {
36
26
  return null; // TODO
37
27
  };
38
- var SubQuestions = function () {
28
+ const SubQuestions = () => {
39
29
  return null; // TODO
40
30
  };
41
31
  function htmlId(question) {
42
- return "answer_".concat(question.key, "_input");
32
+ return `answer_${question.key}_input`;
43
33
  }
44
34
  //# sourceMappingURL=SelectQuestion.js.map
@@ -1 +1 @@
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;AAQtD,IAAM,cAAc,GAAmC,UAAC,EAAwC;QAAtC,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IACnG,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,QAAQ,CAAC,MAAM,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpI,OAAO,CACL,iCAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,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,EAAE,OAAO,EAAE,UAAU,CAAC,mBAAmB;oBACnE,QAAQ,CAAC,WAAW;wBACpB,CAAC,CAAC,6CAAQ,GAAG,EAAC,aAAa,EAAC,SAAS,EAAC,aAAa,IAAE,QAAQ,CAAC,WAAW,CAAU;wBACnF,CAAC,CAAC,IAAI;oBAEP,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACvC,iCAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACpG,EAFwC,CAExC,CAAC,CACK,CACL,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB;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
+ {"version":3,"file":"SelectQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;IACzG,MAAM,YAAY,GAAG,CAAC,KAA2C,EAAE,EAAE;QACnE,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAA;IACD,MAAM,gBAAgB,GAAG,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpI,OAAO,CACL,oBAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,oBAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAE3C,6BAAK,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBACpD,gCAAQ,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,mBAAmB;oBACnE,QAAQ,CAAC,WAAW;wBACpB,CAAC,CAAC,gCAAQ,GAAG,EAAC,aAAa,EAAC,SAAS,EAAC,aAAa,IAAE,QAAQ,CAAC,WAAW,CAAU;wBACnF,CAAC,CAAC,IAAI;oBAEP,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACpG,CAAC,CACK,CACL,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAKP,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/C,OAAO,CACL,gCAAQ,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,IACvC,MAAM,CAAC,WAAW,CACZ,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAGV,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5B,OAAO,IAAI,CAAC,CAAC,OAAO;AACtB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,IAAI,CAAC,CAAC,OAAO;AACtB,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,QAAyB;IACvC,OAAO,UAAU,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACxC,CAAC"}
@@ -1,98 +1,90 @@
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
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- exports.__esModule = true;
17
- exports.SliderQuestion = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var react_range_1 = require("react-range");
20
- var MainLabel_1 = require("../MainLabel");
21
- var QuestionWrapper_1 = require("../QuestionWrapper");
22
- var QuestionDescription_1 = require("../QuestionDescription");
23
- var SliderQuestion = function (_a) {
24
- var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
25
- var handleChange = function (newValues) {
1
+ import React from "react";
2
+ import { Range } from 'react-range';
3
+ import { MainLabel } from "../MainLabel";
4
+ import { QuestionWrapper } from "../QuestionWrapper";
5
+ import { QuestionDescription } from "../QuestionDescription";
6
+ export const SliderQuestion = ({ question, fieldState, setQuestionRef }) => {
7
+ const handleChange = (newValues) => {
26
8
  fieldState.setValue(newValues[0]);
27
9
  };
28
- var blank = fieldState.value == null;
29
- var value = fieldState.value || question.defaultPosition;
30
- var markerLabels = calculateMarkerLabels(question);
31
- return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
32
- react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
33
- react_1["default"].createElement("div", { className: "description-and-fields" },
34
- react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
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, onFocus: fieldState.setAsActiveQuestion })); }, renderMark: function (_a) {
40
- var props = _a.props, index = _a.index;
41
- return (markerLabels[index] !== undefined
42
- ? renderMark(props, markerLabels[index])
43
- : null);
44
- } })))));
10
+ const blank = fieldState.value == null;
11
+ const value = fieldState.value || question.defaultPosition;
12
+ const markerLabels = calculateMarkerLabels(question);
13
+ return (React.createElement(QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
14
+ React.createElement(MainLabel, { question: question }),
15
+ React.createElement("div", { className: "description-and-fields" },
16
+ React.createElement(QuestionDescription, { question: question }),
17
+ React.createElement("div", { className: "fields" },
18
+ React.createElement(Range, { values: [value], onChange: handleChange, min: question.minimum, max: question.maximum, step: question.step, renderTrack: ({ props, children }) => (React.createElement("div", { ...props, style: { ...props.style, ...trackStyles } }, children)), renderThumb: (thumbProps) => renderThumb({
19
+ ...thumbProps,
20
+ blank: blank,
21
+ showTooltip: question.valueTooltip,
22
+ startThumbHidden: question.startThumbHidden,
23
+ onFocus: fieldState.setAsActiveQuestion
24
+ }), renderMark: ({ props, index }) => (markerLabels[index] !== undefined
25
+ ? renderMark(props, markerLabels[index])
26
+ : null) })))));
45
27
  };
46
- exports.SliderQuestion = SliderQuestion;
47
28
  // blank: no value is set in fieldState
48
29
  // showTooltip: how a tooltip with the value while dragging
49
30
  // startThumbHidden:
50
31
  // if set: hide thumb while <blank>
51
32
  // 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, onFocus = _a.onFocus;
33
+ const renderThumb = ({ props, value, index, isDragged, blank, showTooltip, startThumbHidden, onFocus }) => {
54
34
  if (startThumbHidden && blank) {
55
- return react_1["default"].createElement("div", __assign({}, props));
35
+ return React.createElement("div", { ...props });
56
36
  }
57
- return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign(__assign(__assign({}, props.style), baseThumbStyles), (isDragged && isDraggedThumbStyles)), (blank && invalidThumbStyles)), onFocus: onFocus }),
37
+ return (React.createElement("div", { ...props, style: {
38
+ ...props.style,
39
+ ...baseThumbStyles,
40
+ ...(isDragged && isDraggedThumbStyles),
41
+ ...(blank && invalidThumbStyles)
42
+ }, onFocus: onFocus },
58
43
  "||",
59
- showTooltip && isDragged && react_1["default"].createElement("div", { style: labelStyles }, value)));
44
+ showTooltip && isDragged && React.createElement("div", { style: labelStyles }, value)));
60
45
  };
61
46
  // Outer div is vertical bar.
62
47
  // inner div is absolutely center positioned label.
63
48
  // 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: {
49
+ const renderMark = (props, label) => (React.createElement("div", { ...props, style: {
50
+ ...props.style,
51
+ top: '18px',
52
+ marginTop: 0,
53
+ height: '9px',
54
+ width: '1px',
55
+ backgroundColor: '#d3d3d3'
56
+ } },
57
+ React.createElement("div", { style: {
66
58
  position: 'absolute',
67
59
  top: '8px',
68
60
  transform: label.first
69
61
  ? undefined
70
62
  : label.last
71
63
  ? 'translateX(-100%)'
72
- : 'translateX(-50%)'
73
- }, dangerouslySetInnerHTML: { __html: label.text } }))); };
64
+ : 'translateX(-50%)',
65
+ }, dangerouslySetInnerHTML: { __html: label.text } })));
74
66
  // {<markerIndex>: {text: .., first: true, last: false}}
75
67
  // There can be hundreds of markers, but we'll only ever show the ones with a label.
76
- var calculateMarkerLabels = function (question) {
68
+ const calculateMarkerLabels = (question) => {
77
69
  if (question.labels.length === 0)
78
70
  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)));
71
+ const nroMarkers = (question.maximum - question.minimum) / question.step;
72
+ const markerLabels = {};
73
+ question.labels.forEach((label, labelIndex) => {
74
+ const markerIdx = Math.floor((labelIndex * nroMarkers / (question.labels.length - 1)));
83
75
  markerLabels[markerIdx] = { text: label, first: labelIndex === 0, last: labelIndex === question.labels.length - 1 };
84
76
  });
85
77
  return markerLabels;
86
78
  };
87
- var trackStyles = {
79
+ const trackStyles = {
88
80
  border: '1px solid #d3d3d3',
89
81
  background: '#fafafa',
90
82
  height: '18px',
91
83
  borderRadius: '4px',
92
84
  marginBottom: '18px',
93
- boxShadow: 'inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB'
85
+ boxShadow: 'inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB',
94
86
  };
95
- var baseThumbStyles = {
87
+ const baseThumbStyles = {
96
88
  height: '28px',
97
89
  width: '34px',
98
90
  textAlign: 'center',
@@ -101,23 +93,23 @@ var baseThumbStyles = {
101
93
  color: '#E8E7E6',
102
94
  border: '1px solid #9AC1DD',
103
95
  borderRadius: '3px',
104
- boxShadow: 'inset 0 0 1px #FFF, inset 0 1px 7px #9AC1DD, 0 3px 6px -3px #9AC1DD'
96
+ boxShadow: 'inset 0 0 1px #FFF, inset 0 1px 7px #9AC1DD, 0 3px 6px -3px #9AC1DD',
105
97
  };
106
- var isDraggedThumbStyles = {
107
- boxShadow: 'inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB'
98
+ const isDraggedThumbStyles = {
99
+ boxShadow: 'inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB',
108
100
  };
109
- var invalidThumbStyles = {
101
+ const invalidThumbStyles = {
110
102
  backgroundColor: "rgba(255, 255, 255, .5)",
111
103
  boxShadow: 'none',
112
- border: '1px solid #D9D9D9'
104
+ border: '1px solid #D9D9D9',
113
105
  };
114
- var labelStyles = {
106
+ const labelStyles = {
115
107
  position: 'absolute',
116
108
  top: '-28px',
117
109
  left: '17px',
118
110
  transform: 'translateX(-50%)',
119
111
  color: '#000',
120
112
  fontWeight: 'bold',
121
- padding: '4px'
113
+ padding: '4px',
122
114
  };
123
115
  //# sourceMappingURL=SliderQuestion.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SliderQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SliderQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"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"}
@@ -1,33 +1,25 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- exports.__esModule = true;
6
- exports.StringQuestion = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var classnames_1 = __importDefault(require("classnames"));
9
- var MainLabel_1 = require("../MainLabel");
10
- var QuestionWrapper_1 = require("../QuestionWrapper");
11
- var QuestionDescription_1 = require("../QuestionDescription");
12
- var StringQuestion = function (_a) {
13
- var _b;
14
- var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
15
- var handleChange = function (event) {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import { MainLabel } from "../MainLabel";
4
+ import { QuestionWrapper } from "../QuestionWrapper";
5
+ import { QuestionDescription } from "../QuestionDescription";
6
+ export const StringQuestion = ({ question, fieldState, setQuestionRef }) => {
7
+ var _a;
8
+ const handleChange = (event) => {
16
9
  fieldState.setValue(event.target.value);
17
10
  };
18
- var className = (0, classnames_1["default"])(question.type, {
11
+ const className = classNames(question.type, {
19
12
  sized: !!question.size,
20
13
  subitem: false // TODO
21
14
  });
22
- return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
23
- react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
24
- react_1["default"].createElement("div", { className: "description-and-fields" },
25
- react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
26
- react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
27
- react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", size: (_b = question.size) !== null && _b !== void 0 ? _b : undefined, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion })))));
15
+ return (React.createElement(QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
16
+ React.createElement(MainLabel, { question: question }),
17
+ React.createElement("div", { className: "description-and-fields" },
18
+ React.createElement(QuestionDescription, { question: question }),
19
+ React.createElement("div", { className: "fields", id: htmlId(question) },
20
+ React.createElement("input", { type: "text", className: className, value: fieldState.value || "", size: (_a = question.size) !== null && _a !== void 0 ? _a : undefined, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion })))));
28
21
  };
29
- exports.StringQuestion = StringQuestion;
30
22
  function htmlId(question) {
31
- return "answer_".concat(question.key, "_input");
23
+ return `answer_${question.key}_input`;
32
24
  }
33
25
  //# sourceMappingURL=StringQuestion.js.map
@@ -1 +1 @@
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;AAQtD,IAAM,cAAc,GAAmC,UAAC,EAAwC;;QAAtC,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IACnG,IAAM,YAAY,GAAG,UAAC,KAA0C;QAC9D,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,EAAE,cAAc,EAAE,cAAc;QACzF,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,4CACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,MAAA,QAAQ,CAAC,IAAI,mCAAI,SAAS,EAChC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,UAAU,CAAC,mBAAmB,GAAI,CACzC,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,cAAc,kBA2BzB;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}
1
+ {"version":3,"file":"StringQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/StringQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,EAAE;;IACzG,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc;QACzF,oBAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACjC,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI;YAC3C,6BAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC;gBAE1C,+BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,MAAA,QAAQ,CAAC,IAAI,mCAAI,SAAS,EAChC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,UAAU,CAAC,mBAAmB,GAAI,CACzC,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,QAAmB;IACjC,OAAO,UAAU,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACxC,CAAC"}