react-native-package-fast 0.1.21 → 0.2.1

package/src/module/tooltip/TooltipApp.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")),_inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits")),_possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")),_getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")),_react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactNative=require("react-native"),_Helper=require("./Helper");function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var result,Super=(0,_getPrototypeOf2.default)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,_possibleConstructorReturn2.default)(this,result)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}var DEFAULT_ARROW_SIZE=new _Helper.Size(16,8),DEFAULT_BORDER_RADIUS=8,isIOS="ios"===_reactNative.Platform.OS,FIX_SHIFT=2*_reactNative.Dimensions.get("window").height,DEBUG=!1,PLACEMENT_OPTIONS=Object.freeze({TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left",AUTO:"auto"}),POPOVER_MODE=Object.freeze({JS_MODAL:"js-modal",RN_MODAL:"modal",TOOLTIP:"view"}),TooltipApp=function(_React$Component){function TooltipApp(props){var _this;return(0,_classCallCheck2.default)(this,TooltipApp),_this=_super.call(this,props),_this.handleResizeEvent=function(change){var isVisible=_this.props.isVisible;_this.debug("handleResizeEvent - New Dimensions",change),isVisible&&(_this.waitForResizeToFinish=!0)},_this.renderDefault=function(){var _this$props=_this.props,content=_this$props.content,contentStyle=_this$props.contentStyle,textContentStyle=_this$props.textContentStyle,children=_this$props.children;return _react.default.createElement(_reactNative.View,{style:[styles.content,contentStyle]},children?children:_react.default.createElement(_reactNative.Text,{style:[{color:"#ffffff"},textContentStyle]},content))},_this.state={requestedContentSize:{},forcedContentSize:{},viewLargerThanDisplayArea:{width:!1,height:!1},anchorPoint:new _Helper.Point(0,0),popoverOrigin:{},shiftedDisplayArea:null,defaultDisplayArea:null,placement:PLACEMENT_OPTIONS.AUTO,isAwaitingShow:!0,visible:!1,showing:!1,fromRect:null,animatedValues:{scale:new _reactNative.Animated.Value(0),translate:new _reactNative.Animated.ValueXY,fade:new _reactNative.Animated.Value(0),translateArrow:new _reactNative.Animated.ValueXY},debug:!1},_this.measureContent=_this.measureContent.bind((0,_assertThisInitialized2.default)(_this)),_this.animateIn=_this.animateIn.bind((0,_assertThisInitialized2.default)(_this)),_this}(0,_inherits2.default)(TooltipApp,_React$Component);var _super=_createSuper(TooltipApp);return(0,_createClass2.default)(TooltipApp,[{key:"debug",value:function(){var debug=this.state.debug}},{key:"getDisplayAreaOffset",value:function getDisplayAreaOffset(displayArea,callback){var mode=this.props.mode;mode===POPOVER_MODE.RN_MODAL?callback(new _Helper.Point(0,0)):(0,_Helper.getRectForRef)(this.containerRef,function(rect){return callback(new _Helper.Point(rect.x,rect.y+FIX_SHIFT))})}},{key:"setDefaultDisplayArea",value:function setDefaultDisplayArea(evt){var _this2=this,_this$state=this.state,defaultDisplayArea=_this$state.defaultDisplayArea,rect=_this$state.fromRect,newDisplayArea=new _Helper.Rect(evt.nativeEvent.layout.x+10,evt.nativeEvent.layout.y+10,evt.nativeEvent.layout.width-20,evt.nativeEvent.layout.height-20),isValidDisplayArea=0<newDisplayArea.width&&0<newDisplayArea.height;(!defaultDisplayArea||(0,_Helper.rectChanged)(defaultDisplayArea,newDisplayArea))&&isValidDisplayArea&&(this.debug("setDefaultDisplayArea - newDisplayArea",newDisplayArea),!this.skipNextDefaultDisplayArea&&this.getDisplayAreaOffset(newDisplayArea,function(displayAreaOffset){_this2.debug("setDefaultDisplayArea - displayAreaOffset",displayAreaOffset),_this2.setState({defaultDisplayArea:newDisplayArea,displayAreaOffset:displayAreaOffset},function(){_this2.calculateRect(function(fromRect){_this2.debug("setDefaultDisplayArea (inside calculateRect callback) - fromRect",fromRect),_this2.debug("setDefaultDisplayArea (inside calculateRect callback) - getDisplayArea()",_this2.getDisplayArea()),_this2.debug("setDefaultDisplayArea (inside calculateRect callback) - displayAreaStore",_this2.displayAreaStore),((0,_Helper.rectChanged)(fromRect,rect)||(0,_Helper.rectChanged)(_this2.getDisplayArea(),_this2.displayAreaStore))&&(_this2.displayAreaStore=_this2.getDisplayArea(),_this2.debug("setDefaultDisplayArea (inside calculateRect callback) - Triggering state update"),_this2.setState({fromRect:fromRect},function(){_this2.handleGeomChange(),_this2.waitForResizeToFinish=!1}))})})}),this.skipNextDefaultDisplayArea&&this.debug("setDefaultDisplayArea - Skipping first because isLandscape"),this.skipNextDefaultDisplayArea=!1)}},{key:"keyboardDidShow",value:function keyboardDidShow(e){this.debug("keyboardDidShow - keyboard height: "+e.endCoordinates.height),this.shiftForKeyboard(e.endCoordinates.height)}},{key:"keyboardDidHide",value:function keyboardDidHide(){var _this3=this;this.debug("keyboardDidHide"),this.setState({shiftedDisplayArea:null},function(){return isIOS&&_this3.handleGeomChange()})}},{key:"shiftForKeyboard",value:function shiftForKeyboard(keyboardHeight){var _this4=this,displayArea=this.getDisplayArea(),absoluteVerticalCutoff=_reactNative.Dimensions.get("window").height-keyboardHeight-(isIOS?10:40),combinedY=Math.min(displayArea.height+displayArea.y,absoluteVerticalCutoff);this.setState({shiftedDisplayArea:{x:displayArea.x,y:displayArea.y,width:displayArea.width,height:combinedY-displayArea.y}},function(){return _this4.handleGeomChange()})}},{key:"componentDidMount",value:function componentDidMount(){var _Dimensions$addEventL,_this5=this;this.waitForResizeToFinish=!1;var _this$props2=this.props,isVisible=_this$props2.isVisible,fromView=_this$props2.fromView,mode=_this$props2.mode;isVisible&&!TooltipApp.isShowingInModal&&(setTimeout(function(){return _this5.calculateRect(function(fromRect){return(fromRect||!fromView)&&_this5.setState({fromRect:fromRect,isAwaitingShow:!0,visible:!0})})},0),mode===POPOVER_MODE.RN_MODAL&&(TooltipApp.isShowingInModal=!0)),null===_reactNative.Dimensions||void 0===_reactNative.Dimensions||null===(_Dimensions$addEventL=_reactNative.Dimensions.addEventListener)||void 0===_Dimensions$addEventL?void 0:_Dimensions$addEventL.call(_reactNative.Dimensions,"change",this.handleResizeEvent)}},{key:"componentWillUnmount",value:function componentWillUnmount(){var _Dimensions$removeEve;this.unmounted=!0;var visible=this.state.visible,_this$props3=this.props,onCloseStart=_this$props3.onCloseStart,onCloseComplete=_this$props3.onCloseComplete;visible?this.animateOut():(setTimeout(onCloseStart),setTimeout(onCloseComplete)),null===_reactNative.Dimensions||void 0===_reactNative.Dimensions||null===(_Dimensions$removeEve=_reactNative.Dimensions.removeEventListener)||void 0===_Dimensions$removeEve?void 0:_Dimensions$removeEve.call(_reactNative.Dimensions,"change",this.handleResizeEvent)}},{key:"measureContent",value:function measureContent(requestedContentSize){var _this6=this,_this$props4=this.props,fromView=_this$props4.fromView,mode=_this$props4.mode,onOpenStart=_this$props4.onOpenStart,_this$state2=this.state,isAwaitingShow=_this$state2.isAwaitingShow,fromRect=_this$state2.fromRect,requestState=_this$state2.requestedContentSize;if(requestedContentSize.width||console.warn("Tooltip Warning - Can't Show - The Tooltip content has a width of 0, so there is nothing to present."),requestedContentSize.height||console.warn("Tooltip Warning - Can't Show - The Tooltip content has a height of 0, so there is nothing to present."),this.waitForResizeToFinish&&this.debug("measureContent - Waiting for resize to finish"),requestedContentSize.width&&requestedContentSize.height&&!this.waitForResizeToFinish)if(!isAwaitingShow)(requestedContentSize.width!==requestState.width||requestedContentSize.height!==requestState.height)&&(clearTimeout(this.measureContentTimeout),this.measureContentTimeout=setTimeout(function(){_this6.debug("measureContent - new requestedContentSize: "+JSON.stringify(requestedContentSize)+" (used to be "+JSON.stringify(requestState)+")"),_this6.handleGeomChange(requestedContentSize)},50));else if(fromView&&!fromRect||!this.getDisplayArea())this.debug("measureContent - Waiting "+(this.getDisplayArea()?"for Rect":"for Display Area")+" - requestedContentSize",requestedContentSize),setTimeout(function(){return _this6.measureContent(requestedContentSize)},100);else{this.debug("measureContent - Showing Tooltip - requestedContentSize",requestedContentSize);var geom=this.computeGeometry({requestedContentSize:requestedContentSize});this.debug("measureContent - Showing Tooltip - geom",geom),geom.viewLargerThanDisplayArea.width||geom.viewLargerThanDisplayArea.height?(this.debug("measureContent - Delaying showing popover because viewLargerThanDisplayArea"),this.setState(Object.assign(geom,{requestedContentSize:requestedContentSize}))):(this.debug("measureContent - Showing Tooltip - Animating In"),mode!==POPOVER_MODE.RN_MODAL&&setTimeout(onOpenStart),this.setState(Object.assign(geom,{requestedContentSize:requestedContentSize,isAwaitingShow:!1}),this.animateIn))}}},{key:"computeGeometry",value:function computeGeometry(_ref){var requestedContentSize=_ref.requestedContentSize,placement=_ref.placement,fromRect=_ref.fromRect,displayArea=_ref.displayArea,_this$props5=this.props,placementProp=_this$props5.placement,rectProp=_this$props5.fromRect,rectState=this.state.fromRect;placement=placement||placementProp,fromRect=fromRect||Object.assign({},rectProp||rectState),displayArea=displayArea||Object.assign({},this.getDisplayArea()),this.debug("computeGeometry - displayArea",displayArea),this.debug("computeGeometry - fromRect",fromRect);var newGeom=null;if(fromRect&&(0,_Helper.isRect)(fromRect)){fromRect.x>displayArea.x+displayArea.width&&(fromRect.x=displayArea.x+displayArea.width),fromRect.y>displayArea.y+displayArea.height&&(fromRect.y=displayArea.y+displayArea.height),0>fromRect.x&&(fromRect.x=-1*fromRect.width),0>fromRect.y&&(fromRect.y=-1*fromRect.height);var options={displayArea:displayArea,fromRect:fromRect,requestedContentSize:requestedContentSize};if(newGeom=placement===PLACEMENT_OPTIONS.TOP?this.computeTopGeometry(options):placement===PLACEMENT_OPTIONS.BOTTOM?this.computeBottomGeometry(options):placement===PLACEMENT_OPTIONS.LEFT?this.computeLeftGeometry(options):placement===PLACEMENT_OPTIONS.RIGHT?this.computeRightGeometry(options):this.computeAutoGeometry(options),newGeom.viewLargerThanDisplayArea.width||newGeom.viewLargerThanDisplayArea.height){var fromRectHeightVisible=fromRect.y<displayArea.y?fromRect.height-(displayArea.y-fromRect.y):displayArea.y+displayArea.height-fromRect.y;if(fromRect.width>requestedContentSize.width&&fromRectHeightVisible>requestedContentSize.height){var preferedX=Math.max(fromRect.x+10,fromRect.x+(fromRect.width-requestedContentSize.width)/2),preferedY=Math.max(fromRect.y+10,fromRect.y+(fromRect.height-requestedContentSize.height)/2),constrainedX=Math.max(preferedX,displayArea.x);constrainedX+requestedContentSize.width>displayArea.x+displayArea.width&&(constrainedX=displayArea.x+displayArea.width-requestedContentSize.width);var constrainedY=Math.max(preferedY,displayArea.y);constrainedY+requestedContentSize.height>displayArea.y+displayArea.height&&(constrainedY=displayArea.y+displayArea.height-requestedContentSize.height);var forcedContentSize={width:Math.min(fromRect.width-20,displayArea.width),height:Math.min(fromRect.height-20,displayArea.height)};newGeom={popoverOrigin:new _Helper.Point(constrainedX,constrainedY),anchorPoint:new _Helper.Point(fromRect.x+fromRect.width/2,fromRect.y+fromRect.height/2),forcedContentSize:forcedContentSize,viewLargerThanDisplayArea:{width:requestedContentSize.width>forcedContentSize.width,height:requestedContentSize.height>forcedContentSize.height},showArrow:!1}}else newGeom=null}}if(!newGeom){var minY=displayArea.y,minX=displayArea.x,_preferedY=(displayArea.height-requestedContentSize.height)/2+displayArea.y,_preferedX=(displayArea.width-requestedContentSize.width)/2+displayArea.x;newGeom={popoverOrigin:new _Helper.Point(Math.max(minX,_preferedX),Math.max(minY,_preferedY)),anchorPoint:new _Helper.Point(displayArea.width/2+displayArea.x,displayArea.height/2+displayArea.y),forcedContentSize:{width:displayArea.width,height:displayArea.height},viewLargerThanDisplayArea:{width:_preferedX<minX-1,height:_preferedY<minY-1},showArrow:!1}}return newGeom}},{key:"computeTopGeometry",value:function computeTopGeometry(_ref2){var displayArea=_ref2.displayArea,fromRect=_ref2.fromRect,requestedContentSize=_ref2.requestedContentSize,minY=displayArea.y,arrowSize=this.getArrowSize(PLACEMENT_OPTIONS.TOP),preferedY=fromRect.y-requestedContentSize.height-arrowSize.height,forcedContentSize={height:fromRect.y-arrowSize.height-displayArea.y,width:displayArea.width},viewLargerThanDisplayArea={height:preferedY<minY-1,width:requestedContentSize.width>displayArea.width+1},viewWidth=viewLargerThanDisplayArea.width?forcedContentSize.width:requestedContentSize.width,maxX=displayArea.x+displayArea.width-viewWidth,minX=displayArea.x,preferedX=fromRect.x+(fromRect.width-viewWidth)/2,popoverOrigin=new _Helper.Point(Math.min(maxX,Math.max(minX,preferedX)),Math.max(minY,preferedY)),anchorPoint=new _Helper.Point(fromRect.x+fromRect.width/2,fromRect.y);return anchorPoint.x=Math.max(anchorPoint.x,arrowSize.width/2+this.getBorderRadius()),anchorPoint.x=Math.min(anchorPoint.x,displayArea.x+displayArea.width-arrowSize.width/2-this.getBorderRadius()),{popoverOrigin:popoverOrigin,anchorPoint:anchorPoint,placement:PLACEMENT_OPTIONS.TOP,forcedContentSize:forcedContentSize,viewLargerThanDisplayArea:viewLargerThanDisplayArea,showArrow:!0}}},{key:"computeBottomGeometry",value:function computeBottomGeometry(_ref3){var displayArea=_ref3.displayArea,fromRect=_ref3.fromRect,requestedContentSize=_ref3.requestedContentSize,skipAndroidStatusBar=this.props.skipAndroidStatusBar,arrowSize=this.getArrowSize(PLACEMENT_OPTIONS.BOTTOM),preferedY=isIOS?fromRect.y+fromRect.height+arrowSize.height:skipAndroidStatusBar?fromRect.y+fromRect.height+arrowSize.height-_reactNative.StatusBar.currentHeight:fromRect.y+fromRect.height+arrowSize.height,forcedContentSize={height:displayArea.y+displayArea.height-preferedY,width:displayArea.width},viewLargerThanDisplayArea={height:preferedY+requestedContentSize.height>displayArea.y+displayArea.height+1,width:requestedContentSize.width>displayArea.width+1},viewWidth=viewLargerThanDisplayArea.width?forcedContentSize.width:requestedContentSize.width,maxX=displayArea.x+displayArea.width-viewWidth,minX=displayArea.x,preferedX=fromRect.x+(fromRect.width-viewWidth)/2,popoverOrigin=new _Helper.Point(Math.min(maxX,Math.max(minX,preferedX)),preferedY),anchorPoint=new _Helper.Point(fromRect.x+fromRect.width/2,isIOS?fromRect.y+fromRect.height:skipAndroidStatusBar?fromRect.y+fromRect.height-_reactNative.StatusBar.currentHeight:fromRect.y+fromRect.height);return anchorPoint.x=Math.max(anchorPoint.x,arrowSize.width/2+this.getBorderRadius()),anchorPoint.x=Math.min(anchorPoint.x,displayArea.x+displayArea.width-arrowSize.width/2-this.getBorderRadius()),{popoverOrigin:popoverOrigin,anchorPoint:anchorPoint,placement:PLACEMENT_OPTIONS.BOTTOM,forcedContentSize:forcedContentSize,viewLargerThanDisplayArea:viewLargerThanDisplayArea,showArrow:!0}}},{key:"getPolarity",value:function getPolarity(){return _reactNative.I18nManager.isRTL?-1:1}},{key:"computeLeftGeometry",value:function computeLeftGeometry(_ref4){var displayArea=_ref4.displayArea,fromRect=_ref4.fromRect,requestedContentSize=_ref4.requestedContentSize,arrowSize=this.getArrowSize(PLACEMENT_OPTIONS.LEFT),forcedContentSize={height:displayArea.height,width:fromRect.x-displayArea.x-arrowSize.width},viewLargerThanDisplayArea={height:requestedContentSize.height>displayArea.height+1,width:requestedContentSize.width>fromRect.x-displayArea.x-arrowSize.width+1},viewWidth=viewLargerThanDisplayArea.width?forcedContentSize.width:requestedContentSize.width,viewHeight=viewLargerThanDisplayArea.height?forcedContentSize.height:requestedContentSize.height,preferedX=fromRect.x-viewWidth-arrowSize.width,preferedY=fromRect.y+(fromRect.height-viewHeight)/2,minY=displayArea.y,maxY=displayArea.height-viewHeight+displayArea.y,popoverOrigin=new _Helper.Point(preferedX,Math.min(Math.max(minY,preferedY),maxY)),anchorPoint=new _Helper.Point(fromRect.x,fromRect.y+fromRect.height/2);return anchorPoint.y=Math.max(anchorPoint.y,arrowSize.height/2+this.getBorderRadius()),anchorPoint.y=Math.min(anchorPoint.y,displayArea.y+displayArea.height-arrowSize.height/2-this.getBorderRadius()),{popoverOrigin:popoverOrigin,anchorPoint:anchorPoint,placement:PLACEMENT_OPTIONS.LEFT,forcedContentSize:forcedContentSize,viewLargerThanDisplayArea:viewLargerThanDisplayArea,showArrow:!0}}},{key:"computeRightGeometry",value:function computeRightGeometry(_ref5){var displayArea=_ref5.displayArea,fromRect=_ref5.fromRect,requestedContentSize=_ref5.requestedContentSize,arrowSize=this.getArrowSize(PLACEMENT_OPTIONS.RIGHT),horizontalSpace=displayArea.x+displayArea.width-(fromRect.x+fromRect.width)-arrowSize.width,forcedContentSize={height:displayArea.height,width:horizontalSpace},viewLargerThanDisplayArea={height:requestedContentSize.height>displayArea.height+1,width:requestedContentSize.width>horizontalSpace+1},viewHeight=viewLargerThanDisplayArea.height?forcedContentSize.height:requestedContentSize.height,preferedX=fromRect.x+fromRect.width+arrowSize.width,preferedY=fromRect.y+(fromRect.height-viewHeight)/2,minY=displayArea.y,maxY=displayArea.height-viewHeight+displayArea.y,popoverOrigin=new _Helper.Point(preferedX,Math.min(Math.max(minY,preferedY),maxY)),anchorPoint=new _Helper.Point(fromRect.x+fromRect.width,fromRect.y+fromRect.height/2);return anchorPoint.y=Math.max(anchorPoint.y,arrowSize.height/2+this.getBorderRadius()),anchorPoint.y=Math.min(anchorPoint.y,displayArea.y+displayArea.height-arrowSize.height/2-this.getBorderRadius()),{popoverOrigin:popoverOrigin,anchorPoint:anchorPoint,placement:PLACEMENT_OPTIONS.RIGHT,forcedContentSize:forcedContentSize,viewLargerThanDisplayArea:viewLargerThanDisplayArea,showArrow:!0}}},{key:"computeAutoGeometry",value:function computeAutoGeometry(_ref6){var displayArea=_ref6.displayArea,requestedContentSize=_ref6.requestedContentSize,fromRect=_ref6.fromRect,placementState=this.state.placement,arrowSize=this.getArrowSize(PLACEMENT_OPTIONS.LEFT),possiblePlacements=[];if(fromRect.x-displayArea.x-arrowSize.width>=requestedContentSize.width)return possiblePlacements.push(PLACEMENT_OPTIONS.LEFT),this.computeGeometry({requestedContentSize:requestedContentSize,placement:PLACEMENT_OPTIONS.LEFT,fromRect:fromRect,displayArea:displayArea});if(displayArea.x+displayArea.width-(fromRect.x+fromRect.width)-arrowSize.width>=requestedContentSize.width&&possiblePlacements.push(PLACEMENT_OPTIONS.RIGHT),arrowSize=this.getArrowSize(PLACEMENT_OPTIONS.TOP),this.debug("computeAutoGeometry - possiblePlacements",possiblePlacements),2===possiblePlacements.length&&placementState!==PLACEMENT_OPTIONS.AUTO&&-1!==possiblePlacements.indexOf(placementState)){var geom=this.computeGeometry({requestedContentSize:requestedContentSize,placement:placementState,fromRect:fromRect,displayArea:displayArea});if(!geom.viewLargerThanDisplayArea.width)return geom}if(1===possiblePlacements.length){var _geom=this.computeGeometry({requestedContentSize:requestedContentSize,placement:possiblePlacements[0],fromRect:fromRect,displayArea:displayArea});if(!_geom.viewLargerThanDisplayArea.width)return _geom}if(placementState===PLACEMENT_OPTIONS.TOP||placementState===PLACEMENT_OPTIONS.BOTTOM)return this.computeGeometry({requestedContentSize:requestedContentSize,placement:placementState,fromRect:fromRect,displayArea:displayArea});var topSpace=fromRect.y-displayArea.y,bottomSpace=displayArea.y+displayArea.height-(fromRect.y+fromRect.height);return topSpace-50>bottomSpace?this.computeGeometry({requestedContentSize:requestedContentSize,placement:PLACEMENT_OPTIONS.TOP,fromRect:fromRect,displayArea:displayArea}):this.computeGeometry({requestedContentSize:requestedContentSize,placement:PLACEMENT_OPTIONS.BOTTOM,fromRect:fromRect,displayArea:displayArea})}},{key:"getArrowSize",value:function getArrowSize(placement){var arrowStyle=this.props.arrowStyle,size=new _Helper.Size(arrowStyle.width||DEFAULT_ARROW_SIZE.width,arrowStyle.height||DEFAULT_ARROW_SIZE.height);return placement===PLACEMENT_OPTIONS.LEFT||placement===PLACEMENT_OPTIONS.RIGHT?new _Helper.Size(size.height,size.width):size}},{key:"getArrowRotation",value:function getArrowRotation(placement){return placement===PLACEMENT_OPTIONS.BOTTOM?"180deg":placement===PLACEMENT_OPTIONS.LEFT?-90*this.getPolarity()+"deg":placement===PLACEMENT_OPTIONS.RIGHT?90*this.getPolarity()+"deg":"0deg"}},{key:"getArrowDynamicStyle",value:function getArrowDynamicStyle(){var _this$getCalculatedAr=this.getCalculatedArrowDims(),width=_this$getCalculatedAr.arrowWidth,height=_this$getCalculatedAr.arrowHeight;return{width:width,height:height,borderTopWidth:height/2,borderRightWidth:width/2,borderBottomWidth:height/2,borderLeftWidth:width/2}}},{key:"getCalculatedArrowDims",value:function getCalculatedArrowDims(){var arrowStyle=this.props.arrowStyle,arrowWidth=(arrowStyle.width||DEFAULT_ARROW_SIZE.width)+2,arrowHeight=2*(arrowStyle.height||DEFAULT_ARROW_SIZE.height)+2;return{arrowWidth:arrowWidth,arrowHeight:arrowHeight}}},{key:"getBorderRadius",value:function getBorderRadius(){var popoverStyle=this.props.popoverStyle;return 0===popoverStyle.borderRadius?0:popoverStyle.borderRadius||DEFAULT_BORDER_RADIUS}},{key:"getArrowTranslateLocation",value:function getArrowTranslateLocation(){var translatePoint=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null,_this$state3=this.state,anchorPoint=_this$state3.anchorPoint,placement=_this$state3.placement,forcedContentSize=_this$state3.forcedContentSize,viewLargerThanDisplayArea=_this$state3.viewLargerThanDisplayArea,requestedContentSize=_this$state3.requestedContentSize,_this$getCalculatedAr2=this.getCalculatedArrowDims(),arrowWidth=_this$getCalculatedAr2.arrowWidth,arrowHeight=_this$getCalculatedAr2.arrowHeight,viewWidth=viewLargerThanDisplayArea.width?forcedContentSize.width:requestedContentSize.width||0,viewHeight=viewLargerThanDisplayArea.height?forcedContentSize.height:requestedContentSize.height||0,arrowX=anchorPoint.x-arrowWidth/2,arrowY=anchorPoint.y-arrowHeight/2;return translatePoint&&(placement===PLACEMENT_OPTIONS.LEFT||placement===PLACEMENT_OPTIONS.RIGHT?translatePoint.y>arrowY-this.getBorderRadius()?arrowY=translatePoint.y+this.getBorderRadius():viewHeight&&translatePoint.y+viewHeight<arrowY+arrowHeight&&(arrowY=translatePoint.y+viewHeight-arrowHeight-this.getBorderRadius()):(placement===PLACEMENT_OPTIONS.TOP||placement===PLACEMENT_OPTIONS.BOTTOM)&&(translatePoint.x>arrowX-this.getBorderRadius()?arrowX=translatePoint.x+this.getBorderRadius():viewWidth&&translatePoint.x+viewWidth<arrowX+arrowWidth&&(arrowX=translatePoint.x+viewWidth-arrowWidth-this.getBorderRadius()))),new _Helper.Point(arrowX,2*FIX_SHIFT+arrowY)}},{key:"getTranslateOrigin",value:function getTranslateOrigin(){var _this$state4=this.state,forcedContentSize=_this$state4.forcedContentSize,viewLargerThanDisplayArea=_this$state4.viewLargerThanDisplayArea,requestedContentSize=_this$state4.requestedContentSize,popoverOrigin=_this$state4.popoverOrigin,anchorPoint=_this$state4.anchorPoint,popoverWidth=viewLargerThanDisplayArea.width?forcedContentSize.width:requestedContentSize.width||0,popoverHeight=viewLargerThanDisplayArea.height?forcedContentSize.height:requestedContentSize.height||0,popoverCenter=new _Helper.Point(popoverOrigin.x+popoverWidth/2,popoverOrigin.y+popoverHeight/2),shiftHorizantal=anchorPoint.x-popoverCenter.x,shiftVertical=anchorPoint.y-popoverCenter.y;return this.debug("getTranslateOrigin - popoverOrigin",popoverOrigin),this.debug("getTranslateOrigin - popoverSize",{width:popoverWidth,height:popoverHeight}),this.debug("getTranslateOrigin - anchorPoint",anchorPoint),this.debug("getTranslateOrigin - shift",{hoizontal:shiftHorizantal,vertical:shiftVertical}),new _Helper.Point(popoverOrigin.x+shiftHorizantal,popoverOrigin.y+shiftVertical)}},{key:"getDisplayArea",value:function getDisplayArea(){var _this$state5=this.state,shiftedDisplayArea=_this$state5.shiftedDisplayArea,defaultDisplayArea=_this$state5.defaultDisplayArea,displayArea=this.props.displayArea;return shiftedDisplayArea||displayArea||defaultDisplayArea}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this7=this,props=this.props,state=this.state;if(["isVisible","fromRect","displayArea","verticalOffset","placement"].reduce(function(acc,key){return acc||props[key]!==prevProps[key]},!1)){var willBeVisible=props.isVisible;willBeVisible===prevProps.isVisible?willBeVisible&&this.calculateRect(function(fromRect){((0,_Helper.rectChanged)(fromRect,state.fromRect)||props.displayArea&&!prevProps.displayArea||(0,_Helper.rectChanged)(props.displayArea,prevProps.displayArea)||(0,_Helper.rectChanged)(_this7.getDisplayArea(),_this7.displayAreaStore))&&(_this7.displayAreaStore=_this7.getDisplayArea(),_this7.setState({fromRect:fromRect},function(){return _this7.handleGeomChange()}))}):willBeVisible?(!TooltipApp.isShowingInModal&&(this.calculateRect(function(fromRect){return _this7.setState({fromRect:fromRect,isAwaitingShow:!0,visible:!0})}),props.mode===POPOVER_MODE.RN_MODAL&&(TooltipApp.isShowingInModal=!0)),this.debug("componentWillReceiveProps - Awaiting popover show")):state.visible?(state.showing?this.animateOut():this.animateOutAfterShow=!0,this.debug("componentWillReceiveProps - Hiding popover")):(setTimeout(props.onCloseStart),setTimeout(props.onCloseComplete),this.debug("componentWillReceiveProps - Tooltip never shown"))}}},{key:"calculateRect",value:function calculateRect(callback){var props=this.props,state=this.state,initialRect=state.fromRect||new _Helper.Rect(0,0,0,0),displayArea=props.displayArea||this.getDisplayArea();if(props.fromDynamicRect)(0,_Helper.runAfterChange)(function(callback_){return callback_(props.fromDynamicRect(displayArea.width,displayArea.height))},initialRect,function(){callback({fromRect:props.fromDynamicRect(displayArea.width,displayArea.height)})});else if(props.fromView){var verticalOffset=props.verticalOffset+(state.displayAreaOffset?-1*state.displayAreaOffset.y:0),horizontalOffset=state.displayAreaOffset?-1*state.displayAreaOffset.x:0;(0,_Helper.waitForNewRect)(props.fromView,initialRect,function(rect){callback(new _Helper.Rect(rect.x+horizontalOffset,rect.y+verticalOffset,rect.width,rect.height))})}else callback(props.fromRect)}},{key:"handleGeomChange",value:function handleGeomChange(requestedContentSize){var _this8=this,_this$state6=this.state,forcedContentSize=_this$state6.forcedContentSize,popoverOrigin=_this$state6.popoverOrigin,animatedValues=_this$state6.animatedValues,requestedState=_this$state6.requestedContentSize,_this$props$animation=this.props.animation;requestedContentSize=requestedContentSize||Object.assign({},requestedState),this.debug("handleGeomChange - requestedContentSize: ",requestedContentSize),(!this.updatesCount||0>this.updatesCount)&&(this.updateCount=0),this.updateCount++;var geom=this.computeGeometry({requestedContentSize:requestedContentSize});(void 0===_this$props$animation||_this$props$animation)&&((0,_Helper.pointChanged)(geom.popoverOrigin,popoverOrigin)||(0,_Helper.rectChanged)(geom.forcedContentSize,forcedContentSize))&&this.setState(Object.assign(geom,{requestedContentSize:requestedContentSize}),function(){if(1>=_this8.updateCount){_this8.updateCount--;var moveTo=new _Helper.Point(geom.popoverOrigin.x,geom.popoverOrigin.y);_this8.debug("handleGeomChange - Triggering popover move to",moveTo),_this8.animateTo({values:animatedValues,fade:1,scale:1,translatePoint:moveTo,easing:_reactNative.Easing.inOut(_reactNative.Easing.quad)})}})}},{key:"animateOut",value:function animateOut(){var _this9=this,props=this.props,state=this.state;setTimeout(props.onCloseStart),this.keyboardDidShowListener&&this.keyboardDidShowListener.remove(),this.keyboardDidHideListener&&this.keyboardDidHideListener.remove(),props.mode===POPOVER_MODE.RN_MODAL&&(TooltipApp.isShowingInModal=!1),this.unmounted||(this.setState({shiftedDisplayArea:null,showing:!1}),this.animateTo({values:state.animatedValues,fade:0,scale:0,translatePoint:this.getTranslateOrigin(),callback:function callback(){return _this9.setState({visible:!1,forcedContentSize:{}},function(){props.mode===POPOVER_MODE.RN_MODAL&&isIOS||props.onCloseComplete()})},easing:_reactNative.Easing.inOut(_reactNative.Easing.quad)}))}},{key:"animateIn",value:function animateIn(){var _this10=this,state=this.state,props=this.props,values=state.animatedValues;this.keyboardDidShowListener=_reactNative.Keyboard.addListener("keyboardDidShow",this.keyboardDidShow.bind(this)),this.keyboardDidHideListener=_reactNative.Keyboard.addListener("keyboardDidHide",this.keyboardDidHide.bind(this)),this.displayAreaStore=this.getDisplayArea();var translateStart=this.getTranslateOrigin();translateStart.y+=2*FIX_SHIFT,values.translate.setValue(translateStart);var translatePoint=new _Helper.Point(state.popoverOrigin.x,state.popoverOrigin.y);values.translateArrow.setValue(this.getArrowTranslateLocation(translatePoint)),this.animateTo({values:values,fade:1,scale:1,translatePoint:translatePoint,easing:_reactNative.Easing.out(_reactNative.Easing.back()),callback:function callback(){_this10.setState({showing:!0}),setTimeout(props.onOpenComplete),setTimeout(function(){return(0,_Helper.getRectForRef)(_this10.popoverRef,function(rect){return _this10.debug("animateIn - onOpenComplete - Calculated Tooltip Rect",rect)})}),_this10.animateOutAfterShow&&(_this10.animateOut(),_this10.animateOutAfterShow=!1)}})}},{key:"animateTo",value:function animateTo(_ref7){var _arguments=arguments,_this11=this,fade=_ref7.fade,translatePoint=_ref7.translatePoint,scale=_ref7.scale,callback=_ref7.callback,easing=_ref7.easing,values=_ref7.values,props=this.props,commonConfig=Object.assign({duration:300,easing:easing,useNativeDriver:!0},props.animationConfig);if(this.animating)return void setTimeout(function(){var _this$animateTo;return null===(_this$animateTo=_this11.animateTo)||void 0===_this$animateTo?void 0:_this$animateTo.apply(_this11,_arguments)},100);var newArrowLocation=this.getArrowTranslateLocation(translatePoint);translatePoint.y+=2*FIX_SHIFT,(fade||0===fade)&&(0,_Helper.isPoint)(translatePoint)&&(scale||0===scale)&&(this.animating=!0,_reactNative.Animated.parallel([_reactNative.Animated.timing(values.fade,Object.assign({},commonConfig,{toValue:fade})),_reactNative.Animated.timing(values.translate,Object.assign({},commonConfig,{toValue:translatePoint})),_reactNative.Animated.timing(values.scale,Object.assign({},commonConfig,{toValue:scale})),_reactNative.Animated.timing(values.translateArrow,Object.assign({},commonConfig,{toValue:newArrowLocation}))]).start(function(){_this11.animating=!1,callback&&callback()}))}},{key:"render",value:function render(){var _this12=this,_this$state7=this.state,placement=_this$state7.placement,animatedValues=_this$state7.animatedValues,forcedContentSize=_this$state7.forcedContentSize,showArrow=_this$state7.showArrow,visible=_this$state7.visible,_this$props6=this.props,popoverStyle=_this$props6.popoverStyle,arrowStyle=_this$props6.arrowStyle,background=_this$props6.backgroundStyle,mode=_this$props6.mode,onRequestClose=_this$props6.onRequestClose,children=_this$props6.children,onOpenStart=_this$props6.onOpenStart,onCloseComplete=_this$props6.onCloseComplete,content=_this$props6.content,_this$getCalculatedAr3=this.getCalculatedArrowDims(),arrowWidth=_this$getCalculatedAr3.arrowWidth,arrowHeight=_this$getCalculatedAr3.arrowHeight,arrowScale=animatedValues.scale.interpolate({inputRange:[0,1],outputRange:[0,1],extrapolate:"clamp"}),arrowViewStyle=Object.assign({position:"absolute",top:0},_reactNative.I18nManager.isRTL?{right:0}:{left:0},{width:arrowWidth,height:arrowHeight,transform:[{translateX:animatedValues.translateArrow.x},{translateY:animatedValues.translateArrow.y},{scale:arrowScale}]}),arrowInnerStyle=[styles.arrow,this.getArrowDynamicStyle(),{borderTopColor:arrowStyle.backgroundColor||popoverStyle.backgroundColor||styles.popoverContent.backgroundColor,transform:[{rotate:this.getArrowRotation(placement)}]}],backgroundShift=animatedValues.fade.interpolate({inputRange:[0,1e-4,1],outputRange:[0,FIX_SHIFT,FIX_SHIFT]}),backgroundStyle=Object.assign({},styles.background,{transform:[{translateY:backgroundShift}]},background),containerStyle=Object.assign({},styles.container,{opacity:animatedValues.fade}),popoverViewStyle=Object.assign({maxWidth:forcedContentSize.width,maxHeight:forcedContentSize.height,position:"absolute"},styles.dropShadow,styles.popoverContent,popoverStyle,{transform:[{translateX:animatedValues.translate.x},{translateY:animatedValues.translate.y},{scale:animatedValues.scale},{perspective:1e3}]}),contentView=_react.default.createElement(_reactNative.View,{pointerEvents:"box-none",style:[styles.container,{left:0}],ref:function ref(_ref8){return _this12.containerRef=_ref8}},_react.default.createElement(_reactNative.SafeAreaView,{pointerEvents:"none",style:{position:"absolute",top:FIX_SHIFT,left:0,right:0,bottom:0}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{style:{flex:1},onLayout:function onLayout(evt){return _this12.setDefaultDisplayArea(evt)}},_react.default.createElement(_reactNative.View,{style:{flex:1}}))),_react.default.createElement(_reactNative.Animated.View,{pointerEvents:"box-none",style:containerStyle},mode!==POPOVER_MODE.TOOLTIP&&_react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:onRequestClose},_react.default.createElement(_reactNative.Animated.View,{style:backgroundStyle})),_react.default.createElement(_reactNative.View,{pointerEvents:"box-none",style:{top:0,left:0}},_react.default.createElement(_reactNative.Animated.View,{style:popoverViewStyle,ref:function ref(_ref9){return _this12.popoverRef=_ref9},onLayout:function onLayout(evt){var layout=Object.assign({},evt.nativeEvent.layout);setTimeout(function(){return _this12.measureContent(layout)},10)}},content?this.renderDefault():children),showArrow&&_react.default.createElement(_reactNative.Animated.View,{style:arrowViewStyle},_react.default.createElement(_reactNative.View,{style:arrowInnerStyle})))));return mode===POPOVER_MODE.RN_MODAL?_react.default.createElement(_reactNative.Modal,{transparent:!0,supportedOrientations:["portrait","portrait-upside-down","landscape"],hardwareAccelerated:!0,visible:visible,onShow:onOpenStart,onDismiss:onCloseComplete,onRequestClose:onRequestClose},contentView):visible?contentView:null}}]),TooltipApp}(_react.default.Component),styles=_reactNative.StyleSheet.create({container:{top:-1*FIX_SHIFT,bottom:0,left:0,right:0,position:"absolute",backgroundColor:"transparent"},background:{top:0,bottom:FIX_SHIFT,left:0,right:0,position:"absolute",backgroundColor:"rgba(0, 0, 0, 0.5)"},contentContainer:{flexDirection:"column"},popoverContainer:{position:"absolute",zIndex:1e3},popoverContent:{backgroundColor:"#096dd9",borderBottomColor:"#333438",borderRadius:DEFAULT_BORDER_RADIUS,overflow:"hidden"},selectContainer:{backgroundColor:"#f2f2f2",position:"absolute"},dropShadow:{shadowColor:"black",shadowOffset:{width:0,height:2},shadowRadius:2,shadowOpacity:.8},arrow:{position:"absolute",borderTopColor:"transparent",borderRightColor:"transparent",borderBottomColor:"transparent",borderLeftColor:"transparent"},content:{padding:10,backgroundColor:"#096dd9",justifyContent:"center",alignItems:"center"}});TooltipApp.defaultDisplayArea={},TooltipApp.PLACEMENT_OPTIONS=PLACEMENT_OPTIONS,TooltipApp.MODE=POPOVER_MODE,TooltipApp.defaultProps={isVisible:!0,skipAndroidStatusBar:!1,mode:"modal",placement:"auto",verticalOffset:0,popoverStyle:{},arrowStyle:{},backgroundStyle:{},onOpenStart:function onOpenStart(){},onOpenComplete:function onOpenComplete(){},onRequestClose:function onRequestClose(){},onCloseStart:function onCloseStart(){},onCloseComplete:function onCloseComplete(){}},TooltipApp.propTypes={isVisible:_propTypes.default.bool,skipAndroidStatusBar:_propTypes.default.bool,mode:_propTypes.default.oneOf(["modal","view"]),fromRect:_propTypes.default.objectOf(_propTypes.default.number),fromView:_propTypes.default.object,fromDynamicRect:_propTypes.default.func,displayArea:_propTypes.default.objectOf(_propTypes.default.number),placement:_propTypes.default.oneOf(["top","bottom","right","left","right","auto"]),animationConfig:_propTypes.default.object,verticalOffset:_propTypes.default.number,popoverStyle:_propTypes.default.object,arrowStyle:_propTypes.default.object,backgroundStyle:_propTypes.default.object,onOpenStart:_propTypes.default.func,onOpenComplete:_propTypes.default.func,onRequestClose:_propTypes.default.func,onCloseStart:_propTypes.default.func,onCloseComplete:_propTypes.default.func,content:_propTypes.default.string,contentStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),textContentStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array])};var _default=TooltipApp;export default _default;

package/src/module/utils/CommonUtils.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.addColorAlpha=addColorAlpha,exports.parseRowArray=void 0;function addColorAlpha(color,opacity){var _opacity=Math.round(255*Math.min(Math.max(null==opacity?1:opacity,0),1));return color+_opacity.toString(16).toUpperCase()}var parseRowArray=function(arr){var _arr$map,newArr=[];return null===arr||void 0===arr||null===(_arr$map=arr.map)||void 0===_arr$map?void 0:_arr$map.call(arr,function(_it,_i){0==_i%2&&newArr.push([null===arr||void 0===arr?void 0:arr[_i],null===arr||void 0===arr?void 0:arr[_i+1]])}),newArr};exports.parseRowArray=parseRowArray;

package/src/typescript/assets/icons/IconApp.d.ts

@@ -3,6 +3,11 @@ declare const IconApp: {
     ic_rate_empty: any;
     ic_rate_full: any;
     ic_rate_half: any;
+    ic_toast_info: any;
+    ic_toast_success: any;
+    ic_toast_warning: any;
+    ic_toast_error: any;
+    ic_close: any;
 };
 export default IconApp;
 //# sourceMappingURL=IconApp.d.ts.map

package/src/typescript/carousel/shallow-compare.d.ts

@@ -0,0 +1,3 @@
+declare function shallowCompare(instance: any, nextProps: any, nextState: any): boolean;
+export default shallowCompare;
+//# sourceMappingURL=shallow-compare.d.ts.map

package/src/typescript/cores/ButtonApp.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ButtonAppProps } from "./Utils";
+import React from 'react';
+import { ButtonAppProps } from './Utils';
 declare const ButtonApp: (props: ButtonAppProps) => React.JSX.Element;
 export default ButtonApp;
 //# sourceMappingURL=ButtonApp.d.ts.map

package/src/typescript/cores/ImageApp.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ImageAppProps } from "./Utils";
+import React from 'react';
+import { ImageAppProps } from './Utils';
 declare const ImageApp: (props: ImageAppProps) => React.JSX.Element;
 export default ImageApp;
 //# sourceMappingURL=ImageApp.d.ts.map

package/src/typescript/cores/RatingApp.d.ts

@@ -1,9 +1,13 @@
-import React from "react";
+import React from 'react';
+import { ViewAppProps } from 'react-native-package-fast';
 type Props = {
     rate?: number;
-    size?: "small" | "big";
-    onRate?: (rate: number) => void;
-};
-declare const Rating: React.FC<Props>;
-export default Rating;
+    size?: number;
+    color?: string;
+    inactiveColor?: string;
+    rigth?: number;
+    onRate?: (rate: any) => void;
+} & ViewAppProps;
+declare const RatingApp: ({ rate, size, color, inactiveColor, onRate, rigth, ...rest }: Props) => React.JSX.Element;
+export default RatingApp;
 //# sourceMappingURL=RatingApp.d.ts.map