@pinuts/bsr-uikit-relaunch 0.2.35 → 0.2.37

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

@@ -1 +1 @@
-{"version":3,"file":"GroupInputField.d.ts","sourceRoot":"","sources":["../../../src/items/GroupInputField/GroupInputField.jsx"],"names":[],"mappings":";AAmKA,uEAMC;kBAzKiB,OAAO"}
+{"version":3,"file":"GroupInputField.d.ts","sourceRoot":"","sources":["../../../src/items/GroupInputField/GroupInputField.jsx"],"names":[],"mappings":";AAqKA,uEAMC;kBA3KiB,OAAO"}

package/dist/items/GroupInputField/GroupInputField.js

@@ -55,8 +55,12 @@ const GroupInputField = _ref => {
   const handleRadioChange = e => {
     onChange(inputOptions[e.target.value]?.value);
   };
+  const translateLabel = function () {
+    let label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return !label.includes(':') && !label.includes('<') ? t(label) : label;
+  };
   if (viewMode) {
-    return /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, inputOptions.filter(opt => getIsSelected(value, opt)).map(opt => t(opt.label)).join(', '));
+    return /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, inputOptions.filter(opt => getIsSelected(value, opt)).map(opt => translateLabel(opt.label)).join(', '));
   }
   const ariaDescribedBy = [helpText && fieldIds.helpText, isInvalid && fieldIds.errorMessage].filter(Boolean).join(' ');
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -94,7 +98,7 @@ const GroupInputField = _ref => {
     })), /*#__PURE__*/_react.default.createElement("label", {
       className: "label ps-2",
       htmlFor: usedId
-    }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(opt.label))));
+    }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, translateLabel(opt.label))));
   })) : /*#__PURE__*/_react.default.createElement("div", {
     className: "error-text"
   }, t('bsrItems.noOptionsGiven')));

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

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/items/SelectField/SelectField.jsx"],"names":[],"mappings":";AAkHA,mEAMC;kBAxHiD,OAAO"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/items/SelectField/SelectField.jsx"],"names":[],"mappings":";AAmHA,mEAMC;kBAzHiD,OAAO"}

package/dist/items/SelectField/SelectField.js

@@ -37,6 +37,10 @@ const SelectField = _ref => {
   const formControlClassNames = (0, _index.getFormControlClassNames)(isInvalid, readOnly, disabled, className, ['select', field.className].filter(Boolean));
   const handleChange = e => onChange(e.target.value);
   const selectOptions = (0, _useGetOptionList.default)(options, emptyOptionLabel, skipOptions);
+  const translateLabel = function () {
+    let label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return !label.includes(':') && !label.includes('<') ? t(label) : label;
+  };
 
   // // if no option is selected yet, and no empty option is available, the first option will be preselected
   const doItJustOnce = (0, _react.useRef)(false);
@@ -48,7 +52,7 @@ const SelectField = _ref => {
     }
   }, [field, emptyOption, selectOptions, helpers, doItJustOnce]);
   if (viewMode) {
-    return selectOptions.filter(opt => opt.value === field?.value || opt.value !== '' && Array.isArray(field?.value) && field?.value?.includes(opt.value)).map(opt => t(opt.label)).join(', ');
+    return selectOptions.filter(opt => opt.value === field?.value || opt.value !== '' && Array.isArray(field?.value) && field?.value?.includes(opt.value)).map(opt => translateLabel(opt.label)).join(', ');
   }
   return /*#__PURE__*/_react.default.createElement("select", _extends({}, field, ariaAttributes, inputProps, {
     className: formControlClassNames,
@@ -56,7 +60,7 @@ const SelectField = _ref => {
   }), selectOptions.map(opt => /*#__PURE__*/_react.default.createElement("option", {
     key: opt.value,
     value: opt.value
-  }, t(opt.label))));
+  }, translateLabel(opt.label))));
 };
 SelectField.propTypes = {
   ..._FormFieldChildPropTypes.default,

package/dist/styles/_form.scss

@@ -6,14 +6,18 @@
     display: flex;
     flex-direction: column;
 
-    .row .col:has(input) {
-        margin-bottom: $base-gap * 3;
+    .row .col:has(input):not(:has(fieldset)) { 
+        margin-bottom: $base-gap * 10; 
     }
     .row .col.checkAddressBtn, 
     .row .col.plzSelectAddressBtn,
     .row .col:not(.plzSelectAddressBtn) > .btn-secondary 
     {
-        margin-top: $base-gap * 3;
+        margin-top: $base-gap * 10;
+    }
+
+    .row .col fieldset.formInput:has(ul.groupInputList) {
+        margin-bottom: 0;
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinuts/bsr-uikit-relaunch",
-  "version": "0.2.35",
+  "version": "0.2.37",
   "private": false,
   "description": "BSR UI-KIT Relaunch",
   "main": "dist/index.js",