@pinuts/bsr-uikit-relaunch 0.3.8 → 0.4.2

package/config-overrides.js

@@ -7,6 +7,7 @@ module.exports = {
         paths.appHtml = path.resolve(__dirname, 'demo/public/index.html');
         paths.appIndexJs = path.resolve(__dirname, 'demo/src/index.js');
         paths.appSrc = path.resolve(__dirname, '.');
+        paths.proxySetup = path.resolve(__dirname, 'demo/src/setupProxy.js');
 
         return paths;
     },

package/dist/hooks/useValidationMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useValidationMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useValidationMessage.js"],"names":[],"mappings":";AAsDA,8HAuBC"}
+{"version":3,"file":"useValidationMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useValidationMessage.js"],"names":[],"mappings":";AA8DA,8HAuBC"}

package/dist/hooks/useValidationMessage.js

@@ -6,7 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 const convertUMTimeToDeFormat = dateData => {
-  const dateString = Object.values(dateData)[0];
+  const dateString = Object.values(dateData || {})[0];
+
+  // Nur ein ISO-String (YYYY-MM-DD) lässt sich umformatieren; andere Payloads
+  // (z.B. Zahlen aus fehlerhaften Server-Antworten) unverändert durchreichen,
+  // statt beim .split() zu crashen.
+  if (typeof dateString !== 'string') {
+    return dateData;
+  }
   const splitValue = dateString.split('-');
   return {
     [Object.keys(dateData)[0]]: `${splitValue[2]}.${splitValue[1]}.${splitValue[0]}`

package/dist/hooks/withFieldGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withFieldGroup.d.ts","sourceRoot":"","sources":["../../src/hooks/withFieldGroup.jsx"],"names":[],"mappings":";AAyCA,uDAAyC,UAAK,uBA2O7C;kBAnRwE,OAAO"}
+{"version":3,"file":"withFieldGroup.d.ts","sourceRoot":"","sources":["../../src/hooks/withFieldGroup.jsx"],"names":[],"mappings":";AAkDA,uDAAyC,UAAK,uBAqR7C;kBAtUwE,OAAO"}

package/dist/hooks/withFieldGroup.js

@@ -13,6 +13,7 @@ var _AlertTriangle = _interopRequireDefault(require("../icons/AlertTriangle.jsx"
 var _Verify = _interopRequireDefault(require("../icons/Verify.jsx"));
 var _InfoOutline = _interopRequireDefault(require("../icons/InfoOutline.jsx"));
 var _isWindowAvailable = require("../utils/isWindowAvailable.js");
+var _reviewValue = require("../utils/reviewValue.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; }
@@ -25,6 +26,10 @@ const {
   getAriaAttributes
 } = _formBuilder.utils;
 const isFieldHiddenByEmptyValues = (value, isInvalid) => [undefined, ''].includes(value) && !isInvalid;
+
+// Felder, die auch ohne Wert etwas anzeigen (z.B. "Nein" bei einer einzelnen Checkbox),
+// überschreiben die Prüfung über formFieldConfig.isEmptyReviewValue
+const isEmptyForReview = (FieldComponent, value, props) => FieldComponent.formFieldConfig?.isEmptyReviewValue ? FieldComponent.formFieldConfig.isEmptyReviewValue(value, props) : (0, _reviewValue.isEmptyReviewValue)(value);
 const isHiddenByEmptyValues = (value, isInvalid, components, values, errors) => {
   const allComponentsHidden = !components?.length || components.every(child => isHiddenByEmptyValues(values?.[child.config?.key], errors?.[child.config?.key], child.components, values, errors));
   return isFieldHiddenByEmptyValues(value, isInvalid) && allComponentsHidden;
@@ -54,6 +59,7 @@ const withFieldGroup = FieldComponent => props => {
     readOnly,
     disabled,
     viewMode,
+    reviewMode,
     stepId,
     hideEmptyValues,
     isInvalid,
@@ -153,6 +159,34 @@ const withFieldGroup = FieldComponent => props => {
   if (viewMode && hideEmptyValues && isHiddenByEmptyValues(value, isInvalid, components, values, errors)) {
     return null;
   }
+
+  // Review (Kontrollseite): Label und Wert als dt/dd-Paar, keine Eingabefelder,
+  // kein HelpText, keine Fehlermeldung. Den Anzeigewert liefert das Feld selbst
+  // über seinen reviewMode-Zweig.
+  if (reviewMode) {
+    const reviewValue = /*#__PURE__*/_react.default.createElement(FieldComponent, _extends({}, props, {
+      fieldIds: fieldIds,
+      ariaAttributes: ariaAttributes
+    }));
+
+    // Komponenten ohne Label (z.B. TextBox) bleiben so, wie sie im Formular stehen
+    if (!label) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: getClassNames(['formInput', formGroupClassName])
+      }, reviewValue);
+    }
+    return /*#__PURE__*/_react.default.createElement("dl", {
+      className: getClassNames(['pi-review-item', formGroupClassName])
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: 'pi-review-pair'
+    }, /*#__PURE__*/_react.default.createElement("dt", {
+      id: fieldIds.label
+    }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, translateMessage(label))), /*#__PURE__*/_react.default.createElement("dd", null, isEmptyForReview(FieldComponent, value, props) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      "aria-hidden": "true"
+    }, '—'), /*#__PURE__*/_react.default.createElement("span", {
+      className: "sr-only"
+    }, t('bsrItems.review.empty'))) : reviewValue)));
+  }
   return /*#__PURE__*/_react.default.createElement(OuterComponent, {
     className: getClassNames([withRowCols && 'row', 'formInput', isInvalid && 'error', formGroupClassName])
   }, showToprow && topRow, showHelpText && usedHelpTextPositionTop && helpTextDiv, (!isInvalid || !viewMode) && /*#__PURE__*/_react.default.createElement(FieldComponent, _extends({}, props, {
@@ -170,7 +204,7 @@ const withFieldGroup = FieldComponent => props => {
     ariaAttributes: ariaAttributes
   })), showHelpText && !usedHelpTextPositionTop && helpTextDiv, showMaxCharacters && /*#__PURE__*/_react.default.createElement("span", {
     className: getClassNames(['helperText', 'align-items-start'])
-  }, (maxCharactersText, {
+  }, t(maxCharactersText, {
     characters: textLength,
     maxCharacters
   })), showIsInvalid && /*#__PURE__*/_react.default.createElement("div", {

package/dist/index.d.ts

@@ -1,3 +1,7 @@
+export { default as ErrorMessagesInfoBox } from "./shared/ErrorMessagesInfoBox/ErrorMessagesInfoBox.jsx";
+export { default as FormWidget } from "./shared/FormWidget/FormWidget.jsx";
+export { default as KehrenbuergerForm } from "./shared/KehrenbuergerForm/KehrenbuergerForm.jsx";
+export { DEFAULT_CAPTIONS as FORM_WIDGET_DEFAULT_CAPTIONS } from "./shared/FormWidget/captions.js";
 export { resources as resourcesLib } from "./locales.js";
 export * from "./utils/index.js";
 export * from "./hooks/index.js";