@pinuts/bsr-uikit-relaunch 0.0.11 → 0.0.13

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;;;gBA8BC"}
+{"version":3,"file":"FieldsetWrapper.d.ts","sourceRoot":"","sources":["../../../src/items/FieldsetWrapper/FieldsetWrapper.jsx"],"names":[],"mappings":";AAQA;;;gBAgCC"}

package/dist/items/FieldsetWrapper/FieldsetWrapper.js

@@ -30,12 +30,13 @@ const FieldsetWrapper = _ref => {
   // Doppelpunkte und HTML-Tags zerstören das i18n?
   const usedLabel = label && !label.includes(':') && !label.includes('<') ? t(label) : label;
   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"
   }, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(HeadingTag, null, usedLabel), helpText && /*#__PURE__*/_react.default.createElement("p", {
     className: "helper-text"
   }, usedHelpText)), /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
-    formId: `${formId}-${label.replaceAll(' ', '')}-fieldset-wrapper`,
+    formId: populatorFormId,
     components: components
   }));
 };

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":";AAsGA,6DAMC"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/items/SelectField/SelectField.jsx"],"names":[],"mappings":";AAmHA,6DAMC"}

package/dist/items/SelectField/SelectField.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactI18next = require("react-i18next");
 var _formBuilder = require("@pinuts/form-builder");
 var _useGetOptionList = _interopRequireDefault(require("../../hooks/useGetOptionList.js"));
-var _getUikitClassNames = require("../../utils/getUikitClassNames.js");
+var _index = require("../../utils/index.js");
 var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
 var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
 var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
 var _formModule = _interopRequireDefault(require("../../styles/form.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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); } // form-builder
 const SelectField = _ref => {
   let {
@@ -25,6 +27,7 @@ const SelectField = _ref => {
     emptyOptionLabel,
     skipOptions,
     field = {},
+    helpers = {},
     onChange = () => {},
     isInvalid,
     ariaAttributes,
@@ -32,9 +35,19 @@ const SelectField = _ref => {
     viewMode
   } = _ref;
   const [t] = (0, _reactI18next.useTranslation)();
-  const formControlClassNames = (0, _getUikitClassNames.getFormControlClassNames)(isInvalid, readOnly, disabled, className, [_formModule.default.select, field.className].filter(Boolean));
+  const formControlClassNames = (0, _index.getFormControlClassNames)(isInvalid, readOnly, disabled, className, [_formModule.default.select, field.className].filter(Boolean));
   const handleChange = e => onChange(e.target.value);
   const selectOptions = (0, _useGetOptionList.default)(options, emptyOptionLabel, skipOptions);
+
+  // // if no option is selected yet, and no empty option is available, the first option will be preselected
+  const doItJustOnce = (0, _react.useRef)(false);
+  const emptyOption = (0, _react.useMemo)(() => selectOptions?.find(opt => opt.value === ''), [selectOptions]);
+  (0, _react.useEffect)(() => {
+    if (!doItJustOnce.current && !emptyOption && field && !field.value && field.value !== 0 && helpers?.setValue) {
+      helpers.setValue(selectOptions[0]?.value);
+      doItJustOnce.current = true; // doItJustOnce.current = true; // I'm not sure why this is needed here. But without it, it goes into an infinite loop!?
+    }
+  }, [field, emptyOption, selectOptions, helpers, doItJustOnce]);
   if (viewMode) {
     return selectOptions.filter(opt => opt.value === field?.value || opt.value !== '' && field?.value?.includes(opt.value)).map(opt => t(opt.label)).join(', ');
   }

package/dist/items/eventWizardItems/EventDatePicker/CalendarEventPicker.d.ts

@@ -0,0 +1,19 @@
+export default CalendarEventPicker;
+declare function CalendarEventPicker({ id, eventdates, bookablesForBezirk, infoMonthlyContingent, unlimitedContingent }: {
+    id: any;
+    eventdates: any;
+    bookablesForBezirk: any;
+    infoMonthlyContingent: any;
+    unlimitedContingent: any;
+}): JSX.Element;
+declare namespace CalendarEventPicker {
+    namespace propTypes {
+        let id: PropTypes.Requireable<string>;
+        let eventdates: PropTypes.Requireable<any[]>;
+        let bookablesForBezirk: PropTypes.Requireable<any[]>;
+        let infoMonthlyContingent: PropTypes.Requireable<number>;
+        let unlimitedContingent: PropTypes.Requireable<string>;
+    }
+}
+import * as PropTypes from 'prop-types';
+//# sourceMappingURL=CalendarEventPicker.d.ts.map

package/dist/items/eventWizardItems/EventDatePicker/CalendarEventPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarEventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarEventPicker.jsx"],"names":[],"mappings":";AAqBA;;;;;;gBAoGC;;;;;;;;;;2BAvH0B,YAAY"}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBigCalendar = require("react-big-calendar");
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _luxon = require("luxon");
+var _formBuilder = require("@pinuts/form-builder");
+var _CalendarToolbar = _interopRequireDefault(require("./CalendarToolbar.jsx"));
+var _CalendarEventRenderer = _interopRequireDefault(require("./CalendarEventRenderer.jsx"));
+var _luxonLocalizer = _interopRequireDefault(require("./luxonLocalizer.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+// bookablesForBezirk={bookablesForBezirk}
+// infoMonthlyContingent={infoMonthlyContingent}
+// unlimitedContingent={unlimitedContingent}
+
+const {
+  useFormikContext
+} = _formBuilder.formik;
+_luxon.Settings.defaultLocale = 'de';
+const localizer = (0, _luxonLocalizer.default)(_luxon.DateTime, {
+  firstDayOfWeek: 0
+});
+const CalendarEventPicker = _ref => {
+  let {
+    id,
+    eventdates,
+    bookablesForBezirk,
+    infoMonthlyContingent,
+    unlimitedContingent
+  } = _ref;
+  const isKieztage = !!bookablesForBezirk;
+  const [date, setDate] = (0, _react.useState)(eventdates?.[0]?.timestamp ? new Date(eventdates[0].timestamp) : new Date());
+  const month = `${new Date(date).getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
+  const availableDates = bookablesForBezirk?.find(elem => elem.month === month)?.availableDates || 0;
+  const {
+    values: {
+      eventdate,
+      blockedVerantwortlicher = {},
+      events = {}
+    },
+    setFieldValue
+  } = useFormikContext();
+  const selectedEventdate = isKieztage ? eventdate : events[id].eventdate;
+  const selectedEventdateObj = isKieztage ? new Date(selectedEventdate) : null;
+  const parsedDates = eventdates.map(event => {
+    const subtext = event.subtext || `${_luxon.DateTime.fromISO(event.timestamp).toLocaleString(_luxon.DateTime.TIME_24_SIMPLE)} Uhr`;
+    const dateToPick = {
+      ...event,
+      title: subtext,
+      subtext: subtext
+    };
+    if (isKieztage) {
+      dateToPick.start = new Date(event.start);
+      dateToPick.end = new Date(event.end);
+      dateToPick.allDay = false;
+    } else {
+      dateToPick.start = new Date(event.timestamp);
+    }
+    return dateToPick;
+  });
+  const earliestDate = parsedDates[0]?.start;
+  const onSelectDate = event => {
+    const fieldId = isKieztage ? id : `events.${id}.eventdate`;
+    const value = isKieztage ? event.start : event.eventdate;
+    setFieldValue(fieldId, value);
+  };
+  const onNavigate = (0, _react.useCallback)(newDate => {
+    return setDate(newDate);
+  }, [setDate]);
+
+  // filter dates by verantwortlicher - if an event date with the same verantwortlicher has been  booked on the same day already, then remove that event date from parsedDates
+  const filteredDates = isKieztage ? parsedDates : parsedDates.filter(event => {
+    if (!event.verantwortlicher) {
+      return true;
+    }
+    const date = event.timestamp.split('T')[0];
+    return !blockedVerantwortlicher[date]?.includes(event.verantwortlicher);
+  });
+  const selectedEventItem = isKieztage ? filteredDates.find(event => event.start.getTime() === selectedEventdateObj.getTime()) : filteredDates.find(event => event.eventdate === selectedEventdate);
+  const eventPropGetter = (0, _react.useCallback)(event => {
+    const isFullyAvailable = event.tuv && event.infostand;
+    const eventStyle = {
+      borderWidth: '2px'
+    };
+    return {
+      className: isFullyAvailable ? 'isFullyAvailable' : 'isPartiallyAvailable',
+      style: eventStyle
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "mt-3 bg-secondary rbc-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_reactBigCalendar.Calendar, {
+    date: date,
+    localizer: localizer,
+    events: filteredDates,
+    selectable: true,
+    selected: selectedEventItem,
+    onSelectEvent: event => onSelectDate(event),
+    startAccessor: "start",
+    endAccessor: "start",
+    style: {
+      height: 480
+    },
+    views: [_reactBigCalendar.Views.MONTH],
+    components: {
+      event: _CalendarEventRenderer.default,
+      toolbar: _CalendarToolbar.default
+    },
+    drilldownView: null,
+    defaultDate: earliestDate,
+    onNavigate: onNavigate,
+    eventPropGetter: isKieztage ? eventPropGetter : null
+  })), isKieztage && /*#__PURE__*/_react.default.createElement("div", {
+    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));
+};
+CalendarEventPicker.propTypes = {
+  id: PropTypes.string,
+  eventdates: PropTypes.array,
+  bookablesForBezirk: PropTypes.array,
+  infoMonthlyContingent: PropTypes.number,
+  unlimitedContingent: PropTypes.string
+};
+var _default = exports.default = CalendarEventPicker;

package/dist/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.d.ts

@@ -0,0 +1,17 @@
+export default CalendarEventRenderer;
+declare function CalendarEventRenderer({ event: { eventdate, subtext } }: {
+    event: {
+        eventdate: any;
+        subtext: any;
+    };
+}): JSX.Element;
+declare namespace CalendarEventRenderer {
+    namespace propTypes {
+        let event: PropTypes.Requireable<PropTypes.InferProps<{
+            eventdate: PropTypes.Requireable<string>;
+            subtext: PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import * as PropTypes from 'prop-types';
+//# sourceMappingURL=CalendarEventRenderer.d.ts.map

package/dist/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarEventRenderer.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.jsx"],"names":[],"mappings":";AAGA;;;;;gBAIC;;;;;;;;;2BAN0B,YAAY"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+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 CalendarEventRenderer = _ref => {
+  let {
+    event: {
+      eventdate,
+      subtext
+    }
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("b", {
+    key: `${eventdate}_sub`,
+    className: "event-label"
+  }, subtext.replace(' Uhr', ''));
+};
+CalendarEventRenderer.propTypes = {
+  event: PropTypes.shape({
+    eventdate: PropTypes.string,
+    subtext: PropTypes.string
+  })
+};
+var _default = exports.default = CalendarEventRenderer;

package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.d.ts

@@ -0,0 +1,12 @@
+export default CalendarToolbar;
+declare function CalendarToolbar({ label, onNavigate }: {
+    label: any;
+    onNavigate: any;
+}): JSX.Element;
+declare namespace CalendarToolbar {
+    namespace propTypes {
+        let label: any;
+        let onNavigate: any;
+    }
+}
+//# sourceMappingURL=CalendarToolbar.d.ts.map

package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarToolbar.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarToolbar.jsx"],"names":[],"mappings":";AAKA;;;gBA0BC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactBigCalendar = require("react-big-calendar");
+var _reactBootstrap = require("react-bootstrap");
+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 CalendarToolbar = _ref => {
+  let {
+    label,
+    onNavigate
+  } = _ref;
+  const navigatePrevious = (0, _react.useCallback)(() => onNavigate(_reactBigCalendar.Navigate.PREVIOUS), [onNavigate]);
+  const navigateNext = (0, _react.useCallback)(() => onNavigate(_reactBigCalendar.Navigate.NEXT), [onNavigate]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "rbc-toolbar"
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    variant: "secondary",
+    onClick: navigatePrevious
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "pi-icon pi-arrow-left-primary mr-2"
+  }), /*#__PURE__*/_react.default.createElement("b", null, "zur\xFCck")), /*#__PURE__*/_react.default.createElement("h4", {
+    className: "rbc-toolbar-label"
+  }, label), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    variant: "secondary",
+    onClick: navigateNext
+  }, /*#__PURE__*/_react.default.createElement("b", null, "weiter"), /*#__PURE__*/_react.default.createElement("i", {
+    className: "pi-icon pi-arrow-right-primary ml-2"
+  })));
+};
+CalendarToolbar.propTypes = {
+  label: _propTypes.default.node.isRequired,
+  onNavigate: _propTypes.default.func.isRequired
+};
+var _default = exports.default = CalendarToolbar;

package/dist/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.d.ts

@@ -0,0 +1,13 @@
+export default CheckboxEventPicker;
+declare function CheckboxEventPicker({ id, eventdates }: {
+    id: any;
+    eventdates: any;
+}): JSX.Element;
+declare namespace CheckboxEventPicker {
+    namespace propTypes {
+        let id: PropTypes.Requireable<string>;
+        let eventdates: PropTypes.Requireable<any[]>;
+    }
+}
+import * as PropTypes from 'prop-types';
+//# sourceMappingURL=CheckboxEventPicker.d.ts.map

package/dist/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxEventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.jsx"],"names":[],"mappings":";AAKA;;;gBAuBC;;;;;;;2BA3B0B,YAAY"}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _CheckboxRenderer = _interopRequireDefault(require("./CheckboxRenderer.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 CheckboxEventPicker = _ref => {
+  let {
+    id,
+    eventdates
+  } = _ref;
+  let checkboxes = [];
+  const checkBoxesRows = [];
+  eventdates.forEach(_ref2 => {
+    let {
+      eventdate,
+      header,
+      subtext
+    } = _ref2;
+    checkboxes.push(/*#__PURE__*/_react.default.createElement(_CheckboxRenderer.default, {
+      key: eventdate,
+      eventdate: eventdate,
+      header: header,
+      subtext: subtext,
+      id: id
+    }));
+    if (checkboxes.length === 2) {
+      checkBoxesRows.push(/*#__PURE__*/_react.default.createElement("div", {
+        key: eventdate,
+        className: 'form-group d-sm-flex mb-0 mb-sm-1'
+      }, checkboxes));
+      checkboxes = [];
+    }
+  });
+  if (checkboxes.length) {
+    checkBoxesRows.push(/*#__PURE__*/_react.default.createElement("div", {
+      key: 'lastrow',
+      className: 'form-group d-sm-flex mb-0 mb-sm-1 w-50'
+    }, checkboxes));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-scroll-area"
+  }, checkBoxesRows);
+};
+CheckboxEventPicker.propTypes = {
+  id: PropTypes.string,
+  eventdates: PropTypes.array
+};
+var _default = exports.default = CheckboxEventPicker;

package/dist/items/eventWizardItems/EventDatePicker/CheckboxRenderer.d.ts

@@ -0,0 +1,17 @@
+export default CheckboxRenderer;
+declare function CheckboxRenderer({ eventdate, header, subtext, id }: {
+    eventdate: any;
+    header: any;
+    subtext: any;
+    id: any;
+}): JSX.Element;
+declare namespace CheckboxRenderer {
+    namespace propTypes {
+        let eventdate: PropTypes.Requireable<string>;
+        let header: PropTypes.Requireable<string>;
+        let subtext: PropTypes.Requireable<string>;
+        let id: PropTypes.Requireable<string>;
+    }
+}
+import * as PropTypes from 'prop-types';
+//# sourceMappingURL=CheckboxRenderer.d.ts.map

package/dist/items/eventWizardItems/EventDatePicker/CheckboxRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRenderer.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CheckboxRenderer.jsx"],"names":[],"mappings":";AAOA;;;;;gBAiCC;;;;;;;;;2BArC0B,YAAY"}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _formBuilder = require("@pinuts/form-builder");
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+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 }; }
+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 {
+  useField
+} = _formBuilder.formik;
+const CheckboxRenderer = _ref => {
+  let {
+    eventdate,
+    header,
+    subtext,
+    id
+  } = _ref;
+  const inputProps = {
+    id: eventdate,
+    name: `events.${id}.eventdate`,
+    value: eventdate
+  };
+  const [field, meta] = useField(inputProps);
+  const checked = (meta.value || []).indexOf(inputProps.value) > -1;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    key: `${eventdate}_sub`,
+    className: "pi-radio flex-fill custom-control custom-radio border mb-1 mb-sm-0 mr-sm-1"
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    className: "custom-control-input",
+    type: "radio"
+  }, field, inputProps, {
+    checked: checked
+  })), /*#__PURE__*/_react.default.createElement("label", {
+    className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
+    htmlFor: eventdate
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "h5"
+  }, header, /*#__PURE__*/_react.default.createElement("div", {
+    className: "small mt-1"
+  }, subtext))));
+};
+CheckboxRenderer.propTypes = {
+  eventdate: PropTypes.string,
+  header: PropTypes.string,
+  subtext: PropTypes.string,
+  id: PropTypes.string
+};
+var _default = exports.default = CheckboxRenderer;

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

@@ -0,0 +1,11 @@
+export default EventDatePicker;
+declare function EventDatePicker({ config }: {
+    config: any;
+}): JSX.Element;
+declare namespace EventDatePicker {
+    namespace propTypes {
+        let config: PropTypes.Requireable<object>;
+    }
+}
+import * as PropTypes from 'prop-types';
+//# sourceMappingURL=EventDatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/EventDatePicker.jsx"],"names":[],"mappings":";AAUA;;gBAsCC;;;;;;2BA9C0B,YAAY"}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _Header = _interopRequireDefault(require("./Header.jsx"));
+var _CalendarEventPicker = _interopRequireDefault(require("./CalendarEventPicker.jsx"));
+var _CheckboxEventPicker = _interopRequireDefault(require("./CheckboxEventPicker.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 }; }
+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 {
+  useFormikContext
+} = _formBuilder.formik;
+const EventDatePicker = _ref => {
+  let {
+    config
+  } = _ref;
+  const {
+    key: id,
+    inputProps
+  } = config;
+  const {
+    eventdates,
+    headline,
+    selectedEvent,
+    locationPicker = true,
+    bookablesForBezirk,
+    infoMonthlyContingent = 0,
+    unlimitedContingent
+  } = inputProps;
+  const {
+    errors
+  } = useFormikContext();
+  const errorMsg = errors[id];
+  const isCalendar = true; // BSRFR-153 , vorher: eventdates.length > 10;
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: "danger"
+  }, errorMsg), headline && /*#__PURE__*/_react.default.createElement(_Header.default, _extends({}, inputProps, {
+    locationPicker: locationPicker
+  })), isCalendar ? /*#__PURE__*/_react.default.createElement(_CalendarEventPicker.default, {
+    eventdates: eventdates,
+    id: id,
+    selectedEvent: selectedEvent,
+    bookablesForBezirk: bookablesForBezirk,
+    infoMonthlyContingent: infoMonthlyContingent,
+    unlimitedContingent: unlimitedContingent
+  }) : /*#__PURE__*/_react.default.createElement(_CheckboxEventPicker.default, {
+    eventdates: eventdates,
+    id: id,
+    selectedEvent: selectedEvent
+  }));
+};
+EventDatePicker.propTypes = {
+  config: PropTypes.object
+};
+(0, _formBuilder.registerComponent)('EventDatePicker', EventDatePicker);
+var _default = exports.default = EventDatePicker;

package/dist/items/eventWizardItems/EventDatePicker/Header.d.ts

@@ -0,0 +1,11 @@
+export default Header;
+declare function Header(props: any): JSX.Element;
+declare namespace Header {
+    namespace propTypes {
+        let headline: PropTypes.Requireable<string>;
+        let infoText: PropTypes.Requireable<string>;
+        let infoButton: PropTypes.Requireable<string>;
+    }
+}
+import * as PropTypes from 'prop-types';
+//# sourceMappingURL=Header.d.ts.map

package/dist/items/eventWizardItems/EventDatePicker/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/Header.jsx"],"names":[],"mappings":";AAIA,iDAeC;;;;;;;;2BAlB0B,YAAY"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _InfoModal = _interopRequireDefault(require("../../../shared/InfoModal/InfoModal.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 Header = props => {
+  const {
+    headline,
+    infoText,
+    infoButton
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-header d-sm-flex align-items-center p-3 bg-secondary mb-1 mt-4"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-75"
+  }, /*#__PURE__*/_react.default.createElement("h4", null, headline)), infoText && /*#__PURE__*/_react.default.createElement(_InfoModal.default, {
+    headline: headline,
+    infoText: infoText,
+    infoButton: infoButton
+  }));
+};
+Header.propTypes = {
+  headline: PropTypes.string,
+  infoText: PropTypes.string,
+  infoButton: PropTypes.string
+};
+var _default = exports.default = Header;