@pinuts/bsr-uikit-relaunch 0.2.14 → 0.2.17
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.
- package/dist/index.js +1 -1
- package/dist/items/BSRAddressSelector/BSRAddressContext.d.ts.map +1 -1
- package/dist/items/BSRAddressSelector/BSRAddressContext.js +7 -0
- package/dist/items/eventWizardItems/EventDatePicker/Header.js +1 -1
- package/dist/items/eventWizardItems/EventPicker/Components/CheckboxField.js +1 -1
- package/dist/items/eventWizardItems/EventPicker/Components/RadioField.js +1 -1
- package/dist/items/eventWizardItems/EventPicker/EventPicker.d.ts.map +1 -1
- package/dist/items/eventWizardItems/EventPicker/EventPicker.js +3 -2
- package/dist/items/eventWizardItems/shared/PickerFieldsetLegend.js +1 -1
- package/dist/styles/_ariakit_combobox.scss +0 -4
- package/dist/styles/_form.scss +20 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAeA,mDAAiD;;kBAf+B,OAAO;AAiBvF;;;
|
|
1
|
+
{"version":3,"file":"BSRAddressContext.d.ts","sourceRoot":"","sources":["../../../src/items/BSRAddressSelector/BSRAddressContext.js"],"names":[],"mappings":"AAeA,mDAAiD;;kBAf+B,OAAO;AAiBvF;;;sBA2KC;;;;;;;;;;;;;sBA3LqB,YAAY"}
|
|
@@ -100,6 +100,13 @@ const BSRAddressContextProvider = _ref => {
|
|
|
100
100
|
setShowNoResultsError(false);
|
|
101
101
|
setSelectedStreetList(null);
|
|
102
102
|
setSelectedRadioValue(null);
|
|
103
|
+
if (addressContext.doSubmitOnChange) {
|
|
104
|
+
window.setTimeout(() => {
|
|
105
|
+
// need a thread change to wait the form is re-rendered before submitting
|
|
106
|
+
// ==> react-dom.development.js:86 Warning: Cannot update a component (`Vr`) while rendering a different component
|
|
107
|
+
submitForm();
|
|
108
|
+
}, 1);
|
|
109
|
+
}
|
|
103
110
|
}, [setFieldValue, setTriggerCancelCombox, fieldKeys, setShowNoResultsError]);
|
|
104
111
|
|
|
105
112
|
// AdressePrüfenBtn anzeigen, wenn Straße und Hausnummer gesetzt sind
|
|
@@ -17,7 +17,7 @@ const Header = props => {
|
|
|
17
17
|
infoButton
|
|
18
18
|
} = props;
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
20
|
-
className: "pi-header d-sm-flex align-items-center p-3
|
|
20
|
+
className: "pi-header d-sm-flex align-items-center p-3 mb-1 mt-4"
|
|
21
21
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
22
22
|
className: "w-75"
|
|
23
23
|
}, /*#__PURE__*/_react.default.createElement("h4", null, headline)), infoText && /*#__PURE__*/_react.default.createElement(_InfoModal.default, {
|
|
@@ -61,7 +61,7 @@ const CheckboxField = props => {
|
|
|
61
61
|
const hasDescription = !!infobadge || !!subtitle;
|
|
62
62
|
const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
|
|
63
63
|
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
-
className: "pi-checkbox custom-control custom-checkbox border mb-1"
|
|
64
|
+
className: "pi-checkbox custom-control custom-checkbox border mb-1 w-100"
|
|
65
65
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
66
66
|
className: "custom-control-input"
|
|
67
67
|
}, field, inputProps, {
|
|
@@ -41,7 +41,7 @@ const RadioField = _ref => {
|
|
|
41
41
|
const hasDescription = !!infobadge || !!usedSubtitle;
|
|
42
42
|
const descriptionId = hasDescription ? `desc-${inputProps.id}` : null;
|
|
43
43
|
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
-
className: "pi-radio custom-control custom-radio border mb-1"
|
|
44
|
+
className: "pi-radio custom-control custom-radio border mb-1 w-100"
|
|
45
45
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
46
46
|
className: "custom-control-input"
|
|
47
47
|
}, field, inputProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventPicker/EventPicker.jsx"],"names":[],"mappings":";AASA;;
|
|
1
|
+
{"version":3,"file":"EventPicker.d.ts","sourceRoot":"","sources":["../../../../src/items/eventWizardItems/EventPicker/EventPicker.jsx"],"names":[],"mappings":";AASA;;sBA8EC;;;;;;kBAvFiB,OAAO;2BACE,YAAY"}
|
|
@@ -31,6 +31,7 @@ const EventPicker = _ref => {
|
|
|
31
31
|
className
|
|
32
32
|
} = inputProps;
|
|
33
33
|
let renderedEvents = [];
|
|
34
|
+
const fieldSetClassName = _formBuilder.utils.getClassNames([className, 'event-picker']);
|
|
34
35
|
const groupName = name || id;
|
|
35
36
|
if (singleSelection && !singleSelectionCheckbox) {
|
|
36
37
|
renderedEvents = events.map(_ref2 => {
|
|
@@ -87,7 +88,7 @@ const EventPicker = _ref => {
|
|
|
87
88
|
// alles in ein fieldset packen
|
|
88
89
|
// https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/examples/checkbox-mixed/
|
|
89
90
|
return /*#__PURE__*/_react.default.createElement("fieldset", {
|
|
90
|
-
className:
|
|
91
|
+
className: fieldSetClassName
|
|
91
92
|
}, /*#__PURE__*/_react.default.createElement(_PickerFieldsetLegend.default, {
|
|
92
93
|
groupName: groupName,
|
|
93
94
|
headline: headline,
|
|
@@ -98,7 +99,7 @@ const EventPicker = _ref => {
|
|
|
98
99
|
role: "group",
|
|
99
100
|
"aria-labelledby": `selectGroup-${groupName}`
|
|
100
101
|
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
101
|
-
className: "checkboxes"
|
|
102
|
+
className: "checkboxes picker-list"
|
|
102
103
|
}, renderedEvents)) : /*#__PURE__*/_react.default.createElement("h2", null, "Keine Veranstaltungen an diesem Termin w\xE4hlbar"));
|
|
103
104
|
};
|
|
104
105
|
EventPicker.propTypes = {
|
|
@@ -20,7 +20,7 @@ const PickerFieldsetLegend = props => {
|
|
|
20
20
|
locationPicker
|
|
21
21
|
} = props;
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement("legend", {
|
|
23
|
-
id: `selectGroup-${groupName}`
|
|
23
|
+
id: `selectGroup-${groupName} `
|
|
24
24
|
}, headline, locationPicker && /*#__PURE__*/_react.default.createElement(_LocationPicker.default, null), infoText && /*#__PURE__*/_react.default.createElement(_InfoModal.default, {
|
|
25
25
|
headline: headline,
|
|
26
26
|
infoText: infoText,
|
package/dist/styles/_form.scss
CHANGED
|
@@ -530,3 +530,23 @@ form input[type="checkbox"] + label:before {
|
|
|
530
530
|
cursor: default;
|
|
531
531
|
}
|
|
532
532
|
}
|
|
533
|
+
|
|
534
|
+
.event-picker {
|
|
535
|
+
legend {
|
|
536
|
+
display: flex;
|
|
537
|
+
align-items: center;
|
|
538
|
+
justify-content: space-between;
|
|
539
|
+
}
|
|
540
|
+
.pi-info {
|
|
541
|
+
display: flex;
|
|
542
|
+
align-items: center;
|
|
543
|
+
}
|
|
544
|
+
.picker-list {
|
|
545
|
+
gap: 0;
|
|
546
|
+
padding-left: 0;
|
|
547
|
+
|
|
548
|
+
li:before {
|
|
549
|
+
display: none;
|
|
550
|
+
}
|
|
551
|
+
}
|
|
552
|
+
}
|