@roqua/quby-frontend 0.12.0 → 0.12.2

package/dist/components/TranslationCurlies.d.ts

@@ -2,3 +2,7 @@ export declare const TranslationCurlies: React.FunctionComponent<{
     i18nKey: string;
     Component: React.ElementType;
 }>;
+export declare const TranslationCurliesHtml: React.FunctionComponent<{
+    i18nKey: string;
+    Component: React.ElementType;
+}>;

package/dist/quby-frontend.es.js

@@ -13643,7 +13643,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 }) => {
@@ -17873,6 +17873,11 @@ const TranslationCurlies = ({ i18nKey, Component }) => {
   if (!interpolatedString) return null;
   return /* @__PURE__ */ jsx(Component, { children: interpolatedString });
 };
+const TranslationCurliesHtml = ({ i18nKey, Component }) => {
+  const interpolatedString = useTranslationCurliesFor(i18nKey);
+  if (!interpolatedString) return null;
+  return /* @__PURE__ */ jsx(Component, { dangerouslySetInnerHTML: { __html: interpolatedString } });
+};
 const InfoItem = ({ item }) => {
   const [open, setOpen] = React__default.useState(item.startOpen);
   const [opening, setOpening] = React__default.useState(false);
@@ -17910,12 +17915,12 @@ const InfoItem = ({ item }) => {
         onKeyDown: iconClick,
         "aria-haspopup": "dialog",
         "aria-expanded": open || item.startOpen && inView,
-        "aria-controls": `#%{item.key}`,
+        "aria-controls": `%{item.key}`,
         tabIndex: item.startOpen ? -1 : 0,
         children: item.subtype == "question-bar" ? null : /* @__PURE__ */ jsx(InfoSvg, {})
       }
     ),
-    open && /* @__PURE__ */ jsx("div", { id: item.key, className: classNames("info-html prose", { "open": open, "opening": opening }), children: /* @__PURE__ */ jsx(TranslationCurlies, { i18nKey: `${item.key}.html`, Component: "div" }) }),
+    open && /* @__PURE__ */ jsx("div", { id: item.key, className: classNames("info-html prose", { "open": open, "opening": opening }), children: /* @__PURE__ */ jsx(TranslationCurliesHtml, { i18nKey: `${item.key}.html`, Component: "div" }) }),
     item.items.map((subItem, idx) => /* @__PURE__ */ jsx(PanelItem, { item: subItem }, idx))
   ] });
 };

package/package.json

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