@holper/react-native-holper-storybook 0.6.85 → 0.6.87

package/lib/components/DeckSwiper/index.js

@@ -1,26 +1,27 @@
-import React, {useRef, useState} from 'react';
+import React, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import {View, Image} from 'react-native';
+import { View, Image } from 'react-native';
 import Swiper from 'react-native-deck-swiper';
 import Entypo from 'react-native-vector-icons/Entypo';
 import Text from '../Text';
 import Button from '../Button';
-import {Colors} from '../../configs/constants';
+import { Colors } from '../../configs/constants';
 import style from './style';
 
-const DeckSwiper = ({data, inverted, nextText, onChange, onFinish}) => {
+const DeckSwiper = ({ data, inverted, nextText, onChange, onFinish }) => {
   const swiper = useRef(null);
   const [finished, setFinished] = useState(false);
   const [index, setIndex] = useState(0);
 
-  const renderDots = () => (
-    data.map((d, i) => <Entypo
-      name='dot-single'
-      size={36}
-      key={`dot-${i}`}
-      style={style[index === i ? 'dotSelected' : 'dot']}
-    />)
-  );
+  const renderDots = () =>
+    data.map((d, i) => (
+      <Entypo
+        name='dot-single'
+        size={36}
+        key={`dot-${i}`}
+        style={style[index === i ? 'dotSelected' : 'dot']}
+      />
+    ));
 
   return (
     <>
@@ -36,14 +37,18 @@ const DeckSwiper = ({data, inverted, nextText, onChange, onFinish}) => {
               <View style={style.imageContainer}>
                 <Image
                   style={style.imageResponsive}
-                  source={{uri: card.image}}
+                  source={card.image}
                   progressiveRenderingEnabled
                   resizeMode='contain'
                 />
               </View>
               <View style={style.textContainer}>
-                <Text size='extra-large' style={style.title}>{card.title}</Text>
-                <Text size='large' align='center'>{card.description}</Text>
+                <Text size='extra-large' style={style.title}>
+                  {card.title}
+                </Text>
+                <Text size='large' align='center'>
+                  {card.description}
+                </Text>
               </View>
             </View>
           );
@@ -52,11 +57,11 @@ const DeckSwiper = ({data, inverted, nextText, onChange, onFinish}) => {
           setFinished(true);
           onFinish();
         }}
-        onSwipedRight={index => {
+        onSwipedRight={(index) => {
           setIndex(index - 1);
           onChange(index - 1);
         }}
-        onSwipedLeft={index => {
+        onSwipedLeft={(index) => {
           setIndex(index + 1);
           onChange(index + 1);
         }}
@@ -71,11 +76,12 @@ const DeckSwiper = ({data, inverted, nextText, onChange, onFinish}) => {
       >
         {!finished && (
           <>
-            <View style={style.dotsContainer}>
-              {renderDots()}
-            </View>
+            <View style={style.dotsContainer}>{renderDots()}</View>
             <View style={style.container}>
-              <Button variant={inverted ? 'inverted' : 'primary'} onPress={() => swiper.current.swipeLeft()}>
+              <Button
+                variant={inverted ? 'inverted' : 'primary'}
+                onPress={() => swiper.current.swipeLeft()}
+              >
                 <Text color='white'>{nextText}</Text>
               </Button>
             </View>
@@ -90,22 +96,23 @@ DeckSwiper.defaultProps = {
   data: [],
   inverted: false,
   nextText: ' ',
-  onChange: () => {
-  },
-  onfinish: () => {
-  }
+  useUri: false,
+  onChange: () => {},
+  onfinish: () => {},
 };
 
 DeckSwiper.propTypes = {
-  data: PropTypes.arrayOf(PropTypes.shape({
-    image: PropTypes.string,
-    title: PropTypes.string,
-    description: PropTypes.string
-  })),
+  data: PropTypes.arrayOf(
+    PropTypes.shape({
+      image: PropTypes.string,
+      title: PropTypes.string,
+      description: PropTypes.string,
+    })
+  ),
   inverted: PropTypes.bool,
   nextText: PropTypes.string,
   onChange: PropTypes.func,
-  onFinish: PropTypes.func
+  onFinish: PropTypes.func,
 };
 
 export default DeckSwiper;

package/lib/components/Input/index.js

@@ -1,8 +1,8 @@
-import PropTypes from "prop-types";
-import React from "react";
-import { View, TextInput, Text } from "react-native";
-import style from "./style";
-import { Colors } from "../../configs/constants";
+import PropTypes from 'prop-types';
+import React from 'react';
+import { View, TextInput, Text } from 'react-native';
+import style from './style';
+import { Colors } from '../../configs/constants';
 
 const Input = ({
   variant,
@@ -59,22 +59,22 @@ const Input = ({
 );
 
 Input.defaultProps = {
-  variant: "default",
+  variant: 'default',
   disabled: false,
   leftIcon: null,
   leftIconWide: false,
   showLabel: false,
-  label: "",
+  label: '',
   count: false,
   rightIcon: null,
-  value: "",
+  value: '',
   maxLength: 100,
-  size: "fixed",
+  size: 'fixed',
 };
 
 Input.propTypes = {
-  variant: PropTypes.oneOf(["default", "completed", "error"]),
-  size: PropTypes.oneOf(["fixed", "fit"]),
+  variant: PropTypes.oneOf(['default', 'completed', 'error']),
+  size: PropTypes.oneOf(['fixed', 'fit']),
   disabled: PropTypes.bool,
   leftIcon: PropTypes.node,
   leftIconWide: PropTypes.bool,

package/lib/components/TakePicture/index.js

@@ -1,12 +1,6 @@
 import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import {
-  Modal,
-  TouchableOpacity,
-  Platform,
-  View,
-  ActivityIndicator,
-} from 'react-native';
+import { Modal, TouchableOpacity, View, ActivityIndicator } from 'react-native';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import { CameraView, useCameraPermissions } from 'expo-camera';
 import * as ImageManipulator from 'expo-image-manipulator';
@@ -19,8 +13,6 @@ import { ConfirmPictureModal } from './confirmPictureModal';
 import style from './style';
 
 const DESIRED_RATIO = '16:9';
-const isAndroid = Platform.OS === 'android';
-const isiOS = Platform.OS === 'ios';
 
 const SvgCircle = () => {
   return (
@@ -131,7 +123,7 @@ const TakePicture = ({
           facing={type}
           ratio={DESIRED_RATIO}
         >
-          {avatar && isiOS && <SvgCircle />}
+          {avatar && <SvgCircle />}
 
           <View style={style.cameraFlipContainer}>
             <TouchableOpacity onPress={closeModal} style={style.closeIcon}>
@@ -160,8 +152,6 @@ const TakePicture = ({
               />
             </TouchableOpacity>
           </View>
-
-          {avatar && isAndroid && <SvgCircle />}
         </CameraView>
 
         {takingPicture && (

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.85",
+  "version": "0.6.87",
   "license": "MIT",
   "files": [
     "lib",