Command Search Awards Block for React

Edit AWARDS at the top of the file: each has a title, a programme, a category, a fixed year and a mark (crown, cup, gem, medal, shield or star). The programmes group is built from them, in the order they first appear, with the number of awards each gave. The search looks in each row's keywords: for an award its name, programme, category and year, for a programme its name.

Any part of the title, the programme, the category or the year, ignoring case and accents, and the matching letters are highlighted in the row. "2024" finds that year's awards, "cup" finds the Cresswold Cup and its award, and "security" finds the awards given in the Security and admin category. A search that matches nothing shows "No award matches." in the window.

The visible count ("5 results") sits in the foot and is hidden from assistive technology. A separate polite status line, in the page from the start and empty, is filled 600 milliseconds after typing stops, so a screen reader hears the count once rather than on every key, and hears what was opened when a row is chosen.

The Command filters nothing itself (shouldFilter={false}): the block filters the groups with the same substring match and passes the typed text in value.

No. An open command normally focuses its field as it mounts, which would steal focus and scroll the page, so the block does not let it: the field is focused by the reader, by tabbing or clicking.

No. Findlay is a made-up search tool and Yarrowthwaite, Gildenmere, Wynstead, Bramblethwaite, Cresswold and Barleyfold are made-up programmes. Choosing a row does nothing beyond saying so in the foot.