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

Material UI textfield

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _get2=_interopRequireDefault(require("@babel/runtime/helpers/get"));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 _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _field=_interopRequireDefault(require("../field"));var _outline=_interopRequireDefault(require("../outline"));var _jsxFileName="/Users/gabriel/Workspace/rn-material-ui-textfield/src/components/field-outlined/index.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}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 OutlinedTextField=function(_TextField){(0,_inherits2.default)(OutlinedTextField,_TextField);var _super=_createSuper(OutlinedTextField);function OutlinedTextField(props){var _this;(0,_classCallCheck2.default)(this,OutlinedTextField);_this=_super.call(this,props);_this.onTextLayout=_this.onTextLayout.bind((0,_assertThisInitialized2.default)(_this));_this.state.labelWidth=new _reactNative.Animated.Value(0);return _this;}(0,_createClass2.default)(OutlinedTextField,[{key:"onTextLayout",value:function onTextLayout(_ref){var lines=_ref.nativeEvent.lines;var _this$props=this.props,fontSize=_this$props.fontSize,labelFontSize=_this$props.labelFontSize;var labelWidth=this.state.labelWidth;var scale=labelFontSize/fontSize;labelWidth.setValue(lines[0].width*scale);}},{key:"renderLabel",value:function renderLabel(props){var onTextLayout=this.onTextLayout;return(0,_get2.default)((0,_getPrototypeOf2.default)(OutlinedTextField.prototype),"renderLabel",this).call(this,_objectSpread(_objectSpread({},props),{},{onTextLayout:onTextLayout}));}},{key:"renderLine",value:function renderLine(props){var labelWidth=this.state.labelWidth;return _react.default.createElement(_outline.default,(0,_extends2.default)({},props,{labelWidth:labelWidth,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:12}}));}}]);return OutlinedTextField;}(_field.default);exports.default=OutlinedTextField;(0,_defineProperty2.default)(OutlinedTextField,"contentInset",_objectSpread(_objectSpread({},_field.default.contentInset),{},{input:16,top:0,left:12,right:12}));(0,_defineProperty2.default)(OutlinedTextField,"labelOffset",_objectSpread(_objectSpread({},_field.default.labelOffset),{},{y0:0,y1:-10}));(0,_defineProperty2.default)(OutlinedTextField,"defaultProps",_objectSpread(_objectSpread({},_field.default.defaultProps),{},{lineWidth:1,disabledLineWidth:_reactNative.StyleSheet.hairlineWidth}));
//# sourceMappingURL=index.js.map