@roqua/quby-frontend 0.4.3 → 0.5.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# 0.5.0
+
+* Removing fields attr.
+* Validate incoming responseJson by zod. 
+
+# 0.4.3
+
+# removed some unused css like jquery-ui classes
+
 # 0.4.2
 
 * Allowing questions instead of fields in the json.

package/lib/components/AnswerPage.js

@@ -1,70 +1,47 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.AnswerPage = void 0;
-var react_1 = __importDefault(require("react"));
-var PanelContent_1 = require("./PanelContent");
-var Paginator_1 = require("./Paginator");
-var AnswerPage = function (props) {
-    var _a = __read(react_1["default"].useState(0), 2), _ = _a[0], setCounter = _a[1];
-    var displayMode = props.displayOptions.displayMode;
-    var handleChange = function (response) { return setCounter(function (number) { return number + 1; }); };
-    var questionRefs = new Map();
-    react_1["default"].useEffect(function () {
+import React from "react";
+import { PanelContent } from "./PanelContent";
+import { Paginator } from "./Paginator";
+export const AnswerPage = props => {
+    const [_, setCounter] = React.useState(0);
+    const displayMode = props.displayOptions.displayMode;
+    const handleChange = (response) => setCounter(number => number + 1);
+    const questionRefs = new Map();
+    React.useEffect(() => {
         props.response.onChange(handleChange);
-        return function () { return props.response.offChange(handleChange); };
+        return () => props.response.offChange(handleChange);
     });
-    var beforeNext = function (panelIndex) {
-        var panel = props.questionnaire.panels[panelIndex];
+    const beforeNext = (panelIndex) => {
+        const panel = props.questionnaire.panels[panelIndex];
         props.response.touchPanelFields(panel);
-        var firstError = props.response.firstNotValidQuestionInPanel(panel);
+        const firstError = props.response.firstNotValidQuestionInPanel(panel);
         if (firstError) {
-            var ref = questionRefs.get(firstError);
+            const ref = questionRefs.get(firstError);
             if (!ref)
-                throw ("Could not find ref for ".concat(props.questionnaire.key, ".").concat(firstError));
+                throw (`Could not find ref for ${props.questionnaire.key}.${firstError}`);
             scrollToAndFocus(ref);
         }
         return firstError === null;
     };
-    var onDone = function () {
+    const onDone = () => {
         props.response.touchAllFields();
-        var firstError = props.response.firstNotValidQuestion();
+        const firstError = props.response.firstNotValidQuestion();
         if (firstError) {
-            var ref = questionRefs.get(firstError);
+            const ref = questionRefs.get(firstError);
             if (!ref)
-                throw ("Could not find ref for ".concat(props.questionnaire.key, ".").concat(firstError));
+                throw (`Could not find ref for ${props.questionnaire.key}.${firstError}`);
             scrollToAndFocus(ref);
         }
         else {
             props.onSave();
         }
     };
-    var setQuestionRef = function (key, ref) {
+    const setQuestionRef = (key, ref) => {
         questionRefs.set(key, ref);
     };
-    return (react_1["default"].createElement("div", null,
-        react_1["default"].createElement("form", { className: "paged", onSubmit: function (event) { return event.preventDefault(); } },
-            react_1["default"].createElement(Paginator_1.Paginator, { beforeNext: beforeNext, displayMode: displayMode, panels: props.questionnaire.panels.map(function (panel) { return (react_1["default"].createElement(PanelContent_1.PanelContent, { questionnaire: props.questionnaire, panel: panel, response: props.response, setQuestionRef: setQuestionRef })); }), onDone: onDone, onFocus: function () { return props.response.setActiveQuestion(null); } }))));
+    return (React.createElement("div", null,
+        React.createElement("form", { className: "paged", onSubmit: event => event.preventDefault() },
+            React.createElement(Paginator, { beforeNext: beforeNext, displayMode: displayMode, panels: props.questionnaire.panels.map(panel => (React.createElement(PanelContent, { questionnaire: props.questionnaire, panel: panel, response: props.response, setQuestionRef: setQuestionRef }))), onDone: onDone, onFocus: () => props.response.setActiveQuestion(null) }))));
 };
-exports.AnswerPage = AnswerPage;
 // const DISPLAY_MODES = ["paged", "single_page"];
 // const DisplayModeSelector = ({ displayMode, onChange }) => {
 //   return (
@@ -77,12 +54,12 @@ exports.AnswerPage = AnswerPage;
 // };
 // Scrolls the ref into view (usually the question wrapper).
 // Focusses the first focusable element.
-var scrollToAndFocus = function (ref) {
-    var el = ref === null || ref === void 0 ? void 0 : ref.current;
+const scrollToAndFocus = (ref) => {
+    const el = ref === null || ref === void 0 ? void 0 : ref.current;
     if (!el)
         return;
     el.scrollIntoView();
-    var firstInput = el.querySelector('input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    const firstInput = el.querySelector('input, select, textarea, [tabindex]:not([tabindex="-1"])');
     if (firstInput instanceof HTMLElement) {
         firstInput.focus();
     }

package/lib/components/AnswerPage.js.map

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

package/lib/components/MainLabel.js

@@ -1,22 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.MainLabel = void 0;
-var react_1 = __importDefault(require("react"));
+import React from "react";
 // TODO: title_insert (input field directly inside the question title)
-var MainLabel = function (_a) {
-    var question = _a.question;
-    var titleText = question.title;
-    var labelFor = "answer_".concat(question.key);
+export const MainLabel = ({ question }) => {
+    const titleText = question.title;
+    const labelFor = `answer_${question.key}`;
     if (titleText && titleText !== "") {
-        return (react_1["default"].createElement("div", { className: "main" },
-            react_1["default"].createElement("label", { htmlFor: labelFor, dangerouslySetInnerHTML: { __html: titleText } })));
+        return (React.createElement("div", { className: "main" },
+            React.createElement("label", { htmlFor: labelFor, dangerouslySetInnerHTML: { __html: titleText } })));
     }
     else {
         return null;
     }
 };
-exports.MainLabel = MainLabel;
 //# sourceMappingURL=MainLabel.js.map

package/lib/components/MainLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainLabel.js","sourceRoot":"","sources":["../../src/components/MainLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAO1B,sEAAsE;AAC/D,IAAM,SAAS,GAAmC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAClE,IAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjC,IAAM,QAAQ,GAAG,iBAAU,QAAQ,CAAC,GAAG,CAAE,CAAC;IAE1C,IAAI,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE;QACjC,OAAO,CACL,0CAAK,SAAS,EAAC,MAAM;YACnB,4CAAO,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,GAAI,CACtE,CACP,CAAC;KACH;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB"}
+{"version":3,"file":"MainLabel.js","sourceRoot":"","sources":["../../src/components/MainLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,sEAAsE;AACtE,MAAM,CAAC,MAAM,SAAS,GAAmC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjC,MAAM,QAAQ,GAAG,UAAU,QAAQ,CAAC,GAAG,EAAE,CAAC;IAE1C,IAAI,SAAS,IAAI,SAAS,KAAK,EAAE,EAAE;QACjC,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;YACnB,+BAAO,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,GAAI,CACtE,CACP,CAAC;KACH;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC"}

package/lib/components/Paginator.js

@@ -1,36 +1,14 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.Paginator = void 0;
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var ProgressBar_1 = require("./ProgressBar");
-var Paginator = function (props) {
-    var _a = __read(react_1["default"].useState(0), 2), activeIndex = _a[0], setActiveIndex = _a[1];
-    var callbacks = {
-        prev: activeIndex > 0 ? function () { return setActiveIndex(function (idx) { return idx - 1; }); } : undefined,
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { ProgressBar } from "./ProgressBar";
+export const Paginator = props => {
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const callbacks = {
+        prev: activeIndex > 0 ? () => setActiveIndex(idx => idx - 1) : undefined,
         next: activeIndex < props.panels.length - 1 && props.displayMode !== "single_page"
-            ? function () {
+            ? () => {
                 if (props.beforeNext(activeIndex)) {
-                    setActiveIndex(function (idx) { return idx + 1; });
+                    setActiveIndex(idx => idx + 1);
                 }
             }
             : undefined,
@@ -39,41 +17,40 @@ var Paginator = function (props) {
     };
     switch (props.displayMode) {
         case "paged": {
-            return (react_1["default"].createElement(PagedPanel, { panelCount: props.panels.length, panelIndex: activeIndex, navigate: callbacks }, props.panels[activeIndex]));
+            return (React.createElement(PagedPanel, { panelCount: props.panels.length, panelIndex: activeIndex, navigate: callbacks }, props.panels[activeIndex]));
         }
         case "single_page": {
-            return (react_1["default"].createElement(react_1["default"].Fragment, null, props.panels.map(function (content, index) { return (react_1["default"].createElement("fieldset", { className: "panel", key: index },
+            return (React.createElement(React.Fragment, null, props.panels.map((content, index) => (React.createElement("fieldset", { className: "panel", key: index },
                 content,
-                index === props.panels.length - 1 ? react_1["default"].createElement(Buttons, { firstPanel: false, lastPanel: true, navigate: callbacks }) : null)); })));
+                index === props.panels.length - 1 ? React.createElement(Buttons, { firstPanel: false, lastPanel: true, navigate: callbacks }) : null)))));
         }
         default: {
             return null;
         }
     }
 };
-exports.Paginator = Paginator;
 function isFirstOrLastPanel(count, index) {
     return {
         firstPanel: index <= 0,
         lastPanel: index >= count - 1
     };
 }
-var PagedPanel = function (props) {
-    var _a = isFirstOrLastPanel(props.panelCount, props.panelIndex), firstPanel = _a.firstPanel, lastPanel = _a.lastPanel;
-    return (react_1["default"].createElement("fieldset", { className: "panel" },
-        react_1["default"].createElement(Hotkeys, null),
+const PagedPanel = props => {
+    const { firstPanel, lastPanel } = isFirstOrLastPanel(props.panelCount, props.panelIndex);
+    return (React.createElement("fieldset", { className: "panel" },
+        React.createElement(Hotkeys, null),
         props.children,
-        react_1["default"].createElement(ProgressBar_1.ProgressBar, { max: props.panelCount, current: props.panelIndex }),
-        react_1["default"].createElement(Buttons, { firstPanel: firstPanel, lastPanel: lastPanel, navigate: props.navigate })));
+        React.createElement(ProgressBar, { max: props.panelCount, current: props.panelIndex }),
+        React.createElement(Buttons, { firstPanel: firstPanel, lastPanel: lastPanel, navigate: props.navigate })));
 };
-var Buttons = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    return (react_1["default"].createElement("div", { className: "buttons" },
-        react_1["default"].createElement("div", { className: "prev" }, props.navigate.prev && react_1["default"].createElement(Button, { onClick: props.navigate.prev, value: t("previous"), onFocus: props.navigate.onFocus })),
-        react_1["default"].createElement("div", { className: "abort" }, props.navigate.abort && react_1["default"].createElement(Button, { onClick: props.navigate.abort, value: t("abort"), onFocus: props.navigate.onFocus })),
-        react_1["default"].createElement("div", { className: "next" }, props.navigate.next
-            ? react_1["default"].createElement(Button, { onClick: props.navigate.next, value: t("next"), onFocus: props.navigate.onFocus })
-            : react_1["default"].createElement(Button, { onClick: props.navigate.done, value: t("done"), onFocus: props.navigate.onFocus }))));
+const Buttons = props => {
+    const { t } = useTranslation();
+    return (React.createElement("div", { className: "buttons" },
+        React.createElement("div", { className: "prev" }, props.navigate.prev && React.createElement(Button, { onClick: props.navigate.prev, value: t("previous"), onFocus: props.navigate.onFocus })),
+        React.createElement("div", { className: "abort" }, props.navigate.abort && React.createElement(Button, { onClick: props.navigate.abort, value: t("abort"), onFocus: props.navigate.onFocus })),
+        React.createElement("div", { className: "next" }, props.navigate.next
+            ? React.createElement(Button, { onClick: props.navigate.next, value: t("next"), onFocus: props.navigate.onFocus })
+            : React.createElement(Button, { onClick: props.navigate.done, value: t("done"), onFocus: props.navigate.onFocus }))));
     // .buttons
     //   - if panel_counter == 0 and @questionnaire.enable_previous_questionnaire_button
     //     .back
@@ -95,16 +72,15 @@ var Buttons = function (props) {
     //   - if panel_counter == panels.length - 1
     //     = render :partial => 'quby/v1/shared/pdf_button'
 };
-var Button = function (_a) {
-    var value = _a.value, onClick = _a.onClick, onFocus = _a.onFocus;
-    return react_1["default"].createElement("button", { onClick: onClick, onFocus: onFocus }, value);
+const Button = ({ value, onClick, onFocus }) => {
+    return React.createElement("button", { onClick: onClick, onFocus: onFocus }, value);
 };
 // TODO:
 // .panel-action-links
 //   = render :partial => "quby/v1/hotkey_dialog"
 //   - if panel_counter == 0 && @questionnaire.allow_switch_to_bulk
 //     = render :partial => "quby/v1/switch_to_bulk"
-var Hotkeys = function () {
+const Hotkeys = () => {
     return null;
 };
 //# sourceMappingURL=Paginator.js.map

package/lib/components/Paginator.js.map

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

package/lib/components/PanelContent.js

@@ -1,22 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { PanelItem } from "./PanelItem";
+export const PanelContent = ({ questionnaire, panel, response, setQuestionRef }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Title, { title: panel.title }),
+        panel.items.map((item, idx) => (React.createElement(PanelItem, { key: idx, questionnaire: questionnaire, item: item, response: response, setQuestionRef: setQuestionRef })))));
 };
-exports.__esModule = true;
-exports.PanelContent = void 0;
-var react_1 = __importDefault(require("react"));
-var PanelItem_1 = require("./PanelItem");
-var PanelContent = function (_a) {
-    var questionnaire = _a.questionnaire, panel = _a.panel, response = _a.response, setQuestionRef = _a.setQuestionRef;
-    return (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement(Title, { title: panel.title }),
-        panel.items.map(function (item, idx) { return (react_1["default"].createElement(PanelItem_1.PanelItem, { key: idx, questionnaire: questionnaire, item: item, response: response, setQuestionRef: setQuestionRef })); })));
-};
-exports.PanelContent = PanelContent;
-var Title = function (_a) {
-    var title = _a.title;
+const Title = ({ title }) => {
     if (title) {
-        return react_1["default"].createElement("h1", null, title);
+        return React.createElement("h1", null, title);
     }
     else {
         return null;

package/lib/components/PanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelContent.js","sourceRoot":"","sources":["../../src/components/PanelContent.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,yCAAwC;AASjC,IAAM,YAAY,GAAmC,UAAC,EAAkD;QAAhD,aAAa,mBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA;IAC3G,OAAO,CACL,iCAAC,kBAAK,CAAC,QAAQ;QACb,iCAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC9B,iCAAC,qBAAS,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CACtH,EAF+B,CAE/B,CAAC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,YAAY,gBASvB;AAEF,IAAM,KAAK,GAAqD,UAAC,EAAS;QAAP,KAAK,WAAA;IACtE,IAAI,KAAK,EAAE;QACT,OAAO,6CAAK,KAAK,CAAM,CAAC;KACzB;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC"}
+{"version":3,"file":"PanelContent.js","sourceRoot":"","sources":["../../src/components/PanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACjH,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9B,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CACtH,CAAC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAqD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5E,IAAI,KAAK,EAAE;QACT,OAAO,gCAAK,KAAK,CAAM,CAAC;KACzB;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC"}

package/lib/components/PanelItem.js

@@ -1,27 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.PanelItem = void 0;
-var react_1 = __importDefault(require("react"));
-var HtmlItem_1 = require("./items/HtmlItem");
-var QuestionItem_1 = require("./items/QuestionItem");
-var UnknownItem_1 = require("./items/UnknownItem");
+import React from "react";
+import { HtmlItem } from "./items/HtmlItem";
+import { QuestionItem } from "./items/QuestionItem";
+import { UnknownItem } from "./items/UnknownItem";
 // TODO: raw_content
-var PanelItem = function (props) {
+export const PanelItem = props => {
     switch (props.item.type) {
         case "html": {
-            return react_1["default"].createElement(HtmlItem_1.HtmlItem, { item: props.item, response: props.response });
+            return React.createElement(HtmlItem, { item: props.item, response: props.response });
         }
         case "question": {
-            return react_1["default"].createElement(QuestionItem_1.QuestionItem, { questionnaire: props.questionnaire, response: props.response, fieldKey: props.item.key, setQuestionRef: props.setQuestionRef });
+            return React.createElement(QuestionItem, { questionnaire: props.questionnaire, response: props.response, fieldKey: props.item.key, setQuestionRef: props.setQuestionRef });
         }
         default: {
-            return react_1["default"].createElement(UnknownItem_1.UnknownItem, { item: props.item });
+            return React.createElement(UnknownItem, { item: props.item });
             return null;
         }
     }
 };
-exports.PanelItem = PanelItem;
 //# sourceMappingURL=PanelItem.js.map

package/lib/components/PanelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelItem.js","sourceRoot":"","sources":["../../src/components/PanelItem.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,6CAA4C;AAC5C,qDAAoD;AACpD,mDAAkD;AASlD,oBAAoB;AAEb,IAAM,SAAS,GAAmC,UAAA,KAAK;IAC5D,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACvB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,iCAAC,mBAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC;SACjE;QACD,KAAK,UAAU,CAAC,CAAC;YACf,OAAO,iCAAC,2BAAY,IAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,GAAI,CAAC;SACvJ;QACD,OAAO,CAAC,CAAC;YACP,OAAO,iCAAC,yBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAA;YACxC,OAAO,IAAI,CAAC;SACb;KACF;AACH,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB"}
+{"version":3,"file":"PanelItem.js","sourceRoot":"","sources":["../../src/components/PanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASlD,oBAAoB;AAEpB,MAAM,CAAC,MAAM,SAAS,GAAmC,KAAK,CAAC,EAAE;IAC/D,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACvB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAAC;SACjE;QACD,KAAK,UAAU,CAAC,CAAC;YACf,OAAO,oBAAC,YAAY,IAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,GAAI,CAAC;SACvJ;QACD,OAAO,CAAC,CAAC;YACP,OAAO,oBAAC,WAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAA;YACxC,OAAO,IAAI,CAAC;SACb;KACF;AACH,CAAC,CAAC"}

package/lib/components/ProgressBar.js

@@ -1,31 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.ProgressBar = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var react_i18next_1 = require("react-i18next");
-var ProgressBar = function (_a) {
-    var max = _a.max, current = _a.current;
-    var t = (0, react_i18next_1.useTranslation)().t;
+import React from "react";
+import classNames from "classnames";
+import { useTranslation } from "react-i18next";
+export const ProgressBar = ({ max, current }) => {
+    const { t } = useTranslation();
     if (max <= 1) {
         return null;
     }
-    return (react_1["default"].createElement("div", { className: "progress-bar" },
-        react_1["default"].createElement("div", { className: "progress-wrapper" },
-            react_1["default"].createElement("div", { className: (0, classnames_1["default"])("progress-slider", { "long-list": max > 25 }) }, Array.from({ length: max }, function (x, i) {
-                return (react_1["default"].createElement("span", { key: i, className: (0, classnames_1["default"])("progress-stop", "step-".concat(i + 1), {
+    return (React.createElement("div", { className: "progress-bar" },
+        React.createElement("div", { className: "progress-wrapper" },
+            React.createElement("div", { className: classNames("progress-slider", { "long-list": max > 25 }) }, Array.from({ length: max }, (x, i) => {
+                return (React.createElement("span", { key: i, className: classNames("progress-stop", `step-${i + 1}`, {
                         active: i <= current,
                         "first-child": i === 0,
                         "last-child": i === max - 1,
                         current: i === current
                     }) }, i + 1));
             })),
-            react_1["default"].createElement("div", { className: "progress-details" }, t("step_i_of_n", { i: current + 1, n: max })))));
+            React.createElement("div", { className: "progress-details" }, t("step_i_of_n", { i: current + 1, n: max })))));
 };
-exports.ProgressBar = ProgressBar;
 // - if panels.length > 1
 // - current = panel_counter + 1
 // .progress-bar{ 'data-panel-number' => current, 'data-panel-length' => panels.length }

package/lib/components/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,+CAA+C;AAOxC,IAAM,WAAW,GAAmC,UAAC,EAG3D;QAFC,GAAG,SAAA,EACH,OAAO,aAAA;IAEC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IAE/B,IAAI,GAAG,IAAI,CAAC,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,0CAAK,SAAS,EAAC,cAAc;QAC3B,0CAAK,SAAS,EAAC,kBAAkB;YAC/B,0CACE,SAAS,EAAE,IAAA,uBAAU,EAAC,iBAAiB,EAAE,EAAE,WAAW,EAAE,GAAG,GAAG,EAAE,EAAE,CAAC,IAElE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,2CACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,IAAA,uBAAU,EAAC,eAAe,EAAE,eAAQ,CAAC,GAAG,CAAC,CAAE,EAAE;wBACtD,MAAM,EAAE,CAAC,IAAI,OAAO;wBACpB,aAAa,EAAE,CAAC,KAAK,CAAC;wBACtB,YAAY,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC;wBAC3B,OAAO,EAAE,CAAC,KAAK,OAAO;qBACvB,CAAC,IAED,CAAC,GAAG,CAAC,CACD,CACR,CAAC;YACJ,CAAC,CAAC,CACE;YACN,0CAAK,SAAS,EAAC,kBAAkB,IAC7B,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CACxC,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB;AACF,yBAAyB;AACzB,gCAAgC;AAChC,wFAAwF;AACxF,sBAAsB;AACtB,wEAAwE;AACxE,qCAAqC;AACrC,yBAAyB;AACzB,wCAAwC;AACxC,4DAA4D;AAC5D,sDAAsD;AACtD,kEAAkE;AAClE,4DAA4D;AAC5D,0DAA0D;AAC1D,wBAAwB;AACxB,2EAA2E"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAO/C,MAAM,CAAC,MAAM,WAAW,GAAmC,CAAC,EAC1D,GAAG,EACH,OAAO,EACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,IAAI,GAAG,IAAI,CAAC,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,cAAc;QAC3B,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,6BACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,WAAW,EAAE,GAAG,GAAG,EAAE,EAAE,CAAC,IAElE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpC,OAAO,CACL,8BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE;wBACtD,MAAM,EAAE,CAAC,IAAI,OAAO;wBACpB,aAAa,EAAE,CAAC,KAAK,CAAC;wBACtB,YAAY,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC;wBAC3B,OAAO,EAAE,CAAC,KAAK,OAAO;qBACvB,CAAC,IAED,CAAC,GAAG,CAAC,CACD,CACR,CAAC;YACJ,CAAC,CAAC,CACE;YACN,6BAAK,SAAS,EAAC,kBAAkB,IAC7B,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CACxC,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,yBAAyB;AACzB,gCAAgC;AAChC,wFAAwF;AACxF,sBAAsB;AACtB,wEAAwE;AACxE,qCAAqC;AACrC,yBAAyB;AACzB,wCAAwC;AACxC,4DAA4D;AAC5D,sDAAsD;AACtD,kEAAkE;AAClE,4DAA4D;AAC5D,0DAA0D;AAC1D,wBAAwB;AACxB,2EAA2E"}

package/lib/components/Quby.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { Response } from "../core";
+import { Response, IResponseJson } from "../core";
 export interface Props {
     questionnaireJson: any;
-    responseJson: any;
+    responseJson: IResponseJson;
     displayMode: string;
     onSave: (response: Response) => void;
 }

package/lib/components/Quby.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Quby.d.ts","sourceRoot":"","sources":["../../src/components/Quby.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,QAAQ,EAAmB,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,KAAK;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,YAAY,EAAE,GAAG,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAS/C,CAAA"}
+{"version":3,"file":"Quby.d.ts","sourceRoot":"","sources":["../../src/components/Quby.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,QAAQ,EAAmB,aAAa,EAAkC,MAAM,SAAS,CAAC;AAElH,MAAM,WAAW,KAAK;IACpB,iBAAiB,EAAE,GAAG,CAAC;IACvB,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAS/C,CAAA"}

package/lib/components/Quby.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.Quby = void 0;
-var react_1 = __importDefault(require("react"));
-var AnswerPage_1 = require("./AnswerPage");
-var core_1 = require("../core");
-var Quby = function (props) {
-    var questionnaire = new core_1.Questionnaire(props.questionnaireJson);
-    var response = new core_1.Response(questionnaire, props.responseJson);
-    var displayOptions = { displayMode: props.displayMode };
-    var handleSave = function () {
+import React from "react";
+import { AnswerPage } from "./AnswerPage";
+import { Questionnaire, Response, convertAndValidateResponseJson } from "../core";
+export const Quby = (props) => {
+    const questionnaire = new Questionnaire(props.questionnaireJson);
+    const response = new Response(questionnaire, convertAndValidateResponseJson(props.responseJson, questionnaire));
+    const displayOptions = { displayMode: props.displayMode };
+    const handleSave = () => {
         props.onSave(response);
     };
-    return react_1["default"].createElement(AnswerPage_1.AnswerPage, { questionnaire: questionnaire, response: response, displayOptions: displayOptions, onSave: handleSave });
+    return React.createElement(AnswerPage, { questionnaire: questionnaire, response: response, displayOptions: displayOptions, onSave: handleSave });
 };
-exports.Quby = Quby;
 //# sourceMappingURL=Quby.js.map

package/lib/components/Quby.js.map

@@ -1 +1 @@
-{"version":3,"file":"Quby.js","sourceRoot":"","sources":["../../src/components/Quby.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,2CAA0C;AAC1C,gCAAmE;AAS5D,IAAM,IAAI,GAAmC,UAAC,KAAK;IACxD,IAAM,aAAa,GAAG,IAAI,oBAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACjE,IAAM,QAAQ,GAAG,IAAI,eAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjE,IAAM,cAAc,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAqB,CAAC;IAC7E,IAAM,UAAU,GAAG;QACjB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAA;IAED,OAAO,iCAAC,uBAAU,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,GAAI,CAAA;AAC7H,CAAC,CAAA;AATY,QAAA,IAAI,QAShB"}
+{"version":3,"file":"Quby.js","sourceRoot":"","sources":["../../src/components/Quby.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAkC,8BAA8B,EAAE,MAAM,SAAS,CAAC;AASlH,MAAM,CAAC,MAAM,IAAI,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,aAAa,EAAE,8BAA8B,CAAC,KAAK,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAChH,MAAM,cAAc,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAqB,CAAC;IAC7E,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAA;IAED,OAAO,oBAAC,UAAU,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,GAAI,CAAA;AAC7H,CAAC,CAAA"}

package/lib/components/QuestionDescription.js

@@ -1,14 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.QuestionDescription = void 0;
-var react_1 = __importDefault(require("react"));
-var QuestionDescription = function (props) {
+import React from "react";
+export const QuestionDescription = (props) => {
     if (!props.question.description)
         return null;
-    return react_1["default"].createElement("div", { className: "description", dangerouslySetInnerHTML: { __html: props.question.description } });
+    return React.createElement("div", { className: "description", dangerouslySetInnerHTML: { __html: props.question.description } });
 };
-exports.QuestionDescription = QuestionDescription;
 //# sourceMappingURL=QuestionDescription.js.map

package/lib/components/QuestionDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionDescription.js","sourceRoot":"","sources":["../../src/components/QuestionDescription.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAUnB,IAAM,mBAAmB,GAAmC,UAAC,KAAK;IACvE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7C,OAAO,0CAAK,SAAS,EAAC,aAAa,EAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAC,GAAI,CAAA;AACvG,CAAC,CAAA;AAJY,QAAA,mBAAmB,uBAI/B"}
+{"version":3,"file":"QuestionDescription.js","sourceRoot":"","sources":["../../src/components/QuestionDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC3E,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7C,OAAO,6BAAK,SAAS,EAAC,aAAa,EAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAC,GAAI,CAAA;AACvG,CAAC,CAAA"}

package/lib/components/QuestionWrapper.js

@@ -1,37 +1,19 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.QuestionWrapper = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ValidationErrors_1 = require("./ValidationErrors");
-var QuestionWrapper = function (props) {
-    var question = props.question, fieldState = props.fieldState, setQuestionRef = props.setQuestionRef;
-    var questionRef = react_1["default"].useRef(null);
+import React from "react";
+import classNames from "classnames";
+import { ValidationErrors } from "./ValidationErrors";
+export const QuestionWrapper = props => {
+    const { question, fieldState, setQuestionRef } = props;
+    const questionRef = React.useRef(null);
     setQuestionRef(question.key, questionRef);
-    var className = (0, classnames_1["default"])("item", question.type, question.presentation, question.questionGroup, question.as, props.className, {
+    const className = classNames("item", question.type, question.presentation, question.questionGroup, question.as, props.className, {
         errors: fieldState.beenActive && fieldState.errors.length > 0,
         active: fieldState.isActiveQuestion
     });
-    return (react_1["default"].createElement("div", { className: className, ref: questionRef, style: __assign({}, (fieldState.isActiveQuestion && activeStyles)) },
-        react_1["default"].createElement(ValidationErrors_1.ValidationErrors, { fieldState: fieldState }),
+    return (React.createElement("div", { className: className, ref: questionRef, style: { ...(fieldState.isActiveQuestion && activeStyles) } },
+        React.createElement(ValidationErrors, { fieldState: fieldState }),
         props.children));
 };
-exports.QuestionWrapper = QuestionWrapper;
-var activeStyles = {
+const activeStyles = {
     backgroundColor: '#fbfbff'
 };
 //# sourceMappingURL=QuestionWrapper.js.map