@pinuts/bsr-uikit-relaunch 0.2.55 → 0.2.57

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

@@ -95,7 +95,7 @@ const CalendarEventPicker = _ref => {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "mt-3 bg-info rbc-wrapper"
+    className: "mt-3 bg-secondary rbc-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_reactBigCalendar.Calendar, {
     date: date,
     localizer: localizer,
@@ -119,7 +119,7 @@ const CalendarEventPicker = _ref => {
     onNavigate: onNavigate,
     eventPropGetter: isKieztage ? eventPropGetter : null
   })), isKieztage && /*#__PURE__*/_react.default.createElement("div", {
-    className: "mt-3 bg-info rbc-wrapper"
+    className: "mt-3 bg-secondary rbc-wrapper"
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "pi-icon pi-icon-calendar mr-2"
   }), availableDates === -1 ? unlimitedContingent : infoMonthlyContingent + ' ' + availableDates));

package/dist/items/eventWizardItems/EventPicker/Components/RadioField.js

@@ -57,7 +57,7 @@ const RadioField = _ref => {
   }, infoLine1, usedSubtitle && /*#__PURE__*/_react.default.createElement("div", {
     className: "small mt-1"
   }, usedSubtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
-    className: "badge badge-info rounded-pill ml-auto mt-2 mt-sm-0"
+    className: "badge badge-secondary rounded-pill ml-auto mt-2 mt-sm-0"
   }, infobadge), required && /*#__PURE__*/_react.default.createElement("span", {
     className: "pi-required text-primary mr-1"
   }, "*"))));

package/dist/items/eventWizardItems/EventPicker/EventPicker.d.ts

@@ -4,7 +4,9 @@ declare function EventPicker({ config }: {
 }): React.JSX.Element;
 declare namespace EventPicker {
     namespace propTypes {
-        let config: PropTypes.Requireable<object>;
+        let config: PropTypes.Requireable<PropTypes.InferProps<{
+            className: PropTypes.Requireable<string>;
+        }>>;
     }
 }
 import React from 'react';

package/dist/items/eventWizardItems/EventPicker/EventPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventPicker/EventPicker.jsx"],"names":[],"mappings":";AASA;;sBA8EC;;;;;;kBAvFiB,OAAO;2BACE,YAAY"}
+{"version":3,"file":"EventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventPicker/EventPicker.jsx"],"names":[],"mappings":";AAUA;;sBAgFC;;;;;;;;kBA1FiB,OAAO;2BACE,YAAY"}

package/dist/items/eventWizardItems/EventPicker/EventPicker.js

@@ -7,12 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 var _formBuilder = require("@pinuts/form-builder");
+var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 var _RadioField = _interopRequireDefault(require("./Components/RadioField.jsx"));
 var _CheckboxField = _interopRequireDefault(require("./Components/CheckboxField.jsx"));
 var _PickerFieldsetLegend = _interopRequireDefault(require("../shared/PickerFieldsetLegend.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 }; }
+const {
+  useFormikContext
+} = _formBuilder.formik;
 const EventPicker = _ref => {
   let {
     config
@@ -32,6 +36,13 @@ const EventPicker = _ref => {
   } = inputProps;
   let renderedEvents = [];
   const fieldSetClassName = _formBuilder.utils.getClassNames([className, 'event-picker']);
+  const {
+    errorMsgId
+  } = config;
+  const {
+    errors
+  } = useFormikContext();
+  const errorMsg = errors[errorMsgId];
   const groupName = name || id;
   if (singleSelection && !singleSelectionCheckbox) {
     renderedEvents = events.map(_ref2 => {
@@ -95,7 +106,9 @@ const EventPicker = _ref => {
     infoText: inputProps.infoText,
     infoButton: inputProps.infoButton,
     locationPicker: locationPicker
-  }), renderedEvents.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }), errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: "danger"
+  }, errorMsg), renderedEvents.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
     role: "group",
     "aria-labelledby": `selectGroup-${groupName}`
   }, /*#__PURE__*/_react.default.createElement("ul", {
@@ -103,7 +116,9 @@ const EventPicker = _ref => {
   }, renderedEvents)) : /*#__PURE__*/_react.default.createElement("h4", null, "Keine Veranstaltungen an diesem Termin w\xE4hlbar"));
 };
 EventPicker.propTypes = {
-  config: PropTypes.object
+  config: PropTypes.shape({
+    className: PropTypes.string
+  })
 };
 var _default = exports.default = EventPicker;
 (0, _formBuilder.registerComponent)('EventPicker', EventPicker);

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

@@ -21,7 +21,7 @@ const Intro = props => {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "mr-2 mr-sm-0"
   }, headline), infobadge && /*#__PURE__*/_react.default.createElement("span", {
-    className: "badge badge-info rounded-pill ml-sm-3 mt-2 mt-sm-0"
+    className: "badge badge-secondary rounded-pill ml-sm-3 mt-2 mt-sm-0"
   }, infobadge)), /*#__PURE__*/_react.default.createElement("p", null, description));
 };
 Intro.propTypes = {

package/dist/locales.js

@@ -26,7 +26,7 @@ const resources = exports.resources = {
         }
       },
       errorMessages: {
-        mandatory: 'Diese Angabe ist erforderlich!',
+        mandatory: 'Dieses Feld ist Pflichtfeld.',
         dateOnlyFuture: 'Bitte wählen Sie ein Datum in der Zukunft.',
         dateOnlyPast: 'Bitte wählen Sie ein Datum in der Vergangenheit.',
         maxDate: 'Spätestes Datum: {{maxDate}}.',

package/dist/styles/_form.scss

@@ -311,7 +311,7 @@ input[type="radio"] {
   }
 
   &:checked {
-    background-color: $bsr-orange-100;
+    background-color: $bsr-brick-100;
   }
 
   + label {
@@ -588,14 +588,14 @@ form input[type="checkbox"] + label:before {
   }
 }
 
-fieldset.fieldsetLegend legend {
+fieldset.fieldsetLegend legend, .pi-title {
 
     h2, h3, h4 {
-    font-family: $fontfamily-base;
-    font-size: $h3-fontsize;
-    line-height: $h3-lineheight;
-    font-weight: $fontweight-bold;
-    color: $bsr-black-90;
+        font-family: $fontfamily-base;
+        font-size: $h3-fontsize;
+        line-height: $h3-lineheight;
+        font-weight: $fontweight-bold;
+        color: $bsr-black-90;
     }
 }
 
@@ -609,4 +609,4 @@ fieldset.formInput:has(.topRow):has(input[type="checkbox"]) {
 }
 input.custom-control-input label.custom-control-label {
     column-gap: $base-gap;
-}
+}

package/dist/styles/main.scss

@@ -82,10 +82,6 @@ footer {
     font-family: $fontfamily-heading;
 }
 
-.rbc-wrapper {
-    min-height: 590px;
-}
-
 .rbc-wrapper .rbc-calendar {
     font-family: $fontfamily-base;
 }

package/package.json

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