@pinuts/bsr-uikit-relaunch 0.0.11 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/icons/Close.d.ts +3 -0
  2. package/dist/icons/Close.d.ts.map +1 -0
  3. package/dist/icons/Close.js +41 -0
  4. package/dist/icons/Info.d.ts +4 -0
  5. package/dist/icons/Info.d.ts.map +1 -0
  6. package/dist/icons/Info.js +38 -0
  7. package/dist/index.js +1 -1
  8. package/dist/items/BSRAddressSelector/BSRAddressContext.d.ts.map +1 -1
  9. package/dist/items/BSRAddressSelector/BSRAddressContext.js +4 -2
  10. package/dist/items/BSRAddressSelector/BSRAddressSelector.d.ts.map +1 -1
  11. package/dist/items/BSRAddressSelector/BSRAddressSelector.js +7 -5
  12. package/dist/items/BSRAddressSelector/BSRStreetPlzSelector.d.ts.map +1 -1
  13. package/dist/items/BSRAddressSelector/BSRStreetPlzSelector.js +15 -4
  14. package/dist/items/FieldsetWrapper/FieldsetWrapper.d.ts.map +1 -1
  15. package/dist/items/FieldsetWrapper/FieldsetWrapper.js +2 -1
  16. package/dist/items/SelectField/SelectField.d.ts.map +1 -1
  17. package/dist/items/SelectField/SelectField.js +16 -3
  18. package/dist/items/eventWizardItems/EventDatePicker/CalendarEventPicker.d.ts +19 -0
  19. package/dist/items/eventWizardItems/EventDatePicker/CalendarEventPicker.d.ts.map +1 -0
  20. package/dist/items/eventWizardItems/EventDatePicker/CalendarEventPicker.js +132 -0
  21. package/dist/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.d.ts +17 -0
  22. package/dist/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.d.ts.map +1 -0
  23. package/dist/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.js +30 -0
  24. package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.d.ts +12 -0
  25. package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.d.ts.map +1 -0
  26. package/dist/items/eventWizardItems/EventDatePicker/CalendarToolbar.js +41 -0
  27. package/dist/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.d.ts +13 -0
  28. package/dist/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.d.ts.map +1 -0
  29. package/dist/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.js +55 -0
  30. package/dist/items/eventWizardItems/EventDatePicker/CheckboxRenderer.d.ts +17 -0
  31. package/dist/items/eventWizardItems/EventDatePicker/CheckboxRenderer.d.ts.map +1 -0
  32. package/dist/items/eventWizardItems/EventDatePicker/CheckboxRenderer.js +54 -0
  33. package/dist/items/eventWizardItems/EventDatePicker/EventDatePicker.d.ts +11 -0
  34. package/dist/items/eventWizardItems/EventDatePicker/EventDatePicker.d.ts.map +1 -0
  35. package/dist/items/eventWizardItems/EventDatePicker/EventDatePicker.js +65 -0
  36. package/dist/items/eventWizardItems/EventDatePicker/Header.d.ts +11 -0
  37. package/dist/items/eventWizardItems/EventDatePicker/Header.d.ts.map +1 -0
  38. package/dist/items/eventWizardItems/EventDatePicker/Header.js +34 -0
  39. package/dist/items/eventWizardItems/EventDatePicker/luxonLocalizer.d.ts +40 -0
  40. package/dist/items/eventWizardItems/EventDatePicker/luxonLocalizer.d.ts.map +1 -0
  41. package/dist/items/eventWizardItems/EventDatePicker/luxonLocalizer.js +79 -0
  42. package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.d.ts +9 -0
  43. package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.d.ts.map +1 -0
  44. package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.js +89 -0
  45. package/dist/items/eventWizardItems/EventPicker/Components/RadioField.d.ts +11 -0
  46. package/dist/items/eventWizardItems/EventPicker/Components/RadioField.d.ts.map +1 -0
  47. package/dist/items/eventWizardItems/EventPicker/Components/RadioField.js +68 -0
  48. package/dist/items/eventWizardItems/EventPicker/EventPicker.d.ts +11 -0
  49. package/dist/items/eventWizardItems/EventPicker/EventPicker.d.ts.map +1 -0
  50. package/dist/items/eventWizardItems/EventPicker/EventPicker.js +108 -0
  51. package/dist/items/eventWizardItems/FormTitle/FormTitle.d.ts +11 -0
  52. package/dist/items/eventWizardItems/FormTitle/FormTitle.d.ts.map +1 -0
  53. package/dist/items/eventWizardItems/FormTitle/FormTitle.js +77 -0
  54. package/dist/items/eventWizardItems/Intro/Intro.d.ts +8 -0
  55. package/dist/items/eventWizardItems/Intro/Intro.d.ts.map +1 -0
  56. package/dist/items/eventWizardItems/Intro/Intro.js +33 -0
  57. package/dist/items/eventWizardItems/Required/Required.d.ts +3 -0
  58. package/dist/items/eventWizardItems/Required/Required.d.ts.map +1 -0
  59. package/dist/items/eventWizardItems/Required/Required.js +18 -0
  60. package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.d.ts +13 -0
  61. package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.d.ts.map +1 -0
  62. package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.js +37 -0
  63. package/dist/items/eventWizardItems/validations.d.ts +2 -0
  64. package/dist/items/eventWizardItems/validations.d.ts.map +1 -0
  65. package/dist/items/eventWizardItems/validations.js +7 -0
  66. package/dist/items/index.d.ts +6 -1
  67. package/dist/items/index.d.ts.map +1 -1
  68. package/dist/items/index.js +36 -0
  69. package/dist/locales.d.ts +25 -11
  70. package/dist/locales.js +18 -4
  71. package/dist/shared/InfoModal/InfoModal.d.ts +12 -0
  72. package/dist/shared/InfoModal/InfoModal.d.ts.map +1 -0
  73. package/dist/shared/InfoModal/InfoModal.js +104 -0
  74. package/dist/shared/LocationPicker/LocationPicker.d.ts +3 -0
  75. package/dist/shared/LocationPicker/LocationPicker.d.ts.map +1 -0
  76. package/dist/shared/LocationPicker/LocationPicker.js +22 -0
  77. package/dist/shared/Modal/Modal.d.ts +22 -0
  78. package/dist/shared/Modal/Modal.d.ts.map +1 -0
  79. package/dist/shared/Modal/Modal.js +140 -0
  80. package/dist/shared/Modal/SmallModal.d.ts +24 -0
  81. package/dist/shared/Modal/SmallModal.d.ts.map +1 -0
  82. package/dist/shared/Modal/SmallModal.js +105 -0
  83. package/dist/styles/variables/_buttons.scss +12 -4
  84. package/dist/styles/variables/_colors.scss +5 -2
  85. package/dist/styles/variables/_focus.scss +1 -1
  86. package/dist/styles/variables/_fonts.scss +8 -0
  87. package/dist/styles/variables/_variables.scss +1 -0
  88. package/package.json +3 -1
@@ -1 +1 @@
1
- {"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAcA,6DAAiD;;AAEjD;;;gBA4JC"}
1
+ {"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAeA,6DAAiD;;AAEjD;;;gBA4JC"}
@@ -17,7 +17,8 @@ const {
17
17
  const defaultAdContext = {
18
18
  groupKey: 'addressSelector',
19
19
  restUrl: '',
20
- controllerPath: defaultControllerPath
20
+ controllerPath: defaultControllerPath,
21
+ overwriteLabels: {}
21
22
  };
22
23
  const BSRAddressContext = exports.BSRAddressContext = /*#__PURE__*/(0, _react.createContext)();
23
24
  const BSRAddressContextProvider = _ref => {
@@ -160,7 +161,8 @@ BSRAddressContextProvider.propTypes = {
160
161
  groupKey: _propTypes.default.string,
161
162
  restUrl: _propTypes.default.string,
162
163
  controllerPath: _propTypes.default.string,
163
- doSubmitOnChange: _propTypes.default.bool
164
+ doSubmitOnChange: _propTypes.default.bool,
165
+ overwriteLabels: _propTypes.default.object
164
166
  }),
165
167
  children: _propTypes.default.node.isRequired
166
168
  };
@@ -1 +1 @@
1
- {"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AAkBA;;gBAiCC"}
1
+ {"version":3,"file":"BSRAddressSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressSelector.jsx"],"names":[],"mappings":";AAkBA;;gBAkCC"}
@@ -28,14 +28,15 @@ const BSRAddressSelector = _ref => {
28
28
  const {
29
29
  controllerPath,
30
30
  restUrl,
31
- doSubmitOnChange
31
+ doSubmitOnChange,
32
+ labels: overwriteLabels
32
33
  } = config;
33
34
  const groupKey = config.key;
34
35
  let subFormConfigStrInner = subFormConfigStr.replaceAll('{SELID}', groupKey);
35
36
  // replace label, if set
36
- if (config.labels) {
37
- Object.keys(config.labels).forEach(key => {
38
- subFormConfigStrInner = subFormConfigStrInner.replaceAll(`bsrAddressSelector.labels.${key}`, config.labels[key]);
37
+ if (overwriteLabels) {
38
+ Object.keys(overwriteLabels).forEach(key => {
39
+ subFormConfigStrInner = subFormConfigStrInner.replaceAll(`bsrAddressSelector.labels.${key}`, overwriteLabels[key]);
39
40
  });
40
41
  }
41
42
  const subFormConfig = JSON.parse(subFormConfigStrInner);
@@ -45,11 +46,12 @@ const BSRAddressSelector = _ref => {
45
46
  groupKey,
46
47
  restUrl: restUrlWithTrailingSlash,
47
48
  doSubmitOnChange,
49
+ overwriteLabels,
48
50
  ...(controllerPath && {
49
51
  controllerPath
50
52
  })
51
53
  };
52
- }, [groupKey, controllerPath, restUrl, doSubmitOnChange]);
54
+ }, [groupKey, controllerPath, restUrl, doSubmitOnChange, overwriteLabels]);
53
55
  return /*#__PURE__*/_react.default.createElement(_BSRAddressContext.default, {
54
56
  initAddressContext: initAddressContext
55
57
  }, /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
@@ -1 +1 @@
1
- {"version":3,"file":"BSRStreetPlzSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRStreetPlzSelector.jsx"],"names":[],"mappings":";AA2JA,2EAA6E"}
1
+ {"version":3,"file":"BSRStreetPlzSelector.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRStreetPlzSelector.jsx"],"names":[],"mappings":";AAiKA,2EAA6E"}
@@ -36,6 +36,7 @@ const BSRStreetPlzSelector = props => {
36
36
  showNextBtn,
37
37
  onClickCheckAddressBtn,
38
38
  showNoResultsError,
39
+ addressContext,
39
40
  setShowNoResultsError,
40
41
  selectedStreetList,
41
42
  setSelectedStreetList,
@@ -51,6 +52,14 @@ const BSRStreetPlzSelector = props => {
51
52
  const localFieldKey = config.key;
52
53
  const [selectedStreedAndNumber, setSelectedStreedAndNumber] = (0, _react.useState)(null);
53
54
  const [showLoading, setShowLoading] = (0, _react.useState)(false);
55
+
56
+ // labels
57
+ const {
58
+ overwriteLabels
59
+ } = addressContext;
60
+ const addressNotFoundStr = t(overwriteLabels.addressNotFound || 'bsrAddressSelector.labels.addressNotFound');
61
+ const loadingStr = t(overwriteLabels.loading || 'bsrAddressSelector.labels.loading');
62
+ const checkAddressStr = t(overwriteLabels.checkAddress || 'bsrAddressSelector.labels.checkAddress');
54
63
  (0, _react.useEffect)(() => {
55
64
  // set or delete selected street and number, form parent inputs, to state
56
65
  if (values[selectedStreedAndNumberKey] && values[selectedStreedAndNumberKey] !== selectedStreedAndNumber) {
@@ -105,17 +114,19 @@ const BSRStreetPlzSelector = props => {
105
114
  });
106
115
  }
107
116
  }, [selectedStreedAndNumber, groupKey, labelKey, setFieldValue, getControllerPath, localFieldKey, setShowNoResultsError, setSelectedStreetList]);
108
- const noResultsError = showNoResultsError ? /*#__PURE__*/_react.default.createElement("p", null, t('bsrAddressSelector.addressNotFound')) : null;
117
+ const noResultsError = showNoResultsError ? /*#__PURE__*/_react.default.createElement("p", null, addressNotFoundStr) : null;
109
118
  if (dontShowSelector) {
110
119
  return null;
111
120
  }
112
121
  if (showLoading) {
113
- return /*#__PURE__*/_react.default.createElement("p", null, t('bsrAddressSelector.loading'));
122
+ return /*#__PURE__*/_react.default.createElement("p", null, loadingStr);
114
123
  }
115
124
  if (showNextBtn) {
116
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, noResultsError, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
125
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, noResultsError, /*#__PURE__*/_react.default.createElement("div", {
126
+ className: 'checkAddressBtn'
127
+ }, /*#__PURE__*/_react.default.createElement(_Button.default, {
117
128
  onClick: onClickCheckAddressBtn
118
- }, t('bsrAddressSelector.checkAddress'))));
129
+ }, checkAddressStr)));
119
130
  }
120
131
  if (showNoResultsError) {
121
132
  return noResultsError;
@@ -1 +1 @@
1
- {"version":3,"file":"FieldsetWrapper.d.ts","sourceRoot":"","sources":["../../../src/items/FieldsetWrapper/FieldsetWrapper.jsx"],"names":[],"mappings":";AAQA;;;gBA8BC"}
1
+ {"version":3,"file":"FieldsetWrapper.d.ts","sourceRoot":"","sources":["../../../src/items/FieldsetWrapper/FieldsetWrapper.jsx"],"names":[],"mappings":";AAQA;;;gBAgCC"}
@@ -30,12 +30,13 @@ const FieldsetWrapper = _ref => {
30
30
  // Doppelpunkte und HTML-Tags zerstören das i18n?
31
31
  const usedLabel = label && !label.includes(':') && !label.includes('<') ? t(label) : label;
32
32
  const usedHelpText = helpText && !helpText.includes(':') && !helpText.includes('<') ? t(helpText) : helpText;
33
+ const populatorFormId = (0, _react.useMemo)(() => `${formId}-${usedLabel?.replaceAll(' ', '')}-fieldset-wrapper`, [usedLabel, formId]);
33
34
  return /*#__PURE__*/_react.default.createElement("fieldset", {
34
35
  className: "mb-4"
35
36
  }, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(HeadingTag, null, usedLabel), helpText && /*#__PURE__*/_react.default.createElement("p", {
36
37
  className: "helper-text"
37
38
  }, usedHelpText)), /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
38
- formId: `${formId}-${label.replaceAll(' ', '')}-fieldset-wrapper`,
39
+ formId: populatorFormId,
39
40
  components: components
40
41
  }));
41
42
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/items/SelectField/SelectField.jsx"],"names":[],"mappings":";AAsGA,6DAMC"}
1
+ {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/items/SelectField/SelectField.jsx"],"names":[],"mappings":";AAmHA,6DAMC"}
@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _reactI18next = require("react-i18next");
10
10
  var _formBuilder = require("@pinuts/form-builder");
11
11
  var _useGetOptionList = _interopRequireDefault(require("../../hooks/useGetOptionList.js"));
12
- var _getUikitClassNames = require("../../utils/getUikitClassNames.js");
12
+ var _index = require("../../utils/index.js");
13
13
  var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
14
14
  var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
15
15
  var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
16
16
  var _formModule = _interopRequireDefault(require("../../styles/form.module.scss"));
17
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
+ 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); }
19
+ 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; }
18
20
  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
19
21
  const SelectField = _ref => {
20
22
  let {
@@ -25,6 +27,7 @@ const SelectField = _ref => {
25
27
  emptyOptionLabel,
26
28
  skipOptions,
27
29
  field = {},
30
+ helpers = {},
28
31
  onChange = () => {},
29
32
  isInvalid,
30
33
  ariaAttributes,
@@ -32,9 +35,19 @@ const SelectField = _ref => {
32
35
  viewMode
33
36
  } = _ref;
34
37
  const [t] = (0, _reactI18next.useTranslation)();
35
- const formControlClassNames = (0, _getUikitClassNames.getFormControlClassNames)(isInvalid, readOnly, disabled, className, [_formModule.default.select, field.className].filter(Boolean));
38
+ const formControlClassNames = (0, _index.getFormControlClassNames)(isInvalid, readOnly, disabled, className, [_formModule.default.select, field.className].filter(Boolean));
36
39
  const handleChange = e => onChange(e.target.value);
37
40
  const selectOptions = (0, _useGetOptionList.default)(options, emptyOptionLabel, skipOptions);
41
+
42
+ // // if no option is selected yet, and no empty option is available, the first option will be preselected
43
+ const doItJustOnce = (0, _react.useRef)(false);
44
+ const emptyOption = (0, _react.useMemo)(() => selectOptions?.find(opt => opt.value === ''), [selectOptions]);
45
+ (0, _react.useEffect)(() => {
46
+ if (!doItJustOnce.current && !emptyOption && field && !field.value && field.value !== 0 && helpers?.setValue) {
47
+ helpers.setValue(selectOptions[0]?.value);
48
+ doItJustOnce.current = true; // doItJustOnce.current = true; // I'm not sure why this is needed here. But without it, it goes into an infinite loop!?
49
+ }
50
+ }, [field, emptyOption, selectOptions, helpers, doItJustOnce]);
38
51
  if (viewMode) {
39
52
  return selectOptions.filter(opt => opt.value === field?.value || opt.value !== '' && field?.value?.includes(opt.value)).map(opt => t(opt.label)).join(', ');
40
53
  }
@@ -0,0 +1,19 @@
1
+ export default CalendarEventPicker;
2
+ declare function CalendarEventPicker({ id, eventdates, bookablesForBezirk, infoMonthlyContingent, unlimitedContingent }: {
3
+ id: any;
4
+ eventdates: any;
5
+ bookablesForBezirk: any;
6
+ infoMonthlyContingent: any;
7
+ unlimitedContingent: any;
8
+ }): JSX.Element;
9
+ declare namespace CalendarEventPicker {
10
+ namespace propTypes {
11
+ let id: PropTypes.Requireable<string>;
12
+ let eventdates: PropTypes.Requireable<any[]>;
13
+ let bookablesForBezirk: PropTypes.Requireable<any[]>;
14
+ let infoMonthlyContingent: PropTypes.Requireable<number>;
15
+ let unlimitedContingent: PropTypes.Requireable<string>;
16
+ }
17
+ }
18
+ import * as PropTypes from 'prop-types';
19
+ //# sourceMappingURL=CalendarEventPicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarEventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarEventPicker.jsx"],"names":[],"mappings":";AAqBA;;;;;;gBAoGC;;;;;;;;;;2BAvH0B,YAAY"}
@@ -0,0 +1,132 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactBigCalendar = require("react-big-calendar");
9
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
10
+ var _luxon = require("luxon");
11
+ var _formBuilder = require("@pinuts/form-builder");
12
+ var _CalendarToolbar = _interopRequireDefault(require("./CalendarToolbar.jsx"));
13
+ var _CalendarEventRenderer = _interopRequireDefault(require("./CalendarEventRenderer.jsx"));
14
+ var _luxonLocalizer = _interopRequireDefault(require("./luxonLocalizer.js"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ 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); }
17
+ 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; }
18
+ // bookablesForBezirk={bookablesForBezirk}
19
+ // infoMonthlyContingent={infoMonthlyContingent}
20
+ // unlimitedContingent={unlimitedContingent}
21
+
22
+ const {
23
+ useFormikContext
24
+ } = _formBuilder.formik;
25
+ _luxon.Settings.defaultLocale = 'de';
26
+ const localizer = (0, _luxonLocalizer.default)(_luxon.DateTime, {
27
+ firstDayOfWeek: 0
28
+ });
29
+ const CalendarEventPicker = _ref => {
30
+ let {
31
+ id,
32
+ eventdates,
33
+ bookablesForBezirk,
34
+ infoMonthlyContingent,
35
+ unlimitedContingent
36
+ } = _ref;
37
+ const isKieztage = !!bookablesForBezirk;
38
+ const [date, setDate] = (0, _react.useState)(eventdates?.[0]?.timestamp ? new Date(eventdates[0].timestamp) : new Date());
39
+ const month = `${new Date(date).getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
40
+ const availableDates = bookablesForBezirk?.find(elem => elem.month === month)?.availableDates || 0;
41
+ const {
42
+ values: {
43
+ eventdate,
44
+ blockedVerantwortlicher = {},
45
+ events = {}
46
+ },
47
+ setFieldValue
48
+ } = useFormikContext();
49
+ const selectedEventdate = isKieztage ? eventdate : events[id].eventdate;
50
+ const selectedEventdateObj = isKieztage ? new Date(selectedEventdate) : null;
51
+ const parsedDates = eventdates.map(event => {
52
+ const subtext = event.subtext || `${_luxon.DateTime.fromISO(event.timestamp).toLocaleString(_luxon.DateTime.TIME_24_SIMPLE)} Uhr`;
53
+ const dateToPick = {
54
+ ...event,
55
+ title: subtext,
56
+ subtext: subtext
57
+ };
58
+ if (isKieztage) {
59
+ dateToPick.start = new Date(event.start);
60
+ dateToPick.end = new Date(event.end);
61
+ dateToPick.allDay = false;
62
+ } else {
63
+ dateToPick.start = new Date(event.timestamp);
64
+ }
65
+ return dateToPick;
66
+ });
67
+ const earliestDate = parsedDates[0]?.start;
68
+ const onSelectDate = event => {
69
+ const fieldId = isKieztage ? id : `events.${id}.eventdate`;
70
+ const value = isKieztage ? event.start : event.eventdate;
71
+ setFieldValue(fieldId, value);
72
+ };
73
+ const onNavigate = (0, _react.useCallback)(newDate => {
74
+ return setDate(newDate);
75
+ }, [setDate]);
76
+
77
+ // 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
78
+ const filteredDates = isKieztage ? parsedDates : parsedDates.filter(event => {
79
+ if (!event.verantwortlicher) {
80
+ return true;
81
+ }
82
+ const date = event.timestamp.split('T')[0];
83
+ return !blockedVerantwortlicher[date]?.includes(event.verantwortlicher);
84
+ });
85
+ const selectedEventItem = isKieztage ? filteredDates.find(event => event.start.getTime() === selectedEventdateObj.getTime()) : filteredDates.find(event => event.eventdate === selectedEventdate);
86
+ const eventPropGetter = (0, _react.useCallback)(event => {
87
+ const isFullyAvailable = event.tuv && event.infostand;
88
+ const eventStyle = {
89
+ borderWidth: '2px'
90
+ };
91
+ return {
92
+ className: isFullyAvailable ? 'isFullyAvailable' : 'isPartiallyAvailable',
93
+ style: eventStyle
94
+ };
95
+ }, []);
96
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
97
+ className: "mt-3 bg-secondary rbc-wrapper"
98
+ }, /*#__PURE__*/_react.default.createElement(_reactBigCalendar.Calendar, {
99
+ date: date,
100
+ localizer: localizer,
101
+ events: filteredDates,
102
+ selectable: true,
103
+ selected: selectedEventItem,
104
+ onSelectEvent: event => onSelectDate(event),
105
+ startAccessor: "start",
106
+ endAccessor: "start",
107
+ style: {
108
+ height: 480
109
+ },
110
+ views: [_reactBigCalendar.Views.MONTH],
111
+ components: {
112
+ event: _CalendarEventRenderer.default,
113
+ toolbar: _CalendarToolbar.default
114
+ },
115
+ drilldownView: null,
116
+ defaultDate: earliestDate,
117
+ onNavigate: onNavigate,
118
+ eventPropGetter: isKieztage ? eventPropGetter : null
119
+ })), isKieztage && /*#__PURE__*/_react.default.createElement("div", {
120
+ className: "mt-3 bg-secondary rbc-wrapper"
121
+ }, /*#__PURE__*/_react.default.createElement("i", {
122
+ className: "pi-icon pi-icon-calendar mr-2"
123
+ }), availableDates === -1 ? unlimitedContingent : infoMonthlyContingent + ' ' + availableDates));
124
+ };
125
+ CalendarEventPicker.propTypes = {
126
+ id: PropTypes.string,
127
+ eventdates: PropTypes.array,
128
+ bookablesForBezirk: PropTypes.array,
129
+ infoMonthlyContingent: PropTypes.number,
130
+ unlimitedContingent: PropTypes.string
131
+ };
132
+ var _default = exports.default = CalendarEventPicker;
@@ -0,0 +1,17 @@
1
+ export default CalendarEventRenderer;
2
+ declare function CalendarEventRenderer({ event: { eventdate, subtext } }: {
3
+ event: {
4
+ eventdate: any;
5
+ subtext: any;
6
+ };
7
+ }): JSX.Element;
8
+ declare namespace CalendarEventRenderer {
9
+ namespace propTypes {
10
+ let event: PropTypes.Requireable<PropTypes.InferProps<{
11
+ eventdate: PropTypes.Requireable<string>;
12
+ subtext: PropTypes.Requireable<string>;
13
+ }>>;
14
+ }
15
+ }
16
+ import * as PropTypes from 'prop-types';
17
+ //# sourceMappingURL=CalendarEventRenderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarEventRenderer.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarEventRenderer.jsx"],"names":[],"mappings":";AAGA;;;;;gBAIC;;;;;;;;;2BAN0B,YAAY"}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
9
+ 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); }
10
+ 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; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const CalendarEventRenderer = _ref => {
13
+ let {
14
+ event: {
15
+ eventdate,
16
+ subtext
17
+ }
18
+ } = _ref;
19
+ return /*#__PURE__*/_react.default.createElement("b", {
20
+ key: `${eventdate}_sub`,
21
+ className: "event-label"
22
+ }, subtext.replace(' Uhr', ''));
23
+ };
24
+ CalendarEventRenderer.propTypes = {
25
+ event: PropTypes.shape({
26
+ eventdate: PropTypes.string,
27
+ subtext: PropTypes.string
28
+ })
29
+ };
30
+ var _default = exports.default = CalendarEventRenderer;
@@ -0,0 +1,12 @@
1
+ export default CalendarToolbar;
2
+ declare function CalendarToolbar({ label, onNavigate }: {
3
+ label: any;
4
+ onNavigate: any;
5
+ }): JSX.Element;
6
+ declare namespace CalendarToolbar {
7
+ namespace propTypes {
8
+ let label: any;
9
+ let onNavigate: any;
10
+ }
11
+ }
12
+ //# sourceMappingURL=CalendarToolbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarToolbar.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CalendarToolbar.jsx"],"names":[],"mappings":";AAKA;;;gBA0BC"}
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _reactBigCalendar = require("react-big-calendar");
10
+ var _reactBootstrap = require("react-bootstrap");
11
+ 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); }
12
+ 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; }
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ const CalendarToolbar = _ref => {
15
+ let {
16
+ label,
17
+ onNavigate
18
+ } = _ref;
19
+ const navigatePrevious = (0, _react.useCallback)(() => onNavigate(_reactBigCalendar.Navigate.PREVIOUS), [onNavigate]);
20
+ const navigateNext = (0, _react.useCallback)(() => onNavigate(_reactBigCalendar.Navigate.NEXT), [onNavigate]);
21
+ return /*#__PURE__*/_react.default.createElement("div", {
22
+ className: "rbc-toolbar"
23
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
24
+ variant: "secondary",
25
+ onClick: navigatePrevious
26
+ }, /*#__PURE__*/_react.default.createElement("i", {
27
+ className: "pi-icon pi-arrow-left-primary mr-2"
28
+ }), /*#__PURE__*/_react.default.createElement("b", null, "zur\xFCck")), /*#__PURE__*/_react.default.createElement("h4", {
29
+ className: "rbc-toolbar-label"
30
+ }, label), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
31
+ variant: "secondary",
32
+ onClick: navigateNext
33
+ }, /*#__PURE__*/_react.default.createElement("b", null, "weiter"), /*#__PURE__*/_react.default.createElement("i", {
34
+ className: "pi-icon pi-arrow-right-primary ml-2"
35
+ })));
36
+ };
37
+ CalendarToolbar.propTypes = {
38
+ label: _propTypes.default.node.isRequired,
39
+ onNavigate: _propTypes.default.func.isRequired
40
+ };
41
+ var _default = exports.default = CalendarToolbar;
@@ -0,0 +1,13 @@
1
+ export default CheckboxEventPicker;
2
+ declare function CheckboxEventPicker({ id, eventdates }: {
3
+ id: any;
4
+ eventdates: any;
5
+ }): JSX.Element;
6
+ declare namespace CheckboxEventPicker {
7
+ namespace propTypes {
8
+ let id: PropTypes.Requireable<string>;
9
+ let eventdates: PropTypes.Requireable<any[]>;
10
+ }
11
+ }
12
+ import * as PropTypes from 'prop-types';
13
+ //# sourceMappingURL=CheckboxEventPicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxEventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CheckboxEventPicker.jsx"],"names":[],"mappings":";AAKA;;;gBAuBC;;;;;;;2BA3B0B,YAAY"}
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
9
+ var _CheckboxRenderer = _interopRequireDefault(require("./CheckboxRenderer.jsx"));
10
+ 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); }
11
+ 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; }
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ const CheckboxEventPicker = _ref => {
14
+ let {
15
+ id,
16
+ eventdates
17
+ } = _ref;
18
+ let checkboxes = [];
19
+ const checkBoxesRows = [];
20
+ eventdates.forEach(_ref2 => {
21
+ let {
22
+ eventdate,
23
+ header,
24
+ subtext
25
+ } = _ref2;
26
+ checkboxes.push(/*#__PURE__*/_react.default.createElement(_CheckboxRenderer.default, {
27
+ key: eventdate,
28
+ eventdate: eventdate,
29
+ header: header,
30
+ subtext: subtext,
31
+ id: id
32
+ }));
33
+ if (checkboxes.length === 2) {
34
+ checkBoxesRows.push(/*#__PURE__*/_react.default.createElement("div", {
35
+ key: eventdate,
36
+ className: 'form-group d-sm-flex mb-0 mb-sm-1'
37
+ }, checkboxes));
38
+ checkboxes = [];
39
+ }
40
+ });
41
+ if (checkboxes.length) {
42
+ checkBoxesRows.push(/*#__PURE__*/_react.default.createElement("div", {
43
+ key: 'lastrow',
44
+ className: 'form-group d-sm-flex mb-0 mb-sm-1 w-50'
45
+ }, checkboxes));
46
+ }
47
+ return /*#__PURE__*/_react.default.createElement("div", {
48
+ className: "pi-scroll-area"
49
+ }, checkBoxesRows);
50
+ };
51
+ CheckboxEventPicker.propTypes = {
52
+ id: PropTypes.string,
53
+ eventdates: PropTypes.array
54
+ };
55
+ var _default = exports.default = CheckboxEventPicker;
@@ -0,0 +1,17 @@
1
+ export default CheckboxRenderer;
2
+ declare function CheckboxRenderer({ eventdate, header, subtext, id }: {
3
+ eventdate: any;
4
+ header: any;
5
+ subtext: any;
6
+ id: any;
7
+ }): JSX.Element;
8
+ declare namespace CheckboxRenderer {
9
+ namespace propTypes {
10
+ let eventdate: PropTypes.Requireable<string>;
11
+ let header: PropTypes.Requireable<string>;
12
+ let subtext: PropTypes.Requireable<string>;
13
+ let id: PropTypes.Requireable<string>;
14
+ }
15
+ }
16
+ import * as PropTypes from 'prop-types';
17
+ //# sourceMappingURL=CheckboxRenderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxRenderer.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/CheckboxRenderer.jsx"],"names":[],"mappings":";AAOA;;;;;gBAiCC;;;;;;;;;2BArC0B,YAAY"}
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _formBuilder = require("@pinuts/form-builder");
9
+ var PropTypes = _interopRequireWildcard(require("prop-types"));
10
+ 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); }
11
+ 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; }
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ 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); }
14
+ const {
15
+ useField
16
+ } = _formBuilder.formik;
17
+ const CheckboxRenderer = _ref => {
18
+ let {
19
+ eventdate,
20
+ header,
21
+ subtext,
22
+ id
23
+ } = _ref;
24
+ const inputProps = {
25
+ id: eventdate,
26
+ name: `events.${id}.eventdate`,
27
+ value: eventdate
28
+ };
29
+ const [field, meta] = useField(inputProps);
30
+ const checked = (meta.value || []).indexOf(inputProps.value) > -1;
31
+ return /*#__PURE__*/_react.default.createElement("div", {
32
+ key: `${eventdate}_sub`,
33
+ className: "pi-radio flex-fill custom-control custom-radio border mb-1 mb-sm-0 mr-sm-1"
34
+ }, /*#__PURE__*/_react.default.createElement("input", _extends({
35
+ className: "custom-control-input",
36
+ type: "radio"
37
+ }, field, inputProps, {
38
+ checked: checked
39
+ })), /*#__PURE__*/_react.default.createElement("label", {
40
+ className: "custom-control-label d-sm-flex align-items-center p-3 pl-4",
41
+ htmlFor: eventdate
42
+ }, /*#__PURE__*/_react.default.createElement("div", {
43
+ className: "h5"
44
+ }, header, /*#__PURE__*/_react.default.createElement("div", {
45
+ className: "small mt-1"
46
+ }, subtext))));
47
+ };
48
+ CheckboxRenderer.propTypes = {
49
+ eventdate: PropTypes.string,
50
+ header: PropTypes.string,
51
+ subtext: PropTypes.string,
52
+ id: PropTypes.string
53
+ };
54
+ var _default = exports.default = CheckboxRenderer;
@@ -0,0 +1,11 @@
1
+ export default EventDatePicker;
2
+ declare function EventDatePicker({ config }: {
3
+ config: any;
4
+ }): JSX.Element;
5
+ declare namespace EventDatePicker {
6
+ namespace propTypes {
7
+ let config: PropTypes.Requireable<object>;
8
+ }
9
+ }
10
+ import * as PropTypes from 'prop-types';
11
+ //# sourceMappingURL=EventDatePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EventDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventDatePicker/EventDatePicker.jsx"],"names":[],"mappings":";AAUA;;gBAsCC;;;;;;2BA9C0B,YAAY"}