@happeouikit/avatar
Advanced tools
Comparing version 1.5.0 to 1.5.1
# Changelog | ||
## 1.5.1 | ||
- [Fixed] styled-components child module | ||
## 1.4.20 | ||
@@ -4,0 +8,0 @@ |
@@ -84,3 +84,2 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray"; | ||
var initialsBackgroundColors = [lighten20(navy), darken20(navy), lighten20(success), darken20(success), lighten20(warn), darken20(warn), lighten20(alert), darken20(alert), lighten20(active), darken20(active), lighten20(violet), darken20(violet)]; | ||
var getInitialsBgColor = function getInitialsBgColor(user) { | ||
@@ -91,3 +90,2 @@ if (getInitials(user) === "?") return gray06; | ||
}; | ||
var scaleAndFadeIn = keyframes(["0%{opacity:0;transform:scale(0);}100%{opacity:1;transform:scale(1);}"]); | ||
@@ -170,27 +168,22 @@ var Container = styled.div.withConfig({ | ||
})(["fill:", ";"], violet); | ||
var Avatar = function Avatar(_ref17) { | ||
var hoverEvent = _ref17.hoverEvent, | ||
clickEvent = _ref17.clickEvent, | ||
user = _ref17.user, | ||
showPresence = _ref17.showPresence, | ||
size = _ref17.size, | ||
emoji = _ref17.emoji, | ||
onClick = _ref17.onClick, | ||
tabIndex = _ref17.tabIndex; | ||
clickEvent = _ref17.clickEvent, | ||
user = _ref17.user, | ||
showPresence = _ref17.showPresence, | ||
size = _ref17.size, | ||
emoji = _ref17.emoji, | ||
onClick = _ref17.onClick, | ||
tabIndex = _ref17.tabIndex; | ||
var _useState = useState(false), | ||
_useState2 = _slicedToArray(_useState, 2), | ||
error = _useState2[0], | ||
setError = _useState2[1]; | ||
_useState2 = _slicedToArray(_useState, 2), | ||
error = _useState2[0], | ||
setError = _useState2[1]; | ||
var _useState3 = useState(true), | ||
_useState4 = _slicedToArray(_useState3, 2), | ||
loading = _useState4[0], | ||
setLoading = _useState4[1]; | ||
_useState4 = _slicedToArray(_useState3, 2), | ||
loading = _useState4[0], | ||
setLoading = _useState4[1]; | ||
var canShowPresence = function canShowPresence() { | ||
return showPresence && size !== "xxs" && size !== "xs" && !emoji; | ||
}; | ||
var initials = getInitials(user); | ||
@@ -200,3 +193,2 @@ var InitialsFont = sizeMap[size].initialsFont; | ||
var imageAlt = user.fullName ? "".concat(user.fullName, " avatar") : "Avatar"; | ||
var renderAvatar = function renderAvatar() { | ||
@@ -216,3 +208,2 @@ if (isGroup) { | ||
} | ||
if (user.thumbnailPhotoUrl && !error) { | ||
@@ -238,3 +229,2 @@ return /*#__PURE__*/_jsx(AvatarDiv, { | ||
} | ||
return /*#__PURE__*/_jsx(AvatarDiv, { | ||
@@ -253,3 +243,2 @@ size: size, | ||
}; | ||
return /*#__PURE__*/_jsxs(Container, { | ||
@@ -270,3 +259,2 @@ className: "".concat(hoverEvent ? "hover-event" : "", " ").concat(clickEvent ? "click-event" : ""), | ||
}; | ||
Avatar.propTypes = { | ||
@@ -273,0 +261,0 @@ size: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]), |
export var getNameString = function getNameString(user) { | ||
if (!user) return ""; | ||
if (user.name instanceof Object) { | ||
return user.name.fullName || user.fullName || user.displayName; | ||
} | ||
return user.fullName || user.displayName || user.name; | ||
}; | ||
var splitName = function splitName(name) { | ||
@@ -18,3 +15,2 @@ return name.split(/\s+/).filter(function (s) { | ||
}; | ||
export var getInitials = function getInitials(user) { | ||
@@ -21,0 +17,0 @@ var fullName = getNameString(user); |
{ | ||
"name": "@happeouikit/avatar", | ||
"version": "1.5.0", | ||
"version": "1.5.1", | ||
"description": "", | ||
@@ -18,3 +18,3 @@ "main": "dist/index.js", | ||
"@happeouikit/colors": "^1.0.4", | ||
"@happeouikit/icons": "^1.0.40", | ||
"@happeouikit/icons": "^2.1.13", | ||
"@happeouikit/typography": "^1.0.7" | ||
@@ -21,0 +21,0 @@ }, |
13609
+ Added@happeouikit/icons@2.4.0(transitive)
+ Addedreact@18.3.1(transitive)
- Removed@emotion/is-prop-valid@0.8.8(transitive)
- Removed@emotion/memoize@0.7.4(transitive)
- Removed@happeouikit/icons@1.0.40(transitive)
- Removedcss-to-react-native@2.3.2(transitive)
- Removedis-what@3.14.1(transitive)
- Removedmemoize-one@5.2.1(transitive)
- Removedmerge-anything@2.4.4(transitive)
- Removedpostcss-value-parser@3.3.1(transitive)
- Removedreact@16.14.0(transitive)
- Removedstyled-components@4.4.1(transitive)
- Removedstylis@3.5.4(transitive)
- Removedstylis-rule-sheet@0.0.10(transitive)
Updated@happeouikit/icons@^2.1.13