react-native-pages-flipper/lib/commonjs/portrait/BookPagePortrait.js

Page Flipper

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BookPagePortrait=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("../BookPage/BackShadow"));var _FrontShadow=_interopRequireDefault(require("../BookPage/FrontShadow"));var _PageShadow=_interopRequireDefault(require("../BookPage/PageShadow"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="C:\\Users\\lenovo\\react-native-page-flipper\\src\\portrait\\BookPagePortrait.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_4163907658807_init_data={code:"function BookPagePortraitTsx1(){const{runOnJS,onPageFlip,id}=this.__closure;runOnJS(onPageFlip)(id,false);}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\portrait\\BookPagePortrait.tsx",sourceMap:"{\"version\":3,\"names\":[\"BookPagePortraitTsx1\",\"runOnJS\",\"onPageFlip\",\"id\",\"__closure\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/portrait/BookPagePortrait.tsx\"],\"mappings\":\"AA8FoB,SAAAA,oBAAMA,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_4946168061993_init_data={code:"function BookPagePortraitTsx2(){return{flex:1};}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\portrait\\BookPagePortrait.tsx",sourceMap:"{\"version\":3,\"names\":[\"BookPagePortraitTsx2\",\"flex\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/portrait/BookPagePortrait.tsx\"],\"mappings\":\"AAuHgD,SAAAA,oBAAMA,CAAA,EAC1C,MAAO,CACHC,IAAI,CAAE,CACV,CAAC,CACL\",\"ignoreList\":[]}",version:"3.16.1"};var BookPagePortrait=exports.BookPagePortrait=_react.default.forwardRef(function(_ref,ref){var current=_ref.current,prev=_ref.prev,onPageFlip=_ref.onPageFlip,containerSize=_ref.containerSize,enabled=_ref.enabled,isPressable=_ref.isPressable,setIsAnimating=_ref.setIsAnimating,getPageStyle=_ref.getPageStyle,isAnimating=_ref.isAnimating,isAnimatingRef=_ref.isAnimatingRef,next=_ref.next,onFlipStart=_ref.onFlipStart,renderPage=_ref.renderPage;var containerWidth=containerSize.width;var isMounted=(0,_react.useRef)(false);var rotateYAsDeg=(0,_reactNativeReanimated.useSharedValue)(0);var turnPage=(0,_react.useCallback)(function(id){setIsAnimating(true);if(onFlipStart&&typeof onFlipStart==='function'){onFlipStart(id);}rotateYAsDeg.value=(0,_reactNativeReanimated.withTiming)(id<0?-180:180,timingConfig,function(){var _e=[new global.Error(),-4,-27];var BookPagePortraitTsx1=function BookPagePortraitTsx1(){(0,_reactNativeReanimated.runOnJS)(onPageFlip)(id,false);};BookPagePortraitTsx1.__closure={runOnJS:_reactNativeReanimated.runOnJS,onPageFlip:onPageFlip,id:id};BookPagePortraitTsx1.__workletHash=4163907658807;BookPagePortraitTsx1.__initData=_worklet_4163907658807_init_data;BookPagePortraitTsx1.__stackDetails=_e;return BookPagePortraitTsx1;}());},[onFlipStart,onPageFlip,rotateYAsDeg,setIsAnimating]);_react.default.useImperativeHandle(ref,function(){return{turnPage:turnPage};},[turnPage]);(0,_react.useEffect)(function(){isMounted.current=true;return function(){isMounted.current=false;};},[]);var containerStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),1,-27];var BookPagePortraitTsx2=function BookPagePortraitTsx2(){return{flex:1};};BookPagePortraitTsx2.__closure={};BookPagePortraitTsx2.__workletHash=4946168061993;BookPagePortraitTsx2.__initData=_worklet_4946168061993_init_data;BookPagePortraitTsx2.__stackDetails=_e;return BookPagePortraitTsx2;}());var gesturesEnabled=enabled&&!isAnimating;var iPageProps={containerSize:containerSize,containerWidth:containerWidth,getPageStyle:getPageStyle,rotateYAsDeg:rotateYAsDeg,renderPage:renderPage};return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:containerStyle,children:(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.PanGestureHandler,{enabled:gesturesEnabled,children:(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:containerStyle,children:[isPressable&&prev&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:isAnimating,onPress:function onPress(){if(!isAnimatingRef.current)turnPage(-1);},style:{position:'absolute',height:'100%',width:'25%',zIndex:10000,left:0}}),isPressable&&next&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:isAnimating,onPress:function onPress(){if(!isAnimatingRef.current)turnPage(1);},style:{position:'absolute',height:'100%',width:'30%',zIndex:10000,right:0}}),current&&next?(0,_jsxRuntime.jsx)(IPage,Object.assign({page:current,right:true},iPageProps)):(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:'100%',width:'100%'},children:renderPage&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:getPageStyle(true,true),children:renderPage(current.right)})}),prev&&(0,_jsxRuntime.jsx)(IPage,Object.assign({page:prev,right:false},iPageProps))]})})});});var _worklet_15860214003696_init_data={code:"function BookPagePortraitTsx3(){const{right,rotateYAsDeg,interpolate}=this.__closure;const val=right?rotateYAsDeg.value:interpolate(rotateYAsDeg.value,[-180,0],[0,180]);return val;}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\portrait\\BookPagePortrait.tsx",sourceMap:"{\"version\":3,\"names\":[\"BookPagePortraitTsx3\",\"right\",\"rotateYAsDeg\",\"interpolate\",\"__closure\",\"val\",\"value\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/portrait/BookPagePortrait.tsx\"],\"mappings\":\"AA0SwC,SAAAA,oBAAMA,CAAA,QAAAC,KAAA,CAAAC,YAAA,CAAAC,WAAA,OAAAC,SAAA,CACtC,KAAM,CAAAC,GAAG,CAAGJ,KAAK,CACXC,YAAY,CAACI,KAAK,CAClBH,WAAW,CAACD,YAAY,CAACI,KAAK,CAAE,CAAC,CAAC,GAAG,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,GAAG,CAAC,CAAC,CAC1D,MAAO,CAAAD,GAAG,CACd\",\"ignoreList\":[]}",version:"3.16.1"};var _worklet_12883470536282_init_data={code:"function BookPagePortraitTsx4(){const{interpolate,rotationVal,containerWidth}=this.__closure;const x=interpolate(rotationVal.value,[0,180],[containerWidth,-containerWidth/2]);const w=interpolate(rotationVal.value,[0,180],[0,containerWidth/2]);return{width:Math.ceil(w),zIndex:2,opacity:1,transform:[{translateX:x}]};}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\portrait\\BookPagePortrait.tsx",sourceMap:"{\"version\":3,\"names\":[\"BookPagePortraitTsx4\",\"interpolate\",\"rotationVal\",\"containerWidth\",\"__closure\",\"x\",\"value\",\"w\",\"width\",\"Math\",\"ceil\",\"zIndex\",\"opacity\",\"transform\",\"translateX\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/portrait/BookPagePortrait.tsx\"],\"mappings\":\"AAiT+C,SAAAA,oBAAMA,CAAA,QAAAC,WAAA,CAAAC,WAAA,CAAAC,cAAA,OAAAC,SAAA,CAC7C,KAAM,CAAAC,CAAC,CAAGJ,WAAW,CACjBC,WAAW,CAACI,KAAK,CACjB,CAAC,CAAC,CAAE,GAAG,CAAC,CACR,CAACH,cAAc,CAAE,CAACA,cAAc,CAAG,CAAC,CACxC,CAAC,CACD,KAAM,CAAAI,CAAC,CAAGN,WAAW,CACjBC,WAAW,CAACI,KAAK,CACjB,CAAC,CAAC,CAAE,GAAG,CAAC,CACR,CAAC,CAAC,CAAEH,cAAc,CAAG,CAAC,CAC1B,CAAC,CAED,MAAO,CACHK,KAAK,CAAEC,IAAI,CAACC,IAAI,CAACH,CAAC,CAAC,CACnBI,MAAM,CAAE,CAAC,CACTC,OAAO,CAAE,CAAC,CACVC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAET,CAAE,CAAC,CACjC,CAAC,CACL\",\"ignoreList\":[]}",version:"3.16.1"};var _worklet_16719187106215_init_data={code:"function BookPagePortraitTsx5(){const{interpolate,rotationVal,containerWidth,Extrapolation,right}=this.__closure;const w=interpolate(rotationVal.value,[0,160],[containerWidth,-20],Extrapolation.CLAMP);const style={zIndex:1,width:Math.floor(w)};if(!right){style['left']=0;}else{}return style;}",location:"C:\\Users\\lenovo\\react-native-page-flipper\\src\\portrait\\BookPagePortrait.tsx",sourceMap:"{\"version\":3,\"names\":[\"BookPagePortraitTsx5\",\"interpolate\",\"rotationVal\",\"containerWidth\",\"Extrapolation\",\"right\",\"__closure\",\"w\",\"value\",\"CLAMP\",\"style\",\"zIndex\",\"width\",\"Math\",\"floor\"],\"sources\":[\"C:/Users/lenovo/react-native-page-flipper/src/portrait/BookPagePortrait.tsx\"],\"mappings\":\"AAqUgD,SAAAA,oBAAMA,CAAA,QAAAC,WAAA,CAAAC,WAAA,CAAAC,cAAA,CAAAC,aAAA,CAAAC,KAAA,OAAAC,SAAA,CAC9C,KAAM,CAAAC,CAAC,CAAGN,WAAW,CACjBC,WAAW,CAACM,KAAK,CACjB,CAAC,CAAC,CAAE,GAAG,CAAC,CACR,CAACL,cAAc,CAAE,CAAC,EAAE,CAAC,CACrBC,aAAa,CAACK,KAClB,CAAC,CAED,KAAM,CAAAC,KAAgB,CAAG,CACrBC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAEC,IAAI,CAACC,KAAK,CAACP,CAAC,CACvB,CAAC,CAED,GAAI,CAACF,KAAK,CAAE,CACRK,KAAK,CAAC,MAAM,CAAC,CAAG,CAAC,CACrB,CAAC,IAAM,CACH,CAGJ,MAAO,CAAAA,KAAK,CAChB\",\"ignoreList\":[]}",version:"3.16.1"};var IPage=function IPage(_ref2){var right=_ref2.right,page=_ref2.page,rotateYAsDeg=_ref2.rotateYAsDeg,containerWidth=_ref2.containerWidth,containerSize=_ref2.containerSize,getPageStyle=_ref2.getPageStyle,renderPage=_ref2.renderPage;var _useState=(0,_react.useState)(right),_useState2=(0,_slicedToArray2.default)(_useState,2),loaded=_useState2[0],setLoaded=_useState2[1];(0,_react.useEffect)(function(){setTimeout(function(){setLoaded(true);},50);},[]);var rotationVal=(0,_reactNativeReanimated.useDerivedValue)(function(){var _e=[new global.Error(),-4,-27];var BookPagePortraitTsx3=function BookPagePortraitTsx3(){var val=right?rotateYAsDeg.value:(0,_reactNativeReanimated.interpolate)(rotateYAsDeg.value,[-180,0],[0,180]);return val;};BookPagePortraitTsx3.__closure={right:right,rotateYAsDeg:rotateYAsDeg,interpolate:_reactNativeReanimated.interpolate};BookPagePortraitTsx3.__workletHash=15860214003696;BookPagePortraitTsx3.__initData=_worklet_15860214003696_init_data;BookPagePortraitTsx3.__stackDetails=_e;return BookPagePortraitTsx3;}());var portraitBackStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-4,-27];var BookPagePortraitTsx4=function BookPagePortraitTsx4(){var x=(0,_reactNativeReanimated.interpolate)(rotationVal.value,[0,180],[containerWidth,-containerWidth/2]);var w=(0,_reactNativeReanimated.interpolate)(rotationVal.value,[0,180],[0,containerWidth/2]);return{width:Math.ceil(w),zIndex:2,opacity:1,transform:[{translateX:x}]};};BookPagePortraitTsx4.__closure={interpolate:_reactNativeReanimated.interpolate,rotationVal:rotationVal,containerWidth:containerWidth};BookPagePortraitTsx4.__workletHash=12883470536282;BookPagePortraitTsx4.__initData=_worklet_12883470536282_init_data;BookPagePortraitTsx4.__stackDetails=_e;return BookPagePortraitTsx4;}());var portraitFrontStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _e=[new global.Error(),-6,-27];var BookPagePortraitTsx5=function BookPagePortraitTsx5(){var w=(0,_reactNativeReanimated.interpolate)(rotationVal.value,[0,160],[containerWidth,-20],_reactNativeReanimated.Extrapolation.CLAMP);var style={zIndex:1,width:Math.floor(w)};if(!right){style['left']=0;}else{}return style;};BookPagePortraitTsx5.__closure={interpolate:_reactNativeReanimated.interpolate,rotationVal:rotationVal,containerWidth:containerWidth,Extrapolation:_reactNativeReanimated.Extrapolation,right:right};BookPagePortraitTsx5.__workletHash=16719187106215;BookPagePortraitTsx5.__initData=_worklet_16719187106215_init_data;BookPagePortraitTsx5.__stackDetails=_e;return BookPagePortraitTsx5;}());var frontPageStyle=getPageStyle(right,true);var backPageStyle=getPageStyle(right,false);if(!loaded){return null;}var shadowProps={right:true,degrees:rotationVal,width:containerSize.width,viewHeight:containerSize.height};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:Object.assign({},_reactNative.StyleSheet.absoluteFillObject,{zIndex:!right?5:0}),children:[(0,_jsxRuntime.jsxs)(_reactNativeReanimated.default.View,{style:[styles.pageContainer,portraitBackStyle,{overflow:'visible'}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.pageContainer,children:renderPage&&(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[backPageStyle,{opacity:0.2,transform:[{rotateX:'180deg'},{rotateZ:'180deg'}]}],children:renderPage(page.left)})}),(0,_jsxRuntime.jsx)(_BackShadow.default,{degrees:rotationVal,right:true}),(0,_jsxRuntime.jsx)(_FrontShadow.default,Object.assign({},shadowProps)),(0,_jsxRuntime.jsx)(_PageShadow.default,Object.assign({},shadowProps,{containerSize:containerSize}))]}),(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.pageContainer,portraitFrontStyle],children:renderPage&&(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[frontPageStyle],children:renderPage(page.left)})})]});};var styles=_reactNative.StyleSheet.create({container:{flex:1},pageContainer:{height:'100%',width:'100%',position:'absolute',backfaceVisibility:'hidden',overflow:'hidden',backgroundColor:'white'}});
//# sourceMappingURL=BookPagePortrait.js.map