@holper/react-native-holper-storybook 0.6.25 → 0.6.27

package/lib/components/Select/index.js

@@ -1,39 +1,60 @@
-import React from 'react';
-import { View, Dimensions } from 'react-native';
-import PropTypes from 'prop-types';
-import Picker from 'react-native-picker-select';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import { Colors } from '../../configs/constants';
-import style from './style';
+import React from "react";
+import { View } from "react-native";
+import PropTypes from "prop-types";
+import Picker from "react-native-picker-select";
+import Ionicons from "react-native-vector-icons/Ionicons";
+import { Colors } from "../../configs/constants";
+import style from "./style";
 
-const Select = ({value, onValueChange, items, variant, disabled, fitToContainer, placeholder}) => (
-  <View style={[style.container, disabled ? style.disabled : {}, fitToContainer ? style.fit : {}]}>
+const Select = ({
+  value,
+  onValueChange,
+  items,
+  variant,
+  disabled,
+  fitToContainer,
+  placeholder,
+}) => (
+  <View
+    style={[
+      style.container,
+      disabled ? style.disabled : {},
+      fitToContainer ? style.fit : {},
+    ]}
+  >
     <Picker
       style={includesSelect[variant]}
-      placeholder={{label: placeholder}}
+      placeholder={{ label: placeholder }}
       value={value}
       onValueChange={onValueChange}
       placeholderTextColor={Colors.midblue}
       useNativeAndroidPickerStyle={false}
       items={items}
       disabled={disabled}
-      Icon={() => <Ionicons name='chevron-down-outline' size={20} style={style.selectIcon} color={Colors.darkgray} />}
+      Icon={() => (
+        <Ionicons
+          name="chevron-down-outline"
+          size={20}
+          style={style.selectIcon}
+          color={Colors.darkgray}
+        />
+      )}
     />
   </View>
 );
 
 Select.defaultProps = {
-  variant: 'default',
-  placeholder: ' ',
+  variant: "default",
+  placeholder: " ",
   disabled: false,
   fitToContainer: false,
   onValueChange: () => {},
   value: null,
-  items: []
+  items: [],
 };
 
 Select.propTypes = {
-  variant: PropTypes.oneOf(['default', 'completed', 'error']),
+  variant: PropTypes.oneOf(["default", "completed", "error"]),
   placeholder: PropTypes.string.isRequired,
   disabled: PropTypes.bool,
   fitToContainer: PropTypes.bool,
@@ -42,56 +63,56 @@ Select.propTypes = {
   items: PropTypes.arrayOf(
     PropTypes.shape({
       label: PropTypes.string,
-      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     })
-  )
+  ),
 };
 
 const basicStyle = {
   height: 50,
-  width: '100%',
+  width: "100%",
   borderRadius: 25,
   borderWidth: 1,
   paddingHorizontal: 20,
   color: Colors.darkblue,
-  fontFamily: 'poppins_regular',
+  fontFamily: "poppins_regular",
   backgroundColor: Colors.white,
-  marginVertical: 6
+  marginVertical: 6,
 };
 
 const includesSelect = {
   default: {
     inputIOS: {
       ...basicStyle,
-      borderColor: Colors.lightblue
+      borderColor: Colors.lightblue,
     },
     inputAndroid: {
       ...basicStyle,
-      borderColor: Colors.lightblue
-    }
+      borderColor: Colors.lightblue,
+    },
   },
   completed: {
     inputIOS: {
       ...basicStyle,
-      borderColor: Colors.green
+      borderColor: Colors.green,
     },
     inputAndroid: {
       ...basicStyle,
-      borderColor: Colors.green
-    }
+      borderColor: Colors.green,
+    },
   },
   error: {
     inputIOS: {
       ...basicStyle,
       borderColor: Colors.red,
-      color: Colors.red
+      color: Colors.red,
     },
     inputAndroid: {
       ...basicStyle,
       borderColor: Colors.red,
-      color: Colors.red
-    }
+      color: Colors.red,
+    },
   },
-}
+};
 
 export default Select;

package/package.json

@@ -2,7 +2,7 @@
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.25",
+  "version": "0.6.27",
   "license": "MIT",
   "files": [
     "lib",
@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "1.17.11",
+    "@react-native-picker/picker": "2.4.8",
     "deprecated-react-native-prop-types": "^2.3.0",
     "expo": "^48.0.6",
     "expo-asset": "~8.9.1",