remove NativePicker usage and files (#3088)

* remove NativePicker usage and files

* rename state in the screen

* removed useNativePicker from setup.md

* removed react-native-picker requirement from setup.md

Author: adids1221

demo/src/demoApp.js

@@ -14,17 +14,6 @@ import Storage, {DEFAULT_SCREEN} from './storage';
 //   gold: '#FFD700',
 // });
 
-// ThemeManager.setComponentTheme('Picker', (props) => {
-//   if (props.useNativePicker) {
-//     return {
-//       topBarProps: {
-//         doneLabel: Constants.isIOS ? 'Done2' : 'OK2',
-//         cancelLabel: Constants.isIOS ? 'Cancel2' : 'CANCEL2',
-//       },
-//     };
-//   }
-// });
-
 // const customAnimationsDefinitions = {
 //   customAnimation1: {
 //     from: {opacity: 0, translateY: 20},

demo/src/screens/componentScreens/PickerScreen.tsx

@@ -91,7 +91,7 @@ export default class PickerScreen extends Component {
     language2: options[2].value,
     languages: [],
     option: undefined,
-    nativePickerValue: 'java',
+    wheelPickerValue: 'java',
     dialogPickerValue: 'java',
     customModalValues: [],
     filter: filters[0].value,
@@ -157,8 +157,8 @@ export default class PickerScreen extends Component {
             label="Wheel Picker"
             placeholder="Pick a Language"
             useWheelPicker
-            value={this.state.nativePickerValue}
-            onChange={nativePickerValue => this.setState({nativePickerValue})}
+            value={this.state.wheelPickerValue}
+            onChange={wheelPickerValue => this.setState({wheelPickerValue})}
             trailingAccessory={<Icon source={dropdown}/>}
             items={options}
           />

docs/getting-started/setup.md

@@ -44,7 +44,6 @@ The following are optional dependencies:
 - @react-native-community/blur
 - @react-native-community/datetimepicker
 - @react-native-community/netinfo
-- @react-native-picker/picker
 
 
 ## Install Native Dependencies
@@ -60,7 +59,6 @@ Some of the components are using the native dependencies listed below - those ar
 - "@react-native-community/blur": ">=3.4.1" (required for Card component when passing `enableBlur` prop)
 - "@react-native-community/datetimepicker": "^2.1.0"
 - "@react-native-community/netinfo": "^5.6.2" (required for ConnectionStatusBar component)
-- "@react-native-picker/picker": "^1.9.4" (required for Picker component when passing `useNativePicker` prop)
 
 ## Demo App
 

src/components/picker/NativePicker.js

@@ -7,7 +7,6 @@
   "images": [
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/Default.gif?raw=true",
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/MultiPicker.gif?raw=true",
-    "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/NativePicker.gif?raw=true",
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/DialogPicker.gif?raw=true",
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/CustomPicker.gif?raw=true"
   ],

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

@@ -6,7 +6,6 @@
   "images": [
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/Default.gif?raw=true",
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/MultiPicker.gif?raw=true",
-    "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/NativePicker.gif?raw=true",
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/DialogPicker.gif?raw=true",
     "https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Picker/CustomPicker.gif?raw=true"
   ],

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

@@ -14,7 +14,6 @@ import TextField from '../textField';
 import Icon from '../icon';
 import View from '../view';
 import Text from '../text';
-// import NativePicker from './NativePicker';
 import PickerItemsList from './PickerItemsList';
 import PickerItem from './PickerItem';
 import PickerContext from './PickerContext';
@@ -62,7 +61,6 @@ const Picker = React.forwardRef((props: PickerProps, ref) => {
     searchPlaceholder,
     renderCustomSearch,
     renderCustomDialogHeader,
-    // useNativePicker,
     useWheelPicker,
     useDialog,
     renderPicker,
@@ -293,10 +291,6 @@ const Picker = React.forwardRef((props: PickerProps, ref) => {
     }
   };
 
-  // if (useNativePicker) {
-  //   return <NativePicker {...themeProps}/>;
-  // }
-
   return (
     //TODO : fix the ExpandableOverlay ts error
     <PickerContext.Provider value={contextValue}>

src/components/picker/index.tsx

@@ -151,11 +151,6 @@ export type PickerBaseProps = Omit<NewTextFieldProps, 'value' | 'onChange'> & {
    * Render a custom header for Picker's dialog
    */
   renderCustomDialogHeader?: (callbacks: {onDone?: () => void, onCancel?: ()=> void}) => React.ReactElement;
-  // /**
-  //  * @deprecated pass useWheelPicker prop instead
-  //  * Allow to use the native picker solution (different style for iOS and Android)
-  //  */
-  // useNativePicker?: boolean;
   /**
    * Use wheel picker instead of a list picker
    */