@roqua/quby-frontend 0.2.0 → 0.4.0

package/lib/components/questions/CheckBoxQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAMrE,aAAK,kBAAkB,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAEnD,UAAU,KAAK;IACb,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuB3D,CAAC"}
+{"version":3,"file":"CheckBoxQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAC;AAM7E,aAAK,kBAAkB,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAEnD,UAAU,KAAK;IACb,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA6B3D,CAAC"}

package/lib/components/questions/CheckBoxQuestion.js

@@ -10,13 +10,15 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var CheckBoxQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
-    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
+    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
-            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 })); })))));
+            react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map(function (child, index) { return (child.type === 'option'
+                ? react_1["default"].createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
+                : react_1["default"].createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })); })))));
 };
 exports.CheckBoxQuestion = CheckBoxQuestion;
 var Option = function (_a) {
@@ -29,11 +31,11 @@ var Option = function (_a) {
         deselectable: false // TODO
     });
     var value = fieldState.value || new Set();
-    var checked = value.has(option.key);
-    var handleChange = function (event) { return fieldState.setValue(toggleValue(fieldState, option.key)); };
+    var checked = value.has(option.key) || false;
+    var handleChange = function (event) { return option.key && fieldState.setValue(toggleValue(fieldState, option.key)); };
     return (react_1["default"].createElement("div", { className: divClassNames },
         react_1["default"].createElement("div", { className: "radiocheckwrapper" },
-            react_1["default"].createElement("input", { type: "checkbox", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange })),
+            react_1["default"].createElement("input", { type: "checkbox", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion })),
         react_1["default"].createElement(ShowValue, { question: question, option: option }),
         react_1["default"].createElement("div", { className: "labelwrapper" },
             react_1["default"].createElement("label", { htmlFor: option.viewId },

package/lib/components/questions/CheckBoxQuestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CheckBoxQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/CheckBoxQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/components/questions/DatePartsQuestion.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DatePartsComponent, IFieldState, IDatePartsQuestion } from "../../core";
+interface Props {
+    question: IDatePartsQuestion;
+    fieldState: IFieldState<Map<DatePartsComponent, string>>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+}
+export declare const DatePartsQuestion: React.FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=DatePartsQuestion.d.ts.map

package/lib/components/questions/DatePartsQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePartsQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/DatePartsQuestion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,EAAU,MAAM,YAAY,CAAC;AAIzF,UAAU,KAAK;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAsC5D,CAAC"}

package/lib/components/questions/DatePartsQuestion.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.DatePartsQuestion = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var react_i18next_1 = require("react-i18next");
+var MainLabel_1 = require("../MainLabel");
+var QuestionWrapper_1 = require("../QuestionWrapper");
+var QuestionDescription_1 = require("../QuestionDescription");
+var DatePartsQuestion = function (_a) {
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var handleChange = function (event, component) {
+        var newValue = new Map(fieldState.value || []);
+        newValue.set(component, event.target.value.trim());
+        fieldState.setValue(newValue);
+    };
+    var className = (0, classnames_1["default"])(question.type, {
+        subitem: false // TODO
+    });
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
+        react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
+        react_1["default"].createElement("div", { className: "description-and-fields" },
+            react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
+            react_1["default"].createElement("div", { className: "fields", id: htmlId(question) }, question.dateParts.map(function (datePart) {
+                var _a;
+                return react_1["default"].createElement("input", { key: datePart.part, type: "text", value: ((_a = fieldState.value) === null || _a === void 0 ? void 0 : _a.get(datePart.part)) || '', placeholder: t("placeholders.".concat(datePart.part)), className: className, onChange: function (event) { return handleChange(event, datePart.part); }, size: datePart.part === "year" ? 5 : 3, style: { marginRight: '.5em' }, onFocus: fieldState.setAsActiveQuestion });
+            })))));
+};
+exports.DatePartsQuestion = DatePartsQuestion;
+function htmlId(question) {
+    return "answer_".concat(question.key, "_input");
+}
+//# sourceMappingURL=DatePartsQuestion.js.map

package/lib/components/questions/DatePartsQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePartsQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/DatePartsQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAA0B;AAC1B,+CAA+C;AAE/C,0CAAyC;AAEzC,sDAAqD;AACrD,8DAA6D;AAQtD,IAAM,iBAAiB,GAAmC,UAAC,EAAwC;QAAtC,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IAC9F,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IAC/B,IAAM,YAAY,GAAG,UAAC,KAA0C,EAAE,SAA6B;QAC7F,IAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACjD,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,IAAM,SAAS,GAAG,IAAA,uBAAU,EAAC,QAAQ,CAAC,IAAI,EAAE;QAC1C,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,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,IAExC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,UAAC,QAAQ;;gBAC9B,OAAA,4CACE,GAAG,EAAE,QAAQ,CAAC,IAAI,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,CAAA,MAAA,UAAU,CAAC,KAAK,0CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAI,EAAE,EACjD,WAAW,EAAE,CAAC,CAAC,uBAAgB,QAAQ,CAAC,IAAI,CAAE,CAAC,EAC/C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAlC,CAAkC,EACrD,IAAI,EAAE,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtC,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,EAC5B,OAAO,EAAE,UAAU,CAAC,mBAAmB,GAGvC,CAAA;aAAA,CACH,CAEC,CACF,CACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,iBAAiB,qBAsC5B;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}

package/lib/components/questions/FloatQuestion.d.ts

@@ -2,7 +2,8 @@ import React from "react";
 import { IFloatQuestion, IFieldState } from "../../core";
 interface Props {
     question: IFloatQuestion;
-    fieldState: IFieldState<number>;
+    fieldState: IFieldState<string>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const FloatQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/FloatQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AAKjE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAsBxD,CAAC"}
+{"version":3,"file":"FloatQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AAKjE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA6BxD,CAAC"}

package/lib/components/questions/FloatQuestion.js

@@ -10,7 +10,7 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var FloatQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (event) {
         fieldState.setValue(event.target.value);
     };
@@ -18,12 +18,12 @@ var FloatQuestion = function (_a) {
         sized: !!question.size,
         subitem: false // TODO
     });
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
             react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
-                react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", size: question.size, onChange: handleChange }),
+                react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", size: question.size, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion }),
                 question.unit && react_1["default"].createElement("span", { className: "unit" },
                     " ",
                     question.unit)))));

package/lib/components/questions/FloatQuestion.js.map

@@ -1 +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"}
+{"version":3,"file":"FloatQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/FloatQuestion.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0CAAyC;AACzC,sDAAqD;AACrD,8DAA6D;AAQtD,IAAM,aAAa,GAAmC,UAAC,EAAwC;QAAtC,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IAClG,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,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,aAAa,iBA6BxB;AAEF,SAAS,MAAM,CAAC,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}

package/lib/components/questions/IntegerQuestion.d.ts

@@ -2,7 +2,8 @@ import React from "react";
 import { IIntegerQuestion, IFieldState } from "../../core";
 interface Props {
     question: IIntegerQuestion;
-    fieldState: IFieldState<number>;
+    fieldState: IFieldState<string>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const IntegerQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/IntegerQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAqB1D,CAAC"}
+{"version":3,"file":"IntegerQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/IntegerQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,KAAK;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA6B1D,CAAC"}

package/lib/components/questions/IntegerQuestion.js

@@ -10,7 +10,7 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var IntegerQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (event) {
         fieldState.setValue(event.target.value);
     };
@@ -18,12 +18,15 @@ var IntegerQuestion = function (_a) {
         // sized: !!question.size,
         subitem: false // TODO
     });
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
             react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
-                react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", onChange: handleChange })))));
+                react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", size: question.size, onChange: handleChange, onFocus: fieldState.setAsActiveQuestion }),
+                question.unit && react_1["default"].createElement("span", { className: "unit" },
+                    " ",
+                    question.unit)))));
 };
 exports.IntegerQuestion = IntegerQuestion;
 function htmlId(question) {

package/lib/components/questions/IntegerQuestion.js.map

@@ -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;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"}
+{"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,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}

package/lib/components/questions/RadioQuestion.d.ts

@@ -3,6 +3,7 @@ import { IRadioQuestion, IFieldState } from "../../core";
 interface Props {
     question: IRadioQuestion;
     fieldState: IFieldState<string>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const RadioQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/RadioQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAKlE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAoBxD,CAAC"}
+{"version":3,"file":"RadioQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,YAAY,CAAC;AAKvE,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAgCxD,CAAC"}

package/lib/components/questions/RadioQuestion.js

@@ -10,16 +10,18 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var RadioQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (event) {
         fieldState.setValue(event.target.value);
     };
-    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
-            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 })); })))));
+            react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) }, question.children.map(function (child, index) { return (child.type === 'option'
+                ? react_1["default"].createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })
+                : react_1["default"].createElement("div", { key: child.key, className: "inner-title", dangerouslySetInnerHTML: { __html: child.html } })); })))));
 };
 exports.RadioQuestion = RadioQuestion;
 var Option = function (_a) {
@@ -33,10 +35,10 @@ var Option = function (_a) {
     });
     var checked = fieldState.value === option.key;
     var handleChange = function (event) { return fieldState.setValue(option.key); };
-    var handleClick = function (event) { return (checked && question.deselectable ? fieldState.setValue(null) : true); };
+    var handleClick = function (event) { (checked && question.deselectable ? fieldState.setValue(null) : true); };
     return (react_1["default"].createElement("div", { className: divClassNames },
         react_1["default"].createElement("div", { className: "radiocheckwrapper" },
-            react_1["default"].createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick })),
+            react_1["default"].createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion })),
         react_1["default"].createElement(ShowValue, { question: question, option: option }),
         react_1["default"].createElement("div", { className: "labelwrapper" },
             react_1["default"].createElement("label", { htmlFor: option.viewId },

package/lib/components/questions/RadioQuestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RadioQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/RadioQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/components/questions/ScaleQuestion.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import { IRadioQuestion, IFieldState } from "../../core";
+import { IScaleQuestion, IFieldState } from "../../core";
 interface Props {
-    question: IRadioQuestion;
+    question: IScaleQuestion;
     fieldState: IFieldState<string>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const ScaleQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/ScaleQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAmB,WAAW,EAAE,MAAM,YAAY,CAAC;AAK1E,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0BxD,CAAC"}
+{"version":3,"file":"ScaleQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAwB,WAAW,EAAE,MAAM,YAAY,CAAC;AAK/E,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAgCxD,CAAC"}

package/lib/components/questions/ScaleQuestion.js

@@ -10,26 +10,26 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var ScaleQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (event) {
         fieldState.setValue(event.target.value);
     };
-    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
             react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) },
                 react_1["default"].createElement("table", { cellSpacing: "0" },
                     react_1["default"].createElement("tbody", null,
-                        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 })); }))))))));
+                        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 })); }))))))));
 };
 exports.ScaleQuestion = ScaleQuestion;
 var Option = function (_a) {
     var question = _a.question, option = _a.option, index = _a.index, fieldState = _a.fieldState;
-    var tdClassNames = (0, classnames_1["default"])("option", "optionwidth".concat(question.options.length), {
+    var tdClassNames = (0, classnames_1["default"])("option", "optionwidth".concat(question.children.length), {
         first: index <= 0,
-        last: index >= question.options.length - 1
+        last: index >= question.children.length - 1
     });
     var inputClassNames = (0, classnames_1["default"])(question.type, {
         subinput: false,
@@ -41,7 +41,7 @@ var Option = function (_a) {
     return (react_1["default"].createElement("td", { className: tdClassNames },
         react_1["default"].createElement(ShowValue, { question: question, option: option }),
         react_1["default"].createElement("span", null,
-            react_1["default"].createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick }),
+            react_1["default"].createElement("input", { type: "radio", name: question.key, id: option.viewId, className: inputClassNames, checked: checked, onChange: handleChange, onClick: handleClick, onFocus: fieldState.setAsActiveQuestion }),
             react_1["default"].createElement("br", null),
             react_1["default"].createElement("label", { htmlFor: option.viewId },
                 react_1["default"].createElement("span", { dangerouslySetInnerHTML: { __html: option.description } })))));

package/lib/components/questions/ScaleQuestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScaleQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/ScaleQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/components/questions/SelectQuestion.d.ts

@@ -3,6 +3,7 @@ import { ISelectQuestion, IFieldState } from "../../core";
 interface Props {
     question: ISelectQuestion;
     fieldState: IFieldState<string>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const SelectQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/SelectQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAW,WAAW,EAAE,MAAM,YAAY,CAAC;AAKnE,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAsBzD,CAAC"}
+{"version":3,"file":"SelectQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SelectQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAiB,WAAW,EAAE,MAAM,YAAY,CAAC;AAKzE,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0BzD,CAAC"}

package/lib/components/questions/SelectQuestion.js

@@ -10,17 +10,21 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var SelectQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (event) {
         fieldState.setValue(event.target.value);
     };
-    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.options.length) : null);
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    var fieldsClassNames = (0, classnames_1["default"])("fields", question.presentation !== "horizontal" ? "options".concat(question.children.length) : null);
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
             react_1["default"].createElement("div", { className: fieldsClassNames, id: htmlId(question) },
-                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 })); }))))));
+                react_1["default"].createElement("select", { onChange: handleChange, onFocus: fieldState.setAsActiveQuestion },
+                    question.placeholder
+                        ? react_1["default"].createElement("option", { key: "placeholder", className: "placeholder" }, question.placeholder)
+                        : null,
+                    question.children.map(function (child, index) { return (react_1["default"].createElement(Option, { key: child.key, question: question, option: child, index: index, fieldState: fieldState })); }))))));
 };
 exports.SelectQuestion = SelectQuestion;
 var Option = function (_a) {

package/lib/components/questions/SelectQuestion.js.map

@@ -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;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"}
+{"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"}

package/lib/components/questions/SliderQuestion.d.ts

@@ -3,6 +3,7 @@ import { ISliderQuestion, IFieldState } from "../../core";
 interface Props {
     question: ISliderQuestion;
     fieldState: IFieldState<number>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const SliderQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/SliderQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAA4C,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKpG,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAyCzD,CAAC"}
+{"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;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0CzD,CAAC"}

package/lib/components/questions/SliderQuestion.js

@@ -21,14 +21,14 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var SliderQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (newValues) {
         fieldState.setValue(newValues[0]);
     };
     var blank = fieldState.value == null;
     var value = fieldState.value || question.defaultPosition;
     var markerLabels = calculateMarkerLabels(question);
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
@@ -36,7 +36,7 @@ var SliderQuestion = function (_a) {
                 react_1["default"].createElement(react_range_1.Range, { values: [value], onChange: handleChange, min: question.minimum, max: question.maximum, step: question.step, renderTrack: function (_a) {
                         var props = _a.props, children = _a.children;
                         return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign({}, props.style), trackStyles) }), children));
-                    }, renderThumb: function (thumbProps) { return renderThumb(__assign(__assign({}, thumbProps), { blank: blank, showTooltip: question.valueTooltip, startThumbHidden: question.startThumbHidden })); }, renderMark: function (_a) {
+                    }, renderThumb: function (thumbProps) { return renderThumb(__assign(__assign({}, thumbProps), { blank: blank, showTooltip: question.valueTooltip, startThumbHidden: question.startThumbHidden, onFocus: fieldState.setAsActiveQuestion })); }, renderMark: function (_a) {
                         var props = _a.props, index = _a.index;
                         return (markerLabels[index] !== undefined
                             ? renderMark(props, markerLabels[index])
@@ -50,11 +50,11 @@ exports.SliderQuestion = SliderQuestion;
 //   if set: hide thumb while <blank>
 //   if not set: thumb appears a very translucent grey when <blank>
 var renderThumb = function (_a) {
-    var props = _a.props, value = _a.value, index = _a.index, isDragged = _a.isDragged, blank = _a.blank, showTooltip = _a.showTooltip, startThumbHidden = _a.startThumbHidden;
+    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;
     if (startThumbHidden && blank) {
         return react_1["default"].createElement("div", __assign({}, props));
     }
-    return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign(__assign(__assign({}, props.style), baseThumbStyles), (isDragged && isDraggedThumbStyles)), (blank && invalidThumbStyles)) }),
+    return (react_1["default"].createElement("div", __assign({}, props, { style: __assign(__assign(__assign(__assign({}, props.style), baseThumbStyles), (isDragged && isDraggedThumbStyles)), (blank && invalidThumbStyles)), onFocus: onFocus }),
         "||",
         showTooltip && isDragged && react_1["default"].createElement("div", { style: labelStyles }, value)));
 };
@@ -66,7 +66,7 @@ var renderMark = function (props, label) { return (react_1["default"].createElem
             position: 'absolute',
             top: '8px',
             transform: label.first
-                ? null
+                ? undefined
                 : label.last
                     ? 'translateX(-100%)'
                     : 'translateX(-50%)'

package/lib/components/questions/SliderQuestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SliderQuestion.js","sourceRoot":"","sources":["../../../src/components/questions/SliderQuestion.tsx"],"names":[],"mappings":"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"}

package/lib/components/questions/StringQuestion.d.ts

@@ -3,6 +3,7 @@ import { IStringQuestion, IFieldState } from "../../core";
 interface Props {
     question: IStringQuestion;
     fieldState: IFieldState<string>;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
 }
 export declare const StringQuestion: React.FunctionComponent<Props>;
 export {};

package/lib/components/questions/StringQuestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StringQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/StringQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AAKlE,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAsBzD,CAAC"}
+{"version":3,"file":"StringQuestion.d.ts","sourceRoot":"","sources":["../../../src/components/questions/StringQuestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AAKlE,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA2BzD,CAAC"}

package/lib/components/questions/StringQuestion.js

@@ -10,7 +10,8 @@ var MainLabel_1 = require("../MainLabel");
 var QuestionWrapper_1 = require("../QuestionWrapper");
 var QuestionDescription_1 = require("../QuestionDescription");
 var StringQuestion = function (_a) {
-    var question = _a.question, fieldState = _a.fieldState;
+    var _b;
+    var question = _a.question, fieldState = _a.fieldState, setQuestionRef = _a.setQuestionRef;
     var handleChange = function (event) {
         fieldState.setValue(event.target.value);
     };
@@ -18,13 +19,12 @@ var StringQuestion = function (_a) {
         sized: !!question.size,
         subitem: false // TODO
     });
-    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState },
+    return (react_1["default"].createElement(QuestionWrapper_1.QuestionWrapper, { question: question, fieldState: fieldState, setQuestionRef: setQuestionRef },
         react_1["default"].createElement(MainLabel_1.MainLabel, { question: question }),
         react_1["default"].createElement("div", { className: "description-and-fields" },
             react_1["default"].createElement(QuestionDescription_1.QuestionDescription, { question: question }),
             react_1["default"].createElement("div", { className: "fields", id: htmlId(question) },
-                react_1["default"].createElement("input", { type: "text", className: className, value: fieldState.value || "", onChange: handleChange }),
-                question.unit))));
+                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 })))));
 };
 exports.StringQuestion = StringQuestion;
 function htmlId(question) {

package/lib/components/questions/StringQuestion.js.map

@@ -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;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"}
+{"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,QAAgB;IAC9B,OAAO,iBAAU,QAAQ,CAAC,GAAG,WAAQ,CAAC;AACxC,CAAC"}