react-native-wheel-pick 1.1.7 → 1.2.0

package/README.md

@@ -19,9 +19,9 @@ This is not original but inspired by [react-native-wheel-datepicker](https://git
 
 React Native >= 0.60+
 ```
-npm install react-native-wheel-pick
-npm install @react-native-picker/picker --save
-npm install @react-native-community/datetimepicker --save
+npm install react-native-wheel-pick --save --legacy-peer-deps
+npm install @react-native-picker/picker --save --legacy-peer-deps
+npm install @react-native-community/datetimepicker --save --legacy-peer-deps
 npx pod-install
 
 npx react-native run-ios // re-build native-code
@@ -123,6 +123,10 @@ import { Picker, DatePicker } from 'react-native-wheel-pick';
 ```
 ## Release Note
 
+### 1.2.0 (July 3 2022)
+- Remove `deprecated-react-native-prop-types`
+- Support for peer dependencies React 18 by `--legacy-peer-deps`
+
 ### 1.1.7 (June 21 2022)
 [Android]
 - compileSdk -> compileSdkVersion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-wheel-pick",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "description": "React native wheel picker iOS style with android.",
   "main": "src/index.js",
   "scripts": {
@@ -28,8 +28,6 @@
   "peerDependencies": {
     "moment": ">=2.0.0",
     "prop-types": "*",
-    "react-native": ">=0.45.0",
-    "deprecated-react-native-prop-types": ">=2.3.0",
     "@react-native-community/datetimepicker": ">=6.1.3",
     "@react-native-picker/picker": ">=2.4.1"
   }

package/src/WheelCurvedPicker.android.js

@@ -1,9 +1,9 @@
 import React, { PureComponent } from 'react';
 import { requireNativeComponent, View } from 'react-native';
-import { ColorPropType, ViewPropTypes as RNViewPropTypes, } from 'deprecated-react-native-prop-types'
+// import { ColorPropType, ViewPropTypes as RNViewPropTypes, } from 'deprecated-react-native-prop-types'
 import PropTypes from 'prop-types';
 
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+// const ViewPropTypes = RNViewPropTypes || View.propTypes;
 let firstTimeOnChange = true
 
 const stateFromProps = (props) => {
@@ -22,9 +22,9 @@ const stateFromProps = (props) => {
 
 class WheelCurvedPicker extends PureComponent {
   static propTypes = {
-    ...ViewPropTypes,
+    // ...ViewPropTypes,
     data: PropTypes.array,
-    textColor: ColorPropType,
+    // textColor: ColorPropType,
     textSize: PropTypes.number,
     onValueChange: PropTypes.func.isRequired,
     selectedValue: PropTypes.any,

package/src/date-picker.android.js

@@ -1,11 +1,11 @@
 import React, { PureComponent } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { ColorPropType, ViewPropTypes as RNViewPropTypes } from 'deprecated-react-native-prop-types'
+// import { ColorPropType, ViewPropTypes as RNViewPropTypes } from 'deprecated-react-native-prop-types'
 import PropTypes from 'prop-types';
 import moment from 'moment';
 import Picker from './picker';
 
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+// const ViewPropTypes = RNViewPropTypes || View.propTypes;
 const firstTimeOnChange = {
   year: true,
   month: true,
@@ -42,8 +42,8 @@ export default class DatePicker extends PureComponent {
     minimumDate: PropTypes.instanceOf(Date),
     mode: PropTypes.oneOf(['date', 'time', 'datetime']),
     onDateChange: PropTypes.func.isRequired,
-    style: ViewPropTypes.style,
-    textColor: ColorPropType,
+    // style: ViewPropTypes.style,
+    // textColor: ColorPropType,
     textSize: PropTypes.number,
   };
 

package/src/picker.js

@@ -1,11 +1,10 @@
 import React, { Component } from 'react';
 import { StyleSheet, View, Text, Platform } from 'react-native';
-import { ColorPropType, ViewPropTypes as RNViewPropTypes, } from 'deprecated-react-native-prop-types'
+// import { ColorPropType, ViewPropTypes as RNViewPropTypes, } from 'deprecated-react-native-prop-types'
 import PropTypes from 'prop-types';
 import WheelCurvedPicker from './WheelCurvedPicker';
 
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
-
+// const ViewPropTypes = RNViewPropTypes || View.propTypes;
 const PickerItem = WheelCurvedPicker.Item;
 
 const styles = StyleSheet.create({
@@ -18,12 +17,12 @@ const styles = StyleSheet.create({
 
 export default class Picker extends Component {
   static propTypes = {
-    textColor: ColorPropType,
+    // textColor: ColorPropType,
     textSize: PropTypes.number,
-    itemStyle: ViewPropTypes.style,
+    // itemStyle: ViewPropTypes.style,
     onValueChange: PropTypes.func.isRequired,
     pickerData: PropTypes.array.isRequired,
-    style: ViewPropTypes.style,
+    // style: ViewPropTypes.style,
     selectedValue: PropTypes.any,
   };