split off styles (#230)

Author: lfkwtz

CHANGELOG.md

@@ -1,3 +1,11 @@
+### 6.3.3
+
+##### Chore
+
+-   Split off styles into separate file
+
+---
+
 ### 6.3.2
 
 ##### Bugfix

demo/App.js

@@ -11,7 +11,7 @@ import {
 } from 'react-native';
 import {Chevron} from 'react-native-shapes';
 // import { Ionicons } from '@expo/vector-icons';
-import RNPickerSelect, {defaultStyles} from './rnpickerselect';
+import RNPickerSelect, {defaultStyles} from './react-native-picker-select';
 
 const sports = [
   {

demo/index.js

@@ -1,7 +1,3 @@
-/**
- * @format
- */
-
 import {AppRegistry} from 'react-native';
 import App from './App';
 import {name as appName} from './app.json';

demo/rnpickerselect.js demo/react-native-picker-select/index.js

@@ -1,6 +1,6 @@
 {
     "name": "react-native-picker-select",
-    "version": "6.3.2",
+    "version": "6.3.3",
     "description": "A Picker component for React Native which emulates the native <select> interfaces for each platform",
     "license": "MIT",
     "author": "Michael Lefkowitz <[email protected]>",
@@ -20,10 +20,8 @@
         "items"
     ],
     "files": [
-        "LICENSE",
-        "README.md",
         "index.d.ts",
-        "src/index.js"
+        "/src"
     ],
     "dependencies": {
         "lodash.isequal": "^4.5.0"

package.json

@@ -5,7 +5,6 @@ import {
     Modal,
     Picker,
     Platform,
-    StyleSheet,
     Text,
     TextInput,
     TouchableOpacity,
@@ -14,6 +13,7 @@ import {
 } from 'react-native';
 import PropTypes from 'prop-types';
 import isEqual from 'lodash.isequal';
+import { defaultStyles } from './styles';
 
 export default class RNPickerSelect extends PureComponent {
     static propTypes = {
@@ -517,69 +517,4 @@ export default class RNPickerSelect extends PureComponent {
     }
 }
 
-export const defaultStyles = StyleSheet.create({
-    viewContainer: {
-        alignSelf: 'stretch',
-    },
-    iconContainer: {
-        position: 'absolute',
-        right: 0,
-    },
-    modalViewTop: {
-        flex: 1,
-    },
-    modalViewMiddle: {
-        height: 44,
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingHorizontal: 10,
-        backgroundColor: '#EFF1F2',
-        borderTopWidth: 0.5,
-        borderTopColor: '#919498',
-        zIndex: 2,
-    },
-    chevronContainer: {
-        flexDirection: 'row',
-    },
-    chevron: {
-        width: 15,
-        height: 15,
-        backgroundColor: 'transparent',
-        borderColor: '#D0D4DB',
-        borderTopWidth: 1.5,
-        borderRightWidth: 1.5,
-    },
-    chevronUp: {
-        marginLeft: 11,
-        transform: [{ translateY: 4 }, { rotate: '-45deg' }],
-    },
-    chevronDown: {
-        marginLeft: 22,
-        transform: [{ translateY: -5 }, { rotate: '135deg' }],
-    },
-    chevronActive: {
-        borderColor: '#007AFE',
-    },
-    done: {
-        color: '#007AFE',
-        fontWeight: 'bold',
-        fontSize: 15,
-        paddingTop: 1,
-        paddingRight: 2,
-    },
-    modalViewBottom: {
-        justifyContent: 'center',
-        backgroundColor: '#D0D4DB',
-    },
-    placeholder: {
-        color: '#C7C7CD',
-    },
-    headlessAndroidPicker: {
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        color: 'transparent',
-        opacity: 0,
-    },
-});
+export { defaultStyles };

src/index.js

@@ -0,0 +1,68 @@
+import { StyleSheet } from 'react-native';
+
+export const defaultStyles = StyleSheet.create({
+    viewContainer: {
+        alignSelf: 'stretch',
+    },
+    iconContainer: {
+        position: 'absolute',
+        right: 0,
+    },
+    modalViewTop: {
+        flex: 1,
+    },
+    modalViewMiddle: {
+        height: 44,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: 10,
+        backgroundColor: '#EFF1F2',
+        borderTopWidth: 0.5,
+        borderTopColor: '#919498',
+        zIndex: 2,
+    },
+    chevronContainer: {
+        flexDirection: 'row',
+    },
+    chevron: {
+        width: 15,
+        height: 15,
+        backgroundColor: 'transparent',
+        borderColor: '#D0D4DB',
+        borderTopWidth: 1.5,
+        borderRightWidth: 1.5,
+    },
+    chevronUp: {
+        marginLeft: 11,
+        transform: [{ translateY: 4 }, { rotate: '-45deg' }],
+    },
+    chevronDown: {
+        marginLeft: 22,
+        transform: [{ translateY: -5 }, { rotate: '135deg' }],
+    },
+    chevronActive: {
+        borderColor: '#007AFE',
+    },
+    done: {
+        color: '#007AFE',
+        fontWeight: 'bold',
+        fontSize: 15,
+        paddingTop: 1,
+        paddingRight: 2,
+    },
+    modalViewBottom: {
+        justifyContent: 'center',
+        backgroundColor: '#D0D4DB',
+    },
+    placeholder: {
+        color: '#C7C7CD',
+    },
+    headlessAndroidPicker: {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        color: 'transparent',
+        opacity: 0,
+    },
+});