@pinuts/bsr-uikit-relaunch 0.2.87 → 0.2.89

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;;;sBAiCC;;;;;;;;;;;;kBAzC8B,OAAO;sBAChB,YAAY"}
+{"version":3,"file":"FieldsetWrapper.d.ts","sourceRoot":"","sources":["../../../src/items/FieldsetWrapper/FieldsetWrapper.jsx"],"names":[],"mappings":";AAQA;;;sBAqCC;;;;;;;;;;;;kBA7C8B,OAAO;sBAChB,YAAY"}

package/dist/items/FieldsetWrapper/FieldsetWrapper.js

@@ -33,8 +33,10 @@ const FieldsetWrapper = _ref => {
   const usedHelpText = helpText && !helpText.includes(':') && !helpText.includes('<') ? t(helpText) : helpText;
   const populatorFormId = (0, _react.useMemo)(() => `${formId}-${usedLabel?.replaceAll(' ', '')}-fieldset-wrapper`, [usedLabel, formId]);
   return /*#__PURE__*/_react.default.createElement("fieldset", {
-    className: `mb-4 ${className}`
-  }, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(HeadingTag, null, usedLabel), helpText && /*#__PURE__*/_react.default.createElement("p", {
+    className: `my-3 ${className}`
+  }, usedLabel && /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(HeadingTag, {
+    className: "legend-custom"
+  }, /*#__PURE__*/_react.default.createElement("span", null, usedLabel)), helpText && /*#__PURE__*/_react.default.createElement("p", {
     className: "helperText"
   }, usedHelpText)), /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
     formId: populatorFormId,
@@ -51,4 +53,5 @@ FieldsetWrapper.propTypes = {
   }).isRequired
 };
 (0, _formBuilder.registerComponent)('FieldsetWrapper', FieldsetWrapper);
+(0, _formBuilder.registerComponent)('Fieldset', FieldsetWrapper);
 var _default = exports.default = FieldsetWrapper;

package/dist/items/SelectField/SelectField.js

@@ -29,7 +29,7 @@ const SelectField = _ref => {
     helpers = {},
     onChange = () => {},
     isInvalid,
-    ariaAttributes,
+    ariaAttributes = {},
     disabled,
     viewMode
   } = _ref;

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

@@ -8,6 +8,7 @@ declare namespace TextBox {
             className: PropTypes.Requireable<string>;
             inputProps: PropTypes.Requireable<object>;
             text: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
             dataKey: PropTypes.Requireable<string>;
         }>>;
         let onClick: PropTypes.Requireable<(...args: any[]) => any>;

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":";AAKA;;sBAiBC;;;;;;;;;;;;;kBAtBiB,OAAO;sBACH,YAAY"}
+{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/items/TextBox/TextBox.jsx"],"names":[],"mappings":";AAQA;;sBAgBC;;;;;;;;;;;;;;kBAxBiB,OAAO;sBACH,YAAY"}

package/dist/items/TextBox/TextBox.js

@@ -8,15 +8,15 @@ var _react = _interopRequireDefault(require("react"));
 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 _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
 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); }
 const TextBox = _ref => {
   let {
     config = {}
   } = _ref;
   const [t] = (0, _reactI18next.useTranslation)();
   const {
-    className,
     inputProps = {},
     text,
     dataKey
@@ -25,19 +25,22 @@ const TextBox = _ref => {
   if (!usedText) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
-    className: className
-  }, inputProps), t(usedText));
+  return /*#__PURE__*/_react.default.createElement("span", inputProps, t(usedText));
 };
 TextBox.propTypes = {
   config: _propTypes.default.shape({
     className: _propTypes.default.string,
     inputProps: _propTypes.default.object,
     text: _propTypes.default.string,
+    label: _propTypes.default.string,
     dataKey: _propTypes.default.string
   }),
   onClick: _propTypes.default.func,
   customText: _propTypes.default.string
 };
-(0, _formBuilder.registerComponent)('TextBox', TextBox);
+const HigherOrderTextBoxField = (0, _withFieldGroup.default)(TextBox);
+const WrappedTextInputField = props => {
+  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderTextBoxField, props));
+};
+(0, _formBuilder.registerComponent)('TextBox', WrappedTextInputField);
 var _default = exports.default = TextBox;

package/dist/shared/InfoModal/InfoModal.js

@@ -30,8 +30,7 @@ const InfoModal = _ref => {
     onClick: handleShow,
     variant: ""
   }, /*#__PURE__*/_react.default.createElement("span", {
-    "aria-hidden": true,
-    className: 'sr-only d-none'
+    className: 'sr-only'
   }, t('infoModal.btnLabel')), /*#__PURE__*/_react.default.createElement("i", {
     className: "pi-icon pi-info ml-2"
   })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {

package/dist/styles/_form.scss

@@ -31,6 +31,8 @@
   justify-content: space-between;
   align-items: center;
   padding: 0 $base-gap * 4 0 0;
+  gap: $base-gap * 2;
+  width: 100%;
 
   label.label,
   legend.label,
@@ -635,7 +637,7 @@ div.form-label {
 
 fieldset.formInput:has(.topRow):has(input[type="checkbox"]):not(:has(input[name="agb"])):not(:has(input[name="datenschutz"])):not(:has(input[name="dfb"])) {
   display: flex;
-  flex-direction: row-reverse;
+  flex-direction: column;
   align-items: baseline;
   justify-content: start;
   gap: $base-gap * 4;

package/package.json

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