feat: allow disabling selected item events

Author: Kamil Korczynski

src/hooks/useMultipleSelection/__tests__/getSelectedItemProps.test.js

@@ -32,6 +32,20 @@ describe('getSelectedItemProps', () => {
 
       expect(itemProps.tabIndex).toEqual(0)
     })
+
+    test("handlers are not called if it's disabled", () => {
+      const {result} = renderUseMultipleSelection()
+      const itemProps = result.current.getSelectedItemProps({
+        disabled: true,
+        index: 0,
+        selectedItem: items[0],
+      })
+
+      expect(itemProps.onChange).toBeUndefined()
+      expect(itemProps.onKeyDown).toBeUndefined()
+      expect(itemProps.onBlur).toBeUndefined()
+      expect(itemProps.disabled).toBe(true)
+    })
   })
 
   describe('user props', () => {

src/hooks/useMultipleSelection/index.js

@@ -12,7 +12,7 @@ import {
   getInitialState,
   defaultProps,
   isKeyDownOperationPermitted,
-  validatePropTypes
+  validatePropTypes,
 } from './utils'
 import downshiftMultipleSelectionReducer from './reducer'
 import * as stateChangeTypes from './stateChangeTypes'
@@ -190,8 +190,10 @@ function useMultipleSelection(userProps = {}) {
           }
         }),
         tabIndex: index === latestState.activeIndex ? 0 : -1,
-        onClick: callAllEventHandlers(onClick, selectedItemHandleClick),
-        onKeyDown: callAllEventHandlers(onKeyDown, selectedItemHandleKeyDown),
+        ...(!rest.disabled && {
+          onClick: callAllEventHandlers(onClick, selectedItemHandleClick),
+          onKeyDown: callAllEventHandlers(onKeyDown, selectedItemHandleKeyDown),
+        }),
         ...rest,
       }
     },