@wireapp/react-ui-kit 8.13.9 → 8.14.1

package/src/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAGA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './AddPeopleIcon';\nexport * from './ArchiveIcon';\nexport * from './ArrowIcon';\nexport * from './AttachmentIcon';\nexport * from './AudioVideoIcon';\nexport * from './BlockIcon';\nexport * from './CopyIcon';\nexport * from './CallIcon';\nexport * from './CameraIcon';\nexport * from './CamIcon';\nexport * from './CheckIcon';\nexport * from './CheckRoundIcon';\nexport * from './ChevronIcon';\nexport * from './CloseIcon';\nexport * from './DeviceIcon';\nexport * from './DownloadIcon';\nexport * from './EditDocumentIcon';\nexport * from './EditIcon';\nexport * from './EnterIcon';\nexport * from './ErrorIcon';\nexport * from './FileIcon';\nexport * from './GifIcon';\nexport * from './GroupIcon';\nexport * from './HangupIcon';\nexport * from './HideIcon';\nexport * from './ImageIcon';\nexport * from './SupportIcon';\nexport * from './InfoIcon';\nexport * from './InviteIcon';\nexport * from './LeaveIcon';\nexport * from './LinkIcon';\nexport * from './ListIcon';\nexport * from './LockIcon';\nexport * from './MessageIcon';\nexport * from './MinusIcon';\nexport * from './MoreIcon';\nexport * from './MuteIcon';\nexport * from './NotificationIcon';\nexport * from './NotificationOffIcon';\nexport * from './OptionsIcon';\nexport * from './GridIcon';\nexport * from './PeopleIcon';\nexport * from './PingIcon';\nexport * from './PlaneIcon';\nexport * from './PlusIcon';\nexport * from './ProfileIcon';\nexport * from './RecordIcon';\nexport * from './RecordBoldIcon';\nexport * from './RecordPendingIcon';\nexport * from './ReloadIcon';\nexport * from './ScreenshareIcon';\nexport * from './SearchIcon';\nexport * from './ServicesIcon';\nexport * from './SettingsIcon';\nexport * from './ShowIcon';\nexport * from './SignIcon';\nexport * from './SpeakerIcon';\nexport * from './TeamIcon';\nexport * from './TimedIcon';\nexport * from './TrashIcon';\nexport * from './TrashCrossIcon';\nexport * from './TriangleIcon';\nexport * from './UploadIcon';\nexport * from './WireIcon';\n\n// Brand Icons\nexport * from './Brand/AndroidIcon';\nexport * from './Brand/AppleIcon';\nexport * from './Brand/ChromeIcon';\nexport * from './Brand/FacebookIcon';\nexport * from './Brand/GitHubIcon';\nexport * from './Brand/LinkedInIcon';\nexport * from './Brand/LinuxIcon';\nexport * from './Brand/MicrosoftIcon';\nexport * from './Brand/TwitterIcon';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,kDAAgC;AAChC,gDAA8B;AAC9B,8CAA4B;AAC5B,mDAAiC;AACjC,mDAAiC;AACjC,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B;AAC7B,4CAA0B;AAC1B,8CAA4B;AAC5B,mDAAiC;AACjC,gDAA8B;AAC9B,8CAA4B;AAC5B,+CAA6B;AAC7B,iDAA+B;AAC/B,qDAAmC;AACnC,6CAA2B;AAC3B,8CAA4B;AAC5B,8CAA4B;AAC5B,6CAA2B;AAC3B,4CAA0B;AAC1B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,gDAA8B;AAC9B,6CAA2B;AAC3B,+CAA6B;AAC7B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,6CAA2B;AAC3B,gDAA8B;AAC9B,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,qDAAmC;AACnC,wDAAsC;AACtC,gDAA8B;AAC9B,6CAA2B;AAC3B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,gDAA8B;AAC9B,+CAA6B;AAC7B,mDAAiC;AACjC,sDAAoC;AACpC,+CAA6B;AAC7B,oDAAkC;AAClC,+CAA6B;AAC7B,iDAA+B;AAC/B,iDAA+B;AAC/B,6CAA2B;AAC3B,6CAA2B;AAC3B,gDAA8B;AAC9B,6CAA2B;AAC3B,8CAA4B;AAC5B,8CAA4B;AAC5B,mDAAiC;AACjC,iDAA+B;AAC/B,+CAA6B;AAC7B,6CAA2B;AAE3B,cAAc;AACd,sDAAoC;AACpC,oDAAkC;AAClC,qDAAmC;AACnC,uDAAqC;AACrC,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,wDAAsC;AACtC,sDAAoC"}

package/src/Identity/Animation.js

@@ -1,28 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _motions = require("./motions");
-
-var _excluded = ["animationStyle", "timeout", "component", "children"],
-    _excluded2 = ["startValue", "endValue", "timeout"],
-    _excluded3 = ["startValue", "endValue", "timeout"],
-    _excluded4 = ["startValue", "endValue", "timeout"],
-    _excluded5 = ["startValue", "endValue", "timeout"];
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -41,207 +17,108 @@ var _excluded = ["animationStyle", "timeout", "component", "children"],
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var _require = require('react-transition-group'),
-    CSSTransition = _require.CSSTransition,
-    TransitionGroup = _require.TransitionGroup;
-
-var TransitionContainer = function TransitionContainer(props) {
-  return /*#__PURE__*/_react2["default"].createElement(TransitionGroup, props);
+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;
 };
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = void 0;
+const { CSSTransition, TransitionGroup } = require('react-transition-group');
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const motions_1 = require("./motions");
+const TransitionContainer = (props) => react_2.default.createElement(TransitionGroup, Object.assign({}, props));
 exports.TransitionContainer = TransitionContainer;
-
-var Transition = function Transition(_ref) {
-  var animationStyle = _ref.animationStyle,
-      timeout = _ref.timeout,
-      _ref$component = _ref.component,
-      component = _ref$component === void 0 ? 'div' : _ref$component,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react2["default"].createElement(_react.ClassNames, null, function (_ref2) {
-    var css = _ref2.css;
-    return /*#__PURE__*/_react2["default"].createElement(CSSTransition, (0, _extends2["default"])({
-      timeout: timeout,
-      classNames: css(animationStyle)
-    }, props), component ? /*#__PURE__*/_react2["default"].createElement(component, {}, children) : children);
-  });
+const Transition = (_a) => {
+    var { animationStyle, timeout, component = 'div', children } = _a, props = __rest(_a, ["animationStyle", "timeout", "component", "children"]);
+    return (react_2.default.createElement(react_1.ClassNames, null, ({ css }) => (react_2.default.createElement(CSSTransition, Object.assign({ timeout: timeout, classNames: css(animationStyle) }, props), component ? react_2.default.createElement(component, {}, children) : children))));
 };
-
 exports.Transition = Transition;
-
-var Opacity = function Opacity(_ref3) {
-  var _ref3$startValue = _ref3.startValue,
-      startValue = _ref3$startValue === void 0 ? 0 : _ref3$startValue,
-      _ref3$endValue = _ref3.endValue,
-      endValue = _ref3$endValue === void 0 ? 1 : _ref3$endValue,
-      _ref3$timeout = _ref3.timeout,
-      timeout = _ref3$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref3$timeout,
-      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
-    animationStyle: {
-      '&-enter': {
-        opacity: startValue
-      },
-      '&-enter-active': {
-        opacity: endValue,
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit': {
-        opacity: endValue
-      },
-      '&-exit-active': {
-        opacity: startValue,
-        pointerEvents: 'none',
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit-done': {
-        opacity: startValue
-      }
-    },
-    timeout: timeout
-  }, props));
+const Opacity = (_a) => {
+    var { startValue = 0, endValue = 1, timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
+    return (react_2.default.createElement(exports.Transition, Object.assign({ animationStyle: {
+            '&-enter': { opacity: startValue },
+            '&-enter-active': {
+                opacity: endValue,
+                transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
+            },
+            '&-exit': { opacity: endValue },
+            '&-exit-active': {
+                opacity: startValue,
+                pointerEvents: 'none',
+                transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
+            },
+            '&-exit-done': { opacity: startValue },
+        }, timeout: timeout }, props)));
 };
-
 exports.Opacity = Opacity;
-
-var YAxisMovement = function YAxisMovement(_ref4) {
-  var _ref4$startValue = _ref4.startValue,
-      startValue = _ref4$startValue === void 0 ? '-100%' : _ref4$startValue,
-      _ref4$endValue = _ref4.endValue,
-      endValue = _ref4$endValue === void 0 ? '0%' : _ref4$endValue,
-      _ref4$timeout = _ref4.timeout,
-      timeout = _ref4$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref4$timeout,
-      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
-    animationStyle: {
-      '&-enter': {
-        transform: "translateY(".concat(startValue, ")")
-      },
-      '&-enter-active': {
-        transform: "translateY(".concat(endValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit': {
-        transform: "translateY(".concat(endValue, ")")
-      },
-      '&-exit-active': {
-        pointerEvents: 'none',
-        transform: "translateY(".concat(startValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit-done': {
-        transform: "translateY(".concat(startValue, ")")
-      }
-    },
-    timeout: timeout
-  }, props));
+const YAxisMovement = (_a) => {
+    var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
+    return (react_2.default.createElement(exports.Transition, Object.assign({ animationStyle: {
+            '&-enter': { transform: `translateY(${startValue})` },
+            '&-enter-active': {
+                transform: `translateY(${endValue})`,
+                transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
+            },
+            '&-exit': { transform: `translateY(${endValue})` },
+            '&-exit-active': {
+                pointerEvents: 'none',
+                transform: `translateY(${startValue})`,
+                transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
+            },
+            '&-exit-done': { transform: `translateY(${startValue})` },
+        }, timeout: timeout }, props)));
 };
-
 exports.YAxisMovement = YAxisMovement;
-
-var XAxisMovement = function XAxisMovement(_ref5) {
-  var _ref5$startValue = _ref5.startValue,
-      startValue = _ref5$startValue === void 0 ? '-100%' : _ref5$startValue,
-      _ref5$endValue = _ref5.endValue,
-      endValue = _ref5$endValue === void 0 ? '0%' : _ref5$endValue,
-      _ref5$timeout = _ref5.timeout,
-      timeout = _ref5$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref5$timeout,
-      props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
-    animationStyle: {
-      '&-enter': {
-        transform: "translateX(".concat(startValue, ")")
-      },
-      '&-enter-active': {
-        transform: "translateX(".concat(endValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit': {
-        transform: "translateX(".concat(endValue, ")")
-      },
-      '&-exit-active': {
-        pointerEvents: 'none',
-        transform: "translateX(".concat(startValue, ")"),
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.EXPONENTIAL)
-      },
-      '&-exit-done': {
-        transform: "translateX(".concat(startValue, ")")
-      }
-    },
-    timeout: timeout
-  }, props));
+const XAxisMovement = (_a) => {
+    var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
+    return (react_2.default.createElement(exports.Transition, Object.assign({ animationStyle: {
+            '&-enter': { transform: `translateX(${startValue})` },
+            '&-enter-active': {
+                transform: `translateX(${endValue})`,
+                transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
+            },
+            '&-exit': { transform: `translateX(${endValue})` },
+            '&-exit-active': {
+                pointerEvents: 'none',
+                transform: `translateX(${startValue})`,
+                transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
+            },
+            '&-exit-done': { transform: `translateX(${startValue})` },
+        }, timeout: timeout }, props)));
 };
-
 exports.XAxisMovement = XAxisMovement;
-
-var Slide = function Slide(_ref6) {
-  var _ref6$startValue = _ref6.startValue,
-      startValue = _ref6$startValue === void 0 ? '-100%' : _ref6$startValue,
-      _ref6$endValue = _ref6.endValue,
-      endValue = _ref6$endValue === void 0 ? '0%' : _ref6$endValue,
-      _ref6$timeout = _ref6.timeout,
-      timeout = _ref6$timeout === void 0 ? _motions.DURATION.DEFAULT : _ref6$timeout,
-      props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
-  return /*#__PURE__*/_react2["default"].createElement(Transition, (0, _extends2["default"])({
-    animationStyle: {
-      '&-enter': {
-        marginTop: startValue
-      },
-      '&-enter-active': {
-        marginTop: endValue,
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit': {
-        marginTop: endValue
-      },
-      '&-exit-active': {
-        marginTop: startValue,
-        pointerEvents: 'none',
-        transition: "all ".concat(timeout, "ms ").concat(_motions.EASE.QUART)
-      },
-      '&-exit-done': {
-        marginTop: startValue
-      }
-    },
-    timeout: timeout
-  }, props));
+const Slide = (_a) => {
+    var { startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT } = _a, props = __rest(_a, ["startValue", "endValue", "timeout"]);
+    return (react_2.default.createElement(exports.Transition, Object.assign({ animationStyle: {
+            '&-enter': { marginTop: startValue },
+            '&-enter-active': {
+                marginTop: endValue,
+                transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
+            },
+            '&-exit': { marginTop: endValue },
+            '&-exit-active': {
+                marginTop: startValue,
+                pointerEvents: 'none',
+                transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
+            },
+            '&-exit-done': { marginTop: startValue },
+        }, timeout: timeout }, props)));
 };
-
 exports.Slide = Slide;
-
-var LeftRightMovement = function LeftRightMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
-    startValue: "-100vh",
-    endValue: "0vh"
-  }, props));
-};
-
+const LeftRightMovement = props => react_2.default.createElement(exports.XAxisMovement, Object.assign({ startValue: "-100vh", endValue: "0vh" }, props));
 exports.LeftRightMovement = LeftRightMovement;
-
-var RightLeftMovement = function RightLeftMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(XAxisMovement, (0, _extends2["default"])({
-    startValue: "100vh",
-    endValue: "0vh"
-  }, props));
-};
-
+const RightLeftMovement = props => react_2.default.createElement(exports.XAxisMovement, Object.assign({ startValue: "100vh", endValue: "0vh" }, props));
 exports.RightLeftMovement = RightLeftMovement;
-
-var TopDownMovement = function TopDownMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
-    startValue: "-100%",
-    endValue: "0%"
-  }, props));
-};
-
+const TopDownMovement = props => react_2.default.createElement(exports.YAxisMovement, Object.assign({ startValue: "-100%", endValue: "0%" }, props));
 exports.TopDownMovement = TopDownMovement;
-
-var BottomUpMovement = function BottomUpMovement(props) {
-  return /*#__PURE__*/_react2["default"].createElement(YAxisMovement, (0, _extends2["default"])({
-    startValue: "100%",
-    endValue: "0%"
-  }, props));
-};
-
+const BottomUpMovement = props => react_2.default.createElement(exports.YAxisMovement, Object.assign({ startValue: "100%", endValue: "0%" }, props));
 exports.BottomUpMovement = BottomUpMovement;
 //# sourceMappingURL=Animation.js.map

package/src/Identity/Animation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Animation.tsx"],"names":["require","CSSTransition","TransitionGroup","TransitionContainer","props","Transition","animationStyle","timeout","component","children","css","React","createElement","Opacity","startValue","endValue","DURATION","DEFAULT","opacity","transition","EASE","QUART","pointerEvents","YAxisMovement","transform","EXPONENTIAL","XAxisMovement","Slide","marginTop","LeftRightMovement","RightLeftMovement","TopDownMovement","BottomUpMovement"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nconst {CSSTransition, TransitionGroup} = require('react-transition-group');\nimport {ClassNames} from '@emotion/react';\nimport React from 'react';\n\nimport {DURATION, EASE} from './motions';\n\ntype TransitionProps = Partial<any> & {\n  children: React.ReactNode;\n  component?: string | React.ComponentType<any>;\n};\n\ntype OpacityProps = TransitionProps & {\n  endValue?: number;\n  startValue?: number;\n};\n\ntype MovementProps = TransitionProps & {\n  endValue?: string;\n  startValue?: string;\n};\n\ntype TransitionContainerProps = React.HTMLProps<any> & {\n  appear?: boolean;\n  component?: string;\n  enter?: boolean;\n  exit?: boolean;\n};\n\nexport const TransitionContainer = (props: TransitionContainerProps) => <TransitionGroup {...props} />;\n\nexport const Transition = ({animationStyle, timeout, component = 'div', children, ...props}: TransitionProps) => (\n  <ClassNames>\n    {({css}) => (\n      <CSSTransition timeout={timeout} classNames={css(animationStyle)} {...props}>\n        {component ? React.createElement(component, {}, children) : children}\n      </CSSTransition>\n    )}\n  </ClassNames>\n);\n\nexport const Opacity = ({startValue = 0, endValue = 1, timeout = DURATION.DEFAULT, ...props}: OpacityProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {opacity: startValue},\n      '&-enter-active': {\n        opacity: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {opacity: endValue},\n      '&-exit-active': {\n        opacity: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {opacity: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const YAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateY(${startValue})`},\n      '&-enter-active': {\n        transform: `translateY(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateY(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateY(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateY(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const XAxisMovement = ({\n  startValue = '-100%',\n  endValue = '0%',\n  timeout = DURATION.DEFAULT,\n  ...props\n}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {transform: `translateX(${startValue})`},\n      '&-enter-active': {\n        transform: `translateX(${endValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit': {transform: `translateX(${endValue})`},\n      '&-exit-active': {\n        pointerEvents: 'none',\n        transform: `translateX(${startValue})`,\n        transition: `all ${timeout}ms ${EASE.EXPONENTIAL}`,\n      },\n      '&-exit-done': {transform: `translateX(${startValue})`},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const Slide = ({startValue = '-100%', endValue = '0%', timeout = DURATION.DEFAULT, ...props}: MovementProps) => (\n  <Transition\n    animationStyle={{\n      '&-enter': {marginTop: startValue},\n      '&-enter-active': {\n        marginTop: endValue,\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit': {marginTop: endValue},\n      '&-exit-active': {\n        marginTop: startValue,\n        pointerEvents: 'none',\n        transition: `all ${timeout}ms ${EASE.QUART}`,\n      },\n      '&-exit-done': {marginTop: startValue},\n    }}\n    timeout={timeout}\n    {...props}\n  />\n);\n\nexport const LeftRightMovement = props => <XAxisMovement startValue=\"-100vh\" endValue=\"0vh\" {...props} />;\nexport const RightLeftMovement = props => <XAxisMovement startValue=\"100vh\" endValue=\"0vh\" {...props} />;\n\nexport const TopDownMovement = props => <YAxisMovement startValue=\"-100%\" endValue=\"0%\" {...props} />;\nexport const BottomUpMovement = props => <YAxisMovement startValue=\"100%\" endValue=\"0%\" {...props} />;\n"],"file":"Animation.js"}
+{"version":3,"file":"Animation.js","sourceRoot":"","sources":["Animation.tsx"],"names":[],"mappings":"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"}

package/src/Identity/Avatar.js

@@ -1,28 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Avatar = exports.DEFAULT_AVATAR_SIZE = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = require("@emotion/react");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react2 = require("react");
-
-var _Misc = require("../Misc/");
-
-var _util = require("../util");
-
-var _colors = require("./colors");
-
-var _motions = require("./motions");
-
 /*
  * Wire
  * Copyright (C) 2019 Wire Swiss GmbH
@@ -41,98 +17,74 @@ var _motions = require("./motions");
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = exports.DEFAULT_AVATAR_SIZE = void 0;
 /** @jsx jsx */
-var DEFAULT_AVATAR_SIZE = 28;
-exports.DEFAULT_AVATAR_SIZE = DEFAULT_AVATAR_SIZE;
-
-var avatarStyle = function avatarStyle(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? _colors.COLOR.WHITE : _ref$color,
-      url = _ref.url,
-      borderColor = _ref.borderColor,
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? _colors.COLOR.GRAY : _ref$backgroundColor,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? DEFAULT_AVATAR_SIZE : _ref$size,
-      isAvatarGridItem = _ref.isAvatarGridItem;
-  var BORDER_SIZE_LIMIT = 32;
-  var borderSize = size > BORDER_SIZE_LIMIT ? 2 : 1;
-  var borderWidth = url ? 0 : borderSize;
-  var fontSize = "".concat(Math.ceil(size / 2.2), "px");
-  return {
-    alignItems: 'center',
-    backgroundColor: backgroundColor,
-    borderRadius: isAvatarGridItem ? '0' : '50%',
-    boxShadow: isAvatarGridItem ? 'none' : "inset 0 0 0 ".concat(borderWidth, "px ").concat(borderColor),
-    color: color,
-    display: 'flex',
-    fontSize: fontSize,
-    fontWeight: isAvatarGridItem ? 700 : 300,
-    height: "".concat(size, "px"),
-    justifyContent: 'center',
-    minHeight: "".concat(size, "px"),
-    minWidth: "".concat(size, "px"),
-    overflow: 'hidden',
-    width: "".concat(size, "px")
-  };
-};
-
-var filteredAvatarProps = function filteredAvatarProps(props) {
-  return (0, _util.filterProps)(props, ['size', 'forceInitials', 'name', 'url', 'borderColor', 'backgroundColor', 'fetchImage', 'isAvatarGridItem']);
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const Misc_1 = require("../Misc/");
+const util_1 = require("../util");
+const colors_1 = require("./colors");
+const motions_1 = require("./motions");
+exports.DEFAULT_AVATAR_SIZE = 28;
+const avatarStyle = ({ color = colors_1.COLOR.WHITE, url, borderColor, backgroundColor = colors_1.COLOR.GRAY, size = exports.DEFAULT_AVATAR_SIZE, isAvatarGridItem, }) => {
+    const BORDER_SIZE_LIMIT = 32;
+    const borderSize = size > BORDER_SIZE_LIMIT ? 2 : 1;
+    const borderWidth = url ? 0 : borderSize;
+    const fontSize = `${Math.ceil(size / 2.2)}px`;
+    return {
+        alignItems: 'center',
+        backgroundColor: backgroundColor,
+        borderRadius: isAvatarGridItem ? '0' : '50%',
+        boxShadow: isAvatarGridItem ? 'none' : `inset 0 0 0 ${borderWidth}px ${borderColor}`,
+        color,
+        display: 'flex',
+        fontSize,
+        fontWeight: isAvatarGridItem ? 700 : 300,
+        height: `${size}px`,
+        justifyContent: 'center',
+        minHeight: `${size}px`,
+        minWidth: `${size}px`,
+        overflow: 'hidden',
+        width: `${size}px`,
+    };
 };
-
-var Avatar = function Avatar(props) {
-  var url = props.url,
-      forceInitials = props.forceInitials,
-      name = props.name,
-      fetchImage = props.fetchImage,
-      isAvatarGridItem = props.isAvatarGridItem;
-
-  var _useState = (0, _react2.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      scale = _useState2[0],
-      setScale = _useState2[1];
-
-  (0, _react2.useEffect)(function () {
-    if (url) {
-      requestAnimationFrame(function () {
-        return setScale(1);
-      });
-    }
-  }, [url]);
-
-  var getInitials = function getInitials() {
-    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return name.split(' ').filter(Boolean).map(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 1),
-          initial = _ref3[0];
-
-      return initial.toUpperCase();
-    }).join('').substring(0, isAvatarGridItem ? 1 : 2);
-  };
-
-  return (0, _react.jsx)(_Misc.IsInViewport, (0, _extends2["default"])({
-    checkViewportOnce: true,
-    onEnterViewport: fetchImage,
-    disabled: !!url,
-    css: avatarStyle(props),
-    "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials'
-  }, filteredAvatarProps(props)), forceInitials || !url ? getInitials(name) : (0, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)({
-      backgroundImage: url && "url(".concat(url, ")"),
-      backgroundPosition: 'center',
-      backgroundSize: 'cover',
-      borderRadius: isAvatarGridItem ? '0' : '50%',
-      minHeight: '100%',
-      minWidth: '100%',
-      opacity: scale,
-      transform: "scale(".concat(scale, ")"),
-      transition: "all ".concat(_motions.DURATION.DEFAULT, "ms ").concat(_motions.EASE.QUART),
-      width: '100%'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Avatar;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUhVIiwiZmlsZSI6IkF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE5IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge3VzZUVmZmVjdCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtJc0luVmlld3BvcnQsIElzSW5WaWV3cG9ydFByb3BzfSBmcm9tICcuLi9NaXNjLyc7XG5pbXBvcnQge2ZpbHRlclByb3BzfSBmcm9tICcuLi91dGlsJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4vY29sb3JzJztcbmltcG9ydCB7RFVSQVRJT04sIEVBU0V9IGZyb20gJy4vbW90aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX0FWQVRBUl9TSVpFID0gMjg7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXZhdGFyUHJvcHM8VCA9IEhUTUxEaXZFbGVtZW50PiBleHRlbmRzIElzSW5WaWV3cG9ydFByb3BzPFQ+IHtcbiAgYmFja2dyb3VuZENvbG9yPzogc3RyaW5nO1xuICBib3JkZXJDb2xvcj86IHN0cmluZztcbiAgZmV0Y2hJbWFnZT86ICgpID0+IHZvaWQ7XG4gIGZvcmNlSW5pdGlhbHM/OiBib29sZWFuO1xuICBpc0F2YXRhckdyaWRJdGVtPzogYm9vbGVhbjtcbiAgbmFtZT86IHN0cmluZztcbiAgc2l6ZT86IG51bWJlcjtcbiAgdXJsPzogc3RyaW5nO1xufVxuXG5jb25zdCBhdmF0YXJTdHlsZTogPFQ+KHByb3BzOiBBdmF0YXJQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHtcbiAgY29sb3IgPSBDT0xPUi5XSElURSxcbiAgdXJsLFxuICBib3JkZXJDb2xvcixcbiAgYmFja2dyb3VuZENvbG9yID0gQ09MT1IuR1JBWSxcbiAgc2l6ZSA9IERFRkFVTFRfQVZBVEFSX1NJWkUsXG4gIGlzQXZhdGFyR3JpZEl0ZW0sXG59KSA9PiB7XG4gIGNvbnN0IEJPUkRFUl9TSVpFX0xJTUlUID0gMzI7XG4gIGNvbnN0IGJvcmRlclNpemUgPSBzaXplID4gQk9SREVSX1NJWkVfTElNSVQgPyAyIDogMTtcbiAgY29uc3QgYm9yZGVyV2lkdGggPSB1cmwgPyAwIDogYm9yZGVyU2l6ZTtcbiAgY29uc3QgZm9udFNpemUgPSBgJHtNYXRoLmNlaWwoc2l6ZSAvIDIuMil9cHhgO1xuXG4gIHJldHVybiB7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYmFja2dyb3VuZENvbG9yOiBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiBpc0F2YXRhckdyaWRJdGVtID8gJzAnIDogJzUwJScsXG4gICAgYm94U2hhZG93OiBpc0F2YXRhckdyaWRJdGVtID8gJ25vbmUnIDogYGluc2V0IDAgMCAwICR7Ym9yZGVyV2lkdGh9cHggJHtib3JkZXJDb2xvcn1gLFxuICAgIGNvbG9yLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmb250U2l6ZSxcbiAgICBmb250V2VpZ2h0OiBpc0F2YXRhckdyaWRJdGVtID8gNzAwIDogMzAwLFxuICAgIGhlaWdodDogYCR7c2l6ZX1weGAsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIG1pbkhlaWdodDogYCR7c2l6ZX1weGAsXG4gICAgbWluV2lkdGg6IGAke3NpemV9cHhgLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICB3aWR0aDogYCR7c2l6ZX1weGAsXG4gIH07XG59O1xuXG5jb25zdCBmaWx0ZXJlZEF2YXRhclByb3BzID0gKHByb3BzOiBBdmF0YXJQcm9wcykgPT5cbiAgZmlsdGVyUHJvcHMocHJvcHMsIFtcbiAgICAnc2l6ZScsXG4gICAgJ2ZvcmNlSW5pdGlhbHMnLFxuICAgICduYW1lJyxcbiAgICAndXJsJyxcbiAgICAnYm9yZGVyQ29sb3InLFxuICAgICdiYWNrZ3JvdW5kQ29sb3InLFxuICAgICdmZXRjaEltYWdlJyxcbiAgICAnaXNBdmF0YXJHcmlkSXRlbScsXG4gIF0pO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyID0gKHByb3BzOiBBdmF0YXJQcm9wcykgPT4ge1xuICBjb25zdCB7dXJsLCBmb3JjZUluaXRpYWxzLCBuYW1lLCBmZXRjaEltYWdlLCBpc0F2YXRhckdyaWRJdGVtfSA9IHByb3BzO1xuICBjb25zdCBbc2NhbGUsIHNldFNjYWxlXSA9IHVzZVN0YXRlKDApO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh1cmwpIHtcbiAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiBzZXRTY2FsZSgxKSk7XG4gICAgfVxuICB9LCBbdXJsXSk7XG4gIGNvbnN0IGdldEluaXRpYWxzID0gKG5hbWU6IHN0cmluZyA9ICcnKSA9PlxuICAgIG5hbWVcbiAgICAgIC5zcGxpdCgnICcpXG4gICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAubWFwKChbaW5pdGlhbF0pID0+IGluaXRpYWwudG9VcHBlckNhc2UoKSlcbiAgICAgIC5qb2luKCcnKVxuICAgICAgLnN1YnN0cmluZygwLCBpc0F2YXRhckdyaWRJdGVtID8gMSA6IDIpO1xuXG4gIHJldHVybiAoXG4gICAgPElzSW5WaWV3cG9ydFxuICAgICAgY2hlY2tWaWV3cG9ydE9uY2VcbiAgICAgIG9uRW50ZXJWaWV3cG9ydD17ZmV0Y2hJbWFnZX1cbiAgICAgIGRpc2FibGVkPXshIXVybH1cbiAgICAgIGNzcz17YXZhdGFyU3R5bGUocHJvcHMpfVxuICAgICAgZGF0YS11aWUtbmFtZT17IWZvcmNlSW5pdGlhbHMgJiYgdXJsID8gJ2VsZW1lbnQtYXZhdGFyLWltYWdlJyA6ICdlbGVtZW50LWF2YXRhci1pbml0aWFscyd9XG4gICAgICB7Li4uZmlsdGVyZWRBdmF0YXJQcm9wcyhwcm9wcyl9XG4gICAgPlxuICAgICAge2ZvcmNlSW5pdGlhbHMgfHwgIXVybCA/IChcbiAgICAgICAgZ2V0SW5pdGlhbHMobmFtZSlcbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogdXJsICYmIGB1cmwoJHt1cmx9KWAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kUG9zaXRpb246ICdjZW50ZXInLFxuICAgICAgICAgICAgYmFja2dyb3VuZFNpemU6ICdjb3ZlcicsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6IGlzQXZhdGFyR3JpZEl0ZW0gPyAnMCcgOiAnNTAlJyxcbiAgICAgICAgICAgIG1pbkhlaWdodDogJzEwMCUnLFxuICAgICAgICAgICAgbWluV2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIG9wYWNpdHk6IHNjYWxlLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBgc2NhbGUoJHtzY2FsZX0pYCxcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBhbGwgJHtEVVJBVElPTi5ERUZBVUxUfW1zICR7RUFTRS5RVUFSVH1gLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0lzSW5WaWV3cG9ydD5cbiAgKTtcbn07XG4iXX0= */")
-  }));
+const filteredAvatarProps = (props) => (0, util_1.filterProps)(props, [
+    'size',
+    'forceInitials',
+    'name',
+    'url',
+    'borderColor',
+    'backgroundColor',
+    'fetchImage',
+    'isAvatarGridItem',
+]);
+const Avatar = (props) => {
+    const { url, forceInitials, name, fetchImage, isAvatarGridItem } = props;
+    const [scale, setScale] = (0, react_2.useState)(0);
+    (0, react_2.useEffect)(() => {
+        if (url) {
+            requestAnimationFrame(() => setScale(1));
+        }
+    }, [url]);
+    const getInitials = (name = '') => name
+        .split(' ')
+        .filter(Boolean)
+        .map(([initial]) => initial.toUpperCase())
+        .join('')
+        .substring(0, isAvatarGridItem ? 1 : 2);
+    return ((0, react_1.jsx)(Misc_1.IsInViewport, Object.assign({ checkViewportOnce: true, onEnterViewport: fetchImage, disabled: !!url, css: avatarStyle(props), "data-uie-name": !forceInitials && url ? 'element-avatar-image' : 'element-avatar-initials' }, filteredAvatarProps(props)), forceInitials || !url ? (getInitials(name)) : ((0, react_1.jsx)("div", { css: {
+            backgroundImage: url && `url(${url})`,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            borderRadius: isAvatarGridItem ? '0' : '50%',
+            minHeight: '100%',
+            minWidth: '100%',
+            opacity: scale,
+            transform: `scale(${scale})`,
+            transition: `all ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.QUART}`,
+            width: '100%',
+        } }))));
 };
-
 exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.js.map