fix: onChange calls reduced to 1 when interacting with keyboard (#18435)

* fix: added highlightindex check on conditions

* fix: removed storybook changes

* Update ComboBox.stories.js

Author: Gururajj77

packages/react/src/components/ComboBox/ComboBox-test.js

@@ -33,7 +33,7 @@ const ControlledComboBox = ({ controlledItem }) => {
   const [onChangeCallCount, setOnChangeCallCount] = useState(0);
   const controlledOnChange = ({ selectedItem }) => {
     setValue(selectedItem);
-    setOnChangeCallCount(onChangeCallCount + 1);
+    setOnChangeCallCount((prevCount) => prevCount + 1);
   };
 
   return (

packages/react/src/components/ComboBox/ComboBox.stories.js

@@ -8,7 +8,6 @@
 import React, { useState, useRef } from 'react';
 
 import { WithLayer } from '../../../.storybook/templates/WithLayer';
-
 import ComboBox from '../ComboBox';
 import Button from '../Button';
 import { AILabel, AILabelContent, AILabelActions } from '../AILabel';

packages/react/src/components/ComboBox/ComboBox.tsx

@@ -969,8 +969,13 @@ const ComboBox = forwardRef(
                     // Since `onChange` does not normally fire when the menu is closed, we should
                     // manually fire it when `allowCustomValue` is provided, the menu is closing,
                     // and there is a value.
-                    if (allowCustomValue && isOpen && inputValue) {
-                      onChange({ selectedItem, inputValue });
+                    if (
+                      allowCustomValue &&
+                      isOpen &&
+                      inputValue &&
+                      highlightedIndex === -1
+                    ) {
+                      onChange({ selectedItem: null, inputValue });
                     }
 
                     event.preventDownshiftDefault = true;