@roqua/quby-frontend 0.12.1 → 0.12.3

package/dist/components/Quby.d.ts

@@ -9,6 +9,7 @@ export interface Props {
     onSave: (response: Response) => void;
     onAbort?: (response: Response) => void;
     onPreviousQuestionnaire?: (response: Response) => void;
+    language?: string;
     newLayout?: boolean;
     darkMode?: boolean;
 }

package/dist/core/questionnaire_json.d.ts

@@ -343,5 +343,6 @@ export interface IDisplayOptions {
     darkMode: boolean;
     newLayout: boolean;
     dir: "ltr" | "rtl";
+    language: string;
 }
 export {};

package/dist/quby-frontend.es.js

@@ -13365,7 +13365,8 @@ const defaultDisplayOptions = {
   displayMode: "paged",
   darkMode: false,
   newLayout: true,
-  dir: "ltr"
+  dir: "ltr",
+  language: "nl"
 };
 const defaultSetQuestionRef = (_key, _ref) => null;
 const QubyContext = React__default.createContext({
@@ -13643,7 +13644,7 @@ const ProgressBar = ({
 };
 const HtmlItem = ({ item }) => {
   const html = useTranslationCurliesFor(`${item.key}`);
-  if (!html) throw new Error(`HtmlItem with key ${item.key} has no translation`);
+  if (!html) return null;
   return /* @__PURE__ */ jsx("div", { className: "item", children: /* @__PURE__ */ jsx("div", { className: "prose text", dangerouslySetInnerHTML: { __html: html } }) });
 };
 const MainLabel = ({ question }) => {
@@ -18096,7 +18097,7 @@ const AnswerPage = ({ questionnaire, response, displayOptions, allowSkipValidati
   const topClassName = classNames({
     dark: displayOptions.darkMode
   });
-  return /* @__PURE__ */ jsx(QubyContext.Provider, { value: { questionnaire, response, displayOptions, setQuestionRef, translationsCurlies }, children: /* @__PURE__ */ jsxs("div", { ref: qubyRef, className: topClassName, style: mapCssVars(questionnaire.cssVars), dir: displayOptions.dir, children: [
+  return /* @__PURE__ */ jsx(QubyContext.Provider, { value: { questionnaire, response, displayOptions, setQuestionRef, translationsCurlies }, children: /* @__PURE__ */ jsxs("div", { ref: qubyRef, className: topClassName, style: mapCssVars(questionnaire.cssVars), lang: displayOptions.language, dir: displayOptions.dir, children: [
     /* @__PURE__ */ jsx("form", { className: "paged", onSubmit: (event) => event.preventDefault(), children: /* @__PURE__ */ jsx(
       Paginator,
       {
@@ -18153,11 +18154,13 @@ const Quby = (props) => {
   const leavePageNag = React__default.useRef(null);
   const newLayout = props.newLayout ?? questionnaire.layoutVersion === "v2";
   const darkMode = props.darkMode === void 0 ? (_a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : _a.matches : props.darkMode;
+  const language = props.language && Object.keys(questionnaire.translations).includes(props.language) ? props.language : questionnaire.defaultLanguage;
   const displayOptions = {
     displayMode: props.displayMode,
     darkMode,
     newLayout,
-    dir: RTL_LANGUAGES.includes(props.questionnaireJson.language) ? "rtl" : "ltr"
+    dir: RTL_LANGUAGES.includes(language) ? "rtl" : "ltr",
+    language
   };
   const handleSave = () => {
     if (leavePageNag.current) {
@@ -18171,7 +18174,7 @@ const Quby = (props) => {
     }
     callback(response);
   } : void 0;
-  instance.changeLanguage(props.questionnaireJson.language);
+  instance.changeLanguage(displayOptions.language);
   React__default.useEffect(() => {
     if (props.unsavedResponseWarning) {
       leavePageNag.current = (e2) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roqua/quby-frontend",
-  "version": "0.12.1",
+  "version": "0.12.3",
   "main": "./dist/quby-frontend.umd.js",
   "module": "./dist/quby-frontend.es.js",
   "type": "module",