bright-components 10.2.5 → 10.2.6

package/dist/components/Typeahead/index.js

@@ -171,7 +171,7 @@ class Typeahead extends _react.default.Component {
     let nextIndex = highlightIndex;
     const isActionKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape', 'Tab'].includes(e.key);
 
-    if (!isActionKey) {
+    if (!isActionKey || !this.options[highlightIndex]) {
       return;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bright-components",
-	"version": "10.2.5",
+	"version": "10.2.6",
 	"private": false,
 	"main": "./dist",
 	"repository": {

package/src/components/Typeahead/index.js

@@ -144,7 +144,7 @@ class Typeahead extends React.Component {
 			'Tab'
 		].includes(e.key);
 
-		if (!isActionKey) {
+		if (!isActionKey || !this.options[highlightIndex]) {
 			return;
 		}
 

package/src/components/Typeahead/test.js

@@ -228,6 +228,13 @@ describe('<Typeahead />', () => {
 			[firstOption, secondOption] = wrapper.getAllByRole('listitem');
 			expect(firstOption).not.toHaveStyleRule('background', '#D0EBFD');
 			expect(secondOption).toHaveStyleRule('background', '#D0EBFD');
+
+			fireEvent.keyDown(input, { key: 'ArrowUp' });
+			fireEvent.keyDown(input, { key: 'ArrowUp' });
+			fireEvent.keyDown(input, { key: 'ArrowUp' });
+
+			expect(firstOption).toHaveStyleRule('background', '#D0EBFD');
+			expect(secondOption).not.toHaveStyleRule('background', '#D0EBFD');
 		});
 
 		it('should highlight a new option on the up arrow key', () => {
@@ -284,5 +291,16 @@ describe('<Typeahead />', () => {
 
 			expect(scrollIntoView).not.toHaveBeenCalled();
 		});
+
+		it('should handle live updates to the list changing the length of the list', () => {
+			const input = wrapper.getByPlaceholderText('Search or select');
+
+			fireEvent.focus(input);
+
+			wrapper.rerender(<Typeahead {...props} options={[]} />);
+			fireEvent.keyDown(input, { key: 'Enter' });
+
+			expect(setSelected).toHaveBeenCalledTimes(0);
+		});
 	});
 });