V7 remove native WheelPicker (#2475)

* Remove native WheelPicker

* Remove WheelPickerDialog

* Remove WheelPickerPackage leftovers

* Remove PickerPackage(s)

* Missed one

Author: M-i-k-e-l

demo/src/index.js

@@ -139,9 +139,6 @@ module.exports = {
       get FeatureHighlightScreen() {
         return require('./screens/componentScreens/FeatureHighlightScreen').default;
       },
-      get WheelPickerDialogScreen() {
-        return require('./screens/componentScreens/WheelPickerDialogScreen').default;
-      },
       get SliderScreen() {
         return require('./screens/componentScreens/SliderScreen').default;
       },
@@ -173,9 +170,6 @@ module.exports = {
       get SafeAreaSpacerViewScreen() {
         return require('./screens/nativeComponentScreens/SafeAreaSpacerViewScreen').default;
       },
-      get WheelPickerViewScreen() {
-        return require('./screens/nativeComponentScreens/WheelPickerViewScreen').default;
-      },
       // Full Screen components
       get EmptyStateScreen() {
         return require('./screens/componentScreens/EmptyStateScreen').default;

demo/src/screens/MenuStructure.js

@@ -43,7 +43,6 @@ export const navigationData = {
         screen: 'unicorn.components.SharedTransitionScreen'
       },
       {title: 'Stack Aggregator', tags: 'stack aggregator', screen: 'unicorn.components.StackAggregatorScreen'},
-      {title: 'Wheel Picker Dialog', tags: 'wheel picker dialog', screen: 'unicorn.components.WheelPickerDialogScreen'},
       {title: 'Marquee', tags: 'sliding text', screen: 'unicorn.components.MarqueeScreen'}
     ]
   },
@@ -141,7 +140,6 @@ export const navigationData = {
         tags: 'native overlay',
         screen: 'unicorn.nativeComponents.HighlightOverlayViewScreen'
       },
-      {title: 'Wheel Picker', tags: 'wheel picker', screen: 'unicorn.nativeComponents.WheelPickerViewScreen'},
       {title: 'SafeArea Spacer', tags: 'native safe area', screen: 'unicorn.nativeComponents.SafeAreaSpacerViewScreen'},
       {
         title: 'KeyboardTracking (iOS)',

demo/src/screens/componentScreens/ChipScreen.tsx

@@ -1,7 +1,6 @@
-import _ from 'lodash';
 import React, {Component} from 'react';
 import {Alert} from 'react-native';
-import {Chip, Colors, Spacings, Text, Typography, View, Incubator, WheelPickerDialog, Image} from 'react-native-ui-lib';
+import {Chip, Colors, Spacings, Text, Typography, View, Image} from 'react-native-ui-lib';
 
 const avatarImage = {
   uri: 'https://randomuser.me/api/portraits/women/24.jpg'
@@ -20,64 +19,9 @@ export default class ChipScreen extends Component {
   ];
 
   state = {
-    showDialog: false,
     selectedValue: this.colors[2].label
   };
 
-  toggleDialog = (showDialog: boolean) => {
-    this.setState({showDialog});
-  };
-
-  openDialog = () => {
-    this.toggleDialog(true);
-  };
-
-  closeDialog = () => {
-    this.toggleDialog(false);
-  };
-
-  onSelect = (itemValue: string) => {
-    const values = _.filter(this.colors, {value: itemValue});
-    if (values.length > 0) {
-      this.setState({selectedValue: values[0].label});
-    }
-    this.closeDialog();
-  };
-
-  renderItem = ({item: color}) => {
-    return (
-      <Text text50 margin-20 color={color.value}>
-        {color.label}
-      </Text>
-    );
-  };
-
-  renderContent = () => {
-    const {selectedValue} = this.state;
-
-    return (
-      <WheelPickerDialog
-        items={this.colors}
-        selectedValue={selectedValue}
-        onSelect={this.onSelect}
-        onCancel={this.closeDialog}
-        wheelPickerProps={{
-          style: {width: 200}
-        }}
-      />
-    );
-  };
-
-  renderPickerDialog = () => {
-    const {showDialog} = this.state;
-
-    return (
-      <Incubator.Dialog visible={showDialog} useSafeArea bottom onDismiss={this.closeDialog}>
-        {this.renderContent()}
-      </Incubator.Dialog>
-    );
-  };
-
   renderExample = (text: string, chip: JSX.Element) => {
     return (
       <View row spread marginB-12>
@@ -90,7 +34,6 @@ export default class ChipScreen extends Component {
   render() {
     return (
       <View style={{padding: 20}}>
-        {this.renderPickerDialog()}
         <Text marginB-20 text40 $textDefault>
           Chip
         </Text>
@@ -120,12 +63,11 @@ export default class ChipScreen extends Component {
             iconStyle={{width: 24, height: 24}}
             iconProps={{tintColor: Colors.$iconDefault}}
           />)}
-        {this.renderExample('Right icon + onPress + dynamic label',
+        {this.renderExample('Right icon',
           <Chip
             label={this.state.selectedValue}
             rightIconSource={chevron}
             iconStyle={{margin: 8}}
-            onPress={this.openDialog}
           />)}
         {this.renderExample('Label + Avatar', <Chip label={'Chip'} avatarProps={{source: avatarImage, size: 20}}/>)}
         {this.renderExample('Label + Counter',

demo/src/screens/componentScreens/WheelPickerDialogScreen.js

@@ -59,7 +59,6 @@ export function registerScreens(registrar) {
   registrar('unicorn.wrappers.TouchableOpacityScreen', () => require('./TouchableOpacityScreen').default);
   registrar('unicorn.components.TourScreen', () => require('./TourScreen').default);
   registrar('unicorn.components.ViewScreen', () => require('./ViewScreen').default);
-  registrar('unicorn.components.WheelPickerDialogScreen', () => require('./WheelPickerDialogScreen').default);
   registrar('unicorn.components.WizardScreen', () => require('./WizardScreen').default);
   // List Components
   registrar('unicorn.lists.BasicListScreen', () => require('./BasicListScreen').default);

demo/src/screens/componentScreens/index.js

@@ -1,7 +1,6 @@
 export function registerScreens(registrar) {
   registrar('unicorn.nativeComponents.HighlightOverlayViewScreen', () => require('./HighlightOverlayViewScreen').default);
   registrar('unicorn.nativeComponents.SafeAreaSpacerViewScreen', () => require('./SafeAreaSpacerViewScreen').default);
-  registrar('unicorn.nativeComponents.WheelPickerViewScreen', () => require('./WheelPickerViewScreen').default);
   registrar('unicorn.nativeComponents.KeyboardTrackingViewScreen', () => require('./KeyboardTrackingViewScreen').default);
   registrar('unicorn.nativeComponents.KeyboardAccessoryViewScreen', () => require('./keyboardAccessory/KeyboardAccessoryViewScreen').default);
 }

demo/src/screens/nativeComponentScreens/WheelPickerViewScreen.js

@@ -43,7 +43,6 @@ jest.mock('react-native-gesture-handler',
     return GestureHandler;
   },
   {virtual: true});
-jest.mock('@react-native-picker/picker', () => ({Picker: {Item: {}}}));
 jest.mock('react-native', () => {
   const reactNative = jest.requireActual('react-native');
   reactNative.NativeModules.KeyboardTrackingViewTempManager = {};

demo/src/screens/nativeComponentScreens/index.js

@@ -6,7 +6,6 @@
 import com.wix.reactnativeuilib.highlighterview.HighlighterViewPackage;
 import com.wix.reactnativeuilib.keyboardinput.KeyboardInputPackage;
 import com.wix.reactnativeuilib.textinput.TextInputDelKeyHandlerPackage;
-import com.wix.reactnativeuilib.wheelpicker.WheelPickerPackage;
 
 import java.util.Arrays;
 import java.util.List;
@@ -22,7 +21,6 @@ public UiLibPackageList(Application application) {
     public List<ReactPackage> getPackageList() {
         return Arrays.asList(
                 new HighlighterViewPackage(),
-                new WheelPickerPackage(),
                 new TextInputDelKeyHandlerPackage(),
                 new KeyboardInputPackage(application)
         );