@pinuts/bsr-uikit-relaunch 0.2.71 → 0.2.73

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

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

package/dist/hooks/useValidationMessage.js

@@ -53,11 +53,7 @@ const useValidationMessage = function (t, validationMessage) {
       return '';
     }
     const fixedProps = getValidationStringAndData(validationMessage, errorMessages, errorMessagesBaseKey);
-    const errorMsg = t(
-    // Fallbacks
-    fixedProps.message,
-    // Input Data
-    fixedProps.data);
+    const errorMsg = fixedProps?.message && !fixedProps.message.includes(':') && !fixedProps.message.includes('<') ? t(fixedProps.message, fixedProps.data) : fixedProps.message;
     if (errorMsg.startsWith('errorMessages.')) {
       return errorMsg.replace('errorMessages.', '');
     }

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,uBA4O7C;kBApR2D,OAAO"}
+{"version":3,"file":"withFieldGroup.d.ts","sourceRoot":"","sources":["../../src/hooks/withFieldGroup.jsx"],"names":[],"mappings":";AAyCA,uDAAyC,UAAK,uBAiP7C;kBAzRwE,OAAO"}

package/dist/hooks/withFieldGroup.js

@@ -39,6 +39,11 @@ const getOuterComponent = (FieldComponent, viewMode) => {
 // eslint-disable-next-line react/display-name
 const withFieldGroup = FieldComponent => props => {
   const [t] = (0, _reactI18next.useTranslation)();
+  // Doppelpunkte und HTML-Tags zerstören das i18n?
+  const translateMessage = (0, _react.useCallback)(function (message) {
+    let i18nOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return message && !message.includes(':') && !message.includes('<') ? t(message, i18nOptions) : message;
+  }, [t]);
   const {
     value,
     helpText,
@@ -126,15 +131,15 @@ const withFieldGroup = FieldComponent => props => {
   }, /*#__PURE__*/_react.default.createElement(_InfoOutline.default, {
     width: 18,
     height: 18,
-    stroke: 'grey100'
+    stroke: 'currentColor'
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'tooltip',
+    className: 'tooltip opacity-100',
     ref: tooltipRef
-  }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(infoText))))), [showIsSuccess, infoText, tooltipRef, t]);
+  }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, translateMessage(infoText))))), [showIsSuccess, infoText, tooltipRef, translateMessage]);
   const helpTextDiv = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("div", {
     id: fieldIds.helpText,
     className: getClassNames(['helperText', classNameHelperText])
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(helpText)))), [fieldIds.helpText, helpText, classNameHelperText, t]);
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, translateMessage(helpText)))), [fieldIds.helpText, helpText, classNameHelperText, translateMessage]);
   const topRow = (0, _react.useMemo)(() => {
     const labelComponent = label ? /*#__PURE__*/_react.default.createElement(_FieldLabel.default, {
       id: fieldIds.label,
@@ -171,7 +176,7 @@ const withFieldGroup = FieldComponent => props => {
     ariaAttributes: ariaAttributes
   })), showHelpText && !usedHelpTextPositionTop && helpTextDiv, showMaxCharacters && /*#__PURE__*/_react.default.createElement("span", {
     className: getClassNames(['helperText', 'align-items-start'])
-  }, t(maxCharactersText, {
+  }, (maxCharactersText, {
     characters: textLength,
     maxCharacters
   })), showIsInvalid && /*#__PURE__*/_react.default.createElement("div", {