react-native-app-onboard 0.1.9 → 0.2.1

package/lib/module/components/CustomPages.js

@@ -10,32 +10,29 @@ export const CustomPages = ({
   showNext = true,
   ...props
 }) => {
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container]
-  }, props.skipButtonPosition && props.showSkip && /*#__PURE__*/React.createElement(SkipButton, {
-    buttonTextStyle: props.skipLabelStyle,
-    buttonStyle: props.skipButtonContainerStyle,
-    position: props.skipButtonPosition,
-    onPress: props.onSkip,
-    label: props.skipLabel
-  }), showPagination && props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, props.customFooter && props.customFooter({
-    nextPage: props.nextPage
-  }), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, {
+  const pageWidth = props.width || width;
+  const paginationProps = {
     color: '#fff',
     backgroundColor: '#333',
-    width: width,
+    width: pageWidth,
     onNext: props.nextPage,
     onSkip: props.onSkip,
     onDone: props.onDone,
     showDone: props.showDone,
-    animatedValue: props.scrollX,
+    showPrevious: props.showPrevious,
+    animatedValue: props.dotsAnimatedValue,
     showSkip: props.showSkip,
     numberOfScreens: props.numberOfScreens,
     skipLabel: props.skipLabel,
-    showNext: showNext,
+    showNext,
     nextLabel: props.nextLabel,
+    previousLabel: props.previousLabel,
     doneLabel: props.doneLabel,
     hasSkipPosition: !!props.skipButtonPosition,
+    paginationStyle: props.paginationStyle,
+    progressBarStyle: props.progressBarStyle,
+    progressBarFillStyle: props.progressBarFillStyle,
+    dotsAreTappable: props.dotsAreTappable,
     paginationContainerStyle: props.paginationContainerStyle,
     buttonRightContainerStyle: props.buttonRightContainerStyle,
     buttonLeftContainerStyle: props.buttonLeftContainerStyle,
@@ -44,28 +41,34 @@ export const CustomPages = ({
     skipButtonContainerStyle: props.skipButtonContainerStyle,
     nextButtonContainerStyle: props.nextButtonContainerStyle,
     doneButtonContainerStyle: props.doneButtonContainerStyle,
+    previousButtonContainerStyle: props.previousButtonContainerStyle,
     skipLabelStyle: props.skipLabelStyle,
+    previousLabelStyle: props.previousLabelStyle,
     nextLabelStyle: props.nextLabelStyle,
     paginationPosition: props.paginationPosition
-  })), /*#__PURE__*/React.createElement(Animated.FlatList, {
-    ref: props.flatListRef,
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container]
+  }, props.skipButtonPosition && props.showSkip && /*#__PURE__*/React.createElement(SkipButton, {
+    buttonTextStyle: props.skipLabelStyle,
+    buttonStyle: props.skipButtonContainerStyle,
+    position: props.skipButtonPosition,
+    onPress: props.onSkip,
+    label: props.skipLabel
+  }), showPagination && props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, paginationProps)), /*#__PURE__*/React.createElement(Animated.FlatList, {
+    ref: node => props.setFlatListRef(node),
     data: React.Children.toArray(props.children),
     horizontal: true,
     pagingEnabled: true,
     showsHorizontalScrollIndicator: false,
     scrollEnabled: props.scrollEnabled,
-    onScroll: Animated.event([{
-      nativeEvent: {
-        contentOffset: {
-          x: props.scrollX
-        }
-      }
-    }], {
-      useNativeDriver: false
-    }),
-    scrollEventThrottle: 1,
+    onScroll: props.onScroll,
+    onScrollBeginDrag: props.onScrollBeginDrag,
+    scrollEventThrottle: 16,
     onMomentumScrollEnd: event => {
-      const pageIndex = Math.round(event.nativeEvent.contentOffset.x / width);
+      const pageIndex = Math.round(event.nativeEvent.contentOffset.x / pageWidth);
       props.setPage(pageIndex || 0);
     },
     keyExtractor: (_, index) => index.toString(),
@@ -82,34 +85,7 @@ export const CustomPages = ({
     }
   }), showPagination && props.paginationPosition !== 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, props.customFooter && props.customFooter({
     nextPage: props.nextPage
-  }), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, {
-    color: '#fff',
-    backgroundColor: '#333',
-    width: width,
-    onNext: props.nextPage,
-    onSkip: props.onSkip,
-    onDone: props.onDone,
-    showDone: props.showDone,
-    animatedValue: props.scrollX,
-    showSkip: props.showSkip,
-    numberOfScreens: props.numberOfScreens,
-    skipLabel: props.skipLabel,
-    nextLabel: props.nextLabel,
-    showNext: showNext,
-    doneLabel: props.doneLabel,
-    paginationContainerStyle: props.paginationContainerStyle,
-    buttonRightContainerStyle: props.buttonRightContainerStyle,
-    buttonLeftContainerStyle: props.buttonLeftContainerStyle,
-    dotsContainerStyle: props.dotsContainerStyle,
-    doneLabelStyle: props.doneLabelStyle,
-    skipButtonContainerStyle: props.skipButtonContainerStyle,
-    nextButtonContainerStyle: props.nextButtonContainerStyle,
-    doneButtonContainerStyle: props.doneButtonContainerStyle,
-    skipLabelStyle: props.skipLabelStyle,
-    hasSkipPosition: !!props.skipButtonPosition,
-    paginationPosition: props.paginationPosition,
-    nextLabelStyle: props.nextLabelStyle
-  })));
+  }), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, paginationProps)));
 };
 const styles = StyleSheet.create({
   container: {

package/lib/module/components/CustomPages.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Dimensions","Animated","StyleSheet","React","Pagination","SkipButton","width","get","CustomPages","showPagination","showNext","props","createElement","style","styles","container","skipButtonPosition","showSkip","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","position","onPress","onSkip","label","skipLabel","paginationPosition","Fragment","customFooter","nextPage","color","backgroundColor","onNext","onDone","showDone","animatedValue","scrollX","numberOfScreens","nextLabel","doneLabel","hasSkipPosition","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","nextButtonContainerStyle","doneButtonContainerStyle","nextLabelStyle","FlatList","ref","flatListRef","data","Children","toArray","children","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","setPage","keyExtractor","_","index","toString","renderItem","item","cloneElement","currentPage","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/CustomPages.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Dimensions","Animated","StyleSheet","React","Pagination","SkipButton","width","get","CustomPages","showPagination","showNext","props","pageWidth","paginationProps","color","backgroundColor","onNext","nextPage","onSkip","onDone","showDone","showPrevious","animatedValue","dotsAnimatedValue","showSkip","numberOfScreens","skipLabel","nextLabel","previousLabel","doneLabel","hasSkipPosition","skipButtonPosition","paginationStyle","progressBarStyle","progressBarFillStyle","dotsAreTappable","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipButtonContainerStyle","nextButtonContainerStyle","doneButtonContainerStyle","previousButtonContainerStyle","skipLabelStyle","previousLabelStyle","nextLabelStyle","paginationPosition","createElement","style","styles","container","buttonTextStyle","buttonStyle","position","onPress","label","Fragment","customFooter","FlatList","ref","node","setFlatListRef","data","Children","toArray","children","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","onScroll","onScrollBeginDrag","scrollEventThrottle","onMomentumScrollEnd","event","pageIndex","Math","round","nativeEvent","contentOffset","x","setPage","keyExtractor","_","index","toString","renderItem","item","cloneElement","currentPage","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/CustomPages.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/OnboardingPages.js

@@ -1,6 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef } from 'react';
-import tinycolor from 'tinycolor2';
+import React, { useMemo } from 'react';
+import { getBrightness, lighten, darken } from '../utils/color';
 import { Animated, StyleSheet, Dimensions } from 'react-native';
 import { Pagination } from './Pagination';
 import { OnboardingPage } from './Page';
@@ -13,122 +13,102 @@ export const OnboardingPages = ({
   showNext = true,
   ...props
 }) => {
-  var _props$pages$previous;
-  const backgroundColorAnim = useRef(new Animated.Value(0)).current;
-  const [previousPage, setPreviousPage] = React.useState(0);
+  const pageWidth = props.width || width;
   const currentPage_ = props.pages[props.currentPage];
-  const currentBackgroundColor = (currentPage_ === null || currentPage_ === void 0 ? void 0 : currentPage_.backgroundColor) || '';
-  const isLight = tinycolor(currentBackgroundColor).getBrightness() > 180;
-  const footerBackgroundColor = isLight ? tinycolor(currentBackgroundColor).darken(30).toString() : tinycolor(currentBackgroundColor).lighten(30).toString();
-  const color = tinycolor(footerBackgroundColor).getBrightness() > 180 ? tinycolor(footerBackgroundColor).darken(60).toString() : tinycolor(footerBackgroundColor).lighten(60).toString();
-  const previousBackgroundColor = ((_props$pages$previous = props.pages[previousPage]) === null || _props$pages$previous === void 0 ? void 0 : _props$pages$previous.backgroundColor) || 'white';
-  // Interpolating background color based on backgroundColorAnim value
-  const interpolatedBackgroundColor = backgroundColorAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [currentBackgroundColor, previousBackgroundColor],
-    extrapolate: 'clamp'
-  });
-  const setPage_ = newPageIndex => {
-    setPreviousPage(props.currentPage);
-    props.setPage(newPageIndex);
-  };
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.container, {
-      backgroundColor: interpolatedBackgroundColor
-    }]
-  }, props.skipButtonPosition && props.showSkip && /*#__PURE__*/React.createElement(SkipButton, {
-    buttonTextStyle: props.skipLabelStyle,
-    buttonStyle: props.skipButtonContainerStyle,
-    position: props.skipButtonPosition,
-    label: props.skipLabel,
-    onPress: props.onSkip
-  }), props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
-    nextPage: props.nextPage
-  }), !props.customFooter && showPagination && /*#__PURE__*/React.createElement(Pagination, {
-    width: props.width || width,
+  const currentBackgroundColor = (currentPage_ === null || currentPage_ === void 0 ? void 0 : currentPage_.backgroundColor) ?? 'white';
+  const isLight = getBrightness(currentBackgroundColor) > 180;
+  const footerBackgroundColor = isLight ? darken(currentBackgroundColor, 30) : lighten(currentBackgroundColor, 30);
+  const color = getBrightness(footerBackgroundColor) > 180 ? darken(footerBackgroundColor, 60) : lighten(footerBackgroundColor, 60);
+  const interpolatedBackgroundColor = useMemo(() => {
+    const pages = props.pages;
+    // interpolate() requires at least 2 stops; for 0 or 1 pages there is
+    // nothing to animate between, so use the solid current color.
+    if (pages.length < 2) return currentBackgroundColor;
+    const inputRange = pages.map((_, i) => i * pageWidth);
+    const outputRange = pages.map(p => p.backgroundColor ?? 'white');
+    return props.scrollX.interpolate({
+      inputRange,
+      outputRange,
+      extrapolate: 'clamp'
+    });
+  }, [props.pages, props.scrollX, pageWidth, currentBackgroundColor]);
+  const paginationProps = {
+    width: pageWidth,
     onNext: props.nextPage,
     onSkip: props.onSkip,
-    color: color,
-    showNext: showNext,
+    color,
+    showNext,
     onDone: props.onDone,
     showDone: props.showDone,
+    showPrevious: props.showPrevious,
     backgroundColor: footerBackgroundColor,
-    animatedValue: props.scrollX,
+    animatedValue: props.dotsAnimatedValue,
     showSkip: props.showSkip,
     numberOfScreens: props.pages.length,
     skipLabel: props.skipLabel,
     nextLabel: props.nextLabel,
+    previousLabel: props.previousLabel,
     hasSkipPosition: !!props.skipButtonPosition,
     doneLabel: props.doneLabel,
+    paginationStyle: props.paginationStyle,
+    progressBarStyle: props.progressBarStyle,
+    progressBarFillStyle: props.progressBarFillStyle,
+    dotsAreTappable: props.dotsAreTappable,
+    mirror: props.mirror,
     paginationContainerStyle: props.paginationContainerStyle,
     buttonRightContainerStyle: props.buttonRightContainerStyle,
     buttonLeftContainerStyle: props.buttonLeftContainerStyle,
     dotsContainerStyle: props.dotsContainerStyle,
     doneLabelStyle: props.doneLabelStyle,
     skipLabelStyle: props.skipLabelStyle,
+    previousLabelStyle: props.previousLabelStyle,
     nextLabelStyle: props.nextLabelStyle,
     skipButtonContainerStyle: props.skipButtonContainerStyle,
     nextButtonContainerStyle: props.nextButtonContainerStyle,
-    doneButtonContainerStyle: props.doneButtonContainerStyle
-  })), /*#__PURE__*/React.createElement(Animated.FlatList, {
-    ref: props.flatListRef,
+    doneButtonContainerStyle: props.doneButtonContainerStyle,
+    previousButtonContainerStyle: props.previousButtonContainerStyle
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.container, {
+      backgroundColor: interpolatedBackgroundColor
+    }]
+  }, props.skipButtonPosition && props.showSkip && /*#__PURE__*/React.createElement(SkipButton, {
+    buttonTextStyle: props.skipLabelStyle,
+    buttonStyle: props.skipButtonContainerStyle,
+    position: props.skipButtonPosition,
+    label: props.skipLabel,
+    onPress: props.onSkip
+  }), props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), !props.customFooter && showPagination && /*#__PURE__*/React.createElement(Pagination, paginationProps)), /*#__PURE__*/React.createElement(Animated.FlatList, {
+    ref: node => props.setFlatListRef(node),
     data: props.pages,
     horizontal: true,
     pagingEnabled: true,
     showsHorizontalScrollIndicator: false,
+    scrollEnabled: props.scrollEnabled,
+    style: props.mirror ? styles.mirror : undefined,
     keyExtractor: (_, index) => index.toString(),
     renderItem: ({
       item,
       index
     }) => /*#__PURE__*/React.createElement(OnboardingPage, _extends({
       color: color,
-      width: props.width || width,
+      width: pageWidth,
       swap: props.swap,
+      mirror: props.mirror,
       key: index
     }, item)),
-    onScroll: Animated.event([{
-      nativeEvent: {
-        contentOffset: {
-          x: props.scrollX
-        }
-      }
-    }], {
-      useNativeDriver: false
-    }),
+    onScroll: props.onScroll,
+    onScrollBeginDrag: props.onScrollBeginDrag,
     scrollEventThrottle: 16,
     onMomentumScrollEnd: event => {
-      const pageIndex = Math.round(event.nativeEvent.contentOffset.x / (props.width || width));
-      setPage_(pageIndex || 0);
+      const pageIndex = Math.round(event.nativeEvent.contentOffset.x / pageWidth);
+      props.setPage(pageIndex || 0);
     }
   }), props.paginationPosition !== 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
     nextPage: props.nextPage
-  }), !props.customFooter && showPagination && /*#__PURE__*/React.createElement(Pagination, {
-    width: props.width || width,
-    onNext: props.nextPage,
-    onSkip: props.onSkip,
-    color: color,
-    hasSkipPosition: !!props.skipButtonPosition,
-    onDone: props.onDone,
-    showDone: props.showDone,
-    backgroundColor: footerBackgroundColor,
-    animatedValue: props.scrollX,
-    showSkip: props.showSkip,
-    numberOfScreens: props.pages.length,
-    skipLabel: props.skipLabel,
-    nextLabel: props.nextLabel,
-    doneLabel: props.doneLabel,
-    paginationContainerStyle: props.paginationContainerStyle,
-    buttonRightContainerStyle: props.buttonRightContainerStyle,
-    buttonLeftContainerStyle: props.buttonLeftContainerStyle,
-    dotsContainerStyle: props.dotsContainerStyle,
-    doneLabelStyle: props.doneLabelStyle,
-    skipLabelStyle: props.skipLabelStyle,
-    skipButtonContainerStyle: props.skipButtonContainerStyle,
-    nextButtonContainerStyle: props.nextButtonContainerStyle,
-    doneButtonContainerStyle: props.doneButtonContainerStyle,
-    showNext: showNext,
-    nextLabelStyle: props.nextLabelStyle
-  })));
+  }), !props.customFooter && showPagination && /*#__PURE__*/React.createElement(Pagination, paginationProps)));
 };
 const styles = StyleSheet.create({
   container: {
@@ -160,6 +140,11 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     flex: 1,
     justifyContent: 'center'
+  },
+  mirror: {
+    transform: [{
+      scaleX: -1
+    }]
   }
 });
 //# sourceMappingURL=OnboardingPages.js.map

package/lib/module/components/OnboardingPages.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","tinycolor","Animated","StyleSheet","Dimensions","Pagination","OnboardingPage","SkipButton","width","get","OnboardingPages","showPagination","showNext","props","_props$pages$previous","backgroundColorAnim","Value","current","previousPage","setPreviousPage","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","skipButtonPosition","showSkip","buttonTextStyle","skipLabelStyle","buttonStyle","skipButtonContainerStyle","position","label","skipLabel","onPress","onSkip","paginationPosition","Fragment","customFooter","nextPage","onNext","onDone","showDone","animatedValue","scrollX","numberOfScreens","length","nextLabel","hasSkipPosition","doneLabel","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","nextLabelStyle","nextButtonContainerStyle","doneButtonContainerStyle","FlatList","ref","flatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","_","index","renderItem","item","_extends","swap","key","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/OnboardingPages.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","getBrightness","lighten","darken","Animated","StyleSheet","Dimensions","Pagination","OnboardingPage","SkipButton","width","get","OnboardingPages","showPagination","showNext","props","pageWidth","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","footerBackgroundColor","color","interpolatedBackgroundColor","length","inputRange","map","_","i","outputRange","p","scrollX","interpolate","extrapolate","paginationProps","onNext","nextPage","onSkip","onDone","showDone","showPrevious","animatedValue","dotsAnimatedValue","showSkip","numberOfScreens","skipLabel","nextLabel","previousLabel","hasSkipPosition","skipButtonPosition","doneLabel","paginationStyle","progressBarStyle","progressBarFillStyle","dotsAreTappable","mirror","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","previousLabelStyle","nextLabelStyle","skipButtonContainerStyle","nextButtonContainerStyle","doneButtonContainerStyle","previousButtonContainerStyle","createElement","View","style","styles","container","buttonTextStyle","buttonStyle","position","label","onPress","paginationPosition","Fragment","customFooter","FlatList","ref","node","setFlatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","undefined","keyExtractor","index","toString","renderItem","item","_extends","swap","key","onScroll","onScrollBeginDrag","scrollEventThrottle","onMomentumScrollEnd","event","pageIndex","Math","round","nativeEvent","contentOffset","x","setPage","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/OnboardingPages.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Page.js

@@ -4,12 +4,12 @@ const {
   width,
   height
 } = Dimensions.get('window');
-const potrait = height > width;
+const portrait = height > width;
 export function OnboardingPage(props) {
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, {
       width: props.width
-    }, props.containerStyle, props.swap && styles.swapStyle]
+    }, props.containerStyle, props.swap && styles.swapStyle, props.mirror && styles.mirror]
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.imageContainer, props.imageContainerStyle]
   }, props.image), /*#__PURE__*/React.createElement(View, {
@@ -43,7 +43,7 @@ const styles = StyleSheet.create({
   },
   imageContainer: {
     flex: 0,
-    paddingBottom: potrait ? 60 : 10,
+    paddingBottom: portrait ? 60 : 10,
     alignItems: 'center',
     width: '100%'
   },
@@ -52,6 +52,11 @@ const styles = StyleSheet.create({
   },
   swapStyle: {
     flexDirection: 'column-reverse'
+  },
+  mirror: {
+    transform: [{
+      scaleX: -1
+    }]
   }
 });
 //# sourceMappingURL=Page.js.map

package/lib/module/components/Page.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Text","StyleSheet","Dimensions","React","width","height","get","potrait","OnboardingPage","props","createElement","style","styles","container","containerStyle","swap","swapStyle","imageContainer","imageContainerStyle","image","titleContainer","titleContainerStyle","title","color","titleStyle","subtitle","subtitleStyle","create","flex","justifyContent","alignItems","flexDirection","fontSize","fontWeight","paddingBottom","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Page.tsx"],"mappings":"AAAA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,UAAU,QAIL,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AAiBzB,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,OAAO,GAAGF,MAAM,GAAGD,KAAK;AAE9B,OAAO,SAASI,cAAcA,CAACC,KAAW,EAAE;EAC1C,oBACEN,KAAA,CAAAO,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAET,KAAK,EAAEK,KAAK,CAACL;IAAM,CAAC,EACtBK,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,IAAI,IAAIH,MAAM,CAACI,SAAS;EAC9B,gBAEFb,KAAA,CAAAO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACK,cAAc,EAAER,KAAK,CAACS,mBAAmB;EAAE,GAC7DT,KAAK,CAACU,KACH,CAAC,eACPhB,KAAA,CAAAO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACQ,cAAc,EAAEX,KAAK,CAACY,mBAAmB;EAAE,gBAC9DlB,KAAA,CAAAO,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACU,KAAK,EACZ;MACEC,KAAK,EAAEd,KAAK,CAACc;IACf,CAAC,EACDd,KAAK,CAACe,UAAU;EAChB,GAEDf,KAAK,CAACa,KACH,CAAC,eACPnB,KAAA,CAAAO,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACa,QAAQ,EACf;MACEF,KAAK,EAAEd,KAAK,CAACc;IACf,CAAC,EACDd,KAAK,CAACiB,aAAa;EACnB,GAEDjB,KAAK,CAACgB,QACH,CACF,CACF,CAAC;AAEX;AAEA,MAAMb,MAAM,GAAGX,UAAU,CAAC0B,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDT,KAAK,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,EAAE;IACjBC,SAAS,EAAE;EACb,CAAC;EACDV,QAAQ,EAAE;IACRO,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE;EACb,CAAC;EACDlB,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPM,aAAa,EAAE3B,OAAO,GAAG,EAAE,GAAG,EAAE;IAChCuB,UAAU,EAAE,QAAQ;IACpB1B,KAAK,EAAE;EACT,CAAC;EACDgB,cAAc,EAAE;IACdgB,gBAAgB,EAAE;EACpB,CAAC;EACDpB,SAAS,EAAE;IACTe,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["View","Text","StyleSheet","Dimensions","React","width","height","get","portrait","OnboardingPage","props","createElement","style","styles","container","containerStyle","swap","swapStyle","mirror","imageContainer","imageContainerStyle","image","titleContainer","titleContainerStyle","title","color","titleStyle","subtitle","subtitleStyle","create","flex","justifyContent","alignItems","flexDirection","fontSize","fontWeight","paddingBottom","textAlign","marginHorizontal","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/Page.tsx"],"mappings":"AAAA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,UAAU,QAIL,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AAmBzB,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,QAAQ,GAAGF,MAAM,GAAGD,KAAK;AAE/B,OAAO,SAASI,cAAcA,CAACC,KAAW,EAAE;EAC1C,oBACEN,KAAA,CAAAO,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAET,KAAK,EAAEK,KAAK,CAACL;IAAM,CAAC,EACtBK,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,IAAI,IAAIH,MAAM,CAACI,SAAS,EAC9BP,KAAK,CAACQ,MAAM,IAAIL,MAAM,CAACK,MAAM;EAC7B,gBAEFd,KAAA,CAAAO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACM,cAAc,EAAET,KAAK,CAACU,mBAAmB;EAAE,GAC7DV,KAAK,CAACW,KACH,CAAC,eACPjB,KAAA,CAAAO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACS,cAAc,EAAEZ,KAAK,CAACa,mBAAmB;EAAE,gBAC9DnB,KAAA,CAAAO,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACW,KAAK,EACZ;MACEC,KAAK,EAAEf,KAAK,CAACe;IACf,CAAC,EACDf,KAAK,CAACgB,UAAU;EAChB,GAEDhB,KAAK,CAACc,KACH,CAAC,eACPpB,KAAA,CAAAO,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACc,QAAQ,EACf;MACEF,KAAK,EAAEf,KAAK,CAACe;IACf,CAAC,EACDf,KAAK,CAACkB,aAAa;EACnB,GAEDlB,KAAK,CAACiB,QACH,CACF,CACF,CAAC;AAEX;AAEA,MAAMd,MAAM,GAAGX,UAAU,CAAC2B,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDT,KAAK,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,EAAE;IACjBC,SAAS,EAAE;EACb,CAAC;EACDV,QAAQ,EAAE;IACRO,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE;EACb,CAAC;EACDlB,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPM,aAAa,EAAE5B,QAAQ,GAAG,EAAE,GAAG,EAAE;IACjCwB,UAAU,EAAE,QAAQ;IACpB3B,KAAK,EAAE;EACT,CAAC;EACDiB,cAAc,EAAE;IACdgB,gBAAgB,EAAE;EACpB,CAAC;EACDrB,SAAS,EAAE;IACTgB,aAAa,EAAE;EACjB,CAAC;EACDf,MAAM,EAAE;IACNqB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Pagination.js

@@ -1,28 +1,61 @@
-import { View, Animated, StyleSheet } from 'react-native';
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { View, Pressable, Animated, StyleSheet } from 'react-native';
 import React from 'react';
+import { setAlpha } from '../utils/color';
 import { useOnboarding } from '../hooks/useOnboarding';
 import { Button } from './button';
 export function Pagination(props) {
   const {
-    isDone
+    isDone,
+    currentPage,
+    progress,
+    scrollTo,
+    previousPage
   } = useOnboarding();
   const dots = Array.from({
     length: props.numberOfScreens
   }, (_, i) => i);
   const width = props.width;
+  const showPrevious = props.showPrevious && currentPage > 0;
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.pagination, {
       backgroundColor: props.backgroundColor
     }, props.paginationContainerStyle]
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.buttons, styles.leftButton, props.buttonLeftContainerStyle]
-  }, props.showSkip && !props.hasSkipPosition && /*#__PURE__*/React.createElement(Button, {
+  }, showPrevious && /*#__PURE__*/React.createElement(Button, {
+    onPress: () => previousPage(),
+    buttonTextStyle: props.previousLabelStyle,
+    buttonStyle: props.previousButtonContainerStyle,
+    label: props.previousLabel || 'Back'
+  }), !showPrevious && props.showSkip && !props.hasSkipPosition && /*#__PURE__*/React.createElement(Button, {
     onPress: props.onSkip,
     buttonTextStyle: props.skipLabelStyle,
     buttonStyle: props.skipButtonContainerStyle,
     label: props.skipLabel || 'Skip'
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styles.dotsContainer
+  })), props.paginationStyle === 'progress' ? /*#__PURE__*/React.createElement(View, {
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: 0,
+      max: 100,
+      now: progress
+    },
+    style: [styles.progressTrack,
+    // Derive a faint track from the (background-aware) fill color so it
+    // stays visible on both light and dark pages.
+    {
+      backgroundColor: setAlpha(props.color, 0.25)
+    },
+    // Mirror the fill direction so it grows from the trailing edge.
+    props.mirror && styles.mirror, props.progressBarStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.progressFill, {
+      backgroundColor: props.color,
+      width: `${progress}%`
+    }, props.progressBarFillStyle]
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: [styles.dotsContainer, props.mirror && styles.mirror, props.dotsContainerStyle]
   }, dots.map((_, i) => {
     const inputRange = [(i - 1) * width, i * width, (i + 1) * width];
     const dotOpacity = props.animatedValue.interpolate({
@@ -30,13 +63,27 @@ export function Pagination(props) {
       outputRange: [0.3, 1, 0.3],
       extrapolate: 'clamp'
     });
-    return /*#__PURE__*/React.createElement(Animated.View, {
+    const dotProps = {
+      accessibilityRole: props.dotsAreTappable ? 'button' : 'image',
+      accessibilityLabel: `Page ${i + 1} of ${props.numberOfScreens}`,
+      accessibilityState: {
+        selected: i === currentPage
+      }
+    };
+    const dot = /*#__PURE__*/React.createElement(Animated.View, {
       key: i,
       style: [styles.dot, {
         backgroundColor: props.color,
         opacity: dotOpacity
-      }, props.dotsContainerStyle]
+      }]
     });
+    return props.dotsAreTappable ? /*#__PURE__*/React.createElement(Pressable, _extends({
+      key: i,
+      onPress: () => scrollTo(i),
+      hitSlop: 8
+    }, dotProps), dot) : /*#__PURE__*/React.createElement(View, _extends({
+      key: i
+    }, dotProps), dot);
   })), /*#__PURE__*/React.createElement(View, {
     style: [styles.buttons, styles.rightButton, props.buttonRightContainerStyle]
   }, !isDone && props.showNext && /*#__PURE__*/React.createElement(Button, {
@@ -69,22 +116,37 @@ const styles = StyleSheet.create({
   },
   dotsContainer: {
     flexDirection: 'row',
-    flex: 1,
-    justifyContent: 'center'
+    flex: 2,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  progressTrack: {
+    flex: 2,
+    height: 6,
+    borderRadius: 3,
+    marginHorizontal: 16,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    borderRadius: 3
   },
   text: {
     fontSize: 16
   },
   buttons: {
-    minWidth: 200
+    flex: 1
   },
   rightButton: {
-    alignItems: 'flex-end',
-    paddingRight: 30
+    alignItems: 'flex-end'
   },
   leftButton: {
-    alignItems: 'flex-start',
-    paddingLeft: 30
+    alignItems: 'flex-start'
+  },
+  mirror: {
+    transform: [{
+      scaleX: -1
+    }]
   }
 });
 //# sourceMappingURL=Pagination.js.map