@holper/react-native-holper-storybook 0.6.8 → 0.6.11

package/index.js

@@ -1,3 +1,3 @@
-export { asyncLoadFont } from './configs/loadFonts';
-export { Colors, MapStyle, ConstantsWS, HiringStatus, NotificationsTypes } from './configs/constants';
+export {asyncLoadFont} from './configs/loadFonts';
+export {Colors, MapStyle, ConstantsWS, HiringStatus, CouponStatus, NotificationsTypes} from './configs/constants';
 export * from './components';

package/lib/components/DeckSwiper/index.js

@@ -1,24 +1,24 @@
-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
+    data.map((d, i) => <Entypo
       name='dot-single'
       size={36}
       key={`dot-${i}`}
-      style={style[index === i ? 'dotSelected': 'dot']}
+      style={style[index === i ? 'dotSelected' : 'dot']}
     />)
   );
 
@@ -28,7 +28,7 @@ const DeckSwiper = ({ data, inverted, nextText, onChange, onFinish }) => {
         ref={swiper}
         cards={data}
         renderCard={(card) => {
-          if(!card) {
+          if (!card) {
             return null;
           }
           return (
@@ -42,23 +42,23 @@ const DeckSwiper = ({ data, inverted, nextText, onChange, onFinish }) => {
                 />
               </View>
               <View style={style.textContainer}>
-                <Text size='large' style={style.title}>{card.title}</Text>
-                <Text 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>
-          )
+          );
         }}
         onSwipedAll={() => {
           setFinished(true);
           onFinish();
         }}
         onSwipedRight={index => {
-          setIndex(index-1);
-          onChange(index-1);
+          setIndex(index - 1);
+          onChange(index - 1);
         }}
         onSwipedLeft={index => {
-          setIndex(index+1);
-          onChange(index+1);
+          setIndex(index + 1);
+          onChange(index + 1);
         }}
         cardIndex={index}
         backgroundColor={Colors.white}
@@ -69,18 +69,18 @@ const DeckSwiper = ({ data, inverted, nextText, onChange, onFinish }) => {
         goBackToPreviousCardOnSwipeRight={true}
         childrenOnTop
       >
-      {!finished && (
-        <>
-          <View style={style.dotsContainer}>
-            {renderDots()}
-          </View>
-          <View style={style.container}>
-            <Button variant={inverted ? 'inverted' : 'primary'} onPress={() => swiper.current.swipeLeft()}>
-              <Text color='white'>{nextText}</Text>
-            </Button>
-          </View>
-        </>
-      )}
+        {!finished && (
+          <>
+            <View style={style.dotsContainer}>
+              {renderDots()}
+            </View>
+            <View style={style.container}>
+              <Button variant={inverted ? 'inverted' : 'primary'} onPress={() => swiper.current.swipeLeft()}>
+                <Text color='white'>{nextText}</Text>
+              </Button>
+            </View>
+          </>
+        )}
       </Swiper>
     </>
   );
@@ -90,8 +90,10 @@ DeckSwiper.defaultProps = {
   data: [],
   inverted: false,
   nextText: ' ',
-  onChange: () => {},
-  onfinish: () => {}
+  onChange: () => {
+  },
+  onfinish: () => {
+  }
 };
 
 DeckSwiper.propTypes = {
@@ -104,6 +106,6 @@ DeckSwiper.propTypes = {
   nextText: PropTypes.string,
   onChange: PropTypes.func,
   onFinish: PropTypes.func
-}
+};
 
 export default DeckSwiper;

package/lib/components/DeckSwiper/style.js

@@ -1,7 +1,7 @@
-import { Dimensions } from 'react-native';
-import { Colors } from '../../configs/constants';
+import {Dimensions} from 'react-native';
+import {Colors} from '../../configs/constants';
 
-const { height, width } = Dimensions.get('window');
+const {height, width} = Dimensions.get('window');
 
 export default {
   container: {
@@ -22,8 +22,8 @@ export default {
     alignItems: 'center',
   },
   imageContainer: {
-    width: width - 100,
-    height: height / 2.5,
+    width: width - 90,
+    height: height / 2.3,
   },
   imageResponsive: {
     height: undefined,

package/lib/components/Text/index.js

@@ -33,7 +33,7 @@ Text.defaultProps = {
 Text.propTypes = {
   color: PropTypes.oneOf(['dark', 'light', 'lighter', 'white', 'green', 'red', 'yellow', 'violet']),
   variant: PropTypes.oneOf(['default', 'lowercase', 'uppercase']),
-  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large', 'extra-large']),
+  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large', 'extra-large', 'huge']),
   weight: PropTypes.oneOf(['regular', 'bold', 'semiBold']),
   align: PropTypes.oneOf(['left', 'right', 'center', 'justify']),
   style: RNText.propTypes.style,

package/lib/components/Text/style.js

@@ -49,6 +49,9 @@ export default {
   'extra-large': {
     fontSize: 24
   },
+  huge: {
+    fontSize: 40
+  },
   // Weights
   regular: {
     fontFamily: 'poppins_regular'

package/lib/configs/constants.js

@@ -48,6 +48,13 @@ export const HiringStatus = Object.freeze({
   UNPAID: 'unpaid'
 });
 
+export const CouponStatus = Object.freeze({
+  PENDING: 'pending',
+  IN_USE: 'inUse',
+  EXPIRED: 'expired',
+  DONE: 'DONE'
+});
+
 export const NotificationsTypes = Object.freeze({
   /** New hiring is created */
   NEW_HIRING: 'newHiring',

package/lib/index.js

@@ -1,3 +1,3 @@
-export { asyncLoadFont } from './configs/loadFonts';
-export { Colors, MapStyle, ConstantsWS, HiringStatus, NotificationsTypes } from './configs/constants';
+export {asyncLoadFont} from './configs/loadFonts';
+export {Colors, MapStyle, ConstantsWS, HiringStatus, CouponStatus, NotificationsTypes} from './configs/constants';
 export * from './components';

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