synapse-react-client 3.0.25 → 3.0.26

package/dist/containers/SynapseNavDrawer.js

@@ -5,7 +5,6 @@ var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
-var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
 var SynapseIconWhite_1 = (0, tslib_1.__importDefault)(require("../assets/icons/SynapseIconWhite"));
 var SynapseLogoName_1 = (0, tslib_1.__importDefault)(require("../assets/icons/SynapseLogoName"));
 var utils_1 = require("../utils");
@@ -16,9 +15,10 @@ var SynapseClient_1 = require("../utils/SynapseClient");
 var SynapseContext_1 = require("../utils/SynapseContext");
 var synapseTypes_1 = require("../utils/synapseTypes");
 var AccessSubmission_1 = require("../utils/synapseTypes/AccessSubmission");
-var Avatar_1 = require("./Avatar");
+var Tooltip_1 = (0, tslib_1.__importDefault)(require("../utils/tooltip/Tooltip"));
 var CreateProjectModal_1 = require("./CreateProjectModal");
 var IconSvg_1 = (0, tslib_1.__importDefault)(require("./IconSvg"));
+var UserCard_1 = (0, tslib_1.__importDefault)(require("./UserCard"));
 var NavItem;
 (function (NavItem) {
     NavItem[NavItem["PROJECTS"] = 0] = "PROJECTS";
@@ -80,6 +80,23 @@ var projectSearchJson = {
     start: 0,
     size: 30,
 };
+var NavDrawerListItem = function (props) {
+    var tooltip = props.tooltip, iconName = props.iconName, onClickOpenNavMenu = props.onClickOpenNavMenu, onClickGoToUrl = props.onClickGoToUrl, additionalChildren = props.additionalChildren, badgeContent = props.badgeContent, _a = props.isCurrentlySelectedItem, isCurrentlySelectedItem = _a === void 0 ? false : _a, handleDrawerClose = props.handleDrawerClose, handleDrawerOpen = props.handleDrawerOpen;
+    var handler = isCurrentlySelectedItem || onClickGoToUrl
+        ? handleDrawerClose
+        : function () {
+            handleDrawerOpen(onClickOpenNavMenu);
+        };
+    var item = iconName ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(IconSvg_1.default, { options: { icon: iconName } }),
+        " ",
+        additionalChildren,
+        ' ')) : (additionalChildren);
+    var listItem = (react_1.default.createElement(Tooltip_1.default, { title: tooltip, placement: "right" },
+        react_1.default.createElement(core_1.ListItem, { button: true, key: iconName, "data-tip": tooltip, "data-for": "SynapseNavDrawerTooltipId", "data-testid": "" + tooltip, onClick: handler, className: "SRC-whiteText", selected: isCurrentlySelectedItem },
+            react_1.default.createElement(core_1.Badge, { badgeContent: badgeContent, color: "secondary" }, item))));
+    return onClickGoToUrl ? (react_1.default.createElement("a", { href: onClickGoToUrl, rel: "noopener noreferrer", className: "SRC-whiteText" }, listItem)) : (listItem);
+};
 /**
  * Displays the Synapse navigational drawer on the left side of the page.  Has links to various areas if logged in.
  */
@@ -141,26 +158,6 @@ var SynapseNavDrawer = function (_a) {
         setOpen(false);
         setSelectedItem(undefined);
     };
-    var NavDrawerListItem = function (params) {
-        var tooltip = params.tooltip, iconName = params.iconName, onClickOpenNavMenu = params.onClickOpenNavMenu, onClickGoToUrl = params.onClickGoToUrl, additionalChildren = params.additionalChildren, badgeContent = params.badgeContent;
-        var isCurrentlySelectedItem = typeof selectedItem === 'undefined'
-            ? false
-            : selectedItem == onClickOpenNavMenu;
-        var handler = isCurrentlySelectedItem || onClickGoToUrl
-            ? handleDrawerClose
-            : function () {
-                handleDrawerOpen(onClickOpenNavMenu);
-            };
-        var item = iconName ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(IconSvg_1.default, { options: { icon: iconName } }),
-            " ",
-            additionalChildren,
-            ' ')) : (additionalChildren);
-        var listItem = (react_1.default.createElement(core_1.ListItem, { button: true, key: iconName, "data-tip": tooltip, "data-for": tooltip + "Link", "data-testid": "" + tooltip, onClick: handler, className: "SRC-whiteText", selected: isCurrentlySelectedItem },
-            react_1.default.createElement(react_tooltip_1.default, { delayShow: 300, place: "right", type: "dark", effect: "solid", id: tooltip + "Link" }),
-            react_1.default.createElement(core_1.Badge, { badgeContent: badgeContent, color: "secondary" }, item)));
-        return onClickGoToUrl ? (react_1.default.createElement("a", { href: onClickGoToUrl, rel: "noopener noreferrer", className: "SRC-whiteText" }, listItem)) : (listItem);
-    };
     var onProjectSearch = function (searchTerm) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         projectSearchJson.queryTerm = searchTerm.split(/[ ,]+/);
@@ -173,32 +170,32 @@ var SynapseNavDrawer = function (_a) {
                     react_1.default.createElement(SynapseIconWhite_1.default, null))),
             react_1.default.createElement(core_1.List, null,
                 isLoggedIn && currentUserProfile && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Projects", iconName: "dashboard", onClickOpenNavMenu: NavItem.PROJECTS }),
-                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Favorites", iconName: "favTwoTone", onClickGoToUrl: "/#!Profile:" + currentUserProfile.ownerId + "/favorites" }),
-                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Teams", iconName: "peopleTwoTone", onClickGoToUrl: "/#!Profile:" + currentUserProfile.ownerId + "/teams" }),
-                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Challenges", iconName: "challengesTwoTone", onClickGoToUrl: "/#!Profile:" + currentUserProfile.ownerId + "/challenges" }),
-                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Download Cart", iconName: "download", onClickGoToUrl: "/#!DownloadCart:0", badgeContent: numberOfFilesInDownloadList }),
-                    (0, SynapseClient_1.isInSynapseExperimentalMode)() && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Trash Can", iconName: "delete", onClickGoToUrl: "/#!Trash:0" })),
+                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Projects", iconName: "dashboard", onClickOpenNavMenu: NavItem.PROJECTS, isCurrentlySelectedItem: selectedItem == NavItem.PROJECTS, handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen }),
+                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Favorites", iconName: "favTwoTone", onClickGoToUrl: "/#!Profile:" + currentUserProfile.ownerId + "/favorites", handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen }),
+                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Teams", iconName: "peopleTwoTone", onClickGoToUrl: "/#!Profile:" + currentUserProfile.ownerId + "/teams", handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen }),
+                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Challenges", iconName: "challengesTwoTone", onClickGoToUrl: "/#!Profile:" + currentUserProfile.ownerId + "/challenges", handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen }),
+                    react_1.default.createElement(NavDrawerListItem, { tooltip: "Download Cart", iconName: "download", onClickGoToUrl: "/#!DownloadCart:0", badgeContent: numberOfFilesInDownloadList, handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen }),
+                    (0, SynapseClient_1.isInSynapseExperimentalMode)() && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Trash Can", iconName: "delete", onClickGoToUrl: "/#!Trash:0", handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen })),
                     (0, SynapseClient_1.isInSynapseExperimentalMode)() &&
-                        (currentUserBundle === null || currentUserBundle === void 0 ? void 0 : currentUserBundle.isARReviewer) && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Data Access Management", iconName: "accessManagement", onClickGoToUrl: "/#!DataAccessManagement:default/Submissions", badgeContent: countOfOpenSubmissionsForReview })))),
-                react_1.default.createElement(NavDrawerListItem, { tooltip: "Search", iconName: "search", onClickGoToUrl: "/#!Search:" })),
+                        (currentUserBundle === null || currentUserBundle === void 0 ? void 0 : currentUserBundle.isARReviewer) && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Data Access Management", iconName: "accessManagement", onClickGoToUrl: "/#!DataAccessManagement:default/Submissions", badgeContent: countOfOpenSubmissionsForReview, handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen })))),
+                react_1.default.createElement(NavDrawerListItem, { tooltip: "Search", iconName: "search", onClickGoToUrl: "/#!Search:", handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen })),
             react_1.default.createElement("div", { className: "filler" }),
             react_1.default.createElement(core_1.List, null,
-                isLoggedIn && currentUserProfile && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Your Account", onClickOpenNavMenu: NavItem.PROFILE, additionalChildren: react_1.default.createElement(Avatar_1.Avatar, { userProfile: currentUserProfile, avatarSize: "SMALL" }) })),
-                !isLoggedIn && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Sign in", iconName: "login", onClickGoToUrl: "/#!LoginPlace:0" })),
-                react_1.default.createElement(NavDrawerListItem, { tooltip: "Help", iconName: "helpOutlined", onClickOpenNavMenu: NavItem.HELP }))),
+                isLoggedIn && currentUserProfile && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Your Account", onClickOpenNavMenu: NavItem.PROFILE, additionalChildren: react_1.default.createElement(UserCard_1.default, { userProfile: currentUserProfile, size: "AVATAR", avatarSize: "SMALL" }), isCurrentlySelectedItem: selectedItem == NavItem.PROFILE, handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen })),
+                !isLoggedIn && (react_1.default.createElement(NavDrawerListItem, { tooltip: "Sign in", iconName: "login", onClickGoToUrl: "/#!LoginPlace:0", handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen })),
+                react_1.default.createElement(NavDrawerListItem, { tooltip: "Help", iconName: "helpOutlined", onClickOpenNavMenu: NavItem.HELP, isCurrentlySelectedItem: selectedItem == NavItem.HELP, handleDrawerClose: handleDrawerClose, handleDrawerOpen: handleDrawerOpen }))),
         react_1.default.createElement(core_1.Drawer, { variant: "temporary", open: isOpen, className: "SynapseNavContentDrawer", onClose: handleDrawerClose },
             react_1.default.createElement("div", { className: "synapseLogoNameContainer" },
                 react_1.default.createElement(SynapseLogoName_1.default, null)),
             react_1.default.createElement("div", { className: "navContentContainer" },
                 selectedItem == NavItem.PROJECTS && (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("div", { className: "header projectHeader" }, "Projects"),
-                    react_1.default.createElement("a", { className: "createProjectLink", "data-for": "createProjectTooltipId", "data-tip": "Create a New Project", onClick: function () {
-                            setIsShowingCreateProjectModal(true);
-                            handleDrawerClose();
-                        } },
-                        react_1.default.createElement(react_tooltip_1.default, { delayShow: 300, place: "right", type: "dark", effect: "solid", id: "createProjectTooltipId" }),
-                        react_1.default.createElement(IconSvg_1.default, { options: { icon: 'addCircleOutline' } })),
+                    react_1.default.createElement(Tooltip_1.default, { title: "Create a New Project", placement: "right" },
+                        react_1.default.createElement("a", { className: "createProjectLink", "data-for": "createProjectTooltipId", "data-tip": "Create a New Project", onClick: function () {
+                                setIsShowingCreateProjectModal(true);
+                                handleDrawerClose();
+                            } },
+                            react_1.default.createElement(IconSvg_1.default, { options: { icon: 'addCircleOutline' } }))),
                     react_1.default.createElement("div", { className: "searchInputWithIcon" },
                         react_1.default.createElement(IconSvg_1.default, { options: { icon: 'searchOutlined' } }),
                         react_1.default.createElement(react_bootstrap_1.Form.Control, { type: "search", placeholder: "Search All Projects", value: projectSearchText, onChange: function (event) {

package/dist/containers/SynapseNavDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseNavDrawer.js","sourceRoot":"","sources":["../../src/lib/containers/SynapseNavDrawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SynapseNavDrawer.js","sourceRoot":"","sources":["../../src/lib/containers/SynapseNavDrawer.tsx"],"names":[],"mappings":"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"}

package/dist/containers/UserCard.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
-import { MenuAction } from './UserCardContextMenu';
 import { UserProfile } from '../utils/synapseTypes/';
 import { AvatarSize } from './Avatar';
+import { MenuAction } from './UserCardContextMenu';
 export declare type UserCardSize = 'AVATAR' | 'SMALL USER CARD' | 'MEDIUM USER CARD' | 'LARGE USER CARD';
 export declare type UserCardProps = {
     /** A UserProfile may be used for data for the card. You must supply one of `userProfile`, `alias`, `ownerId` */
     userProfile?: UserProfile;
-    /** Whether or not to hide the user's Synapse email address */
-    hideEmail?: boolean;
-    /** If set, the corresponding image will be shown for the user. */
-    preSignedURL?: string;
     /** An alias that resolves the ownerId for the UserProfile. You must supply one of `userProfile`, `alias`, `ownerId` */
     alias?: string;
     /** The unique ownerId of the UserProfile. You must supply one of `userProfile`, `alias`, `ownerId` */
     ownerId?: string;
+    /** Whether or not to hide the user's Synapse email address */
+    hideEmail?: boolean;
+    /** If set, the corresponding image will be shown for the user. */
+    preSignedURL?: string;
     /** Specifies the card size */
     size: UserCardSize;
     /** For the small user card or avatar, shows the medium user card on mouseover */

package/dist/containers/UserCard.js

@@ -3,45 +3,63 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserCard = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
-var SynapseClient_1 = require("../utils/SynapseClient");
 var utils_1 = require("../utils/");
-var UserCardSmall_1 = require("./UserCardSmall");
-var UserCardMedium_1 = (0, tslib_1.__importDefault)(require("./UserCardMedium"));
-var Avatar_1 = require("./Avatar");
-var SynapseContext_1 = require("../utils/SynapseContext");
 var useUserBundle_1 = require("../utils/hooks/SynapseAPI/useUserBundle");
+var usePreFetchResource_1 = (0, tslib_1.__importDefault)(require("../utils/hooks/usePreFetchResource"));
+var SynapseClient_1 = require("../utils/SynapseClient");
+var SynapseContext_1 = require("../utils/SynapseContext");
+var Avatar_1 = require("./Avatar");
+var UserCardMedium_1 = (0, tslib_1.__importDefault)(require("./UserCardMedium"));
+var UserCardSmall_1 = require("./UserCardSmall");
 var UserCard = function (props) {
     var initialProfile = props.userProfile, initialPreSignedURL = props.preSignedURL, size = props.size, ownerId = props.ownerId, alias = props.alias, rest = (0, tslib_1.__rest)(props, ["userProfile", "preSignedURL", "size", "ownerId", "alias"]);
     var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
-    var _a = (0, react_1.useState)(initialProfile), userProfile = _a[0], setUserProfile = _a[1];
-    var _b = (0, react_1.useState)(ownerId), principalId = _b[0], setPrincipalId = _b[1];
-    var _c = (0, react_1.useState)(true), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = (0, react_1.useState)(initialPreSignedURL), preSignedURL = _d[0], setPresignedUrl = _d[1];
-    var profileAndImage = (0, useUserBundle_1.useGetUserProfileWithProfilePic)(principalId, {
-        enabled: !!principalId,
+    var _a = (0, react_1.useState)(ownerId), principalId = _a[0], setPrincipalId = _a[1];
+    var _b = (0, react_1.useState)(true), isLoading = _b[0], setIsLoading = _b[1];
+    // if null, the user has no profile image. if undefined, the profile image is still being fetched
+    var _c = (0, react_1.useState)(undefined), fetchedPresignedUrl = _c[0], setFetchedPresignedUrl = _c[1];
+    // If we weren't provided an initialProfile, fetch from Synapse
+    var fetchedProfile = (0, useUserBundle_1.useGetUserProfile)(principalId, {
+        enabled: !!principalId && !initialProfile,
     }).data;
+    var userProfile = initialProfile !== null && initialProfile !== void 0 ? initialProfile : fetchedProfile;
     (0, react_1.useEffect)(function () {
-        if (profileAndImage) {
-            if (!initialProfile) {
-                setUserProfile(profileAndImage.userProfile);
-            }
-            if (!initialPreSignedURL) {
-                setPresignedUrl(profileAndImage.preSignedURL);
-            }
+        var isCanceled = false;
+        // If we weren't provided an inital presigned URL for the image, fetch from Synapse.
+        if (!initialPreSignedURL && (ownerId || (userProfile === null || userProfile === void 0 ? void 0 : userProfile.ownerId))) {
+            utils_1.SynapseClient.getProfilePicPreviewPresignedUrl((ownerId !== null && ownerId !== void 0 ? ownerId : userProfile === null || userProfile === void 0 ? void 0 : userProfile.ownerId)).then(function (result) {
+                if (!isCanceled) {
+                    setFetchedPresignedUrl(result);
+                }
+            });
         }
-    }, [profileAndImage, initialPreSignedURL, initialProfile]);
+        return function () {
+            isCanceled = true;
+        };
+    }, [initialPreSignedURL, ownerId, userProfile === null || userProfile === void 0 ? void 0 : userProfile.ownerId]);
+    var presignedUrl = initialPreSignedURL !== null && initialPreSignedURL !== void 0 ? initialPreSignedURL : fetchedPresignedUrl;
+    var mayHaveProfileImage = presignedUrl !== null;
+    var imageURL = (0, usePreFetchResource_1.default)(mayHaveProfileImage ? presignedUrl : undefined);
+    var isLoadingAvatar = mayHaveProfileImage && !imageURL;
     (0, react_1.useEffect)(function () {
+        var isCanceled = false;
         if (userProfile) {
             setIsLoading(false);
         }
         else if (alias) {
             // Before we can get the profile, we must get the principal ID using the alias
             (0, SynapseClient_1.getPrincipalAliasRequest)(accessToken, alias, 'USER_NAME').then(function (aliasData) {
-                setPrincipalId(aliasData.principalId.toString());
+                if (!isCanceled) {
+                    setPrincipalId(aliasData.principalId.toString());
+                }
             });
         }
+        return function () {
+            isCanceled = true;
+        };
     }, [userProfile, alias, accessToken]);
-    function getCard(cardSize, propsForChild) {
+    function Card(props) {
+        var cardSize = props.cardSize, propsForChild = props.propsForChild;
         switch (cardSize) {
             case utils_1.SynapseConstants.AVATAR:
                 return react_1.default.createElement(Avatar_1.Avatar, (0, tslib_1.__assign)({}, propsForChild));
@@ -55,7 +73,7 @@ var UserCard = function (props) {
                 return react_1.default.createElement("span", null);
         }
     }
-    return isLoading || userProfile == null ? (react_1.default.createElement(react_1.default.Fragment, null)) : (getCard(props.size, (0, tslib_1.__assign)({ userProfile: userProfile, imageURL: preSignedURL }, rest)));
+    return isLoading || userProfile == null ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement(Card, { cardSize: size, propsForChild: (0, tslib_1.__assign)({ userProfile: userProfile, imageURL: imageURL, isLoadingAvatar: isLoadingAvatar }, rest) }));
 };
 exports.UserCard = UserCard;
 exports.default = exports.UserCard;

package/dist/containers/UserCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserCard.js","sourceRoot":"","sources":["../../src/lib/containers/UserCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserCard.js","sourceRoot":"","sources":["../../src/lib/containers/UserCard.tsx"],"names":[],"mappings":"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"}

package/dist/containers/UserCardMedium.d.ts

@@ -12,6 +12,7 @@ export declare type UserCardMediumProps = {
     disableLink?: boolean;
     isCertified?: boolean;
     isValidated?: boolean;
+    isLoadingAvatar?: boolean;
 };
 export declare const UserCardMedium: React.FC<UserCardMediumProps>;
 export declare const LoadingUserCardMedium: React.FunctionComponent;

package/dist/containers/UserCardMedium.js

@@ -2,19 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingUserCardMedium = exports.UserCardMedium = void 0;
 var tslib_1 = require("tslib");
+var lab_1 = require("@material-ui/lab");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
 var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
-var utils_1 = require("../utils");
 var IconCopy_1 = (0, tslib_1.__importDefault)(require("../assets/icons/IconCopy"));
 var ValidatedProfile_1 = (0, tslib_1.__importDefault)(require("../assets/icons/ValidatedProfile"));
+var SkeletonTable_1 = require("../assets/skeletons/SkeletonTable");
+var utils_1 = require("../utils");
+var getEndpoint_1 = require("../utils/functions/getEndpoint");
+var useUserBundle_1 = require("../utils/hooks/SynapseAPI/useUserBundle");
 var Avatar_1 = require("./Avatar");
+var IconSvg_1 = (0, tslib_1.__importDefault)(require("./IconSvg"));
 var ToastMessage_1 = require("./ToastMessage");
 var UserCardContextMenu_1 = (0, tslib_1.__importDefault)(require("./UserCardContextMenu"));
 var UserCardLarge_1 = require("./UserCardLarge");
-var getEndpoint_1 = require("../utils/functions/getEndpoint");
-var lab_1 = require("@material-ui/lab");
-var SkeletonTable_1 = require("../assets/skeletons/SkeletonTable");
-var IconSvg_1 = (0, tslib_1.__importDefault)(require("./IconSvg"));
 /**
  * Function handles copying to clipboard the user's email address
  *
@@ -32,10 +33,9 @@ var copyToClipboard = function (ref, value, onCopy) {
     };
 };
 var UserCardMedium = function (_a) {
-    var userProfile = _a.userProfile, menuActions = _a.menuActions, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b, imageURL = _a.imageURL, _c = _a.hideEmail, hideEmail = _c === void 0 ? false : _c, _d = _a.disableLink, disableLink = _d === void 0 ? false : _d, link = _a.link, _e = _a.openLinkInNewTab, openLinkInNewTab = _e === void 0 ? false : _e, isValidated = _a.isValidated, isCertified = _a.isCertified;
+    var userProfile = _a.userProfile, menuActions = _a.menuActions, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b, imageURL = _a.imageURL, _c = _a.hideEmail, hideEmail = _c === void 0 ? false : _c, _d = _a.disableLink, disableLink = _d === void 0 ? false : _d, link = _a.link, _e = _a.openLinkInNewTab, openLinkInNewTab = _e === void 0 ? false : _e, isValidated = _a.isValidated, isCertified = _a.isCertified, isLoadingAvatar = _a.isLoadingAvatar;
     var _f = (0, react_1.useState)(false), showModal = _f[0], setShowModal = _f[1];
     var _g = (0, react_1.useState)(false), isContextMenuOpen = _g[0], setIsContextMenuOpen = _g[1];
-    var _h = (0, react_1.useState)(undefined), ORCIDHref = _h[0], setORCIDHref = _h[1];
     var copyToClipboardRef = (0, react_1.useRef)(null);
     var onCopyToClipboard = function () {
         // show modal and hide after 4 seconds, the timing is per Material Design
@@ -64,27 +64,8 @@ var UserCardMedium = function (_a) {
             window.removeEventListener('mouseup', pageClick, false);
         };
     }, []);
-    (0, react_1.useEffect)(function () {
-        function updateOrcID() {
-            return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
-                var ownerId, bundle;
-                return (0, tslib_1.__generator)(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!!ORCIDHref) return [3 /*break*/, 2];
-                            ownerId = userProfile.ownerId;
-                            return [4 /*yield*/, utils_1.SynapseClient.getUserBundle(ownerId, utils_1.SynapseConstants.USER_BUNDLE_MASK_ORCID, undefined)];
-                        case 1:
-                            bundle = _a.sent();
-                            setORCIDHref(bundle.ORCID);
-                            _a.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        updateOrcID();
-    }, [userProfile]);
+    var userBundle = (0, useUserBundle_1.useGetUserBundle)(userProfile.ownerId, utils_1.SynapseConstants.USER_BUNDLE_MASK_ORCID).data;
+    var ORCID = userBundle === null || userBundle === void 0 ? void 0 : userBundle.ORCID;
     var toggleContextMenu = function (_event) {
         setIsContextMenuOpen(function (isOpen) { return !isOpen; });
     };
@@ -104,7 +85,7 @@ var UserCardMedium = function (_a) {
     else if (userName) {
         name = userName;
     }
-    var avatar = (react_1.default.createElement(Avatar_1.Avatar, { userProfile: userProfile, imageURL: imageURL, avatarSize: 'LARGE' }));
+    var avatar = (react_1.default.createElement(Avatar_1.Avatar, { userProfile: userProfile, imageURL: imageURL, avatarSize: 'LARGE', isLoadingAvatar: isLoadingAvatar }));
     var mediumCard = (react_1.default.createElement(react_1.default.Fragment, null,
         !hideEmail && (react_1.default.createElement(ToastMessage_1.ToastMessage, { show: showModal, text: "Email address copied to clipboard", autohide: true })),
         disableLink && avatar,
@@ -130,7 +111,7 @@ var UserCardMedium = function (_a) {
                 react_1.default.createElement("span", { style: { paddingRight: '5px', paddingBottom: '2px' } },
                     react_1.default.createElement("a", { className: "link " + (isLarge ? 'SRC-whiteText' : '') }, userName + "@synapse.org")),
                 react_1.default.createElement(IconCopy_1.default, null))),
-            ORCIDHref && (react_1.default.createElement("a", { href: ORCIDHref, target: "_blank", rel: "noopener noreferrer", style: { width: 'fit-content' }, tabIndex: 0, className: isLarge ? 'SRC-whiteText' : '' }, "View ORCID"))),
+            ORCID && (react_1.default.createElement("a", { href: ORCID, target: "_blank", rel: "noopener noreferrer", style: { width: 'fit-content' }, tabIndex: 0, className: isLarge ? 'SRC-whiteText' : '' }, "View ORCID"))),
         menuActions && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("span", { role: "menu", className: "SRC-extraPadding SRC-hand-cursor SRC-primary-background-color-hover SRC-inlineBlock\n              SRC-cardMenuButton " + (isContextMenuOpen ? 'SRC-primary-background-color' : ''), style: { outline: 'none' }, tabIndex: 0, onClick: toggleContextMenu, onKeyPress: toggleContextMenu },
                 react_1.default.createElement("span", { className: isContextMenuOpen || isLarge

package/dist/containers/UserCardMedium.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserCardMedium.js","sourceRoot":"","sources":["../../src/lib/containers/UserCardMedium.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserCardMedium.js","sourceRoot":"","sources":["../../src/lib/containers/UserCardMedium.tsx"],"names":[],"mappings":"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"}

package/dist/containers/UserCardSmall.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { AvatarSize } from './Avatar';
+/// <reference types="react" />
 import { UserProfile } from '../utils/synapseTypes/';
+import { AvatarSize } from './Avatar';
 export declare type UserCardSmallProps = {
     userProfile: UserProfile;
     showCardOnHover?: boolean;
@@ -10,8 +10,9 @@ export declare type UserCardSmallProps = {
     openLinkInNewTab?: boolean;
     withAvatar?: boolean;
     avatarSize?: AvatarSize;
+    isLoadingAvatar?: boolean;
     imageURL?: string;
     className?: string;
     showFullName?: boolean;
 };
-export declare const UserCardSmall: React.FunctionComponent<UserCardSmallProps>;
+export declare const UserCardSmall: (props: UserCardSmallProps) => JSX.Element;

package/dist/containers/UserCardSmall.js

@@ -3,70 +3,44 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserCardSmall = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
-var Avatar_1 = require("./Avatar");
-var UserCardMedium_1 = (0, tslib_1.__importDefault)(require("./UserCardMedium"));
-var useOverlay_1 = require("../utils/hooks/useOverlay");
 var utils_1 = require("../utils");
-var IconSvg_1 = (0, tslib_1.__importDefault)(require("./IconSvg"));
 var getEndpoint_1 = require("../utils/functions/getEndpoint");
+var useUserBundle_1 = require("../utils/hooks/SynapseAPI/useUserBundle");
+var useOverlay_1 = require("../utils/hooks/useOverlay");
+var Avatar_1 = require("./Avatar");
+var IconSvg_1 = (0, tslib_1.__importDefault)(require("./IconSvg"));
+var UserCardMedium_1 = (0, tslib_1.__importDefault)(require("./UserCardMedium"));
 var TIMER_DELAY_SHOW = 250; // milliseconds
 var TIMER_DELAY_HIDE = 500;
-var UserCardSmall = function (_a) {
-    var _b, _c;
-    var userProfile = _a.userProfile, _d = _a.showCardOnHover, showCardOnHover = _d === void 0 ? true : _d, disableLink = _a.disableLink, link = _a.link, _e = _a.showAccountLevelIcon, showAccountLevelIcon = _e === void 0 ? false : _e, openLinkInNewTab = _a.openLinkInNewTab, _f = _a.withAvatar, withAvatar = _f === void 0 ? false : _f, _g = _a.avatarSize, avatarSize = _g === void 0 ? 'SMALL' : _g, imageURL = _a.imageURL, className = _a.className, _h = _a.showFullName, showFullName = _h === void 0 ? false : _h, rest = (0, tslib_1.__rest)(_a, ["userProfile", "showCardOnHover", "disableLink", "link", "showAccountLevelIcon", "openLinkInNewTab", "withAvatar", "avatarSize", "imageURL", "className", "showFullName"]);
-    var _j = (0, react_1.useState)(), userBundle = _j[0], setUserBundle = _j[1];
-    var _k = (0, react_1.useState)(react_1.default.createElement(IconSvg_1.default, { options: { icon: 'accountRegistered' } })), accountLevelIcon = _k[0], setAccountLevelIcon = _k[1];
+var UserCardSmall = function (props) {
+    var _a, _b;
+    var userProfile = props.userProfile, _c = props.showCardOnHover, showCardOnHover = _c === void 0 ? true : _c, disableLink = props.disableLink, _d = props.showAccountLevelIcon, showAccountLevelIcon = _d === void 0 ? false : _d, openLinkInNewTab = props.openLinkInNewTab, _e = props.withAvatar, withAvatar = _e === void 0 ? false : _e, _f = props.avatarSize, avatarSize = _f === void 0 ? 'SMALL' : _f, imageURL = props.imageURL, className = props.className, _g = props.showFullName, showFullName = _g === void 0 ? false : _g, isLoadingAvatar = props.isLoadingAvatar, rest = (0, tslib_1.__rest)(props, ["userProfile", "showCardOnHover", "disableLink", "showAccountLevelIcon", "openLinkInNewTab", "withAvatar", "avatarSize", "imageURL", "className", "showFullName", "isLoadingAvatar"]);
+    var link = props.link;
+    var _h = (0, react_1.useState)(react_1.default.createElement(IconSvg_1.default, { options: { icon: 'accountRegistered' } })), accountLevelIcon = _h[0], setAccountLevelIcon = _h[1];
     var target = (0, react_1.useRef)(null);
-    var mounted = true;
+    var certificationOrVerification = utils_1.SynapseConstants.USER_BUNDLE_MASK_IS_CERTIFIED |
+        utils_1.SynapseConstants.USER_BUNDLE_MASK_IS_VERIFIED;
+    var userBundle = (0, useUserBundle_1.useGetUserBundle)(userProfile.ownerId, certificationOrVerification).data;
     (0, react_1.useEffect)(function () {
-        if (mounted) {
-            if (showAccountLevelIcon) {
-                getUserAccountLevelIcon();
-            }
+        if (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isCertified) {
+            setAccountLevelIcon(react_1.default.createElement(IconSvg_1.default, { options: { icon: 'accountCertified' } }));
+        }
+        if (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isVerified) {
+            setAccountLevelIcon(react_1.default.createElement(IconSvg_1.default, { options: { icon: 'accountValidated' } }));
         }
-        return function () {
-            mounted = false;
-        };
-    }, []);
-    var getUserAccountLevelIcon = function () { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
-        var certificationOrVerification, bundle, err_1;
-        return (0, tslib_1.__generator)(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    certificationOrVerification = utils_1.SynapseConstants.USER_BUNDLE_MASK_IS_CERTIFIED |
-                        utils_1.SynapseConstants.USER_BUNDLE_MASK_IS_VERIFIED;
-                    return [4 /*yield*/, utils_1.SynapseClient.getUserBundle(userProfile.ownerId, certificationOrVerification, undefined)];
-                case 1:
-                    bundle = _a.sent();
-                    if (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isCertified) {
-                        setAccountLevelIcon(react_1.default.createElement(IconSvg_1.default, { options: { icon: 'accountCertified' } }));
-                    }
-                    if (userBundle === null || userBundle === void 0 ? void 0 : userBundle.isVerified) {
-                        setAccountLevelIcon(react_1.default.createElement(IconSvg_1.default, { options: { icon: 'accountValidated' } }));
-                    }
-                    setUserBundle(bundle);
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_1 = _a.sent();
-                    console.log('getUserAccountLevelIcon', err_1);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var mediumUserCard = (react_1.default.createElement(UserCardMedium_1.default, (0, tslib_1.__assign)({ userProfile: userProfile, imageURL: imageURL }, rest)));
+    }, [showAccountLevelIcon, userBundle === null || userBundle === void 0 ? void 0 : userBundle.isCertified, userBundle === null || userBundle === void 0 ? void 0 : userBundle.isVerified]);
+    var mediumUserCard = (0, react_1.useMemo)(function () { return (react_1.default.createElement(UserCardMedium_1.default, (0, tslib_1.__assign)({ userProfile: userProfile, imageURL: imageURL }, rest))); }, [imageURL, rest, userProfile]);
     if (link == null) {
         link = getEndpoint_1.PRODUCTION_ENDPOINT_CONFIG.PORTAL + "#!Profile:" + userProfile.ownerId;
     }
-    var _l = (0, useOverlay_1.useOverlay)(mediumUserCard, target, TIMER_DELAY_SHOW, TIMER_DELAY_HIDE), OverlayComponent = _l.OverlayComponent, toggleShow = _l.toggleShow, toggleHide = _l.toggleHide;
+    var _j = (0, useOverlay_1.useOverlay)(mediumUserCard, target, TIMER_DELAY_SHOW, TIMER_DELAY_HIDE), OverlayComponent = _j.OverlayComponent, toggleShow = _j.toggleShow, toggleHide = _j.toggleHide;
     var avatar = withAvatar ? (react_1.default.createElement("span", { className: "SRC-inline-avatar" },
-        react_1.default.createElement(Avatar_1.Avatar, { userProfile: userProfile, avatarSize: avatarSize, imageURL: imageURL }))) : (react_1.default.createElement(react_1.default.Fragment, null));
+        react_1.default.createElement(Avatar_1.Avatar, { userProfile: userProfile, avatarSize: avatarSize, imageURL: imageURL, isLoadingAvatar: isLoadingAvatar }))) : (react_1.default.createElement(react_1.default.Fragment, null));
     var fullName = showFullName ? (react_1.default.createElement("span", { className: 'user-fullname' },
-        "\u00A0", "" + ((_b = userProfile.firstName) !== null && _b !== void 0 ? _b : ''),
-        "\u00A0", "" + ((_c = userProfile.lastName) !== null && _c !== void 0 ? _c : ''))) : (react_1.default.createElement(react_1.default.Fragment, null));
+        "\u00A0", "" + ((_a = userProfile.firstName) !== null && _a !== void 0 ? _a : ''),
+        "\u00A0", "" + ((_b = userProfile.lastName) !== null && _b !== void 0 ? _b : ''))) : (react_1.default.createElement(react_1.default.Fragment, null));
     return showCardOnHover ? (react_1.default.createElement(react_1.default.Fragment, null,
-        OverlayComponent,
+        react_1.default.createElement(OverlayComponent, null),
         react_1.default.createElement("a", { ref: target, href: disableLink ? undefined : link, onMouseEnter: function () { return toggleShow(); }, onMouseLeave: function () { return toggleHide(); }, onClick: function (event) {
                 event.preventDefault();
                 // if someone explicitly set the disable link,
@@ -75,7 +49,7 @@ var UserCardSmall = function (_a) {
                     return;
                 }
                 window.open(link, '_blank');
-            }, className: "SRC-userCard UserCardSmall " + className, style: { whiteSpace: 'nowrap' } },
+            }, className: "SRC-userCard UserCardSmall " + (className !== null && className !== void 0 ? className : ''), style: { whiteSpace: 'nowrap' } },
             avatar, "@" + userProfile.userName,
             fullName,
             showAccountLevelIcon && (react_1.default.createElement("span", { className: 'account-level-icon' }, accountLevelIcon))))) : disableLink ? (react_1.default.createElement("span", { className: "SRC-userCard UserCardSmall SRC-boldText", style: { cursor: 'unset' } },