@pinuts/bsr-uikit-relaunch 0.2.86 → 0.2.88

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/items/eventWizardItems/EventDatePicker/CalendarToolbar.js

@@ -32,7 +32,7 @@ const CalendarToolbar = _ref => {
     height: 16,
     stroke: "currentColor"
   }), /*#__PURE__*/_react.default.createElement("span", null, "zur\xFCck")), /*#__PURE__*/_react.default.createElement("h4", {
-    className: "rbc-toolbar-label text-black"
+    className: "rbc-toolbar-label text-dark"
   }, label), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "secondary",
     onClick: navigateNext,

package/dist/items/eventWizardItems/EventDatePicker/Header.js

@@ -21,11 +21,12 @@ const Header = props => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "w-75"
   }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "text-black"
+    className: "text-dark"
   }, headline)), infoText && /*#__PURE__*/_react.default.createElement(_InfoModal.default, {
     headline: headline,
     infoText: infoText,
-    infoButton: infoButton
+    infoButton: infoButton,
+    className: "ml-auto"
   }));
 };
 Header.propTypes = {

package/dist/items/eventWizardItems/Intro/Intro.js

@@ -22,7 +22,7 @@ const Intro = props => {
   }, /*#__PURE__*/_react.default.createElement("h4", {
     className: "d-flex align-items-center justify-content-between"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "mr-2 mr-sm-0 text-black"
+    className: "mr-2 mr-sm-0 text-dark"
   }, headline), infobadge && /*#__PURE__*/_react.default.createElement("span", {
     className: "badge badge-secondary rounded-pill ml-sm-3 mt-2 mt-sm-0"
   }, infobadge)), /*#__PURE__*/_react.default.createElement("p", null, description));

package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.js

@@ -26,7 +26,8 @@ const PickerFieldsetLegend = props => {
   }), infoText && /*#__PURE__*/_react.default.createElement(_InfoModal.default, {
     headline: headline,
     infoText: infoText,
-    infoButton: infoButton
+    infoButton: infoButton,
+    className: locationSelectLink ? 'ml-1' : 'ml-auto'
   }));
 };
 PickerFieldsetLegend.propTypes = {

package/dist/locales.d.ts

@@ -6,6 +6,11 @@ export namespace resources {
                 let saveButton: string;
                 let okButton: string;
             }
+            namespace infoModal {
+                export let btnLabel: string;
+                let okButton_1: string;
+                export { okButton_1 as okButton };
+            }
             namespace general {
                 let client: string;
                 let altLogo: string;

package/dist/locales.js

@@ -12,6 +12,10 @@ const resources = exports.resources = {
         saveButton: 'Speichern',
         okButton: 'Ok'
       },
+      infoModal: {
+        btnLabel: 'Erklärung',
+        okButton: 'Verstanden'
+      },
       general: {
         client: 'BSR',
         altLogo: 'BSR Logo',

package/dist/shared/InfoModal/InfoModal.d.ts

@@ -1,12 +1,14 @@
 export default InfoModal;
-declare function InfoModal({ headline, infoText }: {
+declare function InfoModal({ headline, infoText, className }: {
     headline: any;
     infoText: any;
+    className: any;
 }): React.JSX.Element;
 declare namespace InfoModal {
     namespace propTypes {
         let headline: PropTypes.Validator<string>;
         let infoText: PropTypes.Validator<string>;
+        let className: PropTypes.Requireable<string>;
     }
 }
 import React from 'react';

package/dist/shared/InfoModal/InfoModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoModal.d.ts","sourceRoot":"","sources":["../../../src/shared/InfoModal/InfoModal.jsx"],"names":[],"mappings":";AAWA;;;sBAsCC;;;;;;;kBAhD+B,OAAO;sBADjB,YAAY"}
+{"version":3,"file":"InfoModal.d.ts","sourceRoot":"","sources":["../../../src/shared/InfoModal/InfoModal.jsx"],"names":[],"mappings":";AAMA;;;;sBAwCC;;;;;;;;kBA7C+B,OAAO;sBADjB,YAAY"}

package/dist/shared/InfoModal/InfoModal.js

@@ -7,33 +7,31 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactBootstrap = require("react-bootstrap");
+var _reactI18next = require("react-i18next");
 var _HTMLParserSanitized = require("../../items/HTMLParserSanitized/HTMLParserSanitized.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 }; }
-// import Close from "../../icons/Close.jsx";
-// import Info from '../../icons/Info.jsx';
-// import { SmallModal } from '../Modal/SmallModal.jsx';
-// import Modal from "../Modal/Modal.jsx";
-// import styles from "../Modal/Modal.module.scss";
-
 const InfoModal = _ref => {
   let {
     headline,
-    infoText
+    infoText,
+    className
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   const [show, setShow] = (0, _react.useState)(false);
   const handleClose = () => setShow(false);
   const handleShow = () => setShow(true);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "pi-info ml-auto"
+    className: `pi-info ${className}`
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     onClick: handleShow,
     variant: ""
   }, /*#__PURE__*/_react.default.createElement("span", {
-    "aria-hidden": true,
-    className: 'sr-only d-none'
-  }, "Erkl\xE4rung"), /*#__PURE__*/_react.default.createElement("i", {
+    className: 'sr-only'
+  }, t('infoModal.btnLabel')), /*#__PURE__*/_react.default.createElement("i", {
     className: "pi-icon pi-info ml-2"
   })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
     show: show,
@@ -50,57 +48,11 @@ const InfoModal = _ref => {
   }, headline))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Body, null, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, infoText)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
     variant: "primary",
     onClick: handleClose
-  }, "Verstanden"))));
+  }, t('infoModal.okButton')))));
 };
 InfoModal.propTypes = {
   headline: _propTypes.default.string.isRequired,
-  infoText: _propTypes.default.string.isRequired
+  infoText: _propTypes.default.string.isRequired,
+  className: _propTypes.default.string
 };
-var _default = exports.default = InfoModal; // const InfoModal = ({ headline, infoText, infoButton }) => {
-//     const [show, setShow] = useState(false);
-//     const [isModalOpen, setIsModalOpen] = useState(false);
-//     const handleClose = () => setShow(false);
-//     const handleShow = () => setIsModalOpen(true);
-//
-//     const { t } = useTranslation();
-//     console.log('InfoModal', infoText, isModalOpen);
-//
-//     return (
-//         <div className="pi-info ml-auto ">
-//             <button
-//                 onClick={handleShow}
-//                 type={'button'}
-//                 aria-label={t('modal.aria.open')}
-//             >
-//                 {infoButton && <span>{infoButton}</span>}
-//                 <Info stroke="black" fill="black" width={24} height={24} />
-//             </button>
-//             <SmallModal
-//                 show={isModalOpen}
-//                 onClose={() => setIsModalOpen(false)}
-//                 id={''}
-//                 aria-labelledby="toc-button"
-//                 aria-describedby="toc-description"
-//             >
-//                 {/*<Headline id={'modalHeadlineId'} priority="h3" alignment='start' colorVariant='light'*/}
-//                 {/*          className={styles.headlineModal}>*/}
-//                 {/*    {t('components.tableOfContents.title')}*/}
-//                 {/*</Headline>*/}
-//                 <h3>
-//                     {headline}
-//                 </h3>
-//                 <ol className={'styles.orderedList'} id="">
-//                     <HTMLParserSanitized>{infoText}</HTMLParserSanitized>
-//                 </ol>
-//             </SmallModal>
-//         </div>
-//     );
-//
-// };
-// InfoModal.propTypes = {
-//     headline: PropTypes.string.isRequired,
-//     infoText: PropTypes.string.isRequired,
-//     infoButton: PropTypes.string,
-// };
-//
-// export default InfoModal;
+var _default = exports.default = InfoModal;

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.86",
+  "version": "0.2.88",
   "private": false,
   "description": "BSR UI-KIT Relaunch",
   "main": "dist/index.js",