@pinuts/bsr-uikit-relaunch 0.2.85 → 0.2.87

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/EventPicker/Components/CheckboxField.js

@@ -67,7 +67,7 @@ const CheckboxField = props => {
   const hasDescription = !!infobadge || !!subtitle;
   const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
   return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100 d-flex align-items-center justify-content-start"
+    className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100 justify-content-start align-items-center d-block d-md-flex "
   }, /*#__PURE__*/_react.default.createElement("input", _extends({
     className: ""
   }, field, inputProps, {
@@ -80,12 +80,12 @@ const CheckboxField = props => {
     className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
     htmlFor: inputProps.id
   }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, header)), hasDescription && /*#__PURE__*/_react.default.createElement("div", {
-    className: "h5 mr-4 ml-auto d-flex",
+    className: "h5 mr-4 ml-auto d-flex pl-5 pl-md-0 pb-3 pb-md-0",
     id: descriptionId
   }, subtitle && /*#__PURE__*/_react.default.createElement("div", {
-    className: "small mt-1 mr-4"
+    className: "small mt-1 mr-4 pl-4 pl-md-0"
   }, subtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
-    className: "badge badge-secondary rounded-pill ml-auto mt-1 mt-sm-0m"
+    className: "badge badge-secondary rounded-pill ml-auto mt-1 mt-sm-0 h-100"
   }, infobadge), required && /*#__PURE__*/_react.default.createElement("span", {
     className: "pi-required text-primary mr-1"
   }, "*"))));

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,32 @@ 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", {
+  }, 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 +49,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/package.json

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