@holper/react-native-holper-storybook 0.6.24 → 0.6.26

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/node_modules/expo/AppEntry.js

@@ -0,0 +1,5 @@
+import registerRootComponent from 'expo/build/launch/registerRootComponent';
+
+import App from '../../App';
+
+registerRootComponent(App);

package/node_modules/expo/README.md

@@ -0,0 +1,10 @@
+# expo
+
+The `expo` package is a single package you can install in any React Native app to begin using Expo modules.
+
+- includes core infrastructure for Expo modules: `expo-modules-core` and `expo-modules-autolinking`.
+- bundles a minimal set of Expo modules that are required by nearly every app, such as `expo-asset`.
+- provides [`@expo/cli`](https://github.com/expo/expo/blob/main/packages/%40expo/cli/README.md), a small CLI that provides a clean interface around both bundlers (such as Metro and Webpack) and native build tools (Xcode, Simulator.app, Android Studio, ADB, etc.), can generate native projects with `npx expo prebuild`, and aligns compatible package versions with `npx expo install`.
+- exposes a JavaScript module that configures an app at runtime as needed to use `expo-font` and to function in Expo Go (optional, only if applicable).
+
+See [CONTRIBUTING](./CONTRIBUTING.md) for instructions on working on this package.

package/package.json

@@ -1,8 +1,8 @@
 {
-  "main": "lib/index.js",
+  "main": "node_modules/expo/AppEntry.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.24",
+  "version": "0.6.26",
   "license": "MIT",
   "files": [
     "lib",
@@ -28,8 +28,9 @@
   },
   "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.0",
+    "expo": "^48.0.6",
     "expo-asset": "~8.9.1",
     "expo-camera": "~13.2.1",
     "expo-font": "~11.1.1",
@@ -41,7 +42,7 @@
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.71.3",
+    "react-native": "0.71.6",
     "react-native-countdown-circle-timer": "^3.0.9",
     "react-native-deck-swiper": "^2.0.5",
     "react-native-flash-message": "^0.2.1",