react-native-page-flipper/lib/commonjs/BookPage/FrontShadow.js

Page Flipper

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _Gradient=require("../Components/Gradient");var _utils=require("../utils/utils");var _this=this,_jsxFileName="/Users/chris/Desktop/dev/react-native-page-flipper/src/BookPage/FrontShadow.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var FrontShadow=function FrontShadow(_ref){var degrees=_ref.degrees,viewHeight=_ref.viewHeight,right=_ref.right;var colors=['rgba(0,0,0,0.0)','rgba(0,0,0,0.2)','rgba(0,0,0,0.3)','rgba(0,0,0,0.6)'];var shadowWidth=40;var animatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){var opacity=(0,_reactNativeReanimated.interpolate)(degrees.value,[-180,-100,0,100,180],[0,0.7,1,0.7,0],_reactNativeReanimated.Extrapolate.CLAMP);var fix=right?{right:-shadowWidth}:{left:-shadowWidth};return(0,_extends2.default)({opacity:opacity,width:shadowWidth},fix,{transform:[{rotateY:!right?'180deg':'0deg'}]});};_f._closure={interpolate:_reactNativeReanimated.interpolate,degrees:degrees,Extrapolate:{CLAMP:_reactNativeReanimated.Extrapolate.CLAMP},right:right,shadowWidth:shadowWidth};_f.asString="function _f(){const{interpolate,degrees,Extrapolate,right,shadowWidth}=jsThis._closure;{const opacity=interpolate(degrees.value,[-180,-100,0,100,180],[0,0.7,1,0.7,0],Extrapolate.CLAMP);const fix=right?{right:-shadowWidth}:{left:-shadowWidth};return{opacity:opacity,width:shadowWidth,...fix,transform:[{rotateY:!right?'180deg':'0deg'}]};}}";_f.__workletHash=7881607301574;_f.__location="/Users/chris/Desktop/dev/react-native-page-flipper/src/BookPage/FrontShadow.tsx (29:43)";_f.__optimalization=3;return _f;}());var animatedStyle2=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){var scaleX=(0,_reactNativeReanimated.interpolate)(degrees.value,[-150,0,150],[6,1,6],_reactNativeReanimated.Extrapolate.CLAMP);return{transform:(0,_toConsumableArray2.default)((0,_utils.transformOrigin)({x:-shadowWidth/2,y:0},[{scaleX:scaleX}]))};};_f._closure={interpolate:_reactNativeReanimated.interpolate,degrees:degrees,Extrapolate:{CLAMP:_reactNativeReanimated.Extrapolate.CLAMP},transformOrigin:_utils.transformOrigin,shadowWidth:shadowWidth};_f.asString="function _f(){const{interpolate,degrees,Extrapolate,transformOrigin,shadowWidth}=jsThis._closure;{const scaleX=interpolate(degrees.value,[-150,0,150],[6,1,6],Extrapolate.CLAMP);return{transform:[...transformOrigin({x:-shadowWidth/2,y:0},[{scaleX:scaleX}])]};}}";_f.__workletHash=3594707868104;_f.__location="/Users/chris/Desktop/dev/react-native-page-flipper/src/BookPage/FrontShadow.tsx (47:44)";_f.__optimalization=2;return _f;}());return _react.default.createElement(_reactNativeReanimated.default.View,{style:[{zIndex:5000,height:viewHeight,position:'absolute'},animatedStyle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}},_react.default.createElement(_reactNativeReanimated.default.View,{style:[{height:viewHeight,width:shadowWidth},animatedStyle2],__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:13}},_react.default.createElement(_Gradient.Gradient,{start:{x:1,y:0},end:{x:0,y:0},colors:colors,style:[{flex:1}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:17}})));};var _default=FrontShadow;exports.default=_default;
//# sourceMappingURL=FrontShadow.js.map