@pinuts/bsr-uikit-relaunch 0.2.14 → 0.2.18
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/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
|
@@ -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
|
+
}
|