synapse-react-client 4.0.35 → 4.0.36

package/dist/mocks/msw/handlers/userProfileHandlers.js

@@ -42,6 +42,10 @@ var v = (v) => [
 		return g.json(r, { status: 200 });
 	}),
 	_.get(`${v}${n(":userId")}`, ({ params: e }) => e.userId === "999" ? g.json(l, { status: 200 }) : g.json({ reason: "Mock user has no profile image" }, { status: 404 })),
+	_.get(l, () => {
+		let e = Uint8Array.from(atob("iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="), (e) => e.charCodeAt(0));
+		return g.arrayBuffer(e.buffer, { headers: { "Content-Type": "image/png" } });
+	}),
 	_.get(`${v}${t}`, () => g.json({ email: u.userProfile?.email }, { status: 200 })),
 	_.get(`${v}/auth/v1/2fa`, () => g.json({ status: "ENABLED" }, { status: 200 }))
 ];

package/dist/mocks/msw/handlers/userProfileHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"userProfileHandlers.js","names":[],"sources":["../../../../src/mocks/msw/handlers/userProfileHandlers.ts"],"sourcesContent":["import { UserProfileList } from '@/synapse-client/SynapseClient'\nimport {\n  FAVORITES,\n  NOTIFICATION_EMAIL,\n  PROFILE_IMAGE_PREVIEW,\n  USER_BUNDLE,\n  USER_GROUP_HEADERS,\n  USER_GROUP_HEADERS_BATCH,\n  USER_ID_BUNDLE,\n  USER_PROFILE,\n  USER_PROFILE_ID,\n} from '@/utils/APIConstants'\nimport { IdList } from '@sage-bionetworks/synapse-client'\nimport {\n  TwoFactorAuthStatus,\n  TYPE_FILTER,\n  UserBundle,\n  UserGroupHeaderResponsePage,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport { http, HttpResponse } from 'msw'\nimport { mockPaginatedEntityHeaders } from '../../entity/mockEntity'\nimport {\n  MOCK_USER_ID,\n  MOCK_USER_PROFILE_IMAGE_URL,\n  mockUserBundle,\n  mockUserData,\n  mockUserProfileData,\n} from '../../user/mock_user_profile'\nimport { mockUserGroupData } from '../../usergroup/mockUserGroup'\nimport { SynapseApiResponse } from '../handlers'\n\nexport const getUserProfileHandlers = (backendOrigin: string) => [\n  /**\n   * Get User Profile by ID\n   */\n  http.get(`${backendOrigin}${USER_PROFILE_ID(':id')}`, ({ params }) => {\n    let status = 404\n    let response: SynapseApiResponse<UserProfile> = {\n      concreteType: 'org.sagebionetworks.repo.model.ErrorResponse',\n      reason: `Mock Service worker could not find a user profile with ID ${params.id}`,\n    }\n    const match = mockUserData.find(\n      userData => userData.id.toString() === params.id,\n    )\n    if (match && match.userProfile) {\n      response = match.userProfile\n      status = 200\n    }\n    return HttpResponse.json(response, { status })\n  }),\n\n  /**\n   * Get the caller's user profile\n   */\n  http.get(`${backendOrigin}${USER_PROFILE}`, () => {\n    // default return a mock UserProfile.\n    const response: UserProfile = mockUserProfileData\n    const status = 200\n    return HttpResponse.json(response, { status })\n  }),\n\n  /**\n   * Get the caller's user bundle\n   */\n  http.get(`${backendOrigin}${USER_BUNDLE}`, () => {\n    const result: UserBundle = mockUserBundle\n    return HttpResponse.json(result, { status: 200 })\n  }),\n\n  /**\n   * Get a user bundle by ID\n   */\n  http.get(`${backendOrigin}${USER_ID_BUNDLE(':id')}`, ({ params }) => {\n    let status = 404\n    let response: SynapseApiResponse<UserBundle> = {\n      concreteType: 'org.sagebionetworks.repo.model.ErrorResponse',\n      reason: `Mock Service worker could not find a user bundle with ID ${params.id}`,\n    }\n    const match = mockUserData.find(\n      userData => userData.id.toString() === params.id,\n    )\n    if (match && match.userBundle) {\n      response = match.userBundle\n      status = 200\n    }\n    return HttpResponse.json(response, { status })\n  }),\n\n  /**\n   * Get the caller's favorites\n   */\n  http.get(`${backendOrigin}${FAVORITES}`, () => {\n    return HttpResponse.json(mockPaginatedEntityHeaders, { status: 200 })\n  }),\n\n  /**\n   * Get a batch of user group headers\n   */\n  http.get(`${backendOrigin}${USER_GROUP_HEADERS_BATCH}`, ({ request }) => {\n    const ids = new URL(request.url).searchParams.get('ids')!.split(',')\n    const responsePage: UserGroupHeaderResponsePage = {\n      children: mockUserGroupData\n        .filter(userData => ids.includes(userData.id.toString()))\n        .map(userData => userData.userGroupHeader),\n    }\n    return HttpResponse.json(responsePage, { status: 200 })\n  }),\n\n  /**\n   * Get a batch of user profiles\n   */\n  http.post<never, IdList>(\n    `${backendOrigin}${USER_PROFILE}`,\n    async ({ request }) => {\n      const requestedList = ((await request.json()).list ?? []).map(String)\n      const responsePage: UserProfileList = {\n        list: mockUserData\n          .filter(userData => requestedList.includes(userData.id.toString()))\n          .map(userData => userData.userProfile)\n          .filter(\n            (userProfile): userProfile is UserProfile => userProfile != null,\n          ),\n      }\n      return HttpResponse.json(responsePage, { status: 200 })\n    },\n  ),\n\n  /**\n   * Get userGroupHeaders by prefix\n   */\n  http.get(`${backendOrigin}${USER_GROUP_HEADERS}`, ({ request }) => {\n    const prefix = (\n      new URL(request.url).searchParams.get('prefix') ?? ''\n    ).toLowerCase()\n    const typeFilter = new URL(request.url).searchParams.get(\n      'typeFilter',\n    ) as TYPE_FILTER\n    const responsePage: UserGroupHeaderResponsePage = {\n      children: mockUserGroupData\n        .filter(userData => {\n          if (!typeFilter || typeFilter === TYPE_FILTER.ALL) {\n            return true\n          } else if (typeFilter === TYPE_FILTER.USERS_ONLY) {\n            return userData.userGroupHeader.isIndividual\n          } else {\n            return !userData.userGroupHeader.isIndividual\n          }\n        })\n        .filter(\n          userData =>\n            userData.userGroupHeader.userName\n              .toLowerCase()\n              .startsWith(prefix) ||\n            (userData.userGroupHeader.firstName || '')\n              .toLowerCase()\n              .startsWith(prefix) ||\n            (userData.userGroupHeader.displayName || '')\n              .toLowerCase()\n              .startsWith(prefix) ||\n            (userData.userGroupHeader.lastName || '')\n              .toLowerCase()\n              .startsWith(prefix),\n        )\n        .map(userData => userData.userGroupHeader),\n    }\n    return HttpResponse.json(responsePage, { status: 200 })\n  }),\n\n  /**\n   * Return a presigned URL for the current mock user's profile image, and a 404 for every\n   * other user (i.e. they have no profile image).\n   */\n  http.get(\n    `${backendOrigin}${PROFILE_IMAGE_PREVIEW(':userId')}`,\n    ({ params }) => {\n      if (params.userId === String(MOCK_USER_ID)) {\n        return HttpResponse.json(MOCK_USER_PROFILE_IMAGE_URL, { status: 200 })\n      }\n      return HttpResponse.json(\n        { reason: 'Mock user has no profile image' },\n        { status: 404 },\n      )\n    },\n  ),\n\n  http.get(`${backendOrigin}${NOTIFICATION_EMAIL}`, () => {\n    return HttpResponse.json(\n      { email: mockUserBundle.userProfile?.email },\n      { status: 200 },\n    )\n  }),\n\n  http.get(`${backendOrigin}/auth/v1/2fa`, () => {\n    const response: TwoFactorAuthStatus = {\n      status: 'ENABLED',\n    }\n    return HttpResponse.json(response, { status: 200 })\n  }),\n]\n\nexport function getCurrentUserCertifiedValidatedHandler(\n  backendOrigin: string,\n  isCertified: boolean,\n  isValidated: boolean,\n) {\n  return http.get(`${backendOrigin}${USER_BUNDLE}`, () => {\n    const status = 200\n    const response: UserBundle = {\n      ...mockUserBundle,\n      isCertified: isCertified,\n      isVerified: isValidated,\n    }\n\n    return HttpResponse.json(response, { status })\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"userProfileHandlers.js","names":[],"sources":["../../../../src/mocks/msw/handlers/userProfileHandlers.ts"],"sourcesContent":["import { UserProfileList } from '@/synapse-client/SynapseClient'\nimport {\n  FAVORITES,\n  NOTIFICATION_EMAIL,\n  PROFILE_IMAGE_PREVIEW,\n  USER_BUNDLE,\n  USER_GROUP_HEADERS,\n  USER_GROUP_HEADERS_BATCH,\n  USER_ID_BUNDLE,\n  USER_PROFILE,\n  USER_PROFILE_ID,\n} from '@/utils/APIConstants'\nimport { IdList } from '@sage-bionetworks/synapse-client'\nimport {\n  TwoFactorAuthStatus,\n  TYPE_FILTER,\n  UserBundle,\n  UserGroupHeaderResponsePage,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport { http, HttpResponse } from 'msw'\nimport { mockPaginatedEntityHeaders } from '../../entity/mockEntity'\nimport {\n  MOCK_USER_ID,\n  MOCK_USER_PROFILE_IMAGE_URL,\n  mockUserBundle,\n  mockUserData,\n  mockUserProfileData,\n} from '../../user/mock_user_profile'\nimport { mockUserGroupData } from '../../usergroup/mockUserGroup'\nimport { SynapseApiResponse } from '../handlers'\n\nexport const getUserProfileHandlers = (backendOrigin: string) => [\n  /**\n   * Get User Profile by ID\n   */\n  http.get(`${backendOrigin}${USER_PROFILE_ID(':id')}`, ({ params }) => {\n    let status = 404\n    let response: SynapseApiResponse<UserProfile> = {\n      concreteType: 'org.sagebionetworks.repo.model.ErrorResponse',\n      reason: `Mock Service worker could not find a user profile with ID ${params.id}`,\n    }\n    const match = mockUserData.find(\n      userData => userData.id.toString() === params.id,\n    )\n    if (match && match.userProfile) {\n      response = match.userProfile\n      status = 200\n    }\n    return HttpResponse.json(response, { status })\n  }),\n\n  /**\n   * Get the caller's user profile\n   */\n  http.get(`${backendOrigin}${USER_PROFILE}`, () => {\n    // default return a mock UserProfile.\n    const response: UserProfile = mockUserProfileData\n    const status = 200\n    return HttpResponse.json(response, { status })\n  }),\n\n  /**\n   * Get the caller's user bundle\n   */\n  http.get(`${backendOrigin}${USER_BUNDLE}`, () => {\n    const result: UserBundle = mockUserBundle\n    return HttpResponse.json(result, { status: 200 })\n  }),\n\n  /**\n   * Get a user bundle by ID\n   */\n  http.get(`${backendOrigin}${USER_ID_BUNDLE(':id')}`, ({ params }) => {\n    let status = 404\n    let response: SynapseApiResponse<UserBundle> = {\n      concreteType: 'org.sagebionetworks.repo.model.ErrorResponse',\n      reason: `Mock Service worker could not find a user bundle with ID ${params.id}`,\n    }\n    const match = mockUserData.find(\n      userData => userData.id.toString() === params.id,\n    )\n    if (match && match.userBundle) {\n      response = match.userBundle\n      status = 200\n    }\n    return HttpResponse.json(response, { status })\n  }),\n\n  /**\n   * Get the caller's favorites\n   */\n  http.get(`${backendOrigin}${FAVORITES}`, () => {\n    return HttpResponse.json(mockPaginatedEntityHeaders, { status: 200 })\n  }),\n\n  /**\n   * Get a batch of user group headers\n   */\n  http.get(`${backendOrigin}${USER_GROUP_HEADERS_BATCH}`, ({ request }) => {\n    const ids = new URL(request.url).searchParams.get('ids')!.split(',')\n    const responsePage: UserGroupHeaderResponsePage = {\n      children: mockUserGroupData\n        .filter(userData => ids.includes(userData.id.toString()))\n        .map(userData => userData.userGroupHeader),\n    }\n    return HttpResponse.json(responsePage, { status: 200 })\n  }),\n\n  /**\n   * Get a batch of user profiles\n   */\n  http.post<never, IdList>(\n    `${backendOrigin}${USER_PROFILE}`,\n    async ({ request }) => {\n      const requestedList = ((await request.json()).list ?? []).map(String)\n      const responsePage: UserProfileList = {\n        list: mockUserData\n          .filter(userData => requestedList.includes(userData.id.toString()))\n          .map(userData => userData.userProfile)\n          .filter(\n            (userProfile): userProfile is UserProfile => userProfile != null,\n          ),\n      }\n      return HttpResponse.json(responsePage, { status: 200 })\n    },\n  ),\n\n  /**\n   * Get userGroupHeaders by prefix\n   */\n  http.get(`${backendOrigin}${USER_GROUP_HEADERS}`, ({ request }) => {\n    const prefix = (\n      new URL(request.url).searchParams.get('prefix') ?? ''\n    ).toLowerCase()\n    const typeFilter = new URL(request.url).searchParams.get(\n      'typeFilter',\n    ) as TYPE_FILTER\n    const responsePage: UserGroupHeaderResponsePage = {\n      children: mockUserGroupData\n        .filter(userData => {\n          if (!typeFilter || typeFilter === TYPE_FILTER.ALL) {\n            return true\n          } else if (typeFilter === TYPE_FILTER.USERS_ONLY) {\n            return userData.userGroupHeader.isIndividual\n          } else {\n            return !userData.userGroupHeader.isIndividual\n          }\n        })\n        .filter(\n          userData =>\n            userData.userGroupHeader.userName\n              .toLowerCase()\n              .startsWith(prefix) ||\n            (userData.userGroupHeader.firstName || '')\n              .toLowerCase()\n              .startsWith(prefix) ||\n            (userData.userGroupHeader.displayName || '')\n              .toLowerCase()\n              .startsWith(prefix) ||\n            (userData.userGroupHeader.lastName || '')\n              .toLowerCase()\n              .startsWith(prefix),\n        )\n        .map(userData => userData.userGroupHeader),\n    }\n    return HttpResponse.json(responsePage, { status: 200 })\n  }),\n\n  /**\n   * Return a presigned URL for the current mock user's profile image, and a 404 for every\n   * other user (i.e. they have no profile image).\n   */\n  http.get(\n    `${backendOrigin}${PROFILE_IMAGE_PREVIEW(':userId')}`,\n    ({ params }) => {\n      if (params.userId === String(MOCK_USER_ID)) {\n        return HttpResponse.json(MOCK_USER_PROFILE_IMAGE_URL, { status: 200 })\n      }\n      return HttpResponse.json(\n        { reason: 'Mock user has no profile image' },\n        { status: 404 },\n      )\n    },\n  ),\n\n  /**\n   * `MOCK_USER_PROFILE_IMAGE_URL` is a \"presigned URL\" pointing to a real external image, to\n   * resemble a real Synapse presigned URL response. Intercept the actual fetch of that URL so\n   * tests don't depend on a live network call to a third party, which is slow and flaky in CI.\n   */\n  http.get(MOCK_USER_PROFILE_IMAGE_URL, () => {\n    // A minimal 1x1 transparent PNG\n    const onePixelPngBase64 =\n      'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII='\n    const bytes = Uint8Array.from(atob(onePixelPngBase64), c => c.charCodeAt(0))\n    return HttpResponse.arrayBuffer(bytes.buffer, {\n      headers: { 'Content-Type': 'image/png' },\n    })\n  }),\n\n  http.get(`${backendOrigin}${NOTIFICATION_EMAIL}`, () => {\n    return HttpResponse.json(\n      { email: mockUserBundle.userProfile?.email },\n      { status: 200 },\n    )\n  }),\n\n  http.get(`${backendOrigin}/auth/v1/2fa`, () => {\n    const response: TwoFactorAuthStatus = {\n      status: 'ENABLED',\n    }\n    return HttpResponse.json(response, { status: 200 })\n  }),\n]\n\nexport function getCurrentUserCertifiedValidatedHandler(\n  backendOrigin: string,\n  isCertified: boolean,\n  isValidated: boolean,\n) {\n  return http.get(`${backendOrigin}${USER_BUNDLE}`, () => {\n    const status = 200\n    const response: UserBundle = {\n      ...mockUserBundle,\n      isCertified: isCertified,\n      isVerified: isValidated,\n    }\n\n    return HttpResponse.json(response, { status })\n  })\n}\n"],"mappings":"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"}

package/dist/style/components/_all.scss

@@ -34,7 +34,6 @@
 @use 'download-list-v2';
 @use 'entity-metadata';
 @use 'global-alert';
-@use 'annotations';
 @use 'synapse-nav-drawer';
 @use 'skeletons';
 @use 'toasts';

package/dist/style/components/_cards.scss

@@ -200,7 +200,7 @@
   .SRC-imageThumbnail {
     vertical-align: top;
     padding-right: 15px;
-    max-width: 215px;
+    max-width: 170px;
 
     @media (max-width: map.get(SRC.$breakpoints, 'medium')) {
       width: 0%;
@@ -208,7 +208,9 @@
     }
     @media (min-width: map.get(SRC.$breakpoints, 'medium')) {
       width: 25%;
-      display: inline-block;
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
 
     img {