@entur/dropdown 6.0.3-beta.2 → 6.0.3-beta.3
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 +19 -8
- 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 +19 -8
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +35 -35
- package/package.json +2 -2
package/dist/dropdown.esm.js
CHANGED
|
@@ -1331,9 +1331,11 @@ var DropdownList = function DropdownList(_ref) {
|
|
|
1331
1331
|
return (
|
|
1332
1332
|
// use popover from @entur/tooltip when that package upgrades to floating-ui
|
|
1333
1333
|
React.createElement("ul", _extends({}, getMenuProps({
|
|
1334
|
-
'aria-multiselectable': isMultiselect
|
|
1335
|
-
|
|
1334
|
+
'aria-multiselectable': isMultiselect
|
|
1335
|
+
}, {
|
|
1336
|
+
suppressRefError: true
|
|
1336
1337
|
}), {
|
|
1338
|
+
ref: listRef,
|
|
1337
1339
|
className: "eds-dropdown__list",
|
|
1338
1340
|
style: _extends({
|
|
1339
1341
|
display: isOpen ? 'inline-block' : 'none'
|
|
@@ -1885,9 +1887,12 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
|
|
|
1885
1887
|
},
|
|
1886
1888
|
onKeyDown: function onKeyDown(e) {
|
|
1887
1889
|
if (selectOnTab && isOpen && e.key === 'Tab') onChange == null ? void 0 : onChange(listItems[highlightedIndex]);
|
|
1888
|
-
}
|
|
1890
|
+
}
|
|
1891
|
+
}, {
|
|
1892
|
+
suppressRefError: true
|
|
1893
|
+
}), {
|
|
1889
1894
|
ref: inputRef
|
|
1890
|
-
}))
|
|
1895
|
+
})), React.createElement(DropdownList, {
|
|
1891
1896
|
ariaLabelChosenSingular: ariaLabelChosenSingular,
|
|
1892
1897
|
ariaLabelSelectedItem: ariaLabelSelectedItem,
|
|
1893
1898
|
getItemProps: getItemProps,
|
|
@@ -2269,9 +2274,12 @@ var MultiSelect = function MultiSelect(_ref) {
|
|
|
2269
2274
|
}
|
|
2270
2275
|
}, getDropdownProps({
|
|
2271
2276
|
preventKeyAction: isOpen,
|
|
2272
|
-
ref: inputRef,
|
|
2273
2277
|
value: inputValue != null ? inputValue : EMPTY_INPUT
|
|
2274
|
-
}))
|
|
2278
|
+
})), {
|
|
2279
|
+
suppressRefError: true
|
|
2280
|
+
}), {
|
|
2281
|
+
ref: inputRef
|
|
2282
|
+
}))), React.createElement(DropdownList, {
|
|
2275
2283
|
ariaLabelChosenSingular: ariaLabelChosenSingular,
|
|
2276
2284
|
ariaLabelSelectedItem: ariaLabelSelectedItem,
|
|
2277
2285
|
getItemProps: getItemProps,
|
|
@@ -2421,9 +2429,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2421
2429
|
onChange == null ? void 0 : onChange(highlitedItem);
|
|
2422
2430
|
}
|
|
2423
2431
|
}
|
|
2424
|
-
}
|
|
2432
|
+
}
|
|
2433
|
+
}, {
|
|
2434
|
+
suppressRefError: true
|
|
2435
|
+
}), {
|
|
2425
2436
|
ref: toggleButtonRef
|
|
2426
|
-
})
|
|
2437
|
+
}), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("div", {
|
|
2427
2438
|
className: classNames('eds-dropdown__selected-item__placeholder', {
|
|
2428
2439
|
'eds-dropdown__selected-item__placeholder--readonly': readOnly
|
|
2429
2440
|
})
|