@pinuts/bsr-uikit-relaunch 0.0.11 → 0.0.13

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

@@ -0,0 +1,40 @@
+export default function luxonLocalizer(DateTime: any, { firstDayOfWeek }: {
+    firstDayOfWeek: any;
+}): any;
+export namespace formats {
+    export let dateFormat: string;
+    export let dayFormat: string;
+    export let weekdayFormat: string;
+    export { timeRangeFormat as selectRangeFormat };
+    export { timeRangeFormat as eventTimeRangeFormat };
+    export { timeRangeStartFormat as eventTimeRangeStartFormat };
+    export { timeRangeEndFormat as eventTimeRangeEndFormat };
+    export let timeGutterFormat: string;
+    export let monthHeaderFormat: string;
+    export let dayHeaderFormat: string;
+    export { weekRangeFormat as dayRangeHeaderFormat };
+    export { dateRangeFormat as agendaHeaderFormat };
+    export let agendaDateFormat: string;
+    export let agendaTimeFormat: string;
+    export { timeRangeFormat as agendaTimeRangeFormat };
+}
+declare function timeRangeFormat({ start, end, }: {
+    start: any;
+    end: any;
+}, culture: any, local: any): string;
+declare function timeRangeStartFormat({ start }: {
+    start: any;
+}, culture: any, local: any): string;
+declare function timeRangeEndFormat({ end }: {
+    end: any;
+}, culture: any, local: any): string;
+declare function weekRangeFormat({ start, end, }: {
+    start: any;
+    end: any;
+}, culture: any, local: any): string;
+declare function dateRangeFormat({ start, end, }: {
+    start: any;
+    end: any;
+}, culture: any, local: any): string;
+export {};
+//# sourceMappingURL=luxonLocalizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"luxonLocalizer.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/luxonLocalizer.js"],"names":[],"mappings":"AAyCA;;QAiBC;;;;;;;;;;;;;;;;;;AAnDD;;;qCAEiG;AAEjG;;qCAAqG;AAErG;;qCAA+F;AAE/F;;;qCAEoJ;AAdpJ;;;qCAEiG"}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = luxonLocalizer;
+exports.formats = void 0;
+var _reactBigCalendar = require("react-big-calendar");
+var dates = _interopRequireWildcard(require("react-big-calendar/lib/utils/dates"));
+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; }
+const dateRangeFormat = (_ref, culture, local) => {
+  let {
+    start,
+    end
+  } = _ref;
+  return `${local.format(start, 'D', culture)} — ${local.format(end, 'D', culture)}`;
+};
+const timeRangeFormat = (_ref2, culture, local) => {
+  let {
+    start,
+    end
+  } = _ref2;
+  return `${local.format(start, 't', culture)} — ${local.format(end, 't', culture)}`;
+};
+const timeRangeStartFormat = (_ref3, culture, local) => {
+  let {
+    start
+  } = _ref3;
+  return `${local.format(start, 't', culture)} — `;
+};
+const timeRangeEndFormat = (_ref4, culture, local) => {
+  let {
+    end
+  } = _ref4;
+  return ` — ${local.format(end, 't', culture)}`;
+};
+const weekRangeFormat = (_ref5, culture, local) => {
+  let {
+    start,
+    end
+  } = _ref5;
+  return `${local.format(start, 'MMMM dd', culture)} - ${local.format(end, dates.eq(start, end, 'month') ? 'dd' : 'MMMM dd', culture)}`;
+};
+const formats = exports.formats = {
+  dateFormat: 'dd',
+  dayFormat: 'dd EEE',
+  weekdayFormat: 'cccc',
+  selectRangeFormat: timeRangeFormat,
+  eventTimeRangeFormat: timeRangeFormat,
+  eventTimeRangeStartFormat: timeRangeStartFormat,
+  eventTimeRangeEndFormat: timeRangeEndFormat,
+  timeGutterFormat: 't',
+  monthHeaderFormat: 'MMMM yyyy',
+  dayHeaderFormat: 'dddd MMM dd',
+  dayRangeHeaderFormat: weekRangeFormat,
+  agendaHeaderFormat: dateRangeFormat,
+  agendaDateFormat: 'EEE MMM dd',
+  agendaTimeFormat: 't',
+  agendaTimeRangeFormat: timeRangeFormat
+};
+function luxonLocalizer(DateTime, _ref6) {
+  let {
+    firstDayOfWeek
+  } = _ref6;
+  const locale = (d, c) => c ? d.reconfigure(c) : d;
+  return new _reactBigCalendar.DateLocalizer({
+    formats,
+    firstOfWeek() {
+      return firstDayOfWeek + 1;
+    },
+    parse(value, format, culture) {
+      return locale(DateTime.fromFormat(value, format), culture).toJSDate();
+    },
+    format(value, format, culture) {
+      return locale(DateTime.fromJSDate(value), culture).toFormat(format);
+    }
+  });
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../../../src/items/eventWizardItems/EventPicker/Components/CheckboxField.jsx"],"names":[],"mappings":";AAOA,wDA+EC;;;;;;2BArF0B,YAAY"}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _HTMLParserSanitized = require("../../../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 _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,
+  useFormikContext
+} = _formBuilder.formik;
+const CheckboxField = props => {
+  const config = props.config || {};
+  const {
+    header,
+    value,
+    singleSelectionCheckbox,
+    subtitle,
+    infobadge,
+    required
+  } = config;
+  const inputProps = {
+    id: value,
+    name: config.name,
+    value: value
+  };
+  const {
+    values,
+    setFieldValue
+  } = useFormikContext();
+  const [field, meta] = useField(inputProps.name);
+  const checked = (meta.value || []).indexOf(value) > -1;
+
+  // the special onChangeHandler is used when singleSelectionCheckbox is true
+  // so that only one checkbox can be selected, like RadioButtons
+  // otherwise, the normal onChangeHandler is used
+  const onChangeHandler = (0, _react.useCallback)(e => {
+    const filterSelection = () => {
+      const groupIndex = value.split('_')[1];
+      const isSelected = values.components.includes(value);
+
+      // remove alle components with the current groupIndex
+      const updatedComponents = values.components.filter(element => element.split('_')[1] !== groupIndex);
+
+      // add the current component if it was selected
+      return isSelected ? updatedComponents : [...updatedComponents, value];
+    };
+    if (singleSelectionCheckbox) {
+      const filtered = filterSelection();
+      setFieldValue(field.name, [...filtered]);
+    } else {
+      field.onChange(e);
+    }
+  }, [field, setFieldValue, values.components, singleSelectionCheckbox, value]);
+  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"
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    className: "custom-control-input"
+  }, field, inputProps, {
+    type: "checkbox",
+    checked: checked,
+    onChange: onChangeHandler,
+    "aria-describedby": descriptionId
+  })), /*#__PURE__*/_react.default.createElement("label", {
+    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",
+    id: descriptionId
+  }, subtitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: "small mt-1"
+  }, subtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
+    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"
+  }, "*"))));
+};
+CheckboxField.propTypes = {
+  config: PropTypes.object
+};
+var _default = exports.default = CheckboxField;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.d.ts","sourceRoot":"","sources":["../../../../../src/items/eventWizardItems/EventPicker/Components/RadioField.jsx"],"names":[],"mappings":";AAQA;;gBA2DC;;;;;;2BAlE0B,YAAY"}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _HTMLParserSanitized = require("../../../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 }; }
+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 RadioField = _ref => {
+  let {
+    config
+  } = _ref;
+  const {
+    header,
+    subtitle,
+    infobadge,
+    required,
+    disabled = false,
+    infoLine1,
+    infoLine2
+  } = config;
+  const inputName = `${config.name}.${config.id ? `${config.id}.event` : ''}`;
+  const inputProps = {
+    id: config.value,
+    name: inputName,
+    value: config.value
+  };
+  const isDisabled = !!disabled;
+  const [field, meta] = useField(inputProps.name);
+  const checked = (meta.value || []).indexOf(config.value) > -1;
+  const usedSubtitle = subtitle || infoLine2;
+  const hasDescription = !!infobadge || !!usedSubtitle;
+  const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
+  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-radio custom-control custom-radio border mb-1"
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    className: "custom-control-input"
+  }, field, inputProps, {
+    type: "radio",
+    checked: checked,
+    disabled: isDisabled
+  })), /*#__PURE__*/_react.default.createElement("label", {
+    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",
+    id: descriptionId
+  }, infoLine1, usedSubtitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: "small mt-1"
+  }, usedSubtitle), infobadge && /*#__PURE__*/_react.default.createElement("div", {
+    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"
+  }, "*"))));
+};
+RadioField.propTypes = {
+  config: PropTypes.object
+};
+var _default = exports.default = RadioField;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventPicker/EventPicker.jsx"],"names":[],"mappings":";AASA;;gBAyEC;;;;;;2BAjF0B,YAAY"}

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

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+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 EventPicker = _ref => {
+  let {
+    config
+  } = _ref;
+  const {
+    key: id,
+    singleSelection,
+    singleSelectionCheckbox,
+    locationPicker,
+    inputProps = {},
+    name = ''
+  } = config;
+  const {
+    events,
+    headline,
+    className
+  } = inputProps;
+  let renderedEvents = [];
+  const groupName = name || id;
+  if (singleSelection && !singleSelectionCheckbox) {
+    renderedEvents = events.map(_ref2 => {
+      let {
+        header,
+        infoLine1,
+        infoLine2,
+        subtext,
+        eventId,
+        event,
+        bookable = true
+      } = _ref2;
+      const curEventId = eventId || event;
+      return /*#__PURE__*/_react.default.createElement(_RadioField.default, {
+        key: curEventId,
+        config: {
+          name: groupName,
+          value: curEventId,
+          header,
+          infoLine1,
+          infoLine2,
+          subtext,
+          id,
+          disabled: !bookable
+        }
+      });
+    });
+  } else {
+    renderedEvents = events.map(_ref3 => {
+      let {
+        eventId,
+        event,
+        header,
+        infobadge,
+        subtitle,
+        required
+      } = _ref3;
+      return /*#__PURE__*/_react.default.createElement(_CheckboxField.default, {
+        key: eventId || event,
+        config: {
+          name: groupName,
+          value: eventId || event,
+          header,
+          infobadge,
+          subtitle,
+          required,
+          singleSelectionCheckbox
+        }
+      });
+    });
+  }
+
+  // TODO Fielset mit legend
+  // alles in ein fieldset packen
+  // https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/examples/checkbox-mixed/
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(_PickerFieldsetLegend.default, {
+    groupName: groupName,
+    headline: headline,
+    infoText: inputProps.infoText,
+    infoButton: inputProps.infoButton,
+    locationPicker: locationPicker
+  }), renderedEvents.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    role: "group",
+    "aria-labelledby": `selectGroup-${groupName}`
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "checkboxes"
+  }, renderedEvents)) : /*#__PURE__*/_react.default.createElement("h2", null, "Keine Veranstaltungen an diesem Termin w\xE4hlbar"));
+};
+EventPicker.propTypes = {
+  config: PropTypes.object
+};
+var _default = exports.default = EventPicker;
+(0, _formBuilder.registerComponent)('EventPicker', EventPicker);

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTitle.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/FormTitle/FormTitle.jsx"],"names":[],"mappings":";AAQA;;gBAwDC;;;;;;2BA7D0B,YAAY"}

package/dist/items/eventWizardItems/FormTitle/FormTitle.js

@@ -0,0 +1,77 @@
+"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");
+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 FormTitle = _ref => {
+  let {
+    config
+  } = _ref;
+  const {
+    errorMsgId
+  } = config;
+  const {
+    header,
+    steps
+  } = config.inputProps;
+  const {
+    errors
+  } = useFormikContext();
+  const errorMsg = errors[errorMsgId];
+  const labelId = config.key || 'formStepHeader';
+  const stepCreator = _ref2 => {
+    let {
+      current,
+      total
+    } = _ref2;
+    if (current <= 0) return;
+    if (!total) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "step-line bg-primary rounded-pill flex-fill"
+      });
+    }
+    const stepper = [];
+    for (let i = 0; i < total; i++) {
+      let cssClasses = 'step-line rounded-pill flex-fill ';
+      cssClasses += i < current ? 'bg-primary' : 'bg-secondary';
+      cssClasses += i + 1 !== total ? ' mr-2' : '';
+      stepper.push(/*#__PURE__*/_react.default.createElement("div", {
+        key: `${i}_${current}`,
+        className: cssClasses
+      }));
+    }
+    return stepper;
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-title d-sm-flex align-items-center mb-4"
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    "aria-describedby": labelId
+  }, header), steps && /*#__PURE__*/_react.default.createElement("p", {
+    id: labelId,
+    className: "pi-steps ml-sm-auto text-sm-right"
+  }, /*#__PURE__*/_react.default.createElement("small", {
+    className: "mr-1 mr-sm-0"
+  }, "Schritt"), steps.current > 0 && /*#__PURE__*/_react.default.createElement("span", {
+    className: "h4 d-inline d-sm-block"
+  }, `${steps.current} ${steps.total ? `von ${steps.total}` : ''}`))), steps && /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-step-indicator d-flex mb-4"
+  }, stepCreator(steps)), errorMsg && /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: "danger"
+  }, errorMsg));
+};
+FormTitle.propTypes = {
+  config: PropTypes.object
+};
+(0, _formBuilder.registerComponent)('FormTitle', FormTitle);
+var _default = exports.default = FormTitle;

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

@@ -0,0 +1,8 @@
+export default Intro;
+declare function Intro(props: any): JSX.Element;
+declare namespace Intro {
+    namespace propTypes {
+        let config: any;
+    }
+}
+//# sourceMappingURL=Intro.d.ts.map

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _formBuilder = require("@pinuts/form-builder");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Intro = props => {
+  const {
+    headline,
+    description,
+    infobadge
+  } = props.config;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-intro my-5"
+  }, /*#__PURE__*/_react.default.createElement("h4", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "mr-2 mr-sm-0"
+  }, 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));
+};
+Intro.propTypes = {
+  config: _propTypes.default.shape({
+    headline: _propTypes.default.string,
+    description: _propTypes.default.string,
+    infobadge: _propTypes.default.string
+  })
+};
+(0, _formBuilder.registerComponent)('Intro', Intro);
+var _default = exports.default = Intro;

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

@@ -0,0 +1,3 @@
+export default Required;
+declare function Required(): JSX.Element;
+//# sourceMappingURL=Required.d.ts.map

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

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

package/dist/items/eventWizardItems/Required/Required.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _formBuilder = require("@pinuts/form-builder");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Required = () => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pi-footnotes border p-4 mb-4"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "pi-required text-primary mr-1"
+  }, "*"), /*#__PURE__*/_react.default.createElement("span", null, "Pflichtfelder"));
+};
+(0, _formBuilder.registerComponent)('Required', Required);
+var _default = exports.default = Required;

package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.d.ts

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

package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerFieldsetLegend.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/shared/PickerFieldsetLegend.jsx"],"names":[],"mappings":";AAMA,+DAUC;;;;;;;;;;2BAf0B,YAAY"}