@rmwc/avatar
Advanced tools
Comparing version 6.0.0-alpha.3 to 6.0.0-alpha.5
"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" | ||
} |
162335
2498
Updated@rmwc/base@^6.0.0-alpha.5
Updated@rmwc/icon@^6.0.0-alpha.5
Updated@rmwc/ripple@^6.0.0-alpha.5
Updated@rmwc/types@^6.0.0-alpha.5