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

@rmwc/avatar

Package Overview
Dependencies
Maintainers
1
Versions
124
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/avatar - npm Package Compare versions

Comparing version 6.0.0-alpha.3 to 6.0.0-alpha.5

48

dist/index.js
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var icon_1 = require("@rmwc/icon");

@@ -54,3 +26,3 @@ var ripple_1 = require("@rmwc/ripple");

var _a;
var isCount = props.isCount, overflow = props.overflow, smallerText = props.smallerText, square = props.square, interactive = props.interactive, hasImage = props.hasImage, rest = __rest(props, ["isCount", "overflow", "smallerText", "square", "interactive", "hasImage"]);
var isCount = props.isCount, overflow = props.overflow, smallerText = props.smallerText, square = props.square, interactive = props.interactive, hasImage = props.hasImage, rest = tslib_1.__rest(props, ["isCount", "overflow", "smallerText", "square", "interactive", "hasImage"]);
var className = base_1.useClassNames(props, [

@@ -68,7 +40,7 @@ 'rmwc-avatar',

]);
return React.createElement(icon_1.Icon, __assign({}, rest, { className: className, ref: ref }));
return React.createElement(icon_1.Icon, tslib_1.__assign({}, rest, { className: className, ref: ref }));
})));
/** A container for groups of Avatars */
exports.AvatarGroup = React.forwardRef(function AvatarGroup(props, ref) {
var dense = props.dense, rest = __rest(props, ["dense"]);
var dense = props.dense, rest = tslib_1.__rest(props, ["dense"]);
var className = base_1.useClassNames(props, [

@@ -80,3 +52,3 @@ 'rmwc-avatar-group',

]);
return React.createElement(base_1.Tag, __assign({ ref: ref }, rest, { className: className }));
return React.createElement(base_1.Tag, tslib_1.__assign({ ref: ref }, rest, { className: className }));
});

@@ -86,3 +58,3 @@ exports.AvatarGroup.displayName = 'AvatarGroup';

exports.Avatar = React.forwardRef(function Avatar(_a, ref) {
var src = _a.src, size = _a.size, _b = _a.name, name = _b === void 0 ? '' : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c, _d = _a.contain, contain = _d === void 0 ? false : _d, rest = __rest(_a, ["src", "size", "name", "interactive", "contain"]);
var src = _a.src, size = _a.size, _b = _a.name, name = _b === void 0 ? '' : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c, _d = _a.contain, contain = _d === void 0 ? false : _d, rest = tslib_1.__rest(_a, ["src", "size", "name", "interactive", "contain"]);
var initials = getInitialsForName(name);

@@ -95,3 +67,3 @@ var avatarStyle = src

: {};
return (React.createElement(AvatarRoot, __assign({ ref: ref, ripple: interactive, interactive: interactive, hasImage: !!src, size: size, title: name, tag: 'span' }, rest, { icon: {
return (React.createElement(AvatarRoot, tslib_1.__assign({ ref: ref, ripple: interactive, interactive: interactive, hasImage: !!src, size: size, title: name, tag: 'span' }, rest, { icon: {
icon: (React.createElement(React.Fragment, null,

@@ -106,5 +78,5 @@ React.createElement("div", { className: "rmwc-avatar__icon", style: avatarStyle }),

exports.AvatarCount = React.memo(React.forwardRef(function AvatarCount(_a, ref) {
var value = _a.value, overflow = _a.overflow, size = _a.size, _b = _a.interactive, interactive = _b === void 0 ? false : _b, rest = __rest(_a, ["value", "overflow", "size", "interactive"]);
var value = _a.value, overflow = _a.overflow, size = _a.size, _b = _a.interactive, interactive = _b === void 0 ? false : _b, rest = tslib_1.__rest(_a, ["value", "overflow", "size", "interactive"]);
var smallerText = String(value).length > 2;
return (React.createElement(AvatarRoot, __assign({ ref: ref, ripple: interactive, interactive: interactive, isCount: true, size: size, overflow: overflow, smallerText: smallerText, tag: 'span' }, rest, { icon: {
return (React.createElement(AvatarRoot, tslib_1.__assign({ ref: ref, ripple: interactive, interactive: interactive, isCount: true, size: size, overflow: overflow, smallerText: smallerText, tag: 'span' }, rest, { icon: {
icon: (React.createElement(React.Fragment, null,

@@ -111,0 +83,0 @@ React.createElement("div", { className: "rmwc-avatar__text" },

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var _doc_utils_1 = require("@doc-utils");
var generated_props_json_1 = __importDefault(require("./generated-props.json"));
var generated_examples_json_1 = __importDefault(require("./generated-examples.json"));
var generated_props_json_1 = tslib_1.__importDefault(require("./generated-props.json"));
var generated_examples_json_1 = tslib_1.__importDefault(require("./generated-examples.json"));
var _1 = require(".");

@@ -11,0 +9,0 @@ var button_1 = require("../button");

@@ -1,23 +0,2 @@

var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { __assign, __rest } from "tslib";
import * as React from 'react';

@@ -24,0 +3,0 @@ import { Icon } from '@rmwc/icon';

{
"name": "@rmwc/avatar",
"version": "6.0.0-alpha.3",
"version": "6.0.0-alpha.5",
"description": "RMWC avatar component",

@@ -35,8 +35,8 @@ "main": "dist/index.js",

"dependencies": {
"@rmwc/base": "^6.0.0-alpha.3",
"@rmwc/icon": "^6.0.0-alpha.3",
"@rmwc/ripple": "^6.0.0-alpha.3",
"@rmwc/types": "^6.0.0-alpha.3"
"@rmwc/base": "^6.0.0-alpha.5",
"@rmwc/icon": "^6.0.0-alpha.5",
"@rmwc/ripple": "^6.0.0-alpha.5",
"@rmwc/types": "^6.0.0-alpha.5"
},
"gitHead": "7e3321fd3f7e7ea8b8145d46ab8a7ecb45ca4a19"
"gitHead": "bf098adc2571ee1641ef20d79f38fb64e9ff186e"
}
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