@pinuts/bsr-uikit-relaunch 0.3.8 → 0.4.2

package/dist/items/TextAreaField/TextAreaField.js

@@ -28,6 +28,7 @@ const TextAreaField = _ref => {
     readOnly,
     disabled,
     viewMode,
+    reviewMode,
     value
   } = _ref;
   const handleChange = e => {
@@ -37,6 +38,13 @@ const TextAreaField = _ref => {
   if (viewMode) {
     return value;
   }
+
+  // Zeilenumbrüche der Eingabe bleiben in der Review erhalten
+  if (reviewMode) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "pi-review-multiline"
+    }, value);
+  }
   const formControlClassNames = (0, _getUikitClassNames.getFormControlClassNames)(isInvalid, readOnly, disabled, className, ['textarea', field.className].filter(Boolean));
   const maxCharId = `${inputProps.id}-maxCharactersText`;
   return /*#__PURE__*/_react.default.createElement("textarea", _extends({

package/dist/items/TextBox/TextBox.d.ts

@@ -10,6 +10,7 @@ declare namespace TextBox {
             text: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             dataKey: PropTypes.Requireable<string>;
+            html: PropTypes.Requireable<boolean>;
         }>>;
         let onClick: PropTypes.Requireable<(...args: any[]) => any>;
         let customText: PropTypes.Requireable<string>;

package/dist/items/TextBox/TextBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/items/TextBox/TextBox.jsx"],"names":[],"mappings":";AAQA;;sBAgBC;;;;;;;;;;;;;;kBAxBiB,OAAO;sBACH,YAAY"}
+{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/items/TextBox/TextBox.jsx"],"names":[],"mappings":";AASA;;sBA0BC;;;;;;;;;;;;;;;kBAnCiB,OAAO;sBACH,YAAY"}

package/dist/items/TextBox/TextBox.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactI18next = require("react-i18next");
 var _formBuilder = require("@pinuts/form-builder");
 var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
+var _HTMLParserSanitized = require("../HTMLParserSanitized/HTMLParserSanitized.jsx");
 var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TextBox = _ref => {
@@ -19,12 +20,19 @@ const TextBox = _ref => {
   const {
     inputProps = {},
     text,
-    dataKey
+    dataKey,
+    html
   } = config;
   const usedText = config[dataKey] || text;
   if (!usedText) {
     return null;
   }
+
+  // Standard: Klartext (React escaped ihn). Nur mit html=true wird Markup
+  // interpretiert - dann als div, damit auch Block-Elemente gültig verschachtelt sind.
+  if (html) {
+    return /*#__PURE__*/_react.default.createElement("div", inputProps, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(usedText)));
+  }
   return /*#__PURE__*/_react.default.createElement("span", inputProps, t(usedText));
 };
 TextBox.propTypes = {
@@ -33,7 +41,8 @@ TextBox.propTypes = {
     inputProps: _propTypes.default.object,
     text: _propTypes.default.string,
     label: _propTypes.default.string,
-    dataKey: _propTypes.default.string
+    dataKey: _propTypes.default.string,
+    html: _propTypes.default.bool
   }),
   onClick: _propTypes.default.func,
   customText: _propTypes.default.string

package/dist/items/TextInputField/TextInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../src/items/TextInputField/TextInputField.jsx"],"names":[],"mappings":";AAwDA,2EAAiE;kBAvD/C,OAAO"}
+{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../src/items/TextInputField/TextInputField.jsx"],"names":[],"mappings":";AAmEA,2EAAiE;kBAlE/C,OAAO"}

package/dist/items/TextInputField/TextInputField.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _formBuilder = require("@pinuts/form-builder");
 var _getUikitClassNames = require("../../utils/getUikitClassNames.js");
 var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
@@ -13,6 +14,7 @@ var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // import PropTypes from 'prop-types';
 // form-builder
+const REVIEW_DATE_FORMAT = 'DD.MM.YYYY';
 const TextInputField = _ref => {
   let {
     className,
@@ -24,13 +26,18 @@ const TextInputField = _ref => {
     isInvalid,
     readOnly,
     disabled,
-    viewMode
+    viewMode,
+    reviewMode
     // formGroupClassName = 'text-input',
   } = _ref;
   const handleChange = e => onChange(e.target.value);
   if (viewMode) {
     return value;
   }
+  if (reviewMode) {
+    // Ein Datumsfeld liefert ISO (2026-09-15), in der Review deutsch anzeigen
+    return inputProps.type === 'date' && value ? (0, _dayjs.default)(value).format(REVIEW_DATE_FORMAT) : value;
+  }
   const formControlClassNames = (0, _getUikitClassNames.getFormControlClassNames)(isInvalid, readOnly, disabled, className, ['input', field.className].filter(Boolean));
   return /*#__PURE__*/_react.default.createElement("input", _extends({
     type: "text"

package/dist/items/Toast/Toast.d.ts

@@ -53,6 +53,7 @@ declare namespace Toast {
         readOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         viewMode: PropTypes.Requireable<boolean>;
+        reviewMode: PropTypes.Requireable<boolean>;
         stepId: PropTypes.Requireable<string>;
         hideEmptyValues: PropTypes.Requireable<boolean>;
         key: PropTypes.Requireable<string>;

package/dist/items/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/items/Toast/Toast.jsx"],"names":[],"mappings":";AAMA;;;;;;;;;;sBAgDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAtDiB,OAAO;sBACH,YAAY"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/items/Toast/Toast.jsx"],"names":[],"mappings":";AAMA;;;;;;;;;;sBAgDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAtDiB,OAAO;sBACH,YAAY"}

package/dist/items/ToggleSwitchField/ToggleSwitchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitchField.d.ts","sourceRoot":"","sources":["../../../src/items/ToggleSwitchField/ToggleSwitchField.jsx"],"names":[],"mappings":";AAkGA,8EAAuE;kBAlGxC,OAAO"}
+{"version":3,"file":"ToggleSwitchField.d.ts","sourceRoot":"","sources":["../../../src/items/ToggleSwitchField/ToggleSwitchField.jsx"],"names":[],"mappings":";AAmGA,8EAAuE;kBAnGxC,OAAO"}

package/dist/items/ToggleSwitchField/ToggleSwitchField.js

@@ -27,6 +27,7 @@ const ToggleSwitchField = _ref => {
     readOnly,
     disabled,
     viewMode,
+    reviewMode,
     className,
     ariaAttributes,
     value,
@@ -47,7 +48,7 @@ const ToggleSwitchField = _ref => {
     }
     return value ? activeText || t('bsrItems.ToggleSwitchField.yes') : inActiveText || t('bsrItems.ToggleSwitchField.no');
   }, [value, text, activeText, inActiveText, t]);
-  if (viewMode) {
+  if (viewMode || reviewMode) {
     return contentText;
   }
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/items/index.d.ts

@@ -1,9 +1,12 @@
+import AbholdatumMaterialienField from './AbholdatumMaterialienField/AbholdatumMaterialienField.jsx';
+import AbholortMaterialienField from './AbholortMaterialienField/AbholortMaterialienField.jsx';
 import Button from './Button/Button.jsx';
 import BSRAddressSelector from './BSRAddressSelector/BSRAddressSelector.jsx';
 import SubmitButton from './Button/SubmitButton.jsx';
 import DateInputField from './DateInputField/DateInputField.jsx';
 import DropDownButton from './DropDownButton/DropDownButton.jsx';
 import FieldLabel from './FieldLabel/FieldLabel.jsx';
+import FileUploadField from './FileUploadField/FileUploadField.jsx';
 import FormFieldChildPropTypes from './FormFieldWrapper/FormFieldChildPropTypes.jsx';
 import FormFieldWrapper from './FormFieldWrapper/FormFieldWrapper.jsx';
 import GroupInputField from './GroupInputField/GroupInputField.jsx';
@@ -32,5 +35,5 @@ import EventDatePicker from './eventWizardItems/EventDatePicker/EventDatePicker.
 import FormTitle from './eventWizardItems/FormTitle/FormTitle.jsx';
 import Intro from './eventWizardItems/Intro/Intro.jsx';
 import Required from './eventWizardItems/Required/Required.jsx';
-export { Button, BSRAddressSelector, SubmitButton, DateInputField, DropDownButton, FieldLabel, FormFieldChildPropTypes, FormFieldWrapper, GroupInputField, Icon, FormBuilderIcon, MultiSelectField, NumberInputField, SelectField, StaticAlert, Tag, TextBox, TextAreaField, TextInputField, Toast, Title, ToggleSwitchField, SectionSpinner, ArrayFieldset, FieldsetWrapper, BootstrapInputGroupField, BSRGridRow, BSRGridColumn, BSRGridRowCols, EventPicker, EventDatePicker, FormTitle, Intro, Required };
+export { AbholdatumMaterialienField, AbholortMaterialienField, Button, BSRAddressSelector, SubmitButton, DateInputField, DropDownButton, FieldLabel, FileUploadField, FormFieldChildPropTypes, FormFieldWrapper, GroupInputField, Icon, FormBuilderIcon, MultiSelectField, NumberInputField, SelectField, StaticAlert, Tag, TextBox, TextAreaField, TextInputField, Toast, Title, ToggleSwitchField, SectionSpinner, ArrayFieldset, FieldsetWrapper, BootstrapInputGroupField, BSRGridRow, BSRGridColumn, BSRGridRowCols, EventPicker, EventDatePicker, FormTitle, Intro, Required };
 //# sourceMappingURL=index.d.ts.map

package/dist/items/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.js"],"names":[],"mappings":"mBAKmB,qBAAqB;+BAHT,6CAA6C;yBAInD,2BAA2B;2BACzB,qCAAqC;2BACrC,qCAAqC;uBACzC,6BAA6B;oCAChB,gDAAgD;6BACvD,yCAAyC;4BAC1C,uCAAuC;iBAClD,oBAAoB;4BACT,iBAAiB;6BAGhB,yCAAyC;6BACzC,yCAAyC;wBAC9C,+BAA+B;wBAC/B,+BAA+B;gBAhBvC,eAAe;oBAmBX,uBAAuB;0BACjB,mCAAmC;2BAClC,qCAAqC;kBAG9C,mBAAmB;kBADnB,mBAAmB;8BAEP,2CAA2C;2BAP9C,qCAAqC;0BAStC,mCAAmC;4BACjC,uCAAuC;qCAN9B,yDAAyD;uBAOvE,uBAAuB;0BACpB,0BAA0B;2BACzB,2BAA2B;wBAC9B,gDAAgD;4BAC5C,wDAAwD;sBAC9D,4CAA4C;kBAChD,oCAAoC;qBACjC,0CAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.js"],"names":[],"mappings":"uCAEuC,6DAA6D;qCAC/D,yDAAyD;mBAI3E,qBAAqB;+BAHT,6CAA6C;yBAInD,2BAA2B;2BACzB,qCAAqC;2BACrC,qCAAqC;uBACzC,6BAA6B;4BACxB,uCAAuC;oCAC/B,gDAAgD;6BACvD,yCAAyC;4BAC1C,uCAAuC;iBAClD,oBAAoB;4BACT,iBAAiB;6BAGhB,yCAAyC;6BACzC,yCAAyC;wBAC9C,+BAA+B;wBAC/B,+BAA+B;gBAjBvC,eAAe;oBAoBX,uBAAuB;0BACjB,mCAAmC;2BAClC,qCAAqC;kBAG9C,mBAAmB;kBADnB,mBAAmB;8BAEP,2CAA2C;2BAP9C,qCAAqC;0BAStC,mCAAmC;4BACjC,uCAAuC;qCAN9B,yDAAyD;uBAOvE,uBAAuB;0BACpB,0BAA0B;2BACzB,2BAA2B;wBAC9B,gDAAgD;4BAC5C,wDAAwD;sBAC9D,4CAA4C;kBAChD,oCAAoC;qBACjC,0CAA0C"}

package/dist/items/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AbholdatumMaterialienField", {
+  enumerable: true,
+  get: function () {
+    return _AbholdatumMaterialienField.default;
+  }
+});
+Object.defineProperty(exports, "AbholortMaterialienField", {
+  enumerable: true,
+  get: function () {
+    return _AbholortMaterialienField.default;
+  }
+});
 Object.defineProperty(exports, "ArrayFieldset", {
   enumerable: true,
   get: function () {
@@ -81,6 +93,12 @@ Object.defineProperty(exports, "FieldsetWrapper", {
     return _FieldsetWrapper.default;
   }
 });
+Object.defineProperty(exports, "FileUploadField", {
+  enumerable: true,
+  get: function () {
+    return _FileUploadField.default;
+  }
+});
 Object.defineProperty(exports, "FormBuilderIcon", {
   enumerable: true,
   get: function () {
@@ -207,6 +225,8 @@ Object.defineProperty(exports, "ToggleSwitchField", {
     return _ToggleSwitchField.default;
   }
 });
+var _AbholdatumMaterialienField = _interopRequireDefault(require("./AbholdatumMaterialienField/AbholdatumMaterialienField.jsx"));
+var _AbholortMaterialienField = _interopRequireDefault(require("./AbholortMaterialienField/AbholortMaterialienField.jsx"));
 var _BSRAddressSelector = _interopRequireDefault(require("./BSRAddressSelector/BSRAddressSelector.jsx"));
 var _Tag = _interopRequireDefault(require("./Tag/Tag.jsx"));
 var _Button = _interopRequireDefault(require("./Button/Button.jsx"));
@@ -214,6 +234,7 @@ var _SubmitButton = _interopRequireDefault(require("./Button/SubmitButton.jsx"))
 var _DateInputField = _interopRequireDefault(require("./DateInputField/DateInputField.jsx"));
 var _DropDownButton = _interopRequireDefault(require("./DropDownButton/DropDownButton.jsx"));
 var _FieldLabel = _interopRequireDefault(require("./FieldLabel/FieldLabel.jsx"));
+var _FileUploadField = _interopRequireDefault(require("./FileUploadField/FileUploadField.jsx"));
 var _FormFieldChildPropTypes = _interopRequireDefault(require("./FormFieldWrapper/FormFieldChildPropTypes.jsx"));
 var _FormFieldWrapper = _interopRequireDefault(require("./FormFieldWrapper/FormFieldWrapper.jsx"));
 var _GroupInputField = _interopRequireDefault(require("./GroupInputField/GroupInputField.jsx"));
@@ -241,6 +262,6 @@ var _EventDatePicker = _interopRequireDefault(require("./eventWizardItems/EventD
 var _FormTitle = _interopRequireDefault(require("./eventWizardItems/FormTitle/FormTitle.jsx"));
 var _Intro = _interopRequireDefault(require("./eventWizardItems/Intro/Intro.jsx"));
 var _Required = _interopRequireDefault(require("./eventWizardItems/Required/Required.jsx"));
-require("./eventWizardItems/validations.js");
+require("./validations.js");
 require("../styles/main.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/items/validations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validations.d.ts","sourceRoot":"","sources":["../../src/items/validations.js"],"names":[],"mappings":""}

package/dist/items/validations.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _formBuilder = require("@pinuts/form-builder");
+_formBuilder.jsonLogic.add_operation('isSet', (value, errorMsg) => {
+  // eslint-disable-next-line no-extra-boolean-cast
+  return !!value ? true : errorMsg;
+});
+
+// Übernommen aus de.bsr.kehrenbuerger/shared/validations.mjs.
+// Die dortige url-Operation fehlt hier bewusst: der form-builder registriert sie
+// bereits identisch (gleiche Regex, gleicher Fehlercode 'invalidUrl').
+_formBuilder.jsonLogic.add_operation('maxNumber', (value, maxNumber) => {
+  if (!value && value !== 0 || Number.isNaN(Number(value))) {
+    return true;
+  }
+  return Number(value) <= Number(maxNumber) || ['maxNumber', {
+    maxNumber
+  }];
+});
+_formBuilder.jsonLogic.add_operation('minNumber', (value, minNumber) => {
+  if (!value && value !== 0 || Number.isNaN(Number(value))) {
+    return true;
+  }
+  return Number(value) >= Number(minNumber) || ['minNumber', {
+    minNumber
+  }];
+});

package/dist/locales.d.ts

@@ -19,6 +19,34 @@ export namespace resources {
                 let okButton_1: string;
                 export { okButton_1 as okButton };
             }
+            export namespace formWidget {
+                namespace formPage {
+                    let header: string;
+                    let submitBtn: string;
+                }
+                namespace controlPage {
+                    let header_1: string;
+                    export { header_1 as header };
+                    export let text: string;
+                    export let backBtn: string;
+                    let submitBtn_1: string;
+                    export { submitBtn_1 as submitBtn };
+                }
+                namespace successPage {
+                    let header_2: string;
+                    export { header_2 as header };
+                    let text_1: string;
+                    export { text_1 as text };
+                }
+                namespace errorPage {
+                    let header_3: string;
+                    export { header_3 as header };
+                    let text_2: string;
+                    export { text_2 as text };
+                    let backBtn_1: string;
+                    export { backBtn_1 as backBtn };
+                }
+            }
             export namespace general {
                 export let client: string;
                 export let altLogo: string;
@@ -44,6 +72,9 @@ export namespace resources {
                 let minDate: string;
                 let invalidEmail: string;
                 let invalidPlz: string;
+                let invalidUrl: string;
+                let minNumber: string;
+                let maxNumber: string;
                 let wrongFormat: string;
                 let mail: string;
             }
@@ -66,19 +97,59 @@ export namespace resources {
                 }
             }
             export namespace bsrItems {
+                namespace review {
+                    let empty: string;
+                    let yes: string;
+                    let no: string;
+                }
+                namespace kehrenbuerger {
+                    let waitDoi: string;
+                    let loadError: string;
+                }
                 let noOptionsGiven: string;
                 let lockedField: string;
                 let errorMsgPrefix: string;
                 let pleaseChoose: string;
                 namespace ToggleSwitchField {
-                    let yes: string;
-                    let no: string;
+                    let yes_1: string;
+                    export { yes_1 as yes };
+                    let no_1: string;
+                    export { no_1 as no };
                 }
                 let maxCharacters: string;
                 let DropzoneUploadField: {
                     'file-invalid-type': string;
                     'too-many-files': string;
                 };
+                namespace abholdatumMaterialienField {
+                    let emptyList: string;
+                }
+                namespace errorMessagesInfoBox {
+                    let caption: string;
+                }
+                namespace fileUploadField {
+                    let buttonText: string;
+                    let uploadBtn: string;
+                    let placeholder: string;
+                    let groupLabel: string;
+                    let fileListLabel: string;
+                    let removeFile: string;
+                    let removeFileAria: string;
+                    let fileRemoved: string;
+                    let readyForUpload: string;
+                    let isUploading: string;
+                    let uploadSuccessful: string;
+                    namespace errors {
+                        let uploadFileTooLarge: string;
+                        let uploadFileTooLargeNoLimit: string;
+                        let uploadInvalidType: string;
+                        let uploadExtensionMismatch: string;
+                        let uploadVirusFound: string;
+                        let uploadError: string;
+                        let uploadNumFiles: string;
+                        let uploadDuplicateFilename: string;
+                    }
+                }
                 namespace arrayFieldset {
                     let singularItemForList: string;
                     let addButtonLabel: string;

package/dist/locales.js

@@ -24,6 +24,27 @@ const resources = exports.resources = {
         btnLabel: 'Erklärung',
         okButton: 'Verstanden'
       },
+      formWidget: {
+        formPage: {
+          header: 'Ihre Angaben',
+          submitBtn: 'Weiter'
+        },
+        controlPage: {
+          header: 'Bitte prüfen Sie Ihre Angaben',
+          text: '<p>Bitte kontrollieren Sie Ihre Angaben und senden Sie das Formular anschließend ab.</p>',
+          backBtn: 'Zurück',
+          submitBtn: 'Absenden'
+        },
+        successPage: {
+          header: 'Vielen Dank für Ihre Eingabe!',
+          text: '<p>Vielen Dank für die bereitgestellten Informationen.</p>'
+        },
+        errorPage: {
+          header: 'Es ist ein Fehler aufgetreten',
+          text: '<p>Ihre Angaben konnten leider nicht gesendet werden. Bitte versuchen Sie es später erneut.</p>',
+          backBtn: 'Zurück zum Formular'
+        }
+      },
       general: {
         client: 'BSR',
         altLogo: 'BSR Logo',
@@ -45,6 +66,9 @@ const resources = exports.resources = {
         minDate: 'Frühstes Datum: {{minDate}}.',
         invalidEmail: 'Ungültige E-Mail-Adresse',
         invalidPlz: 'Ungültige Postleitzahl',
+        invalidUrl: 'Ungültige URL',
+        minNumber: 'Der Wert muss mindestens {{minNumber}} betragen.',
+        maxNumber: 'Der Wert darf höchstens {{maxNumber}} betragen.',
         wrongFormat: 'Bitte verwenden Sie das richtige Fromage.',
         // ...
         mail: 'Bitte geben Sie eine gültige E-Mail-Adresse an.'
@@ -68,6 +92,15 @@ const resources = exports.resources = {
         }
       },
       bsrItems: {
+        review: {
+          empty: 'Keine Angabe',
+          yes: 'Ja',
+          no: 'Nein'
+        },
+        kehrenbuerger: {
+          waitDoi: 'Bitte warten, Ihr Link wird überprüft.',
+          loadError: 'Das Formular konnte nicht geladen werden.'
+        },
         noOptionsGiven: 'Es werden befüllte "options" benötigt',
         lockedField: 'Dieses Feld kann nicht bearbeitet werden.',
         errorMsgPrefix: 'Fehler: ',
@@ -81,6 +114,37 @@ const resources = exports.resources = {
           'file-invalid-type': 'Dateityp nicht unterstützt: {{filename}}',
           'too-many-files': 'Es können maximal {{maxFiles}} Dateien hochgeladen werden.'
         },
+        abholdatumMaterialienField: {
+          emptyList: 'Bitte wählen Sie zuerst das Datum der Aktion.'
+        },
+        errorMessagesInfoBox: {
+          caption: 'Bitte korrigieren Sie Ihre Eingaben.'
+        },
+        fileUploadField: {
+          buttonText: 'Datei auswählen',
+          uploadBtn: 'Hochladen',
+          placeholder: 'Keine Datei hochgeladen',
+          groupLabel: 'Datei-Upload',
+          fileListLabel: 'Hochgeladene Dateien',
+          removeFile: 'Datei entfernen',
+          removeFileAria: '{{filename}} entfernen',
+          fileRemoved: '{{filename}} entfernt',
+          readyForUpload: 'Bereit zum Hochladen: {{filename}}',
+          isUploading: '{{filename}} wird hochgeladen ...',
+          uploadSuccessful: '{{filename}} wurde hochgeladen.',
+          errors: {
+            // Fehlercodes des Servers
+            uploadFileTooLarge: '{{filename}} ist zu groß. Erlaubt sind maximal {{maxSize}}.',
+            uploadFileTooLargeNoLimit: '{{filename}} ist zu groß.',
+            uploadInvalidType: '{{filename}}: Dieser Dateityp wird nicht unterstützt.',
+            uploadExtensionMismatch: '{{filename}}: Dateiendung und Dateiinhalt passen nicht zusammen.',
+            uploadVirusFound: '{{filename}} wurde abgelehnt, die Datei ist nicht sicher.',
+            uploadError: 'Die Datei konnte nicht hochgeladen werden. Bitte versuchen Sie es später erneut.',
+            // Prüfungen im Feld selbst
+            uploadNumFiles: 'Es können maximal {{numFiles}} Datei(en) hochgeladen werden.',
+            uploadDuplicateFilename: '{{filename}} wurde bereits hochgeladen.'
+          }
+        },
         arrayFieldset: {
           singularItemForList: 'Eintrag',
           addButtonLabel: 'Eintrag hinzufügen',

package/dist/shared/ErrorMessagesInfoBox/ErrorMessagesInfoBox.d.ts

@@ -0,0 +1,16 @@
+export default ErrorMessagesInfoBox;
+declare function ErrorMessagesInfoBox({ formConfig, formId, caption, }: {
+    formConfig: any;
+    formId: any;
+    caption?: string;
+}): React.JSX.Element;
+declare namespace ErrorMessagesInfoBox {
+    namespace propTypes {
+        let formConfig: PropTypes.Validator<Object>;
+        let formId: PropTypes.Requireable<string>;
+        let caption: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ErrorMessagesInfoBox.d.ts.map

package/dist/shared/ErrorMessagesInfoBox/ErrorMessagesInfoBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessagesInfoBox.d.ts","sourceRoot":"","sources":["../../../src/shared/ErrorMessagesInfoBox/ErrorMessagesInfoBox.jsx"],"names":[],"mappings":";AAgEA;;;;sBAmEC;;;;;;;;kBAnI8D,OAAO;sBAChD,YAAY"}

package/dist/shared/ErrorMessagesInfoBox/ErrorMessagesInfoBox.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _reactI18next = require("react-i18next");
+var _useValidationMessage = _interopRequireDefault(require("../../hooks/useValidationMessage.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const {
+  useFormikContext
+} = _formBuilder.formik;
+const focusFieldByName = (formId, name) => {
+  const form = formId ? document.getElementById(formId) : document;
+  const field = form?.querySelector(`[name="${name}"]`);
+  if (field) {
+    field.scrollIntoView({
+      behavior: 'smooth',
+      block: 'center'
+    });
+    field.focus();
+  }
+};
+
+// key -> label aus der formConfig, inklusive verschachtelter Komponenten
+const extractLabels = components => {
+  const labels = {};
+  const traverse = items => items.forEach(item => {
+    if (item.config?.key && item.config?.label) {
+      labels[item.config.key] = item.config.label;
+    }
+    if (item.components?.length) {
+      traverse(item.components);
+    }
+  });
+  if (components) {
+    traverse(components);
+  }
+  return labels;
+};
+const ErrorItem = _ref => {
+  let {
+    formId,
+    fieldName,
+    label,
+    msg
+  } = _ref;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const errorMsg = (0, _useValidationMessage.default)(t, msg);
+  const handleClick = (0, _react.useCallback)(event => {
+    event.preventDefault();
+    focusFieldByName(formId, fieldName);
+  }, [formId, fieldName]);
+  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
+    href: `#${fieldName}`,
+    onClick: handleClick
+  }, label), ': ', errorMsg);
+};
+ErrorItem.propTypes = {
+  formId: _propTypes.default.string,
+  fieldName: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string.isRequired,
+  msg: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array])
+};
+const ErrorMessagesInfoBox = _ref2 => {
+  let {
+    formConfig,
+    formId,
+    caption = 'bsrItems.errorMessagesInfoBox.caption'
+  } = _ref2;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const {
+    errors,
+    submitCount,
+    isSubmitting,
+    initialErrors,
+    values,
+    initialValues
+  } = useFormikContext();
+  const scrollToRef = (0, _react.useRef)(null);
+  const labels = (0, _react.useMemo)(() => extractLabels(formConfig?.components), [formConfig]);
+  (0, _react.useEffect)(() => {
+    if (isSubmitting && Object.keys(errors).length > 0) {
+      if (scrollToRef.current) {
+        scrollToRef.current.scrollIntoView();
+        scrollToRef.current.focus();
+      } else {
+        window.scrollTo(0, 0);
+      }
+    }
+  }, [isSubmitting, errors]);
+
+  // Serverseitige Fehler bleiben stehen, solange das Feld unverändert ist
+  const mergedErrors = (0, _react.useMemo)(() => {
+    const merged = {
+      ...errors
+    };
+    Object.keys(initialErrors).forEach(key => {
+      if (values[key] === initialValues[key]) {
+        merged[key] = initialErrors[key];
+      }
+    });
+    return merged;
+  }, [errors, initialErrors, values, initialValues]);
+  const errorEntries = (0, _react.useMemo)(() => Object.entries(mergedErrors).filter(_ref3 => {
+    let [key] = _ref3;
+    return labels[key];
+  }), [mergedErrors, labels]);
+
+  // Nichts anzeigen, wenn es keine auflistbaren Fehler gibt (sonst leere rote Box);
+  // und nicht vor dem ersten Absenden, außer der Server hat schon Fehler geliefert.
+  const hasInitialErrors = Object.keys(initialErrors).length > 0;
+  if (!errorEntries.length || !submitCount && !hasInitialErrors) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-form-control__has-error",
+    role: "alert",
+    tabIndex: "-1",
+    ref: scrollToRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-message-text"
+  }, /*#__PURE__*/_react.default.createElement("p", null, t(caption)), /*#__PURE__*/_react.default.createElement("ul", null, errorEntries.map(_ref4 => {
+    let [key, msg] = _ref4;
+    return /*#__PURE__*/_react.default.createElement(ErrorItem, {
+      key: key,
+      formId: formId,
+      fieldName: key,
+      label: t(labels[key]),
+      msg: msg
+    });
+  }))));
+};
+ErrorMessagesInfoBox.propTypes = {
+  formConfig: _propTypes.default.instanceOf(Object).isRequired,
+  formId: _propTypes.default.string,
+  caption: _propTypes.default.string
+};
+var _default = exports.default = ErrorMessagesInfoBox;