react-native-user-avatar/lib/module/components/TextAvatar.js

React Native component for a user avatar with fallback to colored initials

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _helpers=require("../helpers");var _jsxFileName="/Users/Avishay.Bar/dev/personal/react-native-user-avatar/src/components/TextAvatar.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(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=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var TextAvatar=function TextAvatar(props){var name=props.name,size=props.size,textColor=props.textColor,noUpperCase=props.noUpperCase,textStyle=props.textStyle,_props$style=props.style,style=_props$style===void 0?{}:_props$style;var textContainerStyle={flexDirection:'column',alignItems:'center',justifyContent:'center',marginTop:-(size/20),height:size,width:size};return _react.default.createElement(_reactNative.View,{style:textContainerStyle,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:5}},!!name&&_react.default.createElement(_reactNative.Text,{style:[_objectSpread({color:textColor,fontSize:size/2.5},style),textStyle],adjustsFontSizeToFit:true,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:18}},(0,_helpers.abbr)(name,noUpperCase)));};TextAvatar.propTypes={name:_propTypes.default.string,size:_propTypes.default.number,textColor:_propTypes.default.string,noUpperCase:_propTypes.default.bool,textStyle:_propTypes.default.object,style:_propTypes.default.object};var _default=TextAvatar;exports.default=_default;
//# sourceMappingURL=TextAvatar.js.map