@pinuts/bsr-uikit-relaunch 0.4.2 → 0.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"AbholortMaterialienField.d.ts","sourceRoot":"","sources":["../../../src/items/AbholortMaterialienField/AbholortMaterialienField.jsx"],"names":[],"mappings":";AASA;;;;GAIG;AACH;;;sBAwCC;;;;;;;;;;;;;;kBAtD8B,OAAO;sBAChB,YAAY"}
+{"version":3,"file":"AbholortMaterialienField.d.ts","sourceRoot":"","sources":["../../../src/items/AbholortMaterialienField/AbholortMaterialienField.jsx"],"names":[],"mappings":";AASA;;;;GAIG;AACH;;;sBA0CC;;;;;;;;;;;;;;kBAxD8B,OAAO;sBAChB,YAAY"}

package/dist/items/AbholortMaterialienField/AbholortMaterialienField.js

@@ -35,7 +35,8 @@ const AbholortMaterialienField = _ref => {
     return selected?.adresse || '';
   }, [config.options, field.value]);
 
-  // Die Adresse als Beschreibung mit der Selectbox verknüpfen
+  // Die Adresse als Beschreibung mit der Selectbox verknüpfen; auf der Kontrollseite
+  // steht sie im selben dd wie der Abholort
   const selectConfig = (0, _react.useMemo)(() => ({
     ...config,
     inputProps: {
@@ -43,11 +44,14 @@ const AbholortMaterialienField = _ref => {
       ...(selectedAddress ? {
         'aria-describedby': addressId
       } : {})
-    }
+    },
+    ...(config.reviewMode && selectedAddress ? {
+      reviewAppendix: selectedAddress
+    } : {})
   }), [config, selectedAddress, addressId]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SelectField.default, _extends({}, otherProps, {
     config: selectConfig
-  })), selectedAddress && /*#__PURE__*/_react.default.createElement(_TextBox.default, {
+  })), selectedAddress && !config.reviewMode && /*#__PURE__*/_react.default.createElement(_TextBox.default, {
     config: {
       text: selectedAddress,
       html: true,

package/dist/items/BSRAddressSelector/BSRAddressContext.d.ts

@@ -1,4 +1,5 @@
 export const BSRAddressContext: React.Context<any>;
+export const BSRAddressValidationContext: React.Context<{}>;
 export default BSRAddressContextProvider;
 import React from 'react';
 declare function BSRAddressContextProvider({ initAddressContext, children }: {

package/dist/items/BSRAddressSelector/BSRAddressContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAeA,mDAAiD;;kBAf+B,OAAO;AAiBvF;;;sBAuKC;;;;;;;;;;;;;sBAvLqB,YAAY"}
+{"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAeA,mDAAiD;AAGjD,4DAA6D;;kBAlBmB,OAAO;AAoBvF;;;sBAuKC;;;;;;;;;;;;;sBA1LqB,YAAY"}

package/dist/items/BSRAddressSelector/BSRAddressContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BSRAddressContext = void 0;
+exports.default = exports.BSRAddressValidationContext = exports.BSRAddressContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formBuilder = require("@pinuts/form-builder");
@@ -21,6 +21,9 @@ const defaultAdContext = {
   overwriteLabels: {}
 };
 const BSRAddressContext = exports.BSRAddressContext = /*#__PURE__*/(0, _react.createContext)();
+
+// Validierungszustand des groupKey (Pflichtfeld "vollständige Adresse"), siehe BSRAddressSelector
+const BSRAddressValidationContext = exports.BSRAddressValidationContext = /*#__PURE__*/(0, _react.createContext)({});
 const BSRAddressContextProvider = _ref => {
   let {
     initAddressContext,

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

@@ -1 +1 @@
-{"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AAwBA;;sBA4CC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBApE8B,OAAO;sBAChB,YAAY"}
+{"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AA6BA;;sBAoFC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAjHiD,OAAO;sBACnC,YAAY"}

package/dist/items/BSRAddressSelector/BSRAddressSelector.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactI18next = require("react-i18next");
 var _formBuilder = require("@pinuts/form-builder");
 var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
-var _BSRAddressContext = _interopRequireDefault(require("./BSRAddressContext.js"));
+var _useValidationMessage = _interopRequireDefault(require("../../hooks/useValidationMessage.js"));
+var _BSRAddressContext = _interopRequireWildcard(require("./BSRAddressContext.js"));
 require("./BSRAutocompleteField.jsx");
 require("./BSRAddressButtons.jsx");
 require("./BSRStreetPlzSelector.jsx");
@@ -21,6 +23,13 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // init sub components
 
 const subFormConfigStr = JSON.stringify(require('./BSRAddressSubForm.json'));
+const {
+  useField,
+  useFormikContext
+} = _formBuilder.formik;
+const {
+  getIsFieldInvalid
+} = _formBuilder.utils;
 const applyReviewMode = function () {
   let components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return components.map(component => ({
@@ -38,6 +47,7 @@ const BSRAddressSelector = _ref => {
   let {
     config
   } = _ref;
+  const [t] = (0, _reactI18next.useTranslation)();
   const {
     controllerPath,
     restUrl,
@@ -45,6 +55,20 @@ const BSRAddressSelector = _ref => {
     labels: overwriteLabels
   } = config;
   const groupKey = config.key;
+
+  // Die Felder des Sub-Formulars kennt der FormBuilder nicht, Regeln aus der Konfiguration
+  // (z.B. "required") hängen am groupKey. Er ist erst gesetzt, wenn die Adresse vollständig ist.
+  const [groupField, groupMeta] = useField(groupKey);
+  const {
+    validateForm,
+    validateOnChange
+  } = useFormikContext();
+  const groupValidationMessage = (0, _useValidationMessage.default)(t, groupMeta.error, config.errorMessages);
+  const addressValidation = (0, _react.useMemo)(() => ({
+    isInvalid: !config.reviewMode && !config.viewMode && getIsFieldInvalid(groupField.value, groupMeta.touched, groupMeta.error, groupMeta.initialError, null // ohne submitCount, wie FormFieldWrapper
+    ),
+    validationMessage: groupValidationMessage
+  }), [config.reviewMode, config.viewMode, groupField.value, groupMeta.touched, groupMeta.error, groupMeta.initialError, groupValidationMessage]);
   let subFormConfigStrInner = subFormConfigStr.replaceAll('{SELID}', groupKey);
   // replace label, if set
   if (overwriteLabels) {
@@ -59,6 +83,19 @@ const BSRAddressSelector = _ref => {
   const subFormComponents = (0, _react.useMemo)(() => config.reviewMode ? applyReviewMode(subFormConfig.components) : subFormConfig.components,
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [subFormConfigStrInner, config.reviewMode]);
+
+  // Mehrere setFieldValue-Aufrufe beim Übernehmen der Adresse: die Validierung des letzten
+  // läuft noch mit dem leeren Wert, der Pflichtfehler bliebe bis zum nächsten Submit stehen.
+  // Nur beim Übergang leer -> gesetzt, damit Serverfehler beim Mount erhalten bleiben.
+  const prevGroupValue = (0, _react.useRef)(groupField.value);
+  (0, _react.useEffect)(() => {
+    const wasEmpty = !prevGroupValue.current;
+    prevGroupValue.current = groupField.value;
+    if (wasEmpty && groupField.value && groupMeta.error && validateOnChange) {
+      validateForm();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [groupField.value]);
   const initAddressContext = (0, _react.useMemo)(() => {
     const restUrlWithTrailingSlash = restUrl.endsWith('/') ? restUrl : `${restUrl}/`;
     return {
@@ -73,10 +110,12 @@ const BSRAddressSelector = _ref => {
   }, [groupKey, controllerPath, restUrl, doSubmitOnChange, overwriteLabels]);
   return /*#__PURE__*/_react.default.createElement(_BSRAddressContext.default, {
     initAddressContext: initAddressContext
+  }, /*#__PURE__*/_react.default.createElement(_BSRAddressContext.BSRAddressValidationContext.Provider, {
+    value: addressValidation
   }, /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
     formId: `${groupKey}-adselctor-wrapper`,
     components: subFormComponents
-  }));
+  })));
 };
 BSRAddressSelector.propTypes = {
   ..._FormFieldChildPropTypes.default,

package/dist/items/BSRAddressSelector/BSRAutocompleteField.d.ts

@@ -1,6 +1,9 @@
 export default BSRAutocompleteField;
-declare function BSRAutocompleteField({ config }: {
+declare function BSRAutocompleteField({ config, isInvalid: isFieldInvalid, validationMessage, fieldIds }: {
     config: any;
+    isInvalid: any;
+    validationMessage: any;
+    fieldIds: any;
 }): any;
 declare namespace BSRAutocompleteField {
     namespace propTypes {
@@ -20,6 +23,11 @@ declare namespace BSRAutocompleteField {
             suggestionsAmount: PropTypes.Requireable<number>;
             placeholder: PropTypes.Requireable<string>;
         }>>>;
+        let isInvalid: PropTypes.Requireable<boolean>;
+        let validationMessage: PropTypes.Requireable<string>;
+        let fieldIds: PropTypes.Requireable<PropTypes.InferProps<{
+            errorMessage: PropTypes.Requireable<string>;
+        }>>;
     }
 }
 import PropTypes from 'prop-types';

package/dist/items/BSRAddressSelector/BSRAutocompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AA+CA;;QA8RC;;;;;;;;;;;;;;;;;;;;;sBA7UqB,YAAY"}
+{"version":3,"file":"BSRAutocompleteField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAutocompleteField.jsx"],"names":[],"mappings":";AAgDA;;;;;QAwSC;;;;;;;;;;;;;;;;;;;;;;;;;;sBAxVqB,YAAY"}

package/dist/items/BSRAddressSelector/BSRAutocompleteField.js

@@ -15,6 +15,7 @@ var _index = require("../../utils/index.js");
 var _BSRAddressSelectorModule = _interopRequireDefault(require("./BSRAddressSelector.module.scss"));
 var _BSRAddressContext = require("./BSRAddressContext.js");
 var _useGetPlaceHolderText = _interopRequireDefault(require("./useGetPlaceHolderText.js"));
+var _withAddressGroupValidation = _interopRequireWildcard(require("./withAddressGroupValidation.jsx"));
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -43,7 +44,10 @@ const fetchOptions = async url => {
 };
 const BSRAutocompleteField = _ref => {
   let {
-    config
+    config,
+    isInvalid: isFieldInvalid,
+    validationMessage,
+    fieldIds
   } = _ref;
   const [t] = (0, _reactI18next.useTranslation)();
   const {
@@ -194,14 +198,20 @@ const BSRAutocompleteField = _ref => {
     }, 50);
   }, [key, setFieldValue, labelFieldKey, groupKey, setSelectedOptionId, setPrevSelection]);
   const className = (0, _react.useMemo)(() => [_BSRAddressSelectorModule.default.comboboxWrapper, _BSRAddressSelectorModule.default.formControl, _BSRAddressSelectorModule.default.ariakitCombobox, 'ariakit-combobox', 'form-control py-1 px-0', isFocused && 'focused', isInvalid && 'is-invalid'].filter(Boolean).join(' '), [isFocused, isInvalid]);
-  const formControlClassNames = (0, _index.getFormControlClassNames)(disabled, readOnly, disabled, ['input', field.className].filter(Boolean));
+  const formControlClassNames = (0, _index.getFormControlClassNames)(disabled || isFieldInvalid, readOnly, disabled, ['input', field.className].filter(Boolean));
   const getPreviousSelectedItem = (0, _react.useCallback)(() => {
     return prevSelection?.value ? prevSelection.value : field.value;
   }, [prevSelection, field.value]);
+
+  // Kontrollseite: vor dontShowSelector, nach der Adressübernahme ist die Eingabe ausgeblendet.
+  // labelFieldKey enthält den Straßennamen als String (siehe handleOnSelectChange).
+  if (reviewMode) {
+    return (typeof usedValueLabel === 'string' ? usedValueLabel : usedValueLabel?.label) || '';
+  }
   if (dontShowSelector) {
     return null;
   }
-  if (viewMode || reviewMode) {
+  if (viewMode) {
     return usedValueLabel?.label || '';
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.ComboboxProvider, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -219,6 +229,11 @@ const BSRAutocompleteField = _ref => {
       event.target.select();
     },
     ref: inputRef
+  }, isFieldInvalid && {
+    'aria-invalid': 'true',
+    ...(validationMessage && {
+      'aria-describedby': fieldIds?.errorMessage
+    })
   }, inputProps)), selectedOption.value && /*#__PURE__*/_react.default.createElement(_react2.ComboboxCancel, {
     className: `btn ${_BSRAddressSelectorModule.default.comboboxCancel || ''}`,
     store: combobox,
@@ -279,22 +294,29 @@ BSRAutocompleteField.propTypes = {
     disabled: _propTypes.default.bool,
     suggestionsAmount: _propTypes.default.number,
     placeholder: _propTypes.default.string
-  }).isRequired
+  }).isRequired,
+  isInvalid: _propTypes.default.bool,
+  validationMessage: _propTypes.default.string,
+  fieldIds: _propTypes.default.shape({
+    errorMessage: _propTypes.default.string
+  })
 };
 const HigherOrderAutocompleteField = (0, _withFieldGroup.default)(BSRAutocompleteField);
+const GroupValidatedAutocompleteField = (0, _withAddressGroupValidation.default)(HigherOrderAutocompleteField, _withAddressGroupValidation.ADDRESS_FIELD_STREET);
 const WrappedAutocompleteField = props => {
   const {
     dontShowSelector
   } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
 
-  // Eingabehilfe auf dem Weg zur Adresse: in der Review zählt nur "Ihre Auswahl"
+  // Kontrollseite: Straße wie im Formular ausgeben, auch wenn die Eingabe nach der
+  // Adressübernahme ausgeblendet ist
   if (props.config?.reviewMode) {
-    return null;
+    return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderAutocompleteField, props));
   }
   if (dontShowSelector) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderAutocompleteField, props));
+  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(GroupValidatedAutocompleteField, props));
 };
 (0, _formBuilder.registerComponent)('BSRAutocompleteField', WrappedAutocompleteField);
 (0, _formBuilder.registerComponent)('BSRAutocompleteFieldBasic', HigherOrderAutocompleteField);

package/dist/items/BSRAddressSelector/BSRStreetPlzSelector.js

@@ -179,5 +179,10 @@ BSRStreetPlzSelector.propTypes = {
   config: _propTypes.default.object.isRequired
 };
 const HigherOrderBSRStreetPlzSelector = (0, _withFieldGroup.default)(BSRStreetPlzSelector);
-(0, _formBuilder.registerComponent)('BSRStreetPlzSelector', HigherOrderBSRStreetPlzSelector);
+
+// Ohne FormFieldWrapper kommt reviewMode nur über config an; withFieldGroup würde sonst
+// auf der Kontrollseite einen leeren Feldrahmen rendern
+// eslint-disable-next-line react/prop-types
+const WrappedBSRStreetPlzSelector = props => props.config?.reviewMode ? null : /*#__PURE__*/_react.default.createElement(HigherOrderBSRStreetPlzSelector, props);
+(0, _formBuilder.registerComponent)('BSRStreetPlzSelector', WrappedBSRStreetPlzSelector);
 var _default = exports.default = HigherOrderBSRStreetPlzSelector;

package/dist/items/BSRAddressSelector/HouseNumberSelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAaA,8EA0BC;;;;;;;;;;kBAvCiC,OAAO;sBACnB,YAAY"}
+{"version":3,"file":"HouseNumberSelectField.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/HouseNumberSelectField.jsx"],"names":[],"mappings":";AAgBA,8EA+BC;;;;;;;;;;kBA/CiC,OAAO;sBACnB,YAAY"}

package/dist/items/BSRAddressSelector/HouseNumberSelectField.js

@@ -11,11 +11,14 @@ var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/Form
 var _useGetPlaceHolderText = _interopRequireDefault(require("./useGetPlaceHolderText.js"));
 var _TextInputField = _interopRequireDefault(require("../TextInputField/TextInputField.jsx"));
 var _BSRAddressContext = require("./BSRAddressContext.js");
+var _withAddressGroupValidation = _interopRequireWildcard(require("./withAddressGroupValidation.jsx"));
 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; }
 // form-builder
 
+const GroupValidatedTextInputField = (0, _withAddressGroupValidation.default)(_TextInputField.default, _withAddressGroupValidation.ADDRESS_FIELD_HOUSE_NUMBER);
+
 // wrap the field label, error message help text and more
 const WrappedHouseNumberSelectField = props => {
   const {
@@ -26,9 +29,10 @@ const WrappedHouseNumberSelectField = props => {
   const placeHolderConfig = props.config.placeholder || placeHolderI18nKey;
   const placeholder = placeHolderConfig && placeHolderI18nKey !== placeHolderConfig ? placeHolderConfig : placeHolderI18n;
 
-  // Eingabehilfe auf dem Weg zur Adresse: in der Review zählt nur "Ihre Auswahl"
+  // Kontrollseite: Hausnummer wie im Formular ausgeben, auch wenn die Eingabe nach der
+  // Adressübernahme ausgeblendet ist
   if (props.config?.reviewMode) {
-    return null;
+    return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(_TextInputField.default, props));
   }
   if (dontShowSelector) {
     return null;
@@ -37,7 +41,7 @@ const WrappedHouseNumberSelectField = props => {
     props.config.inputProps = props.config.inputProps || {};
     props.config.inputProps.placeholder = placeholder;
   }
-  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(_TextInputField.default, props));
+  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(GroupValidatedTextInputField, props));
 };
 
 // PropTypes

package/dist/items/BSRAddressSelector/withAddressGroupValidation.d.ts

@@ -0,0 +1,12 @@
+export const ADDRESS_FIELD_STREET: "street";
+export const ADDRESS_FIELD_HOUSE_NUMBER: "houseNumber";
+export default withAddressGroupValidation;
+/**
+ * Zeigt den Fehler des groupKey (z.B. Pflichtfeld) an dem Feld, das für die vollständige
+ * Adresse noch fehlt: ohne Straße an der Straße, sonst an der Hausnummer. Steht der
+ * Button "Adresse prüfen" bereit, fehlt nur noch die Bestätigung.
+ * Muss innerhalb des FormFieldWrapper stehen, damit es dessen Props überschreibt.
+ */
+declare function withAddressGroupValidation(FieldComponent: any, addressField: any): (props: any) => React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=withAddressGroupValidation.d.ts.map

package/dist/items/BSRAddressSelector/withAddressGroupValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withAddressGroupValidation.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/withAddressGroupValidation.jsx"],"names":[],"mappings":"AASA,mCAAoC,QAAQ,CAAC;AAC7C,yCAA0C,aAAa,CAAC;;AAExD;;;;;GAKG;AAEH,sFAAsE,UAAK,uBA6B1E;kBA/CiC,OAAO"}

package/dist/items/BSRAddressSelector/withAddressGroupValidation.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ADDRESS_FIELD_STREET = exports.ADDRESS_FIELD_HOUSE_NUMBER = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _formBuilder = require("@pinuts/form-builder");
+var _BSRAddressContext = require("./BSRAddressContext.js");
+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; }
+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); } /* eslint-disable react/prop-types */
+const {
+  useFormikContext
+} = _formBuilder.formik;
+const ADDRESS_FIELD_STREET = exports.ADDRESS_FIELD_STREET = 'street';
+const ADDRESS_FIELD_HOUSE_NUMBER = exports.ADDRESS_FIELD_HOUSE_NUMBER = 'houseNumber';
+
+/**
+ * Zeigt den Fehler des groupKey (z.B. Pflichtfeld) an dem Feld, das für die vollständige
+ * Adresse noch fehlt: ohne Straße an der Straße, sonst an der Hausnummer. Steht der
+ * Button "Adresse prüfen" bereit, fehlt nur noch die Bestätigung.
+ * Muss innerhalb des FormFieldWrapper stehen, damit es dessen Props überschreibt.
+ */
+// eslint-disable-next-line react/display-name
+const withAddressGroupValidation = (FieldComponent, addressField) => props => {
+  const [t] = (0, _reactI18next.useTranslation)();
+  const {
+    isInvalid: isGroupInvalid,
+    validationMessage
+  } = (0, _react.useContext)(_BSRAddressContext.BSRAddressValidationContext);
+  const {
+    fieldKeys,
+    showNextBtn,
+    addressContext
+  } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
+  const {
+    values
+  } = useFormikContext();
+  const isStreetMissing = !values[fieldKeys?.streetFieldKey];
+  const showsGroupError = isGroupInvalid && (addressField === ADDRESS_FIELD_STREET ? isStreetMissing : !isStreetMissing);
+  if (!showsGroupError || props.isInvalid) {
+    return /*#__PURE__*/_react.default.createElement(FieldComponent, props);
+  }
+
+  // ariaAttributes leeren: withFieldGroup berechnet sie dann mit isInvalid neu,
+  // inkl. aria-describedby auf die eigene Fehlermeldung.
+  return /*#__PURE__*/_react.default.createElement(FieldComponent, _extends({}, props, {
+    isInvalid: true,
+    validationMessage: showNextBtn ? t('bsrAddressSelector.labels.checkAddressRequired', {
+      button: addressContext?.overwriteLabels?.checkAddress || t('bsrAddressSelector.labels.checkAddress')
+    }) : validationMessage,
+    ariaAttributes: undefined
+  }));
+};
+var _default = exports.default = withAddressGroupValidation;

package/dist/items/FieldsetWrapper/FieldsetWrapper.d.ts

@@ -8,6 +8,7 @@ declare namespace FieldsetWrapper {
         let components: PropTypes.Validator<unknown[]>;
         let config: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
+            text: PropTypes.Requireable<string>;
             helpText: PropTypes.Requireable<string>;
             headingLevel: PropTypes.Requireable<string>;
             className: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"FieldsetWrapper.d.ts","sourceRoot":"","sources":["../../../src/items/FieldsetWrapper/FieldsetWrapper.jsx"],"names":[],"mappings":";AAQA;;;sBAqCC;;;;;;;;;;;;kBA7C8B,OAAO;sBAChB,YAAY"}
+{"version":3,"file":"FieldsetWrapper.d.ts","sourceRoot":"","sources":["../../../src/items/FieldsetWrapper/FieldsetWrapper.jsx"],"names":[],"mappings":";AAWA;;;sBA2DC;;;;;;;;;;;;;kBAtE0C,OAAO;sBAC5B,YAAY"}

package/dist/items/FieldsetWrapper/FieldsetWrapper.js

@@ -9,11 +9,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _reactI18next = require("react-i18next");
 var _formBuilder = require("@pinuts/form-builder");
+var _ReviewLayoutContext = _interopRequireDefault(require("../../shared/FormWidget/ReviewLayoutContext.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; }
 // FormBuilder
 
+const reviewListLayout = {
+  active: true,
+  inList: true
+};
 const FieldsetWrapper = _ref => {
   let {
     config,
@@ -21,17 +26,39 @@ const FieldsetWrapper = _ref => {
   } = _ref;
   const {
     label,
+    text,
     helpText,
     headingLevel = '4',
     className = ''
   } = config;
   const [t] = (0, _reactI18next.useTranslation)();
+  const {
+    active: isReviewLayout
+  } = (0, _react.useContext)(_ReviewLayoutContext.default);
   const formId = (0, _react.useMemo)(() => (0, _uuid.v4)().slice(0, 6), []);
   const HeadingTag = `h${headingLevel}`;
   // Doppelpunkte und HTML-Tags zerstören das i18n?
   const usedLabel = label && !label.includes(':') && !label.includes('<') ? t(label) : label;
   const usedHelpText = helpText && !helpText.includes(':') && !helpText.includes('<') ? t(helpText) : helpText;
   const populatorFormId = (0, _react.useMemo)(() => `${formId}-${usedLabel?.replaceAll(' ', '')}-fieldset-wrapper`, [usedLabel, formId]);
+
+  // Kontrollseite: Abschnitt mit Überschrift (der UM liefert sie als `text`) und einer
+  // Definitionsliste für alle Felder, statt einer Liste je Feld
+  if (isReviewLayout) {
+    const heading = usedLabel || text;
+    return /*#__PURE__*/_react.default.createElement("section", {
+      className: "pi-review-section"
+    }, heading && /*#__PURE__*/_react.default.createElement("h3", {
+      className: "pi-review-section-heading"
+    }, heading), /*#__PURE__*/_react.default.createElement("dl", {
+      className: "pi-review-list"
+    }, /*#__PURE__*/_react.default.createElement(_ReviewLayoutContext.default.Provider, {
+      value: reviewListLayout
+    }, /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+      formId: populatorFormId,
+      components: components
+    }))));
+  }
   return /*#__PURE__*/_react.default.createElement("fieldset", {
     className: `my-3 ${className}`
   }, usedLabel && /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(HeadingTag, {
@@ -47,6 +74,7 @@ FieldsetWrapper.propTypes = {
   components: _propTypes.default.instanceOf(Array).isRequired,
   config: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
+    text: _propTypes.default.string,
     helpText: _propTypes.default.string,
     headingLevel: _propTypes.default.string,
     className: _propTypes.default.string

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadField.d.ts","sourceRoot":"","sources":["../../../src/items/FileUploadField/FileUploadField.jsx"],"names":[],"mappings":";AA2TA,4EAAmE;kBA3TL,OAAO"}
+{"version":3,"file":"FileUploadField.d.ts","sourceRoot":"","sources":["../../../src/items/FileUploadField/FileUploadField.jsx"],"names":[],"mappings":";AAgVA,4EAAmE;kBAhVL,OAAO"}

package/dist/items/FileUploadField/FileUploadField.js

@@ -162,7 +162,8 @@ const FileUploadField = _ref => {
       (0, _uploadedFileStore.rememberUploadedFile)(fieldKey, {
         ticket: uploadedFile.ticket,
         name: uploadedFile.name || pendingFile.name,
-        size: uploadedFile.size ?? pendingFile.size
+        size: uploadedFile.size ?? pendingFile.size,
+        previewUrl: (0, _uploadedFileStore.createPreviewUrl)(pendingFile)
       });
       onChange([...tickets, uploadedFile.ticket]);
       announce('', t('bsrItems.fileUploadField.uploadSuccessful', {
@@ -217,7 +218,19 @@ const FileUploadField = _ref => {
   }
   if (reviewMode) {
     return /*#__PURE__*/_react.default.createElement(_ReviewValueList.default, {
-      items: files.map(file => `${file.name} (${(0, _formatFileSize.formatFileSize)(file.size)})`)
+      items: files.map(file => {
+        const label = `${file.name} (${(0, _formatFileSize.formatFileSize)(file.size)})`;
+
+        // Neuer Tab, sonst geht der Formularstand verloren
+        return file.previewUrl ? /*#__PURE__*/_react.default.createElement("a", {
+          href: file.previewUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": t('bsrItems.fileUploadField.openFileAria', {
+            label
+          })
+        }, label) : label;
+      })
     });
   }
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -247,7 +260,7 @@ const FileUploadField = _ref => {
     filename: pendingFile.name
   })), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: getClassNames(['btn', 'btn-orange']),
+    className: getClassNames(['btn', 'btn-brick', _FileUploadFieldModule.default.uploadPendingButton]),
     onClick: uploadPendingFile,
     disabled: isUploading
   }, t(uploadBtnText))), errorMsg && /*#__PURE__*/_react.default.createElement("div", {
@@ -264,6 +277,9 @@ const FileUploadField = _ref => {
 FileUploadField.propTypes = {
   ..._FormFieldChildPropTypes.default
 };
+FileUploadField.formFieldConfig = {
+  infoNextToLabel: true
+};
 const HigherOrderFileUploadField = (0, _withFieldGroup.default)(FileUploadField);
 const WrappedFileUploadField = props => /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderFileUploadField, props));
 (0, _formBuilder.registerComponent)('FileUploadField', WrappedFileUploadField);

package/dist/items/FileUploadField/uploadedFileStore.d.ts

@@ -1,4 +1,5 @@
 export function rememberUploadedFile(fieldKey: any, file: any): void;
 export function forgetUploadedFile(fieldKey: any, ticket: any): void;
+export function createPreviewUrl(file: any): string;
 export function getUploadedFile(fieldKey: any, ticket: any): any;
 //# sourceMappingURL=uploadedFileStore.d.ts.map

package/dist/items/FileUploadField/uploadedFileStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadedFileStore.d.ts","sourceRoot":"","sources":["../../../src/items/FileUploadField/uploadedFileStore.js"],"names":[],"mappings":"AAaO,qEAEN;AAEM,qEAEN;AAEM,iEACiC"}
+{"version":3,"file":"uploadedFileStore.d.ts","sourceRoot":"","sources":["../../../src/items/FileUploadField/uploadedFileStore.js"],"names":[],"mappings":"AAgBO,qEAEN;AAEM,qEAMN;AAEM,oDAIN;AAEM,iEACiC"}

package/dist/items/FileUploadField/uploadedFileStore.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rememberUploadedFile = exports.getUploadedFile = exports.forgetUploadedFile = void 0;
+exports.rememberUploadedFile = exports.getUploadedFile = exports.forgetUploadedFile = exports.createPreviewUrl = void 0;
 /**
  * Der Formularwert eines FileUploadField ist nur die Liste der Ticket-Ids, die der
  * Server beim Upload zurückgibt - Name und Größe der Datei stehen nicht darin.
@@ -12,6 +12,9 @@ exports.rememberUploadedFile = exports.getUploadedFile = exports.forgetUploadedF
  *
  * Lebensdauer ist der Seitenaufruf: nach einem Reload sind die Metadaten weg, die
  * Tickets im Formularwert bleiben gültig.
+ *
+ * previewUrl: lokale Objekt-URL der hochgeladenen Datei für den Link auf der Kontrollseite;
+ * der Server bietet für Tickets keinen Abruf an.
  */
 const uploadedFiles = new Map();
 const storeKey = (fieldKey, ticket) => `${fieldKey}:${ticket}`;
@@ -20,9 +23,15 @@ const rememberUploadedFile = (fieldKey, file) => {
 };
 exports.rememberUploadedFile = rememberUploadedFile;
 const forgetUploadedFile = (fieldKey, ticket) => {
+  const previewUrl = uploadedFiles.get(storeKey(fieldKey, ticket))?.previewUrl;
+  if (previewUrl) {
+    URL.revokeObjectURL(previewUrl);
+  }
   uploadedFiles.delete(storeKey(fieldKey, ticket));
 };
 exports.forgetUploadedFile = forgetUploadedFile;
+const createPreviewUrl = file => typeof URL !== 'undefined' && typeof URL.createObjectURL === 'function' ? URL.createObjectURL(file) : undefined;
+exports.createPreviewUrl = createPreviewUrl;
 const getUploadedFile = (fieldKey, ticket) => uploadedFiles.get(storeKey(fieldKey, ticket)) || {
   ticket,
   name: ticket,

package/dist/items/Grid/BSRGridColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BSRGridColumn.d.ts","sourceRoot":"","sources":["../../../src/items/Grid/BSRGridColumn.jsx"],"names":[],"mappings":";AAKA;;;sBASC;;;;;;;;;kBAdiB,OAAO;sBACH,YAAY"}
+{"version":3,"file":"BSRGridColumn.d.ts","sourceRoot":"","sources":["../../../src/items/Grid/BSRGridColumn.jsx"],"names":[],"mappings":";AAMA;;;sBAeC;;;;;;;;;kBArBiC,OAAO;sBACnB,YAAY"}

package/dist/items/Grid/BSRGridColumn.js

@@ -4,15 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formBuilder = require("@pinuts/form-builder");
+var _ReviewLayoutContext = _interopRequireDefault(require("../../shared/FormWidget/ReviewLayoutContext.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 BSRGridColumn = _ref => {
   let {
     config = {},
     components
   } = _ref;
+  const {
+    active: isReviewLayout
+  } = (0, _react.useContext)(_ReviewLayoutContext.default);
+
+  // Kontrollseite: einspaltige Liste statt Formular-Raster
+  if (isReviewLayout) {
+    return components ? /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+      components: components,
+      formId: ''
+    }) : null;
+  }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: ['col', config.className].join(' ')
   }, components && /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {