@micha.bigler/survey-renderer 0.1.0 → 0.1.2

package/dist/SurveyRenderer.js

@@ -927,7 +927,6 @@ const SurveyRenderer = ({ answers, callToAction, description, currentPageKey = "
                             return _jsx("div", { "data-question-name": question.name, children: questionContent }, question.name);
                         }
                         return (_jsxs(Box, Object.assign({ component: "div", "data-question-name": question.name, sx: {
-                                backgroundColor: neutral ? "background.default" : undefined,
                                 border: neutral ? "1px solid" : undefined,
                                 borderColor: neutral ? "divider" : undefined,
                                 borderRadius: neutral ? 2 : undefined,
@@ -968,7 +967,7 @@ const SurveyRenderer = ({ answers, callToAction, description, currentPageKey = "
                         alignItems: { xs: "stretch", md: "center" },
                         display: "grid",
                         gap: 1.25,
-                        gridTemplateColumns: { xs: "1fr", md: "minmax(0, 1fr) 260px" },
+                        gridTemplateColumns: { xs: "minmax(0, 1fr)", md: "minmax(0, 1fr) 260px" },
                     }, children: [_jsx(LinearProgress, { color: "primary", sx: {
                                 backgroundColor: "rgba(17, 17, 17, 0.08)",
                                 borderRadius: 999,
@@ -976,7 +975,11 @@ const SurveyRenderer = ({ answers, callToAction, description, currentPageKey = "
                                 "& .MuiLinearProgress-bar": {
                                     borderRadius: 999,
                                 },
-                            }, value: progressValue, variant: "determinate" }), pageItems.length > 1 && neutral ? (_jsx(Stack, { direction: "row", flexWrap: "wrap", gap: 1, children: pageItems.map((pageItem, index) => (_jsx(Button, { "aria-current": index === pageIndex ? "page" : undefined, onClick: () => navigateToIndex(index), size: "small", sx: { borderRadius: 999 }, variant: index === pageIndex ? "contained" : "outlined", children: getPageNavigationLabel(pageItem, index, language, answers, t) }, pageItem.key))) })) : pageItems.length > 1 ? (_jsx(TextField, { fullWidth: true, label: t("surveyRenderer.PAGE_JUMP"), onChange: handlePageJumpChange, select: true, size: "small", sx: {
+                            }, value: progressValue, variant: "determinate" }), pageItems.length > 1 && neutral ? (_jsxs(Typography, { color: "text.secondary", sx: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: currentPage.title ? `${currentPage.title}` : undefined, variant: "body2", children: [t("surveyRenderer.SECTION_PROGRESS", {
+                                    current: pageIndex + 1,
+                                    total: pageItems.length,
+                                    defaultValue: `Section ${pageIndex + 1} of ${pageItems.length}`,
+                                }), currentPage.title ? ` — ${currentPage.title}` : ""] })) : pageItems.length > 1 ? (_jsx(TextField, { fullWidth: true, label: t("surveyRenderer.PAGE_JUMP"), onChange: handlePageJumpChange, select: true, size: "small", sx: {
                                 ".MuiOutlinedInput-root": {
                                     backgroundColor: neutral ? "background.paper" : "rgba(255, 243, 249, 0.96)",
                                 },

package/dist/i18n/surveyRendererTranslations.js

@@ -227,6 +227,12 @@ export const surveyRendererTranslations = {
         "fr": "Section {{index}}",
         "sw": "Sehemu {{index}}"
     },
+    "surveyRenderer.SECTION_PROGRESS": {
+        "de": "Abschnitt {{current}} von {{total}}",
+        "en": "Section {{current}} of {{total}}",
+        "fr": "Section {{current}} sur {{total}}",
+        "sw": "Sehemu {{current}} kati ya {{total}}"
+    },
     "surveyRenderer.SUBMIT_ERRORS_BODY": {
         "de": "Bitte gehe die betroffenen Abschnitte noch einmal durch. Die Zahl in Klammern zeigt, wie viele Felder dort noch problematisch sind.",
         "en": "Please review the affected sections once more. The number in brackets shows how many fields still need attention there.",

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@micha.bigler/survey-renderer",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "files": ["dist"],
-  "repository": { "type": "git", "url": "https://github.com/bigler-webapps/survey-renderer" },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bigler-webapps/survey-renderer.git"
+  },
   "private": false,
   "peerDependencies": {
     "react": "^19.2.7",