Fix tabIndex accessibility for Search Suggestions items (#240)

* Fix tabIndex accessibility for Search Suggestoins items

* Conditionally add non interactive item props

* Remove space key

* Update src/hooks/useCioAutocomplete.ts

Co-authored-by: Ahmad Mudaafi' <ahmad.mudaafi@constructor.io>

* Update src/hooks/useCioAutocomplete.ts

Co-authored-by: Ahmad Mudaafi' <ahmad.mudaafi@constructor.io>

* Rename e -> event

---------

Co-authored-by: Ahmad Mudaafi' <ahmad.mudaafi@constructor.io>

Author: mocca102

src/hooks/useCioAutocomplete.ts

@@ -117,6 +117,24 @@ const useCioAutocomplete = (options: UseCioAutocompleteOptions) => {
       const { index, sectionId } = getItemPosition({ item, items });
       const sectionItemTestId = `cio-item-${sectionId?.replace(' ', '')}`;
 
+      // Products always have links, Search Suggestions with getSearchResultsUrl have links
+      const hasLink =
+        item.data?.url || (item.section === 'Search Suggestions' && getSearchResultsUrl) || false;
+
+      const nonInteractiveItemsProps = {
+        tabIndex: 0,
+        onKeyDown: (event: React.KeyboardEvent) => {
+          const { code, key } = event;
+          const isEnter = code === 'Enter' || key === 'Enter';
+
+          if (isEnter) {
+            event.preventDefault();
+            // Trigger default click behavior
+            getItemPropsDownShift({ item, index }).onClick(event);
+          }
+        },
+      };
+
       return {
         ...getItemPropsDownShift({ item, index }),
         // @deprecated `sectionItemTestId` will be removed as a className in the next major version
@@ -126,6 +144,7 @@ const useCioAutocomplete = (options: UseCioAutocompleteOptions) => {
         'data-cnstrc-item-group': item.groupId,
         'data-cnstrc-item-name': item.value,
         'data-cnstrc-item-id': item.data?.id,
+        ...(hasLink ? {} : nonInteractiveItemsProps),
       };
     },
     getInputProps: () => ({