uilib-native 3.0.8 → 4.1.0

package/android/src/main/java/com/wix/reactnativeuilib/wheelpicker/WheelPickerManager.java

@@ -1,237 +0,0 @@
-package com.wix.reactnativeuilib.wheelpicker;
-
-import android.graphics.Color;
-import android.graphics.Paint;
-import android.graphics.Typeface;
-import android.graphics.drawable.ColorDrawable;
-import android.util.Log;
-import android.view.View;
-import android.widget.EditText;
-import android.widget.NumberPicker;
-
-import androidx.annotation.NonNull;
-
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.common.MapBuilder;
-import com.facebook.react.uimanager.SimpleViewManager;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.wix.reactnativeuilib.utils.LogForwarder;
-
-import java.lang.reflect.Field;
-import java.util.ArrayList;
-import java.util.Map;
-
-import javax.annotation.Nullable;
-
-/**
- * Created by eladbo on 01/04/2018.
- */
-
-public class WheelPickerManager extends SimpleViewManager<WheelPicker> {
-    @SuppressWarnings("SpellCheckingInspection")
-    private static final String TAG = "WheelPickerMngr(native)";
-    @SuppressWarnings("WeakerAccess")
-    public static final String REACT_CLASS = "WheelPicker";
-    private int initialIndex;
-    private LogForwarder logForwarder;
-
-    @Override
-    public String getName() {
-        return REACT_CLASS;
-    }
-
-    @Override
-    public WheelPicker createViewInstance(ThemedReactContext context) {
-        logForwarder = new LogForwarder(context);
-        return new WheelPicker(context); //If your CustomView has more constructor parameters pass it from here.
-    }
-
-    @SuppressWarnings("unused")
-    @ReactProp(name = "initialIndex")
-    public void setInitialIndex(@SuppressWarnings("unused") WheelPicker wheelPicker, @Nullable Integer initialIndex) {
-        this.initialIndex = (initialIndex == null) ? 0 : initialIndex;
-    }
-
-    @SuppressWarnings("unused")
-    @ReactProp(name = "data")
-    public void setData(WheelPicker wheelPicker, @Nullable ReadableArray data) {
-        wheelPicker.setDisplayedValues(null);
-        wheelPicker.setWrapSelectorWheel(false);
-
-        if (data != null) {
-            ArrayList dataList = data.toArrayList();
-            final String[] arrayString = (String[]) dataList.toArray(new String[0]);
-            wheelPicker.setMinValue(0);
-            wheelPicker.setMaxValue(arrayString.length - 1);
-            wheelPicker.setDisplayedValues(arrayString);
-            wheelPicker.setValue(this.initialIndex);
-        }
-    }
-
-    @SuppressWarnings("unused")
-    @ReactProp(name = "color")
-    public void setColor(WheelPicker wheelPicker, @Nullable String colorAsString) {
-        if (colorAsString != null) {
-            int color = getColorFromString(colorAsString);
-            try {
-                setDividerColor(wheelPicker, color);
-            } catch (Exception e) {
-                String message = "at least one component in the wheel picker did not receive the correct color";
-                Log.w(TAG, message, e);
-                logForwarder.w(TAG, message + e.getMessage());
-            }
-        }
-    }
-
-    private void setDividerColor(WheelPicker wheelPicker, int color) throws NoSuchFieldException, IllegalAccessException, IllegalArgumentException {
-        //noinspection JavaReflectionMemberAccess
-        Field selectionDividerField = NumberPicker.class.getDeclaredField("mSelectionDivider");
-        selectionDividerField.setAccessible(true);
-        ColorDrawable colorDrawable = new ColorDrawable(color);
-        selectionDividerField.set(wheelPicker, colorDrawable);
-    }
-
-    @SuppressWarnings("unused")
-    @ReactProp(name = "fontSize")
-    public void setFontSize(WheelPicker wheelPicker, @Nullable Integer fontSize) {
-        if (fontSize != null) {
-            try {
-                setTextSize(wheelPicker, fontSize);
-            } catch (Exception e) {
-                String message = "at least one component in the wheel picker did not receive the correct font size";
-                Log.w(TAG, message, e);
-                logForwarder.w(TAG, message + e.getMessage());
-            }
-        }
-    }
-
-    private void setTextSize(WheelPicker wheelPicker, int fontSize) throws NoSuchFieldException, IllegalAccessException, IllegalArgumentException {
-        setDrawableTextSize(wheelPicker, fontSize);
-        setEditTextSize(wheelPicker, fontSize);
-    }
-
-    private void setDrawableTextSize(WheelPicker wheelPicker, int fontSize) throws NoSuchFieldException, IllegalAccessException, IllegalArgumentException {
-        //noinspection JavaReflectionMemberAccess
-        Field selectorWheelPaintField = NumberPicker.class.getDeclaredField("mSelectorWheelPaint");
-        selectorWheelPaintField.setAccessible(true);
-        float fontSizeInSp = fontSize * wheelPicker.getResources().getDisplayMetrics().scaledDensity;
-        ((Paint)selectorWheelPaintField.get(wheelPicker)).setTextSize(fontSizeInSp);
-    }
-
-    private void setEditTextSize(WheelPicker wheelPicker, int fontSize) {
-        final int count = wheelPicker.getChildCount();
-        for(int i = 0 ; i < count ; ++i){
-            View child = wheelPicker.getChildAt(i);
-            if(child instanceof EditText) {
-                ((EditText) child).setTextSize(fontSize);
-            }
-        }
-    }
-
-    @SuppressWarnings("unused")
-    public
-    @ReactProp(name = "fontFamily") void setFontSize(WheelPicker wheelPicker, @Nullable String fontFamily) {
-        if (fontFamily != null) {
-            try {
-                Typeface typeface = Typeface.create(fontFamily, Typeface.NORMAL);
-                setDrawableTypeface(wheelPicker, typeface);
-                setEditTextTypeFace(wheelPicker, typeface);
-            } catch (Exception e) {
-                String message = "at least one component in the wheel picker did not receive the correct font family";
-                Log.w(TAG, message, e);
-                logForwarder.w(TAG, message + e.getMessage());
-            }
-        }
-    }
-
-    private void setDrawableTypeface(WheelPicker wheelPicker, @Nullable Typeface typeface) throws NoSuchFieldException, IllegalAccessException, IllegalArgumentException {
-        //noinspection JavaReflectionMemberAccess
-        Field selectorWheelPaintField = NumberPicker.class.getDeclaredField("mSelectorWheelPaint");
-        selectorWheelPaintField.setAccessible(true);
-        ((Paint)selectorWheelPaintField.get(wheelPicker)).setTypeface(typeface);
-    }
-
-    private void setEditTextTypeFace(WheelPicker wheelPicker, @Nullable Typeface typeface) {
-        final int count = wheelPicker.getChildCount();
-        for(int i = 0 ; i < count ; ++i){
-            View child = wheelPicker.getChildAt(i);
-            if(child instanceof EditText) {
-                ((EditText) child).getPaint().setTypeface(typeface);
-            }
-        }
-    }
-
-    @SuppressWarnings("unused")
-    @ReactProp(name = "labelColor")
-    public void setLabelColor(WheelPicker wheelPicker, @Nullable String colorAsString) {
-        if (colorAsString != null) {
-            int color = getColorFromString(colorAsString);
-            try {
-                setTextColor(wheelPicker, color);
-            } catch (Exception e) {
-                String message = "at least one component in the wheel picker did not receive the correct color";
-                Log.w(TAG, message, e);
-                logForwarder.w(TAG, message + e.getMessage());
-            }
-        }
-    }
-
-    private void setTextColor(WheelPicker wheelPicker, int color) throws NoSuchFieldException, IllegalAccessException, IllegalArgumentException {
-        setDrawableColor(wheelPicker, color);
-        setEditTextColor(wheelPicker, color);
-    }
-
-    private void setDrawableColor(WheelPicker wheelPicker, int color) throws NoSuchFieldException, IllegalAccessException, IllegalArgumentException {
-        //noinspection JavaReflectionMemberAccess
-        Field selectorWheelPaintField = NumberPicker.class.getDeclaredField("mSelectorWheelPaint");
-        selectorWheelPaintField.setAccessible(true);
-        ((Paint)selectorWheelPaintField.get(wheelPicker)).setColor(color);
-    }
-
-    private void setEditTextColor(WheelPicker wheelPicker, int color) {
-        final int count = wheelPicker.getChildCount();
-        for(int i = 0 ; i < count ; ++i){
-            View child = wheelPicker.getChildAt(i);
-            if(child instanceof EditText) {
-                ((EditText) child).setTextColor(color);
-            }
-        }
-    }
-
-    @SuppressWarnings("unused")
-    @ReactProp(name = "itemHeight")
-    public void setItemHeight(WheelPicker wheelPicker, @Nullable Integer itemHeight) {
-        if (itemHeight != null) {
-            try {
-                //noinspection JavaReflectionMemberAccess
-                Field selectionDividersDistanceField = NumberPicker.class.getDeclaredField("mSelectionDividersDistance");
-                selectionDividersDistanceField.setAccessible(true);
-                int itemHeightInSp = (int) (itemHeight * wheelPicker.getResources().getDisplayMetrics().scaledDensity);
-                selectionDividersDistanceField.set(wheelPicker, itemHeightInSp);
-            } catch (Exception e) {
-                String message = "item height was not set in the wheel picker";
-                Log.w(TAG, message, e);
-                logForwarder.w(TAG, message + e.getMessage());
-            }
-        }
-    }
-
-    public Map getExportedCustomBubblingEventTypeConstants() {
-        return MapBuilder.builder()
-                .put(
-                        "topChange",
-                        MapBuilder.of(
-                                "phasedRegistrationNames",
-                                MapBuilder.of("bubbled", "onChange")))
-                .build();
-    }
-
-    private int getColorFromString(@NonNull String colorAsString) {
-        if (colorAsString.length() == 4) { // #XXX
-            colorAsString = colorAsString.replaceAll("#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])", "#$1$1$2$2$3$3");
-        }
-
-        return Color.parseColor(colorAsString);
-    }
-}

package/android/src/main/java/com/wix/reactnativeuilib/wheelpicker/WheelPickerPackage.java

@@ -1,44 +0,0 @@
-package com.wix.reactnativeuilib.wheelpicker;
-
-/**
- * Created by eladbo on 01/04/2018.
- */
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-import com.wix.reactnativeuilib.wheelpicker.WheelPickerManager;
-
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
-public class WheelPickerPackage implements ReactPackage {
-
-    @Override
-    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-        return Collections.emptyList();
-    }
-
-    public List<Class<? extends JavaScriptModule>> createJSModules() {
-        return Collections.emptyList();
-    }
-
-    @Override
-    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-        return Arrays.<ViewManager>asList( new WheelPickerManager() );
-    }
-}
-

package/components/WheelPicker/WheelPickerItem.tsx

@@ -1,21 +0,0 @@
-import {Component} from 'react';
-
-type WheelPickerItemProps = {
-  /**
-   * the picker item value
-   */
-  value: string | number;
-  /**
-   * the picker item display label
-   */
-  label: string;
-};
-
-export default class WheelPickerItem extends Component<WheelPickerItemProps> {
-  static displayName = 'WheelPicker.Item';
-
-  render() {
-    // These items don't get rendered directly.
-    return null;
-  }
-}

package/components/WheelPicker/index.tsx

@@ -1,149 +0,0 @@
-import _ from 'lodash';
-import React, {Component} from 'react';
-import {DeviceEventEmitter, requireNativeComponent, StyleSheet, View, ViewStyle, TextStyle} from 'react-native';
-
-import WheelPickerItem from './WheelPickerItem';
-import {Constants} from '../../../src/commons/new';
-import {LogService} from '../../../src/services';
-import {Typography, Colors} from '../../../src/style';
-
-import {PickerPackage, CommunityPickerPackage} from '../../../src/optionalDependencies';
-const Picker = PickerPackage?.Picker || CommunityPickerPackage?.Picker || (() => null);
-
-if (!PickerPackage) {
-  if (CommunityPickerPackage) {
-    console.warn(`RNUILib Picker will soon migrate to use "@react-native-picker/picker" package instead of '@react-native-community/picker'`);
-  } else {
-    console.error(`RNUILib Picker requires installing "@react-native-picker/picker" dependency`);
-  }
-}
-
-const WheelPickerNative = requireNativeComponent('WheelPicker');
-
-export type WheelPickerProps = {
-   /**
-     * the current selected value of the picker
-     */
-    selectedValue?: string | number; 
-    /**
-     * callback for when a value change
-     */
-    onValueChange?: (value: string | number, index: number) => void;
-    /**
-     * pass custom style
-     */
-    style?: ViewStyle;
-    /**
-     * pass custom label style: fontSize, fontFamily, color<br>
-     * Note: label's color will override the text color (hex only)
-     */
-    labelStyle?: TextStyle;
-    /**
-     * The height of the selected item
-     */
-    itemHeight?: number;
-    /**
-     * The color of the wheel picker (hex only)
-     */
-    color?: string; 
-    /**
-     * pass custom style for the picker item
-     */
-    itemStyle?: ViewStyle;
-    children?: JSX.Element | JSX.Element[];
-}
-
-class WheelPicker extends Component<WheelPickerProps> {
-  static displayName = 'WheelPicker';
-
-  static defaultProps = {
-    labelStyle: {fontSize: Typography.text70?.fontSize, fontFamily: Typography.text70?.fontFamily},
-    color: Colors.primary
-  };
-
-  static Item: typeof WheelPickerItem;
-  
-  constructor(props: WheelPickerProps) {
-    super(props);
-    this.onValueChange = this.onValueChange.bind(this); //eslint-disable-line
-    this.getItems();
-    DeviceEventEmitter.addListener('log', this.onLogReceived); // TODO: consider moving to a more generic place (base class?)
-
-    LogService.componentDeprecationWarn({oldComponent: 'WheelPicker', newComponent: 'Incubator.WheelPicker'});
-  }
-
-  state = {
-    items: this.getItems()
-  };
-
-  onLogReceived = (event: any) => {
-    // @ts-expect-error
-    console[event.LogType](event.TAG, event.text);
-  };
-
-  onValueChange(event: any) {
-    const index = event.nativeEvent.itemIndex;
-    const {onValueChange} = this.props;
-    if (onValueChange) {
-      const {items} = this.state;
-      onValueChange(items[index].value, index);
-    }
-  }
-
-  getItems() {
-    const {children} = this.props;
-      
-    const items = _.map(React.Children.toArray(children), child => ({
-      //@ts-expect-error
-      value: child.props.value,
-      //@ts-expect-error
-      label: child.props.label
-    }));
-    return items;
-  }
-
-  getInitialIndex() {
-    const {items} = this.state;
-    const {selectedValue} = this.props;
-    return _.findIndex(items, {value: selectedValue});
-  }
-
-  extractLabelsFromItems() {
-    return _.map(this.state.items, 'label');
-  }
-
-  render() {
-    const {style, color, labelStyle, itemHeight} = this.props;
-
-    return (
-      <View collapsable={false} style={styles.container}>
-        <WheelPickerNative
-          // @ts-expect-error
-          data={this.extractLabelsFromItems()}
-          initialIndex={this.getInitialIndex()}
-          onChange={this.onValueChange}
-          style={[styles.wheelPicker, style]}
-          color={color}
-          labelColor={labelStyle?.color || color}
-          fontSize={labelStyle?.fontSize}
-          itemHeight={itemHeight}
-          fontFamily={labelStyle?.fontFamily}
-        />
-      </View>
-    );
-  }
-}
-
-WheelPicker.Item = WheelPickerItem;
-
-const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden'
-  },
-  wheelPicker: {
-    width: 200,
-    height: 200
-  }
-});
-
-export default Constants.isAndroid ? WheelPicker : Picker;