synapse-react-client 4.0.45 → 4.0.47

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

@@ -1 +1 @@
-{"version":3,"file":"subscriptionHandlers.js","names":[],"sources":["../../../../src/mocks/msw/handlers/subscriptionHandlers.ts"],"sourcesContent":["import {\n  SortDirection,\n  SubscriberPagedResults,\n  Subscription,\n  SubscriptionObjectType,\n  SubscriptionPagedResults,\n  SubscriptionRequest,\n  Topic,\n} from '@sage-bionetworks/synapse-types'\nimport { http, HttpResponse } from 'msw'\nimport { forumSubscriptions, threadSubscriptions } from '../../mockSubscription'\nimport { MOCK_USER_ID } from '../../user/mock_user_profile'\nimport { SynapseApiResponse } from '../handlers'\nimport BasicMockedCrudService from '../util/BasicMockedCrudService'\n\nconst subscriptionService = new BasicMockedCrudService<\n  Subscription,\n  'subscriptionId'\n>({\n  initialData: [...forumSubscriptions, ...threadSubscriptions],\n  idField: 'subscriptionId',\n  autoGenerateId: true,\n})\n\nfunction getSubscriptions(\n  objectType?: SubscriptionObjectType,\n  sortDirection: SortDirection = 'ASC',\n  offset = 0,\n  limit = 10,\n  idList?: string[],\n): SubscriptionPagedResults {\n  const allResults = subscriptionService\n    .getAll()\n    .filter(s => {\n      if (objectType) {\n        return s.objectType === objectType\n      }\n      return true\n    })\n    .filter(s => {\n      if (idList) {\n        return idList.includes(s.objectId)\n      }\n      return true\n    })\n    .sort((a, b) => {\n      const val =\n        new Date(b.createdOn).getTime() - new Date(a.createdOn).getTime()\n      return sortDirection === 'ASC' ? val : -1 * val\n    })\n\n  const totalNumberOfResults = allResults.length\n\n  return {\n    results: allResults.slice(offset, offset + limit),\n    totalNumberOfResults,\n  }\n}\n\nexport function getSubscriptionHandlers(backendOrigin: string) {\n  return [\n    http.get(`${backendOrigin}/repo/v1/subscription/all`, ({ request }) => {\n      const objectType =\n        (new URL(request.url).searchParams.get(\n          'objectType',\n        ) as SubscriptionObjectType) ?? undefined\n      const sortDirection =\n        (new URL(request.url).searchParams.get(\n          'sortDirection',\n        ) as SortDirection) ?? undefined\n      const offsetParam = new URL(request.url).searchParams.get('offset')\n      const offset = offsetParam ? parseInt(offsetParam) : undefined\n      const limitParam = new URL(request.url).searchParams.get('limit')\n      const limit = limitParam ? parseInt(limitParam) : undefined\n\n      const resp: SynapseApiResponse<SubscriptionPagedResults> =\n        getSubscriptions(objectType ?? undefined, sortDirection, offset, limit)\n\n      return HttpResponse.json(resp, { status: 200 })\n    }),\n    http.post<never, SubscriptionRequest>(\n      `${backendOrigin}/repo/v1/subscription/list`,\n      async ({ request }) => {\n        const requestBody: SubscriptionRequest = await request.json()\n\n        const resp: SynapseApiResponse<SubscriptionPagedResults> =\n          getSubscriptions(\n            requestBody.objectType,\n            requestBody.sortDirection,\n            undefined,\n            undefined,\n            requestBody.idList,\n          )\n\n        return HttpResponse.json(resp, { status: 200 })\n      },\n    ),\n    http.post<never, Topic>(\n      `${backendOrigin}/repo/v1/subscription`,\n      async ({ request }) => {\n        const requestBody: Topic = await request.json()\n\n        const newSubscription = subscriptionService.create({\n          subscriberId: String(MOCK_USER_ID),\n          objectId: requestBody.objectId,\n          objectType: requestBody.objectType,\n          createdOn: new Date().toISOString(),\n        })\n        return HttpResponse.json(newSubscription, { status: 201 })\n      },\n    ),\n    http.delete(`${backendOrigin}/repo/v1/subscription/:id`, ({ params }) => {\n      const subscriptionId = params.id as string\n      subscriptionService.delete(subscriptionId)\n      return new Response('', { status: 200 })\n    }),\n    http.post<never, Topic>(\n      `${backendOrigin}/repo/v1/subscription/subscribers`,\n      async ({ request }) => {\n        const topic: Topic = await request.json()\n\n        const matchingSubscriptions = subscriptionService.getMany(\n          s =>\n            s.objectType === topic.objectType && s.objectId === topic.objectId,\n        )\n\n        const resp: SubscriberPagedResults = {\n          subscribers: matchingSubscriptions.map(s => s.subscriberId),\n        }\n        return HttpResponse.json(resp, { status: 200 })\n      },\n    ),\n  ]\n}\n"],"mappings":";;;;;AAeA,IAAM,IAAsB,IAAI,EAG9B;CACA,aAAa,CAAC,GAAG,GAAoB,GAAG,CAAmB;CAC3D,SAAS;CACT,gBAAgB;AAClB,CAAC;AAED,SAAS,EACP,GACA,IAA+B,OAC/B,IAAS,GACT,IAAQ,IACR,GAC0B;CAC1B,IAAM,IAAa,EAChB,OAAO,EACP,QAAO,MACF,IACK,EAAE,eAAe,IAEnB,EACR,EACA,QAAO,MACF,IACK,EAAO,SAAS,EAAE,QAAQ,IAE5B,EACR,EACA,MAAM,GAAG,MAAM;EACd,IAAM,IACJ,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ;EAClE,OAAO,MAAkB,QAAQ,IAAM,KAAK;CAC9C,CAAC,GAEG,IAAuB,EAAW;CAExC,OAAO;EACL,SAAS,EAAW,MAAM,GAAQ,IAAS,CAAK;EAChD;CACF;AACF;AAEA,SAAgB,EAAwB,GAAuB;CAC7D,OAAO;EACL,EAAK,IAAI,GAAG,EAAc,6BAA6B,EAAE,iBAAc;GACrE,IAAM,IACH,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IACjC,YACF,KAAgC,KAAA,GAC5B,IACH,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IACjC,eACF,KAAuB,KAAA,GACnB,IAAc,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IAAI,QAAQ,GAC5D,IAAS,IAAc,SAAS,CAAW,IAAI,KAAA,GAC/C,IAAa,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IAAI,OAAO,GAG1D,IACJ,EAAiB,KAAc,KAAA,GAAW,GAAe,GAH7C,IAAa,SAAS,CAAU,IAAI,KAAA,CAGsB;GAExE,OAAO,EAAa,KAAK,GAAM,EAAE,QAAQ,IAAI,CAAC;EAChD,CAAC;EACD,EAAK,KACH,GAAG,EAAc,6BACjB,OAAO,EAAE,iBAAc;GACrB,IAAM,IAAmC,MAAM,EAAQ,KAAK,GAEtD,IACJ,EACE,EAAY,YACZ,EAAY,eACZ,KAAA,GACA,KAAA,GACA,EAAY,MACd;GAEF,OAAO,EAAa,KAAK,GAAM,EAAE,QAAQ,IAAI,CAAC;EAChD,CACF;EACA,EAAK,KACH,GAAG,EAAc,wBACjB,OAAO,EAAE,iBAAc;GACrB,IAAM,IAAqB,MAAM,EAAQ,KAAK,GAExC,IAAkB,EAAoB,OAAO;IACjD,cAAc;IACd,UAAU,EAAY;IACtB,YAAY,EAAY;IACxB,4BAAW,IAAI,KAAK,GAAE,YAAY;GACpC,CAAC;GACD,OAAO,EAAa,KAAK,GAAiB,EAAE,QAAQ,IAAI,CAAC;EAC3D,CACF;EACA,EAAK,OAAO,GAAG,EAAc,6BAA6B,EAAE,gBAAa;GACvE,IAAM,IAAiB,EAAO;GAE9B,OADA,EAAoB,OAAO,CAAc,GAClC,IAAI,SAAS,IAAI,EAAE,QAAQ,IAAI,CAAC;EACzC,CAAC;EACD,EAAK,KACH,GAAG,EAAc,oCACjB,OAAO,EAAE,iBAAc;GACrB,IAAM,IAAe,MAAM,EAAQ,KAAK,GAOlC,IAA+B,EACnC,aAN4B,EAAoB,SAChD,MACE,EAAE,eAAe,EAAM,cAAc,EAAE,aAAa,EAAM,QAI/C,EAAsB,KAAI,MAAK,EAAE,YAAY,EAC5D;GACA,OAAO,EAAa,KAAK,GAAM,EAAE,QAAQ,IAAI,CAAC;EAChD,CACF;CACF;AACF"}
+{"version":3,"file":"subscriptionHandlers.js","names":[],"sources":["../../../../src/mocks/msw/handlers/subscriptionHandlers.ts"],"sourcesContent":["import {\n  SortDirection,\n  SubscriberPagedResults,\n  Subscription,\n  SubscriptionObjectType,\n  SubscriptionPagedResults,\n  SubscriptionRequest,\n  Topic,\n} from '@sage-bionetworks/synapse-types'\nimport { http, HttpResponse } from 'msw'\nimport { forumSubscriptions, threadSubscriptions } from '../../mockSubscription'\nimport { MOCK_USER_ID } from '../../user/mock_user_profile'\nimport { SynapseApiResponse } from '../handlers'\nimport BasicMockedCrudService from '../util/BasicMockedCrudService'\n\nconst subscriptionService = new BasicMockedCrudService<\n  Subscription,\n  'subscriptionId'\n>({\n  initialData: [...forumSubscriptions, ...threadSubscriptions],\n  idField: 'subscriptionId',\n  autoGenerateId: true,\n})\n\nfunction getSubscriptions(\n  objectType?: SubscriptionObjectType,\n  sortDirection: SortDirection = 'ASC',\n  offset = 0,\n  limit = 10,\n  idList?: string[],\n): SubscriptionPagedResults {\n  const allResults = subscriptionService\n    .getAll()\n    .filter(s => {\n      if (objectType) {\n        return s.objectType === objectType\n      }\n      return true\n    })\n    .filter(s => {\n      if (idList) {\n        return idList.includes(s.objectId)\n      }\n      return true\n    })\n    .toSorted((a, b) => {\n      const val =\n        new Date(b.createdOn).getTime() - new Date(a.createdOn).getTime()\n      return sortDirection === 'ASC' ? val : -1 * val\n    })\n\n  const totalNumberOfResults = allResults.length\n\n  return {\n    results: allResults.slice(offset, offset + limit),\n    totalNumberOfResults,\n  }\n}\n\nexport function getSubscriptionHandlers(backendOrigin: string) {\n  return [\n    http.get(`${backendOrigin}/repo/v1/subscription/all`, ({ request }) => {\n      const objectType =\n        (new URL(request.url).searchParams.get(\n          'objectType',\n        ) as SubscriptionObjectType) ?? undefined\n      const sortDirection =\n        (new URL(request.url).searchParams.get(\n          'sortDirection',\n        ) as SortDirection) ?? undefined\n      const offsetParam = new URL(request.url).searchParams.get('offset')\n      const offset = offsetParam ? parseInt(offsetParam) : undefined\n      const limitParam = new URL(request.url).searchParams.get('limit')\n      const limit = limitParam ? parseInt(limitParam) : undefined\n\n      const resp: SynapseApiResponse<SubscriptionPagedResults> =\n        getSubscriptions(objectType ?? undefined, sortDirection, offset, limit)\n\n      return HttpResponse.json(resp, { status: 200 })\n    }),\n    http.post<never, SubscriptionRequest>(\n      `${backendOrigin}/repo/v1/subscription/list`,\n      async ({ request }) => {\n        const requestBody: SubscriptionRequest = await request.json()\n\n        const resp: SynapseApiResponse<SubscriptionPagedResults> =\n          getSubscriptions(\n            requestBody.objectType,\n            requestBody.sortDirection,\n            undefined,\n            undefined,\n            requestBody.idList,\n          )\n\n        return HttpResponse.json(resp, { status: 200 })\n      },\n    ),\n    http.post<never, Topic>(\n      `${backendOrigin}/repo/v1/subscription`,\n      async ({ request }) => {\n        const requestBody: Topic = await request.json()\n\n        const newSubscription = subscriptionService.create({\n          subscriberId: String(MOCK_USER_ID),\n          objectId: requestBody.objectId,\n          objectType: requestBody.objectType,\n          createdOn: new Date().toISOString(),\n        })\n        return HttpResponse.json(newSubscription, { status: 201 })\n      },\n    ),\n    http.delete(`${backendOrigin}/repo/v1/subscription/:id`, ({ params }) => {\n      const subscriptionId = params.id as string\n      subscriptionService.delete(subscriptionId)\n      return new Response('', { status: 200 })\n    }),\n    http.post<never, Topic>(\n      `${backendOrigin}/repo/v1/subscription/subscribers`,\n      async ({ request }) => {\n        const topic: Topic = await request.json()\n\n        const matchingSubscriptions = subscriptionService.getMany(\n          s =>\n            s.objectType === topic.objectType && s.objectId === topic.objectId,\n        )\n\n        const resp: SubscriberPagedResults = {\n          subscribers: matchingSubscriptions.map(s => s.subscriberId),\n        }\n        return HttpResponse.json(resp, { status: 200 })\n      },\n    ),\n  ]\n}\n"],"mappings":";;;;;AAeA,IAAM,IAAsB,IAAI,EAG9B;CACA,aAAa,CAAC,GAAG,GAAoB,GAAG,CAAmB;CAC3D,SAAS;CACT,gBAAgB;AAClB,CAAC;AAED,SAAS,EACP,GACA,IAA+B,OAC/B,IAAS,GACT,IAAQ,IACR,GAC0B;CAC1B,IAAM,IAAa,EAChB,OAAO,EACP,QAAO,MACF,IACK,EAAE,eAAe,IAEnB,EACR,EACA,QAAO,MACF,IACK,EAAO,SAAS,EAAE,QAAQ,IAE5B,EACR,EACA,UAAU,GAAG,MAAM;EAClB,IAAM,IACJ,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ;EAClE,OAAO,MAAkB,QAAQ,IAAM,KAAK;CAC9C,CAAC,GAEG,IAAuB,EAAW;CAExC,OAAO;EACL,SAAS,EAAW,MAAM,GAAQ,IAAS,CAAK;EAChD;CACF;AACF;AAEA,SAAgB,EAAwB,GAAuB;CAC7D,OAAO;EACL,EAAK,IAAI,GAAG,EAAc,6BAA6B,EAAE,iBAAc;GACrE,IAAM,IACH,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IACjC,YACF,KAAgC,KAAA,GAC5B,IACH,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IACjC,eACF,KAAuB,KAAA,GACnB,IAAc,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IAAI,QAAQ,GAC5D,IAAS,IAAc,SAAS,CAAW,IAAI,KAAA,GAC/C,IAAa,IAAI,IAAI,EAAQ,GAAG,EAAE,aAAa,IAAI,OAAO,GAG1D,IACJ,EAAiB,KAAc,KAAA,GAAW,GAAe,GAH7C,IAAa,SAAS,CAAU,IAAI,KAAA,CAGsB;GAExE,OAAO,EAAa,KAAK,GAAM,EAAE,QAAQ,IAAI,CAAC;EAChD,CAAC;EACD,EAAK,KACH,GAAG,EAAc,6BACjB,OAAO,EAAE,iBAAc;GACrB,IAAM,IAAmC,MAAM,EAAQ,KAAK,GAEtD,IACJ,EACE,EAAY,YACZ,EAAY,eACZ,KAAA,GACA,KAAA,GACA,EAAY,MACd;GAEF,OAAO,EAAa,KAAK,GAAM,EAAE,QAAQ,IAAI,CAAC;EAChD,CACF;EACA,EAAK,KACH,GAAG,EAAc,wBACjB,OAAO,EAAE,iBAAc;GACrB,IAAM,IAAqB,MAAM,EAAQ,KAAK,GAExC,IAAkB,EAAoB,OAAO;IACjD,cAAc;IACd,UAAU,EAAY;IACtB,YAAY,EAAY;IACxB,4BAAW,IAAI,KAAK,GAAE,YAAY;GACpC,CAAC;GACD,OAAO,EAAa,KAAK,GAAiB,EAAE,QAAQ,IAAI,CAAC;EAC3D,CACF;EACA,EAAK,OAAO,GAAG,EAAc,6BAA6B,EAAE,gBAAa;GACvE,IAAM,IAAiB,EAAO;GAE9B,OADA,EAAoB,OAAO,CAAc,GAClC,IAAI,SAAS,IAAI,EAAE,QAAQ,IAAI,CAAC;EACzC,CAAC;EACD,EAAK,KACH,GAAG,EAAc,oCACjB,OAAO,EAAE,iBAAc;GACrB,IAAM,IAAe,MAAM,EAAQ,KAAK,GAOlC,IAA+B,EACnC,aAN4B,EAAoB,SAChD,MACE,EAAE,eAAe,EAAM,cAAc,EAAE,aAAa,EAAM,QAI/C,EAAsB,KAAI,MAAK,EAAE,YAAY,EAC5D;GACA,OAAO,EAAa,KAAK,GAAM,EAAE,QAAQ,IAAI,CAAC;EAChD,CACF;CACF;AACF"}

package/dist/mocks/msw/handlers/userProfileHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"userProfileHandlers.d.ts","sourceRoot":"","sources":["../../../../src/mocks/msw/handlers/userProfileHandlers.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,sBAAsB,GAAI,eAAe,MAAM,gCAsL3D,CAAA;AAED,wBAAgB,uCAAuC,CACrD,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,OAAO,6BAYrB"}
+{"version":3,"file":"userProfileHandlers.d.ts","sourceRoot":"","sources":["../../../../src/mocks/msw/handlers/userProfileHandlers.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,sBAAsB,GAAI,eAAe,MAAM,gCA0L3D,CAAA;AAED,wBAAgB,uCAAuC,CACrD,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,OAAO,6BAYrB"}

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

@@ -34,7 +34,7 @@ var v = (v) => [
 		return g.json(n, { status: 200 });
 	}),
 	_.post(`${v}${s}`, async ({ request: e }) => {
-		let t = ((await e.json()).list ?? []).map(String), n = { list: d.filter((e) => t.includes(e.id.toString())).map((e) => e.userProfile).filter((e) => e != null) };
+		let t = new Set(((await e.json()).list ?? []).map(String)), n = { list: d.filter((e) => t.has(e.id.toString())).map((e) => e.userProfile).filter((e) => e != null) };
 		return g.json(n, { status: 200 });
 	}),
 	_.get(`${v}${i}`, ({ request: e }) => {
@@ -43,7 +43,7 @@ var v = (v) => [
 	}),
 	_.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));
+		let e = Uint8Array.from(atob("iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="), (e) => e.codePointAt(0));
 		return g.arrayBuffer(e.buffer, { headers: { "Content-Type": "image/png" } });
 	}),
 	_.get(`${v}${t}`, () => g.json({ email: u.userProfile?.email }, { 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?.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?.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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"}
+{"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?.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?.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 = new Set(\n        ((await request.json()).list ?? []).map(String),\n      )\n      const responsePage: UserProfileList = {\n        list: mockUserData\n          .filter(userData => requestedList.has(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 =>\n      c.codePointAt(0)!,\n    )\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/mocks/msw/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/mocks/msw/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,QAAA,MAAM,MAAM,gCAA2B,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../src/mocks/msw/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAK1B,QAAA,MAAM,MAAM,gCAA2B,CAAA;AAWvC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA"}

package/dist/mocks/msw/server.js

@@ -1,9 +1,11 @@
 import { handlers as e } from "./handlers.js";
 import { http as t } from "msw";
 import { setupServer as n } from "msw/node";
+import { afterAll as r, afterEach as i, beforeAll as a } from "vitest";
 //#region src/mocks/msw/server.ts
-var r = n(...e);
+var o = n(...e);
+a(() => o.listen({ onUnhandledRequest: "error" })), i(() => o.resetHandlers()), r(() => o.close());
 //#endregion
-export { t as http, r as server };
+export { t as http, o as server };
 
 //# sourceMappingURL=server.js.map

package/dist/mocks/msw/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","names":[],"sources":["../../../src/mocks/msw/server.ts"],"sourcesContent":["import { http } from 'msw'\nimport { setupServer } from 'msw/node'\nimport { handlers } from './handlers'\n\nconst server = setupServer(...handlers)\n\nexport { server, http }\n"],"mappings":";;;;AAIA,IAAM,IAAS,EAAY,GAAG,CAAQ"}
+{"version":3,"file":"server.js","names":[],"sources":["../../../src/mocks/msw/server.ts"],"sourcesContent":["import { http } from 'msw'\nimport { setupServer } from 'msw/node'\nimport { afterAll, afterEach, beforeAll } from 'vitest'\nimport { handlers } from './handlers'\n\nconst server = setupServer(...handlers)\n\n// Importing this module from a test file starts the server for that file. Test files that never import it\n// pay nothing, because the server (and every handler fixture) is only loaded when it is needed.\n//\n// Requests with no matching handler fail the test instead of silently reaching the network.\n// `resetHandlers` (not `restoreHandlers`) drops `server.use` overrides, so they cannot leak between tests.\nbeforeAll(() => server.listen({ onUnhandledRequest: 'error' }))\nafterEach(() => server.resetHandlers())\nafterAll(() => server.close())\n\nexport { server, http }\n"],"mappings":";;;;;AAKA,IAAM,IAAS,EAAY,GAAG,CAAQ;AAOtC,QAAgB,EAAO,OAAO,EAAE,oBAAoB,QAAQ,CAAC,CAAC,GAC9D,QAAgB,EAAO,cAAc,CAAC,GACtC,QAAe,EAAO,MAAM,CAAC"}

package/dist/mocks/query/mockColumnCategoryTable.d.ts

@@ -0,0 +1,19 @@
+import { QueryResultBundle, SelectColumn } from '@sage-bionetworks/synapse-types';
+/** A row of a column category table: [columnName, columnDisplayName, category, order] */
+export type MockColumnCategoryRow = [
+    string,
+    string | null,
+    string | null,
+    number
+];
+export declare const MOCK_COLUMN_CATEGORY_TABLE_ID = "syn12345678";
+/**
+ * Builds the QueryResultBundle returned when querying a column category table (used by CategorizedRowDataTable)
+ */
+export declare function createColumnCategoryTableQueryResultBundle(tableId: string, rows: MockColumnCategoryRow[]): QueryResultBundle;
+/** Column categories modeled on the ELITE Portal model details page */
+export declare const mockModelColumnCategoryRows: MockColumnCategoryRow[];
+/** Headers of a model row; includes a column that has no category and a column with no value */
+export declare const mockModelRowHeaders: SelectColumn[];
+export declare const mockModelRowData: Array<string | null>;
+//# sourceMappingURL=mockColumnCategoryTable.d.ts.map

package/dist/mocks/query/mockColumnCategoryTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockColumnCategoryTable.d.ts","sourceRoot":"","sources":["../../../src/mocks/query/mockColumnCategoryTable.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,iBAAiB,EACjB,YAAY,EACb,MAAM,iCAAiC,CAAA;AAExC,yFAAyF;AACzF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM;IACN,MAAM,GAAG,IAAI;IACb,MAAM,GAAG,IAAI;IACb,MAAM;CACP,CAAA;AAED,eAAO,MAAM,6BAA6B,gBAAgB,CAAA;AAE1D;;GAEG;AACH,wBAAgB,0CAA0C,CACxD,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,qBAAqB,EAAE,GAC5B,iBAAiB,CAiCnB;AAED,uEAAuE;AACvE,eAAO,MAAM,2BAA2B,EAAE,qBAAqB,EAa9D,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,mBAAmB,EAAE,YAAY,EAc7C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAcjD,CAAA"}

package/dist/mocks/query/mockColumnCategoryTable.js

@@ -0,0 +1,188 @@
+import { COLUMN_CATEGORY_TABLE_CATEGORY as e, COLUMN_CATEGORY_TABLE_COLUMN_NAME as t, COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME as n, COLUMN_CATEGORY_TABLE_ORDER as r } from "../../components/RowDataTable/CategorizedRowDataTable.js";
+import { ColumnTypeEnum as i } from "@sage-bionetworks/synapse-types";
+//#region src/mocks/query/mockColumnCategoryTable.ts
+var a = "syn12345678";
+function o(a, o) {
+	let s = [
+		{
+			name: t,
+			columnType: i.STRING
+		},
+		{
+			name: n,
+			columnType: i.STRING
+		},
+		{
+			name: e,
+			columnType: i.STRING
+		},
+		{
+			name: r,
+			columnType: i.INTEGER
+		}
+	];
+	return {
+		concreteType: "org.sagebionetworks.repo.model.table.QueryResultBundle",
+		queryCount: o.length,
+		maxRowsPerPage: 1e3,
+		queryResult: {
+			concreteType: "org.sagebionetworks.repo.model.table.QueryResult",
+			queryResults: {
+				concreteType: "org.sagebionetworks.repo.model.table.RowSet",
+				tableId: a,
+				etag: "DEFAULT",
+				headers: s,
+				rows: o.map((e, t) => ({
+					rowId: t + 1,
+					values: e.map((e) => e == null ? null : String(e))
+				}))
+			}
+		},
+		selectColumns: s
+	};
+}
+var s = [
+	[
+		"model_id",
+		"Model ID",
+		"Overview",
+		1
+	],
+	[
+		"target_platform",
+		"Target Platform",
+		"Overview",
+		2
+	],
+	[
+		"base_model",
+		"Base Model",
+		"Overview",
+		3
+	],
+	[
+		"shared_by",
+		"Shared By",
+		"Overview",
+		4
+	],
+	[
+		"repo",
+		"Repository",
+		"Resources",
+		5
+	],
+	[
+		"paper",
+		"Paper",
+		"Resources",
+		6
+	],
+	[
+		"direct_use",
+		"Direct Use",
+		"Uses",
+		7
+	],
+	[
+		"out_of_scope_use",
+		"Out of Scope Use",
+		"Uses",
+		8
+	],
+	[
+		"training_data",
+		"Training Data",
+		"Training Details",
+		9
+	],
+	[
+		"hardware_type",
+		"Hardware Type",
+		"Environmental Impact",
+		10
+	],
+	[
+		"co2_emitted",
+		"CO₂ Emitted",
+		"Environmental Impact",
+		11
+	],
+	[
+		"citation_apa",
+		"Citation (APA)",
+		"Citation",
+		12
+	]
+], c = [
+	{
+		name: "model_id",
+		columnType: i.STRING
+	},
+	{
+		name: "model_name",
+		columnType: i.STRING
+	},
+	{
+		name: "target_platform",
+		columnType: i.STRING
+	},
+	{
+		name: "base_model",
+		columnType: i.STRING
+	},
+	{
+		name: "shared_by",
+		columnType: i.STRING_LIST
+	},
+	{
+		name: "repo",
+		columnType: i.LINK
+	},
+	{
+		name: "paper",
+		columnType: i.LARGETEXT
+	},
+	{
+		name: "direct_use",
+		columnType: i.LARGETEXT
+	},
+	{
+		name: "out_of_scope_use",
+		columnType: i.LARGETEXT
+	},
+	{
+		name: "training_data",
+		columnType: i.LARGETEXT
+	},
+	{
+		name: "hardware_type",
+		columnType: i.STRING
+	},
+	{
+		name: "co2_emitted",
+		columnType: i.STRING
+	},
+	{
+		name: "citation_apa",
+		columnType: i.LARGETEXT
+	}
+], l = [
+	"syn76379950",
+	"ESM-2 esm2_t6_8M_UR50D",
+	null,
+	"None; pretrained from scratch as part of the ESM-2 model family.",
+	"[\"Meta\", \"Hugging Face\", \"Sage Bionetworks\"]",
+	"https://github.com/facebookresearch/esm",
+	"Lin, Z., et al. (2023). Evolutionary-scale prediction of atomic-level protein structure with a language model. Science, 379(6637), 1123-1130.",
+	"The model can be used directly to predict masked amino acids and to convert protein sequences into numerical representations (embeddings).",
+	"Out-of-scope uses include clinical diagnosis, treatment or safety decisions, and direct protein structure prediction.",
+	"The model was pretrained on protein sequences from the UniRef50/UR50D 2021_04 dataset.",
+	"NVIDIA V100 GPUs",
+	"Not reported",
+	"Lin, Z., Akin, H., Rao, R., et al. (2023). Evolutionary-scale prediction of atomic-level protein structure with a language model. Science."
+];
+//#endregion
+export { a as MOCK_COLUMN_CATEGORY_TABLE_ID, o as createColumnCategoryTableQueryResultBundle, s as mockModelColumnCategoryRows, l as mockModelRowData, c as mockModelRowHeaders };
+
+//# sourceMappingURL=mockColumnCategoryTable.js.map

package/dist/mocks/query/mockColumnCategoryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockColumnCategoryTable.js","names":[],"sources":["../../../src/mocks/query/mockColumnCategoryTable.ts"],"sourcesContent":["import {\n  COLUMN_CATEGORY_TABLE_CATEGORY,\n  COLUMN_CATEGORY_TABLE_COLUMN_NAME,\n  COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME,\n  COLUMN_CATEGORY_TABLE_ORDER,\n} from '@/components/RowDataTable/CategorizedRowDataTable'\nimport {\n  ColumnTypeEnum,\n  QueryResultBundle,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\n\n/** A row of a column category table: [columnName, columnDisplayName, category, order] */\nexport type MockColumnCategoryRow = [\n  string,\n  string | null,\n  string | null,\n  number,\n]\n\nexport const MOCK_COLUMN_CATEGORY_TABLE_ID = 'syn12345678'\n\n/**\n * Builds the QueryResultBundle returned when querying a column category table (used by CategorizedRowDataTable)\n */\nexport function createColumnCategoryTableQueryResultBundle(\n  tableId: string,\n  rows: MockColumnCategoryRow[],\n): QueryResultBundle {\n  const headers: SelectColumn[] = [\n    {\n      name: COLUMN_CATEGORY_TABLE_COLUMN_NAME,\n      columnType: ColumnTypeEnum.STRING,\n    },\n    {\n      name: COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME,\n      columnType: ColumnTypeEnum.STRING,\n    },\n    { name: COLUMN_CATEGORY_TABLE_CATEGORY, columnType: ColumnTypeEnum.STRING },\n    { name: COLUMN_CATEGORY_TABLE_ORDER, columnType: ColumnTypeEnum.INTEGER },\n  ]\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: rows.length,\n    // Required by getFullQueryTableResults to detect the last page\n    maxRowsPerPage: 1000,\n    queryResult: {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResult',\n      queryResults: {\n        concreteType: 'org.sagebionetworks.repo.model.table.RowSet',\n        tableId,\n        etag: 'DEFAULT',\n        headers,\n        rows: rows.map((values, index) => ({\n          rowId: index + 1,\n          values: values.map(value => (value == null ? null : String(value))),\n        })),\n      },\n    },\n    selectColumns: headers,\n  }\n}\n\n/** Column categories modeled on the ELITE Portal model details page */\nexport const mockModelColumnCategoryRows: MockColumnCategoryRow[] = [\n  ['model_id', 'Model ID', 'Overview', 1],\n  ['target_platform', 'Target Platform', 'Overview', 2],\n  ['base_model', 'Base Model', 'Overview', 3],\n  ['shared_by', 'Shared By', 'Overview', 4],\n  ['repo', 'Repository', 'Resources', 5],\n  ['paper', 'Paper', 'Resources', 6],\n  ['direct_use', 'Direct Use', 'Uses', 7],\n  ['out_of_scope_use', 'Out of Scope Use', 'Uses', 8],\n  ['training_data', 'Training Data', 'Training Details', 9],\n  ['hardware_type', 'Hardware Type', 'Environmental Impact', 10],\n  ['co2_emitted', 'CO₂ Emitted', 'Environmental Impact', 11],\n  ['citation_apa', 'Citation (APA)', 'Citation', 12],\n]\n\n/** Headers of a model row; includes a column that has no category and a column with no value */\nexport const mockModelRowHeaders: SelectColumn[] = [\n  { name: 'model_id', columnType: ColumnTypeEnum.STRING },\n  { name: 'model_name', columnType: ColumnTypeEnum.STRING },\n  { name: 'target_platform', columnType: ColumnTypeEnum.STRING },\n  { name: 'base_model', columnType: ColumnTypeEnum.STRING },\n  { name: 'shared_by', columnType: ColumnTypeEnum.STRING_LIST },\n  { name: 'repo', columnType: ColumnTypeEnum.LINK },\n  { name: 'paper', columnType: ColumnTypeEnum.LARGETEXT },\n  { name: 'direct_use', columnType: ColumnTypeEnum.LARGETEXT },\n  { name: 'out_of_scope_use', columnType: ColumnTypeEnum.LARGETEXT },\n  { name: 'training_data', columnType: ColumnTypeEnum.LARGETEXT },\n  { name: 'hardware_type', columnType: ColumnTypeEnum.STRING },\n  { name: 'co2_emitted', columnType: ColumnTypeEnum.STRING },\n  { name: 'citation_apa', columnType: ColumnTypeEnum.LARGETEXT },\n]\n\nexport const mockModelRowData: Array<string | null> = [\n  'syn76379950',\n  'ESM-2 esm2_t6_8M_UR50D',\n  null,\n  'None; pretrained from scratch as part of the ESM-2 model family.',\n  '[\"Meta\", \"Hugging Face\", \"Sage Bionetworks\"]',\n  'https://github.com/facebookresearch/esm',\n  'Lin, Z., et al. (2023). Evolutionary-scale prediction of atomic-level protein structure with a language model. Science, 379(6637), 1123-1130.',\n  'The model can be used directly to predict masked amino acids and to convert protein sequences into numerical representations (embeddings).',\n  'Out-of-scope uses include clinical diagnosis, treatment or safety decisions, and direct protein structure prediction.',\n  'The model was pretrained on protein sequences from the UniRef50/UR50D 2021_04 dataset.',\n  'NVIDIA V100 GPUs',\n  'Not reported',\n  'Lin, Z., Akin, H., Rao, R., et al. (2023). Evolutionary-scale prediction of atomic-level protein structure with a language model. Science.',\n]\n"],"mappings":";;;AAoBA,IAAa,IAAgC;AAK7C,SAAgB,EACd,GACA,GACmB;CACnB,IAAM,IAA0B;EAC9B;GACE,MAAM;GACN,YAAY,EAAe;EAC7B;EACA;GACE,MAAM;GACN,YAAY,EAAe;EAC7B;EACA;GAAE,MAAM;GAAgC,YAAY,EAAe;EAAO;EAC1E;GAAE,MAAM;GAA6B,YAAY,EAAe;EAAQ;CAC1E;CACA,OAAO;EACL,cAAc;EACd,YAAY,EAAK;EAEjB,gBAAgB;EAChB,aAAa;GACX,cAAc;GACd,cAAc;IACZ,cAAc;IACd;IACA,MAAM;IACN;IACA,MAAM,EAAK,KAAK,GAAQ,OAAW;KACjC,OAAO,IAAQ;KACf,QAAQ,EAAO,KAAI,MAAU,KAAS,OAAO,OAAO,OAAO,CAAK,CAAE;IACpE,EAAE;GACJ;EACF;EACA,eAAe;CACjB;AACF;AAGA,IAAa,IAAuD;CAClE;EAAC;EAAY;EAAY;EAAY;CAAC;CACtC;EAAC;EAAmB;EAAmB;EAAY;CAAC;CACpD;EAAC;EAAc;EAAc;EAAY;CAAC;CAC1C;EAAC;EAAa;EAAa;EAAY;CAAC;CACxC;EAAC;EAAQ;EAAc;EAAa;CAAC;CACrC;EAAC;EAAS;EAAS;EAAa;CAAC;CACjC;EAAC;EAAc;EAAc;EAAQ;CAAC;CACtC;EAAC;EAAoB;EAAoB;EAAQ;CAAC;CAClD;EAAC;EAAiB;EAAiB;EAAoB;CAAC;CACxD;EAAC;EAAiB;EAAiB;EAAwB;CAAE;CAC7D;EAAC;EAAe;EAAe;EAAwB;CAAE;CACzD;EAAC;EAAgB;EAAkB;EAAY;CAAE;AACnD,GAGa,IAAsC;CACjD;EAAE,MAAM;EAAY,YAAY,EAAe;CAAO;CACtD;EAAE,MAAM;EAAc,YAAY,EAAe;CAAO;CACxD;EAAE,MAAM;EAAmB,YAAY,EAAe;CAAO;CAC7D;EAAE,MAAM;EAAc,YAAY,EAAe;CAAO;CACxD;EAAE,MAAM;EAAa,YAAY,EAAe;CAAY;CAC5D;EAAE,MAAM;EAAQ,YAAY,EAAe;CAAK;CAChD;EAAE,MAAM;EAAS,YAAY,EAAe;CAAU;CACtD;EAAE,MAAM;EAAc,YAAY,EAAe;CAAU;CAC3D;EAAE,MAAM;EAAoB,YAAY,EAAe;CAAU;CACjE;EAAE,MAAM;EAAiB,YAAY,EAAe;CAAU;CAC9D;EAAE,MAAM;EAAiB,YAAY,EAAe;CAAO;CAC3D;EAAE,MAAM;EAAe,YAAY,EAAe;CAAO;CACzD;EAAE,MAAM;EAAgB,YAAY,EAAe;CAAU;AAC/D,GAEa,IAAyC;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/stories/ColorPaletteInspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPaletteInspector.d.ts","sourceRoot":"","sources":["../../src/stories/ColorPaletteInspector.tsx"],"names":[],"mappings":"AAmCA,iBAAS,qBAAqB,4CA8C7B;AAED,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"ColorPaletteInspector.d.ts","sourceRoot":"","sources":["../../src/stories/ColorPaletteInspector.tsx"],"names":[],"mappings":"AAmCA,iBAAS,qBAAqB,4CA4C7B;AAED,eAAe,qBAAqB,CAAA"}

package/dist/stories/ColorPaletteInspector.js

@@ -27,7 +27,7 @@ function s() {
 				display: "flex",
 				flexWrap: "wrap"
 			},
-			children: t.reduce((e, t, n) => (n % 5 == 0 ? e.push([t]) : e[e.length - 1].push(t)) && e, []).map((e, t) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("p", { children: ["Odd ", t] }), e.map((e) => /* @__PURE__ */ r(o, { color: e }, e))] }, "odd" + t))
+			children: t.reduce((e, t, n) => (n % 5 == 0 ? e.push([t]) : e.at(-1).push(t)) && e, []).map((e, t) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("p", { children: ["Odd ", t] }), e.map((e) => /* @__PURE__ */ r(o, { color: e }, e))] }, "odd" + t))
 		}),
 		/* @__PURE__ */ r("hr", {}),
 		/* @__PURE__ */ r("h2", { children: "Even Palette" }),
@@ -36,7 +36,7 @@ function s() {
 				display: "flex",
 				flexWrap: "wrap"
 			},
-			children: e.reduce((e, t, n) => (n % 5 == 0 ? e.push([t]) : e[e.length - 1].push(t)) && e, []).map((e, t) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("p", { children: ["Even ", t] }), e.map((e) => /* @__PURE__ */ r(o, { color: e }, e))] }, "even" + t))
+			children: e.reduce((e, t, n) => (n % 5 == 0 ? e.push([t]) : e.at(-1).push(t)) && e, []).map((e, t) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("p", { children: ["Even ", t] }), e.map((e) => /* @__PURE__ */ r(o, { color: e }, e))] }, "even" + t))
 		}),
 		" "
 	] });

package/dist/stories/ColorPaletteInspector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPaletteInspector.js","names":[],"sources":["../../src/stories/ColorPaletteInspector.tsx"],"sourcesContent":["import {\n  COLOR_PALETTE_EVEN,\n  COLOR_PALETTE_ODD,\n} from '@/utils/functions/colorPalette'\nimport { Box } from '@mui/material'\nimport tinycolor from 'tinycolor2'\n\ntype DivColorTextProps = {\n  color: string\n}\n\nfunction DivWithColorText({ color }: DivColorTextProps) {\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          background: color,\n          width: '100px',\n          height: '20px',\n          fontSize: '10px',\n          color: color,\n          '&:hover': {\n            color: tinycolor(color).isDark() ? 'white' : 'black',\n          },\n        }}\n      >\n        {color}\n      </Box>\n    </div>\n  )\n}\n\nfunction ColorPaletteInspector() {\n  return (\n    <div>\n      <h2>Odd Palette</h2>\n      <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n        {COLOR_PALETTE_ODD.reduce(\n          (rows: any, key, index) =>\n            (index % 5 === 0\n              ? rows.push([key])\n              : rows[rows.length - 1].push(key)) && rows,\n\n          [],\n        ).map((palette: string[], idx: number) => {\n          return (\n            <div key={'odd' + idx}>\n              <p>Odd {idx}</p>\n              {palette.map(color => (\n                <DivWithColorText key={color} color={color}></DivWithColorText>\n              ))}\n            </div>\n          )\n        })}\n      </div>\n      <hr></hr>\n      <h2>Even Palette</h2>\n      <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n        {COLOR_PALETTE_EVEN.reduce(\n          (rows: any, key, index) =>\n            (index % 5 === 0\n              ? rows.push([key])\n              : rows[rows.length - 1].push(key)) && rows,\n\n          [],\n        ).map((palette: string[], idx: number) => {\n          return (\n            <div key={'even' + idx}>\n              <p>Even {idx}</p>\n              {palette.map(color => (\n                <DivWithColorText key={color} color={color}></DivWithColorText>\n              ))}\n            </div>\n          )\n        })}\n      </div>{' '}\n    </div>\n  )\n}\n\nexport default ColorPaletteInspector\n"],"mappings":";;;;;AAWA,SAAS,EAAiB,EAAE,YAA4B;CACtD,OACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,UAAU;GACH;GACP,WAAW,EACT,OAAO,EAAU,CAAK,EAAE,OAAO,IAAI,UAAU,QAC/C;EACF;YAEC;CACE,CAAA,EACF,CAAA;AAET;AAEA,SAAS,IAAwB;CAC/B,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;GAAO;aAC7C,EAAkB,QAChB,GAAW,GAAK,OACd,IAAQ,KAAM,IACX,EAAK,KAAK,CAAC,CAAG,CAAC,IACf,EAAK,EAAK,SAAS,GAAG,KAAK,CAAG,MAAM,GAE1C,CAAC,CACH,EAAE,KAAK,GAAmB,MAEtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAA,CAAG,QAAK,CAAO,EAAA,CAAA,GACd,EAAQ,KAAI,MACX,kBAAC,GAAD,EAAqC,SAAyB,GAAvC,CAAuC,CAC/D,CACE,EAAA,GALK,QAAQ,CAKb,CAER;EACE,CAAA;EACL,kBAAC,MAAD,CAAQ,CAAA;EACR,kBAAC,MAAD,EAAA,UAAI,eAAgB,CAAA;EACpB,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;GAAO;aAC7C,EAAmB,QACjB,GAAW,GAAK,OACd,IAAQ,KAAM,IACX,EAAK,KAAK,CAAC,CAAG,CAAC,IACf,EAAK,EAAK,SAAS,GAAG,KAAK,CAAG,MAAM,GAE1C,CAAC,CACH,EAAE,KAAK,GAAmB,MAEtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAA,CAAG,SAAM,CAAO,EAAA,CAAA,GACf,EAAQ,KAAI,MACX,kBAAC,GAAD,EAAqC,SAAyB,GAAvC,CAAuC,CAC/D,CACE,EAAA,GALK,SAAS,CAKd,CAER;EACE,CAAA;EAAE;CACJ,EAAA,CAAA;AAET"}
+{"version":3,"file":"ColorPaletteInspector.js","names":[],"sources":["../../src/stories/ColorPaletteInspector.tsx"],"sourcesContent":["import {\n  COLOR_PALETTE_EVEN,\n  COLOR_PALETTE_ODD,\n} from '@/utils/functions/colorPalette'\nimport { Box } from '@mui/material'\nimport tinycolor from 'tinycolor2'\n\ntype DivColorTextProps = {\n  color: string\n}\n\nfunction DivWithColorText({ color }: DivColorTextProps) {\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          background: color,\n          width: '100px',\n          height: '20px',\n          fontSize: '10px',\n          color: color,\n          '&:hover': {\n            color: tinycolor(color).isDark() ? 'white' : 'black',\n          },\n        }}\n      >\n        {color}\n      </Box>\n    </div>\n  )\n}\n\nfunction ColorPaletteInspector() {\n  return (\n    <div>\n      <h2>Odd Palette</h2>\n      <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n        {COLOR_PALETTE_ODD.reduce(\n          (rows: any, key, index) =>\n            (index % 5 === 0 ? rows.push([key]) : rows.at(-1).push(key)) &&\n            rows,\n\n          [],\n        ).map((palette: string[], idx: number) => {\n          return (\n            <div key={'odd' + idx}>\n              <p>Odd {idx}</p>\n              {palette.map(color => (\n                <DivWithColorText key={color} color={color}></DivWithColorText>\n              ))}\n            </div>\n          )\n        })}\n      </div>\n      <hr></hr>\n      <h2>Even Palette</h2>\n      <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n        {COLOR_PALETTE_EVEN.reduce(\n          (rows: any, key, index) =>\n            (index % 5 === 0 ? rows.push([key]) : rows.at(-1).push(key)) &&\n            rows,\n\n          [],\n        ).map((palette: string[], idx: number) => {\n          return (\n            <div key={'even' + idx}>\n              <p>Even {idx}</p>\n              {palette.map(color => (\n                <DivWithColorText key={color} color={color}></DivWithColorText>\n              ))}\n            </div>\n          )\n        })}\n      </div>{' '}\n    </div>\n  )\n}\n\nexport default ColorPaletteInspector\n"],"mappings":";;;;;AAWA,SAAS,EAAiB,EAAE,YAA4B;CACtD,OACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,UAAU;GACH;GACP,WAAW,EACT,OAAO,EAAU,CAAK,EAAE,OAAO,IAAI,UAAU,QAC/C;EACF;YAEC;CACE,CAAA,EACF,CAAA;AAET;AAEA,SAAS,IAAwB;CAC/B,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA;EACnB,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;GAAO;aAC7C,EAAkB,QAChB,GAAW,GAAK,OACd,IAAQ,KAAM,IAAI,EAAK,KAAK,CAAC,CAAG,CAAC,IAAI,EAAK,GAAG,EAAE,EAAE,KAAK,CAAG,MAC1D,GAEF,CAAC,CACH,EAAE,KAAK,GAAmB,MAEtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAA,CAAG,QAAK,CAAO,EAAA,CAAA,GACd,EAAQ,KAAI,MACX,kBAAC,GAAD,EAAqC,SAAyB,GAAvC,CAAuC,CAC/D,CACE,EAAA,GALK,QAAQ,CAKb,CAER;EACE,CAAA;EACL,kBAAC,MAAD,CAAQ,CAAA;EACR,kBAAC,MAAD,EAAA,UAAI,eAAgB,CAAA;EACpB,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,UAAU;GAAO;aAC7C,EAAmB,QACjB,GAAW,GAAK,OACd,IAAQ,KAAM,IAAI,EAAK,KAAK,CAAC,CAAG,CAAC,IAAI,EAAK,GAAG,EAAE,EAAE,KAAK,CAAG,MAC1D,GAEF,CAAC,CACH,EAAE,KAAK,GAAmB,MAEtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAA,CAAG,SAAM,CAAO,EAAA,CAAA,GACf,EAAQ,KAAI,MACX,kBAAC,GAAD,EAAqC,SAAyB,GAAvC,CAAuC,CAC/D,CACE,EAAA,GALK,SAAS,CAKd,CAER;EACE,CAAA;EAAE;CACJ,EAAA,CAAA;AAET"}

package/dist/style/components/facet_nav/_facet-nav-panel.scss

@@ -67,6 +67,14 @@
     padding: 20px 0;
     flex: 1;
     min-height: 0;
+
+    // A plot that can't filter must not look clickable.
+    &--filteringDisabled .js-plotly-plot .plotly {
+      .slice,
+      .draglayer {
+        cursor: default !important;
+      }
+    }
   }
 
   &--expanded {