rn-material-ui-textfield/lib/module/components/outline/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 _styles=_interopRequireWildcard(require("./styles"));var _jsxFileName="/Users/gabriel/Workspace/rn-material-ui-textfield/src/components/outline/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 Line=function(_PureComponent){(0,_inherits2.default)(Line,_PureComponent);var _super=_createSuper(Line);function Line(){(0,_classCallCheck2.default)(this,Line);return _super.apply(this,arguments);}(0,_createClass2.default)(Line,[{key:"borderProps",value:function borderProps(){var _this$props=this.props,disabled=_this$props.disabled,restricted=_this$props.restricted,lineType=_this$props.lineType,lineWidth=_this$props.lineWidth,activeLineWidth=_this$props.activeLineWidth,disabledLineWidth=_this$props.disabledLineWidth,baseColor=_this$props.baseColor,tintColor=_this$props.tintColor,errorColor=_this$props.errorColor,focusAnimation=_this$props.focusAnimation;if(disabled){return{borderColor:baseColor,borderWidth:disabledLineWidth};}if(restricted){return{borderColor:errorColor,borderWidth:activeLineWidth};}return{borderColor:focusAnimation.interpolate({inputRange:[-1,0,1],outputRange:[errorColor,baseColor,tintColor]}),borderWidth:focusAnimation.interpolate({inputRange:[-1,0,1],outputRange:[activeLineWidth,lineWidth,activeLineWidth]}),borderStyle:lineType};}},{key:"render",value:function render(){var _this$props2=this.props,lineType=_this$props2.lineType,labelWidth=_this$props2.labelWidth,labelAnimation=_this$props2.labelAnimation,contentInset=_this$props2.contentInset;if(lineType==='none'){return null;}var labelOffset=2*(contentInset.left-2*_styles.borderRadius);var lineOffset=_reactNative.Animated.add(labelWidth,labelOffset);var topLineContainerStyle={transform:[{scaleX:_reactNative.I18nManager.isRTL?-1:1},{translateX:_reactNative.Animated.multiply(labelAnimation,lineOffset)}]};var leftContainerStyle={width:contentInset.left-_styles.borderRadius};var rightContainerStyle={width:contentInset.right-_styles.borderRadius};var topContainerStyle={left:leftContainerStyle.width,right:rightContainerStyle.width};var lineStyle=this.borderProps();return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_styles.default.topContainer,topContainerStyle],pointerEvents:"none",__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:9}},_react.default.createElement(_reactNative.Animated.View,{style:[_styles.default.topLineContainer,topLineContainerStyle],__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:11}},_react.default.createElement(_reactNative.Animated.View,{style:[_styles.default.borderTop,lineStyle],__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:13}}))),_react.default.createElement(_reactNative.View,{style:[_styles.default.rightContainer,rightContainerStyle],pointerEvents:"none",__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:9}},_react.default.createElement(_reactNative.Animated.View,{style:[_styles.default.borderRight,lineStyle],__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:_styles.default.bottomContainer,pointerEvents:"none",__source:{fileName:_jsxFileName,lineNumber:137,columnNumber:9}},_react.default.createElement(_reactNative.Animated.View,{style:[_styles.default.borderBottom,lineStyle],__source:{fileName:_jsxFileName,lineNumber:138,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:[_styles.default.leftContainer,leftContainerStyle],pointerEvents:"none",__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:9}},_react.default.createElement(_reactNative.Animated.View,{style:[_styles.default.borderLeft,lineStyle],__source:{fileName:_jsxFileName,lineNumber:145,columnNumber:11}})));}}]);return Line;}(_react.PureComponent);exports.default=Line;(0,_defineProperty2.default)(Line,"defaultProps",{lineType:'solid',disabled:false,restricted:false});(0,_defineProperty2.default)(Line,"propTypes",{lineType:_propTypes.default.oneOf(['solid','none']),disabled:_propTypes.default.bool,restricted:_propTypes.default.bool,tintColor:_propTypes.default.string,baseColor:_propTypes.default.string,errorColor:_propTypes.default.string,lineWidth:_propTypes.default.number,activeLineWidth:_propTypes.default.number,disabledLineWidth:_propTypes.default.number,focusAnimation:_propTypes.default.instanceOf(_reactNative.Animated.Value),labelAnimation:_propTypes.default.instanceOf(_reactNative.Animated.Value),labelWidth:_propTypes.default.instanceOf(_reactNative.Animated.Value),contentInset:_propTypes.default.shape({left:_propTypes.default.number,right:_propTypes.default.number})});
//# sourceMappingURL=index.js.map