@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
package/dist/dropdown.esm.js
CHANGED
|
@@ -1773,14 +1773,15 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
|
|
|
1773
1773
|
stateReducer: stateReducer,
|
|
1774
1774
|
onStateChange: function onStateChange(_ref5) {
|
|
1775
1775
|
var type = _ref5.type,
|
|
1776
|
-
|
|
1776
|
+
newSelectedItem = _ref5.selectedItem;
|
|
1777
1777
|
switch (type) {
|
|
1778
1778
|
// @ts-expect-error This falltrough is wanted
|
|
1779
1779
|
case useCombobox.stateChangeTypes.InputBlur:
|
|
1780
1780
|
if (!selectOnBlur) break;
|
|
1781
1781
|
case useCombobox.stateChangeTypes.InputKeyDownEnter: // eslint-disable-line no-fallthrough
|
|
1782
1782
|
case useCombobox.stateChangeTypes.ItemClick:
|
|
1783
|
-
|
|
1783
|
+
if (newSelectedItem === undefined) return;
|
|
1784
|
+
onChange(newSelectedItem != null ? newSelectedItem : null);
|
|
1784
1785
|
}
|
|
1785
1786
|
},
|
|
1786
1787
|
// Accessibility
|
|
@@ -2201,7 +2202,10 @@ var MultiSelect = function MultiSelect(_ref) {
|
|
|
2201
2202
|
}, rest), React.createElement("div", {
|
|
2202
2203
|
className: classNames('eds-dropdown--multiselect__selected-items-and-input', {
|
|
2203
2204
|
'eds-dropdown--multiselect__selected-items-and-input--filled': hasSelectedItems
|
|
2204
|
-
})
|
|
2205
|
+
}),
|
|
2206
|
+
onClick: function onClick(e) {
|
|
2207
|
+
if (e.target === e.currentTarget) openMenu();
|
|
2208
|
+
}
|
|
2205
2209
|
}, selectedItems.length < maxChips ? React.createElement(React.Fragment, null, selectedItems.length > 1 ? React.createElement(VisuallyHidden, {
|
|
2206
2210
|
onClick: function onClick() {
|
|
2207
2211
|
var _inputRef$current5;
|
|
@@ -2322,7 +2326,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2322
2326
|
selectedItem: selectedItem,
|
|
2323
2327
|
onStateChange: function onStateChange(_ref2) {
|
|
2324
2328
|
var type = _ref2.type,
|
|
2325
|
-
|
|
2329
|
+
newSelectedItem = _ref2.selectedItem;
|
|
2326
2330
|
switch (type) {
|
|
2327
2331
|
// @ts-expect-error This falltrough is wanted
|
|
2328
2332
|
case useSelect.stateChangeTypes.ToggleButtonBlur:
|
|
@@ -2330,7 +2334,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2330
2334
|
case useSelect.stateChangeTypes.ToggleButtonKeyDownEnter: // eslint-disable-line no-fallthrough
|
|
2331
2335
|
case useSelect.stateChangeTypes.ItemClick:
|
|
2332
2336
|
{
|
|
2333
|
-
|
|
2337
|
+
if (newSelectedItem === undefined) return;
|
|
2338
|
+
onChange == null ? void 0 : onChange(newSelectedItem != null ? newSelectedItem : null);
|
|
2334
2339
|
}
|
|
2335
2340
|
}
|
|
2336
2341
|
},
|
|
@@ -2389,7 +2394,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2389
2394
|
}
|
|
2390
2395
|
}
|
|
2391
2396
|
}
|
|
2392
|
-
})), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("
|
|
2397
|
+
})), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("div", {
|
|
2393
2398
|
className: classNames('eds-dropdown__selected-item__placeholder', {
|
|
2394
2399
|
'eds-dropdown__selected-item__placeholder--readonly': readOnly
|
|
2395
2400
|
})
|