react-native-pages-flipper/lib/commonjs/BookPage/index.js

Page Flipper

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BookPage=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _BackShadow=_interopRequireDefault(require("./BackShadow"));var _FrontShadow=_interopRequireDefault(require("./FrontShadow"));var _PageShadow=_interopRequireDefault(require("./PageShadow"));var _BookSpine=require("./BookSpine");var _BookSpine2=require("./BookSpine2");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="C:\\Users\\lenovo\\react-native-page-flipper\\src\\BookPage\\index.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var timingConfig={duration:800,easing:_reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)};var _worklet_16660376299940_init_data={code:"function indexTsx1(){const{runOnJS,onPageFlip,id}=this.__closure;runOnJS(onPageFlip)(id,false);}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\BookPage\\index.tsx",sourceMap:"{\"version\":3,\"names\":[\"indexTsx1\",\"runOnJS\",\"onPageFlip\",\"id\",\"__closure\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/BookPage/index.tsx\"],\"mappings\":\"AA+GgB,SAAAA,SAAMA,CAAA,QAAAC,OAAA,CAAAC,UAAA,CAAAC,EAAA,OAAAC,SAAA,CACFH,OAAO,CAACC,UAAU,CAAC,CAACC,EAAE,CAAE,KAAK,CAAC,CAClC\",\"ignoreList\":[]}",version:"3.16.1"};var _worklet_3840731005230_init_data={code:"function indexTsx2(){const{rotateYAsDeg,right,interpolate,containerWidth}=this.__closure;const degrees=rotateYAsDeg.value;const x=right?interpolate(degrees,[0,180],[containerWidth/2,-containerWidth/2]):interpolate(degrees,[-180,0],[containerWidth/2,0]);const w=right?interpolate(degrees,[0,180],[0,containerWidth/2]):interpolate(degrees,[-180,0],[containerWidth/2,0]);return{width:Math.ceil(w),zIndex:2,transform:[{translateX:x}]};}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\BookPage\\index.tsx",sourceMap:"{\"version\":3,\"names\":[\"indexTsx2\",\"rotateYAsDeg\",\"right\",\"interpolate\",\"containerWidth\",\"__closure\",\"degrees\",\"value\",\"x\",\"w\",\"width\",\"Math\",\"ceil\",\"zIndex\",\"transform\",\"translateX\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/BookPage/index.tsx\"],\"mappings\":\"AAkJ2C,SAAAA,SAAMA,CAAA,QAAAC,YAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAC,cAAA,OAAAC,SAAA,CACrC,KAAM,CAAAC,OAAO,CAAGL,YAAY,CAACM,KAAK,CAClC,KAAM,CAAAC,CAAC,CAAGN,KAAK,CACTC,WAAW,CACPG,OAAO,CACP,CAAC,CAAC,CAAE,GAAG,CAAC,CACR,CAACF,cAAc,CAAG,CAAC,CAAE,CAACA,cAAc,CAAG,CAAC,CAC5C,CAAC,CACDD,WAAW,CAACG,OAAO,CAAE,CAAC,CAAC,GAAG,CAAE,CAAC,CAAC,CAAE,CAACF,cAAc,CAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAE9D,KAAM,CAAAK,CAAC,CAAGP,KAAK,CACTC,WAAW,CAACG,OAAO,CAAE,CAAC,CAAC,CAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAEF,cAAc,CAAG,CAAC,CAAC,CAAC,CACvDD,WAAW,CAACG,OAAO,CAAE,CAAC,CAAC,GAAG,CAAE,CAAC,CAAC,CAAE,CAACF,cAAc,CAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAC9D,MAAO,CACHM,KAAK,CAAEC,IAAI,CAACC,IAAI,CAACH,CAAC,CAAC,CACnBI,MAAM,CAAE,CAAC,CACTC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEP,CAAE,CAAC,CACjC,CAAC,CACL\",\"ignoreList\":[]}",version:"3.16.1"};var _worklet_392216023442_init_data={code:"function indexTsx3(){const{rotateYAsDeg,right,interpolate,containerWidth,Extrapolation}=this.__closure;const degrees=rotateYAsDeg.value;const w=right?interpolate(degrees,[0,90],[containerWidth/2,0],Extrapolation.CLAMP):interpolate(degrees,[-90,0],[0,containerWidth/2],Extrapolation.CLAMP);const style={zIndex:1,width:Math.floor(w)};if(right){style['left']=0;}else{style['right']=0;}return style;}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\BookPage\\index.tsx",sourceMap:"{\"version\":3,\"names\":[\"indexTsx3\",\"rotateYAsDeg\",\"right\",\"interpolate\",\"containerWidth\",\"Extrapolation\",\"__closure\",\"degrees\",\"value\",\"w\",\"CLAMP\",\"style\",\"zIndex\",\"width\",\"Math\",\"floor\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/BookPage/index.tsx\"],\"mappings\":\"AAsK4C,SAAAA,SAAMA,CAAA,QAAAC,YAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAC,cAAA,CAAAC,aAAA,OAAAC,SAAA,CACtC,KAAM,CAAAC,OAAO,CAAGN,YAAY,CAACO,KAAK,CAElC,KAAM,CAAAC,CAAC,CAAGP,KAAK,CACTC,WAAW,CACPI,OAAO,CACP,CAAC,CAAC,CAAE,EAAE,CAAC,CACP,CAACH,cAAc,CAAG,CAAC,CAAE,CAAC,CAAC,CACvBC,aAAa,CAACK,KAClB,CAAC,CACDP,WAAW,CACPI,OAAO,CACP,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC,CACR,CAAC,CAAC,CAAEH,cAAc,CAAG,CAAC,CAAC,CACvBC,aAAa,CAACK,KAClB,CAAC,CAEP,KAAM,CAAAC,KAAgB,CAAG,CACrBC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAEC,IAAI,CAACC,KAAK,CAACN,CAAC,CACvB,CAAC,CAED,GAAIP,KAAK,CAAE,CACPS,KAAK,CAAC,MAAM,CAAC,CAAG,CAAC,CACrB,CAAC,IAAM,CACHA,KAAK,CAAC,OAAO,CAAC,CAAG,CAAC,CACtB,CAEA,MAAO,CAAAA,KAAK,CAChB\",\"ignoreList\":[]}",version:"3.16.1"};var _worklet_11661236185430_init_data={code:"function indexTsx4(){const{isDragging}=this.__closure;return{flex:1,zIndex:isDragging?100:0};}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\BookPage\\index.tsx",sourceMap:"{\"version\":3,\"names\":[\"indexTsx4\",\"isDragging\",\"__closure\",\"flex\",\"zIndex\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/BookPage/index.tsx\"],\"mappings\":\"AAqMgD,SAAAA,SAAMA,CAAA,QAAAC,UAAA,OAAAC,SAAA,CAC1C,MAAO,CACHC,IAAI,CAAE,CAAC,CAEPC,MAAM,CAAEH,UAAU,CAAG,GAAG,CAAG,CAC/B,CAAC,CACL\",\"ignoreList\":[]}",version:"3.16.1"};var _worklet_14276874258968_init_data={code:"function indexTsx5(){const{right,interpolate,rotateYAsDeg,single,containerWidth}=this.__closure;const l=right?0:interpolate(rotateYAsDeg.value,[-180,0],single?[0,-containerWidth/2]:[-containerWidth/2,-containerWidth]);return{left:l};}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\BookPage\\index.tsx",sourceMap:"{\"version\":3,\"names\":[\"indexTsx5\",\"right\",\"interpolate\",\"rotateYAsDeg\",\"single\",\"containerWidth\",\"__closure\",\"l\",\"value\",\"left\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/BookPage/index.tsx\"],\"mappings\":\"AA6MuD,SAAAA,SAAMA,CAAA,QAAAC,KAAA,CAAAC,WAAA,CAAAC,YAAA,CAAAC,MAAA,CAAAC,cAAA,OAAAC,SAAA,CACjD,KAAM,CAAAC,CAAC,CAAGN,KAAK,CACT,CAAC,CACDC,WAAW,CACPC,YAAY,CAACK,KAAK,CAClB,CAAC,CAAC,GAAG,CAAE,CAAC,CAAC,CACTJ,MAAM,CACA,CAAC,CAAC,CAAE,CAACC,cAAc,CAAG,CAAC,CAAC,CACxB,CAAC,CAACA,cAAc,CAAG,CAAC,CAAE,CAACA,cAAc,CAC/C,CAAC,CAEP,MAAO,CACHI,IAAI,CAAEF,CACV,CAAC,CACL\",\"ignoreList\":[]}",version:"3.16.1"};var BookPage=exports.BookPage=_react.default.forwardRef(function(_ref,ref){var right=_ref.right,front=_ref.front,back=_ref.back,onPageFlip=_ref.onPageFlip,containerSize=_ref.containerSize,isAnimatingRef=_ref.isAnimatingRef,setIsAnimating=_ref.setIsAnimating,isAnimating=_ref.isAnimating,enabled=_ref.enabled,isPressable=_ref.isPressable,getPageStyle=_ref.getPageStyle,single=_ref.single,onFlipStart=_ref.onFlipStart,renderPage=_ref.renderPage;var isMounted=(0,_react.useRef)(false);var rotateYAsDeg=(0,_reactNativeReanimated.useSharedValue)(0);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isDragging=_useState2[0],setIsDragging=_useState2[1];var containerWidth=containerSize.width;var containerHeight=containerSize.height;var gesturesEnabled=enabled&&!isAnimating;var showSpine=true;(0,_react.useEffect)(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);var turnPage=(0,_react.useCallback)(function(){setIsDragging(true);setIsAnimating(true);var id=right?1:-1;if(onFlipStart&&typeof onFlipStart==='function'){onFlipStart(id);}rotateYAsDeg.value=(0,_reactNativeReanimated.withTiming)(right?180:-180,timingConfig,function(){var _e=[new global.Error(),-4,-27];var indexTsx1=function indexTsx1(){(0,_reactNativeReanimated.runOnJS)(onPageFlip)(id,false);};indexTsx1.__closure={runOnJS:_reactNativeReanimated.runOnJS,onPageFlip:onPageFlip,id:id};indexTsx1.__workletHash=16660376299940;indexTsx1.__initData=_worklet_16660376299940_init_data;indexTsx1.__stackDetails=_e;return indexTsx1;}());},[onFlipStart,setIsDragging,right,onPageFlip,rotateYAsDeg,setIsAnimating]);_react.default.useImperativeHandle(ref,function(){return{turnPage:turnPage};},[turnPage]);var backStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-5,-27];var indexTsx2=function indexTsx2(){var degrees=rotateYAsDeg.value;var x=right?(0,_reactNativeReanimated.interpolate)(degrees,[0,180],[containerWidth/2,-containerWidth/2]):(0,_reactNativeReanimated.interpolate)(degrees,[-180,0],[containerWidth/2,0]);var w=right?(0,_reactNativeReanimated.interpolate)(degrees,[0,180],[0,containerWidth/2]):(0,_reactNativeReanimated.interpolate)(degrees,[-180,0],[containerWidth/2,0]);return{width:Math.ceil(w),zIndex:2,transform:[{translateX:x}]};};indexTsx2.__closure={rotateYAsDeg:rotateYAsDeg,right:right,interpolate:_reactNativeReanimated.interpolate,containerWidth:containerWidth};indexTsx2.__workletHash=3840731005230;indexTsx2.__initData=_worklet_3840731005230_init_data;indexTsx2.__stackDetails=_e;return indexTsx2;}());var frontStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-6,-27];var indexTsx3=function indexTsx3(){var degrees=rotateYAsDeg.value;var w=right?(0,_reactNativeReanimated.interpolate)(degrees,[0,90],[containerWidth/2,0],_reactNativeReanimated.Extrapolation.CLAMP):(0,_reactNativeReanimated.interpolate)(degrees,[-90,0],[0,containerWidth/2],_reactNativeReanimated.Extrapolation.CLAMP);var style={zIndex:1,width:Math.floor(w)};if(right){style['left']=0;}else{style['right']=0;}return style;};indexTsx3.__closure={rotateYAsDeg:rotateYAsDeg,right:right,interpolate:_reactNativeReanimated.interpolate,containerWidth:containerWidth,Extrapolation:_reactNativeReanimated.Extrapolation};indexTsx3.__workletHash=392216023442;indexTsx3.__initData=_worklet_392216023442_init_data;indexTsx3.__stackDetails=_e;return indexTsx3;}());var containerStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-2,-27];var indexTsx4=function indexTsx4(){return{flex:1,zIndex:isDragging?100:0};};indexTsx4.__closure={isDragging:isDragging};indexTsx4.__workletHash=11661236185430;indexTsx4.__initData=_worklet_11661236185430_init_data;indexTsx4.__stackDetails=_e;return indexTsx4;}());var animatedBackPageStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-6,-27];var indexTsx5=function indexTsx5(){var l=right?0:(0,_reactNativeReanimated.interpolate)(rotateYAsDeg.value,[-180,0],single?[0,-containerWidth/2]:[-containerWidth/2,-containerWidth]);return{left:l};};indexTsx5.__closure={right:right,interpolate:_reactNativeReanimated.interpolate,rotateYAsDeg:rotateYAsDeg,single:single,containerWidth:containerWidth};indexTsx5.__workletHash=14276874258968;indexTsx5.__initData=_worklet_14276874258968_init_data;indexTsx5.__stackDetails=_e;return indexTsx5;}());if(!front||!back){return null;}var frontPageStyle=getPageStyle(right,true);var backPageStyle=getPageStyle(right,false);var frontUrl=right?front.right:front.left;var backUrl=right?back.left:back.right;return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.PanGestureHandler,{enabled:gesturesEnabled,children:(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:containerStyle,children:[isPressable&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:isAnimating,onPress:function onPress(){if(!isAnimatingRef.current)turnPage();},style:[{position:'absolute',height:'100%',width:'25%',zIndex:10000},right?{right:0}:{left:0}]}),(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[styles.pageContainer,backStyle,{overflow:'visible'}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.pageContainer,children:backUrl?renderPage&&(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[backPageStyle,animatedBackPageStyle],children:renderPage(backUrl)}):(0,_jsxRuntime.jsx)(BlankPage,{})}),(0,_jsxRuntime.jsx)(_BackShadow.default,{degrees:rotateYAsDeg,right:right}),(0,_jsxRuntime.jsx)(_FrontShadow.default,{right:right,degrees:rotateYAsDeg,width:containerWidth,viewHeight:containerHeight}),(0,_jsxRuntime.jsx)(_PageShadow.default,{right:right,degrees:rotateYAsDeg,width:containerWidth,viewHeight:containerHeight,containerSize:containerSize}),showSpine&&(0,_jsxRuntime.jsx)(_BookSpine2.BookSpine2,{right:right,degrees:rotateYAsDeg,containerSize:containerSize})]}),(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[styles.pageContainer,frontStyle],children:[frontUrl?renderPage&&(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[frontPageStyle],children:renderPage(frontUrl)}):(0,_jsxRuntime.jsx)(BlankPage,{}),showSpine&&(0,_jsxRuntime.jsx)(_BookSpine.BookSpine,{right:right,containerSize:containerSize})]})]})});});var BlankPage=function BlankPage(){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:Object.assign({},_reactNative.StyleSheet.absoluteFillObject,{backgroundColor:'#fff'})});};var styles=_reactNative.StyleSheet.create({container:{flex:1},pageContainer:{height:'100%',width:'100%',position:'absolute',backfaceVisibility:'hidden',overflow:'hidden'}});
//# sourceMappingURL=index.js.mapght,containerSize:containerSize}))));});var BlankPage=function BlankPage(){return _react.default.createElement(_reactNative.View,{style:Object.assign({},_reactNative.StyleSheet.absoluteFillObject,{backgroundColor:'#fff'})});};var styles=_reactNative.StyleSheet.create({container:{flex:1},pageContainer:{height:'100%',width:'100%',position:'absolute',backfaceVisibility:'hidden',overflow:'hidden'}});
//# sourceMappingURL=index.js.map