PickerItem - add onPress support (#2500)

Author: lidord-wix

src/components/picker/PickerItem.tsx

@@ -25,6 +25,7 @@ const PickerItem = (props: PickerItemProps) => {
     disabled,
     selectedIcon = Assets.icons.check,
     selectedIconColor = Colors.$iconPrimary,
+    onPress,
     testID
   } = props;
   const context = useContext(PickerContext);
@@ -62,13 +63,14 @@ const PickerItem = (props: PickerItemProps) => {
   }, [isItemDisabled, labelStyle]);
 
   const _onPress = useCallback(() => {
+    onPress?.();
     if (migrate) {
       context.onPress(value);
     } else {
       // @ts-expect-error TODO: fix after removing migrate prop completely
       context.onPress(typeof value === 'object' || context.isMultiMode ? value : ({value, label: itemLabel}) as PickerSingleValue);
     }
-  }, [migrate, value, context.onPress]);
+  }, [migrate, value, context.onPress, onPress]);
 
   const onSelectedLayout = useCallback((...args: any[]) => {
     _.invoke(context, 'onSelectedLayout', ...args);

src/components/picker/api/pickerItem.api.json

@@ -23,7 +23,7 @@
     {"name": "selectedIcon", "type": "string", "description": "Pass to change the selected icon"},
     {"name": "selectedIconColor", "type": "ImageSource", "description": "Pass to change the selected icon color"},
     {"name": "disabled", "type": "boolean", "description": "Is the item disabled"},
-    {"name": "onPress", "type": "(value: string | number) => void", "description": "Callback for onPress action"},
+    {"name": "onPress", "type": "() => void", "description": "Callback for onPress action"},
     {
       "name": "onSelectedLayout",
       "type": "(event: LayoutChangeEvent) => void",