rn-material-ui-textfield/lib/module/components/helper/index.js

Material UI textfield

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _deprecatedReactNativePropTypes=require("deprecated-react-native-prop-types");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/Users/gabriel/Workspace/rn-material-ui-textfield/src/components/helper/index.js";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;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;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(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Helper=function(_PureComponent){(0,_inherits2.default)(Helper,_PureComponent);var _super=_createSuper(Helper);function Helper(props){var _this;(0,_classCallCheck2.default)(this,Helper);_this=_super.call(this,props);var _this$props=_this.props,error=_this$props.error,focusAnimation=_this$props.focusAnimation;var opacity=focusAnimation.interpolate({inputRange:[-1,-0.5,0],outputRange:[1,0,1],extrapolate:'clamp'});_this.state={errored:!!error,opacity:opacity};return _this;}(0,_createClass2.default)(Helper,[{key:"componentDidMount",value:function componentDidMount(){var focusAnimation=this.props.focusAnimation;this.listener=focusAnimation.addListener(this.onAnimation.bind(this));}},{key:"componentWillUnmount",value:function componentWillUnmount(){var focusAnimation=this.props.focusAnimation;focusAnimation.removeListener(this.listener);}},{key:"onAnimation",value:function onAnimation(_ref){var value=_ref.value;if(this.animationValue>-0.5&&value<=-0.5){this.setState({errored:true});}if(this.animationValue<-0.5&&value>=-0.5){this.setState({errored:false});}this.animationValue=value;}},{key:"render",value:function render(){var _this$state=this.state,errored=_this$state.errored,opacity=_this$state.opacity;var _this$props2=this.props,style=_this$props2.style,title=_this$props2.title,error=_this$props2.error,disabled=_this$props2.disabled,baseColor=_this$props2.baseColor,errorColor=_this$props2.errorColor;var text=errored?error:title;if(text==null){return null;}var textStyle={opacity:opacity,color:!disabled&&errored?errorColor:baseColor};return _react.default.createElement(_reactNative.Animated.Text,{style:[_styles.default.text,style,textStyle],__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:7}},text);}}]);return Helper;}(_react.PureComponent);exports.default=Helper;(0,_defineProperty2.default)(Helper,"propTypes",{title:_propTypes.default.string,error:_propTypes.default.string,disabled:_propTypes.default.bool,style:_deprecatedReactNativePropTypes.TextPropTypes.style,baseColor:_propTypes.default.string,errorColor:_propTypes.default.string,focusAnimation:_propTypes.default.instanceOf(_reactNative.Animated.Value)});
//# sourceMappingURL=index.js.map