New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@happeouikit/avatar

Package Overview
Dependencies
Maintainers
12
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@happeouikit/avatar - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

4

CHANGELOG.md
# Changelog
## 1.5.1
- [Fixed] styled-components child module
## 1.4.20

@@ -4,0 +8,0 @@

38

dist/Avatar.js

@@ -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 @@ },

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc