github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-17 04:16:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): migrate to downshift 7.x

Browse Source
This commit is contained in:
Łukasz Mierzwa
2022-10-31 12:06:32 +00:00
committed by Łukasz Mierzwa
parent 40dab32a5a
commit 1bf2635a34
2 changed files with 11 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.tsx.snap
View File

@@ -8,13 +8,7 @@ exports[`<FilterInput /> matches snapshot with no filters 1`] = `
>
<div class=\\"input-group w-100 me-2 components-filterinput-outer bg-focused\\">
<div class=\\"form-control components-filterinput border-0 rounded-0 bg-inherit\\">
<div
class=\\"autosuggest d-inline-block mw-100\\"
role=\\"combobox\\"
aria-haspopup=\\"listbox\\"
aria-owns=\\"downshift-0-menu\\"
aria-expanded=\\"false\\"
>
<div class=\\"autosuggest d-inline-block mw-100\\">
<span class=\\"input-group-text text-muted d-inline-block me-2 border-0 bg-inherit px-1\\">
<svg
aria-hidden=\\"true\\"
@@ -36,11 +30,14 @@ exports[`<FilterInput /> matches snapshot with no filters 1`] = `
<input
class=\\"components-filterinput-wrapper text-white mw-100\\"
size=\\"1\\"
id=\\"downshift-0-input\\"
aria-activedescendant
aria-autocomplete=\\"list\\"
aria-controls=\\"downshift-0-menu\\"
aria-expanded=\\"false\\"
aria-labelledby=\\"downshift-0-label\\"
autocomplete=\\"off\\"
id=\\"downshift-0-input\\"
role=\\"combobox\\"
value
>
</div>
@@ -181,21 +178,18 @@ exports[`<FilterInput /> matches snapshot with some filters 1`] = `
</path>
</svg>
</button>
<div
class=\\"autosuggest d-inline-block mw-100\\"
role=\\"combobox\\"
aria-haspopup=\\"listbox\\"
aria-owns=\\"downshift-2-menu\\"
aria-expanded=\\"false\\"
>
<div class=\\"autosuggest d-inline-block mw-100\\">
<input
class=\\"components-filterinput-wrapper text-white mw-100\\"
size=\\"1\\"
id=\\"downshift-2-input\\"
aria-activedescendant
aria-autocomplete=\\"list\\"
aria-controls=\\"downshift-2-menu\\"
aria-expanded=\\"false\\"
aria-labelledby=\\"downshift-2-label\\"
autocomplete=\\"off\\"
id=\\"downshift-2-input\\"
role=\\"combobox\\"
value
>
</div>

6
ui/src/Components/NavBar/FilterInput/index.tsx
View File

@@ -66,7 +66,6 @@ const FilterInput: FC<{
isOpen,
getMenuProps,
getInputProps,
getComboboxProps,
highlightedIndex,
getItemProps,
setInputValue,
@@ -155,10 +154,7 @@ const FilterInput: FC<{
filter={filter}
/>
))}
<div
className="autosuggest d-inline-block mw-100"
{...getComboboxProps()}
>
<div className="autosuggest d-inline-block mw-100">
{alertStore.filters.values.length ? null : (
<span className="input-group-text text-muted d-inline-block me-2 border-0 bg-inherit px-1">
<FontAwesomeIcon icon={faSearch} />