@entur/dropdown 5.2.0-beta.1 → 5.2.0
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/dropdown.cjs.development.js +11 -6
- package/dist/dropdown.cjs.development.js.map +1 -1
- package/dist/dropdown.cjs.production.min.js +1 -1
- package/dist/dropdown.cjs.production.min.js.map +1 -1
- package/dist/dropdown.esm.js +11 -6
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +10 -7
- package/package.json +6 -6
|
@@ -1777,14 +1777,15 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
|
|
|
1777
1777
|
stateReducer: stateReducer,
|
|
1778
1778
|
onStateChange: function onStateChange(_ref5) {
|
|
1779
1779
|
var type = _ref5.type,
|
|
1780
|
-
|
|
1780
|
+
newSelectedItem = _ref5.selectedItem;
|
|
1781
1781
|
switch (type) {
|
|
1782
1782
|
// @ts-expect-error This falltrough is wanted
|
|
1783
1783
|
case Downshift.useCombobox.stateChangeTypes.InputBlur:
|
|
1784
1784
|
if (!selectOnBlur) break;
|
|
1785
1785
|
case Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter: // eslint-disable-line no-fallthrough
|
|
1786
1786
|
case Downshift.useCombobox.stateChangeTypes.ItemClick:
|
|
1787
|
-
|
|
1787
|
+
if (newSelectedItem === undefined) return;
|
|
1788
|
+
onChange(newSelectedItem != null ? newSelectedItem : null);
|
|
1788
1789
|
}
|
|
1789
1790
|
},
|
|
1790
1791
|
// Accessibility
|
|
@@ -2205,7 +2206,10 @@ var MultiSelect = function MultiSelect(_ref) {
|
|
|
2205
2206
|
}, rest), React.createElement("div", {
|
|
2206
2207
|
className: classNames('eds-dropdown--multiselect__selected-items-and-input', {
|
|
2207
2208
|
'eds-dropdown--multiselect__selected-items-and-input--filled': hasSelectedItems
|
|
2208
|
-
})
|
|
2209
|
+
}),
|
|
2210
|
+
onClick: function onClick(e) {
|
|
2211
|
+
if (e.target === e.currentTarget) openMenu();
|
|
2212
|
+
}
|
|
2209
2213
|
}, selectedItems.length < maxChips ? React.createElement(React.Fragment, null, selectedItems.length > 1 ? React.createElement(a11y.VisuallyHidden, {
|
|
2210
2214
|
onClick: function onClick() {
|
|
2211
2215
|
var _inputRef$current5;
|
|
@@ -2326,7 +2330,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2326
2330
|
selectedItem: selectedItem,
|
|
2327
2331
|
onStateChange: function onStateChange(_ref2) {
|
|
2328
2332
|
var type = _ref2.type,
|
|
2329
|
-
|
|
2333
|
+
newSelectedItem = _ref2.selectedItem;
|
|
2330
2334
|
switch (type) {
|
|
2331
2335
|
// @ts-expect-error This falltrough is wanted
|
|
2332
2336
|
case Downshift.useSelect.stateChangeTypes.ToggleButtonBlur:
|
|
@@ -2334,7 +2338,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2334
2338
|
case Downshift.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter: // eslint-disable-line no-fallthrough
|
|
2335
2339
|
case Downshift.useSelect.stateChangeTypes.ItemClick:
|
|
2336
2340
|
{
|
|
2337
|
-
|
|
2341
|
+
if (newSelectedItem === undefined) return;
|
|
2342
|
+
onChange == null ? void 0 : onChange(newSelectedItem != null ? newSelectedItem : null);
|
|
2338
2343
|
}
|
|
2339
2344
|
}
|
|
2340
2345
|
},
|
|
@@ -2393,7 +2398,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2393
2398
|
}
|
|
2394
2399
|
}
|
|
2395
2400
|
}
|
|
2396
|
-
})), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("
|
|
2401
|
+
})), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("div", {
|
|
2397
2402
|
className: classNames('eds-dropdown__selected-item__placeholder', {
|
|
2398
2403
|
'eds-dropdown__selected-item__placeholder--readonly': readOnly
|
|
2399
2404
|
})
|