carbon-react 101.0.4 → 101.1.0

package/lib/components/select/multi-select/multi-select.component.js

@@ -344,7 +344,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     } = optionData;
 
     if (selectionType === "navigationKey") {
-      setHighlightedValue("");
+      setHighlightedValue(newValue);
       return;
     }
 
@@ -353,26 +353,23 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     }
 
     setTextValue("");
+    const isAlreadySelected = selectedValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue)) !== -1;
+
+    if (!isAlreadySelected && isControlled.current && onChange) {
+      onChange(createCustomEvent([...selectedValue, newValue]));
+    }
+
     setSelectedValue(previousValue => {
       textboxRef.focus();
       isMouseDownReported.current = false;
-      const isAlreadySelected = previousValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue)) !== -1;
 
       if (isAlreadySelected) {
         return previousValue;
       }
 
-      const valueList = [...previousValue, newValue];
-
-      if (isControlled.current && onChange) {
-        onChange(createCustomEvent(valueList));
-        return previousValue;
-      }
-
-      return valueList;
+      return [...previousValue, newValue];
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [createCustomEvent, onChange, textboxRef]);
+  }, [createCustomEvent, onChange, textboxRef, selectedValue]);
 
   function onSelectListClose() {
     setOpenState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "101.0.4",
+  "version": "101.1.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {